@frontegg/react-hooks 5.61.0 → 6.0.1-alpha.0

package/FronteggProvider.d.ts

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

package/FronteggProvider.js

@@ -0,0 +1,137 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["authenticatedUrl", "signUpSuccessUrl"];
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { Provider } from 'react-redux';
+import { createFronteggStore } from '@frontegg/redux-store';
+import { ContextHolder } from '@frontegg/rest-api';
+import { useAuth, useAuthRoutes } from './auth';
+import { FronteggStoreContext } from './FronteggStoreContext';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const setLoading = loading => {
+  const isSSR = typeof document === 'undefined' || typeof window === 'undefined';
+
+  if (!isSSR) {
+    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 = () => {
+    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);
+    };
+  }, [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 _jsx(_Fragment, {
+    children: children
+  });
+};
+
+const FronteggContent = ({
+  children,
+  app,
+  setLoading
+}) => {
+  var _app$options, _app$options2, _app$options3;
+
+  const {
+    isLoading
+  } = useAuth(({
+    isLoading
+  }) => ({
+    isLoading
+  }));
+  const customLoginBox = !app || (app == null ? void 0 : (_app$options = app.options) == null ? void 0 : _app$options.customLoginBox) === true;
+  const alwaysShowChildren = customLoginBox || (app == null ? void 0 : (_app$options2 = app.options) == null ? void 0 : _app$options2.hostedLoginBox) === true && (app == null ? void 0 : (_app$options3 = app.options) == null ? void 0 : _app$options3.framework) === 'nextjs';
+  const loadingRef = useRef(undefined);
+
+  if (isLoading !== loadingRef.current) {
+    loadingRef.current = isLoading;
+    setLoading(isLoading);
+  }
+
+  if (isLoading) {
+    return null;
+  }
+
+  if (alwaysShowChildren) {
+    return _jsx(_Fragment, {
+      children: children
+    });
+  }
+
+  return _jsx(HideChildrenIfFronteggRoutes, {
+    basename: app == null ? void 0 : app.options.basename,
+    children: children
+  });
+};
+
+export const FronteggStoreProvider = props => {
+  var _app$options$contextO, _app$options4, _app$options$previewM, _app$options5, _app$options$authOpti, _app$options6;
+
+  const {
+    children,
+    app,
+    contextOptions,
+    setLoading: setLoadingProps
+  } = props;
+  const context = (_app$options$contextO = app == null ? void 0 : (_app$options4 = app.options) == null ? void 0 : _app$options4.contextOptions) != null ? _app$options$contextO : contextOptions;
+  const previewMode = (_app$options$previewM = app == null ? void 0 : (_app$options5 = app.options) == null ? void 0 : _app$options5.previewMode) != null ? _app$options$previewM : false;
+  const authOptions = (_app$options$authOpti = app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.authOptions) != null ? _app$options$authOpti : {};
+  ContextHolder.setContext(context);
+  const store = useMemo(() => createFronteggStore({
+    context: context
+  }, app, previewMode, authOptions), [app, previewMode]);
+  return _jsx(Provider, {
+    context: FronteggStoreContext,
+    store: store,
+    children: _jsx(FronteggContent, {
+      setLoading: setLoadingProps != null ? setLoadingProps : setLoading,
+      app: app,
+      children: children
+    })
+  });
+};

package/FronteggStoreContext.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { ReactReduxContextValue } from 'react-redux';
-export declare const FronteggStoreContext: React.Context<ReactReduxContextValue<any, import("redux").AnyAction>>;
-export declare const useSelector: <Selected extends unknown>(selector: (state: any) => Selected, equalityFn?: ((previous: Selected, next: Selected) => boolean) | undefined) => Selected;
-export declare const useDispatch: () => import("redux").Dispatch<import("redux").AnyAction>;
-export declare const useStore: () => import("redux").Store<any, import("redux").AnyAction>;
-export { shallowEqual, connectAdvanced, Provider } from 'react-redux';
-export default FronteggStoreContext;
+import React from 'react';
+import { ReactReduxContextValue } from 'react-redux';
+export declare const FronteggStoreContext: React.Context<ReactReduxContextValue<any, import("redux").AnyAction>>;
+export declare const useSelector: <Selected extends unknown>(selector: (state: any) => Selected, equalityFn?: ((previous: Selected, next: Selected) => boolean) | undefined) => Selected;
+export declare const useDispatch: () => import("redux").Dispatch<import("redux").AnyAction>;
+export declare const useStore: () => import("redux").Store<any, import("redux").AnyAction>;
+export { shallowEqual, connectAdvanced, Provider } from 'react-redux';
+export default FronteggStoreContext;

