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

package/FronteggProvider/FronteggProvider.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { ContextOptions } from '@frontegg/rest-api';
+import { FronteggAppInstance } from '@frontegg/types';
+declare type FronteggProviderProps = {
+    app?: FronteggAppInstance;
+    contextOptions?: ContextOptions;
+    setLoading?: (loading: boolean) => void;
+    children?: ReactNode | undefined;
+    alwaysVisibleChildren?: ReactNode;
+};
+export declare const FronteggStoreProvider: FC<FronteggProviderProps>;
+export {};

package/FronteggProvider/FronteggProvider.js

@@ -0,0 +1,138 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createStore } from '@frontegg/redux-store';
+import { ContextHolder } from '@frontegg/rest-api';
+import { Provider } from '../FronteggStoreContext';
+import { useAuth, useAuthRoutes } from '../auth';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const defaultSetLoading = loading => {
+  if (loading) {
+    document.body.classList.add('frontegg-loading');
+  } else {
+    document.body.classList.remove('frontegg-loading');
+  }
+};
+const HideChildrenIfFronteggRoutes = ({
+  children,
+  basename
+}) => {
+  const routes = useAuthRoutes();
+  const uriRef = useRef(window.location.pathname);
+  const animationFrameRef = useRef(0);
+  const [uri, setUri] = useState(window.location.pathname);
+  const checker = useCallback(() => {
+    if (uriRef.current !== window.location.pathname) {
+      uriRef.current = window.location.pathname;
+      setUri(document.location.pathname);
+    }
+    animationFrameRef.current = window.requestAnimationFrame(checker);
+  }, []);
+  useEffect(() => {
+    document.addEventListener('frontegg_onRedirectTo_fired', () => {
+      if (uriRef.current !== window.location.pathname) {
+        uriRef.current = window.location.pathname;
+        setUri(document.location.pathname);
+      }
+    });
+    window.addEventListener('popstate', () => {
+      if (uriRef.current !== window.location.pathname) {
+        uriRef.current = window.location.pathname;
+        setUri(document.location.pathname);
+      }
+    });
+    animationFrameRef.current = window.requestAnimationFrame(checker);
+    return () => {
+      window.cancelAnimationFrame(animationFrameRef.current);
+    };
+  }, [checker, setUri]);
+  const calculatedBasename = basename ? basename.endsWith('/') ? basename.substring(0, basename.length - 1) : '' : '';
+  const checkRoutes = _objectWithoutPropertiesLoose(routes, _excluded);
+  if (Object.values(checkRoutes).map(url => `${calculatedBasename}${url}`).indexOf(uri) !== -1) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+};
+const FronteggContent = ({
+  children,
+  app,
+  setLoading
+}) => {
+  var _app$options, _app$options2;
+  const {
+    isLoading
+  } = useAuth();
+  const customLoginBox = !app || (app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.customLoginBox) === true;
+  const isNextJS = (app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.framework) === 'nextjs';
+  const alwaysShowChildren = customLoginBox || isNextJS;
+  const loadingRef = useRef(undefined);
+  if (isLoading !== loadingRef.current && !isNextJS) {
+    loadingRef.current = isLoading;
+    setLoading(isLoading);
+  }
+  if (alwaysShowChildren) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
+  }
+  if (isLoading && !isNextJS) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(HideChildrenIfFronteggRoutes, {
+    basename: app == null ? void 0 : app.options.basename,
+    children: children
+  });
+};
+export const FronteggStoreProvider = props => {
+  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options$builderM, _app$options5, _app$options6, _app$options7, _app$options8;
+  const {
+    children,
+    app,
+    contextOptions,
+    setLoading = defaultSetLoading,
+    alwaysVisibleChildren
+  } = props;
+
+  // TODO: make this optionals more readable
+  const context = (_app$options$contextO = app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.contextOptions) != null ? _app$options$contextO : contextOptions;
+  if (!context) {
+    throw Error('contextOptions must not be null or undefined');
+  }
+  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.previewMode) != null ? _app$options$previewM : false;
+  const builderMode = (_app$options$builderM = app == null ? void 0 : (_app$options5 = app.options) == null ? void 0 : _app$options5.builderMode) != null ? _app$options$builderM : false;
+  const auditsOptions = app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.auditsOptions;
+  const authOptions = app != null && (_app$options7 = app.options) != null && _app$options7.authOptions ? _extends({}, app.options.authOptions, {
+    hostedLoginBox: app.options.hostedLoginBox
+  }) : {
+    hostedLoginBox: app == null ? void 0 : (_app$options8 = app.options) == null ? void 0 : _app$options8.hostedLoginBox
+  };
+  ContextHolder.setContext(context);
+  const store = useMemo(() => {
+    var _app$name, _app$options9;
+    return createStore({
+      name: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default',
+      context,
+      previewMode,
+      builderMode,
+      initialState: {
+        auth: authOptions,
+        audits: auditsOptions
+      },
+      urlStrategy: app == null ? void 0 : (_app$options9 = app.options) == null ? void 0 : _app$options9.urlStrategy,
+      storeHolder: app
+    });
+  }, [app, previewMode]);
+  return /*#__PURE__*/_jsxs(Provider, {
+    store: store,
+    children: [alwaysVisibleChildren, /*#__PURE__*/_jsx(FronteggContent, {
+      setLoading: setLoading,
+      app: app,
+      children: children
+    })]
+  });
+};

