@frontegg/js 6.2.5 → 6.5.0

package/AdminPortalRenderer/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 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) {
     this.app = void 0;
@@ -59,6 +60,7 @@ export class AdminPortalRenderer {
       setStaticRouteSetter
     });
     this.app.loading = false;
+    await waitThemeSetter(this);
   }
 
   setStaticRoute(staticRoute) {
@@ -81,6 +83,11 @@ export class AdminPortalRenderer {
     var _this$themeSetter;
 
     this.themeOptions = themeOptions;
+
+    if (!this.themeSetter) {
+      console.warn('this.themeSetter is not defined yet');
+    }
+
     (_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
   }
 

package/FronteggApp/FronteggApp.d.ts

@@ -1,5 +1,6 @@
 import { EnhancedStore } from '@frontegg/redux-store';
 import { FronteggAppOptions, FronteggCheckoutDialogOptions, LocalizationsOverrides } from '@frontegg/types';
+import * as FronteggRestApi from '@frontegg/rest-api';
 declare type FronteggAppContainers = {
     adminPortalEl: HTMLElement;
     loginBoxEl: HTMLElement;
@@ -25,11 +26,13 @@ export declare class FronteggApp {
     checkoutDialogContainer?: HTMLElement;
     loginBoxRenderer?: any;
     store: EnhancedStore;
+    flags: FronteggRestApi.IFeatureFlagsAttributes;
     loadingListeners: (() => void)[];
     updateLocalizations?: (localizations: LocalizationsOverrides) => void;
     constructor(_options: FronteggAppOptions, name: string, iframeRendering?: boolean);
     loadAdminBoxMetadata: () => Promise<void>;
     requestAuthorize: () => Promise<void>;
+    loadFeatureFlags: () => Promise<void>;
     initContainers(elements: FronteggAppContainers): Promise<void>;
     updateLocalizationsSetter: (localizationUpdateFn: (localizations: LocalizationsOverrides) => void) => void;
     updateMetadata(metadata: FronteggAppOptions['metadata']): void;

package/FronteggApp/FronteggApp.js

@@ -27,6 +27,7 @@ export class FronteggApp {
     this.checkoutDialogContainer = void 0;
     this.loginBoxRenderer = void 0;
     this.store = void 0;
+    this.flags = {};
     this.loadingListeners = [];
     this.updateLocalizations = void 0;
 
@@ -60,6 +61,14 @@ export class FronteggApp {
       }
     };
 
+    this.loadFeatureFlags = async () => {
+      try {
+        this.flags = await FronteggRestApi.loadFeatureFlags();
+      } catch (e) {
+        console.error('failed to get admin portal feature flags', e);
+      }
+    };
+
     this.updateLocalizationsSetter = localizationUpdateFn => {
       this.updateLocalizations = localizationUpdateFn;
     };
@@ -105,7 +114,7 @@ export class FronteggApp {
       document.body.classList.add('frontegg-loading');
     } catch (e) {}
 
-    await Promise.all([this.loadAdminBoxMetadata(), this.requestAuthorize()]);
+    await Promise.all([this.loadAdminBoxMetadata(), this.requestAuthorize(), this.loadFeatureFlags()]);
 
     if (!this.options.previewMode && !this.options.customLoginBox) {
       this.loadLoginBox();

package/LoginBoxRenderer/index.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { createFronteggStore } from '@frontegg/redux-store';
 import { Metadata } from '@frontegg/types';
 import { FronteggApp } from '../FronteggApp';
+import { waitThemeSetter } from '../utils';
 const defaultTheme = 'modern';
 export { defaultTheme };
 export const getThemeByName = name => {
@@ -63,14 +64,15 @@ export class LoginBoxRenderer {
       this.setRoute = setStaticRoute;
     };
 
-    const FronteggAdminPortal = await this.app.loadScript('FronteggLoginBox');
-    this.app.loginBoxRenderer = FronteggAdminPortal.renderPage(loginBoxEl, {
+    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() {
@@ -87,12 +89,21 @@ export class LoginBoxRenderer {
     var _this$themeSetter;
 
     this.themeOptions = themeOptions;
+
+    if (!this.themeSetter) {
+      console.warn("this.themeSetter is not defined yet");
+    }
+
     (_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");
+    }
+
     (_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
   }
 

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.2.5
+/** @license Frontegg v6.5.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/AdminPortalRenderer/index.js

@@ -15,6 +15,8 @@ var _types = require("@frontegg/types");
 
 var _FronteggApp = require("../FronteggApp");
 
+var _utils = require("../utils");
+
 class AdminPortalRenderer {
   constructor(name, themeOptions, store, appOptions) {
     this.app = void 0;
@@ -73,6 +75,7 @@ class AdminPortalRenderer {
       setStaticRouteSetter
     });
     this.app.loading = false;
+    await (0, _utils.waitThemeSetter)(this);
   }
 
   setStaticRoute(staticRoute) {
@@ -95,6 +98,11 @@ class AdminPortalRenderer {
     var _this$themeSetter;
 
     this.themeOptions = themeOptions;
+
+    if (!this.themeSetter) {
+      console.warn('this.themeSetter is not defined yet');
+    }
+
     (_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
   }
 

package/node/FronteggApp/FronteggApp.js

@@ -45,6 +45,7 @@ class FronteggApp {
     this.checkoutDialogContainer = void 0;
     this.loginBoxRenderer = void 0;
     this.store = void 0;
+    this.flags = {};
     this.loadingListeners = [];
     this.updateLocalizations = void 0;
 
@@ -78,6 +79,14 @@ class FronteggApp {
       }
     };
 
+    this.loadFeatureFlags = async () => {
+      try {
+        this.flags = await FronteggRestApi.loadFeatureFlags();
+      } catch (e) {
+        console.error('failed to get admin portal feature flags', e);
+      }
+    };
+
     this.updateLocalizationsSetter = localizationUpdateFn => {
       this.updateLocalizations = localizationUpdateFn;
     };
@@ -124,7 +133,7 @@ class FronteggApp {
       document.body.classList.add('frontegg-loading');
     } catch (e) {}
 
-    await Promise.all([this.loadAdminBoxMetadata(), this.requestAuthorize()]);
+    await Promise.all([this.loadAdminBoxMetadata(), this.requestAuthorize(), this.loadFeatureFlags()]);
 
     if (!this.options.previewMode && !this.options.customLoginBox) {
       this.loadLoginBox();

package/node/LoginBoxRenderer/index.js

@@ -15,6 +15,8 @@ var _types = require("@frontegg/types");
 
 var _FronteggApp = require("../FronteggApp");
 
+var _utils = require("../utils");
+
 const defaultTheme = 'modern';
 exports.defaultTheme = defaultTheme;
 
@@ -81,14 +83,15 @@ class LoginBoxRenderer {
       this.setRoute = setStaticRoute;
     };
 
-    const FronteggAdminPortal = await this.app.loadScript('FronteggLoginBox');
-    this.app.loginBoxRenderer = FronteggAdminPortal.renderPage(loginBoxEl, {
+    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() {
@@ -105,12 +108,21 @@ class LoginBoxRenderer {
     var _this$themeSetter;
 
     this.themeOptions = themeOptions;
+
+    if (!this.themeSetter) {
+      console.warn("this.themeSetter is not defined yet");
+    }
+
     (_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");
+    }
+
     (_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
   }
 

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.2.5
+/** @license Frontegg v6.5.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/utils/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatName = exports.createElement = void 0;
+exports.waitThemeSetter = exports.formatName = exports.createElement = void 0;
 
 const formatName = name => name.replace(/\W+/g, ' ').split(/ |\B(?=[A-Z])/).map(word => word.toLowerCase()).join('');
 
@@ -16,4 +16,25 @@ const createElement = (container, type, attrs = {}) => {
   return el;
 };
 
-exports.createElement = createElement;
+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);
+});
+
+exports.waitThemeSetter = waitThemeSetter;

package/node/version.js

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _default = {
-  "cdnVersion": "6.2.5"
+  "cdnVersion": "6.5.0"
 };
 exports.default = _default;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@frontegg/js",
-  "version": "6.2.5",
+  "version": "6.5.0",
   "main": "./node/index.js",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.17.2",
-    "@frontegg/types": "6.2.5"
+    "@babel/runtime": "^7.18.6",
+    "@frontegg/types": "6.5.0"
   },
   "sideEffects": false,
   "private": false,

package/utils/index.d.ts

@@ -1,4 +1,8 @@
+import { FronteggThemeOptions } from '@frontegg/types';
 export declare const formatName: (name: string) => string;
 export declare const createElement: (container: HTMLElement | ShadowRoot, type: string, attrs?: {
     [x: string]: string;
 }) => HTMLElement;
+export declare const waitThemeSetter: (instance: {
+    themeSetter: ((themeOptions: FronteggThemeOptions) => {}) | undefined;
+}) => Promise<unknown>;

package/utils/index.js

@@ -4,4 +4,22 @@ export const createElement = (container, type, attrs = {}) => {
   Object.keys(attrs).forEach(key => el.setAttribute(key, attrs[key]));
   container.appendChild(el);
   return el;
-};
+};
+export 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);
+});

package/version.js

@@ -1,3 +1,3 @@
 export default {
-  "cdnVersion": "6.2.5"
+  "cdnVersion": "6.5.0"
 };