keycloakify 7.0.0-rc.4 → 7.0.0-rc.6

package/login/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 "../../login/pages/shared/UserProfileCommons";
+import { defaultClasses } from "../../login/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/login/pages/UpdateUserProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateUserProfile.js","sourceRoot":"","sources":["../../src/login/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,mDAAmD,CAAC;AAC1F,OAAO,EAAkB,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnF,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/login/pages/WebauthnAuthenticate.d.ts

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

package/login/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 "../../login/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/login/pages/WebauthnAuthenticate.js.map

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

package/login/pages/shared/UserProfileCommons.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { ClassKey } from "../../../login/pages/PageProps";
+import { useFormValidation } from "../../../login/lib/useFormValidation";
+import type { Attribute } from "../../../login/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/login/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 "../../../login/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/login/pages/shared/UserProfileCommons.js.map

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