@frontegg/react-hooks 7.77.0 → 7.78.0-alpha.1

package/node/subscriptions/hooks.js

@@ -6,131 +6,102 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _FronteggStoreContext = require("../FronteggStoreContext");
-var _useSnapshot = require("../useSnapshot");
-function getSubscriptionsState() {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return (0, _FronteggStoreContext.useStore)().store.subscriptions;
-}
-const usePaymentProvider = () => {
-  const {
-    config
-  } = getSubscriptionsState();
-  return (0, _useSnapshot.useSnapshot)(config);
-};
-exports.usePaymentProvider = usePaymentProvider;
-const usePaymentProviderActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.config;
-};
+var _hookFactory = require("../useSnapshot/hookFactory");
+/* ───────────────────────── subscriptions root helpers ───────────────────────── */
+
+const {
+  useSliceState: usePaymentProvider,
+  useSliceActions: usePaymentProviderActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.config,
+  getActions: a => a.subscriptions.config
+});
 exports.usePaymentProviderActions = usePaymentProviderActions;
-const usePlans = () => {
-  const {
-    plans
-  } = getSubscriptionsState();
-  return (0, _useSnapshot.useSnapshot)(plans);
-};
-exports.usePlans = usePlans;
-const usePlansActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.plans;
-};
+exports.usePaymentProvider = usePaymentProvider;
+const {
+  useSliceState: usePlans,
+  useSliceActions: usePlansActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.plans,
+  getActions: a => a.subscriptions.plans
+});
 exports.usePlansActions = usePlansActions;
-const useCheckout = () => {
-  const {
-    checkout
-  } = getSubscriptionsState();
-  return (0, _useSnapshot.useSnapshot)(checkout);
-};
-exports.useCheckout = useCheckout;
-const useCheckoutActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.checkout;
-};
+exports.usePlans = usePlans;
+const {
+  useSliceState: useCheckout,
+  useSliceActions: useCheckoutActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.checkout,
+  getActions: a => a.subscriptions.checkout
+});
 exports.useCheckoutActions = useCheckoutActions;
-const useBillingActions = billingKey => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.billing[billingKey];
-};
-const useBillingInformation = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _useSnapshot.useSnapshot)(billing.information);
-};
-exports.useBillingInformation = useBillingInformation;
-const useBillingInformationActions = () => {
-  return useBillingActions('information');
-};
+exports.useCheckout = useCheckout;
+const {
+  useSliceState: useStripeState,
+  useSliceActions: useStripeActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.stripe,
+  getActions: a => a.subscriptions.stripe
+});
+exports.useStripeActions = useStripeActions;
+exports.useStripeState = useStripeState;
+const {
+  useSliceState: useVendorPublicConfig,
+  useSliceActions: useVendorPublicConfigActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.vendorPublicConfig,
+  getActions: a => a.subscriptions.vendorPublicConfig
+});
+
+/* ───────────────────────── billing sub-slices ───────────────────────── */
+exports.useVendorPublicConfigActions = useVendorPublicConfigActions;
+exports.useVendorPublicConfig = useVendorPublicConfig;
+const {
+  useSliceState: useBillingInformation,
+  useSliceActions: useBillingInformationActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.billing.information,
+  getActions: a => a.subscriptions.billing.information
+});
 exports.useBillingInformationActions = useBillingInformationActions;
-const usePaymentMethod = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _useSnapshot.useSnapshot)(billing.paymentMethod);
-};
-exports.usePaymentMethod = usePaymentMethod;
-const usePaymentMethodActions = () => {
-  return useBillingActions('paymentMethod');
-};
+exports.useBillingInformation = useBillingInformation;
+const {
+  useSliceState: usePaymentMethod,
+  useSliceActions: usePaymentMethodActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.billing.paymentMethod,
+  getActions: a => a.subscriptions.billing.paymentMethod
+});
 exports.usePaymentMethodActions = usePaymentMethodActions;
