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

package/node/subscriptions/hooks.js

@@ -6,102 +6,131 @@ 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 _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;
+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 {
-  useSliceState: usePlans,
-  useSliceActions: usePlansActions
-} = (0, _hookFactory.createSliceHooks)({
-  getState: s => s.subscriptions.plans,
-  getActions: a => a.subscriptions.plans
-});
-exports.usePlansActions = usePlansActions;
+const usePaymentProviderActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.config;
+};
+exports.usePaymentProviderActions = usePaymentProviderActions;
+const usePlans = () => {
+  const {
+    plans
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(plans);
+};
 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 usePlansActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.plans;
+};
+exports.usePlansActions = usePlansActions;
+const useCheckout = () => {
+  const {
+    checkout
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(checkout);
+};
 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 useCheckoutActions = () => {
+  return (0, _FronteggStoreContext.useStore)().stateActions.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 {
-  useSliceState: usePaymentMethod,
-  useSliceActions: usePaymentMethodActions
-} = (0, _hookFactory.createSliceHooks)({
-  getState: s => s.subscriptions.billing.paymentMethod,
-  getActions: a => a.subscriptions.billing.paymentMethod
-});
-exports.usePaymentMethodActions = usePaymentMethodActions;
+const useBillingInformationActions = () => {
+  return useBillingActions('information');
+};
+exports.useBillingInformationActions = useBillingInformationActions;
+const usePaymentMethod = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(billing.paymentMethod);
+};
 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 usePaymentMethodActions = () => {
+  return useBillingActions('paymentMethod');
+};
+exports.usePaymentMethodActions = usePaymentMethodActions;
+const useInvoices = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(billing.invoices);
+};
 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;
+const useInvoicesActions = () => {
+  return useBillingActions('invoices');
+};
+exports.useInvoicesActions = useInvoicesActions;
+const useSubscriptionCancellation = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  const {
+    cancellation
+  } = (0, _useSnapshot.useSnapshot)(billing.subscription);
+  return cancellation;
+};
 exports.useSubscriptionCancellation = useSubscriptionCancellation;
-const useSubscriptionRenewal = () => useSubscription().renewal;
+const useSubscriptionRenewal = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  const {
+    renewal
+  } = (0, _useSnapshot.useSnapshot)(billing.subscription);
+  return renewal;
+};
 exports.useSubscriptionRenewal = useSubscriptionRenewal;
+const useSubscription = () => {
+  const {
+    billing
+  } = getSubscriptionsState();
+  return (0, _useSnapshot.useSnapshot)(billing.subscription);
+};
+exports.useSubscription = useSubscription;
 const useSubscriptionActions = () => {
-  const actions = _useSubscriptionActions();
+  const actions = (0, _FronteggStoreContext.useStore)().stateActions.subscriptions.billing.subscription;
   return (0, _extends2.default)({}, actions, {
     load: actions.loadSubscription
   });
 };
-exports.useSubscriptionActions = useSubscriptionActions;
+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;

package/node/vendor/hooks.js

@@ -3,14 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
+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;

package/package.json

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

package/subscriptions/hooks.d.ts

@@ -1,34 +1,19 @@
-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: () => {
+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: () => {
     setBillingInformationState: (state: Partial<BillingInformationState>) => void;
     resetBillingInformationState: () => void;
     loadSummaries: (tenantId: string, forceActive?: boolean) => Promise<void>;
     loadBillingInformation: (forceActive?: boolean) => Promise<void>;
 };
-export declare const usePaymentMethod: <S = PaymentMethodState>(selector?: (s: PaymentMethodState) => S) => S, usePaymentMethodActions: () => {
+export declare const usePaymentMethod: () => PaymentMethodState;
+export declare const usePaymentMethodActions: () => {
     setBillingPaymentMethodState: (state: Partial<{}>) => void;
     resetBillingPaymentMethodState: () => void;
     loadPaymentMethod: () => Promise<void>;
@@ -37,7 +22,8 @@ export declare const usePaymentMethod: <S = PaymentMethodState>(selector?: (s: P
     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: <S = InvoicesState>(selector?: (s: InvoicesState) => S) => S, useInvoicesActions: () => {
+export declare const useInvoices: () => InvoicesState;
+export declare const useInvoicesActions: () => {
     setBillingInvoiceState: (state: Partial<InvoicesState>) => void;
     resetBillingInvoiceState: () => void;
     loadInvoices: () => Promise<void>;
@@ -45,25 +31,13 @@ export declare const useInvoices: <S = InvoicesState>(selector?: (s: InvoicesSta
     downloadInvoice: (payload: import("@frontegg/redux-store").DownloadInvoiceActionPayload) => Promise<void>;
     downloadBillingInvoice: (payload: import("@frontegg/redux-store").DownloadInvoiceActionPayload) => Promise<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 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 useStripeState: () => StripeState;
+export declare const useStripeActions: () => StripeActions;
+export declare const useVendorPublicConfig: () => VendorPublicConfigurationState;
+export declare const useVendorPublicConfigActions: () => VendorPublicConfigurationActions;

package/subscriptions/hooks.js

@@ -1,83 +1,109 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-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;
+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);
+};
 export const useSubscriptionActions = () => {
-  const actions = _useSubscriptionActions();
+  const actions = useStore().stateActions.subscriptions.billing.subscription;
   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/vendor/hooks.d.ts

@@ -1,2 +1,5 @@
-import type { VendorState, VendorActions } from '@frontegg/redux-store';
-export declare const useVendorState: <S = VendorState>(selector?: (s: VendorState) => S) => S, useVendorActions: () => VendorActions;
+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;

package/vendor/hooks.js

@@ -1,8 +1,14 @@
-import { createSliceHooks } from '../useSnapshot/hookFactory';
-export const {
-  useSliceState: useVendorState,
-  useSliceActions: useVendorActions
-} = createSliceHooks({
-  getState: s => s.vendor,
-  getActions: a => a.vendor
-});
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from '../useSnapshot';
+
+// TODO: remove useless stateMapper, valtio already does this
+
+const defaultMapper = state => state;
+// @deprecated use useVendorState() instead
+export function useVendorState(stateMapper = defaultMapper) {
+  const state = useStore().store.vendor;
+  return stateMapper(useSnapshot(state));
+}
+export const useVendorActions = () => {
+  return useStore().stateActions.vendor;
+};

package/node/useSnapshot/hookFactory.js

@@ -1,32 +0,0 @@
-"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/useSnapshot/hookFactory.d.ts

@@ -1,18 +0,0 @@
-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 {};