keycloakify 6.0.0-beta.0 → 6.0.0-beta.12

package/lib/components/Error.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,15 +9,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Error = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-exports.Error = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    var msg = useI18n().msg;
-    var message = kcContext.message, client = kcContext.client;
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props), { doFetchDefaultThemeResources: true, displayMessage: false, headerNode: msg("errorTitle"), formNode: (0, jsx_runtime_1.jsxs)("div", __assign({ id: "kc-error-message" }, { children: [(0, jsx_runtime_1.jsx)("p", __assign({ className: "instruction" }, { children: message.summary }), void 0), client !== undefined && client.baseUrl !== undefined && ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", __assign({ id: "backToApplication", href: client.baseUrl }, { children: msg("backToApplication") }), void 0) }, void 0))] }), void 0) }), void 0));
+import React, { memo } from "react";
+import Template from "./Template";
+const Error = memo((_a) => {
+    var { kcContext, i18n } = _a, props = __rest(_a, ["kcContext", "i18n"]);
+    const { message, client } = kcContext;
+    const { msg } = i18n;
+    return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n }, props), { doFetchDefaultThemeResources: true, displayMessage: false, headerNode: msg("errorTitle"), formNode: React.createElement("div", { id: "kc-error-message" },
+            React.createElement("p", { className: "instruction" }, message.summary),
+            client !== undefined && client.baseUrl !== undefined && (React.createElement("p", null,
+                React.createElement("a", { id: "backToApplication", href: client.baseUrl }, msg("backToApplication"))))) })));
 });
+export default Error;
 //# sourceMappingURL=Error.js.map

package/lib/components/Error.js.map

@@ -1 +1 @@
-{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../src/lib/components/Error.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAC7B,uCAAsC;AAKzB,QAAA,KAAK,GAAG,IAAA,YAAI,EAAC,UAAC,EAAmG;IAAjG,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IAC7C,IAAA,GAAG,GAAK,OAAO,EAAE,IAAd,CAAe;IAElB,IAAA,OAAO,GAAa,SAAS,QAAtB,EAAE,MAAM,GAAK,SAAS,OAAd,CAAe;IAEtC,OAAO,CACH,uBAAC,mBAAQ,0BACC,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,KAClC,4BAA4B,EAAE,IAAI,EAClC,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,GAAG,CAAC,YAAY,CAAC,EAC7B,QAAQ,EACJ,0CAAK,EAAE,EAAC,kBAAkB,iBACtB,uCAAG,SAAS,EAAC,aAAa,gBAAE,OAAO,CAAC,OAAO,YAAK,EAC/C,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS,IAAI,CACrD,wCACI,uCAAG,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAE,MAAM,CAAC,OAAO,gBACzC,GAAG,CAAC,mBAAmB,CAAC,YACzB,WACJ,CACP,aACC,YAEZ,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../src/lib/components/Error.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAKlC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,EAAuF,EAAE,EAAE;QAA3F,EAAE,SAAS,EAAE,IAAI,OAAsE,EAAjE,KAAK,cAA3B,qBAA6B,CAAF;IAC3C,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAEtC,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAErB,OAAO,CACH,oBAAC,QAAQ,oCACC,SAAS,EAAE,IAAI,IAAK,KAAK,KAC/B,4BAA4B,EAAE,IAAI,EAClC,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,GAAG,CAAC,YAAY,CAAC,EAC7B,QAAQ,EACJ,6BAAK,EAAE,EAAC,kBAAkB;YACtB,2BAAG,SAAS,EAAC,aAAa,IAAE,OAAO,CAAC,OAAO,CAAK;YAC/C,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS,IAAI,CACrD;gBACI,2BAAG,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAE,MAAM,CAAC,OAAO,IACzC,GAAG,CAAC,mBAAmB,CAAC,CACzB,CACJ,CACP,CACC,IAEZ,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/components/Info.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
 import type { I18n } from "../i18n";
-export declare const Info: import("react").MemoExoticComponent<({ kcContext, useI18n, ...props }: {
+declare const Info: React.MemoExoticComponent<({ kcContext, i18n, ...props }: {
     kcContext: KcContextBase.Info;
-    useI18n: () => I18n;
+    i18n: I18n;
 } & KcProps) => JSX.Element>;
+export default Info;

package/lib/components/Info.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,17 +9,22 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Info = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-var assert_1 = require("../tools/assert");
-exports.Info = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    (0, assert_1.assert)(kcContext.message !== undefined);
-    var messageHeader = kcContext.messageHeader, message = kcContext.message, requiredActions = kcContext.requiredActions, skipLink = kcContext.skipLink, pageRedirectUri = kcContext.pageRedirectUri, actionUri = kcContext.actionUri, client = kcContext.client;
-    var msg = useI18n().msg;
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props), { doFetchDefaultThemeResources: true, displayMessage: false, headerNode: messageHeader !== undefined ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messageHeader }, void 0) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: message.summary }, void 0), formNode: (0, jsx_runtime_1.jsxs)("div", __assign({ id: "kc-info-message" }, { children: [(0, jsx_runtime_1.jsxs)("p", __assign({ className: "instruction" }, { children: [message.summary, requiredActions !== undefined && ((0, jsx_runtime_1.jsx)("b", { children: requiredActions.map(function (requiredAction) { return msg("requiredAction." + requiredAction); }).join(",") }, void 0))] }), void 0), !skipLink && pageRedirectUri !== undefined ? ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: pageRedirectUri }, { children: msg("backToApplication") }), void 0) }, void 0)) : actionUri !== undefined ? ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: actionUri }, { children: msg("proceedWithAction") }), void 0) }, void 0)) : (client.baseUrl !== undefined && ((0, jsx_runtime_1.jsx)("p", { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: client.baseUrl }, { children: msg("backToApplication") }), void 0) }, void 0)))] }), void 0) }), void 0));
+import React, { memo } from "react";
+import Template from "./Template";
+import { assert } from "../tools/assert";
+const Info = memo((_a) => {
+    var { kcContext, i18n } = _a, props = __rest(_a, ["kcContext", "i18n"]);
+    const { msgStr, msg } = i18n;
+    assert(kcContext.message !== undefined);
+    const { messageHeader, message, requiredActions, skipLink, pageRedirectUri, actionUri, client } = kcContext;
+    return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n }, props), { doFetchDefaultThemeResources: true, displayMessage: false, headerNode: messageHeader !== undefined ? React.createElement(React.Fragment, null, messageHeader) : React.createElement(React.Fragment, null, message.summary), formNode: React.createElement("div", { id: "kc-info-message" },
+            React.createElement("p", { className: "instruction" },
+                message.summary,
+                requiredActions !== undefined && (React.createElement("b", null, requiredActions.map(requiredAction => msgStr(`requiredAction.${requiredAction}`)).join(",")))),
+            !skipLink && pageRedirectUri !== undefined ? (React.createElement("p", null,
+                React.createElement("a", { href: pageRedirectUri }, msg("backToApplication")))) : actionUri !== undefined ? (React.createElement("p", null,
+                React.createElement("a", { href: actionUri }, msg("proceedWithAction")))) : (client.baseUrl !== undefined && (React.createElement("p", null,
+                React.createElement("a", { href: client.baseUrl }, msg("backToApplication")))))) })));
 });