package/FronteggStoreContext.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { createSelectorHook, createDispatchHook, createStoreHook } from 'react-redux';
+export const FronteggStoreContext = React.createContext(null);
+
+if (process.env.NODE_ENV !== 'production') {
+  FronteggStoreContext.displayName = 'FronteggStoreContext';
+}
+
+export const useSelector = createSelectorHook(FronteggStoreContext);
+export const useDispatch = createDispatchHook(FronteggStoreContext);
+export const useStore = createStoreHook(FronteggStoreContext);
+export { shallowEqual, connectAdvanced, Provider } from 'react-redux';
+export default FronteggStoreContext;

package/audits/auditLogs.d.ts

@@ -1,5 +1,5 @@
-import { StateHookFunction } from './hooks';
-import { AuditLogsActions, AuditLogsState } from '@frontegg/redux-store';
-export declare type AuditLogsStateMapper<S extends object> = (state: AuditLogsState) => S;
-export declare const useAuditLogsState: StateHookFunction<AuditLogsState>;
-export declare const useAuditLogsActions: () => AuditLogsActions;
+import { StateHookFunction } from './hooks';
+import { AuditLogsActions, AuditLogsState } from '@frontegg/redux-store';
+export declare type AuditLogsStateMapper<S extends object> = (state: AuditLogsState) => S;
+export declare const useAuditLogsState: StateHookFunction<AuditLogsState>;
+export declare const useAuditLogsActions: () => AuditLogsActions;

package/audits/auditLogs.js

@@ -0,0 +1,4 @@
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+import { auditLogsActions, auditLogsReducers } from '@frontegg/redux-store';
+export const useAuditLogsState = stateMapper => stateHookGenerator(stateMapper, 'auditLogsState');
+export const useAuditLogsActions = () => reducerActionsGenerator(auditLogsActions, auditLogsReducers);

package/audits/auditsMetadata.d.ts

@@ -1,5 +1,5 @@
-import { StateHookFunction } from './hooks';
-import { AuditsMetadataActions, AuditsMetadataState } from '@frontegg/redux-store';
-export declare type AuditsMetadataStateMapper<S extends object> = (state: AuditsMetadataState) => S;
-export declare const useAuditsMetadataState: StateHookFunction<AuditsMetadataState>;
-export declare const useAuditsMetadataActions: () => AuditsMetadataActions;
+import { StateHookFunction } from './hooks';
+import { AuditsMetadataActions, AuditsMetadataState } from '@frontegg/redux-store';
+export declare type AuditsMetadataStateMapper<S extends object> = (state: AuditsMetadataState) => S;
+export declare const useAuditsMetadataState: StateHookFunction<AuditsMetadataState>;
+export declare const useAuditsMetadataActions: () => AuditsMetadataActions;

package/audits/auditsMetadata.js

@@ -0,0 +1,4 @@
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+import { auditsMetadataActions, auditsMetadataReducers } from '@frontegg/redux-store';
+export const useAuditsMetadataState = stateMapper => stateHookGenerator(stateMapper, 'auditsMetadataState');
+export const useAuditsMetadataActions = () => reducerActionsGenerator(auditsMetadataActions, auditsMetadataReducers);

package/audits/hooks.d.ts

@@ -1,12 +1,12 @@
-import { CaseReducerActions, SliceCaseReducers } from '@frontegg/redux-store';
-import { AuditsActions, AuditsState } from '@frontegg/redux-store';
-export declare type AuthStateMapper<S extends object> = (state: AuditsState) => S;
-export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => S);
-export declare const useAuditsState: <S extends object>(stateMapper?: AuthStateMapper<S> | undefined) => S;
-export declare const useAuditsActions: () => AuditsActions;
-/**
- * hooks helpers
- */
-export declare const sliceReducerActionsBy: <T extends SliceCaseReducers<any>>(reducer: T) => CaseReducerActions<T>;
-export declare const stateHookGenerator: (stateMapper: any, subState: keyof AuditsState) => any;
-export declare const reducerActionsGenerator: (actions: any, reducers: SliceCaseReducers<any>) => any;
+import { CaseReducerActions, SliceCaseReducers } from '@frontegg/redux-store';
+import { AuditsActions, AuditsState } from '@frontegg/redux-store';
+export declare type AuthStateMapper<S extends object> = (state: AuditsState) => S;
+export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => S);
+export declare const useAuditsState: <S extends object>(stateMapper?: AuthStateMapper<S> | undefined) => S;
+export declare const useAuditsActions: () => AuditsActions;
+/**
+ * hooks helpers
+ */
+export declare const sliceReducerActionsBy: <T extends SliceCaseReducers<any>>(reducer: T) => CaseReducerActions<T>;
+export declare const stateHookGenerator: (stateMapper: any, subState: keyof AuditsState) => any;
+export declare const reducerActionsGenerator: (actions: any, reducers: SliceCaseReducers<any>) => any;