-const useInvoices = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _useSnapshot.useSnapshot)(billing.invoices);
-};
-exports.useInvoices = useInvoices;
-const useInvoicesActions = () => {
-  return useBillingActions('invoices');
-};
+exports.usePaymentMethod = usePaymentMethod;
+const {
+  useSliceState: useInvoices,
+  useSliceActions: useInvoicesActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.billing.invoices,
+  getActions: a => a.subscriptions.billing.invoices
+});
+
+/* ───────────────────────── subscription sub-slice ───────────────────────── */
 exports.useInvoicesActions = useInvoicesActions;
-const useSubscriptionCancellation = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    cancellation
-  } = (0, _useSnapshot.useSnapshot)(billing.subscription);
-  return cancellation;
-};
+exports.useInvoices = useInvoices;
+const {
+  useSliceState: useSubscriptionState,
+  useSliceActions: _useSubscriptionActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.subscriptions.billing.subscription,
+  getActions: a => a.subscriptions.billing.subscription
+});
+const useSubscription = useSubscriptionState;
+exports.useSubscription = useSubscription;
+const useSubscriptionCancellation = () => useSubscription().cancellation;
 exports.useSubscriptionCancellation = useSubscriptionCancellation;
-const useSubscriptionRenewal = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    renewal
-  } = (0, _useSnapshot.useSnapshot)(billing.subscription);
-  return renewal;
-};
+const useSubscriptionRenewal = () => useSubscription().renewal;
 exports.useSubscriptionRenewal = useSubscriptionRenewal;
-const useSubscription = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return (0, _useSnapshot.useSnapshot)(billing.subscription);
-};
-exports.useSubscription = useSubscription;
 const useSubscriptionActions = () => {
-  const actions = (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.billing.subscription;
+  const actions = _useSubscriptionActions();
   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, _useSnapshot.useSnapshot)((0, _FronteggStoreContext.useStore)().store.subscriptions.vendorPublicConfig);
-};
-exports.useVendorPublicConfig = useVendorPublicConfig;
-const useVendorPublicConfigActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.vendorPublicConfig;
-};
-exports.useVendorPublicConfigActions = useVendorPublicConfigActions;
+exports.useSubscriptionActions = useSubscriptionActions;

package/node/useSnapshot/hookFactory.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSliceHooks = createSliceHooks;
+var _index = require("./index");
+var _FronteggStoreContext = require("../FronteggStoreContext");
+// hooksFactory.ts   ✅ type-safe, no TS2345
+
+/**
+ * Build hooks for any slice in Frontegg’s store tree.
+ */
+function createSliceHooks(cfg) {
+  /* ---------- state ---------- */
+  const useSliceState = (selector = x => x) => selector((0, _index.useSnapshot)(cfg.getState((0, _FronteggStoreContext.useStore)().store)));
+
+  /* ---------- actions ---------- */
+  const useSliceActions = () => cfg.getActions((0, _FronteggStoreContext.useStore)().stateActions);
+
+  /* ---------- dialogs (optional) ---------- */
+  const useSliceDialogsState = () => (0, _index.useSnapshot)(cfg.getDialogsState((0, _FronteggStoreContext.useStore)().store));
+  const useSliceDialogsActions = () => cfg.getDialogsActions((0, _FronteggStoreContext.useStore)().stateActions);
+
+  /* IntelliSense hides the dialogs hooks when you didn’t supply them */
+  return {
+    useSliceState,
+    useSliceActions,
+    useSliceDialogsState,
+    useSliceDialogsActions
+  };
+}

package/node/vendor/hooks.js

