@frontegg/js 6.10.1 → 6.11.0

package/LoginBoxRenderer/index.js

@@ -1,42 +1,48 @@
+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';
-const defaultTheme = 'modern';
+var defaultTheme = 'modern';
 export { defaultTheme };
-export const getThemeByName = name => {
+export var getThemeByName = function getThemeByName(name) {
   var _name;
 
   // Load themes from window chunk to support cdn getThemeByName
-  const themes = window['FronteggAdminPortal'].themes;
+  var themes = window['FronteggAdminPortal'].themes;
   return (_name = themes[name]) != null ? _name : themes[defaultTheme];
 };
-export class LoginBoxRenderer {
-  constructor(name, themeOptions, store, appOptions) {
+export var LoginBoxRenderer = /*#__PURE__*/function () {
+  function LoginBoxRenderer(name, themeOptions, store, appOptions) {
+    _classCallCheck(this, LoginBoxRenderer);
+
     this.app = void 0;
     this.options = void 0;
     this.store = void 0;
     this.themeSetter = void 0;
 
-    this.setRoute = () => {};
+    this.setRoute = function () {};
 
     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,
-      onRedirectTo: () => {
+      contextOptions: contextOptions,
+      onRedirectTo: function onRedirectTo() {
         console.debug('path');
       }
     }, appOptions);
@@ -44,75 +50,110 @@ export class LoginBoxRenderer {
     Metadata.set({}, name);
   }
 
-  async render(loginBoxContainer) {
-    let loginBoxEl = loginBoxContainer.querySelector('#root');
+  _createClass(LoginBoxRenderer, [{
+    key: "render",
+    value: function () {
+      var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(loginBoxContainer) {
+        var _this = this;
+
+        var loginBoxEl, setThemeSetter, setStaticRouteSetter, FronteggLoginBox;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                loginBoxEl = loginBoxContainer.querySelector('#root');
+
+                if (!loginBoxEl) {
+                  loginBoxEl = loginBoxContainer.ownerDocument.createElement('div');
+                  loginBoxEl.setAttribute('id', 'root');
+                  loginBoxContainer.appendChild(loginBoxEl);
+                }
+
+                this.app.loginBoxContainer = loginBoxContainer;
+                this.app.loginBoxEl = loginBoxEl;
+
+                setThemeSetter = function setThemeSetter(themeSetter) {
+                  _this.themeSetter = themeSetter;
+                };
+
+                setStaticRouteSetter = function setStaticRouteSetter(setStaticRoute) {
+                  _this.setRoute = setStaticRoute;
+                };
+
+                _context.next = 8;
+                return this.app.loadScript('FronteggLoginBox');
+
+              case 8:
+                FronteggLoginBox = _context.sent;
+                this.app.loginBoxRenderer = FronteggLoginBox.renderPage(loginBoxEl, {
+                  options: this.options,
+                  injector: this.app,
+                  setThemeSetter: setThemeSetter,
+                  setStaticRouteSetter: setStaticRouteSetter,
+                  staticRoute: '/account/login'
+                });
+                _context.next = 12;
+                return waitThemeSetter(this);
+
+              case 12:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function render(_x) {
+        return _render.apply(this, arguments);
+      }
 
-    if (!loginBoxEl) {
-      loginBoxEl = loginBoxContainer.ownerDocument.createElement('div');
-      loginBoxEl.setAttribute('id', 'root');
-      loginBoxContainer.appendChild(loginBoxEl);
+      return render;
+    }()
+  }, {
+    key: "unmount",
+    value: function unmount() {
+      try {
+        var _this$app$loginBoxRen;
+
+        (_this$app$loginBoxRen = this.app.loginBoxRenderer) == null ? void 0 : _this$app$loginBoxRen.unmount();
+      } catch (e) {
+        console.error('Failed to unmount login box renderer', e);
+      }
     }
+  }, {
+    key: "setTheme",
+    value: function setTheme(themeOptions) {
+      var _this$themeSetter;
 
-    this.app.loginBoxContainer = loginBoxContainer;
-    this.app.loginBoxEl = loginBoxEl;
+      this.themeOptions = themeOptions;
 
-    const setThemeSetter = themeSetter => {
-      this.themeSetter = themeSetter;
-    };
-
-    const setStaticRouteSetter = setStaticRoute => {
-      this.setRoute = setStaticRoute;
-    };
-
-    const FronteggLoginBox = await this.app.loadScript('FronteggLoginBox');
-    this.app.loginBoxRenderer = FronteggLoginBox.renderPage(loginBoxEl, {
-      options: this.options,
-      injector: this.app,
-      setThemeSetter,
-      setStaticRouteSetter,
-      staticRoute: '/account/login'
-    });
-    await waitThemeSetter(this);
-  }
-
-  unmount() {
-    try {
-      var _this$app$loginBoxRen;
+      if (!this.themeSetter) {
+        console.warn("this.themeSetter is not defined yet");
+      }
 
-      (_this$app$loginBoxRen = this.app.loginBoxRenderer) == null ? void 0 : _this$app$loginBoxRen.unmount();
-    } catch (e) {
-      console.error('Failed to unmount login box renderer', e);
+      (_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
     }
-  }
+  }, {
+    key: "setStaticRoute",
+    value: function setStaticRoute(staticRoute) {
+      var _this$setRoute;
 
-  setTheme(themeOptions) {
-    var _this$themeSetter;
-
-    this.themeOptions = themeOptions;
+      if (!this.setRoute) {
+        console.warn("this.setRoute is not defined yet");
+      }
 
-    if (!this.themeSetter) {
-      console.warn("this.themeSetter is not defined yet");
+      (_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
     }
-
-    (_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
-  }
-
-  setStaticRoute(staticRoute) {
-    var _this$setRoute;
-
-    if (!this.setRoute) {
-      console.warn("this.setRoute is not defined yet");
+  }, {
+    key: "setStore",
+    value: function setStore(state) {
+      this.store.dispatch({
+        type: 'auth/setState',
+        payload: state
+      });
     }
+  }]);
 
-    (_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
-  }
-
-  setStore(state) {
-    this.store.dispatch({
-      type: 'auth/setState',
-      payload: state
-    });
-  }
-
-}
+  return LoginBoxRenderer;
+}();
 export default LoginBoxRenderer;

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.10.1
+/** @license Frontegg v6.11.0
  *
  * 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

@@ -1,114 +1,146 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 import { FronteggApp } from './FronteggApp';
 import { AppHolder } from './AppHolder';
 import { createElement } from './utils';
-export const initialize = (options, name = 'default') => {
-  const createdApp = new FronteggApp(options, name);
+export var initialize = function initialize(options) {
+  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+  var createdApp = new FronteggApp(options, name);
 
   if (typeof document !== 'undefined') {
     var _document$querySelect;
 
     if (!options.contextOptions.baseUrl) {
-      const error = new Error('Edit <FronteggProvider/> options { ContextOptions: { baseUrl: "" } } in order to connect your application');
-      document.body.innerHTML = ``;
+      var error = new Error('Edit <FronteggProvider/> options { ContextOptions: { baseUrl: "" } } in order to connect your application');
+      document.body.innerHTML = "";
       alert(error.message);
       throw error;
     }
 
     if (!customElements.get('frontegg-app')) {
-      class FronteggAppContainer extends HTMLElement {
-        constructor(...args) {
-          super(...args);
-          this.app = null;
-        }
+      var FronteggAppContainer = /*#__PURE__*/function (_HTMLElement) {
+        _inherits(FronteggAppContainer, _HTMLElement);
 
-        static get observedAttributes() {
-          return ['app-name'];
-        }
+        var _super = _createSuper(FronteggAppContainer);
 
-        connectedCallback() {
-          this.updateContent();
-        }
+        function FronteggAppContainer() {
+          var _this;
 
-        attributeChangedCallback(name, oldValue, newValue) {
-          if (name === 'app-name') {
-            if (oldValue === null) {
-              return;
-            }
+          _classCallCheck(this, FronteggAppContainer);
 
-            if (oldValue === newValue) {
-              return;
-            }
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
 
-            this.innerHTML = '';
+          _this = _super.call.apply(_super, [this].concat(args));
+          _this.app = null;
+          return _this;
+        }
 
-            if (newValue === null) {
-              this.remove();
-            } else {
-              this.updateContent();
-            }
+        _createClass(FronteggAppContainer, [{
+          key: "connectedCallback",
+          value: function connectedCallback() {
+            this.updateContent();
           }
+        }, {
+          key: "attributeChangedCallback",
+          value: function attributeChangedCallback(name, oldValue, newValue) {
+            if (name === 'app-name') {
+              if (oldValue === null) {
+                return;
+              }
+
+              if (oldValue === newValue) {
+                return;
+              }
+
+              this.innerHTML = '';
+
+              if (newValue === null) {
+                this.remove();
+              } else {
+                this.updateContent();
+              }
+            }
 
-          console.debug('attributeChangedCallback', name, oldValue, newValue);
-        }
+            console.debug('attributeChangedCallback', name, oldValue, newValue);
+          }
+        }, {
+          key: "updateContent",
+          value: function updateContent() {
+            var _this$getAttribute;
 
-        updateContent() {
-          var _this$getAttribute;
+            var appName = (_this$getAttribute = this.getAttribute('app-name')) != null ? _this$getAttribute : 'default';
+            var app = AppHolder.getInstance(appName);
 
-          const appName = (_this$getAttribute = this.getAttribute('app-name')) != null ? _this$getAttribute : 'default';
-          const app = AppHolder.getInstance(appName);
+            if (app === null) {
+              throw Error("FronteggApp not found for appName: '".concat(appName, "'"));
+            }
 
-          if (app === null) {
-            throw Error(`FronteggApp not found for appName: '${appName}'`);
+            this.setAttribute('id', "frontegg-app-".concat(app.name));
+            var adminPortalContainer = createElement(this, 'div', {
+              id: "frontegg-admin-portal-container-".concat(app.name)
+            });
+            var loginBoxContainer = createElement(this, 'div', {
+              id: "frontegg-login-box-container-".concat(app.name)
+            });
+            var checkoutDialogContainer = createElement(this, 'div', {
+              id: "frontegg-checkout-dialog-container-".concat(app.name)
+            });
+            var adminBoxShadowEl = adminPortalContainer.attachShadow({
+              mode: 'open'
+            });
+            var loginBoxShadowEl = loginBoxContainer.attachShadow({
+              mode: 'open'
+            });
+            var checkoutDialogShadowEl = checkoutDialogContainer.attachShadow({
+              mode: 'open'
+            });
+            var adminPortalEl = createElement(adminBoxShadowEl, 'div', {
+              id: "frontegg-admin-portal-".concat(app.name),
+              "class": 'frontegg-root-content'
+            });
+            var loginBoxEl = createElement(loginBoxShadowEl, 'div', {
+              id: "frontegg-login-box-".concat(app.name),
+              "class": 'frontegg-root-content'
+            });
+            var checkoutDialogEl = createElement(checkoutDialogShadowEl, 'div', {
+              id: "frontegg-checkout-dialog-".concat(app.name),
+              "class": 'frontegg-root-content'
+            });
+            app.initContainers({
+              adminPortalEl: adminPortalEl,
+              loginBoxEl: loginBoxEl,
+              adminPortalContainer: adminPortalContainer,
+              loginBoxContainer: loginBoxContainer,
+              checkoutDialogContainer: checkoutDialogContainer,
+              checkoutDialogEl: checkoutDialogEl
+            });
           }
+        }], [{
+          key: "observedAttributes",
+          get: function get() {
+            return ['app-name'];
+          }
+        }]);
 
-          this.setAttribute('id', `frontegg-app-${app.name}`);
-          const adminPortalContainer = createElement(this, 'div', {
-            id: `frontegg-admin-portal-container-${app.name}`
-          });
-          const loginBoxContainer = createElement(this, 'div', {
-            id: `frontegg-login-box-container-${app.name}`
-          });
-          const checkoutDialogContainer = createElement(this, 'div', {
-            id: `frontegg-checkout-dialog-container-${app.name}`
-          });
-          const adminBoxShadowEl = adminPortalContainer.attachShadow({
-            mode: 'open'
-          });
-          const loginBoxShadowEl = loginBoxContainer.attachShadow({
-            mode: 'open'
-          });
-          const checkoutDialogShadowEl = checkoutDialogContainer.attachShadow({
-            mode: 'open'
-          });
-          const adminPortalEl = createElement(adminBoxShadowEl, 'div', {
-            id: `frontegg-admin-portal-${app.name}`,
-            class: 'frontegg-root-content'
-          });
-          const loginBoxEl = createElement(loginBoxShadowEl, 'div', {
-            id: `frontegg-login-box-${app.name}`,
-            class: 'frontegg-root-content'
-          });
-          const checkoutDialogEl = createElement(checkoutDialogShadowEl, 'div', {
-            id: `frontegg-checkout-dialog-${app.name}`,
-            class: 'frontegg-root-content'
-          });
-          app.initContainers({
-            adminPortalEl,
-            loginBoxEl,
-            adminPortalContainer,
-            loginBoxContainer,
-            checkoutDialogContainer,
-            checkoutDialogEl
-          });
-        }
-
-      }
+        return FronteggAppContainer;
+      }( /*#__PURE__*/_wrapNativeSuper(HTMLElement));
 
       customElements.define('frontegg-app', FronteggAppContainer);
     }
 
-    (_document$querySelect = document.querySelector(`frontegg-app[app-name="${createdApp.name}"]`)) == null ? void 0 : _document$querySelect.remove();
-    const element = document.createElement('frontegg-app');
+    (_document$querySelect = document.querySelector("frontegg-app[app-name=\"".concat(createdApp.name, "\"]"))) == null ? void 0 : _document$querySelect.remove();
+    var element = document.createElement('frontegg-app');
     element.setAttribute('app-name', createdApp.name);
     document.body.appendChild(element);
   }

package/node/AdminPortal/index.js

@@ -1,21 +1,39 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AdminPortal = void 0;
 
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _AppHolder = require("../AppHolder");
 
-class AdminPortal {
-  static show(name = 'default') {
-    _AppHolder.AppHolder.getInstance(name).showAdminPortal();
+var AdminPortal = /*#__PURE__*/function () {
+  function AdminPortal() {
+    (0, _classCallCheck2["default"])(this, AdminPortal);
   }
 
-  static hide(name = 'default') {
-    _AppHolder.AppHolder.getInstance(name).hideAdminPortal();
-  }
+  (0, _createClass2["default"])(AdminPortal, null, [{
+    key: "show",
+    value: function show() {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
+
+      _AppHolder.AppHolder.getInstance(name).showAdminPortal();
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
 
-}
+      _AppHolder.AppHolder.getInstance(name).hideAdminPortal();
+    }
+  }]);
+  return AdminPortal;
+}();
 
 exports.AdminPortal = AdminPortal;