keycloakify 9.6.6 → 10.0.0-rc.0

package/login/pages/LoginUpdateProfile.d.ts

@@ -2,6 +2,12 @@
 import type { PageProps } from "../../login/pages/PageProps";
 import type { KcContext } from "../kcContext";
 import type { I18n } from "../i18n";
-export default function LoginUpdateProfile(props: PageProps<Extract<KcContext, {
+import type { LazyOrNot } from "../../tools/LazyOrNot";
+import type { UserProfileFormFieldsProps } from "../../login/UserProfileFormFields";
+type LoginUpdateProfileProps = PageProps<Extract<KcContext, {
     pageId: "login-update-profile.ftl";
-}>, I18n>): JSX.Element;
+}>, I18n> & {
+    UserProfileFormFields: LazyOrNot<(props: UserProfileFormFieldsProps) => JSX.Element>;
+};
+export default function LoginUpdateProfile(props: LoginUpdateProfileProps): JSX.Element;
+export {};

package/login/pages/LoginUpdateProfile.js

@@ -1,15 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { clsx } from "../../tools/clsx";
 import { useGetClassName } from "../../login/lib/useGetClassName";
 export default function LoginUpdateProfile(props) {
-    var _a, _b, _c, _d;
-    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { kcContext, i18n, doUseDefaultCss, Template, classes, UserProfileFormFields } = props;
     const { getClassName } = useGetClassName({
         doUseDefaultCss,
         classes
     });
+    const { url, messagesPerField, isAppInitiatedAction } = kcContext;
     const { msg, msgStr } = i18n;
-    const { url, user, messagesPerField, isAppInitiatedAction } = kcContext;
-    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("loginProfileTitle") }, { children: _jsxs("form", Object.assign({ id: "kc-update-profile-form", className: getClassName("kcFormClass"), action: url.loginAction, method: "post" }, { children: [user.editUsernameAllowed && (_jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("username", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "username", className: getClassName("kcLabelClass") }, { children: msg("username") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "username", name: "username", defaultValue: (_a = user.username) !== null && _a !== void 0 ? _a : "", className: getClassName("kcInputClass") }) }))] }))), _jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("email", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "email", className: getClassName("kcLabelClass") }, { children: msg("email") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "email", name: "email", defaultValue: (_b = user.email) !== null && _b !== void 0 ? _b : "", className: getClassName("kcInputClass") }) }))] })), _jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("firstName", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "firstName", className: getClassName("kcLabelClass") }, { children: msg("firstName") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "firstName", name: "firstName", defaultValue: (_c = user.firstName) !== null && _c !== void 0 ? _c : "", className: getClassName("kcInputClass") }) }))] })), _jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("lastName", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "lastName", className: getClassName("kcLabelClass") }, { children: msg("lastName") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "lastName", name: "lastName", defaultValue: (_d = user.lastName) !== null && _d !== void 0 ? _d : "", className: getClassName("kcInputClass") }) }))] })), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", { className: getClassName("kcFormOptionsWrapperClass") }) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: isAppInitiatedAction ? (_jsxs(_Fragment, { children: [_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonLargeClass")), type: "submit", defaultValue: msgStr("doSubmit") }), _jsx("button", Object.assign({ className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), type: "submit", name: "cancel-aia", value: "true" }, { children: msg("doCancel") }))] })) : (_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), type: "submit", defaultValue: msgStr("doSubmit") })) }))] }))] })) })));
+    const [isFormSubmittable, setIsFormSubmittable] = useState(false);
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("loginProfileTitle") }, { children: _jsxs("form", Object.assign({ id: "kc-update-profile-form", className: getClassName("kcFormClass"), action: url.loginAction, method: "post" }, { children: [_jsx(UserProfileFormFields, Object.assign({}, {
+                    kcContext,
+                    i18n,
+                    getClassName,
+                    messagesPerField
+                }, { onIsFormSubmittableValueChange: setIsFormSubmittable })), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", { className: getClassName("kcFormOptionsWrapperClass") }) })), _jsxs("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: [_jsx("input", { disabled: !isFormSubmittable, className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), !isAppInitiatedAction && getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), type: "submit", value: msgStr("doSubmit") }), isAppInitiatedAction && (_jsx("button", Object.assign({ className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), type: "submit", name: "cancel-aia", value: "true", formNoValidate: true }, { children: msg("doCancel") })))] }))] }))] })) })));
 }
 //# sourceMappingURL=LoginUpdateProfile.js.map

package/login/pages/LoginUpdateProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginUpdateProfile.js","sourceRoot":"","sources":["../../src/login/pages/LoginUpdateProfile.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LoginUpdateProfile.js","sourceRoot":"","sources":["../../src/login/pages/LoginUpdateProfile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAUxE,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACrE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAE7F,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,eAAe;QACf,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,GAAG,SAAS,CAAC;IAElE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,KAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,gBAC7F,8BAAM,EAAE,EAAC,wBAAwB,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,EAAC,MAAM,iBAC5G,KAAC,qBAAqB,oBACd;oBACA,SAAS;oBACT,IAAI;oBACJ,YAAY;oBACZ,gBAAgB;iBACnB,IACD,8BAA8B,EAAE,oBAAoB,IACtD,EACF,6BAAK,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,iBAC5C,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,gBACnE,cAAK,SAAS,EAAE,YAAY,CAAC,2BAA2B,CAAC,GAAI,IAC3D,EACN,6BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,iBACnE,gBACI,QAAQ,EAAE,CAAC,iBAAiB,EAC5B,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,sBAAsB,CAAC,EACpC,CAAC,oBAAoB,IAAI,YAAY,CAAC,oBAAoB,CAAC,EAC3D,YAAY,CAAC,oBAAoB,CAAC,CACrC,EACD,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAC3B,EACD,oBAAoB,IAAI,CACrB,+BACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,sBAAsB,CAAC,EACpC,YAAY,CAAC,oBAAoB,CAAC,CACrC,EACD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,MAAM,EACZ,cAAc,sBAEb,GAAG,CAAC,UAAU,CAAC,IACX,CACZ,KACC,KACJ,KACH,IACA,CACd,CAAC;AACN,CAAC"}

package/login/pages/LoginUsername.js

