From 23e6f0baf41ce2981ee292ba9c1b5d2ff0ee9042 Mon Sep 17 00:00:00 2001
From: sundasnoreen12 <sundasnoreen12@gmail.com>
Date: Wed, 3 Sep 2025 16:57:26 +0500
Subject: [PATCH] feat: added env varaible for captcha v3

---
 .env                |  1 +
 .env.development    |  1 +
 .env.test           |  1 +
 src/MainApp.jsx     | 70 ++++++++++++++++++++++++---------------------
 src/config/index.js |  1 +
 5 files changed, 41 insertions(+), 33 deletions(-)

diff --git a/.env b/.env
index ce7ca5d0..e884a7de 100644
--- a/.env
+++ b/.env
@@ -46,3 +46,4 @@ APP_ID=''
 MFE_CONFIG_API_URL=''
 # Fallback in local style files
 PARAGON_THEME_URLS={}
+RECAPTCHA_SITE_KEY_WEB=''
diff --git a/.env.development b/.env.development
index 5263135b..bbd1c0f5 100644
--- a/.env.development
+++ b/.env.development
@@ -46,3 +46,4 @@ ZENDESK_KEY=''
 ZENDESK_LOGO_URL=''
 # Fallback in local style files
 PARAGON_THEME_URLS={}
+RECAPTCHA_SITE_KEY_WEB=''
diff --git a/.env.test b/.env.test
index ac296154..56971a87 100644
--- a/.env.test
+++ b/.env.test
@@ -21,3 +21,4 @@ MFE_CONFIG_API_URL=''
 COHESION_WRITE_KEY=''
 COHESION_SOURCE_KEY=''
 PARAGON_THEME_URLS={}
+RECAPTCHA_SITE_KEY_WEB=''
diff --git a/src/MainApp.jsx b/src/MainApp.jsx
index 08016e52..41a2bf7e 100755
--- a/src/MainApp.jsx
+++ b/src/MainApp.jsx
@@ -33,38 +33,42 @@ import './index.scss';
 
 registerIcons();
 
-const MainApp = () => (
-  <AppProvider store={configureStore()}>
-    <GoogleReCaptchaProvider
-      reCaptchaKey="6LeQu6QrAAAAADR7XB--kDIKyAsqJu9SO22Jiptd"
-      useEnterprise
-    >
-      <Helmet>
-        <link rel="shortcut icon" href={getConfig().FAVICON_URL} type="image/x-icon" />
-      </Helmet>
-      {getConfig().ZENDESK_KEY && <Zendesk />}
-      <Routes>
-        <Route path="/" element={<Navigate replace to={updatePathWithQueryParams(REGISTER_PAGE)} />} />
-        <Route
-          path={REGISTER_EMBEDDED_PAGE}
-          element={<EmbeddedRegistrationRoute><RegistrationPage /></EmbeddedRegistrationRoute>}
-        />
-        <Route
-          path={LOGIN_PAGE}
-          element={
-            <UnAuthOnlyRoute><Logistration selectedPage={LOGIN_PAGE} /></UnAuthOnlyRoute>
-          }
-        />
-        <Route path={REGISTER_PAGE} element={<UnAuthOnlyRoute><Logistration /></UnAuthOnlyRoute>} />
-        <Route path={RESET_PAGE} element={<UnAuthOnlyRoute><ForgotPasswordPage /></UnAuthOnlyRoute>} />
-        <Route path={PASSWORD_RESET_CONFIRM} element={<ResetPasswordPage />} />
-        <Route path={AUTHN_PROGRESSIVE_PROFILING} element={<ProgressiveProfiling />} />
-        <Route path={RECOMMENDATIONS} element={<RecommendationsPage />} />
-        <Route path={PAGE_NOT_FOUND} element={<NotFoundPage />} />
-        <Route path="*" element={<Navigate replace to={PAGE_NOT_FOUND} />} />
-      </Routes>
-    </GoogleReCaptchaProvider>
-  </AppProvider>
-);
+const MainApp = () => {
+  const recaptchaSiteKeyWeb = getConfig().RECAPTCHA_SITE_KEY_WEB;
+
+  return (
+    <AppProvider store={configureStore()}>
+      <GoogleReCaptchaProvider
+        reCaptchaKey={recaptchaSiteKeyWeb}
+        useEnterprise
+      >
+        <Helmet>
+          <link rel="shortcut icon" href={getConfig().FAVICON_URL} type="image/x-icon" />
+        </Helmet>
+        {getConfig().ZENDESK_KEY && <Zendesk />}
+        <Routes>
+          <Route path="/" element={<Navigate replace to={updatePathWithQueryParams(REGISTER_PAGE)} />} />
+          <Route
+            path={REGISTER_EMBEDDED_PAGE}
+            element={<EmbeddedRegistrationRoute><RegistrationPage /></EmbeddedRegistrationRoute>}
+          />
+          <Route
+            path={LOGIN_PAGE}
+            element={
+              <UnAuthOnlyRoute><Logistration selectedPage={LOGIN_PAGE} /></UnAuthOnlyRoute>
+            }
+          />
+          <Route path={REGISTER_PAGE} element={<UnAuthOnlyRoute><Logistration /></UnAuthOnlyRoute>} />
+          <Route path={RESET_PAGE} element={<UnAuthOnlyRoute><ForgotPasswordPage /></UnAuthOnlyRoute>} />
+          <Route path={PASSWORD_RESET_CONFIRM} element={<ResetPasswordPage />} />
+          <Route path={AUTHN_PROGRESSIVE_PROFILING} element={<ProgressiveProfiling />} />
+          <Route path={RECOMMENDATIONS} element={<RecommendationsPage />} />
+          <Route path={PAGE_NOT_FOUND} element={<NotFoundPage />} />
+          <Route path="*" element={<Navigate replace to={PAGE_NOT_FOUND} />} />
+        </Routes>
+      </GoogleReCaptchaProvider>
+    </AppProvider>
+  );
+};
 
 export default MainApp;
diff --git a/src/config/index.js b/src/config/index.js
index 6399b549..61239dbd 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -37,6 +37,7 @@ const configuration = {
   ALGOLIA_APP_ID: process.env.ALGOLIA_APP_ID || '',
   ALGOLIA_SEARCH_API_KEY: process.env.ALGOLIA_SEARCH_API_KEY || '',
   AUTO_GENERATED_USERNAME_EXPERIMENT_ID: process.env.AUTO_GENERATED_USERNAME_EXPERIMENT_ID || '',
+  RECAPTCHA_SITE_KEY_WEB: process.env.RECAPTCHA_SITE_KEY_WEB || '',
 };
 
 export default configuration;