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

package/node/auth/security/securityCenter.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSecurityCenterActions = void 0;
 exports.useSecurityCenterState = useSecurityCenterState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("../hooks");
-const defaultMapper = state => state;
-function useSecurityCenterState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'securityCenterState');
+var _FronteggStoreContext = require("../../FronteggStoreContext");
+var _useSnapshot = require("../../useSnapshot");
+function useSecurityCenterState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.securityCenterState;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
-const useSecurityCenterActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.securityCenterActions, _reduxStore.securityCenterReducers);
+const useSecurityCenterActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.securityCenterActions;
+};
 exports.useSecurityCenterActions = useSecurityCenterActions;

package/node/auth/security/securityPolicy.js

@@ -5,56 +5,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSecurityPolicyActions = exports.usePublicPolicySettings = exports.usePublicAuthStrategiesPolicySettings = void 0;
 exports.useSecurityPolicyState = useSecurityPolicyState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("../hooks");
 var _react = require("react");
+var _FronteggStoreContext = require("../../FronteggStoreContext");
+var _useSnapshot = require("../../useSnapshot");
 const defaultMapper = state => state;
+// @deprecated use useSecurityPolicyState() instead
 function useSecurityPolicyState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'securityPolicyState');
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.securityPolicyState;
+  return stateMapper((0, _useSnapshot.useSnapshot)(state));
 }
-const useSecurityPolicyActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.securityPolicyActions, _reduxStore.securityPolicyReducers);
+const useSecurityPolicyActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.securityPolicyActions;
+};
 exports.useSecurityPolicyActions = useSecurityPolicyActions;
 const usePublicPolicySettings = (loadOnMount = false) => {
   const {
-    loading,
-    policy,
-    saving,
-    error
-  } = useSecurityPolicyState(state => state.publicPolicy);
+    publicPolicy
+  } = useSecurityPolicyState();
   const {
     loadPublicSecurityPolicy
   } = useSecurityPolicyActions();
   (0, _react.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;
 };
 exports.usePublicPolicySettings = usePublicPolicySettings;
 const usePublicAuthStrategiesPolicySettings = (loadOnMount = false) => {
   const {
-    loading,
-    policy,
-    saving,
-    error
-  } = useSecurityPolicyState(state => state.publicAuthStrategyPolicy);
+    publicAuthStrategyPolicy
+  } = useSecurityPolicyState();
   const {
     loadPublicAuthStrategiesPolicy
   } = useSecurityPolicyActions();
   (0, _react.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;
 };
 exports.usePublicAuthStrategiesPolicySettings = usePublicAuthStrategiesPolicySettings;

package/node/auth/security/sessionsPolicy.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSessionsPolicyActions = void 0;
 exports.useSessionsPolicyState = useSessionsPolicyState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("../hooks");
-const defaultMapper = state => state;
-function useSessionsPolicyState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'sessionsPolicyState');
+var _FronteggStoreContext = require("../../FronteggStoreContext");
+var _useSnapshot = require("../../useSnapshot");
+function useSessionsPolicyState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.sessionsPolicyState;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
-const useSessionsPolicyActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.sessionsPolicyActions, _reduxStore.sessionsPolicyReducers);
+const useSessionsPolicyActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.sessionsPolicyActions;
+};
 exports.useSessionsPolicyActions = useSessionsPolicyActions;

package/node/auth/sessions.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSessionsActions = void 0;
 exports.useSessionsState = useSessionsState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useSessionsState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'sessionsState');
+var _useSnapshot = require("../useSnapshot");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+function useSessionsState() {
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.sessionsState);
 }
-const useSessionsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.sessionsActions, _reduxStore.sessionsReducers);
+const useSessionsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.sessionsActions;
+};
 exports.useSessionsActions = useSessionsActions;

package/node/auth/signup.js

@@ -5,11 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSignUpActions = void 0;
 exports.useSignUpState = useSignUpState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
+var _useSnapshot = require("../useSnapshot");
+var _FronteggStoreContext = require("../FronteggStoreContext");
 const defaultMapper = state => state;
+// @deprecated use useSignUpState() instead
 function useSignUpState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'signUpState');
+  const {
+    signUpState
+  } = (0, _FronteggStoreContext.useStore)().store.auth;
+  return stateMapper((0, _useSnapshot.useSnapshot)(signUpState));
 }
-const useSignUpActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.signUpActions, _reduxStore.signUpReducers);
+const useSignUpActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.signUpActions;
+};
 exports.useSignUpActions = useSignUpActions;