@@ -1,48 +1,24 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { clsx } from "../../tools/clsx";
-import { useConstCallback } from "../../tools/useConstCallback";
 import { useGetClassName } from "../../login/lib/useGetClassName";
 export default function LoginUsername(props) {
+    var _a, _b;
     const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
     const { getClassName } = useGetClassName({
         doUseDefaultCss,
         classes
     });
-    const { social, realm, url, usernameHidden, login, registrationDisabled } = kcContext;
+    const { social, realm, url, usernameHidden, login, registrationDisabled, messagesPerField } = kcContext;
     const { msg, msgStr } = i18n;
     const [isLoginButtonDisabled, setIsLoginButtonDisabled] = useState(false);
-    const onSubmit = useConstCallback(e => {
-        var _a;
-        e.preventDefault();
-        setIsLoginButtonDisabled(true);
-        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 (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayInfo: social.displayInfo, displayWide: realm.password && social.providers !== undefined, headerNode: msg("doLogIn"), infoNode: realm.password &&
-            realm.registrationAllowed &&
-            !registrationDisabled && (_jsx("div", Object.assign({ id: "kc-registration" }, { children: _jsxs("span", { children: [msg("noAccount"), _jsx("a", Object.assign({ tabIndex: 6, href: url.registrationUrl }, { children: msg("doRegister") }))] }) }))) }, { children: _jsxs("div", Object.assign({ id: "kc-form", className: clsx(realm.password && social.providers !== undefined && getClassName("kcContentWrapperClass")) }, { children: [_jsx("div", Object.assign({ id: "kc-form-wrapper", className: clsx(realm.password &&
-                        social.providers && [getClassName("kcFormSocialAccountContentClass"), getClassName("kcFormSocialAccountClass")]) }, { children: realm.password && (_jsxs("form", Object.assign({ id: "kc-form-login", onSubmit: onSubmit, action: url.loginAction, method: "post" }, { children: [_jsx("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: !usernameHidden &&
-                                    (() => {
-                                        var _a;
-                                        const label = !realm.loginWithEmailAllowed
-                                            ? "username"
-                                            : realm.registrationEmailAsUsername
-                                                ? "email"
-                                                : "usernameOrEmail";
-                                        const autoCompleteHelper = label === "usernameOrEmail" ? "username" : label;
-                                        return (_jsxs(_Fragment, { children: [_jsx("label", Object.assign({ htmlFor: autoCompleteHelper, className: getClassName("kcLabelClass") }, { children: msg(label) })), _jsx("input", { tabIndex: 1, id: autoCompleteHelper, className: getClassName("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", autoFocus: true, autoComplete: "off" })] }));
-                                    })() })), _jsx("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), getClassName("kcFormSettingClass")) }, { children: _jsx("div", Object.assign({ id: "kc-form-options" }, { children: realm.rememberMe && !usernameHidden && (_jsx("div", Object.assign({ className: "checkbox" }, { children: _jsxs("label", { children: [_jsx("input", Object.assign({ tabIndex: 3, id: "rememberMe", name: "rememberMe", type: "checkbox" }, (login.rememberMe === "on"
-                                                    ? {
-                                                        "checked": true
-                                                    }
-                                                    : {}))), msg("rememberMe")] }) }))) })) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormGroupClass") }, { children: _jsx("input", { tabIndex: 4, className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn"), disabled: isLoginButtonDisabled }) }))] }))) })), realm.password && social.providers !== undefined && (_jsx("div", Object.assign({ id: "kc-social-providers", className: clsx(getClassName("kcFormSocialAccountContentClass"), getClassName("kcFormSocialAccountClass")) }, { children: _jsx("ul", Object.assign({ className: clsx(getClassName("kcFormSocialAccountListClass"), social.providers.length > 4 && getClassName("kcFormSocialAccountDoubleListClass")) }, { children: social.providers.map(p => (_jsx("li", Object.assign({ className: getClassName("kcFormSocialAccountListLinkClass") }, { children: _jsx("a", Object.assign({ href: p.loginUrl, id: `zocial-${p.alias}`, className: clsx("zocial", p.providerId) }, { children: _jsx("span", { children: p.displayName }) })) }), p.providerId))) })) })))] })) })));
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: !messagesPerField.existsError("username"), displayInfo: realm.password && realm.registrationAllowed && !registrationDisabled, infoNode: _jsx("div", Object.assign({ id: "kc-registration" }, { children: _jsxs("span", { children: [msg("noAccount"), _jsx("a", Object.assign({ tabIndex: 6, href: url.registrationUrl }, { children: msg("doRegister") }))] }) })), headerNode: msg("doLogIn"), socialProvidersNode: _jsx(_Fragment, { children: realm.password && ((_a = social.providers) === null || _a === void 0 ? void 0 : _a.length) && (_jsxs("div", Object.assign({ id: "kc-social-providers", className: getClassName("kcFormSocialAccountSectionClass") }, { children: [_jsx("hr", {}), _jsx("h2", { children: msg("identity-provider-login-label") }), _jsx("ul", Object.assign({ className: clsx(getClassName("kcFormSocialAccountListClass"), social.providers.length > 3 && getClassName("kcFormSocialAccountListGridClass")) }, { children: social.providers.map((...[p, , providers]) => (_jsx("li", { children: _jsxs("a", Object.assign({ id: `social-${p.alias}`, className: clsx(getClassName("kcFormSocialAccountListButtonClass"), providers.length > 3 && getClassName("kcFormSocialAccountGridItem")), type: "button", href: p.loginUrl }, { children: [p.iconClasses && (_jsx("i", { className: clsx(getClassName("kcCommonLogoIdP"), p.iconClasses), "aria-hidden": "true" })), _jsx("span", Object.assign({ className: clsx(getClassName("kcFormSocialAccountNameClass"), p.iconClasses && "kc-social-icon-text") }, { children: p.displayName }))] })) }, p.alias))) }))] }))) }) }, { children: _jsx("div", Object.assign({ id: "kc-form" }, { children: _jsx("div", Object.assign({ id: "kc-form-wrapper" }, { children: realm.password && (_jsxs("form", Object.assign({ id: "kc-form-login", onSubmit: () => {
+                        setIsLoginButtonDisabled(true);
+                        return true;
+                    }, action: url.loginAction, method: "post" }, { children: [!usernameHidden && (_jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("label", Object.assign({ htmlFor: "username", className: getClassName("kcLabelClass") }, { children: !realm.loginWithEmailAllowed
+                                        ? msg("username")
+                                        : !realm.registrationEmailAsUsername
+                                            ? msg("usernameOrEmail")
+                                            : msg("email") })), _jsx("input", { tabIndex: 2, id: "username", className: getClassName("kcInputClass"), name: "username", value: (_b = login.username) !== null && _b !== void 0 ? _b : "", type: "text", autoFocus: true, autoComplete: "off", "aria-invalid": messagesPerField.existsError("username") }), messagesPerField.existsError("username") && (_jsx("span", Object.assign({ id: "input-error", className: getClassName("kcInputErrorMessageClass"), "aria-live": "polite" }, { children: messagesPerField.getFirstError("username") })))] }))), _jsx("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), getClassName("kcFormSettingClass")) }, { children: _jsx("div", Object.assign({ id: "kc-form-options" }, { children: realm.rememberMe && !usernameHidden && (_jsx("div", Object.assign({ className: "checkbox" }, { children: _jsxs("label", { children: [_jsx("input", { tabIndex: 3, id: "rememberMe", name: "rememberMe", type: "checkbox", defaultChecked: !!login.rememberMe }), " ", msg("rememberMe")] }) }))) })) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormGroupClass") }, { children: _jsx("input", { tabIndex: 4, disabled: isLoginButtonDisabled, className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn") }) }))] }))) })) })) })));
 }
 //# sourceMappingURL=LoginUsername.js.map

package/login/pages/LoginUsername.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginUsername.js","sourceRoot":"","sources":["../../src/login/pages/LoginUsername.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"LoginUsername.js","sourceRoot":"","sources":["../../src/login/pages/LoginUsername.tsx"],"names":[],"mappings":"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"}

package/login/pages/LoginVerifyEmail.js

@@ -4,6 +4,6 @@ export default function LoginVerifyEmail(props) {
     const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
     const { msg } = i18n;
     const { url, user } = kcContext;
-    return (_jsxs(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("emailVerifyTitle") }, { children: [_jsx("p", Object.assign({ className: "instruction" }, { children: msg("emailVerifyInstruction1", (_a = user === null || user === void 0 ? void 0 : user.email) !== null && _a !== void 0 ? _a : "") })), _jsxs("p", Object.assign({ className: "instruction" }, { children: [msg("emailVerifyInstruction2"), _jsx("br", {}), _jsx("a", Object.assign({ href: url.loginAction }, { children: msg("doClickHere") })), "\u00A0", msg("emailVerifyInstruction3")] }))] })));
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayInfo: true, headerNode: msg("emailVerifyTitle"), infoNode: _jsxs("p", Object.assign({ className: "instruction" }, { children: [msg("emailVerifyInstruction2"), _jsx("br", {}), _jsx("a", Object.assign({ href: url.loginAction }, { children: msg("doClickHere") })), "\u00A0", msg("emailVerifyInstruction3")] })) }, { children: _jsx("p", Object.assign({ className: "instruction" }, { children: msg("emailVerifyInstruction1", (_a = user === null || user === void 0 ? void 0 : user.email) !== null && _a !== void 0 ? _a : "") })) })));
 }
 //# sourceMappingURL=LoginVerifyEmail.js.map

package/login/pages/LoginVerifyEmail.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginVerifyEmail.js","sourceRoot":"","sources":["../../src/login/pages/LoginVerifyEmail.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAgF;;IACrH,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAErB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAEhC,OAAO,CACH,MAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,kBAAkB,CAAC,iBACnH,0BAAG,SAAS,EAAC,aAAa,gBAAE,GAAG,CAAC,yBAAyB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAK,EAClF,2BAAG,SAAS,EAAC,aAAa,iBACrB,GAAG,CAAC,yBAAyB,CAAC,EAC/B,cAAM,EACN,0BAAG,IAAI,EAAE,GAAG,CAAC,WAAW,gBAAG,GAAG,CAAC,aAAa,CAAC,IAAK,YAEjD,GAAG,CAAC,yBAAyB,CAAC,KAC/B,KACG,CACd,CAAC;AACN,CAAC"}
+{"version":3,"file":"LoginVerifyEmail.js","sourceRoot":"","sources":["../../src/login/pages/LoginVerifyEmail.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAgF;;IACrH,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAErB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAEhC,OAAO,CACH,KAAC,QAAQ,oBACD,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IACjD,WAAW,QACX,UAAU,EAAE,GAAG,CAAC,kBAAkB,CAAC,EACnC,QAAQ,EACJ,2BAAG,SAAS,EAAC,aAAa,iBACrB,GAAG,CAAC,yBAAyB,CAAC,EAC/B,cAAM,EACN,0BAAG,IAAI,EAAE,GAAG,CAAC,WAAW,gBAAG,GAAG,CAAC,aAAa,CAAC,IAAK,YAEjD,GAAG,CAAC,yBAAyB,CAAC,KAC/B,gBAGR,0BAAG,SAAS,EAAC,aAAa,gBAAE,GAAG,CAAC,yBAAyB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAK,IAC3E,CACd,CAAC;AACN,CAAC"}

package/login/pages/LoginX509Info.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { PageProps } from "../../login/pages/PageProps";
+import type { KcContext } from "../kcContext";
+import type { I18n } from "../i18n";
+export default function LoginX509Info(props: PageProps<Extract<KcContext, {
+    pageId: "login-x509-info.ftl";
+}>, I18n>): JSX.Element;

package/login/pages/LoginX509Info.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { clsx } from "../../tools/clsx";
+import { useGetClassName } from "../../login/lib/useGetClassName";
+export default function LoginX509Info(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        doUseDefaultCss,
+        classes
+    });
+    const { url, x509 } = kcContext;
+    const { msg, msgStr } = i18n;
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("doLogIn") }, { children: _jsxs("form", Object.assign({ id: "kc-x509-login-info", className: getClassName("kcFormClass"), action: url.loginAction, method: "post" }, { children: [_jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "certificate_subjectDN", className: getClassName("kcLabelClass") }, { children: msg("clientCertificate") })) })), x509.formData.subjectDN ? (_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ id: "certificate_subjectDN", className: getClassName("kcLabelClass") }, { children: x509.formData.subjectDN })) }))) : (_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ id: "certificate_subjectDN", className: getClassName("kcLabelClass") }, { children: msg("noCertificate") })) })))] })), _jsx("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: x509.formData.isUserEnabled && (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "username", className: getClassName("kcLabelClass") }, { children: msg("doX509Login") })) })), _jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ id: "username", className: getClassName("kcLabelClass") }, { children: x509.formData.username })) }))] })) })), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", { className: getClassName("kcFormOptionsWrapperClass") }) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: _jsxs("div", Object.assign({ className: getClassName("kcFormButtonsWrapperClass") }, { children: [_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonLargeClass")), name: "login", id: "kc-login", type: "submit", value: msgStr("doContinue") }), x509.formData.isUserEnabled && (_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), name: "cancel", id: "kc-cancel", type: "submit", value: msgStr("doIgnore") }))] })) }))] }))] })) })));
+}
+//# sourceMappingURL=LoginX509Info.js.map

package/login/pages/LoginX509Info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginX509Info.js","sourceRoot":"","sources":["../../src/login/pages/LoginX509Info.tsx"],"names":[],"mappings":"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"}

package/login/pages/LogoutConfirm.js

@@ -9,6 +9,6 @@ export default function LogoutConfirm(props) {
     });
     const { url, client, logoutConfirm } = kcContext;
     const { msg, msgStr } = i18n;
-    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("logoutConfirmTitle") }, { children: _jsxs("div", Object.assign({ id: "kc-logout-confirm", className: "content-area" }, { children: [_jsx("p", Object.assign({ className: "instruction" }, { children: msg("logoutConfirmHeader") })), _jsxs("form", Object.assign({ className: "form-actions", action: url.logoutConfirmAction, method: "POST" }, { children: [_jsx("input", { type: "hidden", name: "session_code", value: logoutConfirm.code }), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options" }, { children: _jsx("div", { className: getClassName("kcFormOptionsWrapperClass") }) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormGroupClass") }, { children: _jsx("input", { tabIndex: 4, className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), name: "confirmLogout", id: "kc-logout", type: "submit", value: msgStr("doLogout") }) }))] }))] })), _jsx("div", Object.assign({ id: "kc-info-message" }, { children: !logoutConfirm.skipLink && client.baseUrl && (_jsx("p", { children: _jsx("a", { href: client.baseUrl, dangerouslySetInnerHTML: { __html: msgStr("backToApplication") } }) })) }))] })) })));
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("logoutConfirmTitle") }, { children: _jsxs("div", Object.assign({ id: "kc-logout-confirm", className: "content-area" }, { children: [_jsx("p", Object.assign({ className: "instruction" }, { children: msg("logoutConfirmHeader") })), _jsxs("form", Object.assign({ className: "form-actions", action: url.logoutConfirmAction, method: "POST" }, { children: [_jsx("input", { type: "hidden", name: "session_code", value: logoutConfirm.code }), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options" }, { children: _jsx("div", { className: getClassName("kcFormOptionsWrapperClass") }) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormGroupClass") }, { children: _jsx("input", { tabIndex: 4, className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), name: "confirmLogout", id: "kc-logout", type: "submit", value: msgStr("doLogout") }) }))] }))] })), _jsx("div", Object.assign({ id: "kc-info-message" }, { children: !logoutConfirm.skipLink && client.baseUrl && (_jsx("p", { children: _jsx("a", Object.assign({ href: client.baseUrl }, { children: msg("backToApplication") })) })) }))] })) })));
 }
 //# sourceMappingURL=LogoutConfirm.js.map

