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

package/tests/hooks.tsc-test.js

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

package/vendor/hooks.d.ts

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

package/FronteggProvider/FronteggProvider.d.ts

@@ -1,12 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { ContextOptions } from '@frontegg/rest-api';
-declare type FronteggAppInstance = any;
-declare type FronteggProviderProps = {
-    app?: FronteggAppInstance;
-    contextOptions?: ContextOptions;
-    setLoading?: (loading: boolean) => void;
-    children?: ReactNode | undefined;
-    alwaysVisibleChildren?: ReactNode;
-};
-export declare const FronteggStoreProvider: FC<FronteggProviderProps>;
-export {};

package/FronteggProvider/FronteggProvider.js

@@ -1,134 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { createStore } from '@frontegg/redux-store';
-import { ContextHolder } from '@frontegg/rest-api';
-import { Provider } from '../FronteggStoreContext';
-import { useAuth, useAuthRoutes } from '../auth';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const defaultSetLoading = loading => {
-  if (loading) {
-    document.body.classList.add('frontegg-loading');
-  } else {
-    document.body.classList.remove('frontegg-loading');
-  }
-};
-const HideChildrenIfFronteggRoutes = ({
-  children,
-  basename
-}) => {
-  const routes = useAuthRoutes();
-  const uriRef = useRef(window.location.pathname);
-  const animationFrameRef = useRef(0);
-  const [uri, setUri] = useState(window.location.pathname);
-  const checker = useCallback(() => {
-    if (uriRef.current !== window.location.pathname) {
-      uriRef.current = window.location.pathname;
-      setUri(document.location.pathname);
-    }
-    animationFrameRef.current = window.requestAnimationFrame(checker);
-  }, []);
-  useEffect(() => {
-    document.addEventListener('frontegg_onRedirectTo_fired', () => {
-      if (uriRef.current !== window.location.pathname) {
-        uriRef.current = window.location.pathname;
-        setUri(document.location.pathname);
-      }
-    });
-    window.addEventListener('popstate', () => {
-      if (uriRef.current !== window.location.pathname) {
-        uriRef.current = window.location.pathname;
-        setUri(document.location.pathname);
-      }
-    });
-    animationFrameRef.current = window.requestAnimationFrame(checker);
-    return () => {
-      window.cancelAnimationFrame(animationFrameRef.current);
-    };
-  }, [checker, setUri]);
-  const calculatedBasename = basename ? basename.endsWith('/') ? basename.substring(0, basename.length - 1) : '' : '';
-  const checkRoutes = _objectWithoutPropertiesLoose(routes, _excluded);
-  if (Object.values(checkRoutes).map(url => `${calculatedBasename}${url}`).indexOf(uri) !== -1) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: children
-  });
-};
-const FronteggContent = ({
-  children,
-  app,
-  setLoading
-}) => {
-  var _app$options, _app$options2;
-  const {
-    isLoading
-  } = useAuth();
-  const customLoginBox = !app || (app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.customLoginBox) === true;
-  const isNextJS = (app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.framework) === 'nextjs';
-  const alwaysShowChildren = customLoginBox || isNextJS;
-  const loadingRef = useRef(undefined);
-  if (isLoading !== loadingRef.current && !isNextJS) {
-    loadingRef.current = isLoading;
-    setLoading(isLoading);
-  }
-  if (alwaysShowChildren) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: children
-    });
-  }
-  if (isLoading && !isNextJS) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(HideChildrenIfFronteggRoutes, {
-    basename: app == null ? void 0 : app.options.basename,
-    children: children
-  });
-};
-export const FronteggStoreProvider = props => {
-  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6;
-  const {
-    children,
-    app,
-    contextOptions,
-    setLoading = defaultSetLoading,
-    alwaysVisibleChildren
-  } = props;
-
-  // TODO: make this optionals more readable
-  const context = (_app$options$contextO = app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.contextOptions) != null ? _app$options$contextO : contextOptions;
-  if (!context) {
-    throw Error('contextOptions must not be null or undefined');
-  }
-  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.previewMode) != null ? _app$options$previewM : false;
-  const authOptions = app != null && (_app$options5 = app.options) != null && _app$options5.authOptions ? _extends({}, app.options.authOptions, {
-    hostedLoginBox: app.options.hostedLoginBox
-  }) : {
-    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
-  };
-  ContextHolder.setContext(context);
-  const store = useMemo(() => {
-    var _app$name, _app$options7;
-    return createStore({
-      name: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default',
-      context,
-      previewMode,
-      initialState: {
-        auth: authOptions
-      },
-      urlStrategy: app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy,
-      storeHolder: app
-    });
-  }, [app, previewMode]);
-  return /*#__PURE__*/_jsxs(Provider, {
-    store: store,
-    children: [alwaysVisibleChildren, /*#__PURE__*/_jsx(FronteggContent, {
-      setLoading: setLoading,
-      app: app,
-      children: children
-    })]
-  });
-};

