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

package/auth/hooks.d.ts

@@ -1,10 +1,11 @@
-import { AuthActions, AuthState } from '@frontegg/redux-store';
+import { CaseReducerActions, SliceCaseReducers } from '@frontegg/redux-store';
+import { AuthActions, AuthPageRoutes, AuthState, User } from '@frontegg/redux-store';
 import { RedirectOptions } from '@frontegg/rest-api';
-import { AuthPageRoutes, User } from '@frontegg/redux-store';
 export declare type AuthMapper = {
     state: (state: AuthState) => any;
     actions: (actions: AuthActions) => any;
 };
+export declare type StateHookFunction<T> = (() => T) & (<S extends {}>(mapper: (state: T) => S) => S);
 export declare type AuthStateMapper<S> = (state: AuthState) => S;
 /**
  * Use this `frontegg` hook function to obtain the complete authentication state, if it exists.
@@ -21,7 +22,6 @@ export declare type AuthStateMapper<S> = (state: AuthState) => S;
  */
 export declare function useAuth(): AuthState;
 export declare function useAuth<S>(stateMapper: AuthStateMapper<S>): S;
-export declare function useAuthState(): AuthState;
 /**
  * ```jsx
  * export const MyFunctionComponent = () => {
@@ -48,13 +48,8 @@ export declare function useAuthState(): AuthState;
  *
  * 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`.
  */
-export declare const useLoginWithRedirect: () => (additionalParams?: Record<string, string> | undefined) => Promise<void>;
-export declare const useLoginWithRedirectV2: () => (payload?: {
-    additionalParams?: Record<string, string> | undefined;
-    shouldRedirectToLogin?: boolean | undefined;
-    firstTime?: boolean | undefined;
-    loginDirectAction?: import("@frontegg/redux-store").LoginDirectAction | undefined;
-} | undefined) => Promise<void>;
+export declare const useLoginWithRedirect: () => AuthActions['requestHostedLoginAuthorize'];
+export declare const useLoginWithRedirectV2: () => AuthActions['requestHostedLoginAuthorizeV2'];
 export declare const useAuthActions: () => AuthActions;
 export declare const useOnRedirectTo: () => (path: string, opts?: RedirectOptions | undefined) => void;
 export declare const useAuthRoutes: () => AuthPageRoutes;
@@ -92,3 +87,9 @@ export declare const useAuthUser: () => User;
  * 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.
  */
 export declare const useAuthUserOrNull: () => User | null;
+/**
+ * hooks helpers
+ */
+export declare const sliceReducerActionsBy: <T extends SliceCaseReducers<any>>(reducer: T) => CaseReducerActions<T>;
+export declare const stateHookGenerator: (stateMapper: any, subState: keyof AuthState, enableMapperFalsyReturnValue?: boolean) => any;
+export declare const reducerActionsGenerator: (actions: any, reducers: SliceCaseReducers<any>) => any;

package/auth/hooks.js

@@ -1,8 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useContext } from 'react';
+import { useContext, useMemo } from 'react';
+import { bindActionCreators } from '@frontegg/redux-store';
+import { authActions, authStoreName } from '@frontegg/redux-store';
+import { shallowEqual } from 'react-redux';
+import { useSelector, useDispatch } from '../FronteggStoreContext';
 import { ContextHolder } from '@frontegg/rest-api';
