@frontegg/react-hooks 7.0.0-alpha.1 → 7.0.0-alpha.3

package/node/auth/acceptInvitation.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAcceptInvitationActions = void 0;
 exports.useAcceptInvitationState = useAcceptInvitationState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
 const defaultMapper = state => state;
 function useAcceptInvitationState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'acceptInvitationState');
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.acceptInvitationState;
+  return stateMapper((0, _useSnapshot.useSnapshot)(state));
 }
-const useAcceptInvitationActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.acceptInvitationActions, _reduxStore.acceptInvitationReducers);
+const useAcceptInvitationActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.acceptInvitationActions;
+};
 exports.useAcceptInvitationActions = useAcceptInvitationActions;

package/node/auth/activateAccount.js

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useActivateAccountActions = void 0;
 exports.useActivateAccountState = useActivateAccountState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
 const defaultMapper = state => state;
 function useActivateAccountState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'activateState');
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.activateAccountState;
+  return stateMapper((0, _useSnapshot.useSnapshot)(state));
 }
-const useActivateAccountActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.activateAccountActions, _reduxStore.activateAccountReducers);
+const useActivateAccountActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.activateAccountActions;
+};
 exports.useActivateAccountActions = useActivateAccountActions;

package/node/auth/allAccounts.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAllAccountsDialogsActions = exports.useAllAccountsActions = void 0;
+exports.useAllAccountsDialogsState = useAllAccountsDialogsState;
+exports.useAllAccountsState = useAllAccountsState;
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+const defaultMapper = state => state;
+function useAllAccountsState(stateMapper = defaultMapper) {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.allAccountsState;
+  return stateMapper((0, _useSnapshot.useSnapshot)(state));
+}
+const useAllAccountsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.allAccountsActions;
+};
+exports.useAllAccountsActions = useAllAccountsActions;
+function useAllAccountsDialogsState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.allAccountsDialogsState;
+  return (0, _useSnapshot.useSnapshot)(state);
+}
+const useAllAccountsDialogsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.allAccountsDialogActions;
+};
+exports.useAllAccountsDialogsActions = useAllAccountsDialogsActions;

package/node/auth/apiTokens.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useApiTokensActions = void 0;
 exports.useApiTokensState = useApiTokensState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useApiTokensState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'apiTokensState');
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+function useApiTokensState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.apiTokensState;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
-const useApiTokensActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.apiTokensActions, _reduxStore.apiTokensReducers);
+const useApiTokensActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.apiTokensActions;
+};
 exports.useApiTokensActions = useApiTokensActions;

package/node/auth/applications.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useApplicationsActions = void 0;
+exports.useApplicationsState = useApplicationsState;
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+function useApplicationsState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.applicationsState;
+  return (0, _useSnapshot.useSnapshot)(state);
+}
+const useApplicationsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.applicationsActions;
+};
+exports.useApplicationsActions = useApplicationsActions;

package/node/auth/customLogin.js

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCustomLoginActions = void 0;
 exports.useCustomLoginState = useCustomLoginState;
 exports.useCustomLoginTheme = void 0;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-var _getValue = _interopRequireDefault(require("get-value"));
 var _react = require("react");
-const defaultMapper = state => state;
-function useCustomLoginState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'customLoginState');
+var _getValue = _interopRequireDefault(require("get-value"));
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+function useCustomLoginState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.customLoginState;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
-const useCustomLoginActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.customLoginActions, _reduxStore.customLoginReducers);
-exports.useCustomLoginActions = useCustomLoginActions;
-const themeMapper = state => {
-  var _state$tenantMetadata, _state$tenantMetadata2, _state$tenantMetadata3;
-  return (_state$tenantMetadata = state.tenantMetadata) == null ? void 0 : (_state$tenantMetadata2 = _state$tenantMetadata.configuration) == null ? void 0 : (_state$tenantMetadata3 = _state$tenantMetadata2.themeV2) == null ? void 0 : _state$tenantMetadata3.loginBox;
+const useCustomLoginActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.customLoginActions;
 };
