@frontegg/react-hooks 4.42.1 → 5.1.0

package/auth/hooks.d.ts

@@ -26,7 +26,7 @@ export declare const useAuth: <S extends object>(stateMapper?: AuthStateMapper<S
  *
  * use this frontegg hook function to get if user is "Authenticated"
  */
-export declare const useLoginWithRedirect: () => import("@reduxjs/toolkit").ActionCreatorWithoutPayload<string>;
+export declare const useLoginWithRedirect: () => AuthActions['requestHostedLoginAuthorize'];
 export declare const useAuthActions: () => AuthActions;
 export declare const useOnRedirectTo: () => (path: string, opts?: RedirectOptions | undefined) => void;
 export declare const useAuthRoutes: () => AuthPageRoutes;

package/auth/index.js

@@ -1,6 +1,7 @@
-export { t as reloadProfileIfNeeded, i as useAcceptInvitationActions, h as useAcceptInvitationState, k as useActivateAccountActions, j as useActivateAccountState, m as useApiTokensActions, l as useApiTokensState, u as useAuth, a as useAuthActions, c as useAuthRoutes, C as useAuthTeamActions, B as useAuthTeamState, e as useAuthUser, f as useAuthUserOrNull, o as useForgotPasswordActions, n as useForgotPasswordState, d as useIsAuthenticated, q as useLoginActions, p as useLoginState, g as useLoginWithRedirect, s as useMfaActions, r as useMfaState, b as useOnRedirectTo, w as useProfileActions, v as useProfileState, K as useRolesActions, J as useRolesState, E as useSSOActions, D as useSSOState, G as useSecurityPolicyActions, F as useSecurityPolicyState, y as useSignUpActions, x as useSignUpState, A as useSocialLoginActions, z as useSocialLoginState, I as useTenantsActions, H as useTenantsState } from '../roles-38be93b4.js';
+export { t as reloadProfileIfNeeded, i as useAcceptInvitationActions, h as useAcceptInvitationState, k as useActivateAccountActions, j as useActivateAccountState, m as useApiTokensActions, l as useApiTokensState, u as useAuth, a as useAuthActions, c as useAuthRoutes, C as useAuthTeamActions, B as useAuthTeamState, e as useAuthUser, f as useAuthUserOrNull, o as useForgotPasswordActions, n as useForgotPasswordState, d as useIsAuthenticated, q as useLoginActions, p as useLoginState, g as useLoginWithRedirect, s as useMfaActions, r as useMfaState, b as useOnRedirectTo, w as useProfileActions, v as useProfileState, H as usePublicPolicySettings, L as useRolesActions, K as useRolesState, E as useSSOActions, D as useSSOState, G as useSecurityPolicyActions, F as useSecurityPolicyState, y as useSignUpActions, x as useSignUpState, A as useSocialLoginActions, z as useSocialLoginState, J as useTenantsActions, I as useTenantsState } from '../roles-52950b2d.js';
 import '@frontegg/redux-store';
 import 'react';
 import 'react-redux';
 import '../FronteggStoreContext-d6c3b684.js';
 import '@frontegg/rest-api';
+import 'tslib';

package/auth/securityPolicy.d.ts

@@ -3,3 +3,9 @@ import { StateHookFunction } from './hooks';
 export declare type SecurityPolicyStateMapper<S extends object> = (state: SecurityPolicyState) => S;
 export declare const useSecurityPolicyState: StateHookFunction<SecurityPolicyState>;
 export declare const useSecurityPolicyActions: () => SecurityPolicyActions;
+export declare const usePublicPolicySettings: (loadOnMount?: boolean) => {
+    loading: boolean;
+    saving: boolean | undefined;
+    error: any;
+    policy: import("@frontegg/rest-api").IVendorConfig | undefined;
+};

package/common/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { FronteggAppInstance, FronteggAppOptions } from '@frontegg/types';
+interface ShadowDomContextData extends FronteggAppOptions {
+    injector: FronteggAppInstance;
+    iframeRendering: boolean;
+    renderByRoute?: boolean;
+    slotsContainer: HTMLElement;
+    rootEl: HTMLElement;
+}
+export interface DomContext extends ShadowDomContextData {
+    isShadowDom: boolean;
+}
+export declare const ShadowDomContext: import("react").Context<ShadowDomContextData>;
+export declare const useShadowDom: () => DomContext;
+export {};

package/index.d.ts

@@ -1,3 +1,4 @@
+export * from './common';
 export * from './audits';
 export * from './auth';
 export * from './connectivity';

package/index.js

@@ -1,3 +1,5 @@
+import { u as useAuth, c as useAuthRoutes } from './roles-52950b2d.js';
+export { S as ShadowDomContext, t as reloadProfileIfNeeded, i as useAcceptInvitationActions, h as useAcceptInvitationState, k as useActivateAccountActions, j as useActivateAccountState, m as useApiTokensActions, l as useApiTokensState, u as useAuth, a as useAuthActions, c as useAuthRoutes, C as useAuthTeamActions, B as useAuthTeamState, e as useAuthUser, f as useAuthUserOrNull, o as useForgotPasswordActions, n as useForgotPasswordState, d as useIsAuthenticated, q as useLoginActions, p as useLoginState, g as useLoginWithRedirect, s as useMfaActions, r as useMfaState, b as useOnRedirectTo, w as useProfileActions, v as useProfileState, H as usePublicPolicySettings, L as useRolesActions, K as useRolesState, E as useSSOActions, D as useSSOState, G as useSecurityPolicyActions, F as useSecurityPolicyState, M as useShadowDom, y as useSignUpActions, x as useSignUpState, A as useSocialLoginActions, z as useSocialLoginState, J as useTenantsActions, I as useTenantsState } from './roles-52950b2d.js';
 import { __rest } from 'tslib';
 import React, { useMemo, useRef, useState, useEffect } from 'react';
 import { Provider } from 'react-redux';
@@ -6,8 +8,6 @@ import { createFronteggStore } from '@frontegg/redux-store';
 import { ContextHolder } from '@frontegg/rest-api';
 import { F as FronteggStoreContext } from './FronteggStoreContext-d6c3b684.js';
 export { F as FronteggStoreContext, a as useDispatch, u as useSelector, b as useStore } from './FronteggStoreContext-d6c3b684.js';
-import { u as useAuth, c as useAuthRoutes } from './roles-38be93b4.js';
-export { t as reloadProfileIfNeeded, i as useAcceptInvitationActions, h as useAcceptInvitationState, k as useActivateAccountActions, j as useActivateAccountState, m as useApiTokensActions, l as useApiTokensState, u as useAuth, a as useAuthActions, c as useAuthRoutes, C as useAuthTeamActions, B as useAuthTeamState, e as useAuthUser, f as useAuthUserOrNull, o as useForgotPasswordActions, n as useForgotPasswordState, d as useIsAuthenticated, q as useLoginActions, p as useLoginState, g as useLoginWithRedirect, s as useMfaActions, r as useMfaState, b as useOnRedirectTo, w as useProfileActions, v as useProfileState, K as useRolesActions, J as useRolesState, E as useSSOActions, D as useSSOState, G as useSecurityPolicyActions, F as useSecurityPolicyState, y as useSignUpActions, x as useSignUpState, A as useSocialLoginActions, z as useSocialLoginState, I as useTenantsActions, H as useTenantsState } from './roles-38be93b4.js';
 export { c as useAuditLogsActions, b as useAuditLogsState, a as useAuditsActions, e as useAuditsMetadataActions, d as useAuditsMetadataState, u as useAuditsState } from './auditsMetadata-9ab88593.js';
 export { u as useConnectivityActions, a as useConnectivityState } from './hooks-6400e233.js';
 export { f as useBillingInformation, g as useBillingInformationActions, h as useBillingPaymentMethod, i as useBillingPaymentMethodActions, d as useCheckout, e as useCheckoutActions, j as useInvoices, k as useInvoicesActions, u as usePaymentProvider, a as usePaymentProviderActions, b as usePlans, c as usePlansActions, m as useStripeActions, l as useStripeState } from './hooks-6e92ca1b.js';

package/node/auth/index.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var roles = require('../roles-1ae8d25b.js');
+var roles = require('../roles-f2ec97d9.js');
 require('@frontegg/redux-store');
 require('react');
 require('react-redux');
 require('../FronteggStoreContext-6cfac56c.js');
 require('@frontegg/rest-api');
+require('tslib');
 
 
 
@@ -36,6 +37,7 @@ exports.useMfaState = roles.useMfaState;
 exports.useOnRedirectTo = roles.useOnRedirectTo;
 exports.useProfileActions = roles.useProfileActions;
 exports.useProfileState = roles.useProfileState;
+exports.usePublicPolicySettings = roles.usePublicPolicySettings;
 exports.useRolesActions = roles.useRolesActions;
 exports.useRolesState = roles.useRolesState;
 exports.useSSOActions = roles.useSSOActions;

package/node/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var roles = require('./roles-f2ec97d9.js');
 var auditsMetadata = require('./auditsMetadata-d15799a1.js');
-var roles = require('./roles-1ae8d25b.js');
 var hooks = require('./hooks-5d5a445e.js');
 var hooks$1 = require('./hooks-d88513e5.js');
 var hooks$2 = require('./hooks-cf739b27.js');
@@ -88,12 +88,7 @@ const FronteggStoreProvider = ({ children, app, contextOptions, setLoading: setL
         React__default['default'].createElement(FronteggContent, { setLoading: setLoadingProps !== null && setLoadingProps !== void 0 ? setLoadingProps : setLoading, app: app }, children)));
 };
 
