@frontegg/js 6.10.0 → 6.11.0

package/node/AdminPortalRenderer/index.js

@@ -5,10 +5,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AdminPortalRenderer = void 0;
+exports["default"] = exports.AdminPortalRenderer = 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,97 +25,131 @@ var _FronteggApp = require("../FronteggApp");
 
 var _utils = require("../utils");
 
-class AdminPortalRenderer {
-  constructor(name, themeOptions, store, appOptions) {
+var AdminPortalRenderer = /*#__PURE__*/function () {
+  function AdminPortalRenderer(name, themeOptions, store, appOptions) {
+    (0, _classCallCheck2["default"])(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 : (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
+      contextOptions: contextOptions
     }, appOptions);
     this.app = new _FronteggApp.FronteggApp(this.options, name, true);
 
     _types.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);
+  (0, _createClass2["default"])(AdminPortalRenderer, [{
+    key: "render",
+    value: function () {
+      var _render = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(adminPortalContainer) {
+        var _this = this;
+
+        var adminPortalEl, setThemeSetter, setStaticRouteSetter, FronteggAdminPortal;
+        return _regenerator["default"].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 (0, _utils.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 (0, _utils.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;
+}();
 
 exports.AdminPortalRenderer = AdminPortalRenderer;
 var _default = AdminPortalRenderer;
-exports.default = _default;
+exports["default"] = _default;

package/node/AppHolder/index.js

@@ -1,26 +1,40 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AppHolder = void 0;
 
-class AppHolder {
-  static setInstance(name, app) {
-    AppHolder._apps[name] = app;
-  }
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-  static getInstance(name) {
-    const app = AppHolder._apps[name];
+var AppHolder = /*#__PURE__*/function () {
+  function AppHolder() {
+    (0, _classCallCheck2["default"])(this, AppHolder);
+  }
 
-    if (!app) {
-      throw Error(`[${name}] FronteggApp not found`);
+  (0, _createClass2["default"])(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;
+}();
 
 exports.AppHolder = AppHolder;
 AppHolder._apps = {};

package/node/CheckoutDialog/index.js

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