@frontegg/js 7.0.0-alpha.6 → 7.0.0-alpha.8

package/FronteggApp/FronteggApp.d.ts

@@ -1,6 +1,6 @@
-import { FronteggStore, EntitledToOptions, Entitlement, StepUpOptions, IsSteppedUpOptions } from '@frontegg/redux-store';
-import { FronteggAppOptions, FronteggCheckoutDialogOptions, LocalizationsOverrides, LoadEntitlementsCallback, ShowAdminPortalOptions, SwitchTenantOptions } from '@frontegg/types';
-import { IFeatureFlagsAttributes } from '@frontegg/rest-api';
+import { EntitledToOptions, Entitlement, FronteggStore, IsSteppedUpOptions, StepUpOptions } from '@frontegg/redux-store';
+import { FronteggAppOptions, FronteggCheckoutDialogOptions, LoadEntitlementsCallback, LocalizationsOverrides, ShowAdminPortalOptions, SwitchTenantOptions } from '@frontegg/types';
+import { FetchClient, FronteggApiClient, IFeatureFlagsAttributes } from '@frontegg/rest-api';
 import { CustomAttributes } from '@frontegg/entitlements-javascript-commons';
 declare type FronteggAppContainers = {
     adminPortalEl: HTMLElement;
@@ -28,6 +28,8 @@ export declare class FronteggApp {
     loginBoxRenderer?: any;
     store: FronteggStore;
     loadingListeners: (() => void)[];
+    fetchClient: FetchClient;
+    apiClient: FronteggApiClient;
     updateLocalizations?: (localizations: LocalizationsOverrides) => void;
     constructor(_options: FronteggAppOptions, name: string, iframeRendering?: boolean, allowMultipleRenderers?: boolean);
     /**
@@ -60,7 +62,7 @@ export declare class FronteggApp {
     updateMetadata(metadata: FronteggAppOptions['metadata']): void;
     addOnLoadedListener(listener: () => void): void;
     ready(listener: () => void): void;
-    loginWithRedirect(): void;
+    loginWithRedirect(additionalParams?: Record<string, any>): void;
     logout(): void;
     loadScript(component: string): Promise<unknown>;
     loadLoginBox(): Promise<void>;

package/FronteggApp/FronteggApp.js

@@ -3,20 +3,18 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { getPermissionEntitlements as _getPermissionEntitlements, getFeatureEntitlements as _getFeatureEntitlements, redirectByStepUpUrl, isSteppedUp as _isSteppedUp, createStore } from '@frontegg/redux-store';
+import * as FronteggReduxStore from '@frontegg/redux-store';
+import { createStore, getFeatureEntitlements as _getFeatureEntitlements, getPermissionEntitlements as _getPermissionEntitlements, isSteppedUp as _isSteppedUp, redirectByStepUpUrl } from '@frontegg/redux-store';
+import * as FronteggTypes from '@frontegg/types';
 import { Metadata } from '@frontegg/types';
 import { formatName, restoreSearchParams } from '../utils';
 import { AppHolder } from '../AppHolder';
-import { fetch as FronteggFetch, ContextHolder } from '@frontegg/rest-api';
-import { RequestSource } from '@frontegg/rest-api';
 import * as FronteggRestApi from '@frontegg/rest-api';
-import * as FronteggTypes from '@frontegg/types';
-import * as FronteggReduxStore from '@frontegg/redux-store';
+import { ContextHolder, createApiClient, FetchClient, RequestSource } from '@frontegg/rest-api';
 import versions from '../version';
 import { mockFlagsList } from '../utils/mockFlagsList';
-import { loadGTM } from './utils';
+import { getOverriddenMetadata, loadGTM } from './utils';
 import * as ValtioVanilla from 'valtio/vanilla';
-import deepMerge from 'deepmerge';
 export var FronteggApp = /*#__PURE__*/function () {
   function FronteggApp(_options, name) {
     var _this = this,
@@ -42,61 +40,43 @@ export var FronteggApp = /*#__PURE__*/function () {
     this.loginBoxRenderer = void 0;
     this.store = void 0;
     this.loadingListeners = [];
+    this.fetchClient = void 0;
+    this.apiClient = void 0;
     this.updateLocalizations = void 0;
     this.loadAdminBoxMetadata = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var Get, _data$rows, _data$rows$, _data$rows$$configura, _data$rows$$configura2, _data$rows$0$configur, _data$rows2, _data$rows2$, data, overrideUrl, metadata, overrideData;
+      var _data$rows$0$configur, _data$rows, _data$rows$, data, metadata;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            Get = FronteggFetch.Get;
             if (_this.options.metadata) {
-              _context.next = 25;
+              _context.next = 14;
               break;
             }
-            _context.prev = 2;
-            _context.next = 5;
-            return Get('/metadata', {
+            _context.prev = 1;
+            _context.next = 4;
+            return _this.fetchClient.get('/metadata', {
               entityName: 'adminBox'
             });
-          case 5:
+          case 4:
             data = _context.sent;
-            overrideUrl = data == null ? void 0 : (_data$rows = data.rows) == null ? void 0 : (_data$rows$ = _data$rows[0]) == null ? void 0 : (_data$rows$$configura = _data$rows$.configuration) == null ? void 0 : (_data$rows$$configura2 = _data$rows$$configura.metadataOverrides) == null ? void 0 : _data$rows$$configura2.url;
-            metadata = (_data$rows$0$configur = data == null ? void 0 : (_data$rows2 = data.rows) == null ? void 0 : (_data$rows2$ = _data$rows2[0]) == null ? void 0 : _data$rows2$.configuration) != null ? _data$rows$0$configur : {};
-            if (!overrideUrl) {
-              _context.next = 19;
-              break;
-            }
-            _context.prev = 9;
-            _context.next = 12;
-            return Get(overrideUrl, {}, {
-              credentials: 'same-origin'
-            });
-          case 12:
-            overrideData = _context.sent;
-            if (overrideData) {
-              metadata = deepMerge(metadata, overrideData);
-            }
-            _context.next = 19;
+            metadata = (_data$rows$0$configur = data == null ? void 0 : (_data$rows = data.rows) == null ? void 0 : (_data$rows$ = _data$rows[0]) == null ? void 0 : _data$rows$.configuration) != null ? _data$rows$0$configur : {};
+            _context.next = 8;
+            return getOverriddenMetadata(metadata, _this.fetchClient);
+          case 8:
+            _this.options.metadata = _context.sent;
+            _context.next = 14;
             break;
-          case 16:
-            _context.prev = 16;
-            _context.t0 = _context["catch"](9);
-            console.error('Failed to get metadata overrides', _context.t0);
-          case 19:
-            _this.options.metadata = metadata;
-            _context.next = 25;
-            break;
-          case 22:
-            _context.prev = 22;
-            _context.t1 = _context["catch"](2);
-            console.error('failed to get admin portal metadata', _context.t1);
-          case 25:
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](1);
+            console.error('failed to get admin portal metadata', _context.t0);
+          case 14:
             Metadata.set(_this.options.metadata, _this.name);
-          case 26:
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 22], [9, 16]]);
+      }, _callee, null, [[1, 11]]);
     }));
     this.requestAuthorize = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _this$options$authOpt, _this$options$authOpt2;
