@frontegg/js 7.84.0-alpha.0 → 7.84.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AdminPortalRenderer/index.d.ts +6 -3
- package/AdminPortalRenderer/index.js +35 -12
- package/LoginBoxRenderer/index.d.ts +6 -3
- package/LoginBoxRenderer/index.js +34 -6
- package/index.js +1 -1
- package/node/AdminPortalRenderer/index.js +35 -12
- package/node/LoginBoxRenderer/index.js +34 -6
- package/node/index.js +1 -1
- package/node/version.js +1 -1
- package/package.json +2 -2
- package/umd/frontegg.development.js +138 -133
- package/umd/frontegg.production.min.js +1 -1
- package/umd/frontegg.production.min.js.LICENSE.txt +1 -1
- package/version.js +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EnhancedStore } from '@frontegg/redux-store';
|
|
2
|
-
import { FronteggAppOptions, FronteggThemeOptions, BasicThemeName } from '@frontegg/types';
|
|
2
|
+
import { FronteggAppOptions, FronteggThemeOptions, BasicThemeName, LocalizationsOverrides } from '@frontegg/types';
|
|
3
3
|
import { FronteggApp } from '../FronteggApp';
|
|
4
4
|
export declare const getThemeAdminByName: (name: BasicThemeName) => any;
|
|
5
5
|
export declare class AdminPortalRenderer {
|
|
@@ -8,11 +8,14 @@ export declare class AdminPortalRenderer {
|
|
|
8
8
|
store: EnhancedStore;
|
|
9
9
|
setRoute: (route: string) => void;
|
|
10
10
|
themeSetter: ((themeOptions: FronteggThemeOptions) => {}) | undefined;
|
|
11
|
+
localizationsSetter: ((localizations: LocalizationsOverrides) => {}) | undefined;
|
|
11
12
|
themeOptions: FronteggThemeOptions;
|
|
12
|
-
|
|
13
|
+
localizations: LocalizationsOverrides;
|
|
14
|
+
constructor(name: string, themeOptions: FronteggThemeOptions, store?: EnhancedStore, appOptions?: Partial<FronteggAppOptions>, allowMultipleRenderers?: boolean, localizations?: LocalizationsOverrides);
|
|
13
15
|
render(adminPortalContainer: HTMLElement): Promise<void>;
|
|
14
|
-
setStaticRoute(staticRoute: string): void;
|
|
15
16
|
unmount(): void;
|
|
16
17
|
setTheme(themeOptions: FronteggThemeOptions): void;
|
|
18
|
+
setLocalization(localizations: LocalizationsOverrides): void;
|
|
19
|
+
setStaticRoute(staticRoute: string): void;
|
|
17
20
|
}
|
|
18
21
|
export default AdminPortalRenderer;
|
|
@@ -15,13 +15,16 @@ export var getThemeAdminByName = function getThemeAdminByName(name) {
|
|
|
15
15
|
export var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
16
16
|
function AdminPortalRenderer(name, themeOptions, store, appOptions) {
|
|
17
17
|
var allowMultipleRenderers = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
|
|
18
|
+
var localizations = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
|
|
18
19
|
_classCallCheck(this, AdminPortalRenderer);
|
|
19
20
|
this.app = void 0;
|
|
20
21
|
this.options = void 0;
|
|
21
22
|
this.store = void 0;
|
|
22
23
|
this.setRoute = function () {};
|
|
23
24
|
this.themeSetter = void 0;
|
|
25
|
+
this.localizationsSetter = void 0;
|
|
24
26
|
this.themeOptions = {};
|
|
27
|
+
this.localizations = {};
|
|
25
28
|
var contextOptions = {
|
|
26
29
|
baseUrl: 'preview'
|
|
27
30
|
};
|
|
@@ -36,8 +39,11 @@ export var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
36
39
|
appName: name
|
|
37
40
|
}, this, true, undefined, undefined, true);
|
|
38
41
|
}
|
|
42
|
+
this.themeOptions = themeOptions;
|
|
43
|
+
this.localizations = localizations;
|
|
39
44
|
this.options = Object.assign({
|
|
40
45
|
themeOptions: themeOptions,
|
|
46
|
+
localizations: localizations,
|
|
41
47
|
iframeRendering: true,
|
|
42
48
|
metadata: {},
|
|
43
49
|
previewMode: true,
|
|
@@ -53,7 +59,7 @@ export var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
53
59
|
value: function () {
|
|
54
60
|
var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(adminPortalContainer) {
|
|
55
61
|
var _this = this;
|
|
56
|
-
var adminPortalEl, setThemeSetter, setStaticRouteSetter, FronteggAdminPortal;
|
|
62
|
+
var adminPortalEl, setThemeSetter, setLocalizationsSetter, setStaticRouteSetter, FronteggAdminPortal;
|
|
57
63
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
58
64
|
while (1) switch (_context.prev = _context.next) {
|
|
59
65
|
case 0:
|
|
@@ -68,23 +74,27 @@ export var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
68
74
|
setThemeSetter = function setThemeSetter(themeSetter) {
|
|
69
75
|
_this.themeSetter = themeSetter;
|
|
70
76
|
};
|
|
77
|
+
setLocalizationsSetter = function setLocalizationsSetter(localizationsSetter) {
|
|
78
|
+
_this.localizationsSetter = localizationsSetter;
|
|
79
|
+
};
|
|
71
80
|
setStaticRouteSetter = function setStaticRouteSetter(setStaticRoute) {
|
|
72
81
|
_this.setRoute = setStaticRoute;
|
|
73
82
|
};
|
|
74
|
-
_context.next =
|
|
83
|
+
_context.next = 9;
|
|
75
84
|
return this.app.loadScript('FronteggAdminPortal');
|
|
76
|
-
case
|
|
85
|
+
case 9:
|
|
77
86
|
FronteggAdminPortal = _context.sent;
|
|
78
87
|
this.app.adminPortalRenderer = FronteggAdminPortal.renderPage(adminPortalEl, {
|
|
79
88
|
options: this.options,
|
|
80
89
|
injector: this.app,
|
|
81
90
|
setThemeSetter: setThemeSetter,
|
|
82
|
-
setStaticRouteSetter: setStaticRouteSetter
|
|
91
|
+
setStaticRouteSetter: setStaticRouteSetter,
|
|
92
|
+
setLocalizationsSetter: setLocalizationsSetter
|
|
83
93
|
});
|
|
84
94
|
this.app.loading = false;
|
|
85
|
-
_context.next =
|
|
95
|
+
_context.next = 14;
|
|
86
96
|
return waitThemeSetter(this);
|
|
87
|
-
case
|
|
97
|
+
case 14:
|
|
88
98
|
case "end":
|
|
89
99
|
return _context.stop();
|
|
90
100
|
}
|
|
@@ -95,12 +105,6 @@ export var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
95
105
|
}
|
|
96
106
|
return render;
|
|
97
107
|
}()
|
|
98
|
-
}, {
|
|
99
|
-
key: "setStaticRoute",
|
|
100
|
-
value: function setStaticRoute(staticRoute) {
|
|
101
|
-
var _this$setRoute;
|
|
102
|
-
(_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
|
|
103
|
-
}
|
|
104
108
|
}, {
|
|
105
109
|
key: "unmount",
|
|
106
110
|
value: function unmount() {
|
|
@@ -121,6 +125,25 @@ export var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
121
125
|
}
|
|
122
126
|
(_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
|
|
123
127
|
}
|
|
128
|
+
}, {
|
|
129
|
+
key: "setLocalization",
|
|
130
|
+
value: function setLocalization(localizations) {
|
|
131
|
+
var _this$localizationsSe;
|
|
132
|
+
this.localizations = localizations;
|
|
133
|
+
if (!this.localizationsSetter) {
|
|
134
|
+
console.warn('this.localizationsSetter is not defined yet');
|
|
135
|
+
}
|
|
136
|
+
(_this$localizationsSe = this.localizationsSetter) == null ? void 0 : _this$localizationsSe.call(this, this.localizations);
|
|
137
|
+
}
|
|
138
|
+
}, {
|
|
139
|
+
key: "setStaticRoute",
|
|
140
|
+
value: function setStaticRoute(staticRoute) {
|
|
141
|
+
var _this$setRoute;
|
|
142
|
+
if (!this.setRoute) {
|
|
143
|
+
console.warn('this.setRoute is not defined yet');
|
|
144
|
+
}
|
|
145
|
+
(_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
|
|
146
|
+
}
|
|
124
147
|
}]);
|
|
125
148
|
return AdminPortalRenderer;
|
|
126
149
|
}();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EnhancedStore, FronteggState } from '@frontegg/redux-store';
|
|
2
|
-
import { FronteggAppOptions, FronteggThemeOptions } from '@frontegg/types';
|
|
2
|
+
import { FronteggAppOptions, FronteggThemeOptions, LocalizationsOverrides } from '@frontegg/types';
|
|
3
3
|
import { FronteggApp } from '../FronteggApp';
|
|
4
4
|
declare const defaultTheme = "modern";
|
|
5
5
|
export { defaultTheme };
|
|
@@ -9,12 +9,15 @@ export declare class LoginBoxRenderer {
|
|
|
9
9
|
options: FronteggAppOptions;
|
|
10
10
|
store: EnhancedStore;
|
|
11
11
|
themeSetter: ((themeOptions: FronteggThemeOptions) => {}) | undefined;
|
|
12
|
+
localizationsSetter: ((localizations: LocalizationsOverrides) => {}) | undefined;
|
|
12
13
|
setRoute: (route: string) => void;
|
|
13
14
|
themeOptions: FronteggThemeOptions;
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
localizations: LocalizationsOverrides;
|
|
16
|
+
constructor(name: string, themeOptions: FronteggThemeOptions, store?: EnhancedStore, appOptions?: Partial<FronteggAppOptions>, allowMultipleRenderers?: boolean, localizations?: LocalizationsOverrides);
|
|
17
|
+
render(loginBoxContainer: HTMLElement, staticRoute?: string): Promise<void>;
|
|
16
18
|
unmount(): void;
|
|
17
19
|
setTheme(themeOptions: FronteggThemeOptions): void;
|
|
20
|
+
setLocalization(localizations: LocalizationsOverrides): void;
|
|
18
21
|
setStaticRoute(staticRoute: string): void;
|
|
19
22
|
setStore(state: Partial<FronteggState['auth']>): void;
|
|
20
23
|
}
|
|
@@ -17,13 +17,16 @@ export var getThemeByName = function getThemeByName(name) {
|
|
|
17
17
|
export var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
18
18
|
function LoginBoxRenderer(name, themeOptions, store, appOptions) {
|
|
19
19
|
var allowMultipleRenderers = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
|
|
20
|
+
var localizations = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
|
|
20
21
|
_classCallCheck(this, LoginBoxRenderer);
|
|
21
22
|
this.app = void 0;
|
|
22
23
|
this.options = void 0;
|
|
23
24
|
this.store = void 0;
|
|
24
25
|
this.themeSetter = void 0;
|
|
26
|
+
this.localizationsSetter = void 0;
|
|
25
27
|
this.setRoute = function () {};
|
|
26
28
|
this.themeOptions = {};
|
|
29
|
+
this.localizations = {};
|
|
27
30
|
var contextOptions = {
|
|
28
31
|
baseUrl: 'preview'
|
|
29
32
|
};
|
|
@@ -38,8 +41,11 @@ export var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
38
41
|
appName: name
|
|
39
42
|
}, this, true, undefined, undefined, true);
|
|
40
43
|
}
|
|
44
|
+
this.themeOptions = themeOptions;
|
|
45
|
+
this.localizations = localizations;
|
|
41
46
|
this.options = Object.assign({
|
|
42
47
|
themeOptions: themeOptions,
|
|
48
|
+
localizations: localizations,
|
|
43
49
|
iframeRendering: true,
|
|
44
50
|
metadata: {},
|
|
45
51
|
previewMode: true,
|
|
@@ -59,10 +65,17 @@ export var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
59
65
|
value: function () {
|
|
60
66
|
var _render = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(loginBoxContainer) {
|
|
61
67
|
var _this = this;
|
|
62
|
-
var
|
|
68
|
+
var staticRoute,
|
|
69
|
+
loginBoxEl,
|
|
70
|
+
setThemeSetter,
|
|
71
|
+
setLocalizationsSetter,
|
|
72
|
+
setStaticRouteSetter,
|
|
73
|
+
FronteggLoginBox,
|
|
74
|
+
_args = arguments;
|
|
63
75
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
64
76
|
while (1) switch (_context.prev = _context.next) {
|
|
65
77
|
case 0:
|
|
78
|
+
staticRoute = _args.length > 1 && _args[1] !== undefined ? _args[1] : '/account/login';
|
|
66
79
|
loginBoxEl = loginBoxContainer.querySelector('#root');
|
|
67
80
|
if (!loginBoxEl) {
|
|
68
81
|
loginBoxEl = loginBoxContainer.ownerDocument.createElement('div');
|
|
@@ -74,23 +87,28 @@ export var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
74
87
|
setThemeSetter = function setThemeSetter(themeSetter) {
|
|
75
88
|
_this.themeSetter = themeSetter;
|
|
76
89
|
};
|
|
90
|
+
setLocalizationsSetter = function setLocalizationsSetter(localizationsSetter) {
|
|
91
|
+
_this.localizationsSetter = localizationsSetter;
|
|
92
|
+
};
|
|
77
93
|
setStaticRouteSetter = function setStaticRouteSetter(setStaticRoute) {
|
|
78
94
|
_this.setRoute = setStaticRoute;
|
|
79
95
|
};
|
|
80
|
-
_context.next =
|
|
96
|
+
_context.next = 10;
|
|
81
97
|
return this.app.loadScript('FronteggLoginBox');
|
|
82
|
-
case
|
|
98
|
+
case 10:
|
|
83
99
|
FronteggLoginBox = _context.sent;
|
|
84
100
|
this.app.loginBoxRenderer = FronteggLoginBox.renderPage(loginBoxEl, {
|
|
85
101
|
options: this.options,
|
|
86
102
|
injector: this.app,
|
|
87
103
|
setThemeSetter: setThemeSetter,
|
|
88
104
|
setStaticRouteSetter: setStaticRouteSetter,
|
|
89
|
-
|
|
105
|
+
setLocalizationsSetter: setLocalizationsSetter,
|
|
106
|
+
onFiberUpdateListener: this.options.onFiberUpdateListener,
|
|
107
|
+
staticRoute: staticRoute
|
|
90
108
|
});
|
|
91
|
-
_context.next =
|
|
109
|
+
_context.next = 14;
|
|
92
110
|
return waitThemeSetter(this);
|
|
93
|
-
case
|
|
111
|
+
case 14:
|
|
94
112
|
case "end":
|
|
95
113
|
return _context.stop();
|
|
96
114
|
}
|
|
@@ -121,6 +139,16 @@ export var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
121
139
|
}
|
|
122
140
|
(_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
|
|
123
141
|
}
|
|
142
|
+
}, {
|
|
143
|
+
key: "setLocalization",
|
|
144
|
+
value: function setLocalization(localizations) {
|
|
145
|
+
var _this$localizationsSe;
|
|
146
|
+
this.localizations = localizations;
|
|
147
|
+
if (!this.localizationsSetter) {
|
|
148
|
+
console.warn('this.localizationsSetter is not defined yet');
|
|
149
|
+
}
|
|
150
|
+
(_this$localizationsSe = this.localizationsSetter) == null ? void 0 : _this$localizationsSe.call(this, this.localizations);
|
|
151
|
+
}
|
|
124
152
|
}, {
|
|
125
153
|
key: "setStaticRoute",
|
|
126
154
|
value: function setStaticRoute(staticRoute) {
|
package/index.js
CHANGED
|
@@ -23,13 +23,16 @@ exports.getThemeAdminByName = getThemeAdminByName;
|
|
|
23
23
|
var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
24
24
|
function AdminPortalRenderer(name, themeOptions, store, appOptions) {
|
|
25
25
|
var allowMultipleRenderers = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
|
|
26
|
+
var localizations = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
|
|
26
27
|
(0, _classCallCheck2["default"])(this, AdminPortalRenderer);
|
|
27
28
|
this.app = void 0;
|
|
28
29
|
this.options = void 0;
|
|
29
30
|
this.store = void 0;
|
|
30
31
|
this.setRoute = function () {};
|
|
31
32
|
this.themeSetter = void 0;
|
|
33
|
+
this.localizationsSetter = void 0;
|
|
32
34
|
this.themeOptions = {};
|
|
35
|
+
this.localizations = {};
|
|
33
36
|
var contextOptions = {
|
|
34
37
|
baseUrl: 'preview'
|
|
35
38
|
};
|
|
@@ -44,8 +47,11 @@ var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
44
47
|
appName: name
|
|
45
48
|
}, this, true, undefined, undefined, true);
|
|
46
49
|
}
|
|
50
|
+
this.themeOptions = themeOptions;
|
|
51
|
+
this.localizations = localizations;
|
|
47
52
|
this.options = Object.assign({
|
|
48
53
|
themeOptions: themeOptions,
|
|
54
|
+
localizations: localizations,
|
|
49
55
|
iframeRendering: true,
|
|
50
56
|
metadata: {},
|
|
51
57
|
previewMode: true,
|
|
@@ -61,7 +67,7 @@ var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
61
67
|
value: function () {
|
|
62
68
|
var _render = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(adminPortalContainer) {
|
|
63
69
|
var _this = this;
|
|
64
|
-
var adminPortalEl, setThemeSetter, setStaticRouteSetter, FronteggAdminPortal;
|
|
70
|
+
var adminPortalEl, setThemeSetter, setLocalizationsSetter, setStaticRouteSetter, FronteggAdminPortal;
|
|
65
71
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
66
72
|
while (1) switch (_context.prev = _context.next) {
|
|
67
73
|
case 0:
|
|
@@ -76,23 +82,27 @@ var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
76
82
|
setThemeSetter = function setThemeSetter(themeSetter) {
|
|
77
83
|
_this.themeSetter = themeSetter;
|
|
78
84
|
};
|
|
85
|
+
setLocalizationsSetter = function setLocalizationsSetter(localizationsSetter) {
|
|
86
|
+
_this.localizationsSetter = localizationsSetter;
|
|
87
|
+
};
|
|
79
88
|
setStaticRouteSetter = function setStaticRouteSetter(setStaticRoute) {
|
|
80
89
|
_this.setRoute = setStaticRoute;
|
|
81
90
|
};
|
|
82
|
-
_context.next =
|
|
91
|
+
_context.next = 9;
|
|
83
92
|
return this.app.loadScript('FronteggAdminPortal');
|
|
84
|
-
case
|
|
93
|
+
case 9:
|
|
85
94
|
FronteggAdminPortal = _context.sent;
|
|
86
95
|
this.app.adminPortalRenderer = FronteggAdminPortal.renderPage(adminPortalEl, {
|
|
87
96
|
options: this.options,
|
|
88
97
|
injector: this.app,
|
|
89
98
|
setThemeSetter: setThemeSetter,
|
|
90
|
-
setStaticRouteSetter: setStaticRouteSetter
|
|
99
|
+
setStaticRouteSetter: setStaticRouteSetter,
|
|
100
|
+
setLocalizationsSetter: setLocalizationsSetter
|
|
91
101
|
});
|
|
92
102
|
this.app.loading = false;
|
|
93
|
-
_context.next =
|
|
103
|
+
_context.next = 14;
|
|
94
104
|
return (0, _utils.waitThemeSetter)(this);
|
|
95
|
-
case
|
|
105
|
+
case 14:
|
|
96
106
|
case "end":
|
|
97
107
|
return _context.stop();
|
|
98
108
|
}
|
|
@@ -103,12 +113,6 @@ var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
103
113
|
}
|
|
104
114
|
return render;
|
|
105
115
|
}()
|
|
106
|
-
}, {
|
|
107
|
-
key: "setStaticRoute",
|
|
108
|
-
value: function setStaticRoute(staticRoute) {
|
|
109
|
-
var _this$setRoute;
|
|
110
|
-
(_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
|
|
111
|
-
}
|
|
112
116
|
}, {
|
|
113
117
|
key: "unmount",
|
|
114
118
|
value: function unmount() {
|
|
@@ -129,6 +133,25 @@ var AdminPortalRenderer = /*#__PURE__*/function () {
|
|
|
129
133
|
}
|
|
130
134
|
(_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
|
|
131
135
|
}
|
|
136
|
+
}, {
|
|
137
|
+
key: "setLocalization",
|
|
138
|
+
value: function setLocalization(localizations) {
|
|
139
|
+
var _this$localizationsSe;
|
|
140
|
+
this.localizations = localizations;
|
|
141
|
+
if (!this.localizationsSetter) {
|
|
142
|
+
console.warn('this.localizationsSetter is not defined yet');
|
|
143
|
+
}
|
|
144
|
+
(_this$localizationsSe = this.localizationsSetter) == null ? void 0 : _this$localizationsSe.call(this, this.localizations);
|
|
145
|
+
}
|
|
146
|
+
}, {
|
|
147
|
+
key: "setStaticRoute",
|
|
148
|
+
value: function setStaticRoute(staticRoute) {
|
|
149
|
+
var _this$setRoute;
|
|
150
|
+
if (!this.setRoute) {
|
|
151
|
+
console.warn('this.setRoute is not defined yet');
|
|
152
|
+
}
|
|
153
|
+
(_this$setRoute = this.setRoute) == null ? void 0 : _this$setRoute.call(this, staticRoute);
|
|
154
|
+
}
|
|
132
155
|
}]);
|
|
133
156
|
return AdminPortalRenderer;
|
|
134
157
|
}();
|
|
@@ -25,13 +25,16 @@ exports.getThemeByName = getThemeByName;
|
|
|
25
25
|
var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
26
26
|
function LoginBoxRenderer(name, themeOptions, store, appOptions) {
|
|
27
27
|
var allowMultipleRenderers = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
|
|
28
|
+
var localizations = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
|
|
28
29
|
(0, _classCallCheck2["default"])(this, LoginBoxRenderer);
|
|
29
30
|
this.app = void 0;
|
|
30
31
|
this.options = void 0;
|
|
31
32
|
this.store = void 0;
|
|
32
33
|
this.themeSetter = void 0;
|
|
34
|
+
this.localizationsSetter = void 0;
|
|
33
35
|
this.setRoute = function () {};
|
|
34
36
|
this.themeOptions = {};
|
|
37
|
+
this.localizations = {};
|
|
35
38
|
var contextOptions = {
|
|
36
39
|
baseUrl: 'preview'
|
|
37
40
|
};
|
|
@@ -46,8 +49,11 @@ var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
46
49
|
appName: name
|
|
47
50
|
}, this, true, undefined, undefined, true);
|
|
48
51
|
}
|
|
52
|
+
this.themeOptions = themeOptions;
|
|
53
|
+
this.localizations = localizations;
|
|
49
54
|
this.options = Object.assign({
|
|
50
55
|
themeOptions: themeOptions,
|
|
56
|
+
localizations: localizations,
|
|
51
57
|
iframeRendering: true,
|
|
52
58
|
metadata: {},
|
|
53
59
|
previewMode: true,
|
|
@@ -67,10 +73,17 @@ var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
67
73
|
value: function () {
|
|
68
74
|
var _render = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(loginBoxContainer) {
|
|
69
75
|
var _this = this;
|
|
70
|
-
var
|
|
76
|
+
var staticRoute,
|
|
77
|
+
loginBoxEl,
|
|
78
|
+
setThemeSetter,
|
|
79
|
+
setLocalizationsSetter,
|
|
80
|
+
setStaticRouteSetter,
|
|
81
|
+
FronteggLoginBox,
|
|
82
|
+
_args = arguments;
|
|
71
83
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
72
84
|
while (1) switch (_context.prev = _context.next) {
|
|
73
85
|
case 0:
|
|
86
|
+
staticRoute = _args.length > 1 && _args[1] !== undefined ? _args[1] : '/account/login';
|
|
74
87
|
loginBoxEl = loginBoxContainer.querySelector('#root');
|
|
75
88
|
if (!loginBoxEl) {
|
|
76
89
|
loginBoxEl = loginBoxContainer.ownerDocument.createElement('div');
|
|
@@ -82,23 +95,28 @@ var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
82
95
|
setThemeSetter = function setThemeSetter(themeSetter) {
|
|
83
96
|
_this.themeSetter = themeSetter;
|
|
84
97
|
};
|
|
98
|
+
setLocalizationsSetter = function setLocalizationsSetter(localizationsSetter) {
|
|
99
|
+
_this.localizationsSetter = localizationsSetter;
|
|
100
|
+
};
|
|
85
101
|
setStaticRouteSetter = function setStaticRouteSetter(setStaticRoute) {
|
|
86
102
|
_this.setRoute = setStaticRoute;
|
|
87
103
|
};
|
|
88
|
-
_context.next =
|
|
104
|
+
_context.next = 10;
|
|
89
105
|
return this.app.loadScript('FronteggLoginBox');
|
|
90
|
-
case
|
|
106
|
+
case 10:
|
|
91
107
|
FronteggLoginBox = _context.sent;
|
|
92
108
|
this.app.loginBoxRenderer = FronteggLoginBox.renderPage(loginBoxEl, {
|
|
93
109
|
options: this.options,
|
|
94
110
|
injector: this.app,
|
|
95
111
|
setThemeSetter: setThemeSetter,
|
|
96
112
|
setStaticRouteSetter: setStaticRouteSetter,
|
|
97
|
-
|
|
113
|
+
setLocalizationsSetter: setLocalizationsSetter,
|
|
114
|
+
onFiberUpdateListener: this.options.onFiberUpdateListener,
|
|
115
|
+
staticRoute: staticRoute
|
|
98
116
|
});
|
|
99
|
-
_context.next =
|
|
117
|
+
_context.next = 14;
|
|
100
118
|
return (0, _utils.waitThemeSetter)(this);
|
|
101
|
-
case
|
|
119
|
+
case 14:
|
|
102
120
|
case "end":
|
|
103
121
|
return _context.stop();
|
|
104
122
|
}
|
|
@@ -129,6 +147,16 @@ var LoginBoxRenderer = /*#__PURE__*/function () {
|
|
|
129
147
|
}
|
|
130
148
|
(_this$themeSetter = this.themeSetter) == null ? void 0 : _this$themeSetter.call(this, this.themeOptions);
|
|
131
149
|
}
|
|
150
|
+
}, {
|
|
151
|
+
key: "setLocalization",
|
|
152
|
+
value: function setLocalization(localizations) {
|
|
153
|
+
var _this$localizationsSe;
|
|
154
|
+
this.localizations = localizations;
|
|
155
|
+
if (!this.localizationsSetter) {
|
|
156
|
+
console.warn('this.localizationsSetter is not defined yet');
|
|
157
|
+
}
|
|
158
|
+
(_this$localizationsSe = this.localizationsSetter) == null ? void 0 : _this$localizationsSe.call(this, this.localizations);
|
|
159
|
+
}
|
|
132
160
|
}, {
|
|
133
161
|
key: "setStaticRoute",
|
|
134
162
|
value: function setStaticRoute(staticRoute) {
|
package/node/index.js
CHANGED
package/node/version.js
CHANGED
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@frontegg/js",
|
|
3
|
-
"version": "7.84.0
|
|
3
|
+
"version": "7.84.0",
|
|
4
4
|
"main": "./node/index.js",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Frontegg LTD",
|
|
7
7
|
"dependencies": {
|
|
8
8
|
"@babel/runtime": "^7.18.6",
|
|
9
|
-
"@frontegg/types": "7.84.0
|
|
9
|
+
"@frontegg/types": "7.84.0"
|
|
10
10
|
},
|
|
11
11
|
"browserslist": {
|
|
12
12
|
"production": [
|