package/FronteggStoreContext/FronteggStoreContext.d.ts

@@ -1,9 +0,0 @@
-import { FC, ReactNode } from 'react';
-import type { FronteggStore } from '@frontegg/redux-store';
-export declare const FronteggStoreContext: import("react").Context<FronteggStore>;
-export declare const useStore: () => FronteggStore;
-export declare const Provider: FC<{
-    children?: ReactNode;
-    store: FronteggStore;
-}>;
-export default FronteggStoreContext;

package/FronteggStoreContext/FronteggStoreContext.js

@@ -1,16 +0,0 @@
-import { createContext, memo, useContext } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const FronteggStoreContext = /*#__PURE__*/createContext(null);
-
-// @ts-ignore
-if (process.env.NODE_ENV !== 'production') {
-  FronteggStoreContext.displayName = 'FronteggStoreContext';
-}
-export const useStore = () => useContext(FronteggStoreContext);
-export const Provider = /*#__PURE__*/memo(props => {
-  return /*#__PURE__*/_jsx(FronteggStoreContext.Provider, {
-    value: props.store,
-    children: props.children
-  });
-}, () => true);
-export default FronteggStoreContext;

package/auth/allAccounts.js

@@ -1,20 +0,0 @@
-import { useStore } from '../FronteggStoreContext';
-import { useSnapshot } from 'valtio/react';
-
-// TODO: remove useless stateMapper, valtio already does this
-
-const defaultMapper = state => state;
-export function useAllAccountsState(stateMapper = defaultMapper) {
-  const state = useStore().store.auth.allAccountsState;
-  return stateMapper(useSnapshot(state));
-}
-export const useAllAccountsActions = () => {
-  return useStore().stateActions.auth.allAccountsActions;
-};
-export function useAllAccountsDialogsState() {
-  const state = useStore().store.auth.allAccountsDialogsState;
-  return useSnapshot(state);
-}
-export const useAllAccountsDialogsActions = () => {
-  return useStore().stateActions.auth.allAccountsDialogActions;
-};

package/auth/security/index.d.ts

@@ -1,4 +0,0 @@
-export * from './restrictions';
-export * from './securityCenter';
-export * from './securityPolicy';
-export * from './sessionsPolicy';

package/auth/security/index.js

@@ -1,4 +0,0 @@
-export * from './restrictions';
-export * from './securityCenter';
-export * from './securityPolicy';
-export * from './sessionsPolicy';

package/node/FronteggProvider/FronteggProvider.js