package/audits/hooks.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useMemo } from 'react';
+import { bindActionCreators } from '@frontegg/redux-store';
+import { shallowEqual } from 'react-redux';
+import { useSelector, useDispatch } from '../FronteggStoreContext';
+import { auditsActions, auditsStoreName } from '@frontegg/redux-store';
+export const useAuditsState = stateMapper => {
+  return useSelector(state => {
+    var _stateMapper;
+
+    return (_stateMapper = stateMapper == null ? void 0 : stateMapper(state[auditsStoreName])) != null ? _stateMapper : state[auditsStoreName];
+  }, shallowEqual);
+};
+export const useAuditsActions = () => {
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(auditsActions, dispatch), [auditsActions]);
+};
+export const sliceReducerActionsBy = reducer => {
+  const reducerKeys = Object.keys(reducer);
+  const reducerActions = reducerKeys.map(key => ({
+    [key]: auditsActions[key]
+  }));
+  return reducerActions.reduce((p, n) => _extends({}, p, n), {});
+};
+export const stateHookGenerator = (stateMapper, subState) => {
+  return useSelector(state => {
+    var _stateMapper2;
+
+    return (_stateMapper2 = stateMapper == null ? void 0 : stateMapper(state[auditsStoreName][subState])) != null ? _stateMapper2 : state[auditsStoreName][subState];
+  }, shallowEqual);
+};
+export const reducerActionsGenerator = (actions, reducers) => {
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(_extends({}, actions, sliceReducerActionsBy(reducers)), dispatch), [dispatch]);
+};

package/audits/index.d.ts

@@ -1,3 +1,3 @@
-export { useAuditsState, useAuditsActions } from './hooks';
-export * from './auditLogs';
-export * from './auditsMetadata';
+export { useAuditsState, useAuditsActions } from './hooks';
+export * from './auditLogs';
+export * from './auditsMetadata';

package/audits/index.js

@@ -1,5 +1,3 @@
-export { c as useAuditLogsActions, b as useAuditLogsState, a as useAuditsActions, e as useAuditsMetadataActions, d as useAuditsMetadataState, u as useAuditsState } from '../auditsMetadata-9ab88593.js';
-import '@frontegg/redux-store';
-import 'react';
-import 'react-redux';
-import '../FronteggStoreContext-d6c3b684.js';
+export { useAuditsState, useAuditsActions } from './hooks';
+export * from './auditLogs';
+export * from './auditsMetadata';

package/auth/acceptInvitation.d.ts

@@ -1,5 +1,5 @@
-import { AcceptInvitationState, AcceptInvitationActions } from '@frontegg/redux-store';
-import { StateHookFunction } from './hooks';
-export declare type AcceptInvitationStateMapper<S extends object> = (state: AcceptInvitationState) => S;
-export declare const useAcceptInvitationState: StateHookFunction<AcceptInvitationState>;
-export declare const useAcceptInvitationActions: () => AcceptInvitationActions;
+import { AcceptInvitationState, AcceptInvitationActions } from '@frontegg/redux-store';
+import { StateHookFunction } from './hooks';
+export declare type AcceptInvitationStateMapper<S extends object> = (state: AcceptInvitationState) => S;
+export declare const useAcceptInvitationState: StateHookFunction<AcceptInvitationState>;
+export declare const useAcceptInvitationActions: () => AcceptInvitationActions;

package/auth/acceptInvitation.js

