@frontegg/js 7.0.0-alpha.1 → 7.0.0-alpha.10

package/AdminPortal/index.d.ts

@@ -1,4 +1,12 @@
 export declare class AdminPortal {
     static show(name?: string): void;
+    static showMultiApp(name?: string): void;
+    /**
+     * Open the hosted portal must be called synchronously with user interaction
+     *
+     * @param newTab - open the portal in a new tab = true
+     * @param name - the app name = 'default'
+     */
+    static openHosted(newTab?: boolean, name?: string): void;
     static hide(name?: string): void;
 }

package/AdminPortal/index.js

@@ -11,6 +11,28 @@ export var AdminPortal = /*#__PURE__*/function () {
       var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
       AppHolder.getInstance(name).showAdminPortal();
     }
+  }, {
+    key: "showMultiApp",
+    value: function showMultiApp() {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+      AppHolder.getInstance(name).showAdminPortal({
+        isMultiApp: true
+      });
+    }
+
+    /**
+     * Open the hosted portal must be called synchronously with user interaction
+     *
+     * @param newTab - open the portal in a new tab = true
+     * @param name - the app name = 'default'
+     */
+  }, {
+    key: "openHosted",
+    value: function openHosted() {
+      var newTab = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+      AppHolder.getInstance(name).openHostedAdminPortal(newTab);
+    }
   }, {
     key: "hide",
     value: function hide() {

package/AdminPortalRenderer/index.js

@@ -1,5 +1,4 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -37,7 +36,7 @@ export var AdminPortalRenderer = /*#__PURE__*/function () {
         appName: name
       }, this, true, undefined, undefined, true);
     }
