keycloakify 6.13.2 → 7.0.0-rc.3

package/pages/LoginUsername.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { clsx } from "../tools/clsx";
+import { useConstCallback } from "../tools/useConstCallback";
+import { defaultClasses } from "../pages/PageProps";
+import { useGetClassName } from "../lib/useGetClassName";
+export default function LoginUsername(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        "defaultClasses": !doUseDefaultCss ? undefined : defaultClasses,
+        classes
+    });
+    const { social, realm, url, usernameHidden, login, registrationDisabled } = 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"), formNode: _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
+                                                    ? {
+                                                        "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))) })) })))] })), 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") }))] }) }))) })));
+}
+//# sourceMappingURL=LoginUsername.js.map

package/pages/LoginUsername.js.map

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

package/pages/LoginVerifyEmail.d.ts

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

package/pages/LoginVerifyEmail.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export default function LoginVerifyEmail(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { msg } = i18n;
+    const { url, user } = kcContext;
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("emailVerifyTitle"), formNode: _jsxs(_Fragment, { children: [_jsx("p", Object.assign({ className: "instruction" }, { children: msg("emailVerifyInstruction1", user === null || user === void 0 ? void 0 : user.email) })), _jsxs("p", Object.assign({ className: "instruction" }, { children: [msg("emailVerifyInstruction2"), _jsx("br", {}), _jsx("a", Object.assign({ href: url.loginAction }, { children: msg("doClickHere") })), "\u00A0", msg("emailVerifyInstruction3")] }))] }) })));
+}
+//# sourceMappingURL=LoginVerifyEmail.js.map

package/pages/LoginVerifyEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginVerifyEmail.js","sourceRoot":"","sources":["../src/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,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,GAAG,CAAC,kBAAkB,CAAC,EACnC,QAAQ,EACJ,8BACI,0BAAG,SAAS,EAAC,aAAa,gBAAE,GAAG,CAAC,yBAAyB,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,IAAK,EAC5E,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,IACL,IAET,CACL,CAAC;AACN,CAAC"}

package/pages/LogoutConfirm.d.ts

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