package/FronteggProvider/index.d.ts

@@ -1,12 +1 @@
-import { FC, ReactNode } from 'react';
-import { ContextOptions } from '@frontegg/rest-api';
-import { FronteggAppInstance } from '@frontegg/types';
-declare type FronteggProviderProps = {
-    app?: FronteggAppInstance;
-    contextOptions?: ContextOptions;
-    setLoading?: (loading: boolean) => void;
-    children?: ReactNode | undefined;
-    alwaysVisibleChildren?: ReactNode;
-};
-export declare const FronteggStoreProvider: FC<FronteggProviderProps>;
-export {};
+export * from './FronteggProvider';

package/FronteggProvider/index.js

@@ -1,133 +1 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { createFronteggStore } from '@frontegg/redux-store';
-import { ContextHolder } from '@frontegg/rest-api';
-import { useAuth, useAuthRoutes } from '../auth';
-import { Provider, FronteggStoreContext } from '../FronteggStoreContext';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const defaultSetLoading = loading => {
-  if (loading) {
-    document.body.classList.add('frontegg-loading');
-  } else {
-    document.body.classList.remove('frontegg-loading');
-  }
-};
-const HideChildrenIfFronteggRoutes = ({
-  children,
-  basename
-}) => {
-  const routes = useAuthRoutes();
-  const uriRef = useRef(window.location.pathname);
-  const animationFrameRef = useRef(0);
-  const [uri, setUri] = useState(window.location.pathname);
-  const checker = useCallback(() => {
-    if (uriRef.current !== window.location.pathname) {
-      uriRef.current = window.location.pathname;
-      setUri(document.location.pathname);
-    }
-    animationFrameRef.current = window.requestAnimationFrame(checker);
-  }, []);
-  useEffect(() => {
-    document.addEventListener('frontegg_onRedirectTo_fired', () => {
-      if (uriRef.current !== window.location.pathname) {
-        uriRef.current = window.location.pathname;
-        setUri(document.location.pathname);
-      }
-    });
-    window.addEventListener('popstate', () => {
-      if (uriRef.current !== window.location.pathname) {
-        uriRef.current = window.location.pathname;
-        setUri(document.location.pathname);
-      }
-    });
-    animationFrameRef.current = window.requestAnimationFrame(checker);
-    return () => {
-      window.cancelAnimationFrame(animationFrameRef.current);
-    };
-  }, [checker, setUri]);
-  const calculatedBasename = basename ? basename.endsWith('/') ? basename.substring(0, basename.length - 1) : '' : '';
-  const checkRoutes = _objectWithoutPropertiesLoose(routes, _excluded);
-  if (Object.values(checkRoutes).map(url => `${calculatedBasename}${url}`).indexOf(uri) !== -1) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
-  });
-};
-const FronteggContent = ({
-  children,
-  app,
-  setLoading
-}) => {
-  var _app$options, _app$options2;
-  const {
-    isLoading
-  } = useAuth(({
-    isLoading
-  }) => ({
-    isLoading
-  }));
-  const customLoginBox = !app || (app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.customLoginBox) === true;
-  const isNextJS = (app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.framework) === 'nextjs';
-  const alwaysShowChildren = customLoginBox || isNextJS;
-  const loadingRef = useRef(undefined);
-  if (isLoading !== loadingRef.current && !isNextJS) {
-    loadingRef.current = isLoading;
-    setLoading(isLoading);
-  }
-  if (alwaysShowChildren) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: children
-    });
-  }
-  if (isLoading && !isNextJS) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(HideChildrenIfFronteggRoutes, {
-    basename: app == null ? void 0 : app.options.basename,
-    children: children
-  });
-};
-export const FronteggStoreProvider = props => {
-  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6;
-  const {
-    children,
-    app,
-    contextOptions,
-    setLoading = defaultSetLoading,
-    alwaysVisibleChildren
-  } = props;
-
-  // TODO: make this optionals more readable
-  const context = (_app$options$contextO = app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.contextOptions) != null ? _app$options$contextO : contextOptions;
-  if (!context) {
-    throw Error('contextOptions must not be null or undefined');
-  }
-  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.previewMode) != null ? _app$options$previewM : false;
-  const authOptions = app != null && (_app$options5 = app.options) != null && _app$options5.authOptions ? _extends({}, app.options.authOptions, {
-    hostedLoginBox: app.options.hostedLoginBox
-  }) : {
-    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
-  };
-  ContextHolder.setContext(context);
-  const store = useMemo(() => {
-    var _app$name, _app$options7;
-    return createFronteggStore({
-      context,
-      appName: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default'
-    }, app, previewMode, authOptions, undefined, false, app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy);
-  }, [app, previewMode]);
-  return /*#__PURE__*/_jsxs(Provider, {
-    context: FronteggStoreContext,
-    store: store,
-    children: [alwaysVisibleChildren, /*#__PURE__*/_jsx(FronteggContent, {
-      setLoading: setLoading,
-      app: app,
-      children: children
-    })]
-  });
-};
+export * from './FronteggProvider';