-    this.options = _extends({
+    this.options = Object.assign({
       themeOptions: themeOptions,
       iframeRendering: true,
       metadata: {},

package/FronteggApp/FronteggApp.d.ts

@@ -1,6 +1,7 @@
-import { EnhancedStore, EntitledToOptions, Entitlement } from '@frontegg/redux-store';
-import { FronteggAppOptions, FronteggCheckoutDialogOptions, LocalizationsOverrides, LoadEntitlementsCallback } 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;
     loginBoxEl: HTMLElement;
@@ -25,8 +26,10 @@ export declare class FronteggApp {
     loginBoxContainer?: HTMLElement;
     checkoutDialogContainer?: HTMLElement;
     loginBoxRenderer?: any;
-    store: EnhancedStore;
+    store: FronteggStore;
     loadingListeners: (() => void)[];
+    fetchClient: FetchClient;
+    apiClient: FronteggApiClient;
     updateLocalizations?: (localizations: LocalizationsOverrides) => void;
     constructor(_options: FronteggAppOptions, name: string, iframeRendering?: boolean, allowMultipleRenderers?: boolean);
     /**
@@ -34,6 +37,7 @@ export declare class FronteggApp {
      * @param entitlementsOptions - entitlements options from frontegg options
      */
     private setEntitlementsOptions;
+    private setSessionContext;
     loadAdminBoxMetadata: () => Promise<void>;
     /**
      * Loading required information on first load, mainly for refresh token and initial data.
@@ -48,16 +52,27 @@ export declare class FronteggApp {
      * @param previewFeatureFlags
      */
     setFeatureFlagsForPreview: (previewFeatureFlags: IFeatureFlagsAttributes) => void;
+    /**
+     * @param flags keys to check
+     * @returns an array of feature flags on/off boolean values
+     */
+    queryFeatureFlags: (flags: string[]) => boolean[];
     initContainers(elements: FronteggAppContainers): Promise<void>;
     updateLocalizationsSetter: (localizationUpdateFn: (localizations: LocalizationsOverrides) => void) => void;
     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>;
-    showAdminPortal(): Promise<void>;
+    showAdminPortal(options?: ShowAdminPortalOptions): Promise<void>;
+    /**
+     * Open the hosted portal must be called synchronously with user interaction
+     *
+     * @param newTab - open the portal in a new tab = true
+     */
+    openHostedAdminPortal(newTab?: boolean): void;
     hideAdminPortal(): void;
     showCheckoutDialog(opts: FronteggCheckoutDialogOptions): Promise<void>;
     hideCheckoutDialog(): void;
@@ -66,28 +81,56 @@ export declare class FronteggApp {
      */
     private getEntitlementsFromStore;
     /**
-      @param key
+     * @returns user store data
+     */
+    private getUserFromStore;
+    /**
+     * @param customAttributes consumer attributes
+     * @returns is entitled query data including: entitltments state, final attributes (consumer and frontegg) and API version to use
+     */
+    private getEntitlementsQueryData;
+    /**
+      @param key feature key
+      @param customAttributes user attributes
       @returns if the user is entitled to the given feature. Attaching the justification if not
       @throws when entitlement is not enabled via frontegg options
     */
-    getFeatureEntitlements(key: string): Entitlement;
+    getFeatureEntitlements(key: string, customAttributes?: CustomAttributes): Entitlement;
     /**
-      @param key
+      @param key permission key
+      @param customAttributes user attributes
       @returns if the user is entitled to the given permission. Attaching the justification if not
       @throws when entitlement is not enabled via frontegg options
     */
-    getPermissionEntitlements(key: string): Entitlement;
+    getPermissionEntitlements(key: string, customAttributes?: CustomAttributes): Entitlement;
     /**
       @param options - including permission or feature key
+      @param customAttributes user attributes
       @returns if the user is entitled to the given permission or feature. Attaching the justification if not
       @throws when entitlement is not enabled via frontegg options
     */
-    getEntitlements(options: EntitledToOptions): Entitlement;
+    getEntitlements(options: EntitledToOptions, customAttributes?: CustomAttributes): Entitlement;
     /**
      * Load entitlements
      * @param callback called on request completed with true if succeeded, false if failed
      */
     loadEntitlements(callback?: LoadEntitlementsCallback): void;
+    /**
+     * Redirects to the step up page with the max age param and set the redirect url in the local storage
+     * @param options.maxAge optional max age
+     */
+    stepUp(options?: StepUpOptions): void;
+    /**
+     * @param options.maxAge optional max age
+     * @return true when user is stepped up, false otherwise
+     */
+    isSteppedUp(options?: IsSteppedUpOptions): boolean;
+    /**
+     * Switch tenant
+     * @param payload.tenantId tenant id to switch for
+     * @param payload.callback optional callback to be called with true / false for success / failure tenant switching operation
+     */
+    switchTenant(payload: SwitchTenantOptions): void;
     close(): void;
 }
 export {};

package/FronteggApp/FronteggApp.js

@@ -1,23 +1,25 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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 { createFronteggStore, getPermissionEntitlements as _getPermissionEntitlements, getFeatureEntitlements as _getFeatureEntitlements } 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 { 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';
 export var FronteggApp = /*#__PURE__*/function () {
   function FronteggApp(_options, name) {
     var _this = this,
-      _this$options$authOpt3;
+      _this$options$authOpt3,
+      _options$authOptions;
     var iframeRendering = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var allowMultipleRenderers = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
     _classCallCheck(this, FronteggApp);
@@ -38,38 +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$0$configur, _data$rows, _data$rows$, data;
+      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 = 12;
+              _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;
-            _this.options.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 = 12;
+            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 9:
-            _context.prev = 9;
-            _context.t0 = _context["catch"](2);
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](1);
             console.error('failed to get admin portal metadata', _context.t0);
-          case 12:
+          case 14:
             Metadata.set(_this.options.metadata, _this.name);
-          case 13:
+          case 15:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 9]]);
+      }, _callee, null, [[1, 11]]);
     }));
     this.requestAuthorize = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _this$options$authOpt, _this$options$authOpt2;