package/pages/LogoutConfirm.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { clsx } from "../tools/clsx";
+import { defaultClasses } from "../pages/PageProps";
+import { useGetClassName } from "../lib/useGetClassName";
+export default function LogoutConfirm(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        "defaultClasses": !doUseDefaultCss ? undefined : defaultClasses,
+        classes
+    });
+    const { url, client, logoutConfirm } = kcContext;
+    const { msg, msgStr } = i18n;
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("logoutConfirmTitle"), formNode: _jsx(_Fragment, { 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") } }) })) }))] })) }) })));
+}
+//# sourceMappingURL=LogoutConfirm.js.map

package/pages/LogoutConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutConfirm.js","sourceRoot":"","sources":["../src/pages/LogoutConfirm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAkB,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIlE,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,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc;QAC/D,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,oBACD,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IACjD,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,GAAG,CAAC,oBAAoB,CAAC,EACrC,QAAQ,EACJ,4BACI,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,GACP,IAET,CACL,CAAC;AACN,CAAC"}

package/pages/PageProps.d.ts

@@ -0,0 +1,12 @@
+import type { LazyExoticComponent } from "react";
+import type { I18n } from "../i18n";
+import { type TemplateProps, type TemplateClassKey } from "../TemplateProps";
+export type PageProps<KcContext, I18nExtended extends I18n> = {
+    Template: LazyExoticComponent<(props: TemplateProps<any, any>) => JSX.Element | null>;
+    kcContext: KcContext;
+    i18n: I18nExtended;
+    doUseDefaultCss: boolean;
+    classes?: Partial<Record<TemplateClassKey | ClassKey, string>>;
+};
+export type ClassKey = TemplateClassKey | "kcLogoClass" | "kcContainerClass" | "kcContentClass" | "kcFeedbackAreaClass" | "kcLocaleClass" | "kcAlertIconClasserror" | "kcFormAreaClass" | "kcFormSocialAccountListClass" | "kcFormSocialAccountDoubleListClass" | "kcFormSocialAccountListLinkClass" | "kcWebAuthnKeyIcon" | "kcWebAuthnDefaultIcon" | "kcFormClass" | "kcFormGroupErrorClass" | "kcLabelClass" | "kcInputClass" | "kcInputErrorMessageClass" | "kcInputWrapperClass" | "kcFormOptionsClass" | "kcFormButtonsClass" | "kcFormSettingClass" | "kcTextareaClass" | "kcInfoAreaClass" | "kcFormGroupHeader" | "kcButtonClass" | "kcButtonPrimaryClass" | "kcButtonDefaultClass" | "kcButtonLargeClass" | "kcButtonBlockClass" | "kcInputLargeClass" | "kcSrOnlyClass" | "kcSelectAuthListClass" | "kcSelectAuthListItemClass" | "kcSelectAuthListItemFillClass" | "kcSelectAuthListItemInfoClass" | "kcSelectAuthListItemLeftClass" | "kcSelectAuthListItemBodyClass" | "kcSelectAuthListItemDescriptionClass" | "kcSelectAuthListItemHeadingClass" | "kcSelectAuthListItemHelpTextClass" | "kcSelectAuthListItemIconPropertyClass" | "kcSelectAuthListItemIconClass" | "kcSelectAuthListItemTitle" | "kcAuthenticatorDefaultClass" | "kcAuthenticatorPasswordClass" | "kcAuthenticatorOTPClass" | "kcAuthenticatorWebAuthnClass" | "kcAuthenticatorWebAuthnPasswordlessClass" | "kcSelectOTPListClass" | "kcSelectOTPListItemClass" | "kcAuthenticatorOtpCircleClass" | "kcSelectOTPItemHeadingClass" | "kcFormOptionsWrapperClass";
+export declare const defaultClasses: Record<ClassKey, string | undefined>;

package/pages/PageProps.js

@@ -0,0 +1,21 @@
+import { defaultTemplateClasses } from "../TemplateProps";
+export const defaultClasses = Object.assign(Object.assign({}, defaultTemplateClasses), { "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", "kcWebAuthnDefaultIcon": "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
+    "kcButtonClass": "btn", 
+    // classes defining priority of the button - primary or default (there is typically only one priority button for the form)
+    "kcButtonPrimaryClass": "btn-primary", "kcButtonDefaultClass": "btn-default", 
+    // classes defining size of the button
+    "kcButtonLargeClass": "btn-lg", "kcButtonBlockClass": "btn-block", 
+    // css classes for input
+    "kcInputLargeClass": "input-lg", 
+    // css classes for form accessability
+    "kcSrOnlyClass": "sr-only", 
+    // css classes for select-authenticator form
+    "kcSelectAuthListClass": "list-group list-view-pf", "kcSelectAuthListItemClass": "list-group-item list-view-pf-stacked", "kcSelectAuthListItemFillClass": "pf-l-split__item pf-m-fill", "kcSelectAuthListItemIconPropertyClass": "fa-2x select-auth-box-icon-properties", "kcSelectAuthListItemIconClass": "pf-l-split__item select-auth-box-icon", "kcSelectAuthListItemTitle": "select-auth-box-paragraph", "kcSelectAuthListItemInfoClass": "list-view-pf-main-info", "kcSelectAuthListItemLeftClass": "list-view-pf-left", "kcSelectAuthListItemBodyClass": "list-view-pf-body", "kcSelectAuthListItemDescriptionClass": "list-view-pf-description", "kcSelectAuthListItemHeadingClass": "list-group-item-heading", "kcSelectAuthListItemHelpTextClass": "list-group-item-text", 
+    // css classes for the authenticators
+    "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": undefined });
+//# sourceMappingURL=PageProps.js.map

package/pages/PageProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageProps.js","sourceRoot":"","sources":["../src/pages/PageProps.ts"],"names":[],"mappings":"AAEA,OAAO,EAA6C,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAkE9G,MAAM,CAAC,MAAM,cAAc,mCACpB,sBAAsB,KAEzB,aAAa,EAAE,gBAAgB,EAC/B,kBAAkB,EAAE,iBAAiB,EACrC,gBAAgB,EAAE,4EAA4E,EAC9F,qBAAqB,EAAE,WAAW,EAClC,eAAe,EAAE,oBAAoB,EACrC,uBAAuB,EAAE,8BAA8B,EAEvD,iBAAiB,EAAE,6EAA6E,EAChG,8BAA8B,EAAE,mDAAmD,EACnF,oCAAoC,EAAE,4BAA4B,EAClE,kCAAkC,EAAE,sBAAsB,EAC1D,mBAAmB,EAAE,mBAAmB,EACxC,uBAAuB,EAAE,mBAAmB,EAE5C,aAAa,EAAE,iBAAiB,EAChC,uBAAuB,EAAE,WAAW,EACpC,cAAc,EAAE,eAAe,EAC/B,cAAc,EAAE,cAAc,EAC9B,0BAA0B,EAAE,6DAA6D,EACzF,qBAAqB,EAAE,yCAAyC,EAChE,oBAAoB,EAAE,yCAAyC,EAC/D,oBAAoB,EAAE,yCAAyC,EAC/D,oBAAoB,EAAE,mBAAmB,EACzC,iBAAiB,EAAE,cAAc,EAEjC,iBAAiB,EAAE,8CAA8C;IAEjE,wBAAwB;IACxB,mBAAmB,EAAE,kBAAkB;IAEvC,+DAA+D;IAC/D,eAAe,EAAE,KAAK;IACtB,0HAA0H;IAC1H,sBAAsB,EAAE,aAAa,EACrC,sBAAsB,EAAE,aAAa;IACrC,sCAAsC;IACtC,oBAAoB,EAAE,QAAQ,EAC9B,oBAAoB,EAAE,WAAW;IAEjC,wBAAwB;IACxB,mBAAmB,EAAE,UAAU;IAE/B,qCAAqC;IACrC,eAAe,EAAE,SAAS;IAE1B,4CAA4C;IAC5C,uBAAuB,EAAE,yBAAyB,EAClD,2BAA2B,EAAE,sCAAsC,EACnE,+BAA+B,EAAE,4BAA4B,EAC7D,uCAAuC,EAAE,uCAAuC,EAChF,+BAA+B,EAAE,uCAAuC,EACxE,2BAA2B,EAAE,2BAA2B,EACxD,+BAA+B,EAAE,wBAAwB,EACzD,+BAA+B,EAAE,mBAAmB,EACpD,+BAA+B,EAAE,mBAAmB,EACpD,sCAAsC,EAAE,0BAA0B,EAClE,kCAAkC,EAAE,yBAAyB,EAC7D,mCAAmC,EAAE,sBAAsB;IAE3D,qCAAqC;IACrC,6BAA6B,EAAE,yBAAyB,EACxD,8BAA8B,EAAE,mCAAmC,EACnE,yBAAyB,EAAE,mCAAmC,EAC9D,8BAA8B,EAAE,gCAAgC,EAChE,0CAA0C,EAAE,gCAAgC;IAE5E,oCAAoC;IACpC,sBAAsB,EAAE,qEAAqE,EAC7F,0BAA0B,EAAE,kCAAkC,EAC9D,+BAA+B,EAAE,kCAAkC,EACnE,6BAA6B,EAAE,2BAA2B,EAC1D,2BAA2B,EAAE,SAAS,GACzC,CAAC"}

package/pages/Register.d.ts

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

package/pages/Register.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { clsx } from "../tools/clsx";
+import { defaultClasses } from "../pages/PageProps";
+import { useGetClassName } from "../lib/useGetClassName";
+export default function Register(props) {
+    var _a, _b, _c, _d;
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        "defaultClasses": !doUseDefaultCss ? undefined : defaultClasses,
+        classes
+    });
+    const { url, messagesPerField, register, realm, passwordRequired, recaptchaRequired, recaptchaSiteKey } = kcContext;
+    const { msg, msgStr } = i18n;
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("registerTitle"), formNode: _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") }) }))] }))] })) })));
+}
+//# sourceMappingURL=Register.js.map