package/login/pages/LogoutConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogoutConfirm.js","sourceRoot":"","sources":["../../src/login/pages/LogoutConfirm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAIxE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAA4E;IAC9G,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,eAAe;QACf,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IAEjD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,OAAO,CACH,KAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,oBAAoB,CAAC,gBACrH,6BAAK,EAAE,EAAC,mBAAmB,EAAC,SAAS,EAAC,cAAc,iBAChD,0BAAG,SAAS,EAAC,aAAa,gBAAE,GAAG,CAAC,qBAAqB,CAAC,IAAK,EAC3D,8BAAM,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,GAAG,CAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,iBACzE,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,aAAa,CAAC,IAAI,GAAI,EACtE,6BAAK,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,iBAC5C,4BAAK,EAAE,EAAC,iBAAiB,gBACrB,cAAK,SAAS,EAAE,YAAY,CAAC,2BAA2B,CAAC,GAAQ,IAC/D,EACN,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,gBACjE,gBACI,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,sBAAsB,CAAC,EACpC,YAAY,CAAC,oBAAoB,CAAC,EAClC,YAAY,CAAC,oBAAoB,CAAC,CACrC,EACD,IAAI,EAAC,eAAe,EACpB,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAC3B,IACA,KACJ,KACH,EACP,4BAAK,EAAE,EAAC,iBAAiB,gBACpB,CAAC,aAAa,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,CAC1C,sBACI,YAAG,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,GAAI,GAC7F,CACP,IACC,KACJ,IACC,CACd,CAAC;AACN,CAAC"}
+{"version":3,"file":"LogoutConfirm.js","sourceRoot":"","sources":["../../src/login/pages/LogoutConfirm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAIxE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAA4E;IAC9G,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,eAAe;QACf,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IAEjD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,OAAO,CACH,KAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,UAAU,EAAE,GAAG,CAAC,oBAAoB,CAAC,gBAC9F,6BAAK,EAAE,EAAC,mBAAmB,EAAC,SAAS,EAAC,cAAc,iBAChD,0BAAG,SAAS,EAAC,aAAa,gBAAE,GAAG,CAAC,qBAAqB,CAAC,IAAK,EAC3D,8BAAM,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,GAAG,CAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,iBACzE,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,aAAa,CAAC,IAAI,GAAI,EACtE,6BAAK,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,iBAC5C,4BAAK,EAAE,EAAC,iBAAiB,gBACrB,cAAK,SAAS,EAAE,YAAY,CAAC,2BAA2B,CAAC,GAAQ,IAC/D,EACN,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,gBACjE,gBACI,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,sBAAsB,CAAC,EACpC,YAAY,CAAC,oBAAoB,CAAC,EAClC,YAAY,CAAC,oBAAoB,CAAC,CACrC,EACD,IAAI,EAAC,eAAe,EACpB,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAC3B,IACA,KACJ,KACH,EACP,4BAAK,EAAE,EAAC,iBAAiB,gBACpB,CAAC,aAAa,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,CAC1C,sBACI,0BAAG,IAAI,EAAE,MAAM,CAAC,OAAO,gBAAG,GAAG,CAAC,mBAAmB,CAAC,IAAK,GACvD,CACP,IACC,KACJ,IACC,CACd,CAAC;AACN,CAAC"}

package/login/pages/Register.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
 import type { PageProps } from "../../login/pages/PageProps";
+import type { LazyOrNot } from "../../tools/LazyOrNot";
+import type { UserProfileFormFieldsProps } from "../../login/UserProfileFormFields";
 import type { KcContext } from "../kcContext";
 import type { I18n } from "../i18n";
-export default function Register(props: PageProps<Extract<KcContext, {
+type RegisterProps = PageProps<Extract<KcContext, {
     pageId: "register.ftl";
-}>, I18n>): JSX.Element;
+}>, I18n> & {
+    UserProfileFormFields: LazyOrNot<(props: UserProfileFormFieldsProps) => JSX.Element>;
+};
+export default function Register(props: RegisterProps): JSX.Element;
+export {};

package/login/pages/Register.js

@@ -1,15 +1,37 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
 import { clsx } from "../../tools/clsx";
 import { useGetClassName } from "../../login/lib/useGetClassName";
+import { useTermsMarkdown } from "../../login/lib/useDownloadTerms";
+import { Markdown } from "../../tools/Markdown";
 export default function Register(props) {
-    var _a, _b, _c, _d;
-    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { kcContext, i18n, doUseDefaultCss, Template, classes, UserProfileFormFields } = props;
     const { getClassName } = useGetClassName({
         doUseDefaultCss,
         classes
     });
-    const { url, messagesPerField, register, realm, passwordRequired, recaptchaRequired, recaptchaSiteKey } = kcContext;
+    const { url, messagesPerField, recaptchaRequired, recaptchaSiteKey, termsAcceptanceRequired } = kcContext;
     const { msg, msgStr } = i18n;
-    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("registerTitle") }, { children: _jsxs("form", Object.assign({ id: "kc-register-form", className: getClassName("kcFormClass"), action: url.registrationAction, method: "post" }, { children: [_jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("firstName", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "firstName", className: getClassName("kcLabelClass") }, { children: msg("firstName") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "firstName", className: getClassName("kcInputClass"), name: "firstName", defaultValue: (_a = register.formData.firstName) !== null && _a !== void 0 ? _a : "" }) }))] })), _jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("lastName", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "lastName", className: getClassName("kcLabelClass") }, { children: msg("lastName") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "lastName", className: getClassName("kcInputClass"), name: "lastName", defaultValue: (_b = register.formData.lastName) !== null && _b !== void 0 ? _b : "" }) }))] })), _jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("email", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "email", className: getClassName("kcLabelClass") }, { children: msg("email") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "email", className: getClassName("kcInputClass"), name: "email", defaultValue: (_c = register.formData.email) !== null && _c !== void 0 ? _c : "", autoComplete: "email" }) }))] })), !realm.registrationEmailAsUsername && (_jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("username", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "username", className: getClassName("kcLabelClass") }, { children: msg("username") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "username", className: getClassName("kcInputClass"), name: "username", defaultValue: (_d = register.formData.username) !== null && _d !== void 0 ? _d : "", autoComplete: "username" }) }))] }))), passwordRequired && (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("password", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "password", className: getClassName("kcLabelClass") }, { children: msg("password") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "password", id: "password", className: getClassName("kcInputClass"), name: "password", autoComplete: "new-password" }) }))] })), _jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("password-confirm", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "password-confirm", className: getClassName("kcLabelClass") }, { children: msg("passwordConfirm") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "password", id: "password-confirm", className: getClassName("kcInputClass"), name: "password-confirm" }) }))] }))] })), recaptchaRequired && (_jsx("div", Object.assign({ className: "form-group" }, { children: _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("div", { className: "g-recaptcha", "data-size": "compact", "data-sitekey": recaptchaSiteKey }) })) }))), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", Object.assign({ className: getClassName("kcFormOptionsWrapperClass") }, { children: _jsx("span", { children: _jsx("a", Object.assign({ href: url.loginUrl }, { children: msg("backToLogin") })) }) })) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: _jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), type: "submit", value: msgStr("doRegister") }) }))] }))] })) })));
+    const [isFormSubmittable, setIsFormSubmittable] = useState(false);
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("registerTitle") }, { children: _jsxs("form", Object.assign({ id: "kc-register-form", className: getClassName("kcFormClass"), action: url.registrationAction, method: "post" }, { children: [_jsx(UserProfileFormFields, Object.assign({}, {
+                    kcContext,
+                    i18n,
+                    getClassName,
+                    messagesPerField
+                }, { onIsFormSubmittableValueChange: setIsFormSubmittable })), termsAcceptanceRequired && (_jsx(TermsAcceptance, Object.assign({}, {
+                    i18n,
+                    getClassName,
+                    messagesPerField
+                }))), recaptchaRequired && (_jsx("div", Object.assign({ className: "form-group" }, { children: _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("div", { className: "g-recaptcha", "data-size": "compact", "data-sitekey": recaptchaSiteKey }) })) }))), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", Object.assign({ className: getClassName("kcFormOptionsWrapperClass") }, { children: _jsx("span", { children: _jsx("a", Object.assign({ href: url.loginUrl }, { children: msg("backToLogin") })) }) })) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: _jsx("input", { disabled: !isFormSubmittable, className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), type: "submit", value: msgStr("doRegister") }) }))] }))] })) })));
+}
+function TermsAcceptance(props) {
+    const { i18n, getClassName, messagesPerField } = props;
+    const { msg } = i18n;
+    // NOTE: Refer to https://docs.keycloakify.dev/terms-and-conditions to load your terms and conditions.
+    const { termsMarkdown } = useTermsMarkdown();
+    if (termsMarkdown === undefined) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "form-group" }, { children: _jsxs("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: [msg("termsTitle"), _jsx("div", Object.assign({ id: "kc-registration-terms-text" }, { children: _jsx(Markdown, { children: termsMarkdown }) }))] })) })), _jsxs("div", Object.assign({ className: "form-group" }, { children: [_jsxs("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: [_jsx("input", { type: "checkbox", id: "termsAccepted", name: "termsAccepted", className: getClassName("kcCheckboxInputClass"), "aria-invalid": messagesPerField.existsError("termsAccepted") }), _jsx("label", Object.assign({ htmlFor: "termsAccepted", className: getClassName("kcLabelClass") }, { children: msg("acceptTerms") }))] })), messagesPerField.existsError("termsAccepted") && (_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("span", Object.assign({ id: "input-error-terms-accepted", className: getClassName("kcInputErrorMessageClass"), "aria-live": "polite" }, { children: messagesPerField.get("termsAccepted") })) })))] }))] }));
 }
 //# sourceMappingURL=Register.js.map