@@ -3,17 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useVendorActions = void 0;
-exports.useVendorState = useVendorState;
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _useSnapshot = require("../useSnapshot");
-const defaultMapper = state => state;
-// @deprecated use useVendorState() instead
-function useVendorState(stateMapper = defaultMapper) {
-  const state = (0, _FronteggStoreContext.useStore)().store.vendor;
-  return stateMapper((0, _useSnapshot.useSnapshot)(state));
-}
-const useVendorActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.vendor;
-};
-exports.useVendorActions = useVendorActions;
+exports.useVendorState = exports.useVendorActions = void 0;
+var _hookFactory = require("../useSnapshot/hookFactory");
+const {
+  useSliceState: useVendorState,
+  useSliceActions: useVendorActions
+} = (0, _hookFactory.createSliceHooks)({
+  getState: s => s.vendor,
+  getActions: a => a.vendor
+});
+exports.useVendorActions = useVendorActions;
+exports.useVendorState = useVendorState;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@frontegg/react-hooks",
-  "version": "7.77.0",
+  "version": "7.78.0-alpha.1",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/redux-store": "7.77.0",
-    "@frontegg/types": "7.77.0",
+    "@frontegg/redux-store": "7.78.0-alpha.1",
+    "@frontegg/types": "7.78.0-alpha.1",
     "@types/react": "*",
     "@types/react-is": "^17.0.7",
     "get-value": "^3.0.1",

package/subscriptions/hooks.d.ts