@@ -0,0 +1,4 @@
+import { acceptInvitationReducers, acceptInvitationActions } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+export const useAcceptInvitationState = stateMapper => stateHookGenerator(stateMapper, 'acceptInvitationState');
+export const useAcceptInvitationActions = () => reducerActionsGenerator(acceptInvitationActions, acceptInvitationReducers);

package/auth/activateAccount.d.ts

@@ -1,5 +1,5 @@
-import { ActivateAccountState, ActivateAccountActions } from '@frontegg/redux-store';
-import { StateHookFunction } from './hooks';
-export declare type ActivateAccountStateMapper<S extends object> = (state: ActivateAccountState) => S;
-export declare const useActivateAccountState: StateHookFunction<ActivateAccountState>;
-export declare const useActivateAccountActions: () => ActivateAccountActions;
+import { ActivateAccountState, ActivateAccountActions } from '@frontegg/redux-store';
+import { StateHookFunction } from './hooks';
+export declare type ActivateAccountStateMapper<S extends object> = (state: ActivateAccountState) => S;
+export declare const useActivateAccountState: StateHookFunction<ActivateAccountState>;
+export declare const useActivateAccountActions: () => ActivateAccountActions;

package/auth/activateAccount.js

@@ -0,0 +1,4 @@
+import { activateAccountReducers, activateAccountActions } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+export const useActivateAccountState = stateMapper => stateHookGenerator(stateMapper, 'activateState');
+export const useActivateAccountActions = () => reducerActionsGenerator(activateAccountActions, activateAccountReducers);

package/auth/apiTokens.d.ts

@@ -1,5 +1,5 @@
-import { ApiTokensActions, ApiTokensState } from '@frontegg/redux-store';
-import { StateHookFunction } from './hooks';
-export declare type ApiTokensStateMapper<S extends object> = (state: ApiTokensState) => S;
-export declare const useApiTokensState: StateHookFunction<ApiTokensState>;
-export declare const useApiTokensActions: () => ApiTokensActions;
+import { ApiTokensActions, ApiTokensState } from '@frontegg/redux-store';
+import { StateHookFunction } from './hooks';
+export declare type ApiTokensStateMapper<S extends object> = (state: ApiTokensState) => S;
+export declare const useApiTokensState: StateHookFunction<ApiTokensState>;
+export declare const useApiTokensActions: () => ApiTokensActions;

package/auth/apiTokens.js

@@ -0,0 +1,4 @@
+import { apiTokensActions, apiTokensReducers } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+export const useApiTokensState = stateMapper => stateHookGenerator(stateMapper, 'apiTokensState');
+export const useApiTokensActions = () => reducerActionsGenerator(apiTokensActions, apiTokensReducers);

package/auth/forgotPassword.d.ts

@@ -1,5 +1,5 @@
-import { ForgotPasswordState, ForgotPasswordActions } from '@frontegg/redux-store';
-import { StateHookFunction } from './hooks';
-export declare type ForgotPasswordStateMapper<S extends object> = (state: ForgotPasswordState) => S;
-export declare const useForgotPasswordState: StateHookFunction<ForgotPasswordState>;
-export declare const useForgotPasswordActions: () => ForgotPasswordActions;
+import { ForgotPasswordState, ForgotPasswordActions } from '@frontegg/redux-store';
+import { StateHookFunction } from './hooks';
+export declare type ForgotPasswordStateMapper<S extends object> = (state: ForgotPasswordState) => S;
+export declare const useForgotPasswordState: StateHookFunction<ForgotPasswordState>;
+export declare const useForgotPasswordActions: () => ForgotPasswordActions;

package/auth/forgotPassword.js

@@ -0,0 +1,4 @@
+import { forgotPasswordReducers, forgotPasswordActions } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator } from './hooks';
+export const useForgotPasswordState = stateMapper => stateHookGenerator(stateMapper, 'forgotPasswordState');
+export const useForgotPasswordActions = () => reducerActionsGenerator(forgotPasswordActions, forgotPasswordReducers);

package/auth/hooks.d.ts

