doselect · manishbharti02 · May 10, 2024 · May 10, 2024 · May 10, 2024 · May 13, 2024
diff --git a/.env b/.env
@@ -0,0 +1,4 @@
+NODE_ENV = development
+REACT_APP_DOWNLOAD_LINK = https://dev-doselect-static.s3.ap-southeast-1.amazonaws.com/secure-browser/Doselect+Secure+Browser.exe
+REACT_APP_UBA_BEACON_URL= https://test.collector.infoedge.com/uba
+REACT_APP_UB_SCRIPT_URL= https://assets.central.dev.sg1.chsh.in/scripts/ub_v1.16.min.js
diff --git a/.gitignore b/.gitignore
@@ -11,12 +11,7 @@
 # production
 /build
 
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+
 
 npm-debug.log*
 yarn-debug.log*

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -6,8 +6,11 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
+    "node-sass": "^9.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.23.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/public/index.html b/public/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" type="image/png" href="%PUBLIC_URL%/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
@@ -24,8 +24,40 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Doselect secure browser</title>
   </head>
+  <!-- UBA script -->
+  <script id="ubScript" defer>
+    (function () {
+      var queuedSuperProps = [];
+      var queuedEvents = [];
+      window.ub = {
+        track: function (eventName, eventProps) {
+          queuedEvents.push([eventName, eventProps]);
+        },
+        register: function (properties) {
+          queuedSuperProps.push(properties);
+        },
+      };
+      var script = document.createElement("script");
+      script.async = true;
+      script.src =
+        '%REACT_APP_UB_SCRIPT_URL%';
+      script.onload = function () {
+        ub.init({
+          beaconUrl: '%REACT_APP_UBA_BEACON_URL%',
+          bulkBeaconUrl: "https://logs.doselect.com/collectorapi/v1/uba/bulk",
+          queuedEvents: queuedEvents,
+          queuedSuperProps: queuedSuperProps,
+          tenantId: "1",
+          autoTrack: false,
+          blackList: [],
+        });
+      };
+      document.head.appendChild(script);
+    })();
+    ub.register({ tenantId: "11", appId: 802 });
+  </script>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>

diff --git a/src/App.css b/src/App.css
diff --git a/src/App.js b/src/App.js
@@ -1,25 +1,31 @@
-import logo from './logo.svg';
-import './App.css';
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import "./App.scss";
+import Configure from "./components/Configure/Configure";
+import Instruction from "./components/Instruction";
+import TestAccessUrlInput from "./components/TestAccessUrlInput";
+import { PAGE_ROUTE } from "./util/constant";
+import "./util/ubaInitialiser";
 
 function App() {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
+  const router = createBrowserRouter([
+    {
+      path: "/",
+      element: <></>,
+    },
+    {
+      path: PAGE_ROUTE.CONFIGURE,
+      element: <Configure />,
+    },
+    {
+      path: PAGE_ROUTE.INSTRUCTION,
+      element: <Instruction />,
+    },
+    {
+      path: PAGE_ROUTE.TEST_ROUTE,
+      element: <TestAccessUrlInput />,
+    },
+  ]);
+  return <RouterProvider router={router} />;
 }
 
 export default App;
diff --git a/src/App.scss b/src/App.scss
@@ -0,0 +1,10 @@
+@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:wght@400;500;600&display=swap");
+body {
+  margin: 0;
+  background-color: #f6f6f6;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
+    monospace;
+}