package/node/auth/sms.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSmsActions = void 0;
+exports.useSmsState = useSmsState;
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+function useSmsState() {
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.smsState);
+}
+const useSmsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.smsActions;
+};
+exports.useSmsActions = useSmsActions;

package/node/auth/socialLogin.js

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSocialLoginActions = void 0;
 exports.useSocialLoginState = useSocialLoginState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
 const defaultMapper = state => state;
+// @deprecated use useSocialLoginState() instead
 function useSocialLoginState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'socialLoginState');
+  return stateMapper((0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.socialLoginState));
 }
-const useSocialLoginActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.socialLoginsActions, _reduxStore.socialLoginsReducer);
+const useSocialLoginActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.socialLoginActions;
+};
 exports.useSocialLoginActions = useSocialLoginActions;

package/node/auth/sso.js

@@ -5,11 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useSSOActions = void 0;
 exports.useSSOState = useSSOState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
+var _useSnapshot = require("../useSnapshot");
+var _FronteggStoreContext = require("../FronteggStoreContext");
 const defaultMapper = state => state;
+// @deprecated use useSSOState() instead
 function useSSOState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'ssoState');
+  return stateMapper((0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.ssoState));
 }
-const useSSOActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.ssoActions, _reduxStore.ssoReducers);
+const useSSOActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.ssoActions;
+};
 exports.useSSOActions = useSSOActions;

package/node/auth/stepUp.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStepUpActions = exports.useStepUp = exports.useIsSteppedUp = exports.getMaxAgeFromQueryParam = void 0;
+exports.useStepUpState = useStepUpState;
+var _reduxStore = require("@frontegg/redux-store");
+var _useSnapshot = require("../useSnapshot");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _hooks = require("./hooks");
+var _react = require("react");
+function useStepUpState() {
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.stepUpState);
+}
+const useStepUpActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.stepUpActions;
+};
+
+/**
+ * @returns max age from the query param as a number or null if not exists
+ */
+exports.useStepUpActions = useStepUpActions;
+const getMaxAgeFromQueryParam = () => {
+  const str = (0, _reduxStore.getSearchParam)(_reduxStore.STEP_UP_MAX_AGE_PARAM_NAME);
+  return str === undefined ? undefined : +str;
+};
+
+/**
+ * @returns step up function that redirects to the step up url with the max age param and set the redirect url in the local storage
+ */
+exports.getMaxAgeFromQueryParam = getMaxAgeFromQueryParam;
+const useStepUp = () => {
+  const {
+    stepUpUrl
+  } = (0, _hooks.useAuthRoutes)();
+  const {
+    hostedLoginBox
+  } = (0, _hooks.useAuth)();
+  const {
+    stepUpHostedLogin
+  } = useStepUpActions();
+  const onRedirectTo = (0, _hooks.useOnRedirectTo)();
+  return (0, _react.useCallback)(options => {
+    if (hostedLoginBox) {
+      stepUpHostedLogin(options || {});
+      return;
+    }
+    (0, _reduxStore.redirectByStepUpUrl)(stepUpUrl, onRedirectTo, options == null ? void 0 : options.maxAge);
+  }, [stepUpUrl, onRedirectTo, stepUpHostedLogin, hostedLoginBox]);
+};
+
+/**
+ * @param options.maxAge - max age of step up
+ * @returns true when the user is stepped up, false otherwise
+ */
+exports.useStepUp = useStepUp;
+const useIsSteppedUp = (options = {}) => {
+  const user = (0, _hooks.useAuthUserOrNull)();
+  return (0, _reduxStore.isSteppedUp)(user, options);
+};
+exports.useIsSteppedUp = useIsSteppedUp;

package/node/auth/team.js

@@ -5,11 +5,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useAuthTeamActions = void 0;
 exports.useAuthTeamState = useAuthTeamState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
+exports.useTeamActions = void 0;
+exports.useTeamState = useTeamState;
+var _useSnapshot = require("../useSnapshot");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+function useTeamState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.teamState;
+  return (0, _useSnapshot.useSnapshot)(state);
+}
+const useTeamActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.teamActions;
+};
+exports.useTeamActions = useTeamActions;
 const defaultMapper = state => state;
+/**
+ * @deprecated use useTeamState instead
+ */
+
+// @deprecated use useTeamState() instead
 function useAuthTeamState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'teamState');
+  return stateMapper(useTeamState());
 }
-const useAuthTeamActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.teamActions, _reduxStore.teamReducers);
+
+/**
+ * @deprecated use useTeamActions instead
+ */
+const useAuthTeamActions = () => {
+  return useTeamActions();
+};
 exports.useAuthTeamActions = useAuthTeamActions;

