@frontegg/js 6.10.1 → 6.12.0

package/node/FronteggApp/FronteggApp.js

@@ -2,13 +2,23 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FronteggApp = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _reduxStore = require("@frontegg/redux-store");
 
 var FronteggTypes = _interopRequireWildcard(require("@frontegg/types"));
@@ -21,19 +31,25 @@ var FronteggRestApi = _interopRequireWildcard(require("@frontegg/rest-api"));
 
 var _version = _interopRequireDefault(require("../version"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-class FronteggApp {
-  constructor(_options, name, iframeRendering = false) {
-    var _this$options$authOpt, _this$options$store, _this$options$authOpt2, _this$options$auditsO;
+var FronteggApp = /*#__PURE__*/function () {
+  function FronteggApp(_options, name) {
+    var _this = this,
+        _this$options$authOpt,
+        _this$options$store,
+        _this$options$authOpt2,
+        _this$options$auditsO;
 
+    var iframeRendering = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    (0, _classCallCheck2["default"])(this, FronteggApp);
     this.name = void 0;
     this.iframeRendering = void 0;
     this.options = void 0;
     this.loading = true;
-    this.cdnUrl = `https://assets.frontegg.com/admin-box/${_version.default.cdnVersion}`;
+    this.cdnUrl = "https://assets.frontegg.com/admin-box/".concat(_version["default"].cdnVersion);
     this.customElementName = '';
     this.adminPortalEl = void 0;
     this.adminPortalRenderer = void 0;
@@ -48,55 +64,103 @@ class FronteggApp {
     this.flags = {};
     this.loadingListeners = [];
     this.updateLocalizations = void 0;
-
-    this.loadAdminBoxMetadata = async () => {
-      const {
-        Get
-      } = FronteggRestApi.fetch;
-
-      if (!this.options.metadata) {
-        try {
-          var _data$rows$0$configur, _data$rows, _data$rows$;
-
-          const data = await Get(`/metadata`, {
-            entityName: 'adminBox'
-          });
-          this.options.metadata = (_data$rows$0$configur = data == null ? void 0 : (_data$rows = data.rows) == null ? void 0 : (_data$rows$ = _data$rows[0]) == null ? void 0 : _data$rows$.configuration) != null ? _data$rows$0$configur : {};
-        } catch (e) {
-          console.error('failed to get admin portal metadata', e);
+    this.loadAdminBoxMetadata = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var Get, _data$rows$0$configur, _data$rows, _data$rows$, data;
+
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              Get = FronteggRestApi.fetch.Get;
+
+              if (_this.options.metadata) {
+                _context.next = 12;
+                break;
+              }
+
+              _context.prev = 2;
+              _context.next = 5;
+              return Get("/metadata", {
+                entityName: 'adminBox'
+              });
+
+            case 5:
+              data = _context.sent;
+              _this.options.metadata = (_data$rows$0$configur = data == null ? void 0 : (_data$rows = data.rows) == null ? void 0 : (_data$rows$ = _data$rows[0]) == null ? void 0 : _data$rows$.configuration) != null ? _data$rows$0$configur : {};
+              _context.next = 12;
+              break;
+
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](2);
+              console.error('failed to get admin portal metadata', _context.t0);
+
+            case 12:
+              FronteggTypes.Metadata.set(_this.options.metadata, _this.name);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
         }
-      }
-
-      FronteggTypes.Metadata.set(this.options.metadata, this.name);
-    };
-
-    this.requestAuthorize = async () => {
-      if (!this.options.hostedLoginBox && !this.options.builderMode && this.options.framework !== 'nextjs') {
-        this.store.dispatch({
-          type: 'auth/requestAuthorize',
-          payload: true
-        });
-      }
-    };
-
-    this.loadFeatureFlags = async () => {
-      try {
-        this.flags = await FronteggRestApi.loadFeatureFlags();
-      } catch (e) {
-        console.error('failed to get admin portal feature flags', e);
-      }
-    };
+      }, _callee, null, [[2, 9]]);
+    }));
+    this.requestAuthorize = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!_this.options.hostedLoginBox && !_this.options.builderMode && _this.options.framework !== 'nextjs') {
+                _this.store.dispatch({
+                  type: 'auth/requestAuthorize',
+                  payload: true
+                });
+              }
+
+            case 1:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+    this.loadFeatureFlags = /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              _context3.next = 3;
+              return FronteggRestApi.loadFeatureFlags();
+
+            case 3:
+              _this.flags = _context3.sent;
+              _context3.next = 9;
+              break;
+
+            case 6:
+              _context3.prev = 6;
+              _context3.t0 = _context3["catch"](0);
+              console.error('failed to get admin portal feature flags', _context3.t0);
+
+            case 9:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3, null, [[0, 6]]);
+    }));
 
