@frontegg/react-hooks 6.178.0-alpha.2 → 6.178.0

package/node/auth/security/securityPolicy.js

@@ -5,42 +5,56 @@ 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 _react2 = require("valtio/react");
 const defaultMapper = state => state;
-// @deprecated use useSecurityPolicyState() instead
 function useSecurityPolicyState(stateMapper = defaultMapper) {
-  const state = (0, _FronteggStoreContext.useStore)().store.auth.securityPolicyState;
-  return stateMapper((0, _react2.useSnapshot)(state));
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'securityPolicyState');
 }
-const useSecurityPolicyActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auth.securityPolicyActions;
-};
+const useSecurityPolicyActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.securityPolicyActions, _reduxStore.securityPolicyReducers);
 exports.useSecurityPolicyActions = useSecurityPolicyActions;
 const usePublicPolicySettings = (loadOnMount = false) => {
   const {
-    publicPolicy
-  } = useSecurityPolicyState();
+    loading,
+    policy,
+    saving,
+    error
+  } = useSecurityPolicyState(state => state.publicPolicy);
   const {
     loadPublicSecurityPolicy
   } = useSecurityPolicyActions();
   (0, _react.useEffect)(() => {
-    (loadOnMount || !publicPolicy.policy) && loadPublicSecurityPolicy();
+    (loadOnMount || !policy) && loadPublicSecurityPolicy();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOnMount, loadPublicSecurityPolicy]);
-  return publicPolicy;
+  return {
+    loading,
+    saving,
+    error,
+    policy
+  };
 };
 exports.usePublicPolicySettings = usePublicPolicySettings;
 const usePublicAuthStrategiesPolicySettings = (loadOnMount = false) => {
   const {
-    publicAuthStrategyPolicy
-  } = useSecurityPolicyState();
+    loading,
+    policy,
+    saving,
+    error
+  } = useSecurityPolicyState(state => state.publicAuthStrategyPolicy);
   const {
     loadPublicAuthStrategiesPolicy
   } = useSecurityPolicyActions();
   (0, _react.useEffect)(() => {
-    (loadOnMount || !publicAuthStrategyPolicy.policy) && loadPublicAuthStrategiesPolicy();
+    (loadOnMount || !policy) && loadPublicAuthStrategiesPolicy();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [loadOnMount, loadPublicAuthStrategiesPolicy]);
-  return publicAuthStrategyPolicy;
+  return {
+    loading,
+    saving,
+    error,
+    policy
+  };
 };
 exports.usePublicAuthStrategiesPolicySettings = usePublicAuthStrategiesPolicySettings;

package/node/auth/security/sessionsPolicy.js

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

package/node/auth/sessions.js

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

package/node/auth/signup.js

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

package/node/auth/sms.js

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

package/node/auth/socialLogin.js

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

package/node/auth/sso.js

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

package/node/auth/stepUp/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _stepUp = require("./stepUp");
+Object.keys(_stepUp).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stepUp[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stepUp[key];
+    }
+  });
+});
+var _interfaces = require("./interfaces");
+Object.keys(_interfaces).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interfaces[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _interfaces[key];
+    }
+  });
+});

package/node/auth/stepUp/interfaces.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -6,16 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.useStepUpActions = exports.useStepUp = exports.useIsSteppedUp = exports.getMaxAgeFromQueryParam = void 0;
 exports.useStepUpState = useStepUpState;
 var _reduxStore = require("@frontegg/redux-store");
-var _react = require("valtio/react");
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _hooks = require("./hooks");
-var _react2 = require("react");
-function useStepUpState() {
-  return (0, _react.useSnapshot)((0, _FronteggStoreContext.useStore)().store.auth.stepUpState);
+var _hooks = require("../hooks");
+var _react = require("react");
+const defaultMapper = state => state;
+function useStepUpState(stateMapper = defaultMapper) {
+  return (0, _hooks.stateHookGenerator)(stateMapper, 'stepUpState');
 }
-const useStepUpActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.auth.stepUpActions;
-};
+const useStepUpActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.stepUpActions, _reduxStore.stepUpReducers);
 
 /**
  * @returns max age from the query param as a number or null if not exists
@@ -41,7 +38,7 @@ const useStepUp = () => {
     stepUpHostedLogin
   } = useStepUpActions();
   const onRedirectTo = (0, _hooks.useOnRedirectTo)();
-  return (0, _react2.useCallback)(options => {
+  return (0, _react.useCallback)(options => {
     if (hostedLoginBox) {
       stepUpHostedLogin(options || {});
       return;

package/node/auth/team.js

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

package/node/auth/tenants.js

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

package/node/common/CustomComponentHolder.js

@@ -88,9 +88,7 @@ const CustomComponentRegister = ({
             CustomComponentHolder.set(generatedKey, obj);
             return [generatedKey];
           }
-        } catch (e) {
-          /* empty */
-        }
+        } catch (e) {}
       }
       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 _react2 = require("valtio/react");
+var _reactRedux = require("react-redux");
 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, _react2.useSnapshot)((0, _FronteggStoreContext.useStore)().store.root);
+  return (0, _FronteggStoreContext.useSelector)(state => state.root, _reactRedux.shallowEqual);
 };
 exports.useRootState = useRootState;

package/node/connectivity/hooks.js

@@ -5,13 +5,16 @@ 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 _react = require("valtio/react");
-function useConnectivityState() {
-  const state = (0, _FronteggStoreContext.useStore)().store.connectivity;
-  return (0, _react.useSnapshot)(state);
+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);
 }
 const useConnectivityActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.connectivity;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.connectivityActions, dispatch), [_reduxStore.connectivityActions]);
 };
 exports.useConnectivityActions = useConnectivityActions;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.178.0-alpha.2