@@ -1,62 +1,62 @@
-import { CaseReducerActions, SliceCaseReducers } from '@frontegg/redux-store';
-import { AuthActions, AuthPageRoutes, AuthState, User } from '@frontegg/redux-store';
-import { RedirectOptions } from '@frontegg/rest-api';
-export declare type AuthMapper = {
-    state: (state: AuthState) => any;
-    actions: (actions: AuthActions) => any;
-};
-export declare type AuthStateMapper<S extends object> = (state: AuthState) => S;
-export declare type AuthActionsMapper<A> = (state: AuthActions) => A;
-export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => S);
-export declare const useAuth: <S extends object>(stateMapper?: AuthStateMapper<S>) => S;
-/**
- * ```jsx
- * export const MyFunctionComponent = () => {
- *   const { isAuthenticated, user } = useAuth();
- *   const loginWithRedirect = useLoginWithRedirect();
- *
- *   if (!isAuthenticated) {
- *     loginWithRedirect();
- *     return <></>;
- *   }
- *
- *   return (<div>Hello User {user.name}</div>);
- * }
- * ```
- *
- * use this frontegg hook function to get if user is "Authenticated"
- */
-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;
-/**
- * ```jsx
- * export const MyFunctionComponent = () => {
- *   const isAuthenticated  = useIsAuthenticated();
- *   return isAuthenticated ? <div>Hello User</div> : <Redirect to={'/login'}/>
- * }
- * ```
- *
- * use this frontegg hook function to get if user is "Authenticated"
- */
-export declare const useIsAuthenticated: () => boolean;
-/**
- * ```jsx
- * export const MyFunctionComponent = () => {
- *   const user = useAuthUser();
- *   return user ? <div>Hello {user.name}!</div> : <div>Hello Guest!</div>
- * }
- * ```
- *
- * use this frontegg hook function to get the authenticated user
- * the return user is null if not authenticated
- */
-export declare const useAuthUser: () => User;
-export declare const useAuthUserOrNull: () => User | null;
-/**
- * hooks helpers
- */
-export declare const sliceReducerActionsBy: <T extends SliceCaseReducers<any>>(reducer: T) => CaseReducerActions<T>;
-export declare const stateHookGenerator: (stateMapper: any, subState: keyof AuthState) => any;
-export declare const reducerActionsGenerator: (actions: any, reducers: SliceCaseReducers<any>) => any;
+import { CaseReducerActions, SliceCaseReducers } from '@frontegg/redux-store';
+import { AuthActions, AuthPageRoutes, AuthState, User } from '@frontegg/redux-store';
+import { RedirectOptions } from '@frontegg/rest-api';
+export declare type AuthMapper = {
+    state: (state: AuthState) => any;
+    actions: (actions: AuthActions) => any;
+};
+export declare type AuthStateMapper<S extends object> = (state: AuthState) => S;
+export declare type AuthActionsMapper<A> = (state: AuthActions) => A;
+export declare type StateHookFunction<T> = (() => T) & (<S extends object>(mapper: (state: T) => S) => S);
+export declare const useAuth: <S extends object>(stateMapper?: AuthStateMapper<S>) => S;
+/**
+ * ```jsx
+ * export const MyFunctionComponent = () => {
+ *   const { isAuthenticated, user } = useAuth();
+ *   const loginWithRedirect = useLoginWithRedirect();
+ *
+ *   if (!isAuthenticated) {
+ *     loginWithRedirect();
+ *     return <></>;
+ *   }
+ *
+ *   return (<div>Hello User {user.name}</div>);
+ * }
+ * ```
+ *
+ * use this frontegg hook function to get if user is "Authenticated"
+ */
+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;
+/**
+ * ```jsx
+ * export const MyFunctionComponent = () => {
+ *   const isAuthenticated  = useIsAuthenticated();
+ *   return isAuthenticated ? <div>Hello User</div> : <Redirect to={'/login'}/>
+ * }
+ * ```
+ *
+ * use this frontegg hook function to get if user is "Authenticated"
+ */
+export declare const useIsAuthenticated: () => boolean;
+/**
+ * ```jsx
+ * export const MyFunctionComponent = () => {
+ *   const user = useAuthUser();
+ *   return user ? <div>Hello {user.name}!</div> : <div>Hello Guest!</div>
+ * }
+ * ```
+ *
+ * use this frontegg hook function to get the authenticated user
+ * the return user is null if not authenticated
+ */
+export declare const useAuthUser: () => User;
+export declare const useAuthUserOrNull: () => User | null;
+/**
+ * hooks helpers
+ */
+export declare const sliceReducerActionsBy: <T extends SliceCaseReducers<any>>(reducer: T) => CaseReducerActions<T>;
+export declare const stateHookGenerator: (stateMapper: any, subState: keyof AuthState) => any;
+export declare const reducerActionsGenerator: (actions: any, reducers: SliceCaseReducers<any>) => any;