package/login/pages/Register.js.map

@@ -1 +1 @@
-{"version":3,"file":"Register.js","sourceRoot":"","sources":["../../src/login/pages/Register.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Register.js","sourceRoot":"","sources":["../../src/login/pages/Register.tsx"],"names":[],"mappings":"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"}

package/login/pages/SamlPostForm.js

@@ -16,6 +16,6 @@ export default function SamlPostForm(props) {
         }
         htmlFormElement.submit();
     }, [htmlFormElement]);
-    return (_jsxs(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("saml.post-form.title") }, { children: [_jsx("p", { children: msg("saml.post-form.message") }), _jsxs("form", Object.assign({ name: "saml-post-binding", method: "post", action: samlPost.url, ref: setHtmlFormElement }, { children: [samlPost.SAMLRequest && _jsx("input", { type: "hidden", name: "SAMLRequest", value: samlPost.SAMLRequest }), samlPost.SAMLResponse && _jsx("input", { type: "hidden", name: "SAMLResponse", value: samlPost.SAMLResponse }), samlPost.relayState && _jsx("input", { type: "hidden", name: "RelayState", value: samlPost.relayState }), _jsxs("noscript", { children: [_jsx("p", { children: msg("saml.post-form.js-disabled") }), _jsx("input", { type: "submit", value: msgStr("doContinue") })] })] }))] })));
+    return (_jsxs(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("saml.post-form.title") }, { children: [_jsx("p", { children: msg("saml.post-form.message") }), _jsxs("form", Object.assign({ name: "saml-post-binding", method: "post", action: samlPost.url, ref: setHtmlFormElement }, { children: [samlPost.SAMLRequest && _jsx("input", { type: "hidden", name: "SAMLRequest", value: samlPost.SAMLRequest }), samlPost.SAMLResponse && _jsx("input", { type: "hidden", name: "SAMLResponse", value: samlPost.SAMLResponse }), samlPost.relayState && _jsx("input", { type: "hidden", name: "RelayState", value: samlPost.relayState }), _jsxs("noscript", { children: [_jsx("p", { children: msg("saml.post-form.js-disabled") }), _jsx("input", { type: "submit", value: msgStr("doContinue") })] })] }))] })));
 }
 //# sourceMappingURL=SamlPostForm.js.map