+exports.useCustomLoginActions = useCustomLoginActions;
 const useCustomLoginTheme = () => {
-  const customLoginTheme = useCustomLoginState(themeMapper);
+  var _useCustomLoginState$, _useCustomLoginState$2, _useCustomLoginState$3;
+  const customLoginTheme = (_useCustomLoginState$ = useCustomLoginState().tenantMetadata) == null ? void 0 : (_useCustomLoginState$2 = _useCustomLoginState$.configuration) == null ? void 0 : (_useCustomLoginState$3 = _useCustomLoginState$2.themeV2) == null ? void 0 : _useCustomLoginState$3.loginBox;
   const getCustomLoginThemeValue = (0, _react.useCallback)(path => {
     return path && customLoginTheme ? (0, _getValue.default)(customLoginTheme, path) : customLoginTheme;
   }, [customLoginTheme]);

package/node/auth/entitlements.js

@@ -3,42 +3,126 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.usePermissionEntitlements = exports.useFeatureEntitlements = exports.useEntitlements = void 0;
-var _reduxStore = require("@frontegg/redux-store");
+exports.usePermissionEntitlements = exports.useFeatureEntitlements = exports.useEntitlementsOptions = exports.useEntitlementsActions = exports.useEntitlements = void 0;
 var _hooks = require("./hooks");
+var _react = require("react");
+var _common = require("../common");
+var _flags = require("../flags");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+var _reduxStore = require("@frontegg/redux-store");
 /**
  * @returns entitlemenets state as stored in the user
  */
-const useEntitlementsState = () => (0, _hooks.useAuth)(({
-  user
-}) => user == null ? void 0 : user.entitlements);
+const useEntitlementsState = () => {
+  var _useSnapshot$user$ent, _useSnapshot$user;
+  const state = (0, _FronteggStoreContext.useStore)().store.auth;
+  return (_useSnapshot$user$ent = (_useSnapshot$user = (0, _useSnapshot.useSnapshot)(state).user) == null ? void 0 : _useSnapshot$user.entitlements) != null ? _useSnapshot$user$ent : {};
+};
+
+/**
+ * @returns user state
+ */
+const useUserState = () => {
+  return (0, _hooks.useAuthUserOrNull)() || undefined;
+};
 
 /**
-  @param key
-  @returns if the user is entitled to the given feature. Attaching the justification if not
-*/
-const useFeatureEntitlements = key => {
+ * @param customAttributes user attributes
+ * @returns is entitled query data including: entitlements state and final attributes (consumer and frontegg)
+ */
+const useEntitlementsQueryData = customAttributes => {
+  const user = useUserState();
   const entitlements = useEntitlementsState();
-  return (0, _reduxStore.getFeatureEntitlements)(entitlements, key);
+  const attributes = {
+    custom: customAttributes,
+    jwt: user
+  };
+  return {
+    entitlements,
+    attributes
+  };
+};
+
+/**
+ @param key feature key
+ @param customAttributes user attributes
+ @returns if the user is entitled to the given feature and attributes. Attaching the justification if not
+ */
+const useFeatureEntitlements = (key, customAttributes) => {
+  const {
+    entitlements,
+    attributes
+  } = useEntitlementsQueryData(customAttributes);
+  return (0, _reduxStore.getFeatureEntitlements)(entitlements, key, attributes);
 };
 
 /**
-  @param key
-  @returns if the user is entitled to the given permission. Attaching the justification if not
-*/
+ @param key permission key
+ @param customAttributes user attributes
+ @returns if the user is entitled to the given permission and attributes. Attaching the justification if not
+ */
 exports.useFeatureEntitlements = useFeatureEntitlements;
-const usePermissionEntitlements = key => {
-  const entitlements = useEntitlementsState();
-  return (0, _reduxStore.getPermissionEntitlements)(entitlements, key);
+const usePermissionEntitlements = (key, customAttributes) => {
+  const {
+    entitlements,
+    attributes
+  } = useEntitlementsQueryData(customAttributes);
+  return (0, _reduxStore.getPermissionEntitlements)(entitlements, key, attributes);
 };
 
 /**
-  @param entitledToOptions including permission or feature key
-  @returns if the user is entitled to the given feature or permission (check only one). Attaching the justification if not
-*/
+ @param entitledToOptions including permission or feature key
+ @param customAttributes user attributes
+ @returns if the user is entitled to the given feature or permission and attributes (check only one). Attaching the justification if not
+ */
 exports.usePermissionEntitlements = usePermissionEntitlements;
-const useEntitlements = options => {
+const useEntitlements = (options, customAttributes) => {
+  const {
+    entitlements,
+    attributes
+  } = useEntitlementsQueryData(customAttributes);
+  return (0, _reduxStore.getEntitlements)(entitlements, options, attributes);
+};
+
+/**
+ @param entitledToOptions including permission or feature key
+ @returns an action your can use to detect if the user is entitled to the given feature or permission (check only one). Attaching the justification if not
+ */
+exports.useEntitlements = useEntitlements;
+const useEntitlementsActions = () => {
+  // this code is duplicated because React is yelling when using useEntitlementsQueryData inside the isEntitledTo function because it's not a hook
+  const user = useUserState();
   const entitlements = useEntitlementsState();
-  return (0, _reduxStore.getEntitlements)(entitlements, options);
+  return (0, _react.useMemo)(() => ({
+    isEntitledTo: (options, customAttributes) => {
+      const attributes = {
+        custom: customAttributes,
+        jwt: user
+      };
+      return (0, _reduxStore.getEntitlements)(entitlements, options, attributes);
+    }
+  }), [user, entitlements]);
+};
+
+/**
+ @returns if the option to use entitlements is enabled
+ */
+exports.useEntitlementsActions = useEntitlementsActions;
+const useEntitlementsOptions = () => {
+  var _entitlementsOptions$;
+  const {
+    entitlementsOptions
+  } = (0, _common.useShadowDom)();
+  const isEntitlementsEnabled = (_entitlementsOptions$ = entitlementsOptions == null ? void 0 : entitlementsOptions.enabled) != null ? _entitlementsOptions$ : false;
+  const {
+    isEntitledTo
+  } = useEntitlementsActions();
+  const [verifyIsEntitledFF] = (0, _flags.useFeatureFlags)(['admin-portal-use-is-entitled']);
+  return {
+    isEntitlementsEnabled,
+    isEntitledTo,
+    verifyIsEntitledFF
+  };
 };
-exports.useEntitlements = useEntitlements;
+exports.useEntitlementsOptions = useEntitlementsOptions;

package/node/auth/forgotPassword.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useForgotPasswordActions = void 0;
 exports.useForgotPasswordState = useForgotPasswordState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useForgotPasswordState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'forgotPasswordState');
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+function useForgotPasswordState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.forgotPasswordState;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
-const useForgotPasswordActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.forgotPasswordActions, _reduxStore.forgotPasswordReducers);
+const useForgotPasswordActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.forgotPasswordActions;
+};
 exports.useForgotPasswordActions = useForgotPasswordActions;

package/node/auth/groups.js

@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.useGroupsDialogsActions = exports.useGroupsActions = void 0;
 exports.useGroupsDialogsState = useGroupsDialogsState;
 exports.useGroupsState = useGroupsState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useGroupsState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'groupsState');
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+function useGroupsState() {
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.groupsState);
 }