-import { FronteggStoreContext, useStore } from '../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
+import { ShadowDomContext } from '../common';
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -23,14 +26,7 @@ const defaultMapper = {
  */
 
 export function useAuth(stateMapper = defaultMapper.state) {
-  const state = useStore().store.auth;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return stateMapper(useSnapshot(state));
-}
-export function useAuthState() {
-  return useSnapshot(useStore().store.auth, {
-    sync: true
-  });
+  return useSelector(state => stateMapper(state[authStoreName]), shallowEqual);
 }
 
 /**
@@ -60,25 +56,21 @@ export 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`.
  */
 export const useLoginWithRedirect = () => {
-  const {
-    actions
-  } = useContext(FronteggStoreContext);
-  return actions.requestHostedLoginAuthorize;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(authActions.requestHostedLoginAuthorize, dispatch), [authActions.requestHostedLoginAuthorize]);
 };
 export const useLoginWithRedirectV2 = () => {
-  const {
-    actions
-  } = useContext(FronteggStoreContext);
-  return actions.requestHostedLoginAuthorizeV2;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(authActions.requestHostedLoginAuthorizeV2, dispatch), [authActions.requestHostedLoginAuthorizeV2]);
 };
 export const useAuthActions = () => {
-  return useStore().actions;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(authActions, dispatch), [authActions]);
 };
 export const useOnRedirectTo = () => {
-  const {
-    onRedirectTo
-  } = useAuth();
-  return onRedirectTo != null ? onRedirectTo : ContextHolder.onRedirectTo;
+  var _context$onRedirectTo;
+  const context = useContext(ShadowDomContext);
+  return (_context$onRedirectTo = context == null ? void 0 : context.onRedirectTo) != null ? _context$onRedirectTo : ContextHolder.onRedirectTo;
 };
 export const useAuthRoutes = () => useAuth(state => _extends({}, state.routes));
 
@@ -92,12 +84,11 @@ export const useAuthRoutes = () => useAuth(state => _extends({}, state.routes));
  *
  * use this frontegg hook function to get if user is "Authenticated"
  */
