@frontegg/js 6.10.1 → 6.12.0

package/AdminPortal/index.js

@@ -1,11 +1,24 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import { AppHolder } from '../AppHolder';
-export class AdminPortal {
-  static show(name = 'default') {
-    AppHolder.getInstance(name).showAdminPortal();
+export var AdminPortal = /*#__PURE__*/function () {
+  function AdminPortal() {
+    _classCallCheck(this, AdminPortal);
   }
 
-  static hide(name = 'default') {
-    AppHolder.getInstance(name).hideAdminPortal();
-  }
+  _createClass(AdminPortal, null, [{
+    key: "show",
+    value: function show() {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+      AppHolder.getInstance(name).showAdminPortal();
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+      AppHolder.getInstance(name).hideAdminPortal();
+    }
+  }]);
 
-}
+  return AdminPortal;
+}();

package/AdminPortalRenderer/index.js

@@ -1,95 +1,135 @@
+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";
 import { createFronteggStore } from '@frontegg/redux-store';
 import { Metadata } from '@frontegg/types';
 import { FronteggApp } from '../FronteggApp';
 import { waitThemeSetter } from '../utils';
-export class AdminPortalRenderer {
-  constructor(name, themeOptions, store, appOptions) {
+export var AdminPortalRenderer = /*#__PURE__*/function () {
+  function AdminPortalRenderer(name, themeOptions, store, appOptions) {
+    _classCallCheck(this, AdminPortalRenderer);
+
     this.app = void 0;
     this.options = void 0;
     this.store = void 0;
 
-    this.setRoute = () => {};
+    this.setRoute = function () {};
 
     this.themeSetter = void 0;
     this.themeOptions = {};
-    const contextOptions = {
+    var contextOptions = {
       baseUrl: 'preview'
     };
     this.store = store != null ? store : createFronteggStore({
       context: contextOptions
     }, this, true, undefined, undefined, true);
     this.options = _extends({
-      themeOptions,
+      themeOptions: themeOptions,
       iframeRendering: true,
       metadata: {},
       previewMode: true,
       builderMode: true,
       store: this.store,
-      contextOptions
+      contextOptions: contextOptions
     }, appOptions);
     this.app = new FronteggApp(this.options, name, true);
     Metadata.set({}, name);
   }
 
-  async render(adminPortalContainer) {
-    let adminPortalEl = adminPortalContainer.querySelector('#root');
-
-    if (!adminPortalEl) {
-      adminPortalEl = adminPortalContainer.ownerDocument.createElement('div');
-      adminPortalEl.setAttribute('id', 'root');
-      adminPortalContainer.appendChild(adminPortalEl);
+  _createClass(AdminPortalRenderer, [{
+    key: "render",
+    value: function () {
+      var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(adminPortalContainer) {
+        var _this = this;
+
+        var adminPortalEl, setThemeSetter, setStaticRouteSetter, FronteggAdminPortal;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                adminPortalEl = adminPortalContainer.querySelector('#root');
+
+                if (!adminPortalEl) {
+                  adminPortalEl = adminPortalContainer.ownerDocument.createElement('div');
+                  adminPortalEl.setAttribute('id', 'root');
+                  adminPortalContainer.appendChild(adminPortalEl);
+                }
+
+                this.app.adminPortalContainer = adminPortalContainer;
+                this.app.adminPortalEl = adminPortalEl;
+
+                setThemeSetter = function setThemeSetter(themeSetter) {
+                  _this.themeSetter = themeSetter;
+                };
+
+                setStaticRouteSetter = function setStaticRouteSetter(setStaticRoute) {
+                  _this.setRoute = setStaticRoute;
+                };
+
+                _context.next = 8;
+                return this.app.loadScript('FronteggAdminPortal');
+
+              case 8:
+                FronteggAdminPortal = _context.sent;
+                this.app.adminPortalRenderer = FronteggAdminPortal.renderPage(adminPortalEl, {
+                  options: this.options,
+                  injector: this.app,
+                  setThemeSetter: setThemeSetter,
+                  setStaticRouteSetter: setStaticRouteSetter
+                });
+                this.app.loading = false;
+                _context.next = 13;
+                return waitThemeSetter(this);
+
+              case 13:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function render(_x) {
+        return _render.apply(this, arguments);
+      }
+
+      return render;
+    }()
+  }, {
+    key: "setStaticRoute",
+    value: function setStaticRoute(staticRoute) {
+      var _this$setRoute;
+
+      (_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
     }
-
-    this.app.adminPortalContainer = adminPortalContainer;
-    this.app.adminPortalEl = adminPortalEl;
-
-    const setThemeSetter = themeSetter => {
-      this.themeSetter = themeSetter;
-    };
-
-    const setStaticRouteSetter = setStaticRoute => {
-      this.setRoute = setStaticRoute;
-    };
-
-    const FronteggAdminPortal = await this.app.loadScript('FronteggAdminPortal');
-    this.app.adminPortalRenderer = FronteggAdminPortal.renderPage(adminPortalEl, {
-      options: this.options,
-      injector: this.app,
-      setThemeSetter,
-      setStaticRouteSetter
-    });
-    this.app.loading = false;
-    await waitThemeSetter(this);
-  }
-
-  setStaticRoute(staticRoute) {
-    var _this$setRoute;
-
-    (_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
-  }
-
-  unmount() {
-    try {
-      var _this$app$adminPortal;
-
-      (_this$app$adminPortal = this.app.adminPortalRenderer) == null ? void 0 : _this$app$adminPortal.unmount();
-    } catch (e) {
-      console.error('Failed to unmount admin Portal renderer', e);
+  }, {
+    key: "unmount",
+    value: function unmount() {
+      try {
+        var _this$app$adminPortal;
+
+        (_this$app$adminPortal = this.app.adminPortalRenderer) == null ? void 0 : _this$app$adminPortal.unmount();
+      } catch (e) {
+        console.error('Failed to unmount admin Portal renderer', e);
+      }
     }
-  }
+  }, {
+    key: "setTheme",
+    value: function setTheme(themeOptions) {
+      var _this$themeSetter;
 
-  setTheme(themeOptions) {
-    var _this$themeSetter;
+      this.themeOptions = themeOptions;
 
-    this.themeOptions = themeOptions;
+      if (!this.themeSetter) {
+        console.warn('this.themeSetter is not defined yet');
+      }
 
-    if (!this.themeSetter) {
-      console.warn('this.themeSetter is not defined yet');
+      (_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
     }
+  }]);
 
-    (_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
-  }
-
-}
+  return AdminPortalRenderer;
+}();
 export default AdminPortalRenderer;

package/AppHolder/index.js

@@ -1,17 +1,28 @@
-export class AppHolder {
-  static setInstance(name, app) {
-    AppHolder._apps[name] = app;
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+export var AppHolder = /*#__PURE__*/function () {
+  function AppHolder() {
+    _classCallCheck(this, AppHolder);
   }
 
-  static getInstance(name) {
-    const app = AppHolder._apps[name];
-
-    if (!app) {
-      throw Error(`[${name}] FronteggApp not found`);
+  _createClass(AppHolder, null, [{
+    key: "setInstance",
+    value: function setInstance(name, app) {
+      AppHolder._apps[name] = app;
     }
+  }, {
+    key: "getInstance",
+    value: function getInstance(name) {
+      var app = AppHolder._apps[name];
 
-    return app;
-  }
+      if (!app) {
+        throw Error("[".concat(name, "] FronteggApp not found"));
+      }
+
+      return app;
+    }
+  }]);
 
-}
+  return AppHolder;
+}();
 AppHolder._apps = {};

package/CheckoutDialog/index.js

@@ -1,11 +1,24 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
 import { AppHolder } from '../AppHolder';
-export class CheckoutDialog {
-  static show(opts, name = 'default') {
-    AppHolder.getInstance(name).showCheckoutDialog(opts);
+export var CheckoutDialog = /*#__PURE__*/function () {
+  function CheckoutDialog() {
+    _classCallCheck(this, CheckoutDialog);
   }
 
-  static hide(name = 'default') {
-    AppHolder.getInstance(name).hideCheckoutDialog();
-  }
+  _createClass(CheckoutDialog, null, [{
+    key: "show",
+    value: function show(opts) {
+      var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+      AppHolder.getInstance(name).showCheckoutDialog(opts);
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+      AppHolder.getInstance(name).hideCheckoutDialog();
+    }
+  }]);
 
-}
+  return CheckoutDialog;
+}();

package/FronteggApp/FronteggApp.d.ts

@@ -37,6 +37,8 @@ export declare class FronteggApp {
     updateLocalizationsSetter: (localizationUpdateFn: (localizations: LocalizationsOverrides) => void) => void;
     updateMetadata(metadata: FronteggAppOptions['metadata']): void;
     addOnLoadedListener(listener: () => void): void;
+    ready(listener: () => void): void;
+    loginWithRedirect(): void;
     loadScript(component: string): Promise<unknown>;
     loadLoginBox(): Promise<void>;
     showAdminPortal(): Promise<void>;