-const useGroupsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.groupsActions, _reduxStore.groupsReducers);
-
-//dialogs
+const useGroupsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.groupsActions;
+};
 exports.useGroupsActions = useGroupsActions;
-const defaultDialogsMapper = state => state;
-function useGroupsDialogsState(stateMapper = defaultDialogsMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'groupsDialogsState');
+function useGroupsDialogsState() {
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.groupsDialogsState);
 }
-const useGroupsDialogsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.groupsDialogsActions, _reduxStore.groupsDialogsReducers);
+const useGroupsDialogsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.groupsDialogsActions;
+};
 exports.useGroupsDialogsActions = useGroupsDialogsActions;

package/node/auth/hooks.js

@@ -1,25 +1,43 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stateHookGenerator = exports.sliceReducerActionsBy = exports.reducerActionsGenerator = void 0;
 exports.useAuth = useAuth;
-exports.useOnRedirectTo = exports.useLoginWithRedirect = exports.useIsAuthenticated = exports.useAuthUserOrNull = exports.useAuthUser = exports.useAuthRoutes = exports.useAuthActions = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports.useAuthRoutes = exports.useAuthActions = void 0;
+exports.useAuthState = useAuthState;
+exports.useOnRedirectTo = exports.useLoginWithRedirectV2 = exports.useLoginWithRedirect = exports.useIsAuthenticated = exports.useAuthUserOrNull = exports.useAuthUser = void 0;
 var _react = require("react");
