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

package/auth/resetPhoneNumber.js

@@ -1,7 +1,8 @@
-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');
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function useResetPhoneNumberState() {
+  return useSnapshot(useStore().store.auth.resetPhoneNumberState);
 }
-export const useResetPhoneNumberActions = () => reducerActionsGenerator(resetPhoneNumberActions, resetPhoneNumberReducers);
+export const useResetPhoneNumberActions = () => {
+  return useStore().stateActions.auth.resetPhoneNumberActions;
+};

package/auth/roles.d.ts

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

package/auth/roles.js

@@ -1,7 +1,8 @@
-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');
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function useRolesState() {
+  return useSnapshot(useStore().store.auth.rolesState);
 }
-export const useRolesActions = () => reducerActionsGenerator(rolesActions, rolesReducers);
+export const useRolesActions = () => {
+  return useStore().stateActions.auth.rolesActions;
+};

package/auth/security/index.d.ts

@@ -0,0 +1,4 @@
+export * from './restrictions';
+export * from './securityCenter';
+export * from './securityPolicy';
+export * from './sessionsPolicy';

package/auth/security/index.js

@@ -0,0 +1,4 @@
+export * from './restrictions';
+export * from './securityCenter';
+export * from './securityPolicy';
+export * from './sessionsPolicy';

package/auth/security/restrictions.d.ts

@@ -1,7 +1,5 @@
 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,11 +1,13 @@
-import { restrictionsReducers, restrictionsActions } from '@frontegg/redux-store';
 import { useEffect } from 'react';
-import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
-const defaultMapper = state => state;
-export function useRestrictionsState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'restrictionsState');
+import { useStore } from '../../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+export function useRestrictionsState() {
+  const state = useStore().store.auth.restrictionsState;
+  return useSnapshot(state);
 }
-export const useRestrictionsActions = () => reducerActionsGenerator(restrictionsActions, restrictionsReducers);
+export const useRestrictionsActions = () => {
+  return useStore().stateActions.auth.restrictionsActions;
+};
 export const useIpRestrictions = (loadOnMount = false) => {
   const {
     loading,
@@ -15,13 +17,12 @@ export const useIpRestrictions = (loadOnMount = false) => {
     pagination,
     totalPages,
     userIpValid
-  } = useRestrictionsState(state => state.ipRestrictions);
+  } = useRestrictionsState().ipRestrictions;
   const {
     loadIpRestrictions
   } = useRestrictionsActions();
   useEffect(() => {
     (loadOnMount || !data) && loadIpRestrictions();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOnMount, loadIpRestrictions]);
   return {
     loading,
@@ -39,13 +40,12 @@ export const useEmailDomainRestrictions = (loadOnMount = false) => {
     data,
     saving,
     error
-  } = useRestrictionsState(state => state.emailDomainRestrictions);
+  } = useRestrictionsState().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,6 +1,3 @@
-import { SecurityCenterActions, SecurityCenterState } from '@frontegg/redux-store';
-declare type AuthSecurityCenterStateMapper<S> = (state: SecurityCenterState) => S;
+import type { SecurityCenterActions, SecurityCenterState } from '@frontegg/redux-store';
 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,7 +1,9 @@
-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');
+import { useStore } from '../../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+export function useSecurityCenterState() {
+  const state = useStore().store.auth.securityCenterState;
+  return useSnapshot(state);
 }
-export const useSecurityCenterActions = () => reducerActionsGenerator(securityCenterActions, securityCenterReducers);
+export const useSecurityCenterActions = () => {
+  return useStore().stateActions.auth.securityCenterActions;
+};

package/auth/security/securityPolicy.d.ts

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

package/auth/security/securityPolicy.js

@@ -1,50 +1,39 @@
-import { securityPolicyActions, securityPolicyReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
 import { useEffect } from 'react';
+import { useStore } from '../../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+
+// TODO: remove useless stateMapper, valtio already does this
+
 const defaultMapper = state => state;
+// @deprecated use useSecurityPolicyState() instead
 export function useSecurityPolicyState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'securityPolicyState');
