@frontegg/react-hooks 6.178.0-alpha.2 → 6.178.0

package/node/FronteggStoreContext/index.js

@@ -1,16 +1,40 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _FronteggStoreContext = require("./FronteggStoreContext");
-Object.keys(_FronteggStoreContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FronteggStoreContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _FronteggStoreContext[key];
-    }
-  });
-});
+exports.Provider = exports.FronteggStoreContext = void 0;
+Object.defineProperty(exports, "ReactReduxProvider", {
+  enumerable: true,
+  get: function () {
+    return _reactRedux.Provider;
+  }
+});
+exports.default = void 0;
+Object.defineProperty(exports, "shallowEqual", {
+  enumerable: true,
+  get: function () {
+    return _reactRedux.shallowEqual;
+  }
+});
+exports.useStore = exports.useSelector = exports.useDispatch = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
+const FronteggStoreContext = /*#__PURE__*/_react.default.createContext(null);
+
+// @ts-ignore
+exports.FronteggStoreContext = FronteggStoreContext;
+if (process.env.NODE_ENV !== 'production') {
+  FronteggStoreContext.displayName = 'FronteggStoreContext';
+}
+const useSelector = (0, _reactRedux.createSelectorHook)(FronteggStoreContext);
+exports.useSelector = useSelector;
+const useDispatch = (0, _reactRedux.createDispatchHook)(FronteggStoreContext);
+exports.useDispatch = useDispatch;
+const useStore = (0, _reactRedux.createStoreHook)(FronteggStoreContext);
+exports.useStore = useStore;
+const Provider = _reactRedux.Provider;
+exports.Provider = Provider;
+var _default = FronteggStoreContext;
+exports.default = _default;

package/node/audits/auditLogs.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAuditLogsActions = void 0;
 exports.useAuditLogsState = useAuditLogsState;
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react = require("valtio/react");
-function useAuditLogsState() {
-  const state = (0, _FronteggStoreContext.useStore)().store.auditLogs.auditLogsState;
-  return (0, _react.useSnapshot)(state);
+var _hooks = require("./hooks");
+var _reduxStore = require("@frontegg/redux-store");
+const defaultMapper = state => state;
+function useAuditLogsState(stateMapper = defaultMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'auditLogsState');
 }
-const useAuditLogsActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auditLogs;
-};
+const useAuditLogsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.auditLogsActions, _reduxStore.auditLogsReducers);
 exports.useAuditLogsActions = useAuditLogsActions;

package/node/audits/auditsMetadata.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAuditsMetadataActions = void 0;
 exports.useAuditsMetadataState = useAuditsMetadataState;
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react = require("valtio/react");
-function useAuditsMetadataState() {
-  const state = (0, _FronteggStoreContext.useStore)().store.auditLogs.auditsMetadataState;
-  return (0, _react.useSnapshot)(state);
+var _reduxStore = require("@frontegg/redux-store");
+var _hooks = require("./hooks");
+const defaultMapper = state => state;
+function useAuditsMetadataState(stateMapper = defaultMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'auditsMetadataState');
 }
-const useAuditsMetadataActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auditLogs;
-};
+const useAuditsMetadataActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.auditsMetadataActions, _reduxStore.auditsMetadataReducers);
 exports.useAuditsMetadataActions = useAuditsMetadataActions;

package/node/audits/hooks.js

@@ -1,22 +1,49 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAuditsActions = void 0;
+exports.useAuditsActions = exports.stateHookGenerator = exports.sliceReducerActionsBy = exports.reducerActionsGenerator = void 0;
 exports.useAuditsState = useAuditsState;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = require("react");