-var _reduxStore = require("@frontegg/redux-store");
-var _reactRedux = require("react-redux");
-var _FronteggStoreContext = require("../FronteggStoreContext");
 var _restApi = require("@frontegg/rest-api");
-var _common = require("../common");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
 };
+
+/**
+ * Use this `frontegg` hook function to obtain the complete authentication state, if it exists.
+ *
+ * ```jsx
+ * export const MyFunctionComponent = () => {
+ *   const { isAuthenticated, user } = useAuth();
+ *
+ *   return isAuthenticated ? <div>Hello, User {user.name}</div> : null;
+ * }
+ * ```
+ *
+ * You can also utilize other `frontegg` hooks like `useAuthUser` to specifically retrieve the user and redirect to the login page if necessary, `useAuthUserOrNull` to get the user if available, and `useIsAuthenticated` for checking authentication status.
+ */
+
 function useAuth(stateMapper = defaultMapper.state) {
-  return (0, _FronteggStoreContext.useSelector)(state => stateMapper(state[_reduxStore.authStoreName]), _reactRedux.shallowEqual);
+  const state = (0, _FronteggStoreContext.useStore)().store.auth;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return stateMapper((0, _useSnapshot.useSnapshot)(state));
+}
+function useAuthState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
 
 /**
@@ -37,25 +55,43 @@ function useAuth(stateMapper = defaultMapper.state) {
  * }
  * ```
  *
- * use this frontegg hook function to get if user is "Authenticated"
+ /**
+ * Use this frontegg hook function to redirect the user to the login page when in hosted login mode.
+ * If the user is already authenticated, this method will direct the user to the store, and you can retrieve user information using the `useAuthUserOrNull` method.
+ *
+ * To ensure the user is available on the first page load when authenticated, configure this option in your `FronteggProvider`:
+ * `authOptions`:
+ *   `hostedLoginOptions`:
+ *     `loadUserOnFirstLoad: true`
+ *
+ * When using this option, you can have the user on the first load, and you can control when the user is redirected to the login page by using `loginWithRedirect`.
  */
 const useLoginWithRedirect = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions.requestHostedLoginAuthorize, dispatch), [_reduxStore.authActions.requestHostedLoginAuthorize]);
+  const {
+    actions
+  } = (0, _react.useContext)(_FronteggStoreContext.FronteggStoreContext);
+  return actions.requestHostedLoginAuthorize;
 };
 exports.useLoginWithRedirect = useLoginWithRedirect;
+const useLoginWithRedirectV2 = () => {
+  const {
+    actions
+  } = (0, _react.useContext)(_FronteggStoreContext.FronteggStoreContext);
+  return actions.requestHostedLoginAuthorizeV2;
+};
+exports.useLoginWithRedirectV2 = useLoginWithRedirectV2;
 const useAuthActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions, dispatch), [_reduxStore.authActions]);
+  return (0, _FronteggStoreContext.useStore)().actions;
 };
 exports.useAuthActions = useAuthActions;
 const useOnRedirectTo = () => {
-  var _context$onRedirectTo;
-  const context = (0, _react.useContext)(_common.ShadowDomContext);
-  return (_context$onRedirectTo = context == null ? void 0 : context.onRedirectTo) != null ? _context$onRedirectTo : _restApi.ContextHolder.onRedirectTo;
+  const {
+    onRedirectTo
+  } = useAuth();
+  return onRedirectTo || _restApi.ContextHolder.onRedirectTo;
 };
 exports.useOnRedirectTo = useOnRedirectTo;
-const useAuthRoutes = () => useAuth(state => (0, _extends2.default)({}, state.routes));
+const useAuthRoutes = () => useAuthState().routes;
 
 /**
  * ```jsx
@@ -68,11 +104,12 @@ const useAuthRoutes = () => useAuth(state => (0, _extends2.default)({}, state.ro
  * use this frontegg hook function to get if user is "Authenticated"
  */
 exports.useAuthRoutes = useAuthRoutes;
