keycloakify 10.0.0-rc.7 → 10.0.0-rc.71

package/login/Template.js

@@ -2,27 +2,25 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect } from "react";
 import { assert } from "../tools/assert";
 import { clsx } from "../tools/clsx";
-import { useGetClassName } from "../login/lib/useGetClassName";
-import { createUseInsertScriptTags } from "../tools/useInsertScriptTags";
-import { createUseInsertLinkTags } from "../tools/useInsertLinkTags";
+import { getKcClsx } from "../login/lib/kcClsx";
+import { useInsertScriptTags } from "../tools/useInsertScriptTags";
+import { useInsertLinkTags } from "../tools/useInsertLinkTags";
 import { useSetClassName } from "../tools/useSetClassName";
-const { useInsertLinkTags } = createUseInsertLinkTags();
-const { useInsertScriptTags } = createUseInsertScriptTags();
 export default function Template(props) {
     const { displayInfo = false, displayMessage = true, displayRequiredFields = false, headerNode, showUsernameNode = null, socialProvidersNode = null, infoNode = null, documentTitle, bodyClassName, kcContext, i18n, doUseDefaultCss, classes, children } = props;
-    const { getClassName } = useGetClassName({ doUseDefaultCss, classes });
+    const { kcClsx } = getKcClsx({ doUseDefaultCss, classes });
     const { msg, msgStr, getChangeLocalUrl, labelBySupportedLanguageTag, currentLanguageTag } = i18n;
     const { realm, locale, auth, url, message, isAppInitiatedAction, authenticationSession, scripts } = kcContext;
     useEffect(() => {
         document.title = documentTitle !== null && documentTitle !== void 0 ? documentTitle : msgStr("loginTitle", kcContext.realm.displayName);
     }, []);
     useSetClassName({
-        "qualifiedName": "html",
-        "className": getClassName("kcHtmlClass")
+        qualifiedName: "html",
+        className: kcClsx("kcHtmlClass")
     });
     useSetClassName({
-        "qualifiedName": "body",
-        "className": bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : getClassName("kcBodyClass")
+        qualifiedName: "body",
+        className: bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : kcClsx("kcBodyClass")
     });
     useEffect(() => {
         const { currentLanguageTag } = locale !== null && locale !== void 0 ? locale : {};
@@ -34,7 +32,8 @@ export default function Template(props) {
         html.lang = currentLanguageTag;
     }, []);
     const { areAllStyleSheetsLoaded } = useInsertLinkTags({
-        "hrefs": !doUseDefaultCss
+        componentOrHookName: "Template",
+        hrefs: !doUseDefaultCss
             ? []
             : [
                 `${url.resourcesCommonPath}/node_modules/@patternfly/patternfly/patternfly.min.css`,
@@ -45,17 +44,18 @@ export default function Template(props) {
             ]
     });
     const { insertScriptTags } = useInsertScriptTags({
-        "scriptTags": [
+        componentOrHookName: "Template",
+        scriptTags: [
             {
-                "type": "module",
-                "src": `${url.resourcesPath}/js/menu-button-links.js`
+                type: "module",
+                src: `${url.resourcesPath}/js/menu-button-links.js`
             },
             ...(authenticationSession === undefined
                 ? []
                 : [
                     {
-                        "type": "module",
-                        "textContent": [
+                        type: "module",
+                        textContent: [
                             `import { checkCookiesAndSetTimer } from "${url.resourcesPath}/js/authChecker.js";`,
                             ``,
                             `checkCookiesAndSetTimer(`,
@@ -67,8 +67,8 @@ export default function Template(props) {
                     }
                 ]),
             ...scripts.map(script => ({
-                "type": "text/javascript",
-                "src": script
+                type: "text/javascript",
+                src: script
             }))
         ]
     });
@@ -80,11 +80,11 @@ export default function Template(props) {
     if (!areAllStyleSheetsLoaded) {
         return null;
     }
-    return (_jsxs("div", { className: getClassName("kcLoginClass"), children: [_jsx("div", { id: "kc-header", className: getClassName("kcHeaderClass"), children: _jsx("div", { id: "kc-header-wrapper", className: getClassName("kcHeaderWrapperClass"), children: msg("loginTitleHtml", realm.displayNameHtml) }) }), _jsxs("div", { className: getClassName("kcFormCardClass"), children: [_jsxs("header", { className: getClassName("kcFormHeaderClass"), children: [realm.internationalizationEnabled && (assert(locale !== undefined), locale.supported.length > 1) && (_jsx("div", { className: getClassName("kcLocaleMainClass"), id: "kc-locale", children: _jsx("div", { id: "kc-locale-wrapper", className: getClassName("kcLocaleWrapperClass"), children: _jsxs("div", { id: "kc-locale-dropdown", className: clsx("menu-button-links", getClassName("kcLocaleDropDownClass")), children: [_jsx("button", { tabIndex: 1, id: "kc-current-locale-link", "aria-label": msgStr("languages"), "aria-haspopup": "true", "aria-expanded": "false", "aria-controls": "language-switch1", children: labelBySupportedLanguageTag[currentLanguageTag] }), _jsx("ul", { role: "menu", tabIndex: -1, "aria-labelledby": "kc-current-locale-link", "aria-activedescendant": "", id: "language-switch1", className: getClassName("kcLocaleListClass"), children: locale.supported.map(({ languageTag }, i) => (_jsx("li", { className: getClassName("kcLocaleListItemClass"), role: "none", children: _jsx("a", { role: "menuitem", id: `language-${i + 1}`, className: getClassName("kcLocaleItemClass"), href: getChangeLocalUrl(languageTag), children: labelBySupportedLanguageTag[languageTag] }) }, languageTag))) })] }) }) })), !(auth !== undefined && auth.showUsername && !auth.showResetCredentials) ? (displayRequiredFields ? (_jsxs("div", { className: getClassName("kcContentWrapperClass"), children: [_jsx("div", { className: clsx(getClassName("kcLabelWrapperClass"), "subtitle"), children: _jsxs("span", { className: "subtitle", children: [_jsx("span", { className: "required", children: "*" }), msg("requiredFields")] }) }), _jsx("div", { className: "col-md-10", children: _jsx("h1", { id: "kc-page-title", children: headerNode }) })] })) : (_jsx("h1", { id: "kc-page-title", children: headerNode }))) : displayRequiredFields ? (_jsxs("div", { className: getClassName("kcContentWrapperClass"), children: [_jsx("div", { className: clsx(getClassName("kcLabelWrapperClass"), "subtitle"), children: _jsxs("span", { className: "subtitle", children: [_jsx("span", { className: "required", children: "*" }), " ", msg("requiredFields")] }) }), _jsxs("div", { className: "col-md-10", children: [showUsernameNode, _jsxs("div", { id: "kc-username", className: getClassName("kcFormGroupClass"), children: [_jsx("label", { id: "kc-attempted-username", children: auth.attemptedUsername }), _jsx("a", { id: "reset-login", href: url.loginRestartFlowUrl, "aria-label": msgStr("restartLoginTooltip"), children: _jsxs("div", { className: "kc-login-tooltip", children: [_jsx("i", { className: getClassName("kcResetFlowIcon") }), _jsx("span", { className: "kc-tooltip-text", children: msg("restartLoginTooltip") })] }) })] })] })] })) : (_jsxs(_Fragment, { children: [showUsernameNode, _jsxs("div", { id: "kc-username", className: getClassName("kcFormGroupClass"), children: [_jsx("label", { id: "kc-attempted-username", children: auth.attemptedUsername }), _jsx("a", { id: "reset-login", href: url.loginRestartFlowUrl, "aria-label": msgStr("restartLoginTooltip"), children: _jsxs("div", { className: "kc-login-tooltip", children: [_jsx("i", { className: getClassName("kcResetFlowIcon") }), _jsx("span", { className: "kc-tooltip-text", children: msg("restartLoginTooltip") })] }) })] })] }))] }), _jsx("div", { id: "kc-content", children: _jsxs("div", { id: "kc-content-wrapper", children: [displayMessage && message !== undefined && (message.type !== "warning" || !isAppInitiatedAction) && (_jsxs("div", { className: clsx(`alert-${message.type}`, getClassName("kcAlertClass"), `pf-m-${(message === null || message === void 0 ? void 0 : message.type) === "error" ? "danger" : message.type}`), children: [_jsxs("div", { className: "pf-c-alert__icon", children: [message.type === "success" && _jsx("span", { className: getClassName("kcFeedbackSuccessIcon") }), message.type === "warning" && _jsx("span", { className: getClassName("kcFeedbackWarningIcon") }), message.type === "error" && _jsx("span", { className: getClassName("kcFeedbackErrorIcon") }), message.type === "info" && _jsx("span", { className: getClassName("kcFeedbackInfoIcon") })] }), _jsx("span", { className: getClassName("kcAlertTitleClass"), dangerouslySetInnerHTML: {
-                                                "__html": message.summary
-                                            } })] })), children, auth !== undefined && auth.showTryAnotherWayLink && (_jsx("form", { id: "kc-select-try-another-way-form", action: url.loginAction, method: "post", children: _jsx("div", { className: getClassName("kcFormGroupClass"), children: _jsxs("div", { className: getClassName("kcFormGroupClass"), children: [_jsx("input", { type: "hidden", name: "tryAnotherWay", value: "on" }), _jsx("a", { href: "#", id: "try-another-way", onClick: () => {
+    return (_jsxs("div", Object.assign({ className: kcClsx("kcLoginClass") }, { children: [_jsx("div", Object.assign({ id: "kc-header", className: kcClsx("kcHeaderClass") }, { children: _jsx("div", Object.assign({ id: "kc-header-wrapper", className: kcClsx("kcHeaderWrapperClass") }, { children: msg("loginTitleHtml", realm.displayNameHtml) })) })), _jsxs("div", Object.assign({ className: kcClsx("kcFormCardClass") }, { children: [_jsxs("header", Object.assign({ className: kcClsx("kcFormHeaderClass") }, { children: [realm.internationalizationEnabled && (assert(locale !== undefined), locale.supported.length > 1) && (_jsx("div", Object.assign({ className: kcClsx("kcLocaleMainClass"), id: "kc-locale" }, { children: _jsx("div", Object.assign({ id: "kc-locale-wrapper", className: kcClsx("kcLocaleWrapperClass") }, { children: _jsxs("div", Object.assign({ id: "kc-locale-dropdown", className: clsx("menu-button-links", kcClsx("kcLocaleDropDownClass")) }, { children: [_jsx("button", Object.assign({ tabIndex: 1, id: "kc-current-locale-link", "aria-label": msgStr("languages"), "aria-haspopup": "true", "aria-expanded": "false", "aria-controls": "language-switch1" }, { children: labelBySupportedLanguageTag[currentLanguageTag] })), _jsx("ul", Object.assign({ role: "menu", tabIndex: -1, "aria-labelledby": "kc-current-locale-link", "aria-activedescendant": "", id: "language-switch1", className: kcClsx("kcLocaleListClass") }, { children: locale.supported.map(({ languageTag }, i) => (_jsx("li", Object.assign({ className: kcClsx("kcLocaleListItemClass"), role: "none" }, { children: _jsx("a", Object.assign({ role: "menuitem", id: `language-${i + 1}`, className: kcClsx("kcLocaleItemClass"), href: getChangeLocalUrl(languageTag) }, { children: labelBySupportedLanguageTag[languageTag] })) }), languageTag))) }))] })) })) }))), !(auth !== undefined && auth.showUsername && !auth.showResetCredentials) ? (displayRequiredFields ? (_jsxs("div", Object.assign({ className: kcClsx("kcContentWrapperClass") }, { children: [_jsx("div", Object.assign({ className: clsx(kcClsx("kcLabelWrapperClass"), "subtitle") }, { children: _jsxs("span", Object.assign({ className: "subtitle" }, { children: [_jsx("span", Object.assign({ className: "required" }, { children: "*" })), msg("requiredFields")] })) })), _jsx("div", Object.assign({ className: "col-md-10" }, { children: _jsx("h1", Object.assign({ id: "kc-page-title" }, { children: headerNode })) }))] }))) : (_jsx("h1", Object.assign({ id: "kc-page-title" }, { children: headerNode })))) : displayRequiredFields ? (_jsxs("div", Object.assign({ className: kcClsx("kcContentWrapperClass") }, { children: [_jsx("div", Object.assign({ className: clsx(kcClsx("kcLabelWrapperClass"), "subtitle") }, { children: _jsxs("span", Object.assign({ className: "subtitle" }, { children: [_jsx("span", Object.assign({ className: "required" }, { children: "*" })), " ", msg("requiredFields")] })) })), _jsxs("div", Object.assign({ className: "col-md-10" }, { children: [showUsernameNode, _jsxs("div", Object.assign({ id: "kc-username", className: kcClsx("kcFormGroupClass") }, { children: [_jsx("label", Object.assign({ id: "kc-attempted-username" }, { children: auth.attemptedUsername })), _jsx("a", Object.assign({ id: "reset-login", href: url.loginRestartFlowUrl, "aria-label": msgStr("restartLoginTooltip") }, { children: _jsxs("div", Object.assign({ className: "kc-login-tooltip" }, { children: [_jsx("i", { className: kcClsx("kcResetFlowIcon") }), _jsx("span", Object.assign({ className: "kc-tooltip-text" }, { children: msg("restartLoginTooltip") }))] })) }))] }))] }))] }))) : (_jsxs(_Fragment, { children: [showUsernameNode, _jsxs("div", Object.assign({ id: "kc-username", className: kcClsx("kcFormGroupClass") }, { children: [_jsx("label", Object.assign({ id: "kc-attempted-username" }, { children: auth.attemptedUsername })), _jsx("a", Object.assign({ id: "reset-login", href: url.loginRestartFlowUrl, "aria-label": msgStr("restartLoginTooltip") }, { children: _jsxs("div", Object.assign({ className: "kc-login-tooltip" }, { children: [_jsx("i", { className: kcClsx("kcResetFlowIcon") }), _jsx("span", Object.assign({ className: "kc-tooltip-text" }, { children: msg("restartLoginTooltip") }))] })) }))] }))] }))] })), _jsx("div", Object.assign({ id: "kc-content" }, { children: _jsxs("div", Object.assign({ id: "kc-content-wrapper" }, { children: [displayMessage && message !== undefined && (message.type !== "warning" || !isAppInitiatedAction) && (_jsxs("div", Object.assign({ className: clsx(`alert-${message.type}`, kcClsx("kcAlertClass"), `pf-m-${(message === null || message === void 0 ? void 0 : message.type) === "error" ? "danger" : message.type}`) }, { children: [_jsxs("div", Object.assign({ className: "pf-c-alert__icon" }, { children: [message.type === "success" && _jsx("span", { className: kcClsx("kcFeedbackSuccessIcon") }), message.type === "warning" && _jsx("span", { className: kcClsx("kcFeedbackWarningIcon") }), message.type === "error" && _jsx("span", { className: kcClsx("kcFeedbackErrorIcon") }), message.type === "info" && _jsx("span", { className: kcClsx("kcFeedbackInfoIcon") })] })), _jsx("span", { className: kcClsx("kcAlertTitleClass"), dangerouslySetInnerHTML: {
+                                                __html: message.summary
+                                            } })] }))), children, auth !== undefined && auth.showTryAnotherWayLink && (_jsx("form", Object.assign({ id: "kc-select-try-another-way-form", action: url.loginAction, method: "post" }, { children: _jsx("div", Object.assign({ className: kcClsx("kcFormGroupClass") }, { children: _jsxs("div", Object.assign({ className: kcClsx("kcFormGroupClass") }, { children: [_jsx("input", { type: "hidden", name: "tryAnotherWay", value: "on" }), _jsx("a", Object.assign({ href: "#", id: "try-another-way", onClick: () => {
                                                         document.forms["kc-select-try-another-way-form"].submit();
                                                         return false;
-                                                    }, children: msg("doTryAnotherWay") })] }) }) })), socialProvidersNode, displayInfo && (_jsx("div", { id: "kc-info", className: getClassName("kcSignUpClass"), children: _jsx("div", { id: "kc-info-wrapper", className: getClassName("kcInfoAreaWrapperClass"), children: infoNode }) }))] }) })] })] }));
+                                                    } }, { children: msg("doTryAnotherWay") }))] })) })) }))), socialProvidersNode, displayInfo && (_jsx("div", Object.assign({ id: "kc-info", className: kcClsx("kcSignUpClass") }, { children: _jsx("div", Object.assign({ id: "kc-info-wrapper", className: kcClsx("kcInfoAreaWrapperClass") }, { children: infoNode })) })))] })) }))] }))] })));
 }
 //# sourceMappingURL=Template.js.map

package/login/Template.js.map

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

package/login/TemplateProps.d.ts

@@ -1,11 +1,10 @@
 import type { ReactNode } from "react";
-import type { KcContext } from "./kcContext";
-import type { I18n } from "./i18n";
-export type TemplateProps<KcContext extends KcContext.Common, I18nExtended extends I18n> = {
+export type TemplateProps<KcContext, I18n> = {
     kcContext: KcContext;
-    i18n: I18nExtended;
+    i18n: I18n;
     doUseDefaultCss: boolean;
     classes?: Partial<Record<ClassKey, string>>;
+    children: ReactNode;
     displayInfo?: boolean;
     displayMessage?: boolean;
     displayRequiredFields?: boolean;
@@ -16,6 +15,5 @@ export type TemplateProps<KcContext extends KcContext.Common, I18nExtended exten
     infoNode?: ReactNode;
     documentTitle?: string;
     bodyClassName?: string;
-    children: ReactNode;
 };
 export type ClassKey = "kcBodyClass" | "kcHeaderWrapperClass" | "kcLocaleWrapperClass" | "kcInfoAreaWrapperClass" | "kcFormButtonsWrapperClass" | "kcFormOptionsWrapperClass" | "kcCheckboxInputClass" | "kcLocaleDropDownClass" | "kcLocaleListItemClass" | "kcContentWrapperClass" | "kcLogoIdP-facebook" | "kcAuthenticatorOTPClass" | "kcLogoIdP-bitbucket" | "kcAuthenticatorWebAuthnClass" | "kcWebAuthnDefaultIcon" | "kcLogoIdP-stackoverflow" | "kcSelectAuthListItemClass" | "kcLogoIdP-microsoft" | "kcLoginOTPListItemHeaderClass" | "kcLocaleItemClass" | "kcLoginOTPListItemIconBodyClass" | "kcInputHelperTextAfterClass" | "kcFormClass" | "kcSelectAuthListClass" | "kcInputClassRadioCheckboxLabelDisabled" | "kcSelectAuthListItemIconClass" | "kcRecoveryCodesWarning" | "kcFormSettingClass" | "kcWebAuthnBLE" | "kcInputWrapperClass" | "kcSelectAuthListItemArrowIconClass" | "kcFeedbackAreaClass" | "kcFormPasswordVisibilityButtonClass" | "kcLogoIdP-google" | "kcCheckLabelClass" | "kcSelectAuthListItemFillClass" | "kcAuthenticatorDefaultClass" | "kcLogoIdP-gitlab" | "kcFormAreaClass" | "kcFormButtonsClass" | "kcInputClassRadioLabel" | "kcAuthenticatorWebAuthnPasswordlessClass" | "kcSelectAuthListItemHeadingClass" | "kcInfoAreaClass" | "kcLogoLink" | "kcContainerClass" | "kcSelectAuthListItemTitle" | "kcHtmlClass" | "kcLoginOTPListItemTitleClass" | "kcLogoIdP-openshift-v4" | "kcWebAuthnUnknownIcon" | "kcFormSocialAccountNameClass" | "kcLogoIdP-openshift-v3" | "kcLoginOTPListInputClass" | "kcWebAuthnUSB" | "kcInputClassRadio" | "kcWebAuthnKeyIcon" | "kcFeedbackInfoIcon" | "kcCommonLogoIdP" | "kcRecoveryCodesActions" | "kcFormGroupHeader" | "kcFormSocialAccountSectionClass" | "kcLogoIdP-instagram" | "kcAlertClass" | "kcHeaderClass" | "kcLabelWrapperClass" | "kcFormPasswordVisibilityIconShow" | "kcFormSocialAccountLinkClass" | "kcLocaleMainClass" | "kcInputGroup" | "kcTextareaClass" | "kcButtonBlockClass" | "kcButtonClass" | "kcWebAuthnNFC" | "kcLocaleClass" | "kcInputClassCheckboxInput" | "kcFeedbackErrorIcon" | "kcInputLargeClass" | "kcInputErrorMessageClass" | "kcRecoveryCodesList" | "kcFormSocialAccountListClass" | "kcAlertTitleClass" | "kcAuthenticatorPasswordClass" | "kcCheckInputClass" | "kcLogoIdP-linkedin" | "kcLogoIdP-twitter" | "kcFeedbackWarningIcon" | "kcResetFlowIcon" | "kcSelectAuthListItemIconPropertyClass" | "kcFeedbackSuccessIcon" | "kcLoginOTPListClass" | "kcSrOnlyClass" | "kcFormSocialAccountListGridClass" | "kcButtonDefaultClass" | "kcFormGroupErrorClass" | "kcSelectAuthListItemDescriptionClass" | "kcSelectAuthListItemBodyClass" | "kcWebAuthnInternal" | "kcSelectAuthListItemArrowClass" | "kcCheckClass" | "kcContentClass" | "kcLogoClass" | "kcLoginOTPListItemIconClass" | "kcLoginClass" | "kcSignUpClass" | "kcButtonLargeClass" | "kcFormCardClass" | "kcLocaleListClass" | "kcInputClass" | "kcFormGroupClass" | "kcLogoIdP-paypal" | "kcInputClassCheckbox" | "kcRecoveryCodesConfirmation" | "kcFormPasswordVisibilityIconHide" | "kcInputClassRadioInput" | "kcFormSocialAccountListButtonClass" | "kcInputClassCheckboxLabel" | "kcFormOptionsClass" | "kcFormHeaderClass" | "kcFormSocialAccountGridItem" | "kcButtonPrimaryClass" | "kcInputHelperTextBeforeClass" | "kcLogoIdP-github" | "kcLabelClass";

package/login/UserProfileFormFields.d.ts

@@ -1,22 +1,5 @@
 /// <reference types="react" />
-import type { ClassKey } from "../login/TemplateProps";
-import { type KcContextLike, type FormAction, type FormFieldError } from "../login/lib/useUserProfileForm";
-import type { Attribute } from "../login/kcContext/KcContext";
+import type { UserProfileFormFieldsProps } from "../login/UserProfileFormFieldsProps";
+import type { KcContext } from "./KcContext";
 import type { I18n } from "./i18n";
-export type UserProfileFormFieldsProps = {
-    kcContext: KcContextLike;
-    i18n: I18n;
-    getClassName: (classKey: ClassKey) => string;
-    onIsFormSubmittableValueChange: (isFormSubmittable: boolean) => void;
-    BeforeField?: (props: BeforeAfterFieldProps) => JSX.Element | null;
-    AfterField?: (props: BeforeAfterFieldProps) => JSX.Element | null;
-};
-type BeforeAfterFieldProps = {
-    attribute: Attribute;
-    dispatchFormAction: React.Dispatch<FormAction>;
-    displayableErrors: FormFieldError[];
-    i18n: I18n;
-    valueOrValues: string | string[];
-};
-export default function UserProfileFormFields(props: UserProfileFormFieldsProps): JSX.Element;
-export {};
+export default function UserProfileFormFields(props: UserProfileFormFieldsProps<KcContext, I18n>): JSX.Element;

package/login/UserProfileFormFields.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useReducer, Fragment } from "react";
-import { useUserProfileForm } from "../login/lib/useUserProfileForm";
 import { assert } from "tsafe/assert";
-// NOTE: Enabled by default but it's a UX best practice to set it to false.
-const doMakeUserConfirmPassword = true;
+import { useUserProfileForm, getButtonToDisplayForMultivaluedAttributeField } from "../login/lib/useUserProfileForm";
 export default function UserProfileFormFields(props) {
-    const { kcContext, onIsFormSubmittableValueChange, i18n, getClassName, BeforeField, AfterField } = props;
+    const { kcContext, i18n, kcClsx, onIsFormSubmittableValueChange, doMakeUserConfirmPassword, BeforeField, AfterField } = props;
     const { advancedMsg } = i18n;
     const { formState: { formFieldStates, isFormSubmittable }, dispatchFormAction } = useUserProfileForm({
         kcContext,
@@ -15,31 +13,33 @@ export default function UserProfileFormFields(props) {
     useEffect(() => {
         onIsFormSubmittableValueChange(isFormSubmittable);
     }, [isFormSubmittable]);
-    const groupNameRef = { "current": "" };
+    const groupNameRef = { current: "" };
     return (_jsx(_Fragment, { children: formFieldStates.map(({ attribute, displayableErrors, valueOrValues }) => {
             var _a;
-            return (_jsxs(Fragment, { children: [_jsx(GroupLabel, { attribute: attribute, getClassName: getClassName, i18n: i18n, groupNameRef: groupNameRef }), BeforeField !== undefined && (_jsx(BeforeField, { attribute: attribute, dispatchFormAction: dispatchFormAction, displayableErrors: displayableErrors, i18n: i18n, valueOrValues: valueOrValues })), _jsxs("div", { className: getClassName("kcFormGroupClass"), style: { "display": attribute.name === "password-confirm" && !doMakeUserConfirmPassword ? "none" : undefined }, children: [_jsxs("div", { className: getClassName("kcLabelWrapperClass"), children: [_jsx("label", { htmlFor: attribute.name, className: getClassName("kcLabelClass"), children: advancedMsg((_a = attribute.displayName) !== null && _a !== void 0 ? _a : "") }), attribute.required && _jsx(_Fragment, { children: "*" })] }), _jsxs("div", { className: getClassName("kcInputWrapperClass"), children: [attribute.annotations.inputHelperTextBefore !== undefined && (_jsx("div", { className: getClassName("kcInputHelperTextBeforeClass"), id: `form-help-text-before-${attribute.name}`, "aria-live": "polite", children: advancedMsg(attribute.annotations.inputHelperTextBefore) })), _jsx(InputFiledByType, { attribute: attribute, valueOrValues: valueOrValues, displayableErrors: displayableErrors, formValidationDispatch: dispatchFormAction, getClassName: getClassName, i18n: i18n }), _jsx(FieldErrors, { attribute: attribute, getClassName: getClassName, displayableErrors: displayableErrors, fieldIndex: undefined }), attribute.annotations.inputHelperTextAfter !== undefined && (_jsx("div", { className: getClassName("kcInputHelperTextAfterClass"), id: `form-help-text-after-${attribute.name}`, "aria-live": "polite", children: advancedMsg(attribute.annotations.inputHelperTextAfter) })), AfterField !== undefined && (_jsx(AfterField, { attribute: attribute, dispatchFormAction: dispatchFormAction, displayableErrors: displayableErrors, i18n: i18n, valueOrValues: valueOrValues }))] })] })] }, attribute.name));
+            return (_jsxs(Fragment, { children: [_jsx(GroupLabel, { attribute: attribute, groupNameRef: groupNameRef, i18n: i18n, kcClsx: kcClsx }), BeforeField !== undefined && (_jsx(BeforeField, { attribute: attribute, dispatchFormAction: dispatchFormAction, displayableErrors: displayableErrors, valueOrValues: valueOrValues, kcClsx: kcClsx, i18n: i18n })), _jsxs("div", Object.assign({ className: kcClsx("kcFormGroupClass"), style: {
+                            display: attribute.name === "password-confirm" && !doMakeUserConfirmPassword ? "none" : undefined
+                        } }, { children: [_jsxs("div", Object.assign({ className: kcClsx("kcLabelWrapperClass") }, { children: [_jsx("label", Object.assign({ htmlFor: attribute.name, className: kcClsx("kcLabelClass") }, { children: advancedMsg((_a = attribute.displayName) !== null && _a !== void 0 ? _a : "") })), attribute.required && _jsx(_Fragment, { children: "*" })] })), _jsxs("div", Object.assign({ className: kcClsx("kcInputWrapperClass") }, { children: [attribute.annotations.inputHelperTextBefore !== undefined && (_jsx("div", Object.assign({ className: kcClsx("kcInputHelperTextBeforeClass"), id: `form-help-text-before-${attribute.name}`, "aria-live": "polite" }, { children: advancedMsg(attribute.annotations.inputHelperTextBefore) }))), _jsx(InputFiledByType, { attribute: attribute, valueOrValues: valueOrValues, displayableErrors: displayableErrors, dispatchFormAction: dispatchFormAction, kcClsx: kcClsx, i18n: i18n }), _jsx(FieldErrors, { attribute: attribute, displayableErrors: displayableErrors, kcClsx: kcClsx, fieldIndex: undefined }), attribute.annotations.inputHelperTextAfter !== undefined && (_jsx("div", Object.assign({ className: kcClsx("kcInputHelperTextAfterClass"), id: `form-help-text-after-${attribute.name}`, "aria-live": "polite" }, { children: advancedMsg(attribute.annotations.inputHelperTextAfter) }))), AfterField !== undefined && (_jsx(AfterField, { attribute: attribute, dispatchFormAction: dispatchFormAction, displayableErrors: displayableErrors, valueOrValues: valueOrValues, kcClsx: kcClsx, i18n: i18n }))] }))] }))] }, attribute.name));
         }) }));
 }
 function GroupLabel(props) {
     var _a, _b, _c;
-    const { attribute, getClassName, i18n, groupNameRef } = props;
+    const { attribute, groupNameRef, i18n, kcClsx } = props;
     const { advancedMsg } = i18n;
     if (((_a = attribute.group) === null || _a === void 0 ? void 0 : _a.name) !== groupNameRef.current) {
         groupNameRef.current = (_c = (_b = attribute.group) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : "";
         if (groupNameRef.current !== "") {
             assert(attribute.group !== undefined);
-            return (_jsxs("div", Object.assign({ className: getClassName("kcFormGroupClass") }, Object.fromEntries(Object.entries(attribute.group.html5DataAnnotations).map(([key, value]) => [`data-${key}`, value])), { children: [(() => {
+            return (_jsxs("div", Object.assign({ className: kcClsx("kcFormGroupClass") }, Object.fromEntries(Object.entries(attribute.group.html5DataAnnotations).map(([key, value]) => [`data-${key}`, value])), { children: [(() => {
                         var _a;
                         const groupDisplayHeader = (_a = attribute.group.displayHeader) !== null && _a !== void 0 ? _a : "";
                         const groupHeaderText = groupDisplayHeader !== "" ? advancedMsg(groupDisplayHeader) : attribute.group.name;
-                        return (_jsx("div", { className: getClassName("kcContentWrapperClass"), children: _jsx("label", { id: `header-${attribute.group.name}`, className: getClassName("kcFormGroupHeader"), children: groupHeaderText }) }));
+                        return (_jsx("div", Object.assign({ className: kcClsx("kcContentWrapperClass") }, { children: _jsx("label", Object.assign({ id: `header-${attribute.group.name}`, className: kcClsx("kcFormGroupHeader") }, { children: groupHeaderText })) })));
                     })(), (() => {
                         var _a;
                         const groupDisplayDescription = (_a = attribute.group.displayDescription) !== null && _a !== void 0 ? _a : "";
                         if (groupDisplayDescription !== "") {
                             const groupDescriptionText = advancedMsg(groupDisplayDescription);
-                            return (_jsx("div", { className: getClassName("kcLabelWrapperClass"), children: _jsx("label", { id: `description-${attribute.group.name}`, className: getClassName("kcLabelClass"), children: groupDescriptionText }) }));
+                            return (_jsx("div", Object.assign({ className: kcClsx("kcLabelWrapperClass") }, { children: _jsx("label", Object.assign({ id: `description-${attribute.group.name}`, className: kcClsx("kcLabelClass") }, { children: groupDescriptionText })) })));
                         }
                         return null;
                     })()] })));
@@ -48,14 +48,14 @@ function GroupLabel(props) {
     return null;
 }
 function FieldErrors(props) {
-    const { attribute, getClassName, fieldIndex } = props;
+    const { attribute, fieldIndex, kcClsx } = props;
     const displayableErrors = props.displayableErrors.filter(error => error.fieldIndex === fieldIndex);
     if (displayableErrors.length === 0) {
         return null;
     }
-    return (_jsx("span", { id: `input-error-${attribute.name}${fieldIndex === undefined ? "" : `-${fieldIndex}`}`, className: getClassName("kcInputErrorMessageClass"), "aria-live": "polite", children: displayableErrors
+    return (_jsx("span", Object.assign({ id: `input-error-${attribute.name}${fieldIndex === undefined ? "" : `-${fieldIndex}`}`, className: kcClsx("kcInputErrorMessageClass"), "aria-live": "polite" }, { children: displayableErrors
             .filter(error => error.fieldIndex === fieldIndex)
-            .map(({ errorMessage }, i, arr) => (_jsxs(Fragment, { children: [_jsx("span", { children: errorMessage }, i), arr.length - 1 !== i && _jsx("br", {})] }, i))) }));
+            .map(({ errorMessage }, i, arr) => (_jsxs(Fragment, { children: [_jsx("span", { children: errorMessage }, i), arr.length - 1 !== i && _jsx("br", {})] }, i))) })));
 }
 function InputFiledByType(props) {
     const { attribute, valueOrValues } = props;
@@ -74,14 +74,14 @@ function InputFiledByType(props) {
             }
             const inputNode = _jsx(InputTag, Object.assign({}, props, { fieldIndex: undefined }));
             if (attribute.name === "password" || attribute.name === "password-confirm") {
-                return (_jsx(PasswordWrapper, { getClassName: props.getClassName, i18n: props.i18n, passwordInputId: attribute.name, children: inputNode }));
+                return (_jsx(PasswordWrapper, Object.assign({ kcClsx: props.kcClsx, i18n: props.i18n, passwordInputId: attribute.name }, { children: inputNode })));
             }
             return inputNode;
         }
     }
 }
 function PasswordWrapper(props) {
-    const { getClassName, i18n, passwordInputId, children } = props;
+    const { kcClsx, i18n, passwordInputId, children } = props;
     const { msgStr } = i18n;
     const [isPasswordRevealed, toggleIsPasswordRevealed] = useReducer((isPasswordRevealed) => !isPasswordRevealed, false);
     useEffect(() => {
@@ -89,11 +89,11 @@ function PasswordWrapper(props) {
         assert(passwordInputElement instanceof HTMLInputElement);
         passwordInputElement.type = isPasswordRevealed ? "text" : "password";
     }, [isPasswordRevealed]);
-    return (_jsxs("div", { className: getClassName("kcInputGroup"), children: [children, _jsx("button", { type: "button", className: getClassName("kcFormPasswordVisibilityButtonClass"), "aria-label": msgStr(isPasswordRevealed ? "hidePassword" : "showPassword"), "aria-controls": passwordInputId, onClick: toggleIsPasswordRevealed, children: _jsx("i", { className: getClassName(isPasswordRevealed ? "kcFormPasswordVisibilityIconHide" : "kcFormPasswordVisibilityIconShow"), "aria-hidden": true }) })] }));
+    return (_jsxs("div", Object.assign({ className: kcClsx("kcInputGroup") }, { children: [children, _jsx("button", Object.assign({ type: "button", className: kcClsx("kcFormPasswordVisibilityButtonClass"), "aria-label": msgStr(isPasswordRevealed ? "hidePassword" : "showPassword"), "aria-controls": passwordInputId, onClick: toggleIsPasswordRevealed }, { children: _jsx("i", { className: kcClsx(isPasswordRevealed ? "kcFormPasswordVisibilityIconHide" : "kcFormPasswordVisibilityIconShow"), "aria-hidden": true }) }))] })));
 }
 function InputTag(props) {
     var _a;
-    const { attribute, fieldIndex, getClassName, formValidationDispatch, valueOrValues, i18n, displayableErrors } = props;
+    const { attribute, fieldIndex, kcClsx, dispatchFormAction, valueOrValues, i18n, displayableErrors } = props;
     return (_jsxs(_Fragment, { children: [_jsx("input", Object.assign({ type: (() => {
                     const { inputType } = attribute.annotations;
                     if (inputType === null || inputType === void 0 ? void 0 : inputType.startsWith("html5-")) {
@@ -107,10 +107,10 @@ function InputTag(props) {
                     }
                     assert(typeof valueOrValues === "string");
                     return valueOrValues;
-                })(), className: getClassName("kcInputClass"), "aria-invalid": displayableErrors.find(error => error.fieldIndex === fieldIndex) !== undefined, disabled: attribute.readOnly, autoComplete: attribute.autocomplete, placeholder: attribute.annotations.inputTypePlaceholder, pattern: attribute.annotations.inputTypePattern, size: attribute.annotations.inputTypeSize === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeSize}`), maxLength: attribute.annotations.inputTypeMaxlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMaxlength}`), minLength: attribute.annotations.inputTypeMinlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMinlength}`), max: attribute.annotations.inputTypeMax, min: attribute.annotations.inputTypeMin, step: attribute.annotations.inputTypeStep }, Object.fromEntries(Object.entries((_a = attribute.html5DataAnnotations) !== null && _a !== void 0 ? _a : {}).map(([key, value]) => [`data-${key}`, value])), { onChange: event => formValidationDispatch({
-                    "action": "update",
-                    "name": attribute.name,
-                    "valueOrValues": (() => {
+                })(), className: kcClsx("kcInputClass"), "aria-invalid": displayableErrors.find(error => error.fieldIndex === fieldIndex) !== undefined, disabled: attribute.readOnly, autoComplete: attribute.autocomplete, placeholder: attribute.annotations.inputTypePlaceholder, pattern: attribute.annotations.inputTypePattern, size: attribute.annotations.inputTypeSize === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeSize}`), maxLength: attribute.annotations.inputTypeMaxlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMaxlength}`), minLength: attribute.annotations.inputTypeMinlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMinlength}`), max: attribute.annotations.inputTypeMax, min: attribute.annotations.inputTypeMin, step: attribute.annotations.inputTypeStep }, Object.fromEntries(Object.entries((_a = attribute.html5DataAnnotations) !== null && _a !== void 0 ? _a : {}).map(([key, value]) => [`data-${key}`, value])), { onChange: event => dispatchFormAction({
+                    action: "update",
+                    name: attribute.name,
+                    valueOrValues: (() => {
                         if (fieldIndex !== undefined) {
                             assert(valueOrValues instanceof Array);
                             return valueOrValues.map((value, i) => {
@@ -122,80 +122,36 @@ function InputTag(props) {
                         }
                         return event.target.value;
                     })()
-                }), onBlur: () => props.formValidationDispatch({
-                    "action": "focus lost",
-                    "name": attribute.name,
-                    "fieldIndex": fieldIndex
+                }), onBlur: () => dispatchFormAction({
+                    action: "focus lost",
+                    name: attribute.name,
+                    fieldIndex: fieldIndex
                 }) })), (() => {
                 if (fieldIndex === undefined) {
                     return null;
                 }
                 assert(valueOrValues instanceof Array);
                 const values = valueOrValues;
-                return (_jsxs(_Fragment, { children: [_jsx(FieldErrors, { attribute: attribute, getClassName: getClassName, displayableErrors: displayableErrors, fieldIndex: fieldIndex }), _jsx(AddRemoveButtonsMultiValuedAttribute, { attribute: attribute, values: values, fieldIndex: fieldIndex, dispatchFormAction: formValidationDispatch, i18n: i18n })] }));
+                return (_jsxs(_Fragment, { children: [_jsx(FieldErrors, { attribute: attribute, kcClsx: kcClsx, displayableErrors: displayableErrors, fieldIndex: fieldIndex }), _jsx(AddRemoveButtonsMultiValuedAttribute, { attribute: attribute, values: values, fieldIndex: fieldIndex, dispatchFormAction: dispatchFormAction, i18n: i18n })] }));
             })()] }));
 }
 function AddRemoveButtonsMultiValuedAttribute(props) {
     const { attribute, values, fieldIndex, dispatchFormAction, i18n } = props;
     const { msg } = i18n;
-    const hasRemove = (() => {
-        if (values.length === 1) {
-            return false;
-        }
-        const minCount = (() => {
-            const { multivalued } = attribute.validators;
-            if (multivalued === undefined) {
-                return undefined;
-            }
-            const minStr = multivalued.min;
-            if (minStr === undefined) {
-                return undefined;
-            }
-            return parseInt(`${minStr}`);
-        })();
-        if (minCount === undefined) {
-            return true;
-        }
-        if (values.length === minCount) {
-            return false;
-        }
-        return true;
-    })();
-    const hasAdd = (() => {
-        if (fieldIndex + 1 !== values.length) {
-            return false;
-        }
-        const maxCount = (() => {
-            const { multivalued } = attribute.validators;
-            if (multivalued === undefined) {
-                return undefined;
-            }
-            const maxStr = multivalued.max;
-            if (maxStr === undefined) {
-                return undefined;
-            }
-            return parseInt(`${maxStr}`);
-        })();
-        if (maxCount === undefined) {
-            return false;
-        }
-        if (values.length === maxCount) {
-            return false;
-        }
-        return true;
-    })();
-    return (_jsxs(_Fragment, { children: [hasRemove && (_jsxs("button", { id: `kc-remove-${attribute.name}-${fieldIndex + 1}`, type: "button", className: "pf-c-button pf-m-inline pf-m-link", onClick: () => dispatchFormAction({
-                    "action": "update",
-                    "name": attribute.name,
-                    "valueOrValues": values.filter((_, i) => i !== fieldIndex)
-                }), children: [msg("remove"), hasRemove ? _jsx(_Fragment, { children: "\u00A0|\u00A0" }) : null] })), hasAdd && (_jsx("button", { id: "kc-add-titles-1", type: "button", className: "pf-c-button pf-m-inline pf-m-link", onClick: () => dispatchFormAction({
-                    "action": "update",
-                    "name": attribute.name,
-                    "valueOrValues": [...values, ""]
-                }), children: msg("addValue") }))] }));
+    const { hasAdd, hasRemove } = getButtonToDisplayForMultivaluedAttributeField({ attribute, values, fieldIndex });
+    const idPostfix = `-${attribute.name}-${fieldIndex + 1}`;
+    return (_jsxs(_Fragment, { children: [hasRemove && (_jsxs(_Fragment, { children: [_jsx("button", Object.assign({ id: `kc-remove${idPostfix}`, type: "button", className: "pf-c-button pf-m-inline pf-m-link", onClick: () => dispatchFormAction({
+                            action: "update",
+                            name: attribute.name,
+                            valueOrValues: values.filter((_, i) => i !== fieldIndex)
+                        }) }, { children: msg("remove") })), hasAdd ? _jsx(_Fragment, { children: "\u00A0|\u00A0" }) : null] })), hasAdd && (_jsx("button", Object.assign({ id: `kc-add${idPostfix}`, type: "button", className: "pf-c-button pf-m-inline pf-m-link", onClick: () => dispatchFormAction({
+                    action: "update",
+                    name: attribute.name,
+                    valueOrValues: [...values, ""]
+                }) }, { children: msg("addValue") })))] }));
 }
 function InputTagSelects(props) {
-    const { attribute, formValidationDispatch, getClassName, valueOrValues } = props;
+    const { attribute, dispatchFormAction, kcClsx, valueOrValues } = props;
     const { advancedMsg } = props.i18n;
     const { classDiv, classInput, classLabel, inputType } = (() => {
         const { inputType } = attribute.annotations;
@@ -203,17 +159,17 @@ function InputTagSelects(props) {
         switch (inputType) {
             case "select-radiobuttons":
                 return {
-                    "inputType": "radio",
-                    "classDiv": getClassName("kcInputClassRadio"),
-                    "classInput": getClassName("kcInputClassRadioInput"),
-                    "classLabel": getClassName("kcInputClassRadioLabel")
+                    inputType: "radio",
+                    classDiv: kcClsx("kcInputClassRadio"),
+                    classInput: kcClsx("kcInputClassRadioInput"),
+                    classLabel: kcClsx("kcInputClassRadioLabel")
                 };
             case "multiselect-checkboxes":
                 return {
-                    "inputType": "checkbox",
-                    "classDiv": getClassName("kcInputClassCheckbox"),
-                    "classInput": getClassName("kcInputClassCheckboxInput"),
-                    "classLabel": getClassName("kcInputClassCheckboxLabel")
+                    inputType: "checkbox",
+                    classDiv: kcClsx("kcInputClassCheckbox"),
+                    classInput: kcClsx("kcInputClassCheckboxInput"),
+                    classLabel: kcClsx("kcInputClassCheckboxLabel")
                 };
         }
     })();
@@ -235,10 +191,10 @@ function InputTagSelects(props) {
         }
         return (_b = (_a = attribute.validators.options) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : [];
     })();
-    return (_jsx(_Fragment, { children: options.map(option => (_jsxs("div", { className: classDiv, children: [_jsx("input", { type: inputType, id: `${attribute.name}-${option}`, name: attribute.name, value: option, className: classInput, "aria-invalid": props.displayableErrors.length !== 0, disabled: attribute.readOnly, checked: valueOrValues.includes(option), onChange: event => formValidationDispatch({
-                        "action": "update",
-                        "name": attribute.name,
-                        "valueOrValues": (() => {
+    return (_jsx(_Fragment, { children: options.map(option => (_jsxs("div", Object.assign({ className: classDiv }, { children: [_jsx("input", { type: inputType, id: `${attribute.name}-${option}`, name: attribute.name, value: option, className: classInput, "aria-invalid": props.displayableErrors.length !== 0, disabled: attribute.readOnly, checked: valueOrValues instanceof Array ? valueOrValues.includes(option) : valueOrValues === option, onChange: event => dispatchFormAction({
+                        action: "update",
+                        name: attribute.name,
+                        valueOrValues: (() => {
                             const isChecked = event.target.checked;
                             if (valueOrValues instanceof Array) {
                                 const newValues = [...valueOrValues];
@@ -252,52 +208,52 @@ function InputTagSelects(props) {
                             }
                             return event.target.checked ? option : "";
                         })()
-                    }), onBlur: () => formValidationDispatch({
-                        "action": "focus lost",
-                        "name": attribute.name,
-                        "fieldIndex": undefined
-                    }) }), _jsx("label", { htmlFor: `${attribute.name}-${option}`, className: `${classLabel}${attribute.readOnly ? ` ${getClassName("kcInputClassRadioCheckboxLabelDisabled")}` : ""}`, children: advancedMsg(option) })] }, option))) }));
+                    }), onBlur: () => dispatchFormAction({
+                        action: "focus lost",
+                        name: attribute.name,
+                        fieldIndex: undefined
+                    }) }), _jsx("label", Object.assign({ htmlFor: `${attribute.name}-${option}`, className: `${classLabel}${attribute.readOnly ? ` ${kcClsx("kcInputClassRadioCheckboxLabelDisabled")}` : ""}` }, { children: advancedMsg(option) }))] }), option))) }));
 }
 function TextareaTag(props) {
-    const { attribute, formValidationDispatch, getClassName, displayableErrors, valueOrValues } = props;
+    const { attribute, dispatchFormAction, kcClsx, displayableErrors, valueOrValues } = props;
     assert(typeof valueOrValues === "string");
     const value = valueOrValues;
-    return (_jsx("textarea", { id: attribute.name, name: attribute.name, className: getClassName("kcInputClass"), "aria-invalid": displayableErrors.length !== 0, disabled: attribute.readOnly, cols: attribute.annotations.inputTypeCols === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeCols}`), rows: attribute.annotations.inputTypeRows === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeRows}`), maxLength: attribute.annotations.inputTypeMaxlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMaxlength}`), value: value, onChange: event => formValidationDispatch({
-            "action": "update",
-            "name": attribute.name,
-            "valueOrValues": event.target.value
-        }), onBlur: () => formValidationDispatch({
-            "action": "focus lost",
-            "name": attribute.name,
-            "fieldIndex": undefined
+    return (_jsx("textarea", { id: attribute.name, name: attribute.name, className: kcClsx("kcInputClass"), "aria-invalid": displayableErrors.length !== 0, disabled: attribute.readOnly, cols: attribute.annotations.inputTypeCols === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeCols}`), rows: attribute.annotations.inputTypeRows === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeRows}`), maxLength: attribute.annotations.inputTypeMaxlength === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeMaxlength}`), value: value, onChange: event => dispatchFormAction({
+            action: "update",
+            name: attribute.name,
+            valueOrValues: event.target.value
+        }), onBlur: () => dispatchFormAction({
+            action: "focus lost",
+            name: attribute.name,
+            fieldIndex: undefined
         }) }));
 }
 function SelectTag(props) {
-    const { attribute, formValidationDispatch, getClassName, displayableErrors, i18n, valueOrValues } = props;
+    const { attribute, dispatchFormAction, kcClsx, displayableErrors, i18n, valueOrValues } = props;
     const { advancedMsg } = i18n;
     const isMultiple = attribute.annotations.inputType === "multiselect";
-    return (_jsxs("select", { id: attribute.name, name: attribute.name, className: getClassName("kcInputClass"), "aria-invalid": displayableErrors.length !== 0, disabled: attribute.readOnly, multiple: isMultiple, size: attribute.annotations.inputTypeSize === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeSize}`), value: valueOrValues, onChange: event => formValidationDispatch({
-            "action": "update",
-            "name": attribute.name,
-            "valueOrValues": (() => {
+    return (_jsxs("select", Object.assign({ id: attribute.name, name: attribute.name, className: kcClsx("kcInputClass"), "aria-invalid": displayableErrors.length !== 0, disabled: attribute.readOnly, multiple: isMultiple, size: attribute.annotations.inputTypeSize === undefined ? undefined : parseInt(`${attribute.annotations.inputTypeSize}`), value: valueOrValues, onChange: event => dispatchFormAction({
+            action: "update",
+            name: attribute.name,
+            valueOrValues: (() => {
                 if (isMultiple) {
                     return Array.from(event.target.selectedOptions).map(option => option.value);
                 }
                 return event.target.value;
             })()
-        }), onBlur: () => formValidationDispatch({
-            "action": "focus lost",
-            "name": attribute.name,
-            "fieldIndex": undefined
-        }), children: [!isMultiple && _jsx("option", { value: "" }), (() => {
+        }), onBlur: () => dispatchFormAction({
+            action: "focus lost",
+            name: attribute.name,
+            fieldIndex: undefined
+        }) }, { children: [!isMultiple && _jsx("option", { value: "" }), (() => {
                 const options = (() => {
                     var _a, _b;
                     walk: {
                         const { inputOptionsFromValidation } = attribute.annotations;
-                        assert(typeof inputOptionsFromValidation === "string");
                         if (inputOptionsFromValidation === undefined) {
                             break walk;
                         }
+                        assert(typeof inputOptionsFromValidation === "string");
                         const validator = attribute.validators[inputOptionsFromValidation];
                         if (validator === undefined) {
                             break walk;
@@ -309,7 +265,7 @@ function SelectTag(props) {
                     }
                     return (_b = (_a = attribute.validators.options) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : [];
                 })();
-                return options.map(option => (_jsx("option", { value: option, children: (() => {
+                return options.map(option => (_jsx("option", Object.assign({ value: option }, { children: (() => {
                         var _a;
                         if (attribute.annotations.inputOptionLabels !== undefined) {
                             const { inputOptionLabels } = attribute.annotations;
@@ -319,7 +275,7 @@ function SelectTag(props) {
                             return advancedMsg(`${attribute.annotations.inputOptionLabelsI18nPrefix}.${option}`);
                         }
                         return option;
-                    })() }, option)));
-            })()] }));
+                    })() }), option)));
+            })()] })));
 }
 //# sourceMappingURL=UserProfileFormFields.js.map