@@ -1,19 +1,34 @@
-import { CheckoutActions, CheckoutState, PaymentProviderConfigActions, PaymentProviderConfigState, PlansActions, PlansState, StripeActions, StripeState, SubscriptionState, BillingInformationState, InvoicesState, PaymentMethodState, BillingStateActions, VendorPublicConfigurationState, VendorPublicConfigurationActions } from '@frontegg/redux-store';
-export declare const usePaymentProvider: () => PaymentProviderConfigState;
-export declare const usePaymentProviderActions: () => PaymentProviderConfigActions;
-export declare const usePlans: () => PlansState;
-export declare const usePlansActions: () => PlansActions;
-export declare const useCheckout: () => CheckoutState;
-export declare const useCheckoutActions: () => CheckoutActions;
-export declare const useBillingInformation: () => BillingInformationState;
-export declare const useBillingInformationActions: () => {
+import { CheckoutState, PaymentProviderConfigState, PaymentProviderConfigActions, PlansState, StripeState, StripeActions, BillingInformationState, PaymentMethodState, InvoicesState, SubscriptionState, VendorPublicConfigurationState } from '@frontegg/redux-store';
+export declare const usePaymentProvider: <S = PaymentProviderConfigState>(selector?: (s: PaymentProviderConfigState) => S) => S, usePaymentProviderActions: () => PaymentProviderConfigActions;
+export declare const usePlans: <S = PlansState>(selector?: (s: PlansState) => S) => S, usePlansActions: () => {
+    setPlansState: (state: Partial<PlansState>) => void;
+    resetPlansState: () => void;
+    loadPlans: () => Promise<void>;
+};
+export declare const useCheckout: <S = CheckoutState>(selector?: (s: CheckoutState) => S) => S, useCheckoutActions: () => {
+    setCheckoutState: (state: Partial<CheckoutState>) => void;
+    resetCheckoutState: () => void;
+    loadCheckout: () => void;
+    resetCheckout: () => void;
+    submitCheckout: () => void;
+    confirmCheckout: (payload: import("@frontegg/redux-store").ConfirmCheckoutActionPayload) => Promise<void>;
+    errorCheckout: (payload: import("dist/@frontegg/rest-api").FronteggApiError) => void;
+};
+export declare const useStripeState: <S = StripeState>(selector?: (s: StripeState) => S) => S, useStripeActions: () => StripeActions;
+export declare const useVendorPublicConfig: <S = VendorPublicConfigurationState>(selector?: (s: VendorPublicConfigurationState) => S) => S, useVendorPublicConfigActions: () => {
+    setVendorPublicConfigState: (state: Partial<VendorPublicConfigurationState>) => void;
+    resetVendorPublicConfigState: () => void;
+    setVendorPublicConfigError: (error: import("dist/@frontegg/rest-api").FronteggApiError) => void;
+    setVendorPublicConfigLoading: (loading: boolean) => void;
+    loadVendorPublicConfiguration: () => Promise<void>;
+};
+export declare const useBillingInformation: <S = BillingInformationState>(selector?: (s: BillingInformationState) => S) => S, useBillingInformationActions: () => {
     setBillingInformationState: (state: Partial<BillingInformationState>) => void;
     resetBillingInformationState: () => void;
     loadSummaries: (tenantId: string, forceActive?: boolean) => Promise<void>;
     loadBillingInformation: (forceActive?: boolean) => Promise<void>;
 };
-export declare const usePaymentMethod: () => PaymentMethodState;
-export declare const usePaymentMethodActions: () => {
+export declare const usePaymentMethod: <S = PaymentMethodState>(selector?: (s: PaymentMethodState) => S) => S, usePaymentMethodActions: () => {
     setBillingPaymentMethodState: (state: Partial<{}>) => void;
     resetBillingPaymentMethodState: () => void;
     loadPaymentMethod: () => Promise<void>;
@@ -22,8 +37,7 @@ export declare const usePaymentMethodActions: () => {
     submitPaymentMethodSuccess: () => Promise<void>;
     updatePaymentMethodBillingDetails: (payload: import("@frontegg/redux-store").WithCallback<import("@frontegg/redux-store").WithId<import("dist/@frontegg/rest-api").ISubscriptionUpdatePaymentMethodBillingDetails>>) => Promise<void>;
 };
-export declare const useInvoices: () => InvoicesState;
-export declare const useInvoicesActions: () => {
+export declare const useInvoices: <S = InvoicesState>(selector?: (s: InvoicesState) => S) => S, useInvoicesActions: () => {
     setBillingInvoiceState: (state: Partial<InvoicesState>) => void;
     resetBillingInvoiceState: () => void;
     loadInvoices: () => Promise<void>;
@@ -31,13 +45,25 @@ export declare const useInvoicesActions: () => {
     downloadInvoice: (payload: import("@frontegg/redux-store").DownloadInvoiceActionPayload) => Promise<void>;
     downloadBillingInvoice: (payload: import("@frontegg/redux-store").DownloadInvoiceActionPayload) => Promise<void>;
 };
-export declare const useSubscriptionCancellation: () => SubscriptionState["cancellation"];
-export declare const useSubscriptionRenewal: () => SubscriptionState["renewal"];
-export declare const useSubscription: () => SubscriptionState;
-export declare const useSubscriptionActions: () => BillingStateActions["subscription"] & {
-    load: () => void;
+export declare const useSubscription: <S = SubscriptionState>(selector?: (s: SubscriptionState) => S) => S;
+export declare const useSubscriptionCancellation: () => {
+    loading: boolean;
+    error: import("dist/@frontegg/rest-api").FronteggApiError | null;
+};
+export declare const useSubscriptionRenewal: () => {
+    loading: boolean;
+    error: import("dist/@frontegg/rest-api").FronteggApiError | null;
+};
+export declare const useSubscriptionActions: () => {
+    load: () => Promise<void>;
+    setBillingSubscriptionState: (state: Partial<{}>) => void;
+    resetBillingSubscriptionState: () => void;
+    setCancellationLoading: (loading: boolean) => void;
+    setCancellationError: (error: import("dist/@frontegg/rest-api").FronteggApiError | null) => void;
+    setRenewalLoading: (loading: boolean) => void;
+    setRenewalError: (error: import("dist/@frontegg/rest-api").FronteggApiError | null) => void;
+    loadSubscription: () => Promise<void>;
+    loadSubscriptionTenant: () => Promise<void>;
+    cancelSubscription: () => Promise<void>;
+    renewSubscription: () => Promise<void>;
 };
-export declare const useStripeState: () => StripeState;
-export declare const useStripeActions: () => StripeActions;
-export declare const useVendorPublicConfig: () => VendorPublicConfigurationState;
-export declare const useVendorPublicConfigActions: () => VendorPublicConfigurationActions;

package/subscriptions/hooks.js

@@ -1,109 +1,83 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useStore } from '../FronteggStoreContext';
-import { useSnapshot } from '../useSnapshot';
-function getSubscriptionsState() {
-  // eslint-disable-next-line react-hooks/rules-of-hooks
-  return useStore().store.subscriptions;
-}
-export const usePaymentProvider = () => {
-  const {
-    config
-  } = getSubscriptionsState();
-  return useSnapshot(config);
-};
-export const usePaymentProviderActions = () => {
-  return useStore().stateActions.subscriptions.config;
-};
-export const usePlans = () => {
-  const {
-    plans
-  } = getSubscriptionsState();
-  return useSnapshot(plans);
-};
-export const usePlansActions = () => {
-  return useStore().stateActions.subscriptions.plans;
-};
-export const useCheckout = () => {
-  const {
-    checkout
-  } = getSubscriptionsState();
-  return useSnapshot(checkout);
-};
-export const useCheckoutActions = () => {
-  return useStore().stateActions.subscriptions.checkout;
-};
-const useBillingActions = billingKey => {
-  return useStore().stateActions.subscriptions.billing[billingKey];
-};
-export const useBillingInformation = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return useSnapshot(billing.information);
-};
-export const useBillingInformationActions = () => {
-  return useBillingActions('information');
-};
-export const usePaymentMethod = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return useSnapshot(billing.paymentMethod);
-};
-export const usePaymentMethodActions = () => {
-  return useBillingActions('paymentMethod');
-};
-export const useInvoices = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return useSnapshot(billing.invoices);
-};
-export const useInvoicesActions = () => {
-  return useBillingActions('invoices');
-};
-export const useSubscriptionCancellation = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    cancellation
-  } = useSnapshot(billing.subscription);
-  return cancellation;
-};
-export const useSubscriptionRenewal = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    renewal
-  } = useSnapshot(billing.subscription);
-  return renewal;
-};
-export const useSubscription = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return useSnapshot(billing.subscription);
-};
+import { createSliceHooks } from '../useSnapshot/hookFactory';
+
+/* ───────────────────────── subscriptions root helpers ───────────────────────── */
+
+export const {
+  useSliceState: usePaymentProvider,
+  useSliceActions: usePaymentProviderActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.config,
+  getActions: a => a.subscriptions.config
+});
+export const {
+  useSliceState: usePlans,
+  useSliceActions: usePlansActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.plans,
+  getActions: a => a.subscriptions.plans
+});
+export const {
+  useSliceState: useCheckout,
+  useSliceActions: useCheckoutActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.checkout,
+  getActions: a => a.subscriptions.checkout
+});
+export const {
+  useSliceState: useStripeState,
+  useSliceActions: useStripeActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.stripe,
+  getActions: a => a.subscriptions.stripe
+});
+export const {
+  useSliceState: useVendorPublicConfig,
+  useSliceActions: useVendorPublicConfigActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.vendorPublicConfig,
+  getActions: a => a.subscriptions.vendorPublicConfig
+});
+
+/* ───────────────────────── billing sub-slices ───────────────────────── */
+
+export const {
+  useSliceState: useBillingInformation,
+  useSliceActions: useBillingInformationActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.billing.information,
+  getActions: a => a.subscriptions.billing.information
+});
+export const {
+  useSliceState: usePaymentMethod,
+  useSliceActions: usePaymentMethodActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.billing.paymentMethod,
+  getActions: a => a.subscriptions.billing.paymentMethod
+});
+export const {
+  useSliceState: useInvoices,
+  useSliceActions: useInvoicesActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.billing.invoices,
+  getActions: a => a.subscriptions.billing.invoices
+});
+
+/* ───────────────────────── subscription sub-slice ───────────────────────── */
+
+const {
+  useSliceState: useSubscriptionState,
+  useSliceActions: _useSubscriptionActions
+} = createSliceHooks({
+  getState: s => s.subscriptions.billing.subscription,
+  getActions: a => a.subscriptions.billing.subscription
+});
+export const useSubscription = useSubscriptionState;
+export const useSubscriptionCancellation = () => useSubscription().cancellation;
+export const useSubscriptionRenewal = () => useSubscription().renewal;
 export const useSubscriptionActions = () => {
-  const actions = useStore().stateActions.subscriptions.billing.subscription;
+  const actions = _useSubscriptionActions();
   return _extends({}, actions, {
     load: actions.loadSubscription
   });
-};
-export const useStripeState = () => {
-  const {
-    stripe
-  } = getSubscriptionsState();
-  return useSnapshot(stripe);
-};
-export const useStripeActions = () => {
-  return useStore().stateActions.subscriptions.stripe;
-};
-export const useVendorPublicConfig = () => {
-  return useSnapshot(useStore().store.subscriptions.vendorPublicConfig);
-};
-export const useVendorPublicConfigActions = () => {
-  return useStore().stateActions.subscriptions.vendorPublicConfig;
 };