@@ -144,7 +124,7 @@ export var FronteggApp = /*#__PURE__*/function () {
           case 4:
             _context3.prev = 4;
             _context3.next = 7;
-            return FronteggRestApi.loadFeatureFlags();
+            return _this.apiClient.featureFlags.loadFeatureFlags();
           case 7:
             flags = _context3.sent;
             if (_this.options.overrideFeatureFlags) {
@@ -200,6 +180,8 @@ export var FronteggApp = /*#__PURE__*/function () {
         requestCredentials: 'include'
       }, _options.contextOptions)
     });
+    this.fetchClient = new FetchClient(this.name);
+    this.apiClient = createApiClient(this.name);
     if (this.options.cdnUrl) {
       this.cdnUrl = this.options.cdnUrl;
     }
@@ -232,13 +214,18 @@ export var FronteggApp = /*#__PURE__*/function () {
       });
     }
     AppHolder.setInstance(appName, this);
+    var contextHolder = ContextHolder["for"](appName);
+    contextHolder.setAppName(appName);
     this.setEntitlementsOptions(_options.entitlementsOptions);
     this.setSessionContext({
       enableSessionPerTenant: (_options$authOptions = _options.authOptions) == null ? void 0 : _options$authOptions.enableSessionPerTenant
     });
 