package/FronteggStoreContext/FronteggStoreContext.d.ts

@@ -0,0 +1,9 @@
+import React, { FC, ReactNode } from 'react';
+import type { FronteggStore } from '@frontegg/redux-store';
+export declare const FronteggStoreContext: React.Context<FronteggStore>;
+export declare const useStore: () => FronteggStore;
+export declare const Provider: FC<{
+    children?: ReactNode;
+    store: FronteggStore;
+}>;
+export default FronteggStoreContext;

package/FronteggStoreContext/FronteggStoreContext.js

@@ -0,0 +1,16 @@
+import React, { createContext, memo, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const FronteggStoreContext = /*#__PURE__*/createContext(null);
+
+// @ts-ignore
+if (process.env.NODE_ENV !== 'production') {
+  FronteggStoreContext.displayName = 'FronteggStoreContext';
+}
+export const useStore = () => useContext(FronteggStoreContext);
+export const Provider = /*#__PURE__*/memo(props => {
+  return /*#__PURE__*/_jsx(FronteggStoreContext.Provider, {
+    value: props.store,
+    children: props.children
+  });
+}, () => true);
+export default FronteggStoreContext;

package/FronteggStoreContext/index.d.ts

@@ -1,13 +1 @@
-import React, { FC, ReactNode } from 'react';
-import { ReactReduxContextValue, ProviderProps } from 'react-redux';
-import type { Action, AnyAction } from '@frontegg/redux-store';
-export declare const FronteggStoreContext: React.Context<ReactReduxContextValue<any, AnyAction>>;
-export declare const useSelector: <Selected extends unknown>(selector: (state: any) => Selected, equalityFn?: ((previous: Selected, next: Selected) => boolean) | undefined) => Selected;
-export declare const useDispatch: () => import("redux").Dispatch<AnyAction>;
-export declare const useStore: () => import("redux").Store<any, AnyAction>;
-export { shallowEqual, Provider as ReactReduxProvider } from 'react-redux';
-declare type ProviderWithChildren<A extends Action = AnyAction> = FC<ProviderProps<A> & {
-    children?: ReactNode | undefined;
-}>;
-export declare const Provider: ProviderWithChildren;
-export default FronteggStoreContext;
+export * from './FronteggStoreContext';

package/FronteggStoreContext/index.js

@@ -1,14 +1 @@
-import React from 'react';
-import { createSelectorHook, createDispatchHook, createStoreHook, Provider as ReactReduxProvider } from 'react-redux';
-export const FronteggStoreContext = /*#__PURE__*/React.createContext(null);
-
-// @ts-ignore
-if (process.env.NODE_ENV !== 'production') {
-  FronteggStoreContext.displayName = 'FronteggStoreContext';
-}
-export const useSelector = createSelectorHook(FronteggStoreContext);
-export const useDispatch = createDispatchHook(FronteggStoreContext);
-export const useStore = createStoreHook(FronteggStoreContext);
-export { shallowEqual, Provider as ReactReduxProvider } from 'react-redux';
-export const Provider = ReactReduxProvider;
-export default FronteggStoreContext;
+export * from './FronteggStoreContext';

package/audits/auditLogs.d.ts

@@ -1,5 +1,3 @@
-import { AuditLogsActions, AuditLogsState } from '@frontegg/redux-store';
-export declare type AuditLogsStateMapper<S> = (state: AuditLogsState) => S;
+import { AuditLogsState, AuditsActions } from '@frontegg/redux-store';
 export declare function useAuditLogsState(): AuditLogsState;
-export declare function useAuditLogsState<S>(stateMapper: AuditLogsStateMapper<S>): S;
-export declare const useAuditLogsActions: () => AuditLogsActions;
+export declare const useAuditLogsActions: () => AuditsActions;

package/audits/auditLogs.js

@@ -1,7 +1,9 @@
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-import { auditLogsActions, auditLogsReducers } from '@frontegg/redux-store';
-const defaultMapper = state => state;
-export function useAuditLogsState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'auditLogsState');
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+export function useAuditLogsState() {
+  const state = useStore().store.auditLogs.auditLogsState;
+  return useSnapshot(state);
 }