-export const useIsAuthenticated = () => {
-  const {
+export const useIsAuthenticated = () => useSelector(({
+  [authStoreName]: {
     isAuthenticated
-  } = useSnapshot(useStore().store.auth);
-  return isAuthenticated;
-};
+  }
+}) => isAuthenticated, shallowEqual);
 
 /**
  * ```jsx
@@ -141,6 +132,43 @@ export const useAuthUser = () => {
 export const useAuthUserOrNull = () => {
   const {
     user
-  } = useAuth();
+  } = useSelector(({
+    [authStoreName]: {
+      user
+    }
+  }) => ({
+    user
+  }), shallowEqual);
   return user || null;
+};
+
+/**
+ * hooks helpers
+ */
+export const sliceReducerActionsBy = reducer => {
+  const reducerKeys = Object.keys(reducer);
+  const reducerActions = reducerKeys.map(key => ({
+    [key]: authActions[key]
+  }));
+  return reducerActions.reduce((p, n) => _extends({}, 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
+ */
+export const stateHookGenerator = (stateMapper, subState, enableMapperFalsyReturnValue = false) => {
+  return useSelector(state => {
+    const mapperValue = stateMapper == null ? void 0 : stateMapper(state[authStoreName][subState]);
+    if (enableMapperFalsyReturnValue && stateMapper) {
+      return mapperValue;
+    }
+    return mapperValue != null ? mapperValue : state[authStoreName][subState];
+  }, shallowEqual);
+};
+export const reducerActionsGenerator = (actions, reducers) => {
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(_extends({}, actions, sliceReducerActionsBy(reducers)), dispatch), [dispatch]);
 };

package/auth/impersonate.d.ts

@@ -1,3 +1,5 @@
 import { ImpersonateState, ImpersonateActions } from '@frontegg/redux-store';
+export declare type ImpersonateStateMapper<S> = (state: ImpersonateState) => S;
 export declare function useImpersonateState(): ImpersonateState;
+export declare function useImpersonateState<S>(stateMapper: ImpersonateStateMapper<S>): S;
 export declare const useImpersonateActions: () => ImpersonateActions;

package/auth/impersonate.js

@@ -1,8 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useImpersonateState() {
-  return useSnapshot(useStore().store.auth.impersonateState);
+import { impersonateActions, impersonateReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function useImpersonateState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'impersonateState');
 }
-export const useImpersonateActions = () => {
-  return useStore().stateActions.auth.impersonateActions;
-};
+export const useImpersonateActions = () => reducerActionsGenerator(impersonateActions, impersonateReducers);

package/auth/index.d.ts

@@ -1,26 +1,29 @@
-export { useAuthState, useAuth, useAuthActions, useOnRedirectTo, useAuthRoutes, useIsAuthenticated, useAuthUser, useAuthUserOrNull, useLoginWithRedirect, useLoginWithRedirectV2, } from './hooks';
+export { useAuth, useAuthActions, useOnRedirectTo, useAuthRoutes, useIsAuthenticated, useAuthUser, useAuthUserOrNull, useLoginWithRedirect, useLoginWithRedirectV2, } from './hooks';
 export * from './acceptInvitation';
 export * from './activateAccount';
-export * from './allAccounts';
 export * from './apiTokens';
-export * from './customLogin';
-export * from './entitlements';
 export * from './forgotPassword';
-export * from './groups';
-export * from './impersonate';
+export * from './resetPhoneNumber';
 export * from './login';
+export * from './stepUp';
 export * from './mfa';
-export * from './passkeys';
 export * from './profile';
-export * from './provisioning';
-export * from './resetPhoneNumber';
-export * from './roles';
-export * from './sessions';
 export * from './signup';
-export * from './sms';
 export * from './socialLogin';
-export * from './sso';
-export * from './stepUp';
 export * from './team';
-export * from './security';
+export * from './sso';
+export * from './security/securityPolicy';
 export * from './tenants';
+export * from './roles';
+export * from './sessions';
+export * from './security/sessionsPolicy';
+export * from './security/restrictions';
+export * from './provisioning';
+export * from './impersonate';
+export * from './passkeys';
+export * from './groups';
+export * from './customLogin';
+export * from './MSP/allAccounts';
+export * from './entitlements';
+export * from './security/securityCenter';
+export * from './sms';

package/auth/index.js

@@ -1,26 +1,29 @@
-export { useAuthState, useAuth, useAuthActions, useOnRedirectTo, useAuthRoutes, useIsAuthenticated, useAuthUser, useAuthUserOrNull, useLoginWithRedirect, useLoginWithRedirectV2 } from './hooks';
+export { useAuth, useAuthActions, useOnRedirectTo, useAuthRoutes, useIsAuthenticated, useAuthUser, useAuthUserOrNull, useLoginWithRedirect, useLoginWithRedirectV2 } from './hooks';
 export * from './acceptInvitation';
 export * from './activateAccount';
-export * from './allAccounts';
 export * from './apiTokens';
-export * from './customLogin';
-export * from './entitlements';
 export * from './forgotPassword';
-export * from './groups';
-export * from './impersonate';
+export * from './resetPhoneNumber';
 export * from './login';
+export * from './stepUp';
 export * from './mfa';
-export * from './passkeys';
 export * from './profile';
-export * from './provisioning';
-export * from './resetPhoneNumber';
-export * from './roles';
-export * from './sessions';
 export * from './signup';
-export * from './sms';
 export * from './socialLogin';
-export * from './sso';
-export * from './stepUp';
 export * from './team';
-export * from './security';
-export * from './tenants';
+export * from './sso';
+export * from './security/securityPolicy';
+export * from './tenants';
+export * from './roles';
+export * from './sessions';
+export * from './security/sessionsPolicy';
+export * from './security/restrictions';
+export * from './provisioning';
+export * from './impersonate';
+export * from './passkeys';
+export * from './groups';
+export * from './customLogin';
+export * from './MSP/allAccounts';
+export * from './entitlements';
+export * from './security/securityCenter';
+export * from './sms';

package/auth/login.d.ts

@@ -1,4 +1,4 @@
-import type { LoginState, LoginActions } from '@frontegg/redux-store';
+import { LoginState, LoginActions } from '@frontegg/redux-store';
 export declare type LoginStateMapper<S> = (state: LoginState) => S;
 export declare function useLoginState(): LoginState;
 export declare function useLoginState<S>(stateMapper: LoginStateMapper<S>): S;

package/auth/login.js

@@ -1,16 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-
-// TODO: remove useless stateMapper, valtio already does this
-
+import { loginReducers, loginActions } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
 const defaultMapper = state => state;
-// @deprecated use useLoginState() instead
 export function useLoginState(stateMapper = defaultMapper) {
-  const {
-    loginState
-  } = useStore().store.auth;
-  return stateMapper(useSnapshot(loginState));
+  return stateHookGenerator(stateMapper, 'loginState');
 }
-export const useLoginActions = () => {
-  return useStore().stateActions.auth.loginActions;
-};
+export const useLoginActions = () => reducerActionsGenerator(loginActions, loginReducers);

package/auth/mfa.d.ts

@@ -1,4 +1,4 @@
-import type { MfaActions, MFAState } from '@frontegg/redux-store';
+import { MfaActions, MFAState } from '@frontegg/redux-store';
 declare type AuthMfaStateMapper<S> = (state: MFAState) => S;
 export declare function useMfaState(): MFAState;
 export declare function useMfaState<S>(stateMapper: AuthMfaStateMapper<S>): S;

package/auth/mfa.js

@@ -1,16 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-
-// TODO: remove useless stateMapper, valtio already does this
-
+import { mfaActions, mfaReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
 const defaultMapper = state => state;
-// @deprecated use useMfaState() instead
 export function useMfaState(stateMapper = defaultMapper) {
-  const {
-    mfaState
-  } = useStore().store.auth;
-  return stateMapper(useSnapshot(mfaState));
+  return stateHookGenerator(stateMapper, 'mfaState');
 }
-export const useMfaActions = () => {
-  return useStore().stateActions.auth.mfaActions;
-};
+export const useMfaActions = () => reducerActionsGenerator(mfaActions, mfaReducers);

package/auth/passkeys.d.ts

@@ -1,3 +1,6 @@
-import type { PasskeysActions, PasskeysState } from '@frontegg/redux-store';
+import { PasskeysActions, PasskeysState } from '@frontegg/redux-store';
+declare type AuthPasskeysStateMapper<S> = (state: PasskeysState) => S;
 export declare function usePasskeysState(): PasskeysState;
+export declare function usePasskeysState<S>(stateMapper: AuthPasskeysStateMapper<S>): S;
 export declare const usePasskeysActions: () => PasskeysActions;
+export {};

package/auth/passkeys.js

@@ -1,8 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function usePasskeysState() {
-  return useSnapshot(useStore().store.auth.passkeysState);
+import { passkeysActions, passkeysReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function usePasskeysState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'passkeysState');
 }
-export const usePasskeysActions = () => {
-  return useStore().stateActions.auth.passkeysActions;
-};
+export const usePasskeysActions = () => reducerActionsGenerator(passkeysActions, passkeysReducers);

package/auth/profile.d.ts

@@ -1,4 +1,6 @@
-import type { ProfileActions, ProfileState } from '@frontegg/redux-store';
+import { ProfileActions, ProfileState } from '@frontegg/redux-store';
+export declare const reloadProfileIfNeeded: () => void;
+export declare type ProfileStateMapper<S> = (state: ProfileState) => S;
 export declare function useProfileState(): ProfileState;
+export declare function useProfileState<S>(stateMapper: ProfileStateMapper<S>): S;
 export declare const useProfileActions: () => ProfileActions;
-export declare const reloadProfileIfNeeded: () => void;

package/auth/profile.js

@@ -1,12 +1,6 @@
 import { useEffect } from 'react';
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useProfileState() {
-  return useSnapshot(useStore().store.auth.profileState);
-}
-export const useProfileActions = () => {
-  return useStore().stateActions.auth.profileActions;
-};
+import { profileActions, profileReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
 export const reloadProfileIfNeeded = () => {
   const {
     loading
@@ -17,4 +11,9 @@ export const reloadProfileIfNeeded = () => {
   useEffect(() => {
     !loading && loadProfile();
   }, []);
-};
+};
+const defaultMapper = state => state;
+export function useProfileState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'profileState');
+}
+export const useProfileActions = () => reducerActionsGenerator(profileActions, profileReducers);

package/auth/provisioning.d.ts

@@ -1,3 +1,5 @@
-import type { ProvisioningActions, ProvisioningState } from '@frontegg/redux-store';
+import { ProvisioningActions, ProvisioningState } from '@frontegg/redux-store';
+export declare type ProvisioningStateMapper<S> = (state: ProvisioningState) => S;
 export declare function useProvisioningState(): ProvisioningState;
+export declare function useProvisioningState<S>(stateMapper: ProvisioningStateMapper<S>): S;
 export declare const useProvisioningActions: () => ProvisioningActions;

package/auth/provisioning.js

@@ -1,8 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useProvisioningState() {
-  return useSnapshot(useStore().store.auth.provisioningState);
+import { provisioningActions, provisioningReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function useProvisioningState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'provisioningState');
 }
-export const useProvisioningActions = () => {
-  return useStore().stateActions.auth.provisioningActions;
-};
+export const useProvisioningActions = () => reducerActionsGenerator(provisioningActions, provisioningReducers);

package/auth/resetPhoneNumber.d.ts

@@ -1,3 +1,5 @@
-import type { ResetPhoneNumberState, ResetPhoneNumberActions } from '@frontegg/redux-store';
+import { ResetPhoneNumberState, ResetPhoneNumberActions } from '@frontegg/redux-store';
+export declare type ResetPhoneNumberStateMapper<S> = (state: ResetPhoneNumberState) => S;
 export declare function useResetPhoneNumberState(): ResetPhoneNumberState;
+export declare function useResetPhoneNumberState<S>(stateMapper: ResetPhoneNumberStateMapper<S>): S;
 export declare const useResetPhoneNumberActions: () => ResetPhoneNumberActions;

package/auth/resetPhoneNumber.js

@@ -1,8 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useResetPhoneNumberState() {
-  return useSnapshot(useStore().store.auth.resetPhoneNumberState);
+import { resetPhoneNumberReducers, resetPhoneNumberActions } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function useResetPhoneNumberState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'resetPhoneNumberState');
 }
-export const useResetPhoneNumberActions = () => {
-  return useStore().stateActions.auth.resetPhoneNumberActions;
-};
+export const useResetPhoneNumberActions = () => reducerActionsGenerator(resetPhoneNumberActions, resetPhoneNumberReducers);

package/auth/roles.d.ts

@@ -1,3 +1,5 @@
-import type { RolesActions, RolesState } from '@frontegg/redux-store';
+import { RolesActions, RolesState } from '@frontegg/redux-store';
+export declare type RolesStateMapper<S> = (state: RolesState) => S;
 export declare function useRolesState(): RolesState;
+export declare function useRolesState<S>(stateMapper: RolesStateMapper<S>): S;
 export declare const useRolesActions: () => RolesActions;

package/auth/roles.js

@@ -1,8 +1,7 @@
-import { useSnapshot } from 'valtio/react';
-import { useStore } from '../FronteggStoreContext';
-export function useRolesState() {
-  return useSnapshot(useStore().store.auth.rolesState);
+import { rolesReducers, rolesActions } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+const defaultMapper = state => state;
+export function useRolesState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'rolesState');
 }
-export const useRolesActions = () => {
-  return useStore().stateActions.auth.rolesActions;
-};
+export const useRolesActions = () => reducerActionsGenerator(rolesActions, rolesReducers);

package/auth/security/restrictions.d.ts

@@ -1,5 +1,7 @@
 import { RestrictionsActions, RestrictionsState } from '@frontegg/redux-store';
+export declare type RestrictionsStateMapper<S> = (state: RestrictionsState) => S;
 export declare function useRestrictionsState(): RestrictionsState;
+export declare function useRestrictionsState<S>(stateMapper: RestrictionsStateMapper<S>): S;
 export declare const useRestrictionsActions: () => RestrictionsActions;
 export declare const useIpRestrictions: (loadOnMount?: boolean) => {
     loading: boolean;

package/auth/security/restrictions.js

@@ -1,13 +1,11 @@
+import { restrictionsReducers, restrictionsActions } from '@frontegg/redux-store';
 import { useEffect } from 'react';
-import { useStore } from '../../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-export function useRestrictionsState() {
-  const state = useStore().store.auth.restrictionsState;
-  return useSnapshot(state);
+import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
+const defaultMapper = state => state;
+export function useRestrictionsState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'restrictionsState');
 }