+var _reduxStore = require("@frontegg/redux-store");
+var _reactRedux = require("react-redux");
 var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react = require("valtio/react");
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
 };
 function useAuditsState(stateMapper = defaultMapper.state) {
-  const state = (0, _FronteggStoreContext.useStore)().store.auditLogs;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return stateMapper((0, _react.useSnapshot)(state));
+  return (0, _FronteggStoreContext.useSelector)(state => stateMapper(state[_reduxStore.auditsStoreName]), _reactRedux.shallowEqual);
 }
 const useAuditsActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auditLogs;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.auditsActions, dispatch), [_reduxStore.auditsActions]);
 };
-exports.useAuditsActions = useAuditsActions;
+
+/**
+ * hooks helpers
+ */
+exports.useAuditsActions = useAuditsActions;
+const sliceReducerActionsBy = reducer => {
+  const reducerKeys = Object.keys(reducer);
+  const reducerActions = reducerKeys.map(key => ({
+    [key]: _reduxStore.auditsActions[key]
+  }));
+  return reducerActions.reduce((p, n) => (0, _extends2.default)({}, p, n), {});
+};
+exports.sliceReducerActionsBy = sliceReducerActionsBy;
+const stateHookGenerator = (stateMapper, subState) => {
+  return (0, _FronteggStoreContext.useSelector)(state => {
+    var _stateMapper;
+    return (_stateMapper = stateMapper == null ? void 0 : stateMapper(state[_reduxStore.auditsStoreName][subState])) != null ? _stateMapper : state[_reduxStore.auditsStoreName][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;

package/node/auth/MSP/allAccounts.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAllAccountsDialogsActions = exports.useAllAccountsActions = void 0;
+exports.useAllAccountsDialogsState = useAllAccountsDialogsState;
+exports.useAllAccountsState = useAllAccountsState;
+var _reduxStore = require("@frontegg/redux-store");
+var _hooks = require("../hooks");
+const defaultMapper = state => state;
+function useAllAccountsState(stateMapper = defaultMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'allAccountsState');
+}
+const useAllAccountsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.allAccountsActions, _reduxStore.allAccountsReducers);
+
+//dialogs
+exports.useAllAccountsActions = useAllAccountsActions;
+const defaultDialogsMapper = state => state;
+function useAllAccountsDialogsState(stateMapper = defaultDialogsMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'allAccountsDialogsState');
+}
+const useAllAccountsDialogsActions = () => (0, _hooks.reducerActionsGenerator)({}, _reduxStore.allAccountsDialogsReducers);
+exports.useAllAccountsDialogsActions = useAllAccountsDialogsActions;

package/node/auth/acceptInvitation.js

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

package/node/auth/activateAccount.js

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

package/node/auth/apiTokens.js

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

package/node/auth/customLogin.js

@@ -7,21 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.useCustomLoginActions = void 0;
 exports.useCustomLoginState = useCustomLoginState;
 exports.useCustomLoginTheme = void 0;
-var _react = require("react");
+var _reduxStore = require("@frontegg/redux-store");
+var _hooks = require("./hooks");
 var _getValue = _interopRequireDefault(require("get-value"));
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react2 = require("valtio/react");
-function useCustomLoginState() {
-  const state = (0, _FronteggStoreContext.useStore)().store.auth.customLoginState;
-  return (0, _react2.useSnapshot)(state);
+var _react = require("react");
+const defaultMapper = state => state;
+function useCustomLoginState(stateMapper = defaultMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'customLoginState');
 }
-const useCustomLoginActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auth.customLoginActions;
-};
+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 useCustomLoginTheme = () => {
-  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 customLoginTheme = useCustomLoginState(themeMapper);
   const getCustomLoginThemeValue = (0, _react.useCallback)(path => {
     return path && customLoginTheme ? (0, _getValue.default)(customLoginTheme, path) : customLoginTheme;
   }, [customLoginTheme]);

package/node/auth/entitlements.js

@@ -4,29 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePermissionEntitlements = exports.useFeatureEntitlements = exports.useEntitlementsOptions = exports.useEntitlementsActions = exports.useEntitlements = void 0;
+var _reduxStore = require("@frontegg/redux-store");
 var _restApi = require("@frontegg/rest-api");
 var _hooks = require("./hooks");
 var _react = require("react");
 var _common = require("../common");
 var _flags = require("../flags");
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react2 = require("valtio/react");
-var _reduxStore = require("@frontegg/redux-store");
 /**
  * @returns entitlemenets state as stored in the user
  */
-const useEntitlementsState = () => {
-  var _useSnapshot$user$ent, _useSnapshot$user;
-  const state = (0, _FronteggStoreContext.useStore)().store.auth;
-  return (_useSnapshot$user$ent = (_useSnapshot$user = (0, _react2.useSnapshot)(state).user) == null ? void 0 : _useSnapshot$user.entitlements) != null ? _useSnapshot$user$ent : {};
-};
+const useEntitlementsState = () => (0, _hooks.useAuth)(({
+  user
+}) => user == null ? void 0 : user.entitlements);
 
 /**
  * @returns user state
  */
-const useUserState = () => {
-  return (0, _hooks.useAuthUserOrNull)() || undefined;
-};
+const useUserState = () => (0, _hooks.useAuth)(({
+  user
+}) => user);
 
 /**
  * @param customAttributes user attributes
@@ -51,10 +47,10 @@ const useEntitlementsQueryData = customAttributes => {
 };
 
 /**
- @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
- */
+  @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,
@@ -65,10 +61,10 @@ const useFeatureEntitlements = (key, customAttributes) => {
 };
 
 /**
- @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
- */
+  @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, customAttributes) => {
   const {
@@ -80,10 +76,10 @@ const usePermissionEntitlements = (key, customAttributes) => {
 };
 
 /**
- @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
- */
+  @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, customAttributes) => {
   const {
@@ -120,7 +116,7 @@ const useEntitlementsActions = () => {
 
 /**
  @returns if the option to use entitlements is enabled
- */
+  */
 exports.useEntitlementsActions = useEntitlementsActions;
 const useEntitlementsOptions = () => {
   var _entitlementsOptions$;

package/node/auth/forgotPassword.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useForgotPasswordActions = void 0;
 exports.useForgotPasswordState = useForgotPasswordState;
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react = require("valtio/react");
-function useForgotPasswordState() {
-  const state = (0, _FronteggStoreContext.useStore)().store.auth.forgotPasswordState;
-  return (0, _react.useSnapshot)(state);
+var _reduxStore = require("@frontegg/redux-store");
+var _hooks = require("./hooks");
+const defaultMapper = state => state;
+function useForgotPasswordState(stateMapper = defaultMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'forgotPasswordState');
 }
-const useForgotPasswordActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auth.forgotPasswordActions;
-};
+const useForgotPasswordActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.forgotPasswordActions, _reduxStore.forgotPasswordReducers);
 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 _FronteggStoreContext = require("../FronteggStoreContext");
-var _react = require("valtio/react");
-function useGroupsState() {
-  return (0, _react.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.groupsState);
+var _reduxStore = require("@frontegg/redux-store");
+var _hooks = require("./hooks");
+const defaultMapper = state => state;
+function useGroupsState(stateMapper = defaultMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'groupsState');
 }
-const useGroupsActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auth.groupsActions;
-};
+const useGroupsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.groupsActions, _reduxStore.groupsReducers);
+
+//dialogs
 exports.useGroupsActions = useGroupsActions;
-function useGroupsDialogsState() {
-  return (0, _react.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.groupsDialogsState);
+const defaultDialogsMapper = state => state;
+function useGroupsDialogsState(stateMapper = defaultDialogsMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'groupsDialogsState');
 }
-const useGroupsDialogsActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auth.groupsDialogsActions;
-};
+const useGroupsDialogsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.groupsDialogsActions, _reduxStore.groupsDialogsReducers);
 exports.useGroupsDialogsActions = useGroupsDialogsActions;

