@frontegg/js 7.68.0-alpha.1 → 7.68.0-alpha.3

package/FronteggApp/FronteggApp.d.ts

@@ -97,25 +97,25 @@ export declare class FronteggApp {
      */
     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
-    */
+     @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, customAttributes?: CustomAttributes): Entitlement;
     /**
-      @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
-    */
+     @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, 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
-    */
+     @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, customAttributes?: CustomAttributes): Entitlement;
     /**
      * Load entitlements
@@ -139,5 +139,9 @@ export declare class FronteggApp {
      */
     switchTenant(payload: SwitchTenantOptions): void;
     close(): void;
+    renderUsersTable: (container: HTMLElement, props: any, options: any) => Promise<any>;
+    renderInviteUserDialog: (container: HTMLElement, props: any, options: any) => Promise<any>;
+    renderChangePasswordForm: (container: HTMLElement, props: any, options: any) => Promise<any>;
+    renderProfilePage: (container: HTMLElement, props: any, options: any) => Promise<any>;
 }
 export {};

package/FronteggApp/FronteggApp.js

@@ -186,6 +186,113 @@ export var FronteggApp = /*#__PURE__*/function () {
         attributes: attributes
       };
     };
+    this.renderUsersTable = /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(container, props, options) {
+        var FronteggAdminPortal;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return _this.loadScript('FronteggAdminPortal');
+            case 2:
+              FronteggAdminPortal = _context4.sent;
+              return _context4.abrupt("return", FronteggAdminPortal.renderUsersTable(container, {
+                injector: _this,
+                options: _this.options,
+                container: container,
+                props: props,
+                themeOptions: options.themeOptions
+              }));
+            case 4:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x, _x2, _x3) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    this.renderInviteUserDialog = /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(container, props, options) {
+        var FronteggAdminPortal;
+        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return _this.loadScript('FronteggAdminPortal');
+            case 2:
+              FronteggAdminPortal = _context5.sent;
+              return _context5.abrupt("return", FronteggAdminPortal.renderInviteUserDialog(container, {
+                injector: _this,
+                options: _this.options,
+                container: container,
+                props: props,
+                themeOptions: options.themeOptions
+              }));
+            case 4:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5);
+      }));
+      return function (_x4, _x5, _x6) {
+        return _ref5.apply(this, arguments);
+      };
+    }();
+    this.renderChangePasswordForm = /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(container, props, options) {
+        var FronteggAdminPortal;
+        return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              _context6.next = 2;
+              return _this.loadScript('FronteggAdminPortal');
+            case 2:
+              FronteggAdminPortal = _context6.sent;
+              return _context6.abrupt("return", FronteggAdminPortal.renderChangePasswordForm(container, {
+                injector: _this,
+                options: _this.options,
+                props: props,
+                themeOptions: options.themeOptions
+              }));
+            case 4:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      return function (_x7, _x8, _x9) {
+        return _ref6.apply(this, arguments);
+      };
+    }();
+    this.renderProfilePage = /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(container, props, options) {
+        var FronteggAdminPortal;
+        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              _context7.next = 2;
+              return _this.loadScript('FronteggAdminPortal');
+            case 2:
+              FronteggAdminPortal = _context7.sent;
+              return _context7.abrupt("return", FronteggAdminPortal.renderProfilePage(container, {
+                injector: _this,
+                options: _this.options,
+                props: props,
+                themeOptions: options.themeOptions,
+                localizations: options.localizations
+              }));
+            case 4:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7);
+      }));
+      return function (_x10, _x11, _x12) {
+        return _ref7.apply(this, arguments);
+      };
+    }();
     var appName = formatName(name);
     var customElementName = "frontegg-app-".concat(appName);
     this.iframeRendering = iframeRendering;
@@ -278,9 +385,9 @@ export var FronteggApp = /*#__PURE__*/function () {
   }, {
     key: "initContainers",
     value: function () {
-      var _initContainers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(elements) {
-        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      var _initContainers = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(elements) {
+        return _regeneratorRuntime.wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
             case 0:
               this.adminPortalEl = elements.adminPortalEl;
               this.loginBoxEl = elements.loginBoxEl;
@@ -295,7 +402,7 @@ export var FronteggApp = /*#__PURE__*/function () {
               } catch (e) {
                 console.error('Failed to add frontegg-loading to body classList');
               }
-              _context4.next = 9;
+              _context8.next = 9;
               return Promise.all([this.loadFeatureFlags(), this.loadAdminBoxMetadata(), this.requestAuthorize()]);
             case 9:
               if (!this.options.previewMode && !this.options.customLoginBox) {
@@ -307,11 +414,11 @@ export var FronteggApp = /*#__PURE__*/function () {
               }
             case 11:
             case "end":
-              return _context4.stop();
+              return _context8.stop();
           }
-        }, _callee4, this);
+        }, _callee8, this);
       }));
