@frontegg/react-hooks 6.176.0 → 6.178.0-alpha.0

package/package.json

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

package/subscriptions/hooks.d.ts

@@ -1,21 +1,43 @@
-import { CheckoutActions, CheckoutState, PaymentProviderConfigActions, PaymentProviderConfigState, PlansActions, PlansState, StripeActions, StripeState, SubscriptionActions, SubscriptionState, VendorPublicConfigurationActions, VendorPublicConfigurationState } from '@frontegg/redux-store';
+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: () => import("@frontegg/redux-store").BillingInformationState;
-export declare const useBillingInformationActions: () => import("@frontegg/redux-store").BillingInformationActions;
-export declare const usePaymentMethod: () => import("@frontegg/redux-store").PaymentMethodState;
-export declare const usePaymentMethodActions: () => import("@frontegg/redux-store").PaymentMethodActions;
-export declare const useInvoices: () => import("@frontegg/redux-store").InvoicesState;
-export declare const useInvoicesActions: () => import("@frontegg/redux-store").InvoicesActions;
-export declare const useStripeState: () => StripeState;
-export declare const useStripeActions: () => StripeActions;
+export declare const useBillingInformation: () => BillingInformationState;
+export declare const useBillingInformationActions: () => {
+    setBillingInformationState: (state: Partial<BillingInformationState>) => void;
+    resetBillingInformationState: () => void;
+    loadSummaries: (tenantId: string, forceActive?: boolean | undefined) => Promise<void>;
+    loadBillingInformation: (forceActive?: boolean | undefined) => Promise<void>;
+};
+export declare const usePaymentMethod: () => PaymentMethodState;
+export declare const usePaymentMethodActions: () => {
+    setBillingPaymentMethodState: (state: Partial<{}>) => void;
+    resetBillingPaymentMethodState: () => void;
+    loadPaymentMethod: () => Promise<void>;
+    submitPaymentMethod: () => Promise<void>;
+    submitPaymentMethodError: (error: string) => Promise<void>;
+    submitPaymentMethodSuccess: () => Promise<void>;
+    updatePaymentMethodBillingDetails: (payload: import("@frontegg/redux-store").WithCallback<import("@frontegg/redux-store").WithId<import("@frontegg/rest-api").ISubscriptionUpdatePaymentMethodBillingDetails>, boolean>) => Promise<void>;
+};
+export declare const useInvoices: () => InvoicesState;
+export declare const useInvoicesActions: () => {
+    setBillingInvoiceState: (state: Partial<InvoicesState>) => void;
+    resetBillingInvoiceState: () => void;
+    loadInvoices: () => Promise<void>;
+    loadBillingInvoices: () => Promise<void>;
+    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: () => SubscriptionActions;
+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,77 +1,109 @@
-import { bindActionCreators, subscriptionActions, subscriptionsStoreName } from '@frontegg/redux-store';
-import { useDispatch, useSelector } from '../FronteggStoreContext';
-import { shallowEqual } from 'react-redux';
-import { useMemo } from 'react';
-function getSubscriptionState(state) {
-  return state[subscriptionsStoreName];
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+function getSubscriptionsState() {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  return useStore().store.subscriptions;
 }
 export const usePaymentProvider = () => {
-  return useSelector(state => getSubscriptionState(state).config, shallowEqual);
+  const {
+    config
+  } = getSubscriptionsState();
+  return useSnapshot(config);
 };
 export const usePaymentProviderActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(subscriptionActions.config, dispatch), [dispatch]);
+  return useStore().stateActions.subscriptions.config;
 };
 export const usePlans = () => {
-  return useSelector(state => getSubscriptionState(state).plans, shallowEqual);
+  const {
+    plans
+  } = getSubscriptionsState();
+  return useSnapshot(plans);
 };
 export const usePlansActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(subscriptionActions.plans, dispatch), [dispatch]);
+  return useStore().stateActions.subscriptions.plans;
 };
 export const useCheckout = () => {
-  return useSelector(state => getSubscriptionState(state).checkout, shallowEqual);
+  const {
+    checkout
+  } = getSubscriptionsState();
+  return useSnapshot(checkout);
 };
 export const useCheckoutActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(subscriptionActions.checkout, dispatch), [dispatch]);
+  return useStore().stateActions.subscriptions.checkout;
 };
 const useBillingActions = billingKey => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(subscriptionActions.billing[billingKey], dispatch), [billingKey, dispatch]);