package/auth/hooks.js

@@ -0,0 +1,79 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { useContext, useMemo } from 'react';
+import { bindActionCreators } from '@frontegg/redux-store';
+import { authActions, authStoreName } from '@frontegg/redux-store';
+import { shallowEqual } from 'react-redux';
+import { useSelector, useDispatch } from '../FronteggStoreContext';
+import { ContextHolder } from '@frontegg/rest-api';
+import { ShadowDomContext } from '../common';
+const defaultMapper = {
+  state: state => state,
+  actions: actions => actions
+};
+export const useAuth = (stateMapper = defaultMapper.state) => {
+  return useSelector(state => stateMapper(state[authStoreName]), shallowEqual);
+};
+export const useLoginWithRedirect = () => {
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(authActions.requestHostedLoginAuthorize, dispatch), [authActions.requestHostedLoginAuthorize]);
+};
+export const useAuthActions = () => {
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(authActions, dispatch), [authActions]);
+};
+export const useOnRedirectTo = () => {
+  var _context$onRedirectTo;
+
+  const context = useContext(ShadowDomContext);
+  return (_context$onRedirectTo = context == null ? void 0 : context.onRedirectTo) != null ? _context$onRedirectTo : ContextHolder.onRedirectTo;
+};
+export const useAuthRoutes = () => useAuth(state => _extends({}, state.routes));
+export const useIsAuthenticated = () => useSelector(({
+  [authStoreName]: {
+    isAuthenticated
+  }
+}) => isAuthenticated, shallowEqual);
+export const useAuthUser = () => {
+  const routes = useAuthRoutes();
+  const onRedirectTo = useOnRedirectTo();
+  const user = useAuthUserOrNull();
+
+  if (user == null) {
+    onRedirectTo(routes.loginUrl, {
+      refresh: true
+    });
+    return {};
+  }
+
+  return user;
+};
+export const useAuthUserOrNull = () => {
+  const {
+    user
+  } = useSelector(({
+    [authStoreName]: {
+      user
+    }
+  }) => ({
+    user
+  }), shallowEqual);
+  return user || null;
+};
+export const sliceReducerActionsBy = reducer => {
+  const reducerKeys = Object.keys(reducer);
+  const reducerActions = reducerKeys.map(key => ({
+    [key]: authActions[key]
+  }));
+  return reducerActions.reduce((p, n) => _extends({}, p, n), {});
+};
+export const stateHookGenerator = (stateMapper, subState) => {
+  return useSelector(state => {
+    var _stateMapper;
+
+    return (_stateMapper = stateMapper == null ? void 0 : stateMapper(state[authStoreName][subState])) != null ? _stateMapper : state[authStoreName][subState];
+  }, shallowEqual);
+};
+export const reducerActionsGenerator = (actions, reducers) => {
+  const dispatch = useDispatch();
+  return useMemo(() => bindActionCreators(_extends({}, actions, sliceReducerActionsBy(reducers)), dispatch), [dispatch]);
+};

package/auth/index.d.ts

@@ -1,16 +1,16 @@
-export { useAuth, useAuthActions, useOnRedirectTo, useAuthRoutes, useIsAuthenticated, useAuthUser, useAuthUserOrNull, useLoginWithRedirect } from './hooks';
-export * from './acceptInvitation';
-export * from './activateAccount';
-export * from './apiTokens';
-export * from './forgotPassword';
-export * from './resetPhoneNumber';
-export * from './login';
-export * from './mfa';
-export * from './profile';
-export * from './signup';
-export * from './socialLogin';
-export * from './team';
-export * from './sso';
-export * from './securityPolicy';
-export * from './tenants';
-export * from './roles';
+export { useAuth, useAuthActions, useOnRedirectTo, useAuthRoutes, useIsAuthenticated, useAuthUser, useAuthUserOrNull, useLoginWithRedirect } from './hooks';
+export * from './acceptInvitation';
+export * from './activateAccount';
+export * from './apiTokens';
+export * from './forgotPassword';
+export * from './resetPhoneNumber';
+export * from './login';
+export * from './mfa';
+export * from './profile';
+export * from './signup';
+export * from './socialLogin';
+export * from './team';
+export * from './sso';
+export * from './securityPolicy';
+export * from './tenants';
+export * from './roles';