@frontegg/js 6.2.3 → 6.3.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/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.3
+/** @license Frontegg v6.3.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/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.3
+/** @license Frontegg v6.3.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();
+      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.3"
+  "cdnVersion": "6.3.0"
 };
 exports.default = _default;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@frontegg/js",
-  "version": "6.2.3",
+  "version": "6.3.0",
   "main": "./node/index.js",
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@frontegg/types": "6.2.3"
+    "@frontegg/types": "6.3.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();
+      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.3"
+  "cdnVersion": "6.3.0"
 };