package/node/auth/tenants.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTenantsActions = void 0;
 exports.useTenantsState = useTenantsState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("./hooks");
-const defaultMapper = state => state;
-function useTenantsState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'tenantsState');
+var _FronteggStoreContext = require("../FronteggStoreContext");
+var _useSnapshot = require("../useSnapshot");
+function useTenantsState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.auth.tenantsState;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
-const useTenantsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.tenantsActions, _reduxStore.tenantsReducers);
+const useTenantsActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.auth.tenantsActions;
+};
 exports.useTenantsActions = useTenantsActions;

package/node/common/CustomComponentHolder.js

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

package/node/common/index.js

@@ -14,7 +14,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = require("react");
 var _FronteggStoreContext = require("../FronteggStoreContext");
-var _reactRedux = require("react-redux");
+var _useSnapshot = require("../useSnapshot");
 var _CustomComponentHolder = require("./CustomComponentHolder");
 Object.keys(_CustomComponentHolder).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -55,6 +55,6 @@ const useShadowDom = () => {
 };
 exports.useShadowDom = useShadowDom;
 const useRootState = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => state.root, _reactRedux.shallowEqual);
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.root);
 };
 exports.useRootState = useRootState;

package/node/connectivity/hooks.js

@@ -5,16 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useConnectivityActions = void 0;
 exports.useConnectivityState = useConnectivityState;
-var _react = require("react");
-var _reactRedux = require("react-redux");
 var _FronteggStoreContext = require("../FronteggStoreContext");
-var _reduxStore = require("@frontegg/redux-store");
-const defaultMapper = state => state;
-function useConnectivityState(stateMapper = defaultMapper) {
-  return (0, _FronteggStoreContext.useSelector)(state => stateMapper(state[_reduxStore.connectivityStoreName]), _reactRedux.shallowEqual);
+var _useSnapshot = require("../useSnapshot");
+function useConnectivityState() {
+  const state = (0, _FronteggStoreContext.useStore)().store.connectivity;
+  return (0, _useSnapshot.useSnapshot)(state);
 }
 const useConnectivityActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.connectivityActions, dispatch), [_reduxStore.connectivityActions]);
+  return (0, _FronteggStoreContext.useStore)().stateActions.connectivity;
 };
 exports.useConnectivityActions = useConnectivityActions;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.0.0-alpha.0
