@frontegg/react-hooks 6.197.0-alpha.0 → 6.198.0-alpha.0

package/FronteggProvider/index.js

@@ -93,7 +93,7 @@ const FronteggContent = ({
   });
 };
 export const FronteggStoreProvider = props => {
-  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6;
+  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6, _app$name;
   const {
     children,
     app,
@@ -113,12 +113,13 @@ export const FronteggStoreProvider = props => {
   }) : {
     hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
   };
-  ContextHolder.setContext(context);
+  const appName = (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default';
+  ContextHolder.for(appName).setContext(context);
   const store = useMemo(() => {
-    var _app$name, _app$options7;
+    var _app$options7;
     return createFronteggStore({
       context,
-      appName: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default'
+      appName
     }, app, previewMode, authOptions, undefined, false, app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy);
   }, [app, previewMode]);
   return /*#__PURE__*/_jsxs(Provider, {

package/auth/hooks.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useContext, useMemo } from 'react';
+import { 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';
+import { useShadowDom } from '../common';
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -68,9 +68,13 @@ export const useAuthActions = () => {
   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;
+  const {
+    onRedirectTo
+  } = useAuth();
+  const {
+    appName
+  } = useShadowDom();
+  return onRedirectTo || ContextHolder.for(appName).onRedirectTo;
 };
 export const useAuthRoutes = () => useAuth(state => _extends({}, state.routes));
 

package/common/index.d.ts

@@ -1,6 +1,7 @@
 import { Dispatch, SetStateAction } from 'react';
 import { FronteggAppInstance, FronteggAppOptions } from '@frontegg/types';
 import type { FronteggState } from '@frontegg/redux-store';
+import { FetchClient, FronteggApiClient } from '@frontegg/rest-api';
 interface ShadowDomContextData extends FronteggAppOptions {
     injector: FronteggAppInstance;
     iframeRendering: boolean;
@@ -13,6 +14,9 @@ interface ShadowDomContextData extends FronteggAppOptions {
 }
 export interface DomContext extends ShadowDomContextData {
     isShadowDom: boolean;
+    fetchClient: FetchClient;
+    apiClient: FronteggApiClient;
+    appName: string;
 }
 export declare const ShadowDomContext: import("react").Context<ShadowDomContextData>;
 export declare const useShadowDom: () => DomContext;

package/common/index.js

@@ -4,8 +4,10 @@ const _excluded = ["urlStrategy", "onRedirectTo", "renderByRoute", "customLoader
 import { createContext, useContext } from 'react';
 import { useSelector } from '../FronteggStoreContext';
 import { shallowEqual } from 'react-redux';
+import { FetchClient, createApiClient } from '@frontegg/rest-api';
 export const ShadowDomContext = /*#__PURE__*/createContext({});
 export const useShadowDom = () => {
+  var _rest$injector$name, _rest$injector;
   const context = useContext(ShadowDomContext);
   const {
       urlStrategy = 'path',
@@ -16,6 +18,7 @@ export const useShadowDom = () => {
       contextOptions
     } = context,
     rest = _objectWithoutPropertiesLoose(context, _excluded);
+  const appName = (_rest$injector$name = (_rest$injector = rest.injector) == null ? void 0 : _rest$injector.name) != null ? _rest$injector$name : 'default';
   return _extends({
     isShadowDom: true,
     onRedirectTo,
@@ -26,7 +29,11 @@ export const useShadowDom = () => {
     contextOptions: _extends({
       requestCredentials: 'include'
     }, contextOptions)
-  }, rest);
+  }, rest, {
+    appName,
+    fetchClient: new FetchClient(appName),
+    apiClient: createApiClient(appName)
+  });
 };
 export const useRootState = () => {
   return useSelector(state => state.root, shallowEqual);

package/index.js

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

package/node/FronteggProvider/index.js

@@ -100,7 +100,7 @@ const FronteggContent = ({
   });
 };
 const FronteggStoreProvider = props => {
-  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6;
+  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options5, _app$options6, _app$name;
   const {
     children,
     app,
@@ -120,12 +120,13 @@ const FronteggStoreProvider = props => {
   }) : {
     hostedLoginBox: app == null ? void 0 : (_app$options6 = app.options) == null ? void 0 : _app$options6.hostedLoginBox
   };
-  _restApi.ContextHolder.setContext(context);
+  const appName = (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default';
+  _restApi.ContextHolder.for(appName).setContext(context);
   const store = (0, _react.useMemo)(() => {
-    var _app$name, _app$options7;
+    var _app$options7;
     return (0, _reduxStore.createFronteggStore)({
       context,
-      appName: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default'
+      appName
     }, app, previewMode, authOptions, undefined, false, app == null ? void 0 : (_app$options7 = app.options) == null ? void 0 : _app$options7.urlStrategy);
   }, [app, previewMode]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FronteggStoreContext.Provider, {

package/node/auth/hooks.js

@@ -79,9 +79,13 @@ const useAuthActions = () => {
 };
 exports.useAuthActions = useAuthActions;
 const useOnRedirectTo = () => {
-  var _context$onRedirectTo;
-  const context = (0, _react.useContext)(_common.ShadowDomContext);
-  return (_context$onRedirectTo = context == null ? void 0 : context.onRedirectTo) != null ? _context$onRedirectTo : _restApi.ContextHolder.onRedirectTo;
+  const {
+    onRedirectTo
+  } = useAuth();
+  const {
+    appName
+  } = (0, _common.useShadowDom)();
+  return onRedirectTo || _restApi.ContextHolder.for(appName).onRedirectTo;
 };
 exports.useOnRedirectTo = useOnRedirectTo;
 const useAuthRoutes = () => useAuth(state => (0, _extends2.default)({}, state.routes));

package/node/common/index.js

@@ -15,6 +15,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = require("react");
 var _FronteggStoreContext = require("../FronteggStoreContext");
 var _reactRedux = require("react-redux");
+var _restApi = require("@frontegg/rest-api");
 var _CustomComponentHolder = require("./CustomComponentHolder");
 Object.keys(_CustomComponentHolder).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -31,6 +32,7 @@ const _excluded = ["urlStrategy", "onRedirectTo", "renderByRoute", "customLoader
 const ShadowDomContext = /*#__PURE__*/(0, _react.createContext)({});
 exports.ShadowDomContext = ShadowDomContext;
 const useShadowDom = () => {
+  var _rest$injector$name, _rest$injector;
   const context = (0, _react.useContext)(ShadowDomContext);
   const {
       urlStrategy = 'path',
@@ -41,6 +43,7 @@ const useShadowDom = () => {
       contextOptions
     } = context,
     rest = (0, _objectWithoutPropertiesLoose2.default)(context, _excluded);
+  const appName = (_rest$injector$name = (_rest$injector = rest.injector) == null ? void 0 : _rest$injector.name) != null ? _rest$injector$name : 'default';
   return (0, _extends2.default)({
     isShadowDom: true,
     onRedirectTo,
@@ -51,7 +54,11 @@ const useShadowDom = () => {
     contextOptions: (0, _extends2.default)({
       requestCredentials: 'include'
     }, contextOptions)
-  }, rest);
+  }, rest, {
+    appName,
+    fetchClient: new _restApi.FetchClient(appName),
+    apiClient: (0, _restApi.createApiClient)(appName)
+  });
 };
 exports.useShadowDom = useShadowDom;
 const useRootState = () => {

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.197.0-alpha.0
+/** @license Frontegg v6.198.0-alpha.0
  *
  * 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.197.0-alpha.0",
+  "version": "6.198.0-alpha.0",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/redux-store": "6.197.0-alpha.0",
-    "@frontegg/types": "6.197.0-alpha.0",
+    "@frontegg/redux-store": "6.198.0-alpha.0",
+    "@frontegg/types": "6.198.0-alpha.0",
     "@types/react": "*",
     "get-value": "^3.0.1",
     "react-redux": "^7.x"