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

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

@@ -0,0 +1,318 @@
+"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)();
+}

package/node/vendor/hooks.js

@@ -5,15 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useVendorActions = void 0;
 exports.useVendorState = useVendorState;
+var _react = require("react");
+var _reduxStore = require("@frontegg/redux-store");
+var _reactRedux = require("react-redux");
 var _FronteggStoreContext = require("../FronteggStoreContext");
-var _react = require("valtio/react");
 const defaultMapper = state => state;
-// @deprecated use useVendorState() instead
 function useVendorState(stateMapper = defaultMapper) {
-  const state = (0, _FronteggStoreContext.useStore)().store.vendor;
-  return stateMapper((0, _react.useSnapshot)(state));
+  return (0, _FronteggStoreContext.useSelector)(state => stateMapper(state[_reduxStore.vendorStoreName]), _reactRedux.shallowEqual);
 }
 const useVendorActions = () => {
-  return (0, _FronteggStoreContext.useStore)().stateActions.vendor;
+  const dispatch = (0, _FronteggStoreContext.useDispatch)();
+  return (0, _react.useMemo)(() => (0, _reduxStore.bindActionCreators)(_reduxStore.vendorActions, dispatch), [_reduxStore.vendorActions]);
 };
 exports.useVendorActions = useVendorActions;

package/package.json

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

package/subscriptions/hooks.d.ts

@@ -1,43 +1,21 @@
-import { CheckoutActions, CheckoutState, PaymentProviderConfigActions, PaymentProviderConfigState, PlansActions, PlansState, StripeActions, StripeState, SubscriptionState, BillingInformationState, InvoicesState, PaymentMethodState, BillingStateActions, VendorPublicConfigurationState, VendorPublicConfigurationActions } from '@frontegg/redux-store';
+import { CheckoutActions, CheckoutState, PaymentProviderConfigActions, PaymentProviderConfigState, PlansActions, PlansState, StripeActions, StripeState, SubscriptionActions, SubscriptionState, VendorPublicConfigurationActions, VendorPublicConfigurationState } 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 | 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 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 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 useSubscriptionActions: () => SubscriptionActions;
 export declare const useVendorPublicConfig: () => VendorPublicConfigurationState;
 export declare const useVendorPublicConfigActions: () => VendorPublicConfigurationActions;

package/subscriptions/hooks.js

@@ -1,109 +1,77 @@
-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;
+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];
 }
 export const usePaymentProvider = () => {
-  const {
-    config
-  } = getSubscriptionsState();
-  return useSnapshot(config);
+  return useSelector(state => getSubscriptionState(state).config, shallowEqual);
 };
 export const usePaymentProviderActions = () => {
-  return useStore().stateActions.subscriptions.config;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(subscriptionActions.config, dispatch), [dispatch]);
 };
 export const usePlans = () => {
-  const {
-    plans
-  } = getSubscriptionsState();
-  return useSnapshot(plans);
+  return useSelector(state => getSubscriptionState(state).plans, shallowEqual);
 };
 export const usePlansActions = () => {
-  return useStore().stateActions.subscriptions.plans;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(subscriptionActions.plans, dispatch), [dispatch]);
 };
 export const useCheckout = () => {
-  const {
-    checkout
-  } = getSubscriptionsState();
-  return useSnapshot(checkout);
+  return useSelector(state => getSubscriptionState(state).checkout, shallowEqual);
 };
 export const useCheckoutActions = () => {
-  return useStore().stateActions.subscriptions.checkout;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(subscriptionActions.checkout, dispatch), [dispatch]);
 };
 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);
+  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);
 };
-export const useInvoicesActions = () => {
-  return useBillingActions('invoices');
+export const useStripeActions = () => {
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(subscriptionActions.stripe, dispatch), [dispatch]);
 };
 export const useSubscriptionCancellation = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    cancellation
-  } = useSnapshot(billing.subscription);
-  return cancellation;
+  return useSelector(state => getSubscriptionState(state).billing.subscription.cancellation, shallowEqual);
 };
 export const useSubscriptionRenewal = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  const {
-    renewal
-  } = useSnapshot(billing.subscription);
-  return renewal;
+  return useSelector(state => getSubscriptionState(state).billing.subscription.renewal, shallowEqual);
 };
 export const useSubscription = () => {
-  const {
-    billing
-  } = getSubscriptionsState();
-  return useSnapshot(billing.subscription);
+  return useSelector(state => {
+    const {
+      billing: {
+        subscription
+      }
+    } = getSubscriptionState(state);
+    return subscription;
+  }, shallowEqual);
 };
 export const 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;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(subscriptionActions.billing.subscription, dispatch), [dispatch]);
 };
 export const useVendorPublicConfig = () => {
-  return useSnapshot(useStore().store.subscriptions.vendorPublicConfig);
+  return useSelector(state => {
+    const {
+      vendorPublicConfig
+    } = getSubscriptionState(state);
+    return vendorPublicConfig;
+  }, shallowEqual);
 };
 export const useVendorPublicConfigActions = () => {
-  return useStore().stateActions.subscriptions.vendorPublicConfig;
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(subscriptionActions.vendorPublicConfig, dispatch), [dispatch]);
 };