package/pages/Register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Register.js","sourceRoot":"","sources":["../src/pages/Register.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAkB,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIlE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAsE;;IACnG,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc;QAC/D,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IAEpH,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,OAAO,CACH,KAAC,QAAQ,oBACD,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IACjD,UAAU,EAAE,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,EACJ,8BAAM,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,kBAAkB,EAAE,MAAM,EAAC,MAAM,iBAC7G,6BACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,kBAAkB,CAAC,EAChC,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC,CACrF,iBAED,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,8BAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,gBAC7D,GAAG,CAAC,WAAW,CAAC,IACb,IACN,EACN,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,gBACI,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,WAAW,EACd,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,EACvC,IAAI,EAAC,WAAW,EAChB,YAAY,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,SAAS,mCAAI,EAAE,GACjD,IACA,KACJ,EAEN,6BACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,kBAAkB,CAAC,EAChC,gBAAgB,CAAC,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC,CACpF,iBAED,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,8BAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,gBAC5D,GAAG,CAAC,UAAU,CAAC,IACZ,IACN,EACN,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,gBACI,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,UAAU,EACb,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,EACvC,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,QAAQ,mCAAI,EAAE,GAChD,IACA,KACJ,EAEN,6BACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,kBAAkB,CAAC,EAChC,gBAAgB,CAAC,aAAa,CAAC,OAAO,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC,CACjF,iBAED,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,8BAAO,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,gBACzD,GAAG,CAAC,OAAO,CAAC,IACT,IACN,EACN,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,gBACI,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,EACvC,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,KAAK,mCAAI,EAAE,EAC3C,YAAY,EAAC,OAAO,GACtB,IACA,KACJ,EACL,CAAC,KAAK,CAAC,2BAA2B,IAAI,CACnC,6BACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,kBAAkB,CAAC,EAChC,gBAAgB,CAAC,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC,CACpF,iBAED,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,8BAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,gBAC5D,GAAG,CAAC,UAAU,CAAC,IACZ,IACN,EACN,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,gBACI,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,UAAU,EACb,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,EACvC,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,MAAA,QAAQ,CAAC,QAAQ,CAAC,QAAQ,mCAAI,EAAE,EAC9C,YAAY,EAAC,UAAU,GACzB,IACA,KACJ,CACT,EACA,gBAAgB,IAAI,CACjB,8BACI,6BACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,kBAAkB,CAAC,EAChC,gBAAgB,CAAC,aAAa,CAAC,UAAU,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC,CACpF,iBAED,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,8BAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,gBAC5D,GAAG,CAAC,UAAU,CAAC,IACZ,IACN,EACN,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,gBACI,IAAI,EAAC,UAAU,EACf,EAAE,EAAC,UAAU,EACb,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,EACvC,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,cAAc,GAC7B,IACA,KACJ,EAEN,6BACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,kBAAkB,CAAC,EAChC,gBAAgB,CAAC,aAAa,CAAC,kBAAkB,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAC,CAC5F,iBAED,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,8BAAO,OAAO,EAAC,kBAAkB,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,gBACpE,GAAG,CAAC,iBAAiB,CAAC,IACnB,IACN,EACN,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,gBAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,CAAC,EAAE,IAAI,EAAC,kBAAkB,GAAG,IAC9G,KACJ,IACP,CACN,EACA,iBAAiB,IAAI,CAClB,4BAAK,SAAS,EAAC,YAAY,gBACvB,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,cAAK,SAAS,EAAC,aAAa,eAAW,SAAS,kBAAe,gBAAgB,GAAQ,IACrF,IACJ,CACT,EACD,6BAAK,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,iBAC5C,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,gBACnE,4BAAK,SAAS,EAAE,YAAY,CAAC,2BAA2B,CAAC,gBACrD,yBACI,0BAAG,IAAI,EAAE,GAAG,CAAC,QAAQ,gBAAG,GAAG,CAAC,aAAa,CAAC,IAAK,GAC5C,IACL,IACJ,EAEN,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,gBACnE,gBACI,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,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,GAC7B,IACA,KACJ,KACH,IAEb,CACL,CAAC;AACN,CAAC"}