-export const useAuditLogsActions = () => reducerActionsGenerator(auditLogsActions, auditLogsReducers);
+export const useAuditLogsActions = () => {
+  return useStore().stateActions.auditLogs;
+};

package/audits/auditsMetadata.d.ts

@@ -1,5 +1,3 @@
-import { AuditsMetadataActions, AuditsMetadataState } from '@frontegg/redux-store';
-export declare type AuditsMetadataStateMapper<S> = (state: AuditsMetadataState) => S;
+import { AuditsActions, AuditsMetadataState } from '@frontegg/redux-store';
 export declare function useAuditsMetadataState(): AuditsMetadataState;
-export declare function useAuditsMetadataState<S>(stateMapper: AuditsMetadataStateMapper<S>): S;
-export declare const useAuditsMetadataActions: () => AuditsMetadataActions;
+export declare const useAuditsMetadataActions: () => AuditsActions;

package/audits/auditsMetadata.js

@@ -1,7 +1,9 @@
-import { auditsMetadataActions, auditsMetadataReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-const defaultMapper = state => state;
-export function useAuditsMetadataState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'auditsMetadataState');
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+export function useAuditsMetadataState() {
+  const state = useStore().store.auditLogs.auditsMetadataState;
+  return useSnapshot(state);
 }
-export const useAuditsMetadataActions = () => reducerActionsGenerator(auditsMetadataActions, auditsMetadataReducers);
+export const useAuditsMetadataActions = () => {
+  return useStore().stateActions.auditLogs;
+};

package/audits/hooks.d.ts

@@ -1,17 +1,9 @@
-import { CaseReducerActions, SliceCaseReducers } from '@frontegg/redux-store';
 import { AuditsActions, AuditsState } from '@frontegg/redux-store';
 export declare type AuditsMapper = {
     state: (state: AuditsState) => any;
     actions: (actions: AuditsActions) => any;
 };
-export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => S);
 export declare type AuditsStateMapper<S> = (state: AuditsState) => S;
 export declare function useAuditsState(): AuditsState;
 export declare function useAuditsState<S>(stateMapper: AuditsStateMapper<S>): S;
 export declare const useAuditsActions: () => AuditsActions;
