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

package/node/FronteggProvider/FronteggProvider.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FronteggStoreProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = require("react");
+var _reduxStore = require("@frontegg/redux-store");
+var _restApi = require("@frontegg/rest-api");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _auth = require("../auth");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
+const defaultSetLoading = loading => {
+  if (loading) {
+    document.body.classList.add('frontegg-loading');
+  } else {
+    document.body.classList.remove('frontegg-loading');
+  }
+};
+const HideChildrenIfFronteggRoutes = ({
+  children,
+  basename
+}) => {
+  const routes = (0, _auth.useAuthRoutes)();
+  const uriRef = (0, _react.useRef)(window.location.pathname);
+  const animationFrameRef = (0, _react.useRef)(0);
+  const [uri, setUri] = (0, _react.useState)(window.location.pathname);
+  const checker = (0, _react.useCallback)(() => {
+    if (uriRef.current !== window.location.pathname) {
+      uriRef.current = window.location.pathname;
+      setUri(document.location.pathname);
+    }
+    animationFrameRef.current = window.requestAnimationFrame(checker);
+  }, []);
+  (0, _react.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 = (0, _objectWithoutPropertiesLoose2.default)(routes, _excluded);
+  if (Object.values(checkRoutes).map(url => `${calculatedBasename}${url}`).indexOf(uri) !== -1) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+};
+const FronteggContent = ({
+  children,
+  app,
+  setLoading
+}) => {
+  var _app$options, _app$options2;
+  const {
+    isLoading
+  } = (0, _auth.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 = (0, _react.useRef)(undefined);
+  if (isLoading !== loadingRef.current && !isNextJS) {
+    loadingRef.current = isLoading;
+    setLoading(isLoading);
+  }
+  if (alwaysShowChildren) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  if (isLoading && !isNextJS) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HideChildrenIfFronteggRoutes, {
+    basename: app == null ? void 0 : app.options.basename,
+    children: children
+  });
+};
+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 ? (0, _extends2.default)({}, app.options.authOptions, {
+    hostedLoginBox: app.options.hostedLoginBox
+  }) : {
+    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
+  };
+  _restApi.ContextHolder.setContext(context);
+  const store = (0, _react.useMemo)(() => {
+    var _app$name, _app$options7;
+    return (0, _reduxStore.createStore)({
+      name: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default',
+      context,
+      previewMode,
+      initialState: {
+        auth: authOptions
+      },
+      urlStrategy: app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy,
+      storeHolder: app
+    });
+  }, [app, previewMode]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FronteggStoreContext.Provider, {
+    store: store,
+    children: [alwaysVisibleChildren, /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggContent, {
+      setLoading: setLoading,
+      app: app,
+      children: children
+    })]
+  });
+};
+exports.FronteggStoreProvider = FronteggStoreProvider;

package/node/FronteggProvider/index.js

@@ -1,141 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FronteggStoreProvider = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _interopRequireWildcard(require("react"));
-var _reduxStore = require("@frontegg/redux-store");
-var _restApi = require("@frontegg/rest-api");
-var _auth = require("../auth");
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const defaultSetLoading = loading => {
-  if (loading) {
-    document.body.classList.add('frontegg-loading');
-  } else {
-    document.body.classList.remove('frontegg-loading');
-  }
-};
-const HideChildrenIfFronteggRoutes = ({
-  children,
-  basename
-}) => {
-  const routes = (0, _auth.useAuthRoutes)();
-  const uriRef = (0, _react.useRef)(window.location.pathname);
-  const animationFrameRef = (0, _react.useRef)(0);
-  const [uri, setUri] = (0, _react.useState)(window.location.pathname);
-  const checker = (0, _react.useCallback)(() => {
-    if (uriRef.current !== window.location.pathname) {
-      uriRef.current = window.location.pathname;
-      setUri(document.location.pathname);
+var _FronteggProvider = require("./FronteggProvider");
+Object.keys(_FronteggProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FronteggProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FronteggProvider[key];
     }
-    animationFrameRef.current = window.requestAnimationFrame(checker);
-  }, []);
-  (0, _react.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 = (0, _objectWithoutPropertiesLoose2.default)(routes, _excluded);
-  if (Object.values(checkRoutes).map(url => `${calculatedBasename}${url}`).indexOf(uri) !== -1) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
   });
-};
-const FronteggContent = ({
-  children,
-  app,
-  setLoading
-}) => {
-  var _app$options, _app$options2;
-  const {
-    isLoading
-  } = (0, _auth.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 = (0, _react.useRef)(undefined);
-  if (isLoading !== loadingRef.current && !isNextJS) {
-    loadingRef.current = isLoading;
-    setLoading(isLoading);
-  }
-  if (alwaysShowChildren) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: children
-    });
-  }
-  if (isLoading && !isNextJS) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HideChildrenIfFronteggRoutes, {
-    basename: app == null ? void 0 : app.options.basename,
-    children: children
-  });
-};
-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 ? (0, _extends2.default)({}, app.options.authOptions, {
-    hostedLoginBox: app.options.hostedLoginBox
-  }) : {
-    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
-  };
-  _restApi.ContextHolder.setContext(context);
-  const store = (0, _react.useMemo)(() => {
-    var _app$name, _app$options7;
-    return (0, _reduxStore.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__*/(0, _jsxRuntime.jsxs)(_FronteggStoreContext.Provider, {
-    context: _FronteggStoreContext.FronteggStoreContext,
-    store: store,
-    children: [alwaysVisibleChildren, /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggContent, {
-      setLoading: setLoading,
-      app: app,
-      children: children
-    })]
-  });
-};
-exports.FronteggStoreProvider = FronteggStoreProvider;
+});

package/node/FronteggStoreContext/FronteggStoreContext.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStore = exports.default = exports.Provider = exports.FronteggStoreContext = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+const FronteggStoreContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+// @ts-ignore
+exports.FronteggStoreContext = FronteggStoreContext;
+if (process.env.NODE_ENV !== 'production') {
+  FronteggStoreContext.displayName = 'FronteggStoreContext';
+}
+const useStore = () => (0, _react.useContext)(FronteggStoreContext);
+exports.useStore = useStore;
+const Provider = /*#__PURE__*/(0, _react.memo)(props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggStoreContext.Provider, {
+    value: props.store,
+    children: props.children
+  });
+}, () => true);
+exports.Provider = Provider;
+var _default = FronteggStoreContext;
+exports.default = _default;

package/node/FronteggStoreContext/index.js

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

package/node/audits/auditLogs.js

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

package/node/audits/auditsMetadata.js

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

package/node/audits/hooks.js

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

package/node/auth/acceptInvitation.js

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

package/node/auth/activateAccount.js

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

package/node/auth/allAccounts.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAllAccountsDialogsActions = exports.useAllAccountsActions = void 0;
+exports.useAllAccountsDialogsState = useAllAccountsDialogsState;
+exports.useAllAccountsState = useAllAccountsState;
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _react = require("valtio/react");
+const defaultMapper = state => state;
+function useAllAccountsState(stateMapper = defaultMapper) {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.allAccountsState;
+  return stateMapper((0, _react.useSnapshot)(state));
+}
+const useAllAccountsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.allAccountsActions;
+};
+exports.useAllAccountsActions = useAllAccountsActions;
+function useAllAccountsDialogsState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.allAccountsDialogsState;
+  return (0, _react.useSnapshot)(state);
+}
+const useAllAccountsDialogsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.allAccountsDialogActions;
+};
+exports.useAllAccountsDialogsActions = useAllAccountsDialogsActions;

package/node/auth/apiTokens.js

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

package/node/auth/customLogin.js

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