+  const state = useStore().store.auth.securityPolicyState;
+  return stateMapper(useSnapshot(state));
 }
-export const useSecurityPolicyActions = () => reducerActionsGenerator(securityPolicyActions, securityPolicyReducers);
+export const useSecurityPolicyActions = () => {
+  return useStore().stateActions.auth.securityPolicyActions;
+};
 export const usePublicPolicySettings = (loadOnMount = false) => {
   const {
-    loading,
-    policy,
-    saving,
-    error
-  } = useSecurityPolicyState(state => state.publicPolicy);
+    publicPolicy
+  } = useSecurityPolicyState();
   const {
     loadPublicSecurityPolicy
   } = useSecurityPolicyActions();
   useEffect(() => {
-    (loadOnMount || !policy) && loadPublicSecurityPolicy();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (loadOnMount || !publicPolicy.policy) && loadPublicSecurityPolicy();
   }, [loadOnMount, loadPublicSecurityPolicy]);
-  return {
-    loading,
-    saving,
-    error,
-    policy
-  };
+  return publicPolicy;
 };
 export const usePublicAuthStrategiesPolicySettings = (loadOnMount = false) => {
   const {
-    loading,
-    policy,
-    saving,
-    error
-  } = useSecurityPolicyState(state => state.publicAuthStrategyPolicy);
+    publicAuthStrategyPolicy
+  } = useSecurityPolicyState();
   const {
     loadPublicAuthStrategiesPolicy
   } = useSecurityPolicyActions();
   useEffect(() => {
-    (loadOnMount || !policy) && loadPublicAuthStrategiesPolicy();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (loadOnMount || !publicAuthStrategyPolicy.policy) && loadPublicAuthStrategiesPolicy();
   }, [loadOnMount, loadPublicAuthStrategiesPolicy]);
-  return {
-    loading,
-    saving,
-    error,
-    policy
-  };
+  return publicAuthStrategyPolicy;
 };

package/auth/security/sessionsPolicy.d.ts

@@ -1,5 +1,3 @@
-import { SessionsPolicyState, SessionsPolicyActions } from '@frontegg/redux-store';
-export declare type SessionsPolicyStateMapper<S> = (state: SessionsPolicyState) => S;
+import type { SessionsPolicyState, SessionsPolicyActions } from '@frontegg/redux-store';
 export declare function useSessionsPolicyState(): SessionsPolicyState;
-export declare function useSessionsPolicyState<S>(stateMapper: SessionsPolicyStateMapper<S>): S;
 export declare const useSessionsPolicyActions: () => SessionsPolicyActions;

package/auth/security/sessionsPolicy.js

@@ -1,7 +1,9 @@
-import { sessionsPolicyActions, sessionsPolicyReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
-const defaultMapper = state => state;
-export function useSessionsPolicyState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'sessionsPolicyState');
+import { useStore } from '../../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+export function useSessionsPolicyState() {
+  const state = useStore().store.auth.sessionsPolicyState;
+  return useSnapshot(state);
 }
-export const useSessionsPolicyActions = () => reducerActionsGenerator(sessionsPolicyActions, sessionsPolicyReducers);
+export const useSessionsPolicyActions = () => {
+  return useStore().stateActions.auth.sessionsPolicyActions;
+};

package/auth/sessions.d.ts

@@ -1,5 +1,3 @@
-import { SessionsState, SessionsActions } from '@frontegg/redux-store';
-export declare type SessionsStateMapper<S> = (state: SessionsState) => S;
+import type { SessionsState, SessionsActions } from '@frontegg/redux-store';
 export declare function useSessionsState(): SessionsState;
-export declare function useSessionsState<S>(stateMapper: SessionsStateMapper<S>): S;
 export declare const useSessionsActions: () => SessionsActions;

package/auth/sessions.js

@@ -1,7 +1,8 @@
-import { sessionsActions, sessionsReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-const defaultMapper = state => state;
-export function useSessionsState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'sessionsState');
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function useSessionsState() {
+  return useSnapshot(useStore().store.auth.sessionsState);
 }
