From e81ef1686cb9f8fdb79ef3de7e84e2c0bd0f83e8 Mon Sep 17 00:00:00 2001
From: Jonathan P Moraes <jonathan.moraes.gft@nubank.com.br>
Date: Tue, 18 Feb 2025 18:05:21 -0300
Subject: [PATCH] Applying base64 to env vars

---
 web/setupProxy.js            | 32 ++++++++++++++++----------------
 web/src/auth/AuthContext.tsx | 11 ++++++++++-
 web/src/components/ga4.tsx   | 12 ++++++++++--
 3 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/web/setupProxy.js b/web/setupProxy.js
index 9961e80f9b..a45a5b97d9 100644
--- a/web/setupProxy.js
+++ b/web/setupProxy.js
@@ -2,7 +2,7 @@
 const express = require('express')
 const { createProxyMiddleware } = require('http-proxy-middleware')
 const path = require('path')
-const appMetrics = require('./services/appMetrics');
+const appMetrics = require('./services/appMetrics')
 
 const app = express();
 const router = express.Router();
@@ -14,7 +14,7 @@ const metrics = new appMetrics();
 // Middleware to expose /metrics endpoint
 app.get('/metrics', async (req, res) => {
   try {
-    res.set('Content-Type', metrics.register.contentType);
+    res.set('Content-Type', metrics.register.contentType)
     res.end(await metrics.getMetrics());
   } catch (ex) {
     res.status(500).end(ex);
@@ -68,21 +68,21 @@ app.listen(port, () => {
   console.log(`App listening on port ${port}!`)
 })
 
-app.use(express.json());
+app.use(express.json())
 
 // Helper function to format datetime as "YYYY-MM-DD HH:mm:SS.sss"
 function getFormattedDateTime() {
   const d = new Date();
-  const pad = (n, size = 2) => n.toString().padStart(size, '0');
-  const year = d.getFullYear();
-  const month = pad(d.getMonth() + 1);
-  const day = pad(d.getDate());
-  const hour = pad(d.getHours());
-  const minute = pad(d.getMinutes());
-  const second = pad(d.getSeconds());
+  const pad = (n, size = 2) => n.toString().padStart(size, '0')
+  const year = d.getFullYear()
+  const month = pad(d.getMonth() + 1)
+  const day = pad(d.getDate())
+  const hour = pad(d.getHours())
+  const minute = pad(d.getMinutes())
+  const second = pad(d.getSeconds())
   // JavaScript Date only provides milliseconds (0-999), so we pad to 3 digits
-  const ms = pad(d.getMilliseconds(), 3);
-  return `${year}-${month}-${day} ${hour}:${minute}:${second}.${ms}`;
+  const ms = pad(d.getMilliseconds(), 3)
+  return `${year}-${month}-${day} ${hour}:${minute}:${second}.${ms}`
 }
 
 // Endpoint to log user info and increment counters
@@ -90,16 +90,16 @@ app.post('/api/loguserinfo', (req, res) => {
   const { email = '' } = req.body;
 
   if (typeof email !== 'string') {
-    return res.status(400).json({ error: 'Invalid email format' });
+    return res.status(400).json({ error: 'Invalid email format' })
   }
 
-  const encodedEmail = Buffer.from(email).toString('base64');
+  const encodedEmail = Buffer.from(email).toString('base64')
 
   // Increment total logins counter
-  metrics.incrementTotalLogins(); 
+  metrics.incrementTotalLogins(email)
 
   // Check if the user is logging in for the first time in the last 8 hours
-  metrics.incrementUniqueLogins(email);
+  metrics.incrementUniqueLogins(email)
 
   const logData = {
     accessLog: {
diff --git a/web/src/auth/AuthContext.tsx b/web/src/auth/AuthContext.tsx
index 1b31ea6851..943ea0f47e 100644
--- a/web/src/auth/AuthContext.tsx
+++ b/web/src/auth/AuthContext.tsx
@@ -2,9 +2,18 @@ import { AuthState, OktaAuth } from '@okta/okta-auth-js'
 import React, { createContext, useContext, useEffect, useState } from 'react'
 import { trackEvent } from '../components/ga4'
 
+function decodeBase64(str: string) {
+  return window.atob(str);
+}
+
+const isStaging = window.location.origin.includes('staging')
+const oktaClientId = isStaging
+  ? decodeBase64('MG9hMjBlaG1qdjk3ZzhqWlAwaDg=')
+  : decodeBase64('MG9hMjBkNm42amI2bkc1TW4waDg=')
+
 export const oktaAuth = new OktaAuth({
   issuer: 'https://nubank.okta.com/oauth2/default',
-  clientId: '0oa20d6n6jb6nG5Mn0h8',
+  clientId: oktaClientId,
   redirectUri: window.location.origin + '/login/callback',
   pkce: true,
   scopes: ['openid', 'profile', 'email'],
diff --git a/web/src/components/ga4.tsx b/web/src/components/ga4.tsx
index 11c6663e6a..fc56c66394 100644
--- a/web/src/components/ga4.tsx
+++ b/web/src/components/ga4.tsx
@@ -1,8 +1,16 @@
 import ReactGA from 'react-ga4';
 
+function decodeBase64(str: string) {
+  return window.atob(str);
+}
+
 const initializeGA = () => {
-    ReactGA.initialize('G-QF2RHX3HRJ');
-  };
+  const isStaging = window.location.origin.includes('staging');
+  const gaId = isStaging 
+    ? decodeBase64('Ry1KNkc1QlYzRVY1')
+    : decodeBase64('Ry1RRjJSSFgzSFJK')
+  ReactGA.initialize(gaId);
+};
   
   const trackPageView = () => {
     ReactGA.send({ hitType: 'pageview', page: window.location.pathname });