package/login/pages/SamlPostForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SamlPostForm.js","sourceRoot":"","sources":["../../src/login/pages/SamlPostForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAA4E;IAC7G,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAE/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,eAAe,KAAK,IAAI,EAAE;YAC1B,OAAO;SACV;QAED,YAAY;QACZ,IAAI,QAAQ,CAAC,GAAG,KAAK,EAAE,EAAE;YACrB,KAAK,CAAC,6DAA6D,CAAC,CAAC;YACrE,OAAO;SACV;QAED,eAAe,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,CACH,MAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,sBAAsB,CAAC,iBACvH,sBAAI,GAAG,CAAC,wBAAwB,CAAC,GAAK,EACtC,8BAAM,IAAI,EAAC,mBAAmB,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,kBAAkB,iBACrF,QAAQ,CAAC,WAAW,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,GAAI,EAC/F,QAAQ,CAAC,YAAY,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,GAAI,EAClG,QAAQ,CAAC,UAAU,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,GAAI,EAC7F,+BACI,sBAAI,GAAG,CAAC,4BAA4B,CAAC,GAAK,EAC1C,gBAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,GAAI,IAC7C,KACR,KACA,CACd,CAAC;AACN,CAAC"}
+{"version":3,"file":"SamlPostForm.js","sourceRoot":"","sources":["../../src/login/pages/SamlPostForm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAA4E;IAC7G,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC;IAE/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,eAAe,KAAK,IAAI,EAAE;YAC1B,OAAO;SACV;QAED,YAAY;QACZ,IAAI,QAAQ,CAAC,GAAG,KAAK,EAAE,EAAE;YACrB,KAAK,CAAC,6DAA6D,CAAC,CAAC;YACrE,OAAO;SACV;QAED,eAAe,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,CACH,MAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,UAAU,EAAE,GAAG,CAAC,sBAAsB,CAAC,iBAChG,sBAAI,GAAG,CAAC,wBAAwB,CAAC,GAAK,EACtC,8BAAM,IAAI,EAAC,mBAAmB,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,kBAAkB,iBACrF,QAAQ,CAAC,WAAW,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,GAAI,EAC/F,QAAQ,CAAC,YAAY,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,GAAI,EAClG,QAAQ,CAAC,UAAU,IAAI,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,GAAI,EAC7F,+BACI,sBAAI,GAAG,CAAC,4BAA4B,CAAC,GAAK,EAC1C,gBAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,GAAI,IAC7C,KACR,KACA,CACd,CAAC;AACN,CAAC"}

package/login/pages/SelectAuthenticator.js

@@ -1,30 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { clsx } from "../../tools/clsx";
 import { useGetClassName } from "../../login/lib/useGetClassName";
-import { useRef } from "react";
-import { useConstCallback } from "../../tools/useConstCallback";
 export default function SelectAuthenticator(props) {
     const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
     const { url, auth } = kcContext;
     const { getClassName } = useGetClassName({ doUseDefaultCss, classes });
     const { msg } = i18n;
-    const selectCredentialsForm = useRef(null);
-    const authExecIdInput = useRef(null);
-    const submitForm = useConstCallback(() => {
-        var _a;
-        (_a = selectCredentialsForm.current) === null || _a === void 0 ? void 0 : _a.submit();
-    });
-    const onSelectedAuthenticator = useConstCallback((event) => {
-        const divElement = event.currentTarget;
-        const authExecId = divElement.dataset.authExecId;
-        if (!authExecIdInput.current || !authExecId) {
-            return;
-        }
-        authExecIdInput.current.value = authExecId;
-        submitForm();
-    });
-    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("loginChooseAuthenticator") }, { children: _jsx("form", Object.assign({ id: "kc-select-credential-form", className: getClassName("kcFormClass"), ref: selectCredentialsForm, action: url.loginAction, method: "post" }, { children: _jsxs("div", Object.assign({ className: getClassName("kcSelectAuthListClass") }, { children: [auth.authenticationSelections.map((authenticationSelection, index) => {
-                        var _a;
-                        return (_jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemClass") }, { children: _jsxs("div", Object.assign({ style: { cursor: "pointer" }, onClick: onSelectedAuthenticator, "data-auth-exec-id": authenticationSelection.authExecId, className: getClassName("kcSelectAuthListItemInfoClass") }, { children: [_jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemLeftClass") }, { children: _jsx("span", { className: getClassName((_a = authenticationSelection.iconCssClass) !== null && _a !== void 0 ? _a : "kcAuthenticatorDefaultClass") }) })), _jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemBodyClass") }, { children: _jsxs("div", Object.assign({ className: getClassName("kcSelectAuthListItemDescriptionClass") }, { children: [_jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemHeadingClass") }, { children: msg(authenticationSelection.displayName) })), _jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemHelpTextClass") }, { children: msg(authenticationSelection.helpText) }))] })) }))] })) }), index));
-                    }), _jsx("input", { type: "hidden", id: "authexec-hidden-input", name: "authenticationExecution", ref: authExecIdInput })] })) })) })));
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayInfo: false, headerNode: msg("loginChooseAuthenticator") }, { children: _jsx("form", Object.assign({ id: "kc-select-credential-form", className: getClassName("kcFormClass"), action: url.loginAction, method: "post" }, { children: _jsx("div", Object.assign({ className: getClassName("kcSelectAuthListClass") }, { children: auth.authenticationSelections.map((authenticationSelection, i) => (_jsxs("button", Object.assign({ className: getClassName("kcSelectAuthListItemClass"), type: "submit", name: "authenticationExecution", value: authenticationSelection.authExecId }, { children: [_jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemIconClass") }, { children: _jsx("i", { className: clsx(
+                                // @ts-expect-error: iconCssClass is a string and not a class key
+                                // however getClassName gracefully handles this case at runtime
+                                getClassName(authenticationSelection.iconCssClass), getClassName("kcSelectAuthListItemIconPropertyClass")) }) })), _jsxs("div", Object.assign({ className: getClassName("kcSelectAuthListItemBodyClass") }, { children: [_jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemHeadingClass") }, { children: msg(authenticationSelection.displayName) })), _jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemDescriptionClass") }, { children: msg(authenticationSelection.helpText) }))] })), _jsx("div", { className: getClassName("kcSelectAuthListItemFillClass") }), _jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemArrowClass") }, { children: _jsx("i", { className: getClassName("kcSelectAuthListItemArrowIconClass") }) }))] }), i))) })) })) })));
 }
 //# sourceMappingURL=SelectAuthenticator.js.map

package/login/pages/SelectAuthenticator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAuthenticator.js","sourceRoot":"","sources":["../../src/login/pages/SelectAuthenticator.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectAuthenticator.js","sourceRoot":"","sources":["../../src/login/pages/SelectAuthenticator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAIxE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAkF;IAC1H,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACtE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;IAEhC,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC;IACvE,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAErB,OAAO,CACH,KAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,0BAA0B,CAAC,gBACxH,6BAAM,EAAE,EAAC,2BAA2B,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,EAAC,MAAM,gBAC/G,4BAAK,SAAS,EAAE,YAAY,CAAC,uBAAuB,CAAC,gBAChD,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,CAAC,uBAAuB,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/D,gCAEI,SAAS,EAAE,YAAY,CAAC,2BAA2B,CAAC,EACpD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,yBAAyB,EAC9B,KAAK,EAAE,uBAAuB,CAAC,UAAU,iBAEzC,4BAAK,SAAS,EAAE,YAAY,CAAC,+BAA+B,CAAC,gBACzD,YACI,SAAS,EAAE,IAAI;gCACX,iEAAiE;gCACjE,+DAA+D;gCAC/D,YAAY,CAAC,uBAAuB,CAAC,YAAY,CAAC,EAClD,YAAY,CAAC,uCAAuC,CAAC,CACxD,GACH,IACA,EACN,6BAAK,SAAS,EAAE,YAAY,CAAC,+BAA+B,CAAC,iBACzD,4BAAK,SAAS,EAAE,YAAY,CAAC,kCAAkC,CAAC,gBAAG,GAAG,CAAC,uBAAuB,CAAC,WAAW,CAAC,IAAO,EAClH,4BAAK,SAAS,EAAE,YAAY,CAAC,sCAAsC,CAAC,gBAAG,GAAG,CAAC,uBAAuB,CAAC,QAAQ,CAAC,IAAO,KACjH,EACN,cAAK,SAAS,EAAE,YAAY,CAAC,+BAA+B,CAAC,GAAI,EACjE,4BAAK,SAAS,EAAE,YAAY,CAAC,gCAAgC,CAAC,gBAC1D,YAAG,SAAS,EAAE,YAAY,CAAC,oCAAoC,CAAC,GAAI,IAClE,MAvBD,CAAC,CAwBD,CACZ,CAAC,IACA,IACH,IACA,CACd,CAAC;AACN,CAAC"}

package/login/pages/Terms.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { clsx } from "../../tools/clsx";
-import { useRerenderOnStateChange } from "evt/hooks";
 import { Markdown } from "../../tools/Markdown";
 import { useGetClassName } from "../../login/lib/useGetClassName";
-import { evtTermMarkdown } from "../../login/lib/useDownloadTerms";
+import { useTermsMarkdown } from "../../login/lib/useDownloadTerms";
 export default function Terms(props) {
     const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
     const { getClassName } = useGetClassName({
@@ -11,12 +10,11 @@ export default function Terms(props) {
         classes
     });
     const { msg, msgStr } = i18n;
-    useRerenderOnStateChange(evtTermMarkdown);
     const { url } = kcContext;
-    const termMarkdown = evtTermMarkdown.state;
-    if (termMarkdown === undefined) {
+    const { termsMarkdown } = useTermsMarkdown();
+    if (termsMarkdown === undefined) {
         return null;
     }
-    return (_jsxs(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("termsTitle") }, { children: [_jsx("div", Object.assign({ id: "kc-terms-text" }, { children: _jsx(Markdown, { children: termMarkdown }) })), _jsxs("form", Object.assign({ className: "form-actions", action: url.loginAction, method: "POST" }, { children: [_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonClass"), getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonLargeClass")), name: "accept", id: "kc-accept", type: "submit", value: msgStr("doAccept") }), _jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), name: "cancel", id: "kc-decline", type: "submit", value: msgStr("doDecline") })] })), _jsx("div", { className: "clearfix" })] })));
+    return (_jsxs(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("termsTitle") }, { children: [_jsx("div", Object.assign({ id: "kc-terms-text" }, { children: _jsx(Markdown, { children: termsMarkdown }) })), _jsxs("form", Object.assign({ className: "form-actions", action: url.loginAction, method: "POST" }, { children: [_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonClass"), getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonLargeClass")), name: "accept", id: "kc-accept", type: "submit", value: msgStr("doAccept") }), _jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), name: "cancel", id: "kc-decline", type: "submit", value: msgStr("doDecline") })] })), _jsx("div", { className: "clearfix" })] })));
 }
 //# sourceMappingURL=Terms.js.map