+/** @license Frontegg v7.0.0-alpha.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,14 +8,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _common = require("./common");
-Object.keys(_common).forEach(function (key) {
+var _auth = require("./auth");
+Object.keys(_auth).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _common[key]) return;
+  if (key in exports && exports[key] === _auth[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _common[key];
+      return _auth[key];
     }
   });
 });
@@ -30,17 +30,6 @@ Object.keys(_audits).forEach(function (key) {
     }
   });
 });
-var _auth = require("./auth");
-Object.keys(_auth).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _auth[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _auth[key];
-    }
-  });
-});
 var _connectivity = require("./connectivity");
 Object.keys(_connectivity).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -74,6 +63,17 @@ Object.keys(_vendor).forEach(function (key) {
     }
   });
 });
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _common[key];
+    }
+  });
+});
 var _flags = require("./flags");
 Object.keys(_flags).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/subscriptions/hooks.js

@@ -1,103 +1,136 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useVendorPublicConfigActions = exports.useVendorPublicConfig = exports.useSubscriptionRenewal = exports.useSubscriptionCancellation = exports.useSubscriptionActions = exports.useSubscription = exports.useStripeState = exports.useStripeActions = exports.usePlansActions = exports.usePlans = exports.usePaymentProviderActions = exports.usePaymentProvider = exports.usePaymentMethodActions = exports.usePaymentMethod = exports.useInvoicesActions = exports.useInvoices = exports.useCheckoutActions = exports.useCheckout = exports.useBillingInformationActions = exports.useBillingInformation = void 0;
-var _reduxStore = require("@frontegg/redux-store");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _FronteggStoreContext = require("../FronteggStoreContext");
-var _reactRedux = require("react-redux");
-var _react = require("react");
-function getSubscriptionState(state) {
-  return state[_reduxStore.subscriptionsStoreName];
+var _useSnapshot = require("../useSnapshot");
+function getSubscriptionsState() {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return (0, _FronteggStoreContext.useStore)().store.subscriptions;
 }
 const usePaymentProvider = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).config, _reactRedux.shallowEqual);
+  const {
+    config
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(config);
 };
 exports.usePaymentProvider = usePaymentProvider;
 const usePaymentProviderActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.config, dispatch), [dispatch]);
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.config;
 };
 exports.usePaymentProviderActions = usePaymentProviderActions;
 const usePlans = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).plans, _reactRedux.shallowEqual);
+  const {
+    plans
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(plans);
 };
 exports.usePlans = usePlans;
 const usePlansActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.plans, dispatch), [dispatch]);
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.plans;
 };
 exports.usePlansActions = usePlansActions;
 const useCheckout = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).checkout, _reactRedux.shallowEqual);
+  const {
+    checkout
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(checkout);
 };
 exports.useCheckout = useCheckout;
 const useCheckoutActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.checkout, dispatch), [dispatch]);
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.checkout;
 };
 exports.useCheckoutActions = useCheckoutActions;
 const useBillingActions = billingKey => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.billing[billingKey], dispatch), [billingKey, dispatch]);
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.billing[billingKey];
+};
+const useBillingInformation = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(billing.information);
 };
-const useBillingInformation = () => (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.information, _reactRedux.shallowEqual);
 exports.useBillingInformation = useBillingInformation;
-const useBillingInformationActions = () => useBillingActions('information');
+const useBillingInformationActions = () => {
+  return useBillingActions('information');
+};
 exports.useBillingInformationActions = useBillingInformationActions;
-const usePaymentMethod = () => (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.paymentMethod, _reactRedux.shallowEqual);
+const usePaymentMethod = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(billing.paymentMethod);
+};
 exports.usePaymentMethod = usePaymentMethod;
-const usePaymentMethodActions = () => useBillingActions('paymentMethod');
+const usePaymentMethodActions = () => {
+  return useBillingActions('paymentMethod');
+};
 exports.usePaymentMethodActions = usePaymentMethodActions;
-const useInvoices = () => (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.invoices, _reactRedux.shallowEqual);
-exports.useInvoices = useInvoices;
-const useInvoicesActions = () => useBillingActions('invoices');
-exports.useInvoicesActions = useInvoicesActions;
-const useStripeState = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).stripe, _reactRedux.shallowEqual);
+const useInvoices = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(billing.invoices);
 };
-exports.useStripeState = useStripeState;
-const useStripeActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.stripe, dispatch), [dispatch]);
+exports.useInvoices = useInvoices;
+const useInvoicesActions = () => {
+  return useBillingActions('invoices');
 };
-exports.useStripeActions = useStripeActions;
+exports.useInvoicesActions = useInvoicesActions;
 const useSubscriptionCancellation = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.subscription.cancellation, _reactRedux.shallowEqual);
+  const {
+    billing
+  } = getSubscriptionsState();
+  const {
+    cancellation
+  } = (0, _useSnapshot.useSnapshot)(billing.subscription);
+  return cancellation;
 };
 exports.useSubscriptionCancellation = useSubscriptionCancellation;
 const useSubscriptionRenewal = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.subscription.renewal, _reactRedux.shallowEqual);
+  const {
+    billing
+  } = getSubscriptionsState();
+  const {
+    renewal
+  } = (0, _useSnapshot.useSnapshot)(billing.subscription);
+  return renewal;
 };
 exports.useSubscriptionRenewal = useSubscriptionRenewal;
 const useSubscription = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => {
-    const {
-      billing: {
-        subscription
-      }
-    } = getSubscriptionState(state);
-    return subscription;
-  }, _reactRedux.shallowEqual);
+  const {
+    billing
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(billing.subscription);
 };
 exports.useSubscription = useSubscription;
 const useSubscriptionActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.billing.subscription, dispatch), [dispatch]);
+  const actions = (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.billing.subscription;
+  return (0, _extends2.default)({}, actions, {
+    load: actions.loadSubscription
+  });
 };
 exports.useSubscriptionActions = useSubscriptionActions;
+const useStripeState = () => {
+  const {
+    stripe
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(stripe);
+};
+exports.useStripeState = useStripeState;
+const useStripeActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.stripe;
+};
+exports.useStripeActions = useStripeActions;
 const useVendorPublicConfig = () => {
-  return (0, _FronteggStoreContext.useSelector)(state => {
-    const {
-      vendorPublicConfig
-    } = getSubscriptionState(state);
-    return vendorPublicConfig;
-  }, _reactRedux.shallowEqual);
+  return (0, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.subscriptions.vendorPublicConfig);
 };
 exports.useVendorPublicConfig = useVendorPublicConfig;
 const useVendorPublicConfigActions = () => {
-  const dispatch = (0, _FronteggStoreContext.useDispatch)();
-  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.vendorPublicConfig, dispatch), [dispatch]);
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.vendorPublicConfig;
 };
 exports.useVendorPublicConfigActions = useVendorPublicConfigActions;