-      function initContainers(_x) {
+      function initContainers(_x13) {
         return _initContainers.apply(this, arguments);
       }
       return initContainers;
@@ -424,15 +531,15 @@ export var FronteggApp = /*#__PURE__*/function () {
   }, {
     key: "loadLoginBox",
     value: function () {
-      var _loadLoginBox = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var _loadLoginBox = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
         var FronteggLoginBox;
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime.wrap(function _callee9$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
             case 0:
-              _context5.next = 2;
+              _context9.next = 2;
               return this.loadScript('FronteggLoginBox');
             case 2:
-              FronteggLoginBox = _context5.sent;
+              FronteggLoginBox = _context9.sent;
               FronteggLoginBox.render(this.loginBoxEl, {
                 injector: this,
                 options: this.options
@@ -448,9 +555,9 @@ export var FronteggApp = /*#__PURE__*/function () {
               this.loadingListeners = [];
             case 7:
             case "end":
-              return _context5.stop();
+              return _context9.stop();
           }
-        }, _callee5, this);
+        }, _callee9, this);
       }));
       function loadLoginBox() {
         return _loadLoginBox.apply(this, arguments);
@@ -460,20 +567,20 @@ export var FronteggApp = /*#__PURE__*/function () {
   }, {
     key: "showAdminPortal",
     value: function () {
-      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) {
+      var _showAdminPortal = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10(options) {
+        var _ref8, isMultiApp, _this$queryFeatureFla, _this$queryFeatureFla2, multiAppsFlag, FronteggAdminPortal;
+        return _regeneratorRuntime.wrap(function _callee10$(_context10) {
+          while (1) switch (_context10.prev = _context10.next) {
             case 0:
-              _ref4 = options != null ? options : {
+              _ref8 = options != null ? options : {
                 isMultiApp: false
-              }, isMultiApp = _ref4.isMultiApp;
+              }, isMultiApp = _ref8.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;
+              _context10.next = 5;
               return this.loadScript('FronteggAdminPortal');
             case 5:
-              FronteggAdminPortal = _context6.sent;
+              FronteggAdminPortal = _context10.sent;
               this.adminPortalRenderer = FronteggAdminPortal.render(this.adminPortalEl, {
                 injector: this,
                 options: Object.assign({
@@ -482,11 +589,11 @@ export var FronteggApp = /*#__PURE__*/function () {
               });
             case 7:
             case "end":
-              return _context6.stop();
+              return _context10.stop();
           }
-        }, _callee6, this);
+        }, _callee10, this);
       }));
-      function showAdminPortal(_x2) {
+      function showAdminPortal(_x14) {
         return _showAdminPortal.apply(this, arguments);
       }
       return showAdminPortal;
@@ -525,15 +632,15 @@ export var FronteggApp = /*#__PURE__*/function () {
   }, {
     key: "showCheckoutDialog",
     value: function () {
-      var _showCheckoutDialog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7(opts) {
+      var _showCheckoutDialog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11(opts) {
         var FronteggAdminPortal;
-        return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+        return _regeneratorRuntime.wrap(function _callee11$(_context11) {
+          while (1) switch (_context11.prev = _context11.next) {
             case 0:
-              _context7.next = 2;
+              _context11.next = 2;
               return this.loadScript('FronteggAdminPortal');
             case 2:
-              FronteggAdminPortal = _context7.sent;
+              FronteggAdminPortal = _context11.sent;
               this.checkoutDialogRenderer = FronteggAdminPortal.renderCheckoutDialog(this.checkoutDialogEl, Object.assign({
                 injector: this
               }, opts, {
@@ -541,11 +648,11 @@ export var FronteggApp = /*#__PURE__*/function () {
               }));
             case 4:
             case "end":
-              return _context7.stop();
+              return _context11.stop();
           }
-        }, _callee7, this);
+        }, _callee11, this);
       }));
-      function showCheckoutDialog(_x3) {
+      function showCheckoutDialog(_x15) {
         return _showCheckoutDialog.apply(this, arguments);
       }
       return showCheckoutDialog;
@@ -568,11 +675,11 @@ export var FronteggApp = /*#__PURE__*/function () {
     key: "getFeatureEntitlements",
     value:
     /**
-      @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
-    */
+     @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, customAttributes) {
       var _this$getEntitlements = this.getEntitlementsQueryData(customAttributes),
         entitlements = _this$getEntitlements.entitlements,
@@ -581,11 +688,11 @@ export var FronteggApp = /*#__PURE__*/function () {
     }
 
     /**
-      @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
-    */
+     @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, customAttributes) {
@@ -596,11 +703,11 @@ export var FronteggApp = /*#__PURE__*/function () {
     }
 
     /**
-      @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
-    */
+     @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, customAttributes) {
@@ -634,9 +741,9 @@ export var FronteggApp = /*#__PURE__*/function () {
     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;
+      var _ref9 = (state == null ? void 0 : state.auth) || {},
+        hostedLoginBox = _ref9.hostedLoginBox,
+        stepUpUrl = _ref9.routes.stepUpUrl;
       if (hostedLoginBox) {
         this.store.dispatch({
           type: 'auth/stepUpHostedLogin',
@@ -656,8 +763,8 @@ export var FronteggApp = /*#__PURE__*/function () {
     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;
+      var _ref10 = ((_this$store$getState = this.store.getState()) == null ? void 0 : _this$store$getState.auth) || {},
+        user = _ref10.user;
       return _isSteppedUp(user, options);
     }
 

package/index.js

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

package/initialize.js

@@ -80,7 +80,7 @@ export var initialize = function initialize(options) {
             var adminBoxShadowEl = adminPortalContainer.attachShadow({
               mode: 'open'
             });
-            var loginBoxShadowEl = loginBoxContainer.attachShadow({
+            var loginBoxShadowEl = options.iframeRendering ? loginBoxContainer : loginBoxContainer.attachShadow({
               mode: 'open'
             });
             var checkoutDialogShadowEl = checkoutDialogContainer.attachShadow({