@frontegg/react-hooks 7.4.0-alpha.0 → 7.4.0-alpha.2

package/auth/hooks.d.ts

@@ -77,7 +77,8 @@ export declare const useIsAuthenticated: () => boolean;
  * }
  * ```
  *
- * Use this `frontegg` hook function to obtain the authenticated user. If the user is not authenticated, this method will immediately redirect the user to the login page. (Primarily intended for embedded mode usage)
+ * Use this `frontegg` hook function to obtain the authenticated user.
+ * If the user is not authenticated, this method will immediately redirect the user to the login page.
  * To prevent this immediate redirection behavior, use the `useAuthUserOrNull` method.
  */
 export declare const useAuthUser: () => User;

package/auth/hooks.js

@@ -1,8 +1,8 @@
-import { useContext } from 'react';
+import { useContext, useEffect } from 'react';
 import { ContextHolder } from '@frontegg/rest-api';
 import { FronteggStoreContext, useStore } from '../FronteggStoreContext';
 import { useSnapshot } from '../useSnapshot';
-import { useShadowDom } from '../common';
+import { useRootState } from '../common';
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -79,7 +79,7 @@ export const useOnRedirectTo = () => {
   } = useAuth();
   const {
     appName
-  } = useShadowDom();
+  } = useRootState();
   return onRedirectTo || ContextHolder.for(appName).onRedirectTo;
 };
 export const useAuthRoutes = () => useAuthState().routes;
@@ -109,24 +109,38 @@ export const useIsAuthenticated = () => {
  * }
  * ```
  *
- * Use this `frontegg` hook function to obtain the authenticated user. If the user is not authenticated, this method will immediately redirect the user to the login page. (Primarily intended for embedded mode usage)
+ * Use this `frontegg` hook function to obtain the authenticated user.
+ * If the user is not authenticated, this method will immediately redirect the user to the login page.
  * To prevent this immediate redirection behavior, use the `useAuthUserOrNull` method.
  */
 export const useAuthUser = () => {
-  const {
-    loginUrl,
-    customLoginUrl
-  } = useAuthRoutes();
+  const authRoutes = useAuthRoutes();
   const onRedirectTo = useOnRedirectTo();
+  const loginWithRedirect = useLoginWithRedirectV2();
   const {
-    user
+    user,
+    hostedLoginBox
   } = useAuth();
-  const isSSR = typeof window === 'undefined';
   const noUser = {};
+  const isSSR = typeof window === 'undefined';
+  useEffect(() => {
+    if (user == null && !isSSR) {
+      if (hostedLoginBox) {
+        loginWithRedirect({
+          shouldRedirectToLogin: true
+        });
+      } else {
+        const {
+          loginUrl,
+          customLoginUrl
+        } = authRoutes;
+        onRedirectTo(customLoginUrl != null ? customLoginUrl : loginUrl, {
+          refresh: true
+        });
+      }
+    }
+  }, [hostedLoginBox, user, authRoutes, onRedirectTo, loginWithRedirect]);
   if (user == null && !isSSR) {
-    onRedirectTo(customLoginUrl != null ? customLoginUrl : loginUrl, {
-      refresh: true
-    });
     return noUser;
   }
   return user || noUser;

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.4.0-alpha.0
+/** @license Frontegg v7.4.0-alpha.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/auth/hooks.js

@@ -91,7 +91,7 @@ const useOnRedirectTo = () => {
   } = useAuth();
   const {
     appName
-  } = (0, _common.useShadowDom)();
+  } = (0, _common.useRootState)();
   return onRedirectTo || _restApi.ContextHolder.for(appName).onRedirectTo;
 };
 exports.useOnRedirectTo = useOnRedirectTo;
@@ -123,25 +123,39 @@ const useIsAuthenticated = () => {
  * }
  * ```
  *
- * Use this `frontegg` hook function to obtain the authenticated user. If the user is not authenticated, this method will immediately redirect the user to the login page. (Primarily intended for embedded mode usage)
+ * Use this `frontegg` hook function to obtain the authenticated user.
+ * If the user is not authenticated, this method will immediately redirect the user to the login page.
  * To prevent this immediate redirection behavior, use the `useAuthUserOrNull` method.
  */
 exports.useIsAuthenticated = useIsAuthenticated;
 const useAuthUser = () => {
-  const {
-    loginUrl,
-    customLoginUrl
-  } = useAuthRoutes();
+  const authRoutes = useAuthRoutes();
   const onRedirectTo = useOnRedirectTo();
+  const loginWithRedirect = useLoginWithRedirectV2();
   const {
-    user
+    user,
+    hostedLoginBox
   } = useAuth();
-  const isSSR = typeof window === 'undefined';
   const noUser = {};
+  const isSSR = typeof window === 'undefined';
+  (0, _react.useEffect)(() => {
+    if (user == null && !isSSR) {
+      if (hostedLoginBox) {
+        loginWithRedirect({
+          shouldRedirectToLogin: true
+        });
+      } else {
+        const {
+          loginUrl,
+          customLoginUrl
+        } = authRoutes;
+        onRedirectTo(customLoginUrl != null ? customLoginUrl : loginUrl, {
+          refresh: true
+        });
+      }
+    }
+  }, [hostedLoginBox, user, authRoutes, onRedirectTo, loginWithRedirect]);
   if (user == null && !isSSR) {
-    onRedirectTo(customLoginUrl != null ? customLoginUrl : loginUrl, {
-      refresh: true
-    });
     return noUser;
   }
   return user || noUser;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.4.0-alpha.0
+/** @license Frontegg v7.4.0-alpha.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@frontegg/react-hooks",
-  "version": "7.4.0-alpha.0",
+  "version": "7.4.0-alpha.2",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/redux-store": "7.4.0-alpha.0",
-    "@frontegg/types": "7.4.0-alpha.0",
+    "@frontegg/redux-store": "7.4.0-alpha.2",
+    "@frontegg/types": "7.4.0-alpha.2",
     "@types/react": "*",
     "@types/react-is": "^17.0.7",
     "get-value": "^3.0.1",