-};
-export const useBillingInformation = () => useSelector(state => getSubscriptionState(state).billing.information, shallowEqual);
-export const useBillingInformationActions = () => useBillingActions('information');
-export const usePaymentMethod = () => useSelector(state => getSubscriptionState(state).billing.paymentMethod, shallowEqual);
-export const usePaymentMethodActions = () => useBillingActions('paymentMethod');
-export const useInvoices = () => useSelector(state => getSubscriptionState(state).billing.invoices, shallowEqual);
-export const useInvoicesActions = () => useBillingActions('invoices');
-export const useStripeState = () => {
-  return useSelector(state => getSubscriptionState(state).stripe, shallowEqual);
+  return useStore().stateActions.subscriptions.billing[billingKey];
 };
-export const useStripeActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(subscriptionActions.stripe, dispatch), [dispatch]);
+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 = () => {
-  return useSelector(state => getSubscriptionState(state).billing.subscription.cancellation, shallowEqual);
+  const {
+    billing
+  } = getSubscriptionsState();
+  const {
+    cancellation
+  } = useSnapshot(billing.subscription);
+  return cancellation;
 };
 export const useSubscriptionRenewal = () => {
-  return useSelector(state => getSubscriptionState(state).billing.subscription.renewal, shallowEqual);
+  const {
+    billing
+  } = getSubscriptionsState();
+  const {
+    renewal
+  } = useSnapshot(billing.subscription);
+  return renewal;
 };
 export const useSubscription = () => {
-  return useSelector(state => {
-    const {
-      billing: {
-        subscription
-      }
-    } = getSubscriptionState(state);
-    return subscription;
-  }, shallowEqual);
+  const {
+    billing
+  } = getSubscriptionsState();
+  return useSnapshot(billing.subscription);
 };
 export const useSubscriptionActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(subscriptionActions.billing.subscription, dispatch), [dispatch]);
+  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 useSelector(state => {
-    const {
-      vendorPublicConfig
-    } = getSubscriptionState(state);
-    return vendorPublicConfig;
-  }, shallowEqual);
+  return useSnapshot(useStore().store.subscriptions.vendorPublicConfig);
 };
 export const useVendorPublicConfigActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(subscriptionActions.vendorPublicConfig, dispatch), [dispatch]);
+  return useStore().stateActions.subscriptions.vendorPublicConfig;
 };

package/vendor/hooks.d.ts

@@ -1,6 +1,5 @@
 import { VendorActions, VendorState } from '@frontegg/redux-store';
 export declare type VendorStateMapper<S> = (state: VendorState) => S;
-export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => 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,12 +1,14 @@
-import { useMemo } from 'react';
-import { bindActionCreators, vendorActions, vendorStoreName } from '@frontegg/redux-store';
-import { shallowEqual } from 'react-redux';
-import { useSelector, useDispatch } from '../FronteggStoreContext';
+import { useStore } from '../FronteggStoreContext';
+import { useSnapshot } from 'valtio/react';
+
+// TODO: remove useless stateMapper, valtio already does this
+
 const defaultMapper = state => state;
+// @deprecated use useVendorState() instead
 export function useVendorState(stateMapper = defaultMapper) {
-  return useSelector(state => stateMapper(state[vendorStoreName]), shallowEqual);
+  const state = useStore().store.vendor;
+  return stateMapper(useSnapshot(state));
 }
 export const useVendorActions = () => {
-  const dispatch = useDispatch();
-  return useMemo(() => bindActionCreators(vendorActions, dispatch), [vendorActions]);
+  return useStore().stateActions.vendor;
 };

package/auth/MSP/allAccounts.js

@@ -1,15 +0,0 @@
-import { allAccountsActions, allAccountsReducers, allAccountsDialogsReducers } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator } from '../hooks';
-const defaultMapper = state => state;
-export function useAllAccountsState(stateMapper = defaultMapper) {
-  return stateHookGenerator(stateMapper, 'allAccountsState');
-}
-export const useAllAccountsActions = () => reducerActionsGenerator(allAccountsActions, allAccountsReducers);
-
-//dialogs
-
-const defaultDialogsMapper = state => state;
-export function useAllAccountsDialogsState(stateMapper = defaultDialogsMapper) {
-  return stateHookGenerator(stateMapper, 'allAccountsDialogsState');
-}
-export const useAllAccountsDialogsActions = () => reducerActionsGenerator({}, allAccountsDialogsReducers);

package/auth/stepUp/index.d.ts

@@ -1,2 +0,0 @@
-export * from './stepUp';
-export * from './interfaces';

package/auth/stepUp/index.js

@@ -1,2 +0,0 @@
-export * from './stepUp';
-export * from './interfaces';

package/auth/stepUp/interfaces.d.ts

