@frontegg/js 6.10.0 → 6.11.0

package/node/LoginBoxRenderer/index.js

@@ -5,10 +5,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getThemeByName = exports.defaultTheme = exports.default = exports.LoginBoxRenderer = void 0;
+exports.getThemeByName = exports.defaultTheme = exports["default"] = exports.LoginBoxRenderer = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _reduxStore = require("@frontegg/redux-store");
 
 var _types = require("@frontegg/types");
@@ -17,44 +25,45 @@ var _FronteggApp = require("../FronteggApp");
 
 var _utils = require("../utils");
 
-const defaultTheme = 'modern';
+var defaultTheme = 'modern';
 exports.defaultTheme = defaultTheme;
 
-const getThemeByName = name => {
+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];
 };
 
 exports.getThemeByName = getThemeByName;
 
-class LoginBoxRenderer {
-  constructor(name, themeOptions, store, appOptions) {
+var LoginBoxRenderer = /*#__PURE__*/function () {
+  function LoginBoxRenderer(name, themeOptions, store, appOptions) {
+    (0, _classCallCheck2["default"])(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 : (0, _reduxStore.createFronteggStore)({
       context: contextOptions
     }, this, true, undefined, undefined, true);
-    this.options = (0, _extends2.default)({
-      themeOptions,
+    this.options = (0, _extends2["default"])({
+      themeOptions: themeOptions,
       iframeRendering: true,
       metadata: {},
       previewMode: true,
       builderMode: true,
       store: this.store,
-      contextOptions,
-      onRedirectTo: () => {
+      contextOptions: contextOptions,
+      onRedirectTo: function onRedirectTo() {
         console.debug('path');
       }
     }, appOptions);
@@ -63,78 +72,112 @@ class LoginBoxRenderer {
     _types.Metadata.set({}, name);
   }
 
-  async render(loginBoxContainer) {
-    let loginBoxEl = loginBoxContainer.querySelector('#root');
+  (0, _createClass2["default"])(LoginBoxRenderer, [{
+    key: "render",
+    value: function () {
+      var _render = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(loginBoxContainer) {
+        var _this = this;
+
+        var loginBoxEl, setThemeSetter, setStaticRouteSetter, FronteggLoginBox;
+        return _regenerator["default"].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 (0, _utils.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 (0, _utils.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);
     }
-  }
-
-  setTheme(themeOptions) {
-    var _this$themeSetter;
+  }, {
+    key: "setStaticRoute",
+    value: function setStaticRoute(staticRoute) {
+      var _this$setRoute;
 
-    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;
+}();
 
 exports.LoginBoxRenderer = LoginBoxRenderer;
 var _default = LoginBoxRenderer;
-exports.default = _default;
+exports["default"] = _default;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.10.0
+/** @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.
@@ -16,7 +16,7 @@ Object.keys(_AppHolder).forEach(function (key) {
   if (key in exports && exports[key] === _AppHolder[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _AppHolder[key];
     }
   });
@@ -29,7 +29,7 @@ Object.keys(_FronteggApp).forEach(function (key) {
   if (key in exports && exports[key] === _FronteggApp[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _FronteggApp[key];
     }
   });
@@ -42,7 +42,7 @@ Object.keys(_HostedLogin).forEach(function (key) {
   if (key in exports && exports[key] === _HostedLogin[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _HostedLogin[key];
     }
   });
@@ -55,7 +55,7 @@ Object.keys(_AdminPortal).forEach(function (key) {
   if (key in exports && exports[key] === _AdminPortal[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _AdminPortal[key];
     }
   });
@@ -68,7 +68,7 @@ Object.keys(_CheckoutDialog).forEach(function (key) {
   if (key in exports && exports[key] === _CheckoutDialog[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _CheckoutDialog[key];
     }
   });
@@ -81,7 +81,7 @@ Object.keys(_AdminPortalRenderer).forEach(function (key) {
   if (key in exports && exports[key] === _AdminPortalRenderer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _AdminPortalRenderer[key];
     }
   });
@@ -94,7 +94,7 @@ Object.keys(_LoginBoxRenderer).forEach(function (key) {
   if (key in exports && exports[key] === _LoginBoxRenderer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _LoginBoxRenderer[key];
     }
   });
@@ -107,7 +107,7 @@ Object.keys(_initialize).forEach(function (key) {
   if (key in exports && exports[key] === _initialize[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _initialize[key];
     }
   });

package/node/initialize.js

@@ -1,125 +1,163 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.initialize = void 0;
 
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
+
 var _FronteggApp = require("./FronteggApp");
 
 var _AppHolder = require("./AppHolder");
 
 var _utils = require("./utils");
 
-const initialize = (options, name = 'default') => {
-  const createdApp = new _FronteggApp.FronteggApp(options, name);
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+
+var initialize = function initialize(options) {
+  var name = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+  var createdApp = new _FronteggApp.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) {
+        (0, _inherits2["default"])(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;
-            }
+          (0, _classCallCheck2["default"])(this, FronteggAppContainer);
 
-            if (oldValue === newValue) {
-              return;
-            }
-
-            this.innerHTML = '';
-
-            if (newValue === null) {
-              this.remove();
-            } else {
-              this.updateContent();
-            }
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
           }
 
-          console.debug('attributeChangedCallback', name, oldValue, newValue);
+          _this = _super.call.apply(_super, [this].concat(args));
+          _this.app = null;
+          return _this;
         }
 
-        updateContent() {
-          var _this$getAttribute;
+        (0, _createClass2["default"])(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();
+              }
+            }
 
-          const appName = (_this$getAttribute = this.getAttribute('app-name')) != null ? _this$getAttribute : 'default';
+            console.debug('attributeChangedCallback', name, oldValue, newValue);
+          }
+        }, {
+          key: "updateContent",
+          value: function updateContent() {
+            var _this$getAttribute;
 
-          const app = _AppHolder.AppHolder.getInstance(appName);
+            var appName = (_this$getAttribute = this.getAttribute('app-name')) != null ? _this$getAttribute : 'default';
 
-          if (app === null) {
-            throw Error(`FronteggApp not found for appName: '${appName}'`);
-          }
+            var app = _AppHolder.AppHolder.getInstance(appName);
 
-          this.setAttribute('id', `frontegg-app-${app.name}`);
-          const adminPortalContainer = (0, _utils.createElement)(this, 'div', {
-            id: `frontegg-admin-portal-container-${app.name}`
-          });
-          const loginBoxContainer = (0, _utils.createElement)(this, 'div', {
-            id: `frontegg-login-box-container-${app.name}`
-          });
-          const checkoutDialogContainer = (0, _utils.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 = (0, _utils.createElement)(adminBoxShadowEl, 'div', {
-            id: `frontegg-admin-portal-${app.name}`,
-            class: 'frontegg-root-content'
-          });
-          const loginBoxEl = (0, _utils.createElement)(loginBoxShadowEl, 'div', {
-            id: `frontegg-login-box-${app.name}`,
-            class: 'frontegg-root-content'
-          });
-          const checkoutDialogEl = (0, _utils.createElement)(checkoutDialogShadowEl, 'div', {
-            id: `frontegg-checkout-dialog-${app.name}`,
-            class: 'frontegg-root-content'
-          });
-          app.initContainers({
-            adminPortalEl,
-            loginBoxEl,
-            adminPortalContainer,
-            loginBoxContainer,
-            checkoutDialogContainer,
-            checkoutDialogEl
-          });
-        }
+            if (app === null) {
+              throw Error("FronteggApp not found for appName: '".concat(appName, "'"));
+            }
 
-      }
+            this.setAttribute('id', "frontegg-app-".concat(app.name));
+            var adminPortalContainer = (0, _utils.createElement)(this, 'div', {
+              id: "frontegg-admin-portal-container-".concat(app.name)
+            });
+            var loginBoxContainer = (0, _utils.createElement)(this, 'div', {
+              id: "frontegg-login-box-container-".concat(app.name)
+            });
+            var checkoutDialogContainer = (0, _utils.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 = (0, _utils.createElement)(adminBoxShadowEl, 'div', {
+              id: "frontegg-admin-portal-".concat(app.name),
+              "class": 'frontegg-root-content'
+            });
+            var loginBoxEl = (0, _utils.createElement)(loginBoxShadowEl, 'div', {
+              id: "frontegg-login-box-".concat(app.name),
+              "class": 'frontegg-root-content'
+            });
+            var checkoutDialogEl = (0, _utils.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'];
+          }
+        }]);
+        return FronteggAppContainer;
+      }( /*#__PURE__*/(0, _wrapNativeSuper2["default"])(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/utils/index.js

@@ -5,36 +5,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.waitThemeSetter = exports.formatName = exports.createElement = void 0;
 
-const formatName = name => name.replace(/\W+/g, ' ').split(/ |\B(?=[A-Z])/).map(word => word.toLowerCase()).join('');
+var formatName = function formatName(name) {
+  return name.replace(/\W+/g, ' ').split(/ |\B(?=[A-Z])/).map(function (word) {
+    return word.toLowerCase();
+  }).join('');
+};
 
 exports.formatName = formatName;
 
-const createElement = (container, type, attrs = {}) => {
-  const el = document.createElement(type);
-  Object.keys(attrs).forEach(key => el.setAttribute(key, attrs[key]));
+var createElement = function createElement(container, type) {
+  var attrs = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var el = document.createElement(type);
+  Object.keys(attrs).forEach(function (key) {
+    return el.setAttribute(key, attrs[key]);
+  });
   container.appendChild(el);
   return el;
 };
 
 exports.createElement = createElement;
 
-const waitThemeSetter = instance => new Promise((resolve, reject) => {
-  let timeout = 4000;
-  const interval = setInterval(() => {
-    if (instance.themeSetter != null) {
-      clearInterval(interval);
-      resolve(true);
-      return;
-    }
-
-    if (timeout < 0) {
-      reject('Failed to load Renderer with themeSetter');
-      clearInterval(interval);
-      return;
-    }
-
-    timeout -= 50;
-  }, 50);
-});
+var waitThemeSetter = function waitThemeSetter(instance) {
+  return new Promise(function (resolve, reject) {
+    var timeout = 4000;
+    var interval = setInterval(function () {
+      if (instance.themeSetter != null) {
+        clearInterval(interval);
+        resolve(true);
+        return;
+      }
+
+      if (timeout < 0) {
+        reject('Failed to load Renderer with themeSetter');
+        clearInterval(interval);
+        return;
+      }
+
+      timeout -= 50;
+    }, 50);
+  });
+};
 
 exports.waitThemeSetter = waitThemeSetter;

package/node/version.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _default = {
-  "cdnVersion": "6.10.0"
+  "cdnVersion": "6.11.0"
 };
-exports.default = _default;
+exports["default"] = _default;