* add Auth0 mocks for loginWithRedirect

Author: nickcastel50

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bldrs",
-  "version": "1.0.1280",
+  "version": "1.0.1281",
   "main": "src/index.jsx",
   "license": "AGPL-3.0",
   "homepage": "https://github.com/bldrs-ai/Share",

src/Auth0/Auth0ProviderProxy.jsx

@@ -26,26 +26,23 @@ export const Auth0Provider = ({children, onRedirectCallback, ...props}) => {
   })
 
   const getAccessTokenSilently = (options) => {
+    if (!state.isAuthenticated) {
+       // Detailed response based on the options
+       setState({
+        isAuthenticated: true,
+        user: mockGitHubUser,
+        token: 'mock_access_token',
+      })
+    }
     return new Promise((resolve, reject) => {
-      if (state.isAuthenticated) {
-        if (options && options.detailedResponse) {
-          // Detailed response based on the options
-          const response = {
-            access_token: 'mock_access_token',
-            id_token: 'mock_id_token',
-            expires_in: 3600, // Expiry in seconds
-            token_type: 'Bearer',
-            scope: 'openid profile email offline_access repo',
-          }
-          resolve(response)
-        } else {
-          // Default to returning a simple string access token
-          resolve('mock_access_token')
-        }
-      } else {
-        // eslint-disable-next-line prefer-promise-reject-errors
-        reject({error: 'login_required'})
+      const response = {
+        access_token: 'mock_access_token',
+        id_token: 'mock_id_token',
+        expires_in: 3600, // Expiry in seconds
+        token_type: 'Bearer',
+        scope: 'openid profile email offline_access repo',
       }
+      resolve(response)
     })
   }
 
@@ -58,6 +55,19 @@ export const Auth0Provider = ({children, onRedirectCallback, ...props}) => {
     })
   }
 
+  // Simulate the login functionality
+  const loginWithRedirect = () => {
+    setState({
+      isAuthenticated: true,
+      user: mockGitHubUser,
+      token: 'mock_access_token',
+    })
+
+    // Simulate Auth0 redirect to /popup-callback
+    window.location.href = '/popup-callback'
+  }
+
+
   // Simulate the logout functionality
   const logout = () => {
     setState({
@@ -71,6 +81,7 @@ export const Auth0Provider = ({children, onRedirectCallback, ...props}) => {
   const providerValue = {
     ...state,
     loginWithPopup,
+    loginWithRedirect,
     logout,
     getAccessTokenSilently,
   }

src/Auth0/Auth0Proxy.js

@@ -55,6 +55,14 @@ function mockLoginWithPopup() {
   MockAuth0Context._currentValue.user = mockGitHubUser
 }
 
+/**
+ *
+ */
+function mockLoginWithRedirect() {
+  MockAuth0Context._currentValue.isAuthenticated = true
+  MockAuth0Context._currentValue.user = mockGitHubUser
+}
+
 /**
  *
  */
@@ -71,7 +79,7 @@ export const MockAuth0Context = React.createContext({
   getAccessTokenSilently: mockGetAccessTokenSilently,
   getAccessTokenWithPopup: () => 'mock_access_token',
   getIdTokenClaims: () => ({__raw: 'mock_id_token'}),
-  loginWithRedirect: () => undefined,
+  loginWithRedirect: mockLoginWithRedirect,
   loginWithPopup: mockLoginWithPopup,
   logout: mockLogout,
   handleRedirectCallback: () => ({appState: {}}),

src/Components/Auth/PopupAuth.jsx

@@ -1,5 +1,5 @@
 import React, {useEffect} from 'react'
-import {useAuth0} from '@auth0/auth0-react'
+import {useAuth0} from '../../Auth0/Auth0Proxy'
 
 
 /**
@@ -18,7 +18,7 @@ function PopupAuth() {
     loginWithRedirect({
       redirectUri: `${window.location.origin }/popup-callback`,
     })
-  }, [loginWithRedirect])
+  })
 
   return <div>Redirecting to Auth0…</div>
 }

src/Components/Profile/ProfileControl.jsx

@@ -50,7 +50,7 @@ export default function ProfileControl() {
     }
     window.addEventListener('storage', handleStorageEvent)
     return () => window.removeEventListener('storage', handleStorageEvent)
-  }, [getAccessTokenSilently])
+  })
 
   // Open a popup that will trigger Auth0 login
   const handleLogin = () => {