-export const useSessionsActions = () => reducerActionsGenerator(sessionsActions, sessionsReducers);
+export const useSessionsActions = () => {
+  return useStore().stateActions.auth.sessionsActions;
+};

package/auth/signup.d.ts

@@ -1,4 +1,4 @@
-import { SignUpState, SignUpActions } from '@frontegg/redux-store';
+import type { SignUpState, SignUpActions } from '@frontegg/redux-store';
 export declare type SignUpStateMapper<S> = (state: SignUpState) => S;
 export declare function useSignUpState(): SignUpState;
 export declare function useSignUpState<S>(stateMapper: SignUpStateMapper<S>): S;

package/auth/signup.js

@@ -1,7 +1,16 @@
-import { signUpReducers, signUpActions } 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 useSignUpState() instead
 export function useSignUpState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'signUpState');
+  const {
+    signUpState
+  } = useStore().store.auth;
+  return stateMapper(useSnapshot(signUpState));
 }
-export const useSignUpActions = () => reducerActionsGenerator(signUpActions, signUpReducers);
+export const useSignUpActions = () => {
+  return useStore().stateActions.auth.signUpActions;
+};

package/auth/sms.d.ts

@@ -1,6 +1,3 @@
-import { SmsActions, SmsState } from '@frontegg/redux-store';
-declare type AuthSmsStateMapper<S> = (state: SmsState) => S;
+import type { SmsActions, SmsState } from '@frontegg/redux-store';
 export declare function useSmsState(): SmsState;
-export declare function useSmsState<S>(stateMapper: AuthSmsStateMapper<S>): S;
 export declare const useSmsActions: () => SmsActions;
-export {};

package/auth/sms.js

@@ -1,7 +1,8 @@
-import { smsActions, smsReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-const defaultMapper = state => state;
-export function useSmsState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'smsState');
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function useSmsState() {
+  return useSnapshot(useStore().store.auth.smsState);
 }
-export const useSmsActions = () => reducerActionsGenerator(smsActions, smsReducers);
+export const useSmsActions = () => {
+  return useStore().stateActions.auth.smsActions;
+};

package/auth/socialLogin.d.ts

@@ -1,4 +1,4 @@
-import { SocialLoginActions, SocialLoginState } from '@frontegg/redux-store';
+import type { SocialLoginActions, SocialLoginState } from '@frontegg/redux-store';
 export declare type SocialLoginStateMapper<S> = (state: SocialLoginState) => S;
 export declare function useSocialLoginState(): SocialLoginState;
 export declare function useSocialLoginState<S>(stateMapper: SocialLoginStateMapper<S>): S;

package/auth/socialLogin.js

@@ -1,7 +1,13 @@
-import { socialLoginsActions, socialLoginsReducer } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+
+// TODO: remove useless stateMapper, valtio already does this
+
 const defaultMapper = state => state;
+// @deprecated use useSocialLoginState() instead
 export function useSocialLoginState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'socialLoginState');
+  return stateMapper(useSnapshot(useStore().store.auth.socialLoginState));
 }
-export const useSocialLoginActions = () => reducerActionsGenerator(socialLoginsActions, socialLoginsReducer);
+export const useSocialLoginActions = () => {
+  return useStore().stateActions.auth.socialLoginActions;
+};

package/auth/sso.d.ts

@@ -1,4 +1,4 @@
-import { SSOState, SSOActions } from '@frontegg/redux-store';
+import type { SSOState, SSOActions } from '@frontegg/redux-store';
 declare type AuthSSOStateMapper<S> = (state: SSOState) => S;
 export declare function useSSOState(): SSOState;
 export declare function useSSOState<S>(stateMapper: AuthSSOStateMapper<S>): S;

package/auth/sso.js

@@ -1,7 +1,13 @@
-import { ssoActions, ssoReducers } 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 useSSOState() instead
 export function useSSOState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'ssoState');