-/**
- * hooks helpers
- */
-export declare const sliceReducerActionsBy: <T extends SliceCaseReducers<any>>(reducer: T) => CaseReducerActions<T>;
-export declare const stateHookGenerator: (stateMapper: any, subState: keyof AuditsState) => any;
-export declare const reducerActionsGenerator: (actions: any, reducers: SliceCaseReducers<any>) => any;

package/audits/hooks.js

@@ -1,38 +1,14 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { useMemo } from 'react';
-import { bindActionCreators } from '@frontegg/redux-store';
-import { shallowEqual } from 'react-redux';
-import { useSelector, useDispatch } from '../FronteggStoreContext';
-import { auditsActions, auditsStoreName } from '@frontegg/redux-store';
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
 };
 export function useAuditsState(stateMapper = defaultMapper.state) {
-  return useSelector(state => stateMapper(state[auditsStoreName]), shallowEqual);
+  const state = useStore().store.auditLogs;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return stateMapper(useSnapshot(state));
 }
 export const useAuditsActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(auditsActions, dispatch), [auditsActions]);
-};
-
-/**
- * hooks helpers
- */
-export const sliceReducerActionsBy = reducer => {
-  const reducerKeys = Object.keys(reducer);
-  const reducerActions = reducerKeys.map(key => ({
-    [key]: auditsActions[key]
-  }));
-  return reducerActions.reduce((p, n) => _extends({}, p, n), {});
-};
-export const stateHookGenerator = (stateMapper, subState) => {
-  return useSelector(state => {
-    var _stateMapper;
-    return (_stateMapper = stateMapper == null ? void 0 : stateMapper(state[auditsStoreName][subState])) != null ? _stateMapper : state[auditsStoreName][subState];
-  }, shallowEqual);
-};
-export const reducerActionsGenerator = (actions, reducers) => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(_extends({}, actions, sliceReducerActionsBy(reducers)), dispatch), [dispatch]);
+  return useStore().stateActions.auditLogs;
 };

package/auth/acceptInvitation.js

@@ -1,8 +1,13 @@
-import { acceptInvitationReducers, acceptInvitationActions } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+
+// TODO: remove useless stateMapper, valtio already does this
+
 const defaultMapper = state => state;
 export function useAcceptInvitationState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'acceptInvitationState');
+  const state = useStore().store.auth.acceptInvitationState;
+  return stateMapper(useSnapshot(state));
 }
-export const useAcceptInvitationActions = () => reducerActionsGenerator(acceptInvitationActions, acceptInvitationReducers);
+export const useAcceptInvitationActions = () => {
+  return useStore().stateActions.auth.acceptInvitationActions;
+};

package/auth/activateAccount.js

@@ -1,7 +1,13 @@
-import { activateAccountReducers, activateAccountActions } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+
+// TODO: remove useless stateMapper, valtio already does this
+
 const defaultMapper = state => state;
 export function useActivateAccountState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'activateState');
+  const state = useStore().store.auth.activateAccountState;
+  return stateMapper(useSnapshot(state));
 }
-export const useActivateAccountActions = () => reducerActionsGenerator(activateAccountActions, activateAccountReducers);
+export const useActivateAccountActions = () => {
+  return useStore().stateActions.auth.activateAccountActions;
+};

package/auth/{MSP/allAccounts.d.ts → allAccounts.d.ts}

@@ -1,9 +1,7 @@
-import { IAllAccountsState, AllAccountsActions, IAllAccountsDialogsState, AllAccountsDialogsActions } from '@frontegg/redux-store';
+import { IAllAccountsState, AllAccountsActions, IAllAccountsDialogsState, AllAccountsDialogActions } from '@frontegg/redux-store';
 export declare type AllAccountsStateMapper<S> = (state: IAllAccountsState) => S;
 export declare function useAllAccountsState(): IAllAccountsState;
 export declare function useAllAccountsState<S>(stateMapper: AllAccountsStateMapper<S>): S;
 export declare const useAllAccountsActions: () => AllAccountsActions;
-export declare type AllAccountsDialogsStateMapper<S> = (state: IAllAccountsDialogsState) => S;
 export declare function useAllAccountsDialogsState(): IAllAccountsDialogsState;