-exports.useAuditLogsActions = auditsMetadata.useAuditLogsActions;
-exports.useAuditLogsState = auditsMetadata.useAuditLogsState;
-exports.useAuditsActions = auditsMetadata.useAuditsActions;
-exports.useAuditsMetadataActions = auditsMetadata.useAuditsMetadataActions;
-exports.useAuditsMetadataState = auditsMetadata.useAuditsMetadataState;
-exports.useAuditsState = auditsMetadata.useAuditsState;
+exports.ShadowDomContext = roles.ShadowDomContext;
 exports.reloadProfileIfNeeded = roles.reloadProfileIfNeeded;
 exports.useAcceptInvitationActions = roles.useAcceptInvitationActions;
 exports.useAcceptInvitationState = roles.useAcceptInvitationState;
@@ -119,18 +114,26 @@ exports.useMfaState = roles.useMfaState;
 exports.useOnRedirectTo = roles.useOnRedirectTo;
 exports.useProfileActions = roles.useProfileActions;
 exports.useProfileState = roles.useProfileState;
+exports.usePublicPolicySettings = roles.usePublicPolicySettings;
 exports.useRolesActions = roles.useRolesActions;
 exports.useRolesState = roles.useRolesState;
 exports.useSSOActions = roles.useSSOActions;
 exports.useSSOState = roles.useSSOState;
 exports.useSecurityPolicyActions = roles.useSecurityPolicyActions;
 exports.useSecurityPolicyState = roles.useSecurityPolicyState;
