@frontegg/react-hooks 7.0.0-alpha.6 → 7.0.0-alpha.8

package/FronteggProvider/FronteggProvider.js

@@ -91,7 +91,7 @@ const FronteggContent = ({
   });
 };
 export const FronteggStoreProvider = props => {
-  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options$builderM, _app$options5, _app$options6, _app$options7, _app$options8;
+  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options$builderM, _app$options5, _app$options6, _app$options7, _app$options8, _app$name;
   const {
     children,
     app,
@@ -113,11 +113,12 @@ export const FronteggStoreProvider = props => {
   }) : {
     hostedLoginBox: app == null ? void 0 : (_app$options8 = app.options) == null ? void 0 : _app$options8.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$store, _app$name, _app$options9;
+    var _app$store, _app$options9;
     return (_app$store = app == null ? void 0 : app.store) != null ? _app$store : createStore({
-      name: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default',
+      name: appName,
       context,
       previewMode,
       builderMode,

package/auth/hooks.js

@@ -2,6 +2,7 @@ import { useContext } from 'react';
 import { ContextHolder } from '@frontegg/rest-api';
 import { FronteggStoreContext, useStore } from '../FronteggStoreContext';
 import { useSnapshot } from '../useSnapshot';
+import { useShadowDom } from '../common';
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -76,7 +77,10 @@ export const useOnRedirectTo = () => {
   const {
     onRedirectTo
   } = useAuth();
-  return onRedirectTo || ContextHolder.onRedirectTo;
+  const {
+    appName
+  } = useShadowDom();
+  return onRedirectTo || ContextHolder.for(appName).onRedirectTo;
 };
 export const useAuthRoutes = () => useAuthState().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 { useStore } from '../FronteggStoreContext';
 import { useSnapshot } from '../useSnapshot';
+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 useSnapshot(useStore().store.root);

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v7.0.0-alpha.6
+/** @license Frontegg v7.0.0-alpha.8
  *
  * 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/FronteggProvider.js

@@ -98,7 +98,7 @@ const FronteggContent = ({
   });
 };
 const FronteggStoreProvider = props => {
-  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options$builderM, _app$options5, _app$options6, _app$options7, _app$options8;
+  var _app$options$contextO, _app$options3, _app$options$previewM, _app$options4, _app$options$builderM, _app$options5, _app$options6, _app$options7, _app$options8, _app$name;
   const {
     children,
     app,
@@ -120,11 +120,12 @@ const FronteggStoreProvider = props => {
   }) : {
     hostedLoginBox: app == null ? void 0 : (_app$options8 = app.options) == null ? void 0 : _app$options8.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$store, _app$name, _app$options9;
+    var _app$store, _app$options9;
     return (_app$store = app == null ? void 0 : app.store) != null ? _app$store : (0, _reduxStore.createStore)({
-      name: (_app$name = app == null ? void 0 : app.name) != null ? _app$name : 'default',
+      name: appName,
       context,
       previewMode,
       builderMode,

package/node/auth/hooks.js

@@ -11,6 +11,7 @@ var _react = require("react");
 var _restApi = require("@frontegg/rest-api");
 var _FronteggStoreContext = require("../FronteggStoreContext");
 var _useSnapshot = require("../useSnapshot");
+var _common = require("../common");
 const defaultMapper = {
   state: state => state,
   actions: actions => actions
@@ -88,7 +89,10 @@ const useOnRedirectTo = () => {
   const {
     onRedirectTo
   } = useAuth();
-  return onRedirectTo || _restApi.ContextHolder.onRedirectTo;
+  const {
+    appName
+  } = (0, _common.useShadowDom)();
+  return onRedirectTo || _restApi.ContextHolder.for(appName).onRedirectTo;
 };
 exports.useOnRedirectTo = useOnRedirectTo;
 const useAuthRoutes = () => useAuthState().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 _useSnapshot = require("../useSnapshot");
+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 v7.0.0-alpha.6
+/** @license Frontegg v7.0.0-alpha.8
  *
  * 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": "7.0.0-alpha.6",
+  "version": "7.0.0-alpha.8",
   "main": "./node/index.js",
   "license": "MIT",
   "author": "Frontegg LTD",
   "dependencies": {
     "@babel/runtime": "^7.18.6",
-    "@frontegg/redux-store": "7.0.0-alpha.6",
-    "@frontegg/types": "7.0.0-alpha.6",
+    "@frontegg/redux-store": "7.0.0-alpha.8",
+    "@frontegg/types": "7.0.0-alpha.8",
     "@types/react": "*",
     "get-value": "^3.0.1"
   },