@@ -1,2 +0,0 @@
-import { StepUpState } from '@frontegg/redux-store';
-export declare type StepUpStateMapper<S> = (state: StepUpState) => S;

package/auth/stepUp/interfaces.js

@@ -1 +0,0 @@
-export {};

package/node/auth/MSP/allAccounts.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAllAccountsDialogsActions = exports.useAllAccountsActions = void 0;
-exports.useAllAccountsDialogsState = useAllAccountsDialogsState;
-exports.useAllAccountsState = useAllAccountsState;
-var _reduxStore = require("@frontegg/redux-store");
-var _hooks = require("../hooks");
-const defaultMapper = state => state;
-function useAllAccountsState(stateMapper = defaultMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'allAccountsState');
-}
-const useAllAccountsActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.allAccountsActions, _reduxStore.allAccountsReducers);
-
-//dialogs
-exports.useAllAccountsActions = useAllAccountsActions;
-const defaultDialogsMapper = state => state;
-function useAllAccountsDialogsState(stateMapper = defaultDialogsMapper) {
-  return (0, _hooks.stateHookGenerator)(stateMapper, 'allAccountsDialogsState');
-}
-const useAllAccountsDialogsActions = () => (0, _hooks.reducerActionsGenerator)({}, _reduxStore.allAccountsDialogsReducers);
-exports.useAllAccountsDialogsActions = useAllAccountsDialogsActions;

package/node/auth/stepUp/index.js

@@ -1,27 +0,0 @@
-"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

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

package/node/tests/hooks.tsc-test.js