+exports.useShadowDom = roles.useShadowDom;
 exports.useSignUpActions = roles.useSignUpActions;
 exports.useSignUpState = roles.useSignUpState;
 exports.useSocialLoginActions = roles.useSocialLoginActions;
 exports.useSocialLoginState = roles.useSocialLoginState;
 exports.useTenantsActions = roles.useTenantsActions;
 exports.useTenantsState = roles.useTenantsState;
+exports.useAuditLogsActions = auditsMetadata.useAuditLogsActions;
+exports.useAuditLogsState = auditsMetadata.useAuditLogsState;
+exports.useAuditsActions = auditsMetadata.useAuditsActions;
+exports.useAuditsMetadataActions = auditsMetadata.useAuditsMetadataActions;
+exports.useAuditsMetadataState = auditsMetadata.useAuditsMetadataState;
+exports.useAuditsState = auditsMetadata.useAuditsState;
 exports.useConnectivityActions = hooks.useConnectivityActions;
 exports.useConnectivityState = hooks.useConnectivityState;
 exports.useBillingInformation = hooks$1.useBillingInformation;

package/node/{roles-1ae8d25b.js → roles-f2ec97d9.js}

@@ -5,6 +5,18 @@ var React = require('react');
 var reactRedux = require('react-redux');
 var FronteggStoreContext = require('./FronteggStoreContext-6cfac56c.js');
 var restApi = require('@frontegg/rest-api');