+  return stateMapper(useSnapshot(useStore().store.auth.ssoState));
 }
-export const useSSOActions = () => reducerActionsGenerator(ssoActions, ssoReducers);
+export const useSSOActions = () => {
+  return useStore().stateActions.auth.ssoActions;
+};

package/auth/{stepUp/stepUp.d.ts → stepUp.d.ts}

@@ -1,7 +1,5 @@
 import { StepUpState, StepUpActions, IsSteppedUpOptions } from '@frontegg/redux-store';
-import { StepUpStateMapper } from './interfaces';
 export declare function useStepUpState(): StepUpState;
-export declare function useStepUpState<S>(stateMapper: StepUpStateMapper<S>): S;
 export declare const useStepUpActions: () => StepUpActions;
 /**
  * @returns max age from the query param as a number or null if not exists

package/auth/{stepUp/stepUp.js → stepUp.js}

@@ -1,11 +1,14 @@
-import { stepUpReducers, stepUpActions, getSearchParam, isSteppedUp, STEP_UP_MAX_AGE_PARAM_NAME, redirectByStepUpUrl } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator, useAuth, useAuthRoutes, useAuthUserOrNull, useOnRedirectTo } from '../hooks';
+import { STEP_UP_MAX_AGE_PARAM_NAME, getSearchParam, redirectByStepUpUrl, isSteppedUp } from '@frontegg/redux-store';
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+import { useAuth, useAuthRoutes, useAuthUserOrNull, useOnRedirectTo } from './hooks';
 import { useCallback } from 'react';
-const defaultMapper = state => state;
-export function useStepUpState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'stepUpState');
+export function useStepUpState() {
+  return useSnapshot(useStore().store.auth.stepUpState);
 }
-export const useStepUpActions = () => reducerActionsGenerator(stepUpActions, stepUpReducers);
+export const useStepUpActions = () => {
+  return useStore().stateActions.auth.stepUpActions;
+};
 
 /**
  * @returns max age from the query param as a number or null if not exists

package/auth/team.d.ts

@@ -1,5 +1,13 @@
-import { TeamState, TeamActions } from '@frontegg/redux-store';
+import { TeamActions, TeamState } from '@frontegg/redux-store';
+export declare function useTeamState(): TeamState;
+export declare const useTeamActions: () => TeamActions;
 export declare type AuthTeamStateMapper<S> = (state: TeamState) => S;
+/**
+ * @deprecated use useTeamState instead
+ */
 export declare function useAuthTeamState(): TeamState;
 export declare function useAuthTeamState<S>(stateMapper: AuthTeamStateMapper<S>): S;
+/**
+ * @deprecated use useTeamActions instead
+ */
 export declare const useAuthTeamActions: () => TeamActions;

package/auth/team.js

@@ -1,7 +1,25 @@
-import { teamActions, teamReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+import { useSnapshot } from 'valtio/react';
+import { useStore } from '../FronteggStoreContext';
+export function useTeamState() {
+  const state = useStore().store.auth.teamState;
+  return useSnapshot(state);
+}
+export const useTeamActions = () => {
+  return useStore().stateActions.auth.teamActions;
+};
 const defaultMapper = state => state;
+/**
+ * @deprecated use useTeamState instead
+ */
+
+// @deprecated use useTeamState() instead
 export function useAuthTeamState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'teamState');
+  return stateMapper(useTeamState());
 }
-export const useAuthTeamActions = () => reducerActionsGenerator(teamActions, teamReducers);
+
+/**
+ * @deprecated use useTeamActions instead
+ */
+export const useAuthTeamActions = () => {
+  return useTeamActions();
+};

package/auth/tenants.d.ts

@@ -1,5 +1,3 @@
-import { TenantsState, TenantsActions } from '@frontegg/redux-store';
-export declare type TenantsStateMapper<S> = (state: TenantsState) => S;
+import type { TenantsState, TenantsActions } from '@frontegg/redux-store';
 export declare function useTenantsState(): TenantsState;