+export default Info;
 //# sourceMappingURL=Info.js.map

package/lib/components/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/lib/components/Info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAC7B,uCAAsC;AAEtC,0CAAyC;AAI5B,QAAA,IAAI,GAAG,IAAA,YAAI,EAAC,UAAC,EAAkG;IAAhG,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACpD,IAAA,eAAM,EAAC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC;IAEhC,IAAA,aAAa,GAA6E,SAAS,cAAtF,EAAE,OAAO,GAAoE,SAAS,QAA7E,EAAE,eAAe,GAAmD,SAAS,gBAA5D,EAAE,QAAQ,GAAyC,SAAS,SAAlD,EAAE,eAAe,GAAwB,SAAS,gBAAjC,EAAE,SAAS,GAAa,SAAS,UAAtB,EAAE,MAAM,GAAK,SAAS,OAAd,CAAe;IAEpG,IAAA,GAAG,GAAK,OAAO,EAAE,IAAd,CAAe;IAE1B,OAAO,CACH,uBAAC,mBAAQ,0BACC,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,KAClC,4BAA4B,EAAE,IAAI,EAClC,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,2DAAG,aAAa,WAAI,CAAC,CAAC,CAAC,2DAAG,OAAO,CAAC,OAAO,WAAI,EACvF,QAAQ,EACJ,0CAAK,EAAE,EAAC,iBAAiB,iBACrB,wCAAG,SAAS,EAAC,aAAa,iBACrB,OAAO,CAAC,OAAO,EAEf,eAAe,KAAK,SAAS,IAAI,CAC9B,wCAAI,eAAe,CAAC,GAAG,CAAC,UAAA,cAAc,IAAI,OAAA,GAAG,CAAC,oBAAkB,cAAyB,CAAC,EAAhD,CAAgD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,WAAK,CAC7G,aACD,EACH,CAAC,QAAQ,IAAI,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1C,wCACI,uCAAG,IAAI,EAAE,eAAe,gBAAG,GAAG,CAAC,mBAAmB,CAAC,YAAK,WACxD,CACP,CAAC,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,wCACI,uCAAG,IAAI,EAAE,SAAS,gBAAG,GAAG,CAAC,mBAAmB,CAAC,YAAK,WAClD,CACP,CAAC,CAAC,CAAC,CACA,MAAM,CAAC,OAAO,KAAK,SAAS,IAAI,CAC5B,wCACI,uCAAG,IAAI,EAAE,MAAM,CAAC,OAAO,gBAAG,GAAG,CAAC,mBAAmB,CAAC,YAAK,WACvD,CACP,CACJ,aACC,YAEZ,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/lib/components/Info.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAIzC,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,EAAsF,EAAE,EAAE;QAA1F,EAAE,SAAS,EAAE,IAAI,OAAqE,EAAhE,KAAK,cAA3B,qBAA6B,CAAF;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,CAAC,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC;IAExC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAE5G,OAAO,CACH,oBAAC,QAAQ,oCACC,SAAS,EAAE,IAAI,IAAK,KAAK,KAC/B,4BAA4B,EAAE,IAAI,EAClC,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,0CAAG,aAAa,CAAI,CAAC,CAAC,CAAC,0CAAG,OAAO,CAAC,OAAO,CAAI,EACvF,QAAQ,EACJ,6BAAK,EAAE,EAAC,iBAAiB;YACrB,2BAAG,SAAS,EAAC,aAAa;gBACrB,OAAO,CAAC,OAAO;gBAEf,eAAe,KAAK,SAAS,IAAI,CAC9B,+BAAI,eAAe,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,kBAAkB,cAAc,EAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAK,CAChH,CACD;YACH,CAAC,QAAQ,IAAI,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1C;gBACI,2BAAG,IAAI,EAAE,eAAe,IAAG,GAAG,CAAC,mBAAmB,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B;gBACI,2BAAG,IAAI,EAAE,SAAS,IAAG,GAAG,CAAC,mBAAmB,CAAC,CAAK,CAClD,CACP,CAAC,CAAC,CAAC,CACA,MAAM,CAAC,OAAO,KAAK,SAAS,IAAI,CAC5B;gBACI,2BAAG,IAAI,EAAE,MAAM,CAAC,OAAO,IAAG,GAAG,CAAC,mBAAmB,CAAC,CAAK,CACvD,CACP,CACJ,CACC,IAEZ,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/components/KcApp.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
 import type { KcProps } from "./KcProps";
 import type { I18n } from "../i18n";
-export declare const KcApp: import("react").MemoExoticComponent<({ kcContext, useI18n, ...props }: {
+declare const KcApp: React.MemoExoticComponent<({ kcContext, i18n, ...kcProps }: {
     kcContext: KcContextBase;
-    useI18n: () => I18n;
-} & KcProps) => JSX.Element>;
+    i18n?: I18n<import("../i18n").MessageKeyBase> | undefined;
+} & KcProps) => JSX.Element | null>;
+export default KcApp;