+var tslib = require('tslib');
+
+const ShadowDomContext = React.createContext({});
+const useShadowDom = () => {
+    const context = React.useContext(ShadowDomContext);
+    const { urlStrategy = 'path', onRedirectTo = (urlStrategy === 'path' ? ((path) => window.history.pushState(null, '', path)) : ((path) => window.history.pushState(null, '', `#${path}`))), renderByRoute = false, customLoader = false, customStyles, contextOptions } = context, rest = tslib.__rest(context, ["urlStrategy", "onRedirectTo", "renderByRoute", "customLoader", "customStyles", "contextOptions"]);
+    return Object.assign({ isShadowDom: true, onRedirectTo,
+        renderByRoute,
+        customLoader,
+        customStyles,
+        urlStrategy, contextOptions: Object.assign({ requestCredentials: 'include' }, contextOptions) }, rest);
+};
 
 const defaultMapper = {
     state: (state) => state,
@@ -38,7 +50,11 @@ const useAuthActions = () => {
     const dispatch = FronteggStoreContext.useDispatch();
     return React.useMemo(() => reduxStore.bindActionCreators(reduxStore.authActions, dispatch), [reduxStore.authActions]);
 };
-const useOnRedirectTo = () => restApi.ContextHolder.onRedirectTo;
+const useOnRedirectTo = () => {
+    var _a;
+    const context = React.useContext(ShadowDomContext);
+    return (_a = context === null || context === void 0 ? void 0 : context.onRedirectTo) !== null && _a !== void 0 ? _a : restApi.ContextHolder.onRedirectTo;
+};
 const useAuthRoutes = () => useAuth((state) => (Object.assign({}, state.routes)));
 /**
  * ```jsx
@@ -133,7 +149,16 @@ const useSSOState = (stateMapper) => stateHookGenerator(stateMapper, 'ssoState')
 const useSSOActions = () => reducerActionsGenerator(reduxStore.ssoActions, reduxStore.ssoReducers);
 
 const useSecurityPolicyState = (stateMapper) => stateHookGenerator(stateMapper, 'securityPolicyState');
-const useSecurityPolicyActions = () => reducerActionsGenerator(reduxStore.securityPolicyActions, reduxStore.securityPolicyReducers);
+const useSecurityPolicyActions = () => reducerActionsGenerator(reduxStore.securityPolicyActions, reduxStore.securityPolicyReducers);
+const usePublicPolicySettings = (loadOnMount = false) => {
+    const { loading, policy, saving, error } = useSecurityPolicyState(state => state.publicPolicy);
+    const { loadPublicSecurityPolicy } = useSecurityPolicyActions();
+    React.useEffect(() => {
+        (loadOnMount || !policy) && loadPublicSecurityPolicy();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [loadOnMount, loadPublicSecurityPolicy]);
+    return { loading, saving, error, policy };
+};
 
 const useTenantsState = (stateMapper) => stateHookGenerator(stateMapper, 'tenantsState');
 const useTenantsActions = () => reducerActionsGenerator(reduxStore.tenantsActions, reduxStore.tenantsReducers);
@@ -141,6 +166,7 @@ const useTenantsActions = () => reducerActionsGenerator(reduxStore.tenantsAction
 const useRolesState = (stateMapper) => stateHookGenerator(stateMapper, 'rolesState');
 const useRolesActions = () => reducerActionsGenerator(reduxStore.rolesActions, reduxStore.rolesReducers);
 
+exports.ShadowDomContext = ShadowDomContext;
 exports.reloadProfileIfNeeded = reloadProfileIfNeeded;
 exports.useAcceptInvitationActions = useAcceptInvitationActions;
 exports.useAcceptInvitationState = useAcceptInvitationState;
@@ -166,12 +192,14 @@ exports.useMfaState = useMfaState;
 exports.useOnRedirectTo = useOnRedirectTo;
 exports.useProfileActions = useProfileActions;
 exports.useProfileState = useProfileState;
+exports.usePublicPolicySettings = usePublicPolicySettings;
 exports.useRolesActions = useRolesActions;
 exports.useRolesState = useRolesState;
 exports.useSSOActions = useSSOActions;
 exports.useSSOState = useSSOState;
 exports.useSecurityPolicyActions = useSecurityPolicyActions;
 exports.useSecurityPolicyState = useSecurityPolicyState;
+exports.useShadowDom = useShadowDom;
 exports.useSignUpActions = useSignUpActions;
 exports.useSignUpState = useSignUpState;
 exports.useSocialLoginActions = useSocialLoginActions;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@frontegg/react-hooks",
   "libName": "FronteggReactHooks",
-  "version": "4.42.1",
+  "version": "5.1.0",
   "author": "Frontegg LTD",
   "main": "./node/index.js",
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@frontegg/redux-store": "4.42.1",
+    "@frontegg/redux-store": "5.1.0",
     "react-redux": "^7.x"
   }
 }

package/{roles-38be93b4.js → roles-52950b2d.js}

@@ -1,8 +1,20 @@
 import { authStoreName, bindActionCreators, authActions, acceptInvitationActions, acceptInvitationReducers, activateAccountActions, activateAccountReducers, apiTokensActions, apiTokensReducers, forgotPasswordActions, forgotPasswordReducers, loginActions, loginReducers, mfaActions, mfaReducers, profileActions, profileReducers, signUpActions, signUpReducers, socialLoginsActions, socialLoginsReducer, teamActions, teamReducers, ssoActions, ssoReducers, securityPolicyActions, securityPolicyReducers, tenantsActions, tenantsReducers, rolesActions, rolesReducers } from '@frontegg/redux-store';
-import { useMemo, useEffect } from 'react';
+import { createContext, useContext, useMemo, useEffect } from 'react';
 import { shallowEqual } from 'react-redux';
 import { u as useSelector, a as useDispatch } from './FronteggStoreContext-d6c3b684.js';
 import { ContextHolder } from '@frontegg/rest-api';
+import { __rest } from 'tslib';
+
+const ShadowDomContext = createContext({});
+const useShadowDom = () => {
+    const context = useContext(ShadowDomContext);
+    const { urlStrategy = 'path', onRedirectTo = (urlStrategy === 'path' ? ((path) => window.history.pushState(null, '', path)) : ((path) => window.history.pushState(null, '', `#${path}`))), renderByRoute = false, customLoader = false, customStyles, contextOptions } = context, rest = __rest(context, ["urlStrategy", "onRedirectTo", "renderByRoute", "customLoader", "customStyles", "contextOptions"]);
+    return Object.assign({ isShadowDom: true, onRedirectTo,
+        renderByRoute,
+        customLoader,
+        customStyles,
+        urlStrategy, contextOptions: Object.assign({ requestCredentials: 'include' }, contextOptions) }, rest);
+};
 
 const defaultMapper = {
     state: (state) => state,
@@ -36,7 +48,11 @@ const useAuthActions = () => {
     const dispatch = useDispatch();
     return useMemo(() => bindActionCreators(authActions, dispatch), [authActions]);
 };
-const useOnRedirectTo = () => ContextHolder.onRedirectTo;
+const useOnRedirectTo = () => {
+    var _a;
+    const context = useContext(ShadowDomContext);
+    return (_a = context === null || context === void 0 ? void 0 : context.onRedirectTo) !== null && _a !== void 0 ? _a : ContextHolder.onRedirectTo;
+};
 const useAuthRoutes = () => useAuth((state) => (Object.assign({}, state.routes)));
 /**
  * ```jsx
@@ -131,7 +147,16 @@ const useSSOState = (stateMapper) => stateHookGenerator(stateMapper, 'ssoState')
 const useSSOActions = () => reducerActionsGenerator(ssoActions, ssoReducers);
 
 const useSecurityPolicyState = (stateMapper) => stateHookGenerator(stateMapper, 'securityPolicyState');
-const useSecurityPolicyActions = () => reducerActionsGenerator(securityPolicyActions, securityPolicyReducers);
+const useSecurityPolicyActions = () => reducerActionsGenerator(securityPolicyActions, securityPolicyReducers);
+const usePublicPolicySettings = (loadOnMount = false) => {
+    const { loading, policy, saving, error } = useSecurityPolicyState(state => state.publicPolicy);
+    const { loadPublicSecurityPolicy } = useSecurityPolicyActions();
+    useEffect(() => {
+        (loadOnMount || !policy) && loadPublicSecurityPolicy();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [loadOnMount, loadPublicSecurityPolicy]);
+    return { loading, saving, error, policy };
+};
 
 const useTenantsState = (stateMapper) => stateHookGenerator(stateMapper, 'tenantsState');
 const useTenantsActions = () => reducerActionsGenerator(tenantsActions, tenantsReducers);
@@ -139,4 +164,4 @@ const useTenantsActions = () => reducerActionsGenerator(tenantsActions, tenantsR
 const useRolesState = (stateMapper) => stateHookGenerator(stateMapper, 'rolesState');
 const useRolesActions = () => reducerActionsGenerator(rolesActions, rolesReducers);
 
-export { useSocialLoginActions as A, useAuthTeamState as B, useAuthTeamActions as C, useSSOState as D, useSSOActions as E, useSecurityPolicyState as F, useSecurityPolicyActions as G, useTenantsState as H, useTenantsActions as I, useRolesState as J, useRolesActions as K, useAuthActions as a, useOnRedirectTo as b, useAuthRoutes as c, useIsAuthenticated as d, useAuthUser as e, useAuthUserOrNull as f, useLoginWithRedirect as g, useAcceptInvitationState as h, useAcceptInvitationActions as i, useActivateAccountState as j, useActivateAccountActions as k, useApiTokensState as l, useApiTokensActions as m, useForgotPasswordState as n, useForgotPasswordActions as o, useLoginState as p, useLoginActions as q, useMfaState as r, useMfaActions as s, reloadProfileIfNeeded as t, useAuth as u, useProfileState as v, useProfileActions as w, useSignUpState as x, useSignUpActions as y, useSocialLoginState as z };
+export { useSocialLoginActions as A, useAuthTeamState as B, useAuthTeamActions as C, useSSOState as D, useSSOActions as E, useSecurityPolicyState as F, useSecurityPolicyActions as G, usePublicPolicySettings as H, useTenantsState as I, useTenantsActions as J, useRolesState as K, useRolesActions as L, useShadowDom as M, ShadowDomContext as S, useAuthActions as a, useOnRedirectTo as b, useAuthRoutes as c, useIsAuthenticated as d, useAuthUser as e, useAuthUserOrNull as f, useLoginWithRedirect as g, useAcceptInvitationState as h, useAcceptInvitationActions as i, useActivateAccountState as j, useActivateAccountActions as k, useApiTokensState as l, useApiTokensActions as m, useForgotPasswordState as n, useForgotPasswordActions as o, useLoginState as p, useLoginActions as q, useMfaState as r, useMfaActions as s, reloadProfileIfNeeded as t, useAuth as u, useProfileState as v, useProfileActions as w, useSignUpState as x, useSignUpActions as y, useSocialLoginState as z };