-export declare function useTenantsState<S>(stateMapper: TenantsStateMapper<S>): S;
 export declare const useTenantsActions: () => TenantsActions;

package/auth/tenants.js

@@ -1,7 +1,9 @@
-import { tenantsActions, tenantsReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-const defaultMapper = state => state;
-export function useTenantsState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'tenantsState');
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+export function useTenantsState() {
+  const state = useStore().store.auth.tenantsState;
+  return useSnapshot(state);
 }
-export const useTenantsActions = () => reducerActionsGenerator(tenantsActions, tenantsReducers);
+export const useTenantsActions = () => {
+  return useStore().stateActions.auth.tenantsActions;
+};

package/common/CustomComponentHolder.js

@@ -80,7 +80,9 @@ export const CustomComponentRegister = ({
             CustomComponentHolder.set(generatedKey, obj);
             return [generatedKey];
           }
-        } catch (e) {}
+        } catch (e) {
+          /* empty */
+        }
       }
       if ( /*#__PURE__*/isValidElement(obj) || isElement(obj) || obj === null) {
         const generatedKey = `${keyPath}.${key}`;

package/common/index.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["urlStrategy", "onRedirectTo", "renderByRoute", "customLoader", "customStyles", "contextOptions"];
 import { createContext, useContext } from 'react';
-import { useSelector } from '../FronteggStoreContext';
-import { shallowEqual } from 'react-redux';
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
 export const ShadowDomContext = /*#__PURE__*/createContext({});
 export const useShadowDom = () => {
   const context = useContext(ShadowDomContext);
@@ -29,6 +29,6 @@ export const useShadowDom = () => {
   }, rest);
 };
 export const useRootState = () => {
-  return useSelector(state => state.root, shallowEqual);
+  return useSnapshot(useStore().store.root);
 };
 export * from './CustomComponentHolder';

package/connectivity/hooks.d.ts

@@ -1,6 +1,3 @@
-import { ConnectivityActions, IConnectivityState } from '@frontegg/redux-store';
-export declare type ConnectivityStateMapper<S> = (state: IConnectivityState) => S;
-export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => S);
-export declare function useConnectivityState(): IConnectivityState;
-export declare function useConnectivityState<S>(stateMapper: ConnectivityStateMapper<S>): S;
+import { ConnectivityState, ConnectivityActions } from '@frontegg/redux-store';
+export declare function useConnectivityState(): ConnectivityState;
 export declare const useConnectivityActions: () => ConnectivityActions;

package/connectivity/hooks.js

@@ -1,12 +1,9 @@
-import { useMemo } from 'react';
-import { shallowEqual } from 'react-redux';
-import { useSelector, useDispatch } from '../FronteggStoreContext';
-import { bindActionCreators, connectivityActions, connectivityStoreName } from '@frontegg/redux-store';
-const defaultMapper = state => state;
-export function useConnectivityState(stateMapper = defaultMapper) {
-  return useSelector(state => stateMapper(state[connectivityStoreName]), shallowEqual);
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+export function useConnectivityState() {
+  const state = useStore().store.connectivity;
+  return useSnapshot(state);
 }
 export const useConnectivityActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(connectivityActions, dispatch), [connectivityActions]);
+  return useStore().stateActions.connectivity;
 };

package/index.d.ts

@@ -1,9 +1,9 @@
-export * from './common';
-export * from './audits';
 export * from './auth';
+export * from './audits';
 export * from './connectivity';
 export * from './subscriptions';
 export * from './vendor';
+export * from './common';
 export * from './flags';
 export * from './FronteggProvider';
 export * from './FronteggStoreContext';

package/index.js

@@ -1,14 +1,14 @@
-/** @license Frontegg v6.176.0
+/** @license Frontegg v6.178.0-alpha.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export * from './common';
-export * from './audits';
 export * from './auth';
+export * from './audits';
 export * from './connectivity';
 export * from './subscriptions';
 export * from './vendor';
+export * from './common';
 export * from './flags';
 export * from './FronteggProvider';
 export * from './FronteggStoreContext';