@frontegg/js 6.0.3-alpha.3 → 6.2.0

package/FronteggApp/FronteggApp.d.ts

@@ -1,5 +1,4 @@
-import { EnhancedStore } from '@reduxjs/toolkit';
-import { Dispatch, FronteggState } from '@frontegg/redux-store';
+import { EnhancedStore } from '@frontegg/redux-store';
 import { FronteggAppOptions, FronteggCheckoutDialogOptions, LocalizationsOverrides } from '@frontegg/types';
 declare type FronteggAppContainers = {
     adminPortalEl: HTMLElement;
@@ -25,9 +24,7 @@ export declare class FronteggApp {
     loginBoxContainer?: HTMLElement;
     checkoutDialogContainer?: HTMLElement;
     loginBoxRenderer?: any;
-    store: Omit<EnhancedStore<FronteggState>, 'dispatch'> & {
-        dispatch: Dispatch;
-    };
+    store: EnhancedStore;
     loadingListeners: (() => void)[];
     updateLocalizations?: (localizations: LocalizationsOverrides) => void;
     constructor(_options: FronteggAppOptions, name: string, iframeRendering?: boolean);

package/FronteggApp/FronteggApp.js

@@ -4,6 +4,8 @@ import { Metadata } from '@frontegg/types';
 import { formatName } from '../utils';
 import { AppHolder } from '../AppHolder';
 import { fetch as FronteggFetch } from '@frontegg/rest-api';
+import * as FronteggRestApi from '@frontegg/rest-api';
+import * as FronteggTypes from '@frontegg/types';
 import versions from '../version';
 export class FronteggApp {
   constructor(_options, name, iframeRendering = false) {
@@ -133,10 +135,13 @@ export class FronteggApp {
 
   loadScript(component) {
     return new Promise((resolve, reject) => {
+      // TODO: prevent this behavior if development
       if (window[component]) {
         resolve(window[component]);
         return;
       }
+      
+
 
       const entries = {
         FronteggLoginBox: 'login-box/index.js',
@@ -148,7 +153,14 @@ export class FronteggApp {
       script.setAttribute('cdn-url', this.cdnUrl);
 
       script.onload = () => {
-        resolve(window[component]);
+        if (window[`${component}Init`]) {
+          resolve(window[`${component}Init`]({
+            FronteggRestApi,
+            FronteggTypes
+          }));
+        } else {
+          resolve(window[component]);
+        }
       };
 
       script.onerror = e => {

package/LoginBoxRenderer/index.d.ts

@@ -3,6 +3,7 @@ import { FronteggAppOptions, FronteggThemeOptions } from '@frontegg/types';
 import { FronteggApp } from '../FronteggApp';
 declare const defaultTheme = "modern";
 export { defaultTheme };
+export declare const getThemeByName: (name: any) => any;
 export declare class LoginBoxRenderer {
     app: FronteggApp;
     options: FronteggAppOptions;

package/LoginBoxRenderer/index.js

@@ -4,6 +4,13 @@ import { Metadata } from '@frontegg/types';
 import { FronteggApp } from '../FronteggApp';
 const defaultTheme = 'modern';
 export { defaultTheme };
+export const getThemeByName = name => {
+  var _name;
+
+  // Load themes from window chunk to support cdn getThemeByName
+  const themes = window['FronteggAdminPortal'].themes;
+  return (_name = themes[name]) != null ? _name : themes[defaultTheme];
+};
 export class LoginBoxRenderer {
   constructor(name, themeOptions, store, appOptions) {
     this.app = void 0;

package/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.0.3-alpha.3
+/** @license Frontegg v6.2.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/FronteggApp/FronteggApp.js

@@ -11,16 +11,20 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _reduxStore = require("@frontegg/redux-store");
 
-var _types = require("@frontegg/types");
+var FronteggTypes = _interopRequireWildcard(require("@frontegg/types"));
 
 var _utils = require("../utils");
 
 var _AppHolder = require("../AppHolder");
 
-var _restApi = require("@frontegg/rest-api");
+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 _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$store, _this$options$authOpt, _this$options$auditsO;
@@ -47,7 +51,7 @@ class FronteggApp {
     this.loadAdminBoxMetadata = async () => {
       const {
         Get
-      } = _restApi.fetch;
+      } = FronteggRestApi.fetch;
 
       if (!this.options.metadata) {
         try {
@@ -62,7 +66,7 @@ class FronteggApp {
         }
       }
 
-      _types.Metadata.set(this.options.metadata, this.name);
+      FronteggTypes.Metadata.set(this.options.metadata, this.name);
     };
 
     this.requestAuthorize = async () => {
@@ -130,7 +134,7 @@ class FronteggApp {
   }
 
   updateMetadata(metadata) {
-    _types.Metadata.set(metadata, this.name);
+    FronteggTypes.Metadata.set(metadata, this.name);
 
     if (metadata != null && metadata.localizations) {
       var _this$updateLocalizat;
@@ -150,10 +154,13 @@ class FronteggApp {
 
   loadScript(component) {
     return new Promise((resolve, reject) => {
+      // TODO: prevent this behavior if development
       if (window[component]) {
         resolve(window[component]);
         return;
       }
+      
+
 
       const entries = {
         FronteggLoginBox: 'login-box/index.js',
@@ -165,7 +172,14 @@ class FronteggApp {
       script.setAttribute('cdn-url', this.cdnUrl);
 
       script.onload = () => {
-        resolve(window[component]);
+        if (window[`${component}Init`]) {
+          resolve(window[`${component}Init`]({
+            FronteggRestApi,
+            FronteggTypes
+          }));
+        } else {
+          resolve(window[component]);
+        }
       };
 
       script.onerror = e => {

package/node/LoginBoxRenderer/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultTheme = exports.default = exports.LoginBoxRenderer = void 0;
+exports.getThemeByName = exports.defaultTheme = exports.default = exports.LoginBoxRenderer = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -18,6 +18,16 @@ var _FronteggApp = require("../FronteggApp");
 const defaultTheme = 'modern';
 exports.defaultTheme = defaultTheme;
 
+const getThemeByName = name => {
+  var _name;
+
+  // Load themes from window chunk to support cdn getThemeByName
+  const themes = window['FronteggAdminPortal'].themes;
+  return (_name = themes[name]) != null ? _name : themes[defaultTheme];
+};
+
+exports.getThemeByName = getThemeByName;
+
 class LoginBoxRenderer {
   constructor(name, themeOptions, store, appOptions) {
     this.app = void 0;

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license Frontegg v6.0.3-alpha.3
+/** @license Frontegg v6.2.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/version.js

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

package/package.json

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

package/version.js

@@ -1,3 +1,3 @@
 export default {
-  "cdnVersion": "6.0.3-alpha.3"
+  "cdnVersion": "6.0.4"
 };