package/pages/RegisterUserProfile.d.ts

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

package/pages/RegisterUserProfile.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { clsx } from "../tools/clsx";
+import { UserProfileFormFields } from "./shared/UserProfileCommons";
+import { defaultClasses } from "../pages/PageProps";
+import { useGetClassName } from "../lib/useGetClassName";
+export default function RegisterUserProfile(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        "defaultClasses": !doUseDefaultCss ? undefined : defaultClasses,
+        classes
+    });
+    const { url, messagesPerField, recaptchaRequired, recaptchaSiteKey } = kcContext;
+    const { msg, msgStr } = i18n;
+    const [isFomSubmittable, setIsFomSubmittable] = useState(false);
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: messagesPerField.exists("global"), displayRequiredFields: true, headerNode: msg("registerTitle"), formNode: _jsxs("form", Object.assign({ id: "kc-register-form", className: getClassName("kcFormClass"), action: url.registrationAction, method: "post" }, { children: [_jsx(UserProfileFormFields, { kcContext: kcContext, onIsFormSubmittableValueChange: setIsFomSubmittable, i18n: i18n, getClassName: getClassName }), 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"), style: { "marginBottom": 30 } }, { 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"), disabled: !isFomSubmittable }) }))] }))] })) })));
+}
+//# sourceMappingURL=RegisterUserProfile.js.map

package/pages/RegisterUserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterUserProfile.js","sourceRoot":"","sources":["../src/pages/RegisterUserProfile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAkB,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIlE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAmF;IAC3H,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc;QAC/D,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IAEjF,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,OAAO,CACH,KAAC,QAAQ,oBACD,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IACjD,cAAc,EAAE,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,EACjD,qBAAqB,EAAE,IAAI,EAC3B,UAAU,EAAE,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,EACJ,8BAAM,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,kBAAkB,EAAE,MAAM,EAAC,MAAM,iBAC7G,KAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,8BAA8B,EAAE,mBAAmB,EACnD,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,GAC5B,EACD,iBAAiB,IAAI,CAClB,4BAAK,SAAS,EAAC,YAAY,gBACvB,4BAAK,SAAS,EAAE,YAAY,CAAC,qBAAqB,CAAC,gBAC/C,cAAK,SAAS,EAAC,aAAa,eAAW,SAAS,kBAAe,gBAAgB,GAAI,IACjF,IACJ,CACT,EACD,6BAAK,SAAS,EAAE,YAAY,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,iBAC3E,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,gBACnE,4BAAK,SAAS,EAAE,YAAY,CAAC,2BAA2B,CAAC,gBACrD,yBACI,0BAAG,IAAI,EAAE,GAAG,CAAC,QAAQ,gBAAG,GAAG,CAAC,aAAa,CAAC,IAAK,GAC5C,IACL,IACJ,EAEN,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,gBACnE,gBACI,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,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,EAC3B,QAAQ,EAAE,CAAC,gBAAgB,GAC7B,IACA,KACJ,KACH,IAEb,CACL,CAAC;AACN,CAAC"}