-export declare function useAllAccountsDialogsState<S>(stateMapper: AllAccountsDialogsStateMapper<S>): S;
-export declare const useAllAccountsDialogsActions: () => AllAccountsDialogsActions;
+export declare const useAllAccountsDialogsActions: () => AllAccountsDialogActions;

package/auth/allAccounts.js

@@ -0,0 +1,20 @@
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+
+// TODO: remove useless stateMapper, valtio already does this
+
+const defaultMapper = state => state;
+export function useAllAccountsState(stateMapper = defaultMapper) {
+  const state = useStore().store.auth.allAccountsState;
+  return stateMapper(useSnapshot(state));
+}
+export const useAllAccountsActions = () => {
+  return useStore().stateActions.auth.allAccountsActions;
+};
+export function useAllAccountsDialogsState() {
+  const state = useStore().store.auth.allAccountsDialogsState;
+  return useSnapshot(state);
+}
+export const useAllAccountsDialogsActions = () => {
+  return useStore().stateActions.auth.allAccountsDialogActions;
+};

package/auth/apiTokens.d.ts

@@ -1,5 +1,3 @@
 import { ApiTokensActions, ApiTokensState } from '@frontegg/redux-store';
-export declare type ApiTokensStateMapper<S> = (state: ApiTokensState) => S;
 export declare function useApiTokensState(): ApiTokensState;
-export declare function useApiTokensState<S>(stateMapper: ApiTokensStateMapper<S>): S;
 export declare const useApiTokensActions: () => ApiTokensActions;

package/auth/apiTokens.js

@@ -1,7 +1,9 @@
-import { apiTokensActions, apiTokensReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-const defaultMapper = state => state;
-export function useApiTokensState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'apiTokensState');
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+export function useApiTokensState() {
+  const state = useStore().store.auth.apiTokensState;
+  return useSnapshot(state);
 }
-export const useApiTokensActions = () => reducerActionsGenerator(apiTokensActions, apiTokensReducers);
+export const useApiTokensActions = () => {
+  return useStore().stateActions.auth.apiTokensActions;
+};

package/auth/customLogin.d.ts

@@ -1,10 +1,7 @@
-import { CustomLoginActions } from '@frontegg/redux-store';
-import { CustomLoginState } from '@frontegg/types';
-export declare type CustomLoginStateMapper<S> = (state: CustomLoginState) => S;
+import { CustomLoginState, CustomLoginActions } from '@frontegg/redux-store';
 export declare function useCustomLoginState(): CustomLoginState;
-export declare function useCustomLoginState<S>(stateMapper: CustomLoginStateMapper<S>): S;
 export declare const useCustomLoginActions: () => CustomLoginActions;
 export declare const useCustomLoginTheme: () => {
-    customLoginTheme: import("@frontegg/types").LoginBoxThemeOptions | undefined;
+    customLoginTheme: any;
     getCustomLoginThemeValue: (path?: string | undefined) => any;
 };

package/auth/customLogin.js

@@ -1,18 +1,17 @@
-import { customLoginActions, customLoginReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
-import getValue from 'get-value';
 import { useCallback } from 'react';
-const defaultMapper = state => state;
-export function useCustomLoginState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'customLoginState');
+import getValue from 'get-value';
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+export function useCustomLoginState() {
+  const state = useStore().store.auth.customLoginState;
+  return useSnapshot(state);
 }
-export const useCustomLoginActions = () => reducerActionsGenerator(customLoginActions, customLoginReducers);
-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;
+export const useCustomLoginActions = () => {
+  return useStore().stateActions.auth.customLoginActions;
 };
 export const useCustomLoginTheme = () => {
-  const customLoginTheme = useCustomLoginState(themeMapper);
+  var _useCustomLoginState$, _useCustomLoginState$2, _useCustomLoginState$3;
+  const customLoginTheme = (_useCustomLoginState$ = useCustomLoginState().tenantMetadata) == null ? void 0 : (_useCustomLoginState$2 = _useCustomLoginState$.configuration) == null ? void 0 : (_useCustomLoginState$3 = _useCustomLoginState$2.themeV2) == null ? void 0 : _useCustomLoginState$3.loginBox;
   const getCustomLoginThemeValue = useCallback(path => {
     return path && customLoginTheme ? getValue(customLoginTheme, path) : customLoginTheme;
   }, [customLoginTheme]);