-const useIsAuthenticated = () => (0, _FronteggStoreContext.useSelector)(({
-  [_reduxStore.authStoreName]: {
+const useIsAuthenticated = () => {
+  const {
     isAuthenticated
-  }
-}) => isAuthenticated, _reactRedux.shallowEqual);
+  } = (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth);
+  return isAuthenticated;
+};
 
 /**
  * ```jsx
@@ -82,8 +119,8 @@ const useIsAuthenticated = () => (0, _FronteggStoreContext.useSelector)(({
  * }
  * ```
  *
- * use this frontegg hook function to get the authenticated user
- * the return user is null if not authenticated
+ * 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)
+ * To prevent this immediate redirection behavior, use the `useAuthUserOrNull` method.
  */
 exports.useIsAuthenticated = useIsAuthenticated;
 const useAuthUser = () => {
@@ -92,7 +129,9 @@ const useAuthUser = () => {
     customLoginUrl
   } = useAuthRoutes();
   const onRedirectTo = useOnRedirectTo();
-  const user = useAuthUserOrNull();
+  const {
+    user
+  } = useAuth();
   const isSSR = typeof window === 'undefined';
   const noUser = {};
   if (user == null && !isSSR) {
@@ -103,51 +142,22 @@ const useAuthUser = () => {
   }
   return user || noUser;
 };
+
+/**
+ * ```jsx
+ * export const MyFunctionComponent = () => {
+ *   const user = useAuthUserOrNull();
+ *   return user ? <div>Hello {user.name}!</div> : <div>Hello Guest!</div>
+ * }
+ * ```
+ *
+ * Use this `frontegg` hook function to retrieve the authenticated user. If the user is not authenticated, this hook will return null. To redirect the user to the login page in case they are not authenticated, use the `useAuthUser` method.
+ */
 exports.useAuthUser = useAuthUser;
 const useAuthUserOrNull = () => {
   const {
     user
-  } = (0, _FronteggStoreContext.useSelector)(({
-    [_reduxStore.authStoreName]: {
-      user
-    }
-  }) => ({
-    user
-  }), _reactRedux.shallowEqual);
+  } = useAuth();
   return user || null;
 };
-
-/**
- * hooks helpers
- */
-exports.useAuthUserOrNull = useAuthUserOrNull;
-const sliceReducerActionsBy = reducer => {
-  const reducerKeys = Object.keys(reducer);
-  const reducerActions = reducerKeys.map(key => ({
-    [key]: _reduxStore.authActions[key]
-  }));
-  return reducerActions.reduce((p, n) => (0, _extends2.default)({}, p, n), {});
-};
-
-/*
- * enableMapperFalsyReturnValue was added to be backward compatible with all usages
- * the scenario that require enableMapperFalsyReturnValue of true is when the
- * mapper function returns a falsy value then we want to return it as is - it's a valid case like in entitlements (when it's undefined)
- * IMO all usages should be like that
- */
-exports.sliceReducerActionsBy = sliceReducerActionsBy;
-const stateHookGenerator = (stateMapper, subState, enableMapperFalsyReturnValue = false) => {
-  return (0, _FronteggStoreContext.useSelector)(state => {
-    const mapperValue = stateMapper == null ? void 0 : stateMapper(state[_reduxStore.authStoreName][subState]);
-    if (enableMapperFalsyReturnValue && stateMapper) {
-      return mapperValue;
-    }
-    return mapperValue != null ? mapperValue : state[_reduxStore.authStoreName][subState];
-  }, _reactRedux.shallowEqual);
-};
-exports.stateHookGenerator = stateHookGenerator;
-const reducerActionsGenerator = (actions, reducers) => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)((0, _extends2.default)({}, actions, sliceReducerActionsBy(reducers)), dispatch), [dispatch]);
-};
-exports.reducerActionsGenerator = reducerActionsGenerator;
+exports.useAuthUserOrNull = useAuthUserOrNull;

package/node/auth/impersonate.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useImpersonateActions = void 0;
 exports.useImpersonateState = useImpersonateState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useImpersonateState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'impersonateState');
+var _useSnapshot = require("../useSnapshot");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+function useImpersonateState() {
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.impersonateState);
 }
-const useImpersonateActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.impersonateActions, _reduxStore.impersonateReducers);
+const useImpersonateActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.impersonateActions;
+};
 exports.useImpersonateActions = useImpersonateActions;