-export const useRestrictionsActions = () => {
-  return useStore().stateActions.auth.restrictionsActions;
-};
+export const useRestrictionsActions = () => reducerActionsGenerator(restrictionsActions, restrictionsReducers);
 export const useIpRestrictions = (loadOnMount = false) => {
   const {
     loading,
@@ -17,12 +15,13 @@ export const useIpRestrictions = (loadOnMount = false) => {
     pagination,
     totalPages,
     userIpValid
-  } = useRestrictionsState().ipRestrictions;
+  } = useRestrictionsState(state => state.ipRestrictions);
   const {
     loadIpRestrictions
   } = useRestrictionsActions();
   useEffect(() => {
     (loadOnMount || !data) && loadIpRestrictions();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOnMount, loadIpRestrictions]);
   return {
     loading,
@@ -40,12 +39,13 @@ export const useEmailDomainRestrictions = (loadOnMount = false) => {
     data,
     saving,
     error
-  } = useRestrictionsState().emailDomainRestrictions;
+  } = useRestrictionsState(state => state.emailDomainRestrictions);
   const {
     loadEmailDomainRestrictions
   } = useRestrictionsActions();
   useEffect(() => {
     (loadOnMount || !data) && loadEmailDomainRestrictions();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOnMount, loadEmailDomainRestrictions]);
   return {
     loading,

package/auth/security/securityCenter.d.ts

@@ -1,3 +1,6 @@
-import type { SecurityCenterActions, SecurityCenterState } from '@frontegg/redux-store';
+import { SecurityCenterActions, SecurityCenterState } from '@frontegg/redux-store';
+declare type AuthSecurityCenterStateMapper<S> = (state: SecurityCenterState) => S;
 export declare function useSecurityCenterState(): SecurityCenterState;
+export declare function useSecurityCenterState<S>(stateMapper: AuthSecurityCenterStateMapper<S>): S;
 export declare const useSecurityCenterActions: () => SecurityCenterActions;
+export {};

package/auth/security/securityCenter.js

@@ -1,9 +1,7 @@
-import { useStore } from '../../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-export function useSecurityCenterState() {
-  const state = useStore().store.auth.securityCenterState;
-  return useSnapshot(state);
+import { securityCenterActions, securityCenterReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
+const defaultMapper = state => state;
+export function useSecurityCenterState(stateMapper = defaultMapper) {
+  return stateHookGenerator(stateMapper, 'securityCenterState');
 }
-export const useSecurityCenterActions = () => {
-  return useStore().stateActions.auth.securityCenterActions;
-};
+export const useSecurityCenterActions = () => reducerActionsGenerator(securityCenterActions, securityCenterReducers);

package/auth/security/securityPolicy.d.ts

@@ -1,11 +1,17 @@
-import type { SecurityPolicyActions, SecurityPolicyState } from '@frontegg/redux-store';
+import { SecurityPolicyActions, SecurityPolicyState } from '@frontegg/redux-store';
 export declare type SecurityPolicyStateMapper<S> = (state: SecurityPolicyState) => S;
 export declare function useSecurityPolicyState(): SecurityPolicyState;
 export declare function useSecurityPolicyState<S>(stateMapper: SecurityPolicyStateMapper<S>): S;
 export declare const useSecurityPolicyActions: () => SecurityPolicyActions;
-export declare const usePublicPolicySettings: (loadOnMount?: boolean) => import("@frontegg/redux-store").WithStatus & {
-    policy?: import("@frontegg/rest-api").IVendorConfig | undefined;
+export declare const usePublicPolicySettings: (loadOnMount?: boolean) => {
+    loading: boolean;
+    saving: boolean | undefined;
+    error: any;
+    policy: import("@frontegg/rest-api").IVendorConfig | undefined;
 };
-export declare const usePublicAuthStrategiesPolicySettings: (loadOnMount?: boolean) => import("@frontegg/redux-store").WithStatus & {
-    policy?: import("@frontegg/rest-api").IAuthStrategiesConfig | undefined;
+export declare const usePublicAuthStrategiesPolicySettings: (loadOnMount?: boolean) => {
+    loading: boolean;
+    saving: boolean | undefined;
+    error: any;
+    policy: import("@frontegg/rest-api").IAuthStrategiesConfig | undefined;
 };