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

package/auth/team.js

@@ -1,7 +1,25 @@
-import { teamActions, teamReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+import { useSnapshot } from '../useSnapshot';
+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 '../useSnapshot';
+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.d.ts

@@ -9,6 +9,7 @@ interface ShadowDomContextData extends FronteggAppOptions {
     rootEl: HTMLElement;
     staticRoute?: string;
     setStaticRouteSetter?: (action: Dispatch<SetStateAction<string | undefined>>) => void;
+    isMultiApp?: boolean;
 }
 export interface DomContext extends ShadowDomContextData {
     isShadowDom: boolean;

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 '../useSnapshot';
 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 '../useSnapshot';
+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 v7.0.0-alpha.1
+/** @license Frontegg v7.0.0-alpha.3
  *
  * 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';

package/node/FronteggProvider/FronteggProvider.js

@@ -0,0 +1,148 @@
+"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 _FronteggStoreContext = require("../FronteggStoreContext");
+var _auth = require("../auth");
+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);
+    }
+    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;
+    setTimeout(() => {
+      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$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 ? (0, _extends2.default)({}, app.options.authOptions, {
+    hostedLoginBox: app.options.hostedLoginBox
+  }) : {
+    hostedLoginBox: app == null ? void 0 : (_app$options8 = app.options) == null ? void 0 : _app$options8.hostedLoginBox
+  };
+  _restApi.ContextHolder.setContext(context);
+  const store = (0, _react.useMemo)(() => {
+    var _app$name, _app$options9;
+    return (0, _reduxStore.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__*/(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,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStore = exports.default = exports.Provider = exports.FronteggStoreContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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 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 _useSnapshot = require("../useSnapshot");
+function useAuditLogsState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auditLogs.auditLogsState;
+  return (0, _useSnapshot.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 _useSnapshot = require("../useSnapshot");
+function useAuditsMetadataState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auditLogs.auditsMetadataState;
+  return (0, _useSnapshot.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 _useSnapshot = require("../useSnapshot");
 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, _useSnapshot.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;