package/pages/Terms.d.ts

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

package/pages/Terms.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { clsx } from "../tools/clsx";
+import { useRerenderOnStateChange } from "evt/hooks";
+import { Markdown } from "../tools/Markdown";
+import { defaultClasses } from "../pages/PageProps";
+import { useGetClassName } from "../lib/useGetClassName";
+import { evtTermMarkdown } from "../lib/useDownloadTerms";
+export default function Terms(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        "defaultClasses": !doUseDefaultCss ? undefined : defaultClasses,
+        classes
+    });
+    const { msg, msgStr } = i18n;
+    useRerenderOnStateChange(evtTermMarkdown);
+    const { url } = kcContext;
+    if (evtTermMarkdown.state === undefined) {
+        return null;
+    }
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { displayMessage: false, headerNode: msg("termsTitle"), formNode: _jsxs(_Fragment, { children: [_jsx("div", Object.assign({ id: "kc-terms-text" }, { children: evtTermMarkdown.state && _jsx(Markdown, { children: evtTermMarkdown.state }) })), _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/pages/Terms.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terms.js","sourceRoot":"","sources":["../src/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;AACtD,OAAO,EAAkB,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAInE,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,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc;QAC/D,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,IAAI,eAAe,CAAC,KAAK,KAAK,SAAS,EAAE;QACrC,OAAO,IAAI,CAAC;KACf;IAED,OAAO,CACH,KAAC,QAAQ,oBACD,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IACjD,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,GAAG,CAAC,YAAY,CAAC,EAC7B,QAAQ,EACJ,8BACI,4BAAK,EAAE,EAAC,eAAe,gBAAE,eAAe,CAAC,KAAK,IAAI,KAAC,QAAQ,cAAE,eAAe,CAAC,KAAK,GAAY,IAAO,EACrG,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,IAC7B,IAET,CACL,CAAC;AACN,CAAC"}

package/pages/UpdateUserProfile.d.ts

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

package/pages/UpdateUserProfile.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { clsx } from "../tools/clsx";
+import { UserProfileFormFields } from "../pages/shared/UserProfileCommons";
+import { defaultClasses } from "../pages/PageProps";
+import { useGetClassName } from "../lib/useGetClassName";
+export default function UpdateUserProfile(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        "defaultClasses": !doUseDefaultCss ? undefined : defaultClasses,
+        classes
+    });
+    const { msg, msgStr } = i18n;
+    const { url, isAppInitiatedAction } = kcContext;
+    const [isFomSubmittable, setIsFomSubmittable] = useState(false);
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("loginProfileTitle"), formNode: _jsxs("form", Object.assign({ id: "kc-update-profile-form", className: getClassName("kcFormClass"), action: url.loginAction, method: "post" }, { children: [_jsx(UserProfileFormFields, { kcContext: kcContext, onIsFormSubmittableValueChange: setIsFomSubmittable, i18n: i18n, getClassName: getClassName }), _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", value: msgStr("doSubmit") }), _jsx("button", Object.assign({ className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonDefaultClass"), getClassName("kcButtonLargeClass")), type: "submit", name: "cancel-aia", value: "true", formNoValidate: true }, { children: msg("doCancel") }))] })) : (_jsx("input", { className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")), type: "submit", defaultValue: msgStr("doSubmit"), disabled: !isFomSubmittable })) }))] }))] })) })));
+}
+//# sourceMappingURL=UpdateUserProfile.js.map

package/pages/UpdateUserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateUserProfile.js","sourceRoot":"","sources":["../src/pages/UpdateUserProfile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAkB,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIlE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAiF;IACvH,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;QACrC,gBAAgB,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc;QAC/D,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,EAAE,GAAG,EAAE,oBAAoB,EAAE,GAAG,SAAS,CAAC;IAEhD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,OAAO,CACH,KAAC,QAAQ,oBACD,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,IACjD,UAAU,EAAE,GAAG,CAAC,mBAAmB,CAAC,EACpC,QAAQ,EACJ,8BAAM,EAAE,EAAC,wBAAwB,EAAC,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,MAAM,EAAC,MAAM,iBAC5G,KAAC,qBAAqB,IAClB,SAAS,EAAE,SAAS,EACpB,8BAA8B,EAAE,mBAAmB,EACnD,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,GAC5B,EAEF,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,GAAQ,IAC/D,EAEN,4BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,YAAY,CAAC,oBAAoB,CAAC,gBAClE,oBAAoB,CAAC,CAAC,CAAC,CACpB,8BACI,gBACI,SAAS,EAAE,IAAI,CACX,YAAY,CAAC,eAAe,CAAC,EAC7B,YAAY,CAAC,sBAAsB,CAAC,EACpC,YAAY,CAAC,oBAAoB,CAAC,CACrC,EACD,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAC3B,EACF,+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,IACV,CACN,CAAC,CAAC,CAAC,CACA,gBACI,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,QAAQ,EACb,YAAY,EAAE,MAAM,CAAC,UAAU,CAAC,EAChC,QAAQ,EAAE,CAAC,gBAAgB,GAC7B,CACL,IACC,KACJ,KACH,IAEb,CACL,CAAC;AACN,CAAC"}

package/pages/WebauthnAuthenticate.d.ts

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

package/pages/WebauthnAuthenticate.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { clsx } from "../tools/clsx";
+import { base64url } from "rfc4648";
+import { useConstCallback } from "../tools/useConstCallback";
+import { defaultClasses } from "../pages/PageProps";
+import { useGetClassName } from "../lib/useGetClassName";
+export default function WebauthnAuthenticate(props) {
+    const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
+    const { getClassName } = useGetClassName({
+        "defaultClasses": !doUseDefaultCss ? undefined : defaultClasses,
+        classes
+    });
+    const { url } = kcContext;
+    const { msg, msgStr } = i18n;
+    const { authenticators, challenge, shouldDisplayAuthenticators, userVerification, rpId } = kcContext;
+    const createTimeout = Number(kcContext.createTimeout);
+    const isUserIdentified = kcContext.isUserIdentified == "true";
+    const webAuthnAuthenticate = useConstCallback(async () => {
+        if (!isUserIdentified) {
+            return;
+        }
+        const allowCredentials = authenticators.authenticators.map(authenticator => ({
+            id: base64url.parse(authenticator.credentialId, { loose: true }),
+            type: "public-key"
+        }));
+        // Check if WebAuthn is supported by this browser
+        if (!window.PublicKeyCredential) {
+            setError(msgStr("webauthn-unsupported-browser-text"));
+            submitForm();
+            return;
+        }
+        const publicKey = {
+            rpId,
+            challenge: base64url.parse(challenge, { loose: true })
+        };
+        if (createTimeout !== 0) {
+            publicKey.timeout = createTimeout * 1000;
+        }
+        if (allowCredentials.length) {
+            publicKey.allowCredentials = allowCredentials;
+        }
+        if (userVerification !== "not specified") {
+            publicKey.userVerification = userVerification;
+        }
+        try {
+            const resultRaw = await navigator.credentials.get({ publicKey });
+            if (!resultRaw || resultRaw.type != "public-key")
+                return;
+            const result = resultRaw;
+            if (!("authenticatorData" in result.response))
+                return;
+            const response = result.response;
+            const clientDataJSON = response.clientDataJSON;
+            const authenticatorData = response.authenticatorData;
+            const signature = response.signature;
+            setClientDataJSON(base64url.stringify(new Uint8Array(clientDataJSON), { pad: false }));
+            setAuthenticatorData(base64url.stringify(new Uint8Array(authenticatorData), { pad: false }));
+            setSignature(base64url.stringify(new Uint8Array(signature), { pad: false }));
+            setCredentialId(result.id);
+            setUserHandle(base64url.stringify(new Uint8Array(response.userHandle), { pad: false }));
+            submitForm();
+        }
+        catch (err) {
+            setError(String(err));
+            submitForm();
+        }
+    });
+    const webAuthForm = useRef(null);
+    const submitForm = useConstCallback(() => {
+        webAuthForm.current.submit();
+    });
+    const [clientDataJSON, setClientDataJSON] = useState("");
+    const [authenticatorData, setAuthenticatorData] = useState("");
+    const [signature, setSignature] = useState("");
+    const [credentialId, setCredentialId] = useState("");
+    const [userHandle, setUserHandle] = useState("");
+    const [error, setError] = useState("");
+    return (_jsx(Template, Object.assign({}, { kcContext, i18n, doUseDefaultCss, classes }, { headerNode: msg("webauthn-login-title"), formNode: _jsxs("div", Object.assign({ id: "kc-form-webauthn", className: getClassName("kcFormClass") }, { children: [_jsxs("form", Object.assign({ id: "webauth", action: url.loginAction, ref: webAuthForm, method: "post" }, { children: [_jsx("input", { type: "hidden", id: "clientDataJSON", name: "clientDataJSON", value: clientDataJSON }), _jsx("input", { type: "hidden", id: "authenticatorData", name: "authenticatorData", value: authenticatorData }), _jsx("input", { type: "hidden", id: "signature", name: "signature", value: signature }), _jsx("input", { type: "hidden", id: "credentialId", name: "credentialId", value: credentialId }), _jsx("input", { type: "hidden", id: "userHandle", name: "userHandle", value: userHandle }), _jsx("input", { type: "hidden", id: "error", name: "error", value: error })] })), _jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, { children: [authenticators &&
+                            (() => (_jsx("form", Object.assign({ id: "authn_select", className: getClassName("kcFormClass") }, { children: authenticators.authenticators.map(authenticator => (_jsx("input", { type: "hidden", name: "authn_use_chk", value: authenticator.credentialId }, authenticator.credentialId))) }))))(), authenticators &&
+                            shouldDisplayAuthenticators &&
+                            (() => (_jsxs(_Fragment, { children: [authenticators.authenticators.length > 1 && (_jsx("p", Object.assign({ className: getClassName("kcSelectAuthListItemTitle") }, { children: msg("webauthn-available-authenticators") }))), _jsx("div", Object.assign({ className: getClassName("kcFormClass") }, { children: authenticators.authenticators.map(authenticator => (_jsxs("div", Object.assign({ id: "kc-webauthn-authenticator", className: getClassName("kcSelectAuthListItemClass") }, { children: [_jsx("div", Object.assign({ className: getClassName("kcSelectAuthListItemIconClass") }, { children: _jsx("i", { className: clsx((() => {
+                                                            const className = getClassName(authenticator.transports.iconClass);
+                                                            return className.includes(" ")
+                                                                ? className
+                                                                : [className, getClassName("kcWebAuthnDefaultIcon")];
+                                                        })(), getClassName("kcSelectAuthListItemIconPropertyClass")) }) })), _jsxs("div", Object.assign({ className: getClassName("kcSelectAuthListItemBodyClass") }, { children: [_jsx("div", Object.assign({ id: "kc-webauthn-authenticator-label", className: getClassName("kcSelectAuthListItemHeadingClass") }, { children: authenticator.label })), authenticator.transports && authenticator.transports.displayNameProperties.length && (_jsx("div", Object.assign({ id: "kc-webauthn-authenticator-transport", className: getClassName("kcSelectAuthListItemDescriptionClass") }, { children: authenticator.transports.displayNameProperties.map((transport, index) => (_jsxs(_Fragment, { children: [_jsx("span", { children: msg(transport) }), index < authenticator.transports.displayNameProperties.length - 1 && (_jsx("span", { children: ", " }))] }))) }))), _jsxs("div", Object.assign({ className: getClassName("kcSelectAuthListItemDescriptionClass") }, { children: [_jsx("span", Object.assign({ id: "kc-webauthn-authenticator-created-label" }, { children: msg("webauthn-createdAt-label") })), _jsx("span", Object.assign({ id: "kc-webauthn-authenticator-created" }, { children: authenticator.createdAt }))] }))] })), _jsx("div", { className: getClassName("kcSelectAuthListItemFillClass") })] })))) }))] })))(), _jsx("div", Object.assign({ id: "kc-form-buttons", className: getClassName("kcFormButtonsClass") }, { children: _jsx("input", { id: "authenticateWebAuthnButton", type: "button", onClick: webAuthnAuthenticate, autoFocus: true, value: msgStr("webauthn-doAuthenticate"), className: clsx(getClassName("kcButtonClass"), getClassName("kcButtonPrimaryClass"), getClassName("kcButtonBlockClass"), getClassName("kcButtonLargeClass")) }) }))] }))] })) })));
+}
+//# sourceMappingURL=WebauthnAuthenticate.js.map