package/lib/components/KcApp.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,55 +9,74 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KcApp = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Login_1 = require("./Login");
-var Register_1 = require("./Register");
-var RegisterUserProfile_1 = require("./RegisterUserProfile");
-var Info_1 = require("./Info");
-var Error_1 = require("./Error");
-var LoginResetPassword_1 = require("./LoginResetPassword");
-var LoginVerifyEmail_1 = require("./LoginVerifyEmail");
-var Terms_1 = require("./Terms");
-var LoginOtp_1 = require("./LoginOtp");
-var LoginUpdatePassword_1 = require("./LoginUpdatePassword");
-var LoginUpdateProfile_1 = require("./LoginUpdateProfile");
-var LoginIdpLinkConfirm_1 = require("./LoginIdpLinkConfirm");
-var LoginPageExpired_1 = require("./LoginPageExpired");
-var LoginIdpLinkEmail_1 = require("./LoginIdpLinkEmail");
-exports.KcApp = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    switch (kcContext.pageId) {
-        case "login.ftl":
-            return (0, jsx_runtime_1.jsx)(Login_1.Login, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "register.ftl":
-            return (0, jsx_runtime_1.jsx)(Register_1.Register, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "register-user-profile.ftl":
-            return (0, jsx_runtime_1.jsx)(RegisterUserProfile_1.RegisterUserProfile, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "info.ftl":
-            return (0, jsx_runtime_1.jsx)(Info_1.Info, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "error.ftl":
-            return (0, jsx_runtime_1.jsx)(Error_1.Error, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-reset-password.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginResetPassword_1.LoginResetPassword, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-verify-email.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginVerifyEmail_1.LoginVerifyEmail, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "terms.ftl":
-            return (0, jsx_runtime_1.jsx)(Terms_1.Terms, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-otp.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginOtp_1.LoginOtp, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-update-password.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginUpdatePassword_1.LoginUpdatePassword, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-update-profile.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginUpdateProfile_1.LoginUpdateProfile, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-idp-link-confirm.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginIdpLinkConfirm_1.LoginIdpLinkConfirm, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-idp-link-email.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginIdpLinkEmail_1.LoginIdpLinkEmail, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
-        case "login-page-expired.ftl":
-            return (0, jsx_runtime_1.jsx)(LoginPageExpired_1.LoginPageExpired, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props)), void 0);
+import React, { lazy, memo, Suspense } from "react";
+import { __unsafe_useI18n as useI18n } from "../i18n";
+const Login = lazy(() => import("./Login"));
+const Register = lazy(() => import("./Register"));
+const RegisterUserProfile = lazy(() => import("./RegisterUserProfile"));
+const Info = lazy(() => import("./Info"));
+const Error = lazy(() => import("./Error"));
+const LoginResetPassword = lazy(() => import("./LoginResetPassword"));
+const LoginVerifyEmail = lazy(() => import("./LoginVerifyEmail"));
+const Terms = lazy(() => import("./Terms"));
+const LoginOtp = lazy(() => import("./LoginOtp"));
+const LoginUpdatePassword = lazy(() => import("./LoginUpdatePassword"));
+const LoginUpdateProfile = lazy(() => import("./LoginUpdateProfile"));
+const LoginIdpLinkConfirm = lazy(() => import("./LoginIdpLinkConfirm"));
+const LoginPageExpired = lazy(() => import("./LoginPageExpired"));
+const LoginIdpLinkEmail = lazy(() => import("./LoginIdpLinkEmail"));
+const LoginConfigTotp = lazy(() => import("./LoginConfigTotp"));
+const LogoutConfirm = lazy(() => import("./LogoutConfirm"));
+const KcApp = memo((_a) => {
+    var { kcContext, i18n: userProvidedI18n } = _a, kcProps = __rest(_a, ["kcContext", "i18n"]);
+    const i18n = (function useClosure() {
+        const i18n = useI18n({
+            kcContext,
+            "extraMessages": {},
+            "doSkip": userProvidedI18n !== undefined
+        });
+        return userProvidedI18n !== null && userProvidedI18n !== void 0 ? userProvidedI18n : i18n;
+    })();
+    if (i18n === null) {
+        return null;
     }
+    const props = Object.assign({ i18n }, kcProps);
+    return (React.createElement(Suspense, null, (() => {
+        switch (kcContext.pageId) {
+            case "login.ftl":
+                return React.createElement(Login, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "register.ftl":
+                return React.createElement(Register, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "register-user-profile.ftl":
+                return React.createElement(RegisterUserProfile, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "info.ftl":
+                return React.createElement(Info, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "error.ftl":
+                return React.createElement(Error, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-reset-password.ftl":
+                return React.createElement(LoginResetPassword, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-verify-email.ftl":
+                return React.createElement(LoginVerifyEmail, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "terms.ftl":
+                return React.createElement(Terms, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-otp.ftl":
+                return React.createElement(LoginOtp, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-update-password.ftl":
+                return React.createElement(LoginUpdatePassword, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-update-profile.ftl":
+                return React.createElement(LoginUpdateProfile, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-idp-link-confirm.ftl":
+                return React.createElement(LoginIdpLinkConfirm, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-idp-link-email.ftl":
+                return React.createElement(LoginIdpLinkEmail, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-page-expired.ftl":
+                return React.createElement(LoginPageExpired, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "login-config-totp.ftl":
+                return React.createElement(LoginConfigTotp, Object.assign({}, Object.assign({ kcContext }, props)));
+            case "logout-confirm.ftl":
+                return React.createElement(LogoutConfirm, Object.assign({}, Object.assign({ kcContext }, props)));
+        }
+    })()));
 });
+export default KcApp;
 //# sourceMappingURL=KcApp.js.map

package/lib/components/KcApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"KcApp.js","sourceRoot":"","sources":["../../src/lib/components/KcApp.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6B;AAG7B,iCAAgC;AAChC,uCAAsC;AACtC,6DAA4D;AAC5D,+BAA8B;AAC9B,iCAAgC;AAChC,2DAA0D;AAC1D,uDAAsD;AACtD,iCAAgC;AAChC,uCAAsC;AACtC,6DAA4D;AAC5D,2DAA0D;AAC1D,6DAA4D;AAC5D,uDAAsD;AACtD,yDAAwD;AAG3C,QAAA,KAAK,GAAG,IAAA,YAAI,EAAC,UAAC,EAA6F;IAA3F,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAA9B,wBAAgC,CAAF;IACrD,QAAQ,SAAS,CAAC,MAAM,EAAE;QACtB,KAAK,WAAW;YACZ,OAAO,uBAAC,aAAK,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QAC3D,KAAK,cAAc;YACf,OAAO,uBAAC,mBAAQ,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QAC9D,KAAK,2BAA2B;YAC5B,OAAO,uBAAC,yCAAmB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QACzE,KAAK,UAAU;YACX,OAAO,uBAAC,WAAI,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QAC1D,KAAK,WAAW;YACZ,OAAO,uBAAC,aAAK,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QAC3D,KAAK,0BAA0B;YAC3B,OAAO,uBAAC,uCAAkB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QACxE,KAAK,wBAAwB;YACzB,OAAO,uBAAC,mCAAgB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QACtE,KAAK,WAAW;YACZ,OAAO,uBAAC,aAAK,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QAC3D,KAAK,eAAe;YAChB,OAAO,uBAAC,mBAAQ,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QAC9D,KAAK,2BAA2B;YAC5B,OAAO,uBAAC,yCAAmB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QACzE,KAAK,0BAA0B;YAC3B,OAAO,uBAAC,uCAAkB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QACxE,KAAK,4BAA4B;YAC7B,OAAO,uBAAC,yCAAmB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QACzE,KAAK,0BAA0B;YAC3B,OAAO,uBAAC,qCAAiB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;QACvE,KAAK,wBAAwB;YACzB,OAAO,uBAAC,mCAAgB,0BAAO,SAAS,WAAA,EAAE,OAAO,SAAA,IAAK,KAAK,WAAM,CAAC;KACzE;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"KcApp.js","sourceRoot":"","sources":["../../src/lib/components/KcApp.tsx"],"names":[],"mappings":"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"}

package/lib/components/KcProps.js

@@ -1,24 +1,10 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.allClearKcProps = exports.defaultKcProps = exports.allClearKcTemplateProps = exports.defaultKcTemplateProps = void 0;
-var allPropertiesValuesToUndefined_1 = require("../tools/allPropertiesValuesToUndefined");
-var assert_1 = require("tsafe/assert");
-exports.defaultKcTemplateProps = {
+import { allPropertiesValuesToUndefined } from "../tools/allPropertiesValuesToUndefined";
+import { assert } from "tsafe/assert";
+export const defaultKcTemplateProps = {
     "stylesCommon": [
         "node_modules/patternfly/dist/css/patternfly.min.css",
         "node_modules/patternfly/dist/css/patternfly-additions.min.css",
-        "lib/zocial/zocial.css",
+        "lib/zocial/zocial.css"
     ],
     "styles": ["css/login.css"],
     "scripts": [],
@@ -41,13 +27,13 @@ exports.defaultKcTemplateProps = {
     "kcFormGroupClass": ["form-group"],
     "kcLabelWrapperClass": ["col-xs-12", "col-sm-12", "col-md-12", "col-lg-12"],
     "kcSignUpClass": ["login-pf-signup"],
-    "kcInfoAreaWrapperClass": [],
+    "kcInfoAreaWrapperClass": []
 };
-(0, assert_1.assert)();
+assert();
 /** Tu use if you don't want any default */
-exports.allClearKcTemplateProps = (0, allPropertiesValuesToUndefined_1.allPropertiesValuesToUndefined)(exports.defaultKcTemplateProps);
-(0, assert_1.assert)();
-exports.defaultKcProps = __assign(__assign({}, exports.defaultKcTemplateProps), { "kcLogoLink": "http://www.keycloak.org", "kcLogoClass": "login-pf-brand", "kcContainerClass": "container-fluid", "kcContentClass": ["col-sm-8", "col-sm-offset-2", "col-md-6", "col-md-offset-3", "col-lg-6", "col-lg-offset-3"], "kcFeedbackAreaClass": ["col-md-12"], "kcLocaleClass": ["col-xs-12", "col-sm-1"], "kcAlertIconClasserror": ["pficon", "pficon-error-circle-o"], "kcFormAreaClass": ["col-sm-10", "col-sm-offset-1", "col-md-8", "col-md-offset-2", "col-lg-8", "col-lg-offset-2"], "kcFormSocialAccountListClass": ["login-pf-social", "list-unstyled", "login-pf-social-all"], "kcFormSocialAccountDoubleListClass": ["login-pf-social-double-col"], "kcFormSocialAccountListLinkClass": ["login-pf-social-link"], "kcWebAuthnKeyIcon": ["pficon", "pficon-key"], "kcFormClass": ["form-horizontal"], "kcFormGroupErrorClass": ["has-error"], "kcLabelClass": ["control-label"], "kcInputClass": ["form-control"], "kcInputErrorMessageClass": ["pf-c-form__helper-text", "pf-m-error", "required", "kc-feedback-text"], "kcInputWrapperClass": ["col-xs-12", "col-sm-12", "col-md-12", "col-lg-12"], "kcFormOptionsClass": ["col-xs-12", "col-sm-12", "col-md-12", "col-lg-12"], "kcFormButtonsClass": ["col-xs-12", "col-sm-12", "col-md-12", "col-lg-12"], "kcFormSettingClass": ["login-pf-settings"], "kcTextareaClass": ["form-control"], "kcInfoAreaClass": ["col-xs-12", "col-sm-4", "col-md-4", "col-lg-5", "details"], 
+export const allClearKcTemplateProps = allPropertiesValuesToUndefined(defaultKcTemplateProps);
+assert();
+export const defaultKcProps = Object.assign(Object.assign({}, defaultKcTemplateProps), { "kcLogoLink": "http://www.keycloak.org", "kcLogoClass": "login-pf-brand", "kcContainerClass": "container-fluid", "kcContentClass": ["col-sm-8", "col-sm-offset-2", "col-md-6", "col-md-offset-3", "col-lg-6", "col-lg-offset-3"], "kcFeedbackAreaClass": ["col-md-12"], "kcLocaleClass": ["col-xs-12", "col-sm-1"], "kcAlertIconClasserror": ["pficon", "pficon-error-circle-o"], "kcFormAreaClass": ["col-sm-10", "col-sm-offset-1", "col-md-8", "col-md-offset-2", "col-lg-8", "col-lg-offset-2"], "kcFormSocialAccountListClass": ["login-pf-social", "list-unstyled", "login-pf-social-all"], "kcFormSocialAccountDoubleListClass": ["login-pf-social-double-col"], "kcFormSocialAccountListLinkClass": ["login-pf-social-link"], "kcWebAuthnKeyIcon": ["pficon", "pficon-key"], "kcFormClass": ["form-horizontal"], "kcFormGroupErrorClass": ["has-error"], "kcLabelClass": ["control-label"], "kcInputClass": ["form-control"], "kcInputErrorMessageClass": ["pf-c-form__helper-text", "pf-m-error", "required", "kc-feedback-text"], "kcInputWrapperClass": ["col-xs-12", "col-sm-12", "col-md-12", "col-lg-12"], "kcFormOptionsClass": ["col-xs-12", "col-sm-12", "col-md-12", "col-lg-12"], "kcFormButtonsClass": ["col-xs-12", "col-sm-12", "col-md-12", "col-lg-12"], "kcFormSettingClass": ["login-pf-settings"], "kcTextareaClass": ["form-control"], "kcInfoAreaClass": ["col-xs-12", "col-sm-4", "col-md-4", "col-lg-5", "details"], 
     // user-profile grouping
     "kcFormGroupHeader": ["pf-c-form__group"], 
     // css classes for form buttons main class used for all buttons
@@ -66,8 +52,8 @@ exports.defaultKcProps = __assign(__assign({}, exports.defaultKcTemplateProps),
     "kcAuthenticatorDefaultClass": ["fa", "list-view-pf-icon-lg"], "kcAuthenticatorPasswordClass": ["fa", "fa-unlock list-view-pf-icon-lg"], "kcAuthenticatorOTPClass": ["fa", "fa-mobile", "list-view-pf-icon-lg"], "kcAuthenticatorWebAuthnClass": ["fa", "fa-key", "list-view-pf-icon-lg"], "kcAuthenticatorWebAuthnPasswordlessClass": ["fa", "fa-key", "list-view-pf-icon-lg"], 
     //css classes for the OTP Login Form
     "kcSelectOTPListClass": ["card-pf", "card-pf-view", "card-pf-view-select", "card-pf-view-single-select"], "kcSelectOTPListItemClass": ["card-pf-body", "card-pf-top-element"], "kcAuthenticatorOtpCircleClass": ["fa", "fa-mobile", "card-pf-icon-circle"], "kcSelectOTPItemHeadingClass": ["card-pf-title", "text-center"], "kcFormOptionsWrapperClass": [] });
-(0, assert_1.assert)();
+assert();
 /** Tu use if you don't want any default */
-exports.allClearKcProps = (0, allPropertiesValuesToUndefined_1.allPropertiesValuesToUndefined)(exports.defaultKcProps);
-(0, assert_1.assert)();
+export const allClearKcProps = allPropertiesValuesToUndefined(defaultKcProps);
+assert();
 //# sourceMappingURL=KcProps.js.map

package/lib/components/KcProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"KcProps.js","sourceRoot":"","sources":["../../src/lib/components/KcProps.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0FAAyF;AACzF,uCAAsC;AAkCzB,QAAA,sBAAsB,GAAG;IAClC,cAAc,EAAE;QACZ,qDAAqD;QACrD,+DAA+D;QAC/D,uBAAuB;KAC1B;IACD,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,CAAC,UAAU,CAAC;IAC3B,cAAc,EAAE,CAAC,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,KAAK,CAAC;IAChC,eAAe,EAAE,CAAC,sBAAsB,CAAC;IACzC,sBAAsB,EAAE,EAAE;IAC1B,iBAAiB,EAAE,CAAC,SAAS,CAAC;IAC9B,wBAAwB,EAAE,CAAC,mBAAmB,CAAC;IAC/C,0BAA0B,EAAE,CAAC,yBAAyB,CAAC;IACvD,iCAAiC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC;IAC5D,mBAAmB,EAAE,CAAC,iBAAiB,CAAC;IACxC,sBAAsB,EAAE,EAAE;IAC1B,qBAAqB,EAAE,CAAC,QAAQ,EAAE,uBAAuB,CAAC;IAC1D,uBAAuB,EAAE,CAAC,QAAQ,EAAE,2BAA2B,CAAC;IAChE,uBAAuB,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC;IAChD,oBAAoB,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC;IAC/C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,oBAAoB,CAAC;IACnD,kBAAkB,EAAE,CAAC,YAAY,CAAC;IAClC,qBAAqB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC;IAC3E,eAAe,EAAE,CAAC,iBAAiB,CAAC;IACpC,wBAAwB,EAAE,EAAE;CACtB,CAAC;AAEX,IAAA,eAAM,GAAwE,CAAC;AAE/E,2CAA2C;AAC9B,QAAA,uBAAuB,GAAG,IAAA,+DAA8B,EAAC,8BAAsB,CAAC,CAAC;AAE9F,IAAA,eAAM,GAAyE,CAAC;AAuDnE,QAAA,cAAc,GAAG,sBACvB,8BAAsB,KACzB,YAAY,EAAE,yBAAyB,EACvC,aAAa,EAAE,gBAAgB,EAC/B,kBAAkB,EAAE,iBAAiB,EACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAC/G,qBAAqB,EAAE,CAAC,WAAW,CAAC,EACpC,eAAe,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,EAC1C,uBAAuB,EAAE,CAAC,QAAQ,EAAE,uBAAuB,CAAC,EAE5D,iBAAiB,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,CAAC,EACjH,8BAA8B,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAC3F,oCAAoC,EAAE,CAAC,4BAA4B,CAAC,EACpE,kCAAkC,EAAE,CAAC,sBAAsB,CAAC,EAC5D,mBAAmB,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,EAE7C,aAAa,EAAE,CAAC,iBAAiB,CAAC,EAClC,uBAAuB,EAAE,CAAC,WAAW,CAAC,EACtC,cAAc,EAAE,CAAC,eAAe,CAAC,EACjC,cAAc,EAAE,CAAC,cAAc,CAAC,EAChC,0BAA0B,EAAE,CAAC,wBAAwB,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,CAAC,EACpG,qBAAqB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,EAC3E,oBAAoB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,EAC1E,oBAAoB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,EAC1E,oBAAoB,EAAE,CAAC,mBAAmB,CAAC,EAC3C,iBAAiB,EAAE,CAAC,cAAc,CAAC,EAEnC,iBAAiB,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC;IAE/E,wBAAwB;IACxB,mBAAmB,EAAE,CAAC,kBAAkB,CAAC;IAEzC,+DAA+D;IAC/D,eAAe,EAAE,CAAC,KAAK,CAAC;IACxB,0HAA0H;IAC1H,sBAAsB,EAAE,CAAC,aAAa,CAAC,EACvC,sBAAsB,EAAE,CAAC,aAAa,CAAC;IACvC,sCAAsC;IACtC,oBAAoB,EAAE,CAAC,QAAQ,CAAC,EAChC,oBAAoB,EAAE,CAAC,WAAW,CAAC;IAEnC,wBAAwB;IACxB,mBAAmB,EAAE,CAAC,UAAU,CAAC;IAEjC,qCAAqC;IACrC,eAAe,EAAE,CAAC,SAAS,CAAC;IAE5B,4CAA4C;IAC5C,uBAAuB,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,EACvD,2BAA2B,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,EACxE,+BAA+B,EAAE,CAAC,wBAAwB,CAAC,EAC3D,+BAA+B,EAAE,CAAC,mBAAmB,CAAC,EACtD,+BAA+B,EAAE,CAAC,mBAAmB,CAAC,EACtD,sCAAsC,EAAE,CAAC,0BAA0B,CAAC,EACpE,kCAAkC,EAAE,CAAC,yBAAyB,CAAC,EAC/D,mCAAmC,EAAE,CAAC,sBAAsB,CAAC;IAE7D,qCAAqC;IACrC,6BAA6B,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,EAC7D,8BAA8B,EAAE,CAAC,IAAI,EAAE,gCAAgC,CAAC,EACxE,yBAAyB,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,sBAAsB,CAAC,EACtE,8BAA8B,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,sBAAsB,CAAC,EACxE,0CAA0C,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,sBAAsB,CAAC;IAEpF,oCAAoC;IACpC,sBAAsB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,qBAAqB,EAAE,4BAA4B,CAAC,EACxG,0BAA0B,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,EACnE,+BAA+B,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,qBAAqB,CAAC,EAC3E,6BAA6B,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC,EAC/D,2BAA2B,EAAE,EAAE,GACzB,CAAC;AAEX,IAAA,eAAM,GAAwD,CAAC;AAE/D,2CAA2C;AAC9B,QAAA,eAAe,GAAG,IAAA,+DAA8B,EAAC,sBAAc,CAAC,CAAC;AAE9E,IAAA,eAAM,GAAyD,CAAC"}
+{"version":3,"file":"KcProps.js","sourceRoot":"","sources":["../../src/lib/components/KcProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAkCtC,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,cAAc,EAAE;QACZ,qDAAqD;QACrD,+DAA+D;QAC/D,uBAAuB;KAC1B;IACD,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,SAAS,EAAE,EAAE;IACb,aAAa,EAAE,CAAC,UAAU,CAAC;IAC3B,cAAc,EAAE,CAAC,eAAe,CAAC;IACjC,uBAAuB,EAAE,CAAC,KAAK,CAAC;IAChC,eAAe,EAAE,CAAC,sBAAsB,CAAC;IACzC,sBAAsB,EAAE,EAAE;IAC1B,iBAAiB,EAAE,CAAC,SAAS,CAAC;IAC9B,wBAAwB,EAAE,CAAC,mBAAmB,CAAC;IAC/C,0BAA0B,EAAE,CAAC,yBAAyB,CAAC;IACvD,iCAAiC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC;IAC5D,mBAAmB,EAAE,CAAC,iBAAiB,CAAC;IACxC,sBAAsB,EAAE,EAAE;IAC1B,qBAAqB,EAAE,CAAC,QAAQ,EAAE,uBAAuB,CAAC;IAC1D,uBAAuB,EAAE,CAAC,QAAQ,EAAE,2BAA2B,CAAC;IAChE,uBAAuB,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC;IAChD,oBAAoB,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC;IAC/C,iBAAiB,EAAE,CAAC,QAAQ,EAAE,oBAAoB,CAAC;IACnD,kBAAkB,EAAE,CAAC,YAAY,CAAC;IAClC,qBAAqB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC;IAC3E,eAAe,EAAE,CAAC,iBAAiB,CAAC;IACpC,wBAAwB,EAAE,EAAE;CACtB,CAAC;AAEX,MAAM,EAAwE,CAAC;AAE/E,2CAA2C;AAC3C,MAAM,CAAC,MAAM,uBAAuB,GAAG,8BAA8B,CAAC,sBAAsB,CAAC,CAAC;AAE9F,MAAM,EAAyE,CAAC;AAuDhF,MAAM,CAAC,MAAM,cAAc,GAAG,gCACvB,sBAAsB,KACzB,YAAY,EAAE,yBAAyB,EACvC,aAAa,EAAE,gBAAgB,EAC/B,kBAAkB,EAAE,iBAAiB,EACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,CAAC,EAC/G,qBAAqB,EAAE,CAAC,WAAW,CAAC,EACpC,eAAe,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,EAC1C,uBAAuB,EAAE,CAAC,QAAQ,EAAE,uBAAuB,CAAC,EAE5D,iBAAiB,EAAE,CAAC,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAAE,iBAAiB,CAAC,EACjH,8BAA8B,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,CAAC,EAC3F,oCAAoC,EAAE,CAAC,4BAA4B,CAAC,EACpE,kCAAkC,EAAE,CAAC,sBAAsB,CAAC,EAC5D,mBAAmB,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,EAE7C,aAAa,EAAE,CAAC,iBAAiB,CAAC,EAClC,uBAAuB,EAAE,CAAC,WAAW,CAAC,EACtC,cAAc,EAAE,CAAC,eAAe,CAAC,EACjC,cAAc,EAAE,CAAC,cAAc,CAAC,EAChC,0BAA0B,EAAE,CAAC,wBAAwB,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,CAAC,EACpG,qBAAqB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,EAC3E,oBAAoB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,EAC1E,oBAAoB,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,EAC1E,oBAAoB,EAAE,CAAC,mBAAmB,CAAC,EAC3C,iBAAiB,EAAE,CAAC,cAAc,CAAC,EAEnC,iBAAiB,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC;IAE/E,wBAAwB;IACxB,mBAAmB,EAAE,CAAC,kBAAkB,CAAC;IAEzC,+DAA+D;IAC/D,eAAe,EAAE,CAAC,KAAK,CAAC;IACxB,0HAA0H;IAC1H,sBAAsB,EAAE,CAAC,aAAa,CAAC,EACvC,sBAAsB,EAAE,CAAC,aAAa,CAAC;IACvC,sCAAsC;IACtC,oBAAoB,EAAE,CAAC,QAAQ,CAAC,EAChC,oBAAoB,EAAE,CAAC,WAAW,CAAC;IAEnC,wBAAwB;IACxB,mBAAmB,EAAE,CAAC,UAAU,CAAC;IAEjC,qCAAqC;IACrC,eAAe,EAAE,CAAC,SAAS,CAAC;IAE5B,4CAA4C;IAC5C,uBAAuB,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,EACvD,2BAA2B,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,EACxE,+BAA+B,EAAE,CAAC,wBAAwB,CAAC,EAC3D,+BAA+B,EAAE,CAAC,mBAAmB,CAAC,EACtD,+BAA+B,EAAE,CAAC,mBAAmB,CAAC,EACtD,sCAAsC,EAAE,CAAC,0BAA0B,CAAC,EACpE,kCAAkC,EAAE,CAAC,yBAAyB,CAAC,EAC/D,mCAAmC,EAAE,CAAC,sBAAsB,CAAC;IAE7D,qCAAqC;IACrC,6BAA6B,EAAE,CAAC,IAAI,EAAE,sBAAsB,CAAC,EAC7D,8BAA8B,EAAE,CAAC,IAAI,EAAE,gCAAgC,CAAC,EACxE,yBAAyB,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,sBAAsB,CAAC,EACtE,8BAA8B,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,sBAAsB,CAAC,EACxE,0CAA0C,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,sBAAsB,CAAC;IAEpF,oCAAoC;IACpC,sBAAsB,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,qBAAqB,EAAE,4BAA4B,CAAC,EACxG,0BAA0B,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,EACnE,+BAA+B,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,qBAAqB,CAAC,EAC3E,6BAA6B,EAAE,CAAC,eAAe,EAAE,aAAa,CAAC,EAC/D,2BAA2B,EAAE,EAAE,GACzB,CAAC;AAEX,MAAM,EAAwD,CAAC;AAE/D,2CAA2C;AAC3C,MAAM,CAAC,MAAM,eAAe,GAAG,8BAA8B,CAAC,cAAc,CAAC,CAAC;AAE9E,MAAM,EAAyD,CAAC"}

package/lib/components/Login.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import type { KcProps } from "./KcProps";
 import type { KcContextBase } from "../getKcContext/KcContextBase";
 import type { I18n } from "../i18n";
-export declare const Login: import("react").MemoExoticComponent<({ kcContext, useI18n, ...props }: {
+declare const Login: React.MemoExoticComponent<({ kcContext, i18n, ...props }: {
     kcContext: KcContextBase.Login;
-    useI18n: () => I18n;
+    i18n: I18n;
 } & KcProps) => JSX.Element>;
+export default Login;

package/lib/components/Login.js

@@ -1,15 +1,3 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -21,73 +9,79 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Login = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var Template_1 = require("./Template");
-var tss_react_1 = require("tss-react");
-var useConstCallback_1 = require("powerhooks/useConstCallback");
-exports.Login = (0, react_1.memo)(function (_a) {
-    var kcContext = _a.kcContext, useI18n = _a.useI18n, props = __rest(_a, ["kcContext", "useI18n"]);
-    var social = kcContext.social, realm = kcContext.realm, url = kcContext.url, usernameEditDisabled = kcContext.usernameEditDisabled, login = kcContext.login, auth = kcContext.auth, registrationDisabled = kcContext.registrationDisabled;
-    var _b = useI18n(), msg = _b.msg, msgStr = _b.msgStr;
-    var cx = (0, tss_react_1.useCssAndCx)().cx;
-    var _c = __read((0, react_1.useState)(false), 2), isLoginButtonDisabled = _c[0], setIsLoginButtonDisabled = _c[1];
-    var onSubmit = (0, useConstCallback_1.useConstCallback)(function (e) {
+import React, { useState, memo } from "react";
+import Template from "./Template";
+import { useCssAndCx } from "../tools/useCssAndCx";
+import { useConstCallback } from "powerhooks/useConstCallback";
+const Login = memo((_a) => {
+    var { kcContext, i18n } = _a, props = __rest(_a, ["kcContext", "i18n"]);
+    const { social, realm, url, usernameEditDisabled, login, auth, registrationDisabled } = kcContext;
+    const { msg, msgStr } = i18n;
+    const { cx } = useCssAndCx();
+    const [isLoginButtonDisabled, setIsLoginButtonDisabled] = useState(false);
+    const onSubmit = useConstCallback(e => {
         var _a;
         e.preventDefault();
         setIsLoginButtonDisabled(true);
-        var formElement = e.target;
+        const formElement = e.target;
         //NOTE: Even if we login with email Keycloak expect username and password in
         //the POST request.
         (_a = formElement.querySelector("input[name='email']")) === null || _a === void 0 ? void 0 : _a.setAttribute("name", "username");
         formElement.submit();
     });
-    return ((0, jsx_runtime_1.jsx)(Template_1.Template, __assign({}, __assign({ kcContext: kcContext, useI18n: useI18n }, props), { doFetchDefaultThemeResources: true, displayInfo: social.displayInfo, displayWide: realm.password && social.providers !== undefined, headerNode: msg("doLogIn"), formNode: (0, jsx_runtime_1.jsxs)("div", __assign({ id: "kc-form", className: cx(realm.password && social.providers !== undefined && props.kcContentWrapperClass) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-form-wrapper", className: cx(realm.password && social.providers && [props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass]) }, { children: realm.password && ((0, jsx_runtime_1.jsxs)("form", __assign({ id: "kc-form-login", onSubmit: onSubmit, action: url.loginAction, method: "post" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: (function () {
-                                    var _a;
-                                    var label = !realm.loginWithEmailAllowed
-                                        ? "username"
-                                        : realm.registrationEmailAsUsername
-                                            ? "email"
-                                            : "usernameOrEmail";
-                                    var autoCompleteHelper = label === "usernameOrEmail" ? "username" : label;
-                                    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: autoCompleteHelper, className: cx(props.kcLabelClass) }, { children: msg(label) }), void 0), (0, jsx_runtime_1.jsx)("input", __assign({ tabIndex: 1, id: autoCompleteHelper, className: cx(props.kcInputClass), 
-                                                //NOTE: This is used by Google Chrome auto fill so we use it to tell
-                                                //the browser how to pre fill the form but before submit we put it back
-                                                //to username because it is what keycloak expects.
-                                                name: autoCompleteHelper, defaultValue: (_a = login.username) !== null && _a !== void 0 ? _a : "", type: "text" }, (usernameEditDisabled
-                                                ? { "disabled": true }
-                                                : {
-                                                    "autoFocus": true,
-                                                    "autoComplete": "off",
-                                                })), void 0)] }, void 0));
-                                })() }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: "password", className: cx(props.kcLabelClass) }, { children: msg("password") }), void 0), (0, jsx_runtime_1.jsx)("input", { tabIndex: 2, id: "password", className: cx(props.kcInputClass), name: "password", type: "password", autoComplete: "off" }, void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ className: cx(props.kcFormGroupClass, props.kcFormSettingClass) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-form-options" }, { children: realm.rememberMe && !usernameEditDisabled && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "checkbox" }, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", __assign({ tabIndex: 3, id: "rememberMe", name: "rememberMe", type: "checkbox" }, (login.rememberMe
-                                                        ? {
-                                                            "checked": true,
-                                                        }
-                                                        : {})), void 0), msg("rememberMe")] }, void 0) }), void 0)) }), void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: cx(props.kcFormOptionsWrapperClass) }, { children: realm.resetPasswordAllowed && ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("a", __assign({ tabIndex: 5, href: url.loginResetCredentialsUrl }, { children: msg("doForgotPassword") }), void 0) }, void 0)) }), void 0)] }), void 0), (0, jsx_runtime_1.jsxs)("div", __assign({ id: "kc-form-buttons", className: cx(props.kcFormGroupClass) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ type: "hidden", id: "id-hidden-input", name: "credentialId" }, ((auth === null || auth === void 0 ? void 0 : auth.selectedCredential) !== undefined
-                                        ? {
-                                            "value": auth.selectedCredential,
-                                        }
-                                        : {})), void 0), (0, jsx_runtime_1.jsx)("input", { tabIndex: 4, className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn"), disabled: isLoginButtonDisabled }, void 0)] }), void 0)] }), void 0)) }), void 0), realm.password && social.providers !== undefined && ((0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-social-providers", className: cx(props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass) }, { children: (0, jsx_runtime_1.jsx)("ul", __assign({ className: cx(props.kcFormSocialAccountListClass, social.providers.length > 4 && props.kcFormSocialAccountDoubleListClass) }, { children: social.providers.map(function (p) { return ((0, jsx_runtime_1.jsx)("li", __assign({ className: cx(props.kcFormSocialAccountListLinkClass) }, { children: (0, jsx_runtime_1.jsx)("a", __assign({ href: p.loginUrl, id: "zocial-" + p.alias, className: cx("zocial", p.providerId) }, { children: (0, jsx_runtime_1.jsx)("span", { children: p.displayName }, void 0) }), void 0) }), p.providerId)); }) }), void 0) }), void 0))] }), void 0), infoNode: realm.password &&
+    return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n }, props), { doFetchDefaultThemeResources: true, displayInfo: social.displayInfo, displayWide: realm.password && social.providers !== undefined, headerNode: msg("doLogIn"), formNode: React.createElement("div", { id: "kc-form", className: cx(realm.password && social.providers !== undefined && props.kcContentWrapperClass) },
+            React.createElement("div", { id: "kc-form-wrapper", className: cx(realm.password && social.providers && [props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass]) }, realm.password && (React.createElement("form", { id: "kc-form-login", onSubmit: onSubmit, action: url.loginAction, method: "post" },
+                React.createElement("div", { className: cx(props.kcFormGroupClass) }, (() => {
+                    var _a;
+                    const label = !realm.loginWithEmailAllowed
+                        ? "username"
+                        : realm.registrationEmailAsUsername
+                            ? "email"
+                            : "usernameOrEmail";
+                    const autoCompleteHelper = label === "usernameOrEmail" ? "username" : label;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("label", { htmlFor: autoCompleteHelper, className: cx(props.kcLabelClass) }, msg(label)),
+                        React.createElement("input", Object.assign({ tabIndex: 1, id: autoCompleteHelper, className: cx(props.kcInputClass), 
+                            //NOTE: This is used by Google Chrome auto fill so we use it to tell
+                            //the browser how to pre fill the form but before submit we put it back
+                            //to username because it is what keycloak expects.
+                            name: autoCompleteHelper, defaultValue: (_a = login.username) !== null && _a !== void 0 ? _a : "", type: "text" }, (usernameEditDisabled
+                            ? { "disabled": true }
+                            : {
+                                "autoFocus": true,
+                                "autoComplete": "off"
+                            })))));
+                })()),
+                React.createElement("div", { className: cx(props.kcFormGroupClass) },
+                    React.createElement("label", { htmlFor: "password", className: cx(props.kcLabelClass) }, msg("password")),
+                    React.createElement("input", { tabIndex: 2, id: "password", className: cx(props.kcInputClass), name: "password", type: "password", autoComplete: "off" })),
+                React.createElement("div", { className: cx(props.kcFormGroupClass, props.kcFormSettingClass) },
+                    React.createElement("div", { id: "kc-form-options" }, realm.rememberMe && !usernameEditDisabled && (React.createElement("div", { className: "checkbox" },
+                        React.createElement("label", null,
+                            React.createElement("input", Object.assign({ tabIndex: 3, id: "rememberMe", name: "rememberMe", type: "checkbox" }, (login.rememberMe
+                                ? {
+                                    "checked": true
+                                }
+                                : {}))),
+                            msg("rememberMe"))))),
+                    React.createElement("div", { className: cx(props.kcFormOptionsWrapperClass) }, realm.resetPasswordAllowed && (React.createElement("span", null,
+                        React.createElement("a", { tabIndex: 5, href: url.loginResetCredentialsUrl }, msg("doForgotPassword")))))),
+                React.createElement("div", { id: "kc-form-buttons", className: cx(props.kcFormGroupClass) },
+                    React.createElement("input", Object.assign({ type: "hidden", id: "id-hidden-input", name: "credentialId" }, ((auth === null || auth === void 0 ? void 0 : auth.selectedCredential) !== undefined
+                        ? {
+                            "value": auth.selectedCredential
+                        }
+                        : {}))),
+                    React.createElement("input", { tabIndex: 4, className: cx(props.kcButtonClass, props.kcButtonPrimaryClass, props.kcButtonBlockClass, props.kcButtonLargeClass), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn"), disabled: isLoginButtonDisabled }))))),
+            realm.password && social.providers !== undefined && (React.createElement("div", { id: "kc-social-providers", className: cx(props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass) },
+                React.createElement("ul", { className: cx(props.kcFormSocialAccountListClass, social.providers.length > 4 && props.kcFormSocialAccountDoubleListClass) }, social.providers.map(p => (React.createElement("li", { key: p.providerId, className: cx(props.kcFormSocialAccountListLinkClass) },
+                    React.createElement("a", { href: p.loginUrl, id: `zocial-${p.alias}`, className: cx("zocial", p.providerId) },
+                        React.createElement("span", null, p.displayName))))))))), infoNode: realm.password &&
             realm.registrationAllowed &&
-            !registrationDisabled && ((0, jsx_runtime_1.jsx)("div", __assign({ id: "kc-registration" }, { children: (0, jsx_runtime_1.jsxs)("span", { children: [msg("noAccount"), (0, jsx_runtime_1.jsx)("a", __assign({ tabIndex: 6, href: url.registrationUrl }, { children: msg("doRegister") }), void 0)] }, void 0) }), void 0)) }), void 0));
+            !registrationDisabled && (React.createElement("div", { id: "kc-registration" },
+            React.createElement("span", null,
+                msg("noAccount"),
+                React.createElement("a", { tabIndex: 6, href: url.registrationUrl }, msg("doRegister"))))) })));
 });
+export default Login;
 //# sourceMappingURL=Login.js.map