-    this.updateLocalizationsSetter = localizationUpdateFn => {
-      this.updateLocalizations = localizationUpdateFn;
+    this.updateLocalizationsSetter = function (localizationUpdateFn) {
+      _this.updateLocalizations = localizationUpdateFn;
     };
 
-    let appName = (0, _utils.formatName)(name);
-    let customElementName = `frontegg-app-${appName}`;
+    var appName = (0, _utils.formatName)(name);
+    var customElementName = "frontegg-app-".concat(appName);
     this.iframeRendering = iframeRendering;
     this.name = appName;
-    this.options = (0, _extends2.default)({}, _options, {
-      contextOptions: (0, _extends2.default)({
+    this.options = (0, _extends2["default"])({}, _options, {
+      contextOptions: (0, _extends2["default"])({
         requestCredentials: 'include'
       }, _options.contextOptions)
     });
@@ -106,7 +170,7 @@ class FronteggApp {
     }
 
     this.customElementName = customElementName;
-    const authOptions = this.options.authOptions ? (0, _extends2.default)({}, this.options.authOptions, {
+    var authOptions = this.options.authOptions ? (0, _extends2["default"])({}, this.options.authOptions, {
       hostedLoginBox: this.options.hostedLoginBox
     }) : {
       hostedLoginBox: this.options.hostedLoginBox
@@ -122,142 +186,271 @@ class FronteggApp {
     _AppHolder.AppHolder.setInstance(appName, this);
   }
 
-  async initContainers(elements) {
-    this.adminPortalEl = elements.adminPortalEl;
-    this.loginBoxEl = elements.loginBoxEl;
-    this.checkoutDialogEl = elements.checkoutDialogEl;
-    this.adminPortalContainer = elements.adminPortalContainer;
-    this.loginBoxContainer = elements.loginBoxContainer;
-    this.checkoutDialogContainer = elements.checkoutDialogContainer;
-
-    try {
-      document.body.classList.add('frontegg-loading');
-    } catch (e) {}
-
-    await Promise.all([this.loadAdminBoxMetadata(), this.requestAuthorize(), this.loadFeatureFlags()]);
-
-    if (!this.options.previewMode && !this.options.customLoginBox) {
-      this.loadLoginBox();
-    }
-
-    this.loadScript('FronteggAdminPortal');
-  }
+  (0, _createClass2["default"])(FronteggApp, [{
+    key: "initContainers",
+    value: function () {
+      var _initContainers = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(elements) {
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                this.adminPortalEl = elements.adminPortalEl;
+                this.loginBoxEl = elements.loginBoxEl;
+                this.checkoutDialogEl = elements.checkoutDialogEl;
+                this.adminPortalContainer = elements.adminPortalContainer;
+                this.loginBoxContainer = elements.loginBoxContainer;
+                this.checkoutDialogContainer = elements.checkoutDialogContainer;
+
+                try {
+                  document.body.classList.add('frontegg-loading');
+                } catch (e) {}
+
+                _context4.next = 9;
+                return Promise.all([this.loadAdminBoxMetadata(), this.requestAuthorize(), this.loadFeatureFlags()]);
+
+              case 9:
+                if (!this.options.previewMode && !this.options.customLoginBox) {
+                  this.loadLoginBox();
+                }
+
+                this.loadScript('FronteggAdminPortal');
+
+              case 11:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this);
+      }));
+
+      function initContainers(_x) {
+        return _initContainers.apply(this, arguments);
+      }
 
-  updateMetadata(metadata) {
-    FronteggTypes.Metadata.set(metadata, this.name);
+      return initContainers;
+    }()
+  }, {
+    key: "updateMetadata",
+    value: function updateMetadata(metadata) {
+      FronteggTypes.Metadata.set(metadata, this.name);
 
-    if (metadata != null && metadata.localizations) {
-      var _this$updateLocalizat;
+      if (metadata != null && metadata.localizations) {
+        var _this$updateLocalizat;
 
-      (_this$updateLocalizat = this.updateLocalizations) == null ? void 0 : _this$updateLocalizat.call(this, metadata.localizations);
+        (_this$updateLocalizat = this.updateLocalizations) == null ? void 0 : _this$updateLocalizat.call(this, metadata.localizations);
+      }
     }
-  }
+  }, {
+    key: "addOnLoadedListener",
+    value: function addOnLoadedListener(listener) {
+      if (!this.loading) {
+        listener();
+        return;
+      }
 
-  addOnLoadedListener(listener) {
-    if (!this.loading) {
-      listener();
-      return;
+      this.loadingListeners.push(listener);
     }
-
-    this.loadingListeners.push(listener);
-  }
-
-  loadScript(component) {
-    return new Promise((resolve, reject) => {
-      // TODO: prevent this behavior if development
-      if (window[component]) {
-        resolve(window[component]);
-        return;
+  }, {
+    key: "ready",
+    value: function ready(listener) {
+      if (this.loading) {
+        listener();
+      } else {
+        this.addOnLoadedListener(listener);
       }
-      
-
-
-      const entries = {
-        FronteggLoginBox: 'login-box/index.js',
-        FronteggAdminPortal: 'admin-portal/index.js'
-      };
-      const script = document.createElement('script');
-      script.src = `${this.cdnUrl}/${entries[component]}`;
-      script.setAttribute('id', `${component}Script`);
-      script.setAttribute('cdn-url', this.cdnUrl);
-
-      script.onload = () => {
-        if (window[`${component}Init`]) {
-          resolve(window[`${component}Init`]({
-            FronteggRestApi,
-            FronteggTypes
-          }));
-        } else {
+    }
+  }, {
+    key: "loginWithRedirect",
+    value: function loginWithRedirect() {
+      this.store.dispatch({
+        type: 'auth/setState',
+        payload: {
+          isLoading: true
+        }
+      });
+      this.store.dispatch({
+        type: 'auth/requestHostedLoginAuthorize'
+      });
+    }
+  }, {
+    key: "loadScript",
+    value: function loadScript(component) {
+      var _this2 = this;
+
+      return new Promise(function (resolve, reject) {
+        // TODO: prevent this behavior if development
+        if (window[component]) {
           resolve(window[component]);
+          return;
         }
-      };
-
-      script.onerror = e => {
-        console.log('Profile page error', e);
-        reject(e);
-      };
+        
+
+
+        var entries = {
+          FronteggLoginBox: 'login-box/index.js',
+          FronteggAdminPortal: 'admin-portal/index.js'
+        };
+        var script = document.createElement('script');
+        script.src = "".concat(_this2.cdnUrl, "/").concat(entries[component]);
+        script.setAttribute('id', "".concat(component, "Script"));
+        script.setAttribute('cdn-url', _this2.cdnUrl);
+
+        script.onload = function () {
+          if (window["".concat(component, "Init")]) {
+            resolve(window["".concat(component, "Init")]({
+              FronteggRestApi: FronteggRestApi,
+              FronteggTypes: FronteggTypes
+            }));
+          } else {
+            resolve(window[component]);
+          }
+        };
+
+        script.onerror = function (e) {
+          console.log('Profile page error', e);
+          reject(e);
+        };
+
+        document.body.append(script);
+      });
+    }
+  }, {
+    key: "loadLoginBox",
+    value: function () {
+      var _loadLoginBox = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        var FronteggLoginBox;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.next = 2;
+                return this.loadScript('FronteggLoginBox');
+
+              case 2:
+                FronteggLoginBox = _context5.sent;
+                FronteggLoginBox.render(this.loginBoxEl, {
+                  injector: this,
+                  options: this.options
+                });
+                this.loading = false;
+                this.loadingListeners.forEach(function (listener) {
+                  try {
+                    listener();
+                  } catch (e) {}
+                });
+                this.loadingListeners = [];
+
+              case 7:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5, this);
+      }));
+
+      function loadLoginBox() {
+        return _loadLoginBox.apply(this, arguments);
+      }
 
-      document.body.append(script);
-    });
-  }
+      return loadLoginBox;
+    }()
+  }, {
+    key: "showAdminPortal",
+    value: function () {
+      var _showAdminPortal = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+        var FronteggAdminPortal;
+        return _regenerator["default"].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;
+                this.adminPortalRenderer = FronteggAdminPortal.render(this.adminPortalEl, {
+                  injector: this,
+                  options: this.options
+                });
+
+              case 4:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6, this);
+      }));
+
+      function showAdminPortal() {
+        return _showAdminPortal.apply(this, arguments);
+      }
 
-  async loadLoginBox() {
-    const FronteggLoginBox = await this.loadScript('FronteggLoginBox');
-    FronteggLoginBox.render(this.loginBoxEl, {
-      injector: this,
-      options: this.options
-    });
-    this.loading = false;
-    this.loadingListeners.forEach(listener => {
+      return showAdminPortal;
+    }()
+  }, {
+    key: "hideAdminPortal",
+    value: function hideAdminPortal() {
       try {
-        listener();
-      } catch (e) {}
-    });
-    this.loadingListeners = [];
-  }
-
-  async showAdminPortal() {
-    const FronteggAdminPortal = await this.loadScript('FronteggAdminPortal');
-    this.adminPortalRenderer = FronteggAdminPortal.render(this.adminPortalEl, {
-      injector: this,
-      options: this.options
-    });
-  }
-
-  hideAdminPortal() {
-    try {
-      var _this$adminPortalRend;
+        var _this$adminPortalRend;
 
-      (_this$adminPortalRend = this.adminPortalRenderer) == null ? void 0 : _this$adminPortalRend.unmount();
-    } catch (e) {
-      console.error('Failed to unmount admin portal', e);
+        (_this$adminPortalRend = this.adminPortalRenderer) == null ? void 0 : _this$adminPortalRend.unmount();
+      } catch (e) {
+        console.error('Failed to unmount admin portal', e);
+      }
     }
-  }
-
-  async showCheckoutDialog(opts) {
-    const FronteggAdminPortal = await this.loadScript('FronteggAdminPortal');
-    this.checkoutDialogRenderer = FronteggAdminPortal.renderCheckoutDialog(this.checkoutDialogEl, (0, _extends2.default)({
-      injector: this
-    }, opts, {
-      options: this.options
-    }));
-  }
+  }, {
+    key: "showCheckoutDialog",
+    value: function () {
+      var _showCheckoutDialog = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7(opts) {
+        var FronteggAdminPortal;
+        return _regenerator["default"].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;
+                this.checkoutDialogRenderer = FronteggAdminPortal.renderCheckoutDialog(this.checkoutDialogEl, (0, _extends2["default"])({
+                  injector: this
+                }, opts, {
+                  options: this.options
+                }));
+
+              case 4:
+              case "end":
+                return _context7.stop();
+            }
+          }
+        }, _callee7, this);
+      }));
+
+      function showCheckoutDialog(_x2) {
+        return _showCheckoutDialog.apply(this, arguments);
+      }
 
-  hideCheckoutDialog() {
-    try {
-      var _this$checkoutDialogR;
+      return showCheckoutDialog;
+    }()
+  }, {
+    key: "hideCheckoutDialog",
+    value: function hideCheckoutDialog() {
+      try {
+        var _this$checkoutDialogR;
 
-      (_this$checkoutDialogR = this.checkoutDialogRenderer) == null ? void 0 : _this$checkoutDialogR.unmount();
-    } catch (e) {
-      console.error('Failed to unmount checkout dialog', e);
+        (_this$checkoutDialogR = this.checkoutDialogRenderer) == null ? void 0 : _this$checkoutDialogR.unmount();
+      } catch (e) {
+        console.error('Failed to unmount checkout dialog', e);
+      }
     }
-  }
-
-  close() {
-    this.hideAdminPortal();
-    this.hideCheckoutDialog();
-  }
-
-}
+  }, {
+    key: "close",
+    value: function close() {
+      this.hideAdminPortal();
+      this.hideCheckoutDialog();
+    }
+  }]);
+  return FronteggApp;
+}();
 
 exports.FronteggApp = FronteggApp;

package/node/FronteggApp/index.js

@@ -11,7 +11,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];
     }
   });