From bcde2a38ade8ad304780d655e700ca34858f6856 Mon Sep 17 00:00:00 2001
From: koji <kk2796@nyu.edu>
Date: Thu, 9 May 2024 15:01:12 -0400
Subject: [PATCH] feat(opentrons-ai-client): add auth0 package

add auth0 package

close AUTH-
---
 opentrons-ai-client/package.json |  1 +
 opentrons-ai-client/src/main.tsx | 17 +++++++++++++----
 package.json                     |  4 ++--
 yarn.lock                        | 12 ++++++++++++
 4 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/opentrons-ai-client/package.json b/opentrons-ai-client/package.json
index dfd8069c7b1..3742fbe70c7 100644
--- a/opentrons-ai-client/package.json
+++ b/opentrons-ai-client/package.json
@@ -19,6 +19,7 @@
   },
   "homepage": "https://github.com/Opentrons/opentrons",
   "dependencies": {
+    "@auth0/auth0-react": "2.2.4",
     "@fontsource/public-sans": "5.0.3",
     "@opentrons/components": "link:../components",
     "axios": "^0.21.1",
diff --git a/opentrons-ai-client/src/main.tsx b/opentrons-ai-client/src/main.tsx
index a2f1338bd7b..116f87558b1 100644
--- a/opentrons-ai-client/src/main.tsx
+++ b/opentrons-ai-client/src/main.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { I18nextProvider } from 'react-i18next'
 import { GlobalStyle } from './atoms/GlobalStyle'
+import { Auth0Provider } from '@auth0/auth0-react'
 
 import { i18n } from './i18n'
 import { App } from './App'
@@ -10,10 +11,18 @@ const rootElement = document.getElementById('root')
 if (rootElement != null) {
   ReactDOM.createRoot(rootElement).render(
     <React.StrictMode>
-      <GlobalStyle />
-      <I18nextProvider i18n={i18n}>
-        <App />
-      </I18nextProvider>
+      <Auth0Provider
+        domain="identity.auth-dev.opentrons.com"
+        clientId="PcuD1wEutfijyglNeRBi41oxsKJ1HtKw"
+        authorizationParams={{
+          redirect_uri: window.location.origin,
+        }}
+      >
+        <GlobalStyle />
+        <I18nextProvider i18n={i18n}>
+          <App />
+        </I18nextProvider>
+      </Auth0Provider>
     </React.StrictMode>
   )
 } else {
diff --git a/package.json b/package.json
index 5b16dff3979..011eff854ba 100755
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
       "step-generation",
       "api-client",
       "react-api-client",
-      "usb-bridge/node-client"
+      "usb-bridge/node-client",
+      "opentrons-ai-client"
     ]
   },
   "config": {
@@ -105,7 +106,6 @@
     "handlebars-loader": "^1.7.1",
     "html-webpack-plugin": "^3.2.0",
     "identity-obj-proxy": "^3.0.0",
-    "jotai": "2.8.0",
     "jsdom": "^16.4.0",
     "lost": "^8.3.1",
     "madge": "^3.6.0",
diff --git a/yarn.lock b/yarn.lock
index 8427f656e8d..7c490e3db6d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -30,6 +30,18 @@
     "@jridgewell/gen-mapping" "^0.3.5"
     "@jridgewell/trace-mapping" "^0.3.24"
 
+"@auth0/auth0-react@2.2.4":
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/@auth0/auth0-react/-/auth0-react-2.2.4.tgz#7f21751a219d4e0e019141819f00e76e436176dd"
+  integrity sha512-l29PQC0WdgkCoOc6WeMAY26gsy/yXJICW0jHfj0nz8rZZphYKrLNqTRWFFCMJY+sagza9tSgB1kG/UvQYgGh9A==
+  dependencies:
+    "@auth0/auth0-spa-js" "^2.1.3"
+
+"@auth0/auth0-spa-js@^2.1.3":
+  version "2.1.3"
+  resolved "https://registry.yarnpkg.com/@auth0/auth0-spa-js/-/auth0-spa-js-2.1.3.tgz#aabf6f439e41edbeef0cf4766ad754e5b47616e5"
+  integrity sha512-NMTBNuuG4g3rame1aCnNS5qFYIzsTUV5qTFPRfTyYFS1feS6jsCBR+eTq9YkxCp1yuoM2UIcjunPaoPl77U9xQ==
+
 "@aw-web-design/x-default-browser@1.4.126":
   version "1.4.126"
   resolved "https://registry.yarnpkg.com/@aw-web-design/x-default-browser/-/x-default-browser-1.4.126.tgz#43e4bd8f0314ed907a8718d7e862a203af79bc16"