+/** @license Frontegg v6.178.0
  *
  * 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 _auth = require("./auth");
-Object.keys(_auth).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] === _auth[key]) return;
+  if (key in exports && exports[key] === _common[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _auth[key];
+      return _common[key];
     }
   });
 });
@@ -30,6 +30,17 @@ 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;
@@ -63,17 +74,6 @@ 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,136 +1,103 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _reduxStore = require("@frontegg/redux-store");
 var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react = require("valtio/react");
-function getSubscriptionsState() {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return (0, _FronteggStoreContext.useStore)().store.subscriptions;
+var _reactRedux = require("react-redux");
+var _react = require("react");
+function getSubscriptionState(state) {
+  return state[_reduxStore.subscriptionsStoreName];
 }
 const usePaymentProvider = () => {
-  const {
-    config
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(config);
+  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).config, _reactRedux.shallowEqual);
 };
 exports.usePaymentProvider = usePaymentProvider;
 const usePaymentProviderActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.config;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.config, dispatch), [dispatch]);
 };
 exports.usePaymentProviderActions = usePaymentProviderActions;
 const usePlans = () => {
-  const {
-    plans
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(plans);
+  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).plans, _reactRedux.shallowEqual);
 };
 exports.usePlans = usePlans;
 const usePlansActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.plans;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.plans, dispatch), [dispatch]);
 };
 exports.usePlansActions = usePlansActions;
 const useCheckout = () => {
-  const {
-    checkout
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(checkout);
+  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).checkout, _reactRedux.shallowEqual);
 };
 exports.useCheckout = useCheckout;
 const useCheckoutActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.checkout;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.checkout, dispatch), [dispatch]);
 };
 exports.useCheckoutActions = useCheckoutActions;
 const useBillingActions = billingKey => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.billing[billingKey];
-};
-const useBillingInformation = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(billing.information);
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.billing[billingKey], dispatch), [billingKey, dispatch]);
 };
+const useBillingInformation = () => (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.information, _reactRedux.shallowEqual);
 exports.useBillingInformation = useBillingInformation;
-const useBillingInformationActions = () => {
-  return useBillingActions('information');
-};
+const useBillingInformationActions = () => useBillingActions('information');
 exports.useBillingInformationActions = useBillingInformationActions;
-const usePaymentMethod = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(billing.paymentMethod);
-};
+const usePaymentMethod = () => (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.paymentMethod, _reactRedux.shallowEqual);
 exports.usePaymentMethod = usePaymentMethod;
-const usePaymentMethodActions = () => {
-  return useBillingActions('paymentMethod');
-};
+const usePaymentMethodActions = () => useBillingActions('paymentMethod');
 exports.usePaymentMethodActions = usePaymentMethodActions;
-const useInvoices = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(billing.invoices);
-};
+const useInvoices = () => (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.invoices, _reactRedux.shallowEqual);
 exports.useInvoices = useInvoices;
-const useInvoicesActions = () => {
-  return useBillingActions('invoices');
-};
+const useInvoicesActions = () => useBillingActions('invoices');
 exports.useInvoicesActions = useInvoicesActions;
+const useStripeState = () => {
+  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).stripe, _reactRedux.shallowEqual);
+};
+exports.useStripeState = useStripeState;
+const useStripeActions = () => {
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.stripe, dispatch), [dispatch]);
+};
+exports.useStripeActions = useStripeActions;
 const useSubscriptionCancellation = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    cancellation
-  } = (0, _react.useSnapshot)(billing.subscription);
-  return cancellation;
+  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.subscription.cancellation, _reactRedux.shallowEqual);
 };
 exports.useSubscriptionCancellation = useSubscriptionCancellation;
 const useSubscriptionRenewal = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    renewal
-  } = (0, _react.useSnapshot)(billing.subscription);
-  return renewal;
+  return (0, _FronteggStoreContext.useSelector)(state => getSubscriptionState(state).billing.subscription.renewal, _reactRedux.shallowEqual);
 };
 exports.useSubscriptionRenewal = useSubscriptionRenewal;
 const useSubscription = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(billing.subscription);
+  return (0, _FronteggStoreContext.useSelector)(state => {
+    const {
+      billing: {
+        subscription
+      }
+    } = getSubscriptionState(state);
+    return subscription;
+  }, _reactRedux.shallowEqual);
 };
 exports.useSubscription = useSubscription;
 const useSubscriptionActions = () => {
-  const actions = (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.billing.subscription;
-  return (0, _extends2.default)({}, actions, {
-    load: actions.loadSubscription
-  });
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.billing.subscription, dispatch), [dispatch]);
 };
 exports.useSubscriptionActions = useSubscriptionActions;
-const useStripeState = () => {
-  const {
-    stripe
-  } = getSubscriptionsState();
-  return (0, _react.useSnapshot)(stripe);
-};
-exports.useStripeState = useStripeState;
-const useStripeActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.stripe;
-};
-exports.useStripeActions = useStripeActions;
 const useVendorPublicConfig = () => {
-  return (0, _react.useSnapshot)((0, _FronteggStoreContext.useStore)().store.subscriptions.vendorPublicConfig);
+  return (0, _FronteggStoreContext.useSelector)(state => {
+    const {
+      vendorPublicConfig
+    } = getSubscriptionState(state);
+    return vendorPublicConfig;
+  }, _reactRedux.shallowEqual);
 };
 exports.useVendorPublicConfig = useVendorPublicConfig;
 const useVendorPublicConfigActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.vendorPublicConfig;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.subscriptionActions.vendorPublicConfig, dispatch), [dispatch]);
 };
 exports.useVendorPublicConfigActions = useVendorPublicConfigActions;