@@ -1,318 +0,0 @@
-"use strict";
-
-var _index = require("../index");
-// noinspection JSUnusedLocalSymbols
-
-/**
- * useAuth hook typescript tests
- */
-{
-  const {
-    isAuthenticated,
-    isLoading
-  } = (0, _index.useAuth)();
-  const isLoadingDirect = (0, _index.useAuth)(state => state.isLoading);
-  isLoadingDirect.valueOf();
-  const {
-    user
-  } = (0, _index.useAuth)(state => ({
-    user: state.user
-  }));
-  const {
-    loginUrl
-  } = (0, _index.useAuth)(state => state.routes);
-  const {
-    loadProfile,
-    setLoginState
-  } = (0, _index.useAuthActions)();
-}
-
-/**
- * useAcceptInvitationState hook typescript tests
- */
-{
-  const {
-    step
-  } = (0, _index.useAcceptInvitationState)();
-  const errorDirect = (0, _index.useAcceptInvitationState)(state => state.error);
-  errorDirect == null ? void 0 : errorDirect.substring(0);
-  const {
-    acceptInvitation
-  } = (0, _index.useAcceptInvitationActions)();
-}
-
-/**
- * useActivateAccountState hook typescript tests
- */
-{
-  const {
-    step
-  } = (0, _index.useActivateAccountState)();
-  const loadingDirect = (0, _index.useActivateAccountState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    activateAccount
-  } = (0, _index.useActivateAccountActions)();
-}
-
-/**
- * useApiTokensState hook typescript tests
- */
-{
-  const {
-    roles
-  } = (0, _index.useApiTokensState)();
-  const loadingDirect = (0, _index.useApiTokensState)(state => state.loaders);
-  let m = loadingDirect.LOAD_API_TOKENS;
-  const {
-    loadUserApiTokens
-  } = (0, _index.useApiTokensActions)();
-}
-
-/**
- * useForgotPasswordState hook typescript tests
- */
-{
-  const {
-    step
-  } = (0, _index.useForgotPasswordState)();
-  const emailDirect = (0, _index.useForgotPasswordState)(state => state.email);
-  emailDirect.substring(0);
-  const {
-    forgotPassword
-  } = (0, _index.useForgotPasswordActions)();
-}
-
-/**
- * useMfaState hook typescript tests
- */
-{
-  const {
-    step
-  } = (0, _index.useMfaState)();
-  const loadingDirect = (0, _index.useMfaState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    enrollMfa
-  } = (0, _index.useMfaActions)();
-}
-
-/**
- * useLoginState hook typescript tests
- */
-{
-  const {
-    step
-  } = (0, _index.useLoginState)();
-  const loadingDirect = (0, _index.useLoginState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    logout
-  } = (0, _index.useLoginActions)();
-}
-
-/**
- * useLoginState hook typescript tests
- */
-{
-  const {
-    profile
-  } = (0, _index.useProfileState)();
-  const loadingDirect = (0, _index.useProfileState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    loadProfile
-  } = (0, _index.useProfileActions)();
-}
-
-/**
- * useResetPhoneNumberState hook typescript tests
- */
-{
-  const {
-    step
-  } = (0, _index.useResetPhoneNumberState)();
-  const loadingDirect = (0, _index.useResetPhoneNumberState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    resetPhoneNumber
-  } = (0, _index.useResetPhoneNumberActions)();
-}
-
-/**
- * useRolesState hook typescript tests
- */
-{
-  const {
-    saving
-  } = (0, _index.useRolesState)();
-  const loadingDirect = (0, _index.useRolesState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    loadRolesAndPermissions
-  } = (0, _index.useRolesActions)();
-}
-
-/**
- * useSecurityPolicyState hook typescript tests
- */
-{
-  const {
-    lockoutPolicy
-  } = (0, _index.useSecurityPolicyState)();
-  const captchaPolicy = (0, _index.useSecurityPolicyState)(state => state.captchaPolicy);
-  captchaPolicy.loading.valueOf();
-  const {
-    loadPublicSecurityPolicy
-  } = (0, _index.useSecurityPolicyActions)();
-}
-
-/**
- * useSessionsState hook typescript tests
- */
-{
-  const {
-    sessions
-  } = (0, _index.useSessionsState)();
-  const loadingDirect = (0, _index.useSessionsState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    deleteUserSession
-  } = (0, _index.useSessionsActions)();
-}
-
-/**
- * useSessionsPolicyState hook typescript tests
- */
-{
-  const {
-    configurations
-  } = (0, _index.useSessionsPolicyState)();
-  const loadingDirect = (0, _index.useSessionsPolicyState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    resetSessionsPolicyState
-  } = (0, _index.useSessionsPolicyActions)();
-}
-
-/**
- * useSSOState hook typescript tests
- */
-{
-  const {
-    authorizationRoles
-  } = (0, _index.useSSOState)();
-  const loadingDirect = (0, _index.useSSOState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    loadSSOConfigurationsV2
-  } = (0, _index.useSSOActions)();
-}
-
-/**
- * useSignUpState hook typescript tests
- */
-{
-  const {
-    stage
-  } = (0, _index.useSignUpState)();
-  const loadingDirect = (0, _index.useSignUpState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    setSignUpState
-  } = (0, _index.useSignUpActions)();
-}
-
-/**
- * useSocialLoginState hook typescript tests
- */
-{
-  const {
-    socialLoginsConfig
-  } = (0, _index.useSocialLoginState)();
-  const loadingDirect = (0, _index.useSocialLoginState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    loadSocialLoginsConfiguration
-  } = (0, _index.useSocialLoginActions)();
-}
-
-/**
- * useSocialLoginState hook typescript tests
- */
-{
-  const {
-    tenants
-  } = (0, _index.useTenantsState)();
-  const loadingDirect = (0, _index.useTenantsState)(state => state.loading);
-  loadingDirect.valueOf();
-  const {
-    loadTenants
-  } = (0, _index.useTenantsActions)();
-}
-
-/**
- * useVendorState hook typescript tests
- */
-{
-  const {
-    loading
-  } = (0, _index.useVendorState)();
-  const isLoadingDirect = (0, _index.useVendorState)(state => state.loading);
-  isLoadingDirect.valueOf();
-  const {
-    whiteLabelMode
-  } = (0, _index.useVendorState)(state => ({
-    whiteLabelMode: state.whiteLabelMode
-  }));
-  const {
-    loadVendorPublicInfo
-  } = (0, _index.useVendorActions)();
-}
-
-/**
- * useConnectivityState hook typescript tests
- */
-{
-  const {
-    isLoading,
-    error
-  } = (0, _index.useConnectivityState)();
-  const processIds = (0, _index.useConnectivityState)(state => state.processIds);
-  processIds.map(id => id);
-  const {
-    email
-  } = (0, _index.useConnectivityState)(state => {
-    var _state$email;
-    return {
-      email: (_state$email = state.email) != null ? _state$email : []
-    };
-  });
-  email.length;
-  const {
-    loadScope,
-    loadDataAction
-  } = (0, _index.useConnectivityActions)();
-}
-
-/**
- * useAuditsState hook typescript tests
- */
-{
-  const {
-    auditLogsState
-  } = (0, _index.useAuditsState)();
-  const {
-    columns
-  } = (0, _index.useAuditsState)(state => state.auditsMetadataState);
-  const {
-    loading
-  } = (0, _index.useAuditsState)(state => ({
-    loading: state.auditLogsState.loading
-  }));
-  loading.valueOf();
-  let x = columns == null ? void 0 : columns.length;
-  const {
-    loadAuditLogs
-  } = (0, _index.useAuditsActions)();
-}