package/node/auth/hooks.js

@@ -4,15 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.stateHookGenerator = exports.sliceReducerActionsBy = exports.reducerActionsGenerator = void 0;
 exports.useAuth = useAuth;
-exports.useAuthRoutes = exports.useAuthActions = void 0;
-exports.useAuthState = useAuthState;
-exports.useOnRedirectTo = exports.useLoginWithRedirectV2 = exports.useLoginWithRedirect = exports.useIsAuthenticated = exports.useAuthUserOrNull = exports.useAuthUser = void 0;
+exports.useOnRedirectTo = exports.useLoginWithRedirectV2 = exports.useLoginWithRedirect = exports.useIsAuthenticated = exports.useAuthUserOrNull = exports.useAuthUser = exports.useAuthRoutes = exports.useAuthActions = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
-var _restApi = require("@frontegg/rest-api");
+var _reduxStore = require("@frontegg/redux-store");
+var _reactRedux = require("react-redux");
 var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react2 = require("valtio/react");
+var _restApi = require("@frontegg/rest-api");
+var _common = require("../common");
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -33,14 +34,7 @@ const defaultMapper = {
  */
 
 function useAuth(stateMapper = defaultMapper.state) {
-  const state = (0, _FronteggStoreContext.useStore)().store.auth;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return stateMapper((0, _react2.useSnapshot)(state));
-}
-function useAuthState() {
-  return (0, _react2.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth, {
-    sync: true
-  });
+  return (0, _FronteggStoreContext.useSelector)(state => stateMapper(state[_reduxStore.authStoreName]), _reactRedux.shallowEqual);
 }
 
 /**
@@ -70,28 +64,24 @@ function useAuthState() {
  * 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 {
-    actions
-  } = (0, _react.useContext)(_FronteggStoreContext.FronteggStoreContext);
-  return actions.requestHostedLoginAuthorize;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions.requestHostedLoginAuthorize, dispatch), [_reduxStore.authActions.requestHostedLoginAuthorize]);
 };
 exports.useLoginWithRedirect = useLoginWithRedirect;
 const useLoginWithRedirectV2 = () => {
-  const {
-    actions
-  } = (0, _react.useContext)(_FronteggStoreContext.FronteggStoreContext);
-  return actions.requestHostedLoginAuthorizeV2;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions.requestHostedLoginAuthorizeV2, dispatch), [_reduxStore.authActions.requestHostedLoginAuthorizeV2]);
 };
 exports.useLoginWithRedirectV2 = useLoginWithRedirectV2;
 const useAuthActions = () => {
-  return (0, _FronteggStoreContext.useStore)().actions;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.authActions, dispatch), [_reduxStore.authActions]);
 };
 exports.useAuthActions = useAuthActions;
 const useOnRedirectTo = () => {
-  const {
-    onRedirectTo
-  } = useAuth();
-  return onRedirectTo != null ? onRedirectTo : _restApi.ContextHolder.onRedirectTo;
+  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;
 };
 exports.useOnRedirectTo = useOnRedirectTo;
 const useAuthRoutes = () => useAuth(state => (0, _extends2.default)({}, state.routes));
@@ -107,12 +97,11 @@ 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 = () => {
-  const {
+const useIsAuthenticated = () => (0, _FronteggStoreContext.useSelector)(({
+  [_reduxStore.authStoreName]: {
     isAuthenticated
-  } = (0, _react2.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth);
-  return isAuthenticated;
-};
+  }
+}) => isAuthenticated, _reactRedux.shallowEqual);
 
 /**
  * ```jsx
@@ -158,7 +147,47 @@ exports.useAuthUser = useAuthUser;
 const useAuthUserOrNull = () => {
   const {
     user
-  } = useAuth();
+  } = (0, _FronteggStoreContext.useSelector)(({
+    [_reduxStore.authStoreName]: {
+      user
+    }
+  }) => ({
+    user
+  }), _reactRedux.shallowEqual);
   return user || null;
 };
-exports.useAuthUserOrNull = useAuthUserOrNull;
+
+/**
+ * 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;

package/node/auth/impersonate.js

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