package/pages/WebauthnAuthenticate.js.map

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

package/pages/shared/UserProfileCommons.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { ClassKey } from "../../pages/PageProps";
+import { useFormValidation } from "../../lib/useFormValidation";
+import type { Attribute } from "../../kcContext/KcContext";
+import type { I18n } from "../../i18n";
+export type UserProfileFormFieldsProps = {
+    kcContext: Parameters<typeof useFormValidation>[0]["kcContext"];
+    i18n: I18n;
+    getClassName: (classKey: ClassKey) => string;
+    onIsFormSubmittableValueChange: (isFormSubmittable: boolean) => void;
+    BeforeField?: (props: {
+        attribute: Attribute;
+    }) => JSX.Element | null;
+    AfterField?: (props: {
+        attribute: Attribute;
+    }) => JSX.Element | null;
+};
+export declare function UserProfileFormFields(props: UserProfileFormFieldsProps): JSX.Element;

package/pages/shared/UserProfileCommons.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, Fragment } from "react";
+import { clsx } from "../../tools/clsx";
+import { useFormValidation } from "../../lib/useFormValidation";
+export function UserProfileFormFields(props) {
+    const { kcContext, onIsFormSubmittableValueChange, i18n, getClassName, BeforeField, AfterField } = props;
+    const { advancedMsg } = i18n;
+    const { formValidationState: { fieldStateByAttributeName, isFormSubmittable }, formValidationDispatch, attributesWithPassword } = useFormValidation({
+        kcContext,
+        i18n
+    });
+    useEffect(() => {
+        onIsFormSubmittableValueChange(isFormSubmittable);
+    }, [isFormSubmittable]);
+    let currentGroup = "";
+    return (_jsx(_Fragment, { children: attributesWithPassword.map((attribute, i) => {
+            var _a;
+            const { group = "", groupDisplayHeader = "", groupDisplayDescription = "" } = attribute;
+            const { value, displayableErrors } = fieldStateByAttributeName[attribute.name];
+            const formGroupClassName = clsx(getClassName("kcFormGroupClass"), displayableErrors.length !== 0 && getClassName("kcFormGroupErrorClass"));
+            return (_jsxs(Fragment, { children: [group !== currentGroup && (currentGroup = group) !== "" && (_jsxs("div", Object.assign({ className: formGroupClassName }, { children: [_jsx("div", Object.assign({ className: getClassName("kcContentWrapperClass") }, { children: _jsx("label", Object.assign({ id: `header-${group}`, className: getClassName("kcFormGroupHeader") }, { children: advancedMsg(groupDisplayHeader) || currentGroup })) })), groupDisplayDescription !== "" && (_jsx("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ id: `description-${group}`, className: getClassName("kcLabelClass") }, { children: advancedMsg(groupDisplayDescription) })) })))] }))), BeforeField && _jsx(BeforeField, { attribute: attribute }), _jsxs("div", Object.assign({ className: formGroupClassName }, { children: [_jsxs("div", Object.assign({ className: getClassName("kcLabelWrapperClass") }, { children: [_jsx("label", Object.assign({ htmlFor: attribute.name, className: getClassName("kcLabelClass") }, { children: advancedMsg((_a = attribute.displayName) !== null && _a !== void 0 ? _a : "") })), attribute.required && _jsx(_Fragment, { children: "*" })] })), _jsxs("div", Object.assign({ className: getClassName("kcInputWrapperClass") }, { children: [(() => {
+                                        const { options } = attribute.validators;
+                                        if (options !== undefined) {
+                                            return (_jsx("select", Object.assign({ id: attribute.name, name: attribute.name, onChange: event => formValidationDispatch({
+                                                    "action": "update value",
+                                                    "name": attribute.name,
+                                                    "newValue": event.target.value
+                                                }), onBlur: () => formValidationDispatch({
+                                                    "action": "focus lost",
+                                                    "name": attribute.name
+                                                }), value: value }, { children: options.options.map(option => (_jsx("option", Object.assign({ value: option }, { children: option }), option))) })));
+                                        }
+                                        return (_jsx("input", { type: (() => {
+                                                switch (attribute.name) {
+                                                    case "password-confirm":
+                                                    case "password":
+                                                        return "password";
+                                                    default:
+                                                        return "text";
+                                                }
+                                            })(), id: attribute.name, name: attribute.name, value: value, onChange: event => formValidationDispatch({
+                                                "action": "update value",
+                                                "name": attribute.name,
+                                                "newValue": event.target.value
+                                            }), onBlur: () => formValidationDispatch({
+                                                "action": "focus lost",
+                                                "name": attribute.name
+                                            }), className: getClassName("kcInputClass"), "aria-invalid": displayableErrors.length !== 0, disabled: attribute.readOnly, autoComplete: attribute.autocomplete }));
+                                    })(), displayableErrors.length !== 0 &&
+                                        (() => {
+                                            const divId = `input-error-${attribute.name}`;
+                                            return (_jsxs(_Fragment, { children: [_jsx("style", { children: `#${divId} > span: { display: block; }` }), _jsx("span", Object.assign({ id: divId, className: getClassName("kcInputErrorMessageClass"), style: {
+                                                            "position": displayableErrors.length === 1 ? "absolute" : undefined
+                                                        }, "aria-live": "polite" }, { children: displayableErrors.map(({ errorMessage }) => errorMessage) }))] }));
+                                        })()] }))] })), AfterField && _jsx(AfterField, { attribute: attribute })] }, i));
+        }) }));
+}
+//# sourceMappingURL=UserProfileCommons.js.map

package/pages/shared/UserProfileCommons.js.map

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