-    // for feature flags (for entitlements)
-    ContextHolder.setAppName(appName);
+    // pay attention: basename is used from the router base name, then if it's empty it will be the frontegg options basename
+    var basename = _options.basename;
+    if (basename) {
+      contextHolder.setBasename(basename);
+    }
   }
 
   /**
@@ -248,12 +235,12 @@ export var FronteggApp = /*#__PURE__*/function () {
   _createClass(FronteggApp, [{
     key: "setEntitlementsOptions",
     value: function setEntitlementsOptions(entitlementsOptions) {
-      ContextHolder.setEntitlementsOptions(Object.assign({}, entitlementsOptions));
+      ContextHolder["for"](this.name).setEntitlementsOptions(Object.assign({}, entitlementsOptions));
     }
   }, {
     key: "setSessionContext",
     value: function setSessionContext(sessionContext) {
-      ContextHolder.setSessionContext(Object.assign({}, sessionContext));
+      ContextHolder["for"](this.name).setSessionContext(Object.assign({}, sessionContext));
     }
   }, {
     key: "initContainers",
@@ -331,6 +318,7 @@ export var FronteggApp = /*#__PURE__*/function () {
   }, {
     key: "loginWithRedirect",
     value: function loginWithRedirect() {
+      var additionalParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       this.store.dispatch({
         type: 'auth/setState',
         payload: {
@@ -338,7 +326,8 @@ export var FronteggApp = /*#__PURE__*/function () {
         }
       });
       this.store.dispatch({
-        type: 'auth/requestHostedLoginAuthorize'
+        type: 'auth/requestHostedLoginAuthorize',
+        payload: additionalParams
       });
     }
   }, {
@@ -443,7 +432,7 @@ export var FronteggApp = /*#__PURE__*/function () {
                 isMultiApp: false
               }, isMultiApp = _ref4.isMultiApp;
               _this$queryFeatureFla = this.queryFeatureFlags(['multi-apps-admin-portal']), _this$queryFeatureFla2 = _slicedToArray(_this$queryFeatureFla, 1), multiAppsFlag = _this$queryFeatureFla2[0];
-              FronteggRestApi.ContextHolder.setRequestSource(RequestSource.AdminPortal);
+              ContextHolder["for"](this.name).setRequestSource(RequestSource.AdminPortal);
               _context6.next = 5;
               return this.loadScript('FronteggAdminPortal');
             case 5:
@@ -491,7 +480,7 @@ export var FronteggApp = /*#__PURE__*/function () {
         (_this$adminPortalRend = this.adminPortalRenderer) == null ? void 0 : _this$adminPortalRend.unmount();
         // unmount is removing url search params, therefore we need to restore them after unmount
         restoreSearchParams(searchParams);
-        FronteggRestApi.ContextHolder.setRequestSource(null);
+        ContextHolder["for"](this.name).setRequestSource(null);
       } catch (e) {
         console.error('Failed to unmount admin portal', e);
       }

package/FronteggApp/index.d.ts

@@ -1 +1,2 @@
 export * from './FronteggApp';
+export { getOverriddenMetadata } from './utils';

package/FronteggApp/index.js

@@ -1 +1,2 @@
-export * from './FronteggApp';
+export * from './FronteggApp';
+export { getOverriddenMetadata } from './utils';

package/FronteggApp/utils.d.ts

@@ -1,5 +1,13 @@
+import { FronteggMetadata } from '@frontegg/types';
+import { FetchClient } from '@frontegg/rest-api';
 /**
  * load gtm scripts by using metadata gtm keys
  * @param fronteggAppName
  */
 export declare const loadGTM: (fronteggAppName: string) => void;
+/**
+ * @param metadata {FronteggMetadata}
+ * this function will get metadata overrides from the metadataOverrides.url and will return a new object with override of old metadata
+ * @param fetchClient
+ */
+export declare const getOverriddenMetadata: (metadata: FronteggMetadata, fetchClient: FetchClient) => Promise<FronteggMetadata>;

package/FronteggApp/utils.js

@@ -1,4 +1,7 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { Metadata } from '@frontegg/types';
+import deepMerge from 'deepmerge';
 
 /**
  * To prevent XSS attack, this function check for gtm key validity
@@ -30,4 +33,56 @@ export var loadGTM = function loadGTM(fronteggAppName) {
     script.innerHTML = "\n        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n        })(window,document,'script','dataLayer','".concat(id, "');\n      ");
     document.body.appendChild(script);
   });
-};
+};
+
+/**
+ * @param metadata {FronteggMetadata}
+ * this function will get metadata overrides from the metadataOverrides.url and will return a new object with override of old metadata
+ * @param fetchClient
+ */
+export var getOverriddenMetadata = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(metadata, fetchClient) {
+    var _metadata$metadataOve;
+    var overrideUrl, overrideData, overriddenMetadata;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          overrideUrl = (_metadata$metadataOve = metadata.metadataOverrides) == null ? void 0 : _metadata$metadataOve.url;
+          if (overrideUrl) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return", metadata);
+        case 3:
+          _context.prev = 3;
+          _context.next = 6;
+          return fetchClient.get(overrideUrl, {}, {
+            credentials: 'same-origin'
+          });
+        case 6:
+          overrideData = _context.sent;
+          if (!overrideData) {
+            _context.next = 10;
+            break;
+          }
+          overriddenMetadata = deepMerge(metadata, overrideData);
+          return _context.abrupt("return", overriddenMetadata);
+        case 10:
+          _context.next = 15;
+          break;
+        case 12:
+          _context.prev = 12;
+          _context.t0 = _context["catch"](3);
+          console.error('Failed to get metadata overrides', _context.t0);
+        case 15:
+          return _context.abrupt("return", metadata);
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[3, 12]]);
+  }));
+  return function getOverriddenMetadata(_x, _x2) {
+    return _ref3.apply(this, arguments);
+  };
+}();

package/HostedLogin/index.js

@@ -11,9 +11,10 @@ export var HostedLogin = /*#__PURE__*/function () {
     value: function setAuthentication(isAuthenticated, accessToken, user) {
       var appName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'default';
       var app = AppHolder.getInstance(appName);
+      var contextHolder = ContextHolder["for"](appName);
       if (isAuthenticated && accessToken) {
-        ContextHolder.setAccessToken(accessToken);
-        ContextHolder.setUser(Object.assign({}, user, {
+        contextHolder.setAccessToken(accessToken);
+        contextHolder.setUser(Object.assign({}, user, {
           accessToken: accessToken
         }));
         app.store.actions.setAuthState({
@@ -23,8 +24,8 @@ export var HostedLogin = /*#__PURE__*/function () {
         });
         app.store.actions.loadTenants();
       } else {
-        ContextHolder.setAccessToken(null);
-        ContextHolder.setUser(null);
+        contextHolder.setAccessToken(null);
+        contextHolder.setUser(null);
         app.store.actions.setAuthState({
           isLoading: false,
           isAuthenticated: false,

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/FronteggApp/FronteggApp.js

@@ -20,7 +20,6 @@ var _version = _interopRequireDefault(require("../version"));
 var _mockFlagsList = require("../utils/mockFlagsList");
 var _utils2 = require("./utils");
 var ValtioVanilla = _interopRequireWildcard(require("valtio/vanilla"));
-var _deepmerge = _interopRequireDefault(require("deepmerge"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var FronteggApp = /*#__PURE__*/function () {
@@ -48,61 +47,43 @@ var FronteggApp = /*#__PURE__*/function () {
     this.loginBoxRenderer = void 0;
     this.store = void 0;
     this.loadingListeners = [];
+    this.fetchClient = void 0;
+    this.apiClient = void 0;
     this.updateLocalizations = void 0;
     this.loadAdminBoxMetadata = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var Get, _data$rows, _data$rows$, _data$rows$$configura, _data$rows$$configura2, _data$rows$0$configur, _data$rows2, _data$rows2$, data, overrideUrl, metadata, overrideData;
+      var _data$rows$0$configur, _data$rows, _data$rows$, data, metadata;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            Get = FronteggRestApi.fetch.Get;
             if (_this.options.metadata) {
-              _context.next = 25;
+              _context.next = 14;
               break;
             }
-            _context.prev = 2;
-            _context.next = 5;
-            return Get('/metadata', {
+            _context.prev = 1;
+            _context.next = 4;
+            return _this.fetchClient.get('/metadata', {
               entityName: 'adminBox'
             });
-          case 5:
+          case 4:
             data = _context.sent;
-            overrideUrl = data == null ? void 0 : (_data$rows = data.rows) == null ? void 0 : (_data$rows$ = _data$rows[0]) == null ? void 0 : (_data$rows$$configura = _data$rows$.configuration) == null ? void 0 : (_data$rows$$configura2 = _data$rows$$configura.metadataOverrides) == null ? void 0 : _data$rows$$configura2.url;
-            metadata = (_data$rows$0$configur = data == null ? void 0 : (_data$rows2 = data.rows) == null ? void 0 : (_data$rows2$ = _data$rows2[0]) == null ? void 0 : _data$rows2$.configuration) != null ? _data$rows$0$configur : {};
-            if (!overrideUrl) {
-              _context.next = 19;
-              break;
-            }
-            _context.prev = 9;
-            _context.next = 12;
-            return Get(overrideUrl, {}, {
-              credentials: 'same-origin'
-            });
-          case 12:
-            overrideData = _context.sent;
-            if (overrideData) {
-              metadata = (0, _deepmerge["default"])(metadata, overrideData);
-            }
-            _context.next = 19;
-            break;
-          case 16:
-            _context.prev = 16;
-            _context.t0 = _context["catch"](9);
-            console.error('Failed to get metadata overrides', _context.t0);
-          case 19:
-            _this.options.metadata = metadata;
-            _context.next = 25;
+            metadata = (_data$rows$0$configur = data == null ? void 0 : (_data$rows = data.rows) == null ? void 0 : (_data$rows$ = _data$rows[0]) == null ? void 0 : _data$rows$.configuration) != null ? _data$rows$0$configur : {};
+            _context.next = 8;
+            return (0, _utils2.getOverriddenMetadata)(metadata, _this.fetchClient);
+          case 8:
+            _this.options.metadata = _context.sent;
+            _context.next = 14;
             break;
-          case 22:
-            _context.prev = 22;
-            _context.t1 = _context["catch"](2);
-            console.error('failed to get admin portal metadata', _context.t1);
-          case 25:
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](1);
+            console.error('failed to get admin portal metadata', _context.t0);
+          case 14:
             FronteggTypes.Metadata.set(_this.options.metadata, _this.name);
-          case 26:
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 22], [9, 16]]);
+      }, _callee, null, [[1, 11]]);
     }));
     this.requestAuthorize = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
       var _this$options$authOpt, _this$options$authOpt2;
@@ -150,7 +131,7 @@ var FronteggApp = /*#__PURE__*/function () {
           case 4:
             _context3.prev = 4;
             _context3.next = 7;
-            return FronteggRestApi.loadFeatureFlags();
+            return _this.apiClient.featureFlags.loadFeatureFlags();
           case 7:
             flags = _context3.sent;
             if (_this.options.overrideFeatureFlags) {
@@ -206,6 +187,8 @@ var FronteggApp = /*#__PURE__*/function () {
         requestCredentials: 'include'
       }, _options.contextOptions)
     });
+    this.fetchClient = new FronteggRestApi.FetchClient(this.name);
+    this.apiClient = (0, FronteggRestApi.createApiClient)(this.name);
     if (this.options.cdnUrl) {
       this.cdnUrl = this.options.cdnUrl;
     }
@@ -238,13 +221,18 @@ var FronteggApp = /*#__PURE__*/function () {
       });
     }
     _AppHolder.AppHolder.setInstance(appName, this);
+    var contextHolder = FronteggRestApi.ContextHolder["for"](appName);
+    contextHolder.setAppName(appName);
     this.setEntitlementsOptions(_options.entitlementsOptions);
     this.setSessionContext({
       enableSessionPerTenant: (_options$authOptions = _options.authOptions) == null ? void 0 : _options$authOptions.enableSessionPerTenant
     });
 
-    // for feature flags (for entitlements)
-    FronteggRestApi.ContextHolder.setAppName(appName);
+    // pay attention: basename is used from the router base name, then if it's empty it will be the frontegg options basename
+    var basename = _options.basename;
+    if (basename) {
+      contextHolder.setBasename(basename);
+    }
   }
 
   /**
@@ -254,12 +242,12 @@ var FronteggApp = /*#__PURE__*/function () {
   (0, _createClass2["default"])(FronteggApp, [{
     key: "setEntitlementsOptions",
     value: function setEntitlementsOptions(entitlementsOptions) {
-      FronteggRestApi.ContextHolder.setEntitlementsOptions(Object.assign({}, entitlementsOptions));
+      FronteggRestApi.ContextHolder["for"](this.name).setEntitlementsOptions(Object.assign({}, entitlementsOptions));
     }
   }, {
     key: "setSessionContext",
     value: function setSessionContext(sessionContext) {
-      FronteggRestApi.ContextHolder.setSessionContext(Object.assign({}, sessionContext));
+      FronteggRestApi.ContextHolder["for"](this.name).setSessionContext(Object.assign({}, sessionContext));
     }
   }, {
     key: "initContainers",
@@ -337,6 +325,7 @@ var FronteggApp = /*#__PURE__*/function () {
   }, {
     key: "loginWithRedirect",
     value: function loginWithRedirect() {
+      var additionalParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       this.store.dispatch({
         type: 'auth/setState',
         payload: {
@@ -344,7 +333,8 @@ var FronteggApp = /*#__PURE__*/function () {
         }
       });
       this.store.dispatch({
-        type: 'auth/requestHostedLoginAuthorize'
+        type: 'auth/requestHostedLoginAuthorize',
+        payload: additionalParams
       });
     }
   }, {
@@ -449,7 +439,7 @@ var FronteggApp = /*#__PURE__*/function () {
                 isMultiApp: false
               }, isMultiApp = _ref4.isMultiApp;
               _this$queryFeatureFla = this.queryFeatureFlags(['multi-apps-admin-portal']), _this$queryFeatureFla2 = (0, _slicedToArray2["default"])(_this$queryFeatureFla, 1), multiAppsFlag = _this$queryFeatureFla2[0];
-              FronteggRestApi.ContextHolder.setRequestSource(FronteggRestApi.RequestSource.AdminPortal);
+              FronteggRestApi.ContextHolder["for"](this.name).setRequestSource(FronteggRestApi.RequestSource.AdminPortal);
               _context6.next = 5;
               return this.loadScript('FronteggAdminPortal');
             case 5:
@@ -497,7 +487,7 @@ var FronteggApp = /*#__PURE__*/function () {
         (_this$adminPortalRend = this.adminPortalRenderer) == null ? void 0 : _this$adminPortalRend.unmount();
         // unmount is removing url search params, therefore we need to restore them after unmount
         (0, _utils.restoreSearchParams)(searchParams);
-        FronteggRestApi.ContextHolder.setRequestSource(null);
+        FronteggRestApi.ContextHolder["for"](this.name).setRequestSource(null);
       } catch (e) {
         console.error('Failed to unmount admin portal', e);
       }

package/node/FronteggApp/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  getOverriddenMetadata: true
+};
+Object.defineProperty(exports, "getOverriddenMetadata", {
+  enumerable: true,
+  get: function get() {
+    return _utils.getOverriddenMetadata;
+  }
+});
 var _FronteggApp = require("./FronteggApp");
 Object.keys(_FronteggApp).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _FronteggApp[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -13,4 +23,5 @@ Object.keys(_FronteggApp).forEach(function (key) {
       return _FronteggApp[key];
     }
   });
-});
+});
+var _utils = require("./utils");

package/node/FronteggApp/utils.js

@@ -1,10 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.loadGTM = void 0;
+exports.loadGTM = exports.getOverriddenMetadata = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _types = require("@frontegg/types");
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
 /**
  * To prevent XSS attack, this function check for gtm key validity
  * XSS attack may happen if values are injected by postman because we don't have validity check in the BE
@@ -36,4 +40,57 @@ var loadGTM = function loadGTM(fronteggAppName) {
     document.body.appendChild(script);
   });
 };
-exports.loadGTM = loadGTM;
+
+/**
+ * @param metadata {FronteggMetadata}
+ * this function will get metadata overrides from the metadataOverrides.url and will return a new object with override of old metadata
+ * @param fetchClient
+ */
+exports.loadGTM = loadGTM;
+var getOverriddenMetadata = /*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(metadata, fetchClient) {
+    var _metadata$metadataOve;
+    var overrideUrl, overrideData, overriddenMetadata;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          overrideUrl = (_metadata$metadataOve = metadata.metadataOverrides) == null ? void 0 : _metadata$metadataOve.url;
+          if (overrideUrl) {
+            _context.next = 3;
+            break;
+          }
+          return _context.abrupt("return", metadata);
+        case 3:
+          _context.prev = 3;
+          _context.next = 6;
+          return fetchClient.get(overrideUrl, {}, {
+            credentials: 'same-origin'
+          });
+        case 6:
+          overrideData = _context.sent;
+          if (!overrideData) {
+            _context.next = 10;
+            break;
+          }
+          overriddenMetadata = (0, _deepmerge["default"])(metadata, overrideData);
+          return _context.abrupt("return", overriddenMetadata);
+        case 10:
+          _context.next = 15;
+          break;
+        case 12:
+          _context.prev = 12;
+          _context.t0 = _context["catch"](3);
+          console.error('Failed to get metadata overrides', _context.t0);
+        case 15:
+          return _context.abrupt("return", metadata);
+        case 16:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[3, 12]]);
+  }));
+  return function getOverriddenMetadata(_x, _x2) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+exports.getOverriddenMetadata = getOverriddenMetadata;

package/node/HostedLogin/index.js

@@ -18,9 +18,10 @@ var HostedLogin = /*#__PURE__*/function () {
     value: function setAuthentication(isAuthenticated, accessToken, user) {
       var appName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'default';
       var app = _AppHolder.AppHolder.getInstance(appName);
+      var contextHolder = _restApi.ContextHolder["for"](appName);
       if (isAuthenticated && accessToken) {
-        _restApi.ContextHolder.setAccessToken(accessToken);
-        _restApi.ContextHolder.setUser(Object.assign({}, user, {
+        contextHolder.setAccessToken(accessToken);
+        contextHolder.setUser(Object.assign({}, user, {
           accessToken: accessToken
         }));
         app.store.actions.setAuthState({
@@ -30,8 +31,8 @@ var HostedLogin = /*#__PURE__*/function () {
         });
         app.store.actions.loadTenants();
       } else {
-        _restApi.ContextHolder.setAccessToken(null);
-        _restApi.ContextHolder.setUser(null);
+        contextHolder.setAccessToken(null);
+        contextHolder.setUser(null);
         app.store.actions.setAuthState({
           isLoading: false,
           isAuthenticated: false,