@@ -79,14 +86,16 @@ export var FronteggApp = /*#__PURE__*/function () {
           case 0:
             shouldRequestHostedLoginAuthorize = (_this$options$authOpt = _this.options.authOptions) == null ? void 0 : (_this$options$authOpt2 = _this$options$authOpt.hostedLoginOptions) == null ? void 0 : _this$options$authOpt2.loadUserOnFirstLoad;
             if (!_this.options.builderMode && _this.options.framework !== 'nextjs') {
-              if (_this.options.hostedLoginBox && !_this.options.customLoginBox && shouldRequestHostedLoginAuthorize) {
-                _this.store.dispatch({
-                  type: 'auth/requestHostedLoginAuthorizeV2',
-                  payload: {
-                    shouldRedirectToLogin: false,
-                    firstTime: true
-                  }
-                });
+              if (_this.options.hostedLoginBox && !_this.options.customLoginBox) {
+                if (shouldRequestHostedLoginAuthorize) {
+                  _this.store.dispatch({
+                    type: 'auth/requestHostedLoginAuthorizeV2',
+                    payload: {
+                      shouldRedirectToLogin: false,
+                      firstTime: true
+                    }
+                  });
+                }
               } else {
                 _this.store.dispatch({
                   type: 'auth/requestAuthorize',
@@ -115,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) {
@@ -135,7 +144,10 @@ export var FronteggApp = /*#__PURE__*/function () {
       }, _callee3, null, [[4, 12]]);
     }));
     this.setFeatureFlagsForPreview = function (previewFeatureFlags) {
-      FronteggRestApi.FeatureFlags.set(_extends({}, mockFlagsList, previewFeatureFlags), _this.name);
+      FronteggRestApi.FeatureFlags.set(Object.assign({}, mockFlagsList, previewFeatureFlags), _this.name);
+    };
+    this.queryFeatureFlags = function (flags) {
+      return FronteggRestApi.FeatureFlags.getFeatureFlags(flags, _this.name);
     };
     this.updateLocalizationsSetter = function (localizationUpdateFn) {
       _this.updateLocalizations = localizationUpdateFn;
@@ -144,24 +156,42 @@ export var FronteggApp = /*#__PURE__*/function () {
       var _this$store$getState$;
       return (_this$store$getState$ = _this.store.getState().auth.user) == null ? void 0 : _this$store$getState$.entitlements;
     };
+    this.getUserFromStore = function () {
+      return _this.store.getState().auth.user;
+    };
+    this.getEntitlementsQueryData = function (customAttributes) {
+      var user = _this.getUserFromStore();
+      var entitlements = _this.getEntitlementsFromStore();
+      var attributes = {
+        custom: customAttributes,
+        jwt: user
+      };
+      return {
+        entitlements: entitlements,
+        attributes: attributes
+      };
+    };
     var appName = formatName(name);
     var customElementName = "frontegg-app-".concat(appName);
     this.iframeRendering = iframeRendering;
     this.name = appName;
-    this.options = _extends({}, _options, {
-      contextOptions: _extends({
+    this.options = Object.assign({}, _options, {
+      contextOptions: Object.assign({
         requestCredentials: 'include'
       }, _options.contextOptions)
     });
+    this.fetchClient = new FetchClient(this.name);
+    this.apiClient = createApiClient(this.name);
     if (this.options.cdnUrl) {
       this.cdnUrl = this.options.cdnUrl;
     }
     this.customElementName = customElementName;
-    var authOptions = this.options.authOptions ? _extends({}, this.options.authOptions, {
+    var authOptions = this.options.authOptions ? Object.assign({}, this.options.authOptions, {
       hostedLoginBox: this.options.hostedLoginBox
     }) : {
       hostedLoginBox: this.options.hostedLoginBox
     };
+    authOptions.onRedirectTo = _options.onRedirectTo;
     authOptions.disableSilentRefresh = (_this$options$authOpt3 = this.options.authOptions) == null ? void 0 : _this$options$authOpt3.disableSilentRefresh;
     if (this.options.store) {
       this.store = this.options.store;
@@ -170,19 +200,32 @@ export var FronteggApp = /*#__PURE__*/function () {
       }
     } else {
       var _this$options$authOpt4, _this$options$auditsO;
-      this.store = createFronteggStore({
+      this.store = createStore({
         context: this.options.contextOptions,
-        appName: this.name
-      }, this, this.options.previewMode, authOptions, {
-        auth: (_this$options$authOpt4 = this.options.authOptions) != null ? _this$options$authOpt4 : {},
-        audits: (_this$options$auditsO = this.options.auditsOptions) != null ? _this$options$auditsO : {}
-      }, false, this.options.urlStrategy);
+        name: this.name,
+        builderMode: this.options.builderMode,
+        previewMode: this.options.previewMode,
+        storeHolder: this,
+        urlStrategy: this.options.urlStrategy,
+        initialState: {
+          auth: Object.assign({}, authOptions, (_this$options$authOpt4 = this.options.authOptions) != null ? _this$options$authOpt4 : {}),
+          auditLogs: Object.assign({}, (_this$options$auditsO = this.options.auditsOptions) != null ? _this$options$auditsO : {})
+        }
+      });
     }
     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);
+    }
   }
 
   /**
@@ -192,7 +235,12 @@ export var FronteggApp = /*#__PURE__*/function () {
   _createClass(FronteggApp, [{
     key: "setEntitlementsOptions",
     value: function setEntitlementsOptions(entitlementsOptions) {
-      ContextHolder.setEntitlementsOptions(_extends({}, entitlementsOptions));
+      ContextHolder["for"](this.name).setEntitlementsOptions(Object.assign({}, entitlementsOptions));
+    }
+  }, {
+    key: "setSessionContext",
+    value: function setSessionContext(sessionContext) {
+      ContextHolder["for"](this.name).setSessionContext(Object.assign({}, sessionContext));
     }
   }, {
     key: "initContainers",
@@ -270,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: {
@@ -277,7 +326,8 @@ export var FronteggApp = /*#__PURE__*/function () {
         }
       });
       this.store.dispatch({
-        type: 'auth/requestHostedLoginAuthorize'
+        type: 'auth/requestHostedLoginAuthorize',
+        payload: additionalParams
       });
     }
   }, {
@@ -318,7 +368,9 @@ export var FronteggApp = /*#__PURE__*/function () {
           if (window["".concat(component, "Init")]) {
             resolve(window["".concat(component, "Init")]({
               FronteggRestApi: FronteggRestApi,
-              FronteggTypes: FronteggTypes
+              FronteggTypes: FronteggTypes,
+              FronteggReduxStore: FronteggReduxStore,
+              ValtioVanilla: ValtioVanilla
             }));
           } else {
             resolve(window[component]);
@@ -371,31 +423,54 @@ export var FronteggApp = /*#__PURE__*/function () {
   }, {
     key: "showAdminPortal",
     value: function () {
-      var _showAdminPortal = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-        var FronteggAdminPortal;
+      var _showAdminPortal = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(options) {
+        var _ref4, isMultiApp, _this$queryFeatureFla, _this$queryFeatureFla2, multiAppsFlag, FronteggAdminPortal;
         return _regeneratorRuntime.wrap(function _callee6$(_context6) {
           while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              FronteggRestApi.ContextHolder.setRequestSource(RequestSource.AdminPortal);
-              _context6.next = 3;
+              _ref4 = options != null ? options : {
+                isMultiApp: false
+              }, isMultiApp = _ref4.isMultiApp;
+              _this$queryFeatureFla = this.queryFeatureFlags(['multi-apps-admin-portal']), _this$queryFeatureFla2 = _slicedToArray(_this$queryFeatureFla, 1), multiAppsFlag = _this$queryFeatureFla2[0];
+              ContextHolder["for"](this.name).setRequestSource(RequestSource.AdminPortal);
+              _context6.next = 5;
               return this.loadScript('FronteggAdminPortal');
-            case 3:
+            case 5:
               FronteggAdminPortal = _context6.sent;
               this.adminPortalRenderer = FronteggAdminPortal.render(this.adminPortalEl, {
                 injector: this,
-                options: this.options
+                options: Object.assign({
+                  isMultiApp: multiAppsFlag && isMultiApp
+                }, this.options)
               });
-            case 5:
+            case 7:
             case "end":
               return _context6.stop();
           }
         }, _callee6, this);
       }));
-      function showAdminPortal() {
+      function showAdminPortal(_x2) {
         return _showAdminPortal.apply(this, arguments);
       }
       return showAdminPortal;
     }()
+    /**
+     * Open the hosted portal must be called synchronously with user interaction
+     *
+     * @param newTab - open the portal in a new tab = true
+     */
+  }, {
+    key: "openHostedAdminPortal",
+    value: function openHostedAdminPortal() {
+      var newTab = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      var baseUrl = this.options.contextOptions.baseUrl;
+      var hostedPortalUrl = "".concat(baseUrl, "/oauth/portal");
+      if (newTab) {
+        window.open(hostedPortalUrl, '_blank');
+        return;
+      }
+      window.location.href = hostedPortalUrl;
+    }
   }, {
     key: "hideAdminPortal",
     value: function hideAdminPortal() {
@@ -405,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);
       }
@@ -422,7 +497,7 @@ export var FronteggApp = /*#__PURE__*/function () {
               return this.loadScript('FronteggAdminPortal');
             case 2:
               FronteggAdminPortal = _context7.sent;
-              this.checkoutDialogRenderer = FronteggAdminPortal.renderCheckoutDialog(this.checkoutDialogEl, _extends({
+              this.checkoutDialogRenderer = FronteggAdminPortal.renderCheckoutDialog(this.checkoutDialogEl, Object.assign({
                 injector: this
               }, opts, {
                 options: this.options
@@ -433,7 +508,7 @@ export var FronteggApp = /*#__PURE__*/function () {
           }
         }, _callee7, this);
       }));
-      function showCheckoutDialog(_x2) {
+      function showCheckoutDialog(_x3) {
         return _showCheckoutDialog.apply(this, arguments);
       }
       return showCheckoutDialog;
@@ -456,40 +531,47 @@ export var FronteggApp = /*#__PURE__*/function () {
     key: "getFeatureEntitlements",
     value:
     /**
-      @param key
+      @param key feature key
+      @param customAttributes user attributes
       @returns if the user is entitled to the given feature. Attaching the justification if not
       @throws when entitlement is not enabled via frontegg options
     */
-    function getFeatureEntitlements(key) {
-      var entitlements = this.getEntitlementsFromStore();
-      return _getFeatureEntitlements(entitlements, key);
+    function getFeatureEntitlements(key, customAttributes) {
+      var _this$getEntitlements = this.getEntitlementsQueryData(customAttributes),
+        entitlements = _this$getEntitlements.entitlements,
+        attributes = _this$getEntitlements.attributes;
+      return _getFeatureEntitlements(entitlements, key, attributes);
     }
 
     /**
-      @param key
+      @param key permission key
+      @param customAttributes user attributes
       @returns if the user is entitled to the given permission. Attaching the justification if not
       @throws when entitlement is not enabled via frontegg options
     */
   }, {
     key: "getPermissionEntitlements",
-    value: function getPermissionEntitlements(key) {
-      var entitlements = this.getEntitlementsFromStore();
-      return _getPermissionEntitlements(entitlements, key);
+    value: function getPermissionEntitlements(key, customAttributes) {
+      var _this$getEntitlements2 = this.getEntitlementsQueryData(customAttributes),
+        entitlements = _this$getEntitlements2.entitlements,
+        attributes = _this$getEntitlements2.attributes;
+      return _getPermissionEntitlements(entitlements, key, attributes);
     }
 
     /**
       @param options - including permission or feature key
+      @param customAttributes user attributes
       @returns if the user is entitled to the given permission or feature. Attaching the justification if not
       @throws when entitlement is not enabled via frontegg options
     */
   }, {
     key: "getEntitlements",
-    value: function getEntitlements(options) {
+    value: function getEntitlements(options, customAttributes) {
       // we use permissionKey (options key) to decide if the user is using permission key or feature key
       if ('permissionKey' in options) {
-        return this.getPermissionEntitlements(options.permissionKey);
+        return this.getPermissionEntitlements(options.permissionKey, customAttributes);
       }
-      return this.getFeatureEntitlements(options.featureKey);
+      return this.getFeatureEntitlements(options.featureKey, customAttributes);
     }
 
     /**
@@ -506,6 +588,55 @@ export var FronteggApp = /*#__PURE__*/function () {
         }
       });
     }
+
+    /**
+     * Redirects to the step up page with the max age param and set the redirect url in the local storage
+     * @param options.maxAge optional max age
+     */
+  }, {
+    key: "stepUp",
+    value: function stepUp(options) {
+      var state = this.store.getState();
+      var _ref5 = (state == null ? void 0 : state.auth) || {},
+        hostedLoginBox = _ref5.hostedLoginBox,
+        stepUpUrl = _ref5.routes.stepUpUrl;
+      if (hostedLoginBox) {
+        this.store.dispatch({
+          type: 'auth/stepUpHostedLogin',
+          payload: options
+        });
+        return;
+      }
+      redirectByStepUpUrl(stepUpUrl, state.auth.onRedirectTo, options == null ? void 0 : options.maxAge);
+    }
+
+    /**
+     * @param options.maxAge optional max age
+     * @return true when user is stepped up, false otherwise
+     */
+  }, {
+    key: "isSteppedUp",
+    value: function isSteppedUp() {
+      var _this$store$getState;
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _ref6 = ((_this$store$getState = this.store.getState()) == null ? void 0 : _this$store$getState.auth) || {},
+        user = _ref6.user;
+      return _isSteppedUp(user, options);
+    }
+
+    /**
+     * Switch tenant
+     * @param payload.tenantId tenant id to switch for
+     * @param payload.callback optional callback to be called with true / false for success / failure tenant switching operation
+     */
+  }, {
+    key: "switchTenant",
+    value: function switchTenant(payload) {
+      this.store.dispatch({
+        type: 'auth/switchTenant',
+        payload: payload
+      });
+    }
   }, {
     key: "close",
     value: function close() {

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';