@@ -1,140 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FronteggStoreProvider = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = require("react");
-var _reduxStore = require("@frontegg/redux-store");
-var _restApi = require("@frontegg/rest-api");
-var _FronteggStoreContext = require("../FronteggStoreContext");
-var _auth = require("../auth");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
-const defaultSetLoading = loading => {
-  if (loading) {
-    document.body.classList.add('frontegg-loading');
-  } else {
-    document.body.classList.remove('frontegg-loading');
-  }
-};
-const HideChildrenIfFronteggRoutes = ({
-  children,
-  basename
-}) => {
-  const routes = (0, _auth.useAuthRoutes)();
-  const uriRef = (0, _react.useRef)(window.location.pathname);
-  const animationFrameRef = (0, _react.useRef)(0);
-  const [uri, setUri] = (0, _react.useState)(window.location.pathname);
-  const checker = (0, _react.useCallback)(() => {
-    if (uriRef.current !== window.location.pathname) {
-      uriRef.current = window.location.pathname;
-      setUri(document.location.pathname);
-    }
-    animationFrameRef.current = window.requestAnimationFrame(checker);
-  }, []);
-  (0, _react.useEffect)(() => {
-    document.addEventListener('frontegg_onRedirectTo_fired', () => {
-      if (uriRef.current !== window.location.pathname) {
-        uriRef.current = window.location.pathname;
-        setUri(document.location.pathname);
-      }
-    });
-    window.addEventListener('popstate', () => {
-      if (uriRef.current !== window.location.pathname) {
-        uriRef.current = window.location.pathname;
-        setUri(document.location.pathname);
-      }
-    });
-    animationFrameRef.current = window.requestAnimationFrame(checker);
-    return () => {
-      window.cancelAnimationFrame(animationFrameRef.current);
-    };
-  }, [checker, setUri]);
-  const calculatedBasename = basename ? basename.endsWith('/') ? basename.substring(0, basename.length - 1) : '' : '';
-  const checkRoutes = (0, _objectWithoutPropertiesLoose2.default)(routes, _excluded);
-  if (Object.values(checkRoutes).map(url => `${calculatedBasename}${url}`).indexOf(uri) !== -1) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: children
-  });
-};
-const FronteggContent = ({
-  children,
-  app,
-  setLoading
-}) => {
-  var _app$options, _app$options2;
-  const {
-    isLoading
-  } = (0, _auth.useAuth)();
-  const customLoginBox = !app || (app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.customLoginBox) === true;
-  const isNextJS = (app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.framework) === 'nextjs';
-  const alwaysShowChildren = customLoginBox || isNextJS;
-  const loadingRef = (0, _react.useRef)(undefined);
-  if (isLoading !== loadingRef.current && !isNextJS) {
-    loadingRef.current = isLoading;
-    setLoading(isLoading);
-  }
-  if (alwaysShowChildren) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: children
-    });
-  }
-  if (isLoading && !isNextJS) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HideChildrenIfFronteggRoutes, {
-    basename: app == null ? void 0 : app.options.basename,
-    children: children
-  });
-};
-const FronteggStoreProvider = props => {
-  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6;
-  const {
-    children,
-    app,
-    contextOptions,
-    setLoading = defaultSetLoading,
-    alwaysVisibleChildren
-  } = props;
-
-  // TODO: make this optionals more readable
-  const context = (_app$options$contextO = app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.contextOptions) != null ? _app$options$contextO : contextOptions;
-  if (!context) {
-    throw Error('contextOptions must not be null or undefined');
-  }
-  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.previewMode) != null ? _app$options$previewM : false;
-  const authOptions = app != null && (_app$options5 = app.options) != null && _app$options5.authOptions ? (0, _extends2.default)({}, app.options.authOptions, {
-    hostedLoginBox: app.options.hostedLoginBox
-  }) : {
-    hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
-  };
-  _restApi.ContextHolder.setContext(context);
-  const store = (0, _react.useMemo)(() => {
-    var _app$name, _app$options7;
-    return (0, _reduxStore.createStore)({
-      name: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default',
-      context,
-      previewMode,
-      initialState: {
-        auth: authOptions
-      },
-      urlStrategy: app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy,
-      storeHolder: app
-    });
-  }, [app, previewMode]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FronteggStoreContext.Provider, {
-    store: store,
-    children: [alwaysVisibleChildren, /*#__PURE__*/(0, _jsxRuntime.jsx)(FronteggContent, {
-      setLoading: setLoading,
-      app: app,
-      children: children
-    })]
-  });
-};
-exports.FronteggStoreProvider = FronteggStoreProvider;