package/login/pages/Terms.js.map

@@ -1 +1 @@
-{"version":3,"file":"Terms.js","sourceRoot":"","sources":["../../src/login/pages/Terms.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAIzE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAmE;IAC7F,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,eAAe;QACf,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,wBAAwB,CAAC,eAAe,CAAC,CAAC;IAE1C,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;IAE1B,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC;IAE3C,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,MAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,YAAY,CAAC,iBAC7G,4BAAK,EAAE,EAAC,eAAe,gBACnB,KAAC,QAAQ,cAAE,YAAY,GAAY,IACjC,EACN,8BAAM,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,EAAC,MAAM,iBACjE,gBACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,sBAAsB,CAAC,EACpC,YAAY,CAAC,oBAAoB,CAAC,CACrC,EACD,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAC3B,EACF,gBACI,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC,EACxH,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,GAC5B,KACC,EACP,cAAK,SAAS,EAAC,UAAU,GAAG,KACrB,CACd,CAAC;AACN,CAAC"}
+{"version":3,"file":"Terms.js","sourceRoot":"","sources":["../../src/login/pages/Terms.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAmE;IAC7F,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,eAAe;QACf,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC;IAE1B,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAE7C,IAAI,aAAa,KAAK,SAAS,EAAE;QAC7B,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,MAAC,QAAQ,oBAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IAAE,cAAc,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,CAAC,YAAY,CAAC,iBAC7G,4BAAK,EAAE,EAAC,eAAe,gBACnB,KAAC,QAAQ,cAAE,aAAa,GAAY,IAClC,EACN,8BAAM,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,EAAC,MAAM,iBACjE,gBACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,sBAAsB,CAAC,EACpC,YAAY,CAAC,oBAAoB,CAAC,CACrC,EACD,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAC3B,EACF,gBACI,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC,EACxH,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,GAC5B,KACC,EACP,cAAK,SAAS,EAAC,UAAU,GAAG,KACrB,CACd,CAAC;AACN,CAAC"}

package/login/pages/UpdateEmail.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
+import type { LazyOrNot } from "../../tools/LazyOrNot";
+import type { UserProfileFormFieldsProps } from "../../login/UserProfileFormFields";
 import type { PageProps } from "../../login/pages/PageProps";
 import type { KcContext } from "../kcContext";
 import type { I18n } from "../i18n";
-export default function UpdateEmail(props: PageProps<Extract<KcContext, {
+type UpdateEmailProps = PageProps<Extract<KcContext, {
     pageId: "update-email.ftl";
-}>, I18n>): JSX.Element;
+}>, I18n> & {
+    UserProfileFormFields: LazyOrNot<(props: UserProfileFormFieldsProps) => JSX.Element>;
+};
+export default function UpdateEmail(props: UpdateEmailProps): JSX.Element;
+export {};

package/login/pages/UpdateEmail.js

@@ -1,15 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { clsx } from "../../tools/clsx";
 import { useGetClassName } from "../../login/lib/useGetClassName";
 export default function UpdateEmail(props) {
-    var _a;
-    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { kcContext, i18n, doUseDefaultCss, Template, classes, UserProfileFormFields } = props;
     const { getClassName } = useGetClassName({
         doUseDefaultCss,
         classes
     });
     const { msg, msgStr } = i18n;
-    const { url, messagesPerField, isAppInitiatedAction, email } = kcContext;
-    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("updateEmailTitle") }, { children: _jsxs("form", Object.assign({ id: "kc-update-email-form", className: getClassName("kcFormClass"), action: url.loginAction, method: "post" }, { children: [_jsxs("div", Object.assign({ className: clsx(getClassName("kcFormGroupClass"), messagesPerField.printIfExists("email", getClassName("kcFormGroupErrorClass"))) }, { children: [_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ htmlFor: "email", className: getClassName("kcLabelClass") }, { children: msg("email") })) })), _jsx("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: _jsx("input", { type: "text", id: "email", name: "email", defaultValue: (_a = email.value) !== null && _a !== void 0 ? _a : "", className: getClassName("kcInputClass"), "aria-invalid": messagesPerField.existsError("email") }) }))] })), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", { className: getClassName("kcFormOptionsWrapperClass") }) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: isAppInitiatedAction ? (_jsxs(_Fragment, { children: [_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonLargeClass")), type: "submit", defaultValue: msgStr("doSubmit") }), _jsx("button", Object.assign({ className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), type: "submit", name: "cancel-aia", value: "true" }, { children: msg("doCancel") }))] })) : (_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), type: "submit", defaultValue: msgStr("doSubmit") })) }))] }))] })) })));
+    const [isFormSubmittable, setIsFormSubmittable] = useState(false);
+    const { url, messagesPerField, isAppInitiatedAction } = kcContext;
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: messagesPerField.exists("global"), displayRequiredFields: true, headerNode: msg("updateEmailTitle") }, { children: _jsxs("form", Object.assign({ id: "kc-update-email-form", className: getClassName("kcFormClass"), action: url.loginAction, method: "post" }, { children: [_jsx(UserProfileFormFields, Object.assign({}, {
+                    kcContext,
+                    i18n,
+                    getClassName,
+                    messagesPerField
+                }, { onIsFormSubmittableValueChange: setIsFormSubmittable })), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", { className: getClassName("kcFormOptionsWrapperClass") }) })), _jsx(LogoutOtherSessions, Object.assign({}, { getClassName, i18n })), _jsxs("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: [_jsx("input", { disabled: !isFormSubmittable, className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), isAppInitiatedAction && getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), type: "submit", value: msgStr("doSubmit") }), isAppInitiatedAction && (_jsx("button", Object.assign({ className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), type: "submit", name: "cancel-aia", value: "true" }, { children: msg("doCancel") })))] }))] }))] })) })));
+}
+function LogoutOtherSessions(props) {
+    const { getClassName, i18n } = props;
+    const { msg } = i18n;
+    return (_jsx("div", Object.assign({ id: "kc-form-options", className: getClassName("kcFormOptionsClass") }, { children: _jsx("div", Object.assign({ className: getClassName("kcFormOptionsWrapperClass") }, { children: _jsx("div", Object.assign({ className: "checkbox" }, { children: _jsxs("label", { children: [_jsx("input", { type: "checkbox", id: "logout-sessions", name: "logout-sessions", value: "on", defaultChecked: true }), msg("logoutOtherSessions")] }) })) })) })));
 }
 //# sourceMappingURL=UpdateEmail.js.map