package/useSnapshot/hookFactory.d.ts

@@ -0,0 +1,18 @@
+import { useStore } from '../FronteggStoreContext';
+type Store = ReturnType<typeof useStore>['store'];
+type Actions = ReturnType<typeof useStore>['stateActions'];
+/**
+ * Build hooks for any slice in Frontegg’s store tree.
+ */
+export declare function createSliceHooks<SliceState extends object, SliceActions, SliceDialogsState extends object = never, SliceDialogsActions = never>(cfg: {
+    getState: (s: Store) => SliceState;
+    getActions: (a: Actions) => SliceActions;
+    getDialogsState?: (s: Store) => SliceDialogsState;
+    getDialogsActions?: (a: Actions) => SliceDialogsActions;
+}): {
+    readonly useSliceState: <S = SliceState>(selector?: (s: SliceState) => S) => S;
+    readonly useSliceActions: () => SliceActions;
+    readonly useSliceDialogsState: () => SliceDialogsState;
+    readonly useSliceDialogsActions: () => SliceDialogsActions;
+};
+export {};

package/useSnapshot/hookFactory.js

@@ -0,0 +1,26 @@
+// hooksFactory.ts   ✅ type-safe, no TS2345
+
+import { useSnapshot } from './index';
+import { useStore } from '../FronteggStoreContext';
+/**
+ * Build hooks for any slice in Frontegg’s store tree.
+ */
+export function createSliceHooks(cfg) {
+  /* ---------- state ---------- */
+  const useSliceState = (selector = x => x) => selector(useSnapshot(cfg.getState(useStore().store)));
+
+  /* ---------- actions ---------- */
+  const useSliceActions = () => cfg.getActions(useStore().stateActions);
+
+  /* ---------- dialogs (optional) ---------- */
+  const useSliceDialogsState = () => useSnapshot(cfg.getDialogsState(useStore().store));
+  const useSliceDialogsActions = () => cfg.getDialogsActions(useStore().stateActions);
+
+  /* IntelliSense hides the dialogs hooks when you didn’t supply them */
+  return {
+    useSliceState,
+    useSliceActions,
+    useSliceDialogsState,
+    useSliceDialogsActions
+  };
+}

package/vendor/hooks.d.ts

@@ -1,5 +1,2 @@
-import { VendorActions, VendorState } from '@frontegg/redux-store';
-export type VendorStateMapper<S> = (state: VendorState) => S;
-export declare function useVendorState(): VendorState;
-export declare function useVendorState<S>(stateMapper: VendorStateMapper<S>): S;
-export declare const useVendorActions: () => VendorActions;
+import type { VendorState, VendorActions } from '@frontegg/redux-store';
+export declare const useVendorState: <S = VendorState>(selector?: (s: VendorState) => S) => S, useVendorActions: () => VendorActions;