@frontegg/react-hooks 6.165.0-alpha.10 → 6.165.0-alpha.12

package/auth/stepUp/interfaces.d.ts

@@ -1,14 +1,2 @@
 import { StepUpState } from '@frontegg/redux-store';
 export declare type StepUpStateMapper<S> = (state: StepUpState) => S;
-/**
- * Step up options (for stepUp function)
- */
-export interface StepUpOptions {
-    maxAge?: number;
-}
-/**
- * useIsSteppedUp hook options
- */
-export interface UseIsSteppedUpOptions {
-    maxAge?: number;
-}

package/auth/stepUp/stepUp.d.ts

@@ -1,17 +1,8 @@
-import { StepUpState, StepUpActions } from '@frontegg/redux-store';
-import { RedirectOptions } from '@frontegg/rest-api';
-import { StepUpStateMapper, UseIsSteppedUpOptions } from './interfaces';
+import { StepUpState, StepUpActions, IsSteppedUpOptions } from '@frontegg/redux-store';
+import { StepUpStateMapper } from './interfaces';
 export declare function useStepUpState(): StepUpState;
 export declare function useStepUpState<S>(stateMapper: StepUpStateMapper<S>): S;
 export declare const useStepUpActions: () => StepUpActions;
-/**
- * Redirects to the step up url with the max age param and set the redirect url in the local storage
- * The redirect url will be used after the step up flow is done
- * @param stepUpUrl - step up url to redirect to
- * @param onRedirectTo - redirect to function
- * @param maxAge - max age of step up
- */
-export declare const redirectByStepUpUrl: (stepUpUrl: string, onRedirectTo: (path: string, opts?: RedirectOptions | undefined) => void, maxAge?: number | undefined) => void;
 /**
  * @returns max age from the query param as a number or null if not exists
  */
@@ -24,4 +15,4 @@ export declare const useStepUp: () => any;
  * @param options.maxAge - max age of step up
  * @returns true when the user is stepped up, false otherwise
  */
-export declare const useIsSteppedUp: ({ maxAge }?: UseIsSteppedUpOptions) => boolean;
+export declare const useIsSteppedUp: (options?: IsSteppedUpOptions) => boolean;

package/auth/stepUp/stepUp.js

@@ -1,29 +1,12 @@
-import { FRONTEGG_AFTER_AUTH_REDIRECT_URL, stepUpReducers, stepUpActions, getSearchParam, isSteppedUp } from '@frontegg/redux-store';
-import { reducerActionsGenerator, stateHookGenerator, useAuthRoutes, useAuthUser, useOnRedirectTo } from '../hooks';
+import { stepUpReducers, stepUpActions, getSearchParam, isSteppedUp, STEP_UP_MAX_AGE_PARAM_NAME, redirectByStepUpUrl } from '@frontegg/redux-store';
+import { reducerActionsGenerator, stateHookGenerator, useAuth, useAuthRoutes, useAuthUserOrNull, useOnRedirectTo } from '../hooks';
 import { useCallback } from 'react';
-import { STEP_UP_MAX_AGE_PARAM_NAME } from './consts';
 const defaultMapper = state => state;
 export function useStepUpState(stateMapper = defaultMapper) {
   return stateHookGenerator(stateMapper, 'stepUpState');
 }
 export const useStepUpActions = () => reducerActionsGenerator(stepUpActions, stepUpReducers);
 
-/**
- * Redirects to the step up url with the max age param and set the redirect url in the local storage
- * The redirect url will be used after the step up flow is done
- * @param stepUpUrl - step up url to redirect to
- * @param onRedirectTo - redirect to function
- * @param maxAge - max age of step up
- */
-export const redirectByStepUpUrl = (stepUpUrl, onRedirectTo, maxAge) => {
-  const encodedRedirectUrl = window.location.pathname + window.location.search;
-  const maxAgePart = maxAge !== undefined ? `?${STEP_UP_MAX_AGE_PARAM_NAME}=${maxAge}` : '';
-  window.localStorage.setItem(FRONTEGG_AFTER_AUTH_REDIRECT_URL, encodedRedirectUrl);
-  onRedirectTo(`${stepUpUrl}${maxAgePart}`, {
-    refresh: false
-  });
-};
-
 /**
  * @returns max age from the query param as a number or null if not exists
  */
@@ -39,28 +22,27 @@ export const useStepUp = () => {
   const {
     stepUpUrl
   } = useAuthRoutes();
+  const {
+    hostedLoginBox
+  } = useAuth();
+  const {
+    stepUpHostedLogin
+  } = useStepUpActions();
   const onRedirectTo = useOnRedirectTo();
   return useCallback(options => {
+    if (hostedLoginBox) {
+      stepUpHostedLogin(options || {});
+      return;
+    }
     redirectByStepUpUrl(stepUpUrl, onRedirectTo, options == null ? void 0 : options.maxAge);
-  }, [stepUpUrl, onRedirectTo]);
+  }, [stepUpUrl, onRedirectTo, stepUpHostedLogin, hostedLoginBox]);
 };
 
 /**
  * @param options.maxAge - max age of step up
  * @returns true when the user is stepped up, false otherwise
  */
-export const useIsSteppedUp = ({
-  maxAge
-} = {}) => {
-  const {
-    amr = [],
-    acr = '',
-    auth_time
-  } = useAuthUser();
-  return isSteppedUp({
-    amr,
-    acr,
-    auth_time,
-    maxAge
-  });
+export const useIsSteppedUp = (options = {}) => {
+  const user = useAuthUserOrNull();
+  return isSteppedUp(user, options);
 };

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.165.0-alpha.10
+/** @license Frontegg v6.165.0-alpha.12
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/auth/stepUp/stepUp.js

@@ -3,41 +3,23 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useStepUpActions = exports.useStepUp = exports.useIsSteppedUp = exports.redirectByStepUpUrl = exports.getMaxAgeFromQueryParam = void 0;
+exports.useStepUpActions = exports.useStepUp = exports.useIsSteppedUp = exports.getMaxAgeFromQueryParam = void 0;
 exports.useStepUpState = useStepUpState;
 var _reduxStore = require("@frontegg/redux-store");
 var _hooks = require("../hooks");
 var _react = require("react");
-var _consts = require("./consts");
 const defaultMapper = state => state;
 function useStepUpState(stateMapper = defaultMapper) {
   return (0, _hooks.stateHookGenerator)(stateMapper, 'stepUpState');
 }
 const useStepUpActions = () => (0, _hooks.reducerActionsGenerator)(_reduxStore.stepUpActions, _reduxStore.stepUpReducers);
 
-/**
- * Redirects to the step up url with the max age param and set the redirect url in the local storage
- * The redirect url will be used after the step up flow is done
- * @param stepUpUrl - step up url to redirect to
- * @param onRedirectTo - redirect to function
- * @param maxAge - max age of step up
- */
-exports.useStepUpActions = useStepUpActions;
-const redirectByStepUpUrl = (stepUpUrl, onRedirectTo, maxAge) => {
-  const encodedRedirectUrl = window.location.pathname + window.location.search;
-  const maxAgePart = maxAge !== undefined ? `?${_consts.STEP_UP_MAX_AGE_PARAM_NAME}=${maxAge}` : '';
-  window.localStorage.setItem(_reduxStore.FRONTEGG_AFTER_AUTH_REDIRECT_URL, encodedRedirectUrl);
-  onRedirectTo(`${stepUpUrl}${maxAgePart}`, {
-    refresh: false
-  });
-};
-
 /**
  * @returns max age from the query param as a number or null if not exists
  */
-exports.redirectByStepUpUrl = redirectByStepUpUrl;
+exports.useStepUpActions = useStepUpActions;
 const getMaxAgeFromQueryParam = () => {
-  const str = (0, _reduxStore.getSearchParam)(_consts.STEP_UP_MAX_AGE_PARAM_NAME);
+  const str = (0, _reduxStore.getSearchParam)(_reduxStore.STEP_UP_MAX_AGE_PARAM_NAME);
   return str === undefined ? undefined : +str;
 };
 
@@ -49,10 +31,20 @@ const useStepUp = () => {
   const {
     stepUpUrl
   } = (0, _hooks.useAuthRoutes)();
+  const {
+    hostedLoginBox
+  } = (0, _hooks.useAuth)();
+  const {
+    stepUpHostedLogin
+  } = useStepUpActions();
   const onRedirectTo = (0, _hooks.useOnRedirectTo)();
   return (0, _react.useCallback)(options => {
-    redirectByStepUpUrl(stepUpUrl, onRedirectTo, options == null ? void 0 : options.maxAge);
-  }, [stepUpUrl, onRedirectTo]);
+    if (hostedLoginBox) {
+      stepUpHostedLogin(options || {});
+      return;
+    }
+    (0, _reduxStore.redirectByStepUpUrl)(stepUpUrl, onRedirectTo, options == null ? void 0 : options.maxAge);
+  }, [stepUpUrl, onRedirectTo, stepUpHostedLogin, hostedLoginBox]);
 };
 
 /**
@@ -60,19 +52,8 @@ const useStepUp = () => {
  * @returns true when the user is stepped up, false otherwise
  */
 exports.useStepUp = useStepUp;
-const useIsSteppedUp = ({
-  maxAge
-} = {}) => {
-  const {
-    amr = [],
-    acr = '',
-    auth_time
-  } = (0, _hooks.useAuthUser)();
-  return (0, _reduxStore.isSteppedUp)({
-    amr,
-    acr,
-    auth_time,
-    maxAge
-  });
+const useIsSteppedUp = (options = {}) => {
+  const user = (0, _hooks.useAuthUserOrNull)();
+  return (0, _reduxStore.isSteppedUp)(user, options);
 };
 exports.useIsSteppedUp = useIsSteppedUp;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.165.0-alpha.10
+/** @license Frontegg v6.165.0-alpha.12
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

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

package/auth/stepUp/consts.d.ts

@@ -1,4 +0,0 @@
-/**
- * The name of the query param that contains the max age of the step up
- */
-export declare const STEP_UP_MAX_AGE_PARAM_NAME = "maxAge";

package/auth/stepUp/consts.js

@@ -1,4 +0,0 @@
-/**
- * The name of the query param that contains the max age of the step up
- */
-export const STEP_UP_MAX_AGE_PARAM_NAME = 'maxAge';

package/node/auth/stepUp/consts.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.STEP_UP_MAX_AGE_PARAM_NAME = void 0;
-/**
- * The name of the query param that contains the max age of the step up
- */
-const STEP_UP_MAX_AGE_PARAM_NAME = 'maxAge';
-exports.STEP_UP_MAX_AGE_PARAM_NAME = STEP_UP_MAX_AGE_PARAM_NAME;