@frontegg/react-hooks 6.176.0 → 6.178.0-alpha.0

package/auth/entitlements.d.ts

@@ -1,22 +1,22 @@
-import { Entitlement, EntitledToOptions } from '@frontegg/redux-store';
 import { CustomAttributes } from '@frontegg/entitlements-javascript-commons';
+import { EntitledToOptions, Entitlement } from '@frontegg/redux-store';
 /**
-  @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
+ */
 export declare const useFeatureEntitlements: (key: string, customAttributes?: Record<string, string | number | boolean | Date> | undefined) => Entitlement;
 /**
-  @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
+ */
 export declare const usePermissionEntitlements: (key: string, customAttributes?: Record<string, string | number | boolean | Date> | undefined) => Entitlement;
 /**
-  @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
+ */
 export declare const useEntitlements: (options: EntitledToOptions, customAttributes?: Record<string, string | number | boolean | Date> | undefined) => Entitlement;
 /**
  @param entitledToOptions including permission or feature key
@@ -27,7 +27,7 @@ export declare const useEntitlementsActions: () => {
 };
 /**
  @returns if the option to use entitlements is enabled
-  */
+ */
 export declare const useEntitlementsOptions: () => {
     isEntitlementsEnabled: boolean;
     isEntitledTo: (options: EntitledToOptions, customAttributes?: Record<string, string | number | boolean | Date> | undefined) => Entitlement;

package/auth/entitlements.js

@@ -1,23 +1,27 @@
-import { getPermissionEntitlements, getFeatureEntitlements, getEntitlements } from '@frontegg/redux-store';
 import { FeatureFlags, USE_ENTITLEMENTS_V2_ENDPOINT_FF } from '@frontegg/rest-api';
-import { useAuth } from './hooks';
+import { useAuthUserOrNull } from './hooks';
 import { useMemo } from 'react';
 import { useRootState, useShadowDom } from '../common';
 import { useFeatureFlags } from '../flags';
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+import { getEntitlements, getFeatureEntitlements, getPermissionEntitlements } from '@frontegg/redux-store';
 
 /**
  * @returns entitlemenets state as stored in the user
  */
-const useEntitlementsState = () => useAuth(({
-  user
-}) => user == null ? void 0 : user.entitlements);
+const useEntitlementsState = () => {
+  var _useSnapshot$user$ent, _useSnapshot$user;
+  const state = useStore().store.auth;
+  return (_useSnapshot$user$ent = (_useSnapshot$user = useSnapshot(state).user) == null ? void 0 : _useSnapshot$user.entitlements) != null ? _useSnapshot$user$ent : {};
+};
 
 /**
  * @returns user state
  */
-const useUserState = () => useAuth(({
-  user
-}) => user);
+const useUserState = () => {
+  return useAuthUserOrNull() || undefined;
+};
 
 /**
  * @param customAttributes user attributes
@@ -42,10 +46,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
+ */
 export const useFeatureEntitlements = (key, customAttributes) => {
   const {
     entitlements,
@@ -56,10 +60,10 @@ export 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
+ */
 export const usePermissionEntitlements = (key, customAttributes) => {
   const {
     entitlements,
@@ -70,10 +74,10 @@ export 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
+ */
 export const useEntitlements = (options, customAttributes) => {
   const {
     entitlements,
@@ -108,7 +112,7 @@ export const useEntitlementsActions = () => {
 
 /**
  @returns if the option to use entitlements is enabled
-  */
+ */
 export const useEntitlementsOptions = () => {
   var _entitlementsOptions$;
   const {

package/auth/forgotPassword.d.ts

@@ -1,5 +1,3 @@
 import { ForgotPasswordState, ForgotPasswordActions } from '@frontegg/redux-store';
-export declare type ForgotPasswordStateMapper<S> = (state: ForgotPasswordState) => S;
 export declare function useForgotPasswordState(): ForgotPasswordState;
-export declare function useForgotPasswordState<S>(stateMapper: ForgotPasswordStateMapper<S>): S;
 export declare const useForgotPasswordActions: () => ForgotPasswordActions;

package/auth/forgotPassword.js

@@ -1,7 +1,9 @@
-import { forgotPasswordReducers, forgotPasswordActions } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-const defaultMapper = state => state;
-export function useForgotPasswordState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'forgotPasswordState');
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+export function useForgotPasswordState() {
+  const state = useStore().store.auth.forgotPasswordState;
+  return useSnapshot(state);
 }
-export const useForgotPasswordActions = () => reducerActionsGenerator(forgotPasswordActions, forgotPasswordReducers);
+export const useForgotPasswordActions = () => {
+  return useStore().stateActions.auth.forgotPasswordActions;
+};

package/auth/groups.d.ts

@@ -1,9 +1,5 @@
 import { GroupsState, GroupsActions, GroupsDialogsState, GroupsDialogsActions } from '@frontegg/redux-store';
-export declare type GroupsStateMapper<S> = (state: GroupsState) => S;
 export declare function useGroupsState(): GroupsState;
-export declare function useGroupsState<S>(stateMapper: GroupsStateMapper<S>): S;
 export declare const useGroupsActions: () => GroupsActions;
-export declare type GroupsDialogsStateMapper<S> = (state: GroupsDialogsState) => S;
 export declare function useGroupsDialogsState(): GroupsDialogsState;
-export declare function useGroupsDialogsState<S>(stateMapper: GroupsDialogsStateMapper<S>): S;
 export declare const useGroupsDialogsActions: () => GroupsDialogsActions;

package/auth/groups.js

@@ -1,15 +1,14 @@
-import { groupsActions, groupsReducers, groupsDialogsActions, groupsDialogsReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-const defaultMapper = state => state;
-export function useGroupsState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'groupsState');
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+export function useGroupsState() {
+  return useSnapshot(useStore().store.auth.groupsState);
 }
-export const useGroupsActions = () => reducerActionsGenerator(groupsActions, groupsReducers);
-
-//dialogs
-
-const defaultDialogsMapper = state => state;
-export function useGroupsDialogsState(stateMapper = defaultDialogsMapper) {
-  return stateHookGenerator(stateMapper, 'groupsDialogsState');
+export const useGroupsActions = () => {
+  return useStore().stateActions.auth.groupsActions;
+};
+export function useGroupsDialogsState() {
+  return useSnapshot(useStore().store.auth.groupsDialogsState);
 }
-export const useGroupsDialogsActions = () => reducerActionsGenerator(groupsDialogsActions, groupsDialogsReducers);
+export const useGroupsDialogsActions = () => {
+  return useStore().stateActions.auth.groupsDialogsActions;
+};

package/auth/hooks.d.ts

@@ -1,11 +1,10 @@
-import { CaseReducerActions, SliceCaseReducers } from '@frontegg/redux-store';
-import { AuthActions, AuthPageRoutes, AuthState, User } from '@frontegg/redux-store';
+import { AuthActions, AuthState } 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.
@@ -48,8 +47,13 @@ export declare function useAuth<S>(stateMapper: AuthStateMapper<S>): S;
  *
  * 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: () => AuthActions['requestHostedLoginAuthorize'];
-export declare const useLoginWithRedirectV2: () => AuthActions['requestHostedLoginAuthorizeV2'];
+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 useAuthActions: () => AuthActions;
 export declare const useOnRedirectTo: () => (path: string, opts?: RedirectOptions | undefined) => void;
 export declare const useAuthRoutes: () => AuthPageRoutes;
@@ -87,9 +91,3 @@ 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,11 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-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 { useContext } from 'react';
 import { ContextHolder } from '@frontegg/rest-api';
-import { ShadowDomContext } from '../common';
+import { FronteggStoreContext, useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -26,7 +23,9 @@ const defaultMapper = {
  */
 
 export function useAuth(stateMapper = defaultMapper.state) {
-  return useSelector(state => stateMapper(state[authStoreName]), shallowEqual);
+  const state = useStore().store.auth;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return stateMapper(useSnapshot(state));
 }
 
 /**
@@ -56,21 +55,25 @@ export function useAuth(stateMapper = defaultMapper.state) {
  * 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 dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(authActions.requestHostedLoginAuthorize, dispatch), [authActions.requestHostedLoginAuthorize]);
+  const {
+    actions
+  } = useContext(FronteggStoreContext);
+  return actions.requestHostedLoginAuthorize;
 };
 export const useLoginWithRedirectV2 = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(authActions.requestHostedLoginAuthorizeV2, dispatch), [authActions.requestHostedLoginAuthorizeV2]);
+  const {
+    actions
+  } = useContext(FronteggStoreContext);
+  return actions.requestHostedLoginAuthorizeV2;
 };
 export const useAuthActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(authActions, dispatch), [authActions]);
+  return useStore().actions;
 };
 export const useOnRedirectTo = () => {
-  var _context$onRedirectTo;
-  const context = useContext(ShadowDomContext);
-  return (_context$onRedirectTo = context == null ? void 0 : context.onRedirectTo) != null ? _context$onRedirectTo : ContextHolder.onRedirectTo;
+  const {
+    onRedirectTo
+  } = useAuth();
+  return onRedirectTo != null ? onRedirectTo : ContextHolder.onRedirectTo;
 };
 export const useAuthRoutes = () => useAuth(state => _extends({}, state.routes));
 
@@ -84,11 +87,14 @@ export const useAuthRoutes = () => useAuth(state => _extends({}, state.routes));
  *
  * use this frontegg hook function to get if user is "Authenticated"
  */
-export const useIsAuthenticated = () => useSelector(({
-  [authStoreName]: {
+export const useIsAuthenticated = () => {
+  const {
     isAuthenticated
-  }
-}) => isAuthenticated, shallowEqual);
+  } = useAuth(state => ({
+    isAuthenticated: state.isAuthenticated
+  }));
+  return isAuthenticated;
+};
 
 /**
  * ```jsx
@@ -132,43 +138,6 @@ export const useAuthUser = () => {
 export const useAuthUserOrNull = () => {
   const {
     user
-  } = useSelector(({
-    [authStoreName]: {
-      user
-    }
-  }) => ({
-    user
-  }), shallowEqual);
+  } = useAuth();
   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,5 +1,3 @@
 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,7 +1,8 @@
-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');
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function useImpersonateState() {
+  return useSnapshot(useStore().store.auth.impersonateState);
 }
-export const useImpersonateActions = () => reducerActionsGenerator(impersonateActions, impersonateReducers);
+export const useImpersonateActions = () => {
+  return useStore().stateActions.auth.impersonateActions;
+};

package/auth/index.d.ts

@@ -1,29 +1,26 @@
 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 './resetPhoneNumber';
+export * from './groups';
+export * from './impersonate';
 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 './team';
 export * from './sso';
-export * from './security/securityPolicy';
+export * from './stepUp';
+export * from './team';
+export * from './security';
 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,29 +1,26 @@
 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 './resetPhoneNumber';
+export * from './groups';
+export * from './impersonate';
 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 './team';
 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';
+export * from './stepUp';
+export * from './team';
+export * from './security';
+export * from './tenants';

package/auth/login.d.ts

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

package/auth/mfa.d.ts

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

package/auth/passkeys.d.ts

@@ -1,6 +1,3 @@
-import { PasskeysActions, PasskeysState } from '@frontegg/redux-store';
-declare type AuthPasskeysStateMapper<S> = (state: PasskeysState) => S;
+import type { PasskeysActions, PasskeysState } from '@frontegg/redux-store';
 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,7 +1,8 @@
-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');
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function usePasskeysState() {
+  return useSnapshot(useStore().store.auth.passkeysState);
 }
-export const usePasskeysActions = () => reducerActionsGenerator(passkeysActions, passkeysReducers);
+export const usePasskeysActions = () => {
+  return useStore().stateActions.auth.passkeysActions;
+};

package/auth/profile.d.ts

@@ -1,6 +1,4 @@
-import { ProfileActions, ProfileState } from '@frontegg/redux-store';
-export declare const reloadProfileIfNeeded: () => void;
-export declare type ProfileStateMapper<S> = (state: ProfileState) => S;
+import type { ProfileActions, ProfileState } from '@frontegg/redux-store';
 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,6 +1,12 @@
 import { useEffect } from 'react';
-import { profileActions, profileReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+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;
+};
 export const reloadProfileIfNeeded = () => {
   const {
     loading
@@ -11,9 +17,4 @@ 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,5 +1,3 @@
-import { ProvisioningActions, ProvisioningState } from '@frontegg/redux-store';
-export declare type ProvisioningStateMapper<S> = (state: ProvisioningState) => S;
+import type { ProvisioningActions, ProvisioningState } from '@frontegg/redux-store';
 export declare function useProvisioningState(): ProvisioningState;
-export declare function useProvisioningState<S>(stateMapper: ProvisioningStateMapper<S>): S;
 export declare const useProvisioningActions: () => ProvisioningActions;

package/auth/provisioning.js

@@ -1,7 +1,8 @@
-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');
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function useProvisioningState() {
+  return useSnapshot(useStore().store.auth.provisioningState);
 }
-export const useProvisioningActions = () => reducerActionsGenerator(provisioningActions, provisioningReducers);
+export const useProvisioningActions = () => {
+  return useStore().stateActions.auth.provisioningActions;
+};

package/auth/resetPhoneNumber.d.ts

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