@keycloakify/angular 0.0.1-rc.2 → 0.0.1-rc.20

package/fesm2022/keycloakify-angular-login-services-user-profile-form.mjs

@@ -0,0 +1,1026 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Injectable } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { LoginResourceInjectorService } from '@keycloakify/angular/login/services/login-resource-injector';
+import { LOGIN_I18N } from '@keycloakify/angular/login/tokens/i18n';
+import { KC_LOGIN_CONTEXT } from '@keycloakify/angular/login/tokens/kc-context';
+import { DO_MAKE_USER_CONFIRM_PASSWORD } from '@keycloakify/angular/login/tokens/make-user-confirm-password';
+import { emailRegexp } from 'keycloakify/tools/emailRegExp';
+import { formatNumber } from 'keycloakify/tools/formatNumber';
+import { structuredCloneButFunctions } from 'keycloakify/tools/structuredCloneButFunctions';
+import { id, assert } from 'tsafe';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+class UserProfileFormService {
+    constructor() {
+        this.kcContext = inject(KC_LOGIN_CONTEXT);
+        this.i18n = inject(LOGIN_I18N);
+        this.doMakeUserConfirmPassword = inject(DO_MAKE_USER_CONFIRM_PASSWORD);
+        this.loginResourceInjectorService = inject(LoginResourceInjectorService);
+        this.sanitizer = inject(DomSanitizer);
+        this.initialState = (() => {
+            const attributes = (() => {
+                mock_user_profile_attributes_for_older_keycloak_versions: {
+                    if ('profile' in this.kcContext &&
+                        'attributesByName' in this.kcContext.profile &&
+                        Object.keys(this.kcContext.profile.attributesByName).length !== 0) {
+                        break mock_user_profile_attributes_for_older_keycloak_versions;
+                    }
+                    if ('register' in this.kcContext &&
+                        this.kcContext.register instanceof Object &&
+                        'formData' in this.kcContext.register) {
+                        //NOTE: Handle legacy register.ftl page
+                        return ['firstName', 'lastName', 'email', 'username']
+                            .filter(name => name !== 'username'
+                            ? true
+                            : !this.kcContext.realm.registrationEmailAsUsername)
+                            .map(name => id({
+                            name: name,
+                            displayName: id(`\${${name}}`),
+                            required: true,
+                            value: this.kcContext.register.formData[name] ?? '',
+                            html5DataAnnotations: {},
+                            readOnly: false,
+                            validators: {},
+                            annotations: {},
+                            autocomplete: (() => {
+                                switch (name) {
+                                    case 'email':
+                                        return 'email';
+                                    case 'username':
+                                        return 'username';
+                                    default:
+                                        return undefined;
+                                }
+                            })()
+                        }));
+                    }
+                    if ('user' in this.kcContext && this.kcContext.user instanceof Object) {
+                        //NOTE: Handle legacy login-update-profile.ftl
+                        return ['username', 'email', 'firstName', 'lastName']
+                            .filter(name => name !== 'username'
+                            ? true
+                            : this.kcContext.user.editUsernameAllowed)
+                            .map(name => id({
+                            name: name,
+                            displayName: id(`\${${name}}`),
+                            required: true,
+                            value: this.kcContext.user[name] ?? '',
+                            html5DataAnnotations: {},
+                            readOnly: false,
+                            validators: {},
+                            annotations: {},
+                            autocomplete: (() => {
+                                switch (name) {
+                                    case 'email':
+                                        return 'email';
+                                    case 'username':
+                                        return 'username';
+                                    default:
+                                        return undefined;
+                                }
+                            })()
+                        }));
+                    }
+                    if ('email' in this.kcContext && this.kcContext.email instanceof Object) {
+                        //NOTE: Handle legacy update-email.ftl
+                        return [
+                            id({
+                                name: 'email',
+                                displayName: id(`\${email}`),
+                                required: true,
+                                value: this.kcContext.email.value ?? '',
+                                html5DataAnnotations: {},
+                                readOnly: false,
+                                validators: {},
+                                annotations: {},
+                                autocomplete: 'email'
+                            })
+                        ];
+                    }
+                    assert(false, 'Unable to mock user profile from the current kcContext');
+                }
+                return Object.values(this.kcContext.profile.attributesByName).map(structuredCloneButFunctions);
+            })();
+            // Retro-compatibility and consistency patches
+            attributes.forEach(attribute => {
+                patch_legacy_group: {
+                    if (typeof attribute.group !== 'string') {
+                        break patch_legacy_group;
+                    }
+                    const { group, groupDisplayHeader, groupDisplayDescription, groupAnnotations } = attribute;
+                    delete attribute.group;
+                    // @ts-expect-error
+                    delete attribute.groupDisplayHeader;
+                    // @ts-expect-error
+                    delete attribute.groupDisplayDescription;
+                    // @ts-expect-error
+                    delete attribute.groupAnnotations;
+                    if (group === '') {
+                        break patch_legacy_group;
+                    }
+                    attribute.group = {
+                        name: group,
+                        displayHeader: groupDisplayHeader,
+                        displayDescription: groupDisplayDescription,
+                        annotations: groupAnnotations,
+                        html5DataAnnotations: {}
+                    };
+                }
+                // Attributes with options rendered by default as select inputs
+                if (attribute.validators.options !== undefined &&
+                    attribute.annotations.inputType === undefined) {
+                    attribute.annotations.inputType = 'select';
+                }
+                // Consistency patch on values/value property
+                {
+                    if (this.getIsMultivaluedSingleField({ attribute })) {
+                        attribute.multivalued = true;
+                    }
+                    if (attribute.multivalued) {
+                        attribute.values ??=
+                            attribute.value !== undefined ? [attribute.value] : [];
+                        delete attribute.value;
+                    }
+                    else {
+                        attribute.value ??= attribute.values?.[0];
+                        delete attribute.values;
+                    }
+                }
+            });
+            add_password_and_password_confirm: {
+                if (!this.kcContext.passwordRequired) {
+                    break add_password_and_password_confirm;
+                }
+                attributes.forEach((attribute, i) => {
+                    if (attribute.name !==
+                        (this.kcContext.realm.registrationEmailAsUsername
+                            ? 'email'
+                            : 'username')) {
+                        // NOTE: We want to add password and password-confirm after the field that identifies the user.
+                        // It's either email or username.
+                        return;
+                    }
+                    attributes.splice(i + 1, 0, {
+                        name: 'password',
+                        displayName: id('${password}'),
+                        required: true,
+                        readOnly: false,
+                        validators: {},
+                        annotations: {},
+                        autocomplete: 'new-password',
+                        html5DataAnnotations: {}
+                    }, {
+                        name: 'password-confirm',
+                        displayName: id('${passwordConfirm}'),
+                        required: true,
+                        readOnly: false,
+                        validators: {},
+                        annotations: {},
+                        html5DataAnnotations: {},
+                        autocomplete: 'new-password'
+                    });
+                });
+            }
+            const initialFormFieldState = [];
+            for (const attribute of attributes) {
+                handle_multi_valued_attribute: {
+                    if (!attribute.multivalued) {
+                        break handle_multi_valued_attribute;
+                    }
+                    const values = attribute.values?.length ? attribute.values : [''];
+                    apply_validator_min_range: {
+                        if (this.getIsMultivaluedSingleField({ attribute })) {
+                            break apply_validator_min_range;
+                        }
+                        const validator = attribute.validators.multivalued;
+                        if (validator === undefined) {
+                            break apply_validator_min_range;
+                        }
+                        const { min: minStr } = validator;
+                        if (!minStr) {
+                            break apply_validator_min_range;
+                        }
+                        const min = parseInt(`${minStr}`);
+                        for (let index = values.length; index < min; index++) {
+                            values.push('');
+                        }
+                    }
+                    initialFormFieldState.push({
+                        attribute,
+                        valueOrValues: values
+                    });
+                    continue;
+                }
+                initialFormFieldState.push({
+                    attribute,
+                    valueOrValues: attribute.value ?? ''
+                });
+            }
+            const initialState = {
+                formFieldStates: initialFormFieldState.map(({ attribute, valueOrValues }) => ({
+                    attribute,
+                    errors: this.getErrors({
+                        attributeName: attribute.name,
+                        formFieldStates: initialFormFieldState
+                    }),
+                    hasLostFocusAtLeastOnce: valueOrValues instanceof Array &&
+                        !this.getIsMultivaluedSingleField({ attribute })
+                        ? valueOrValues.map(() => false)
+                        : false,
+                    valueOrValues: valueOrValues
+                }))
+            };
+            return initialState;
+        })();
+        this.state = signal(this.initialState);
+        this.formState = computed(() => {
+            const state = this.state();
+            return {
+                formFieldStates: state.formFieldStates.map(({ errors, hasLostFocusAtLeastOnce: hasLostFocusAtLeastOnceOrArr, attribute, ...valueOrValuesWrap }) => ({
+                    displayableErrors: errors.filter(error => {
+                        const hasLostFocusAtLeastOnce = typeof hasLostFocusAtLeastOnceOrArr === 'boolean'
+                            ? hasLostFocusAtLeastOnceOrArr
+                            : error.fieldIndex !== undefined
+                                ? hasLostFocusAtLeastOnceOrArr[error.fieldIndex]
+                                : hasLostFocusAtLeastOnceOrArr[hasLostFocusAtLeastOnceOrArr.length - 1];
+                        let value = false;
+                        switch (error.source.type) {
+                            case 'server':
+                                value = true;
+                                break;
+                            case 'other':
+                                switch (error.source.rule) {
+                                    case 'requiredField':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'passwordConfirmMatchesPassword':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                }
+                                // assert<Equals<typeof error.source.rule, never>>(false);
+                                break;
+                            case 'passwordPolicy':
+                                switch (error.source.name) {
+                                    case 'length':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'digits':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'lowerCase':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'upperCase':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'specialChars':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'notUsername':
+                                        value = true;
+                                        break;
+                                    case 'notEmail':
+                                        value = true;
+                                        break;
+                                }
+                                // assert<Equals<typeof error.source, never>>(false);
+                                break;
+                            case 'validator':
+                                switch (error.source.name) {
+                                    case 'length':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'pattern':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'email':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'integer':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'multivalued':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                    case 'options':
+                                        value = hasLostFocusAtLeastOnce;
+                                        break;
+                                }
+                                // assert<Equals<typeof error.source, never>>(false);
+                                break;
+                        }
+                        return value;
+                    }),
+                    attribute,
+                    ...valueOrValuesWrap
+                })),
+                isFormSubmittable: state.formFieldStates.every(({ errors }) => errors.length === 0)
+            };
+        });
+        this.loginResourceInjectorService.insertAdditionalScripts(Object.keys(this.kcContext.profile?.html5DataAnnotations ?? {})
+            .filter(key => key !== 'kcMultivalued' && key !== 'kcNumberFormat') // NOTE: Keycloakify handles it.
+            .map(key => ({
+            type: 'module',
+            src: `${this.kcContext.url.resourcesPath}/js/${key}.js`,
+            id: `${this.kcContext.url.resourcesPath}/js/${key}.js`
+        })));
+    }
+    dispatchFormAction(formAction) {
+        if (!formAction)
+            return;
+        const state = this.state();
+        const formFieldState = state.formFieldStates.find(({ attribute }) => attribute.name === formAction.name);
+        assert(formFieldState !== undefined);
+        switch (formAction.action) {
+            case 'update':
+                formFieldState.valueOrValues = formAction.valueOrValues;
+                apply_formatters: {
+                    const { attribute } = formFieldState;
+                    const { kcNumberFormat } = attribute.html5DataAnnotations ?? {};
+                    if (!kcNumberFormat) {
+                        break apply_formatters;
+                    }
+                    if (formFieldState.valueOrValues instanceof Array) {
+                        formFieldState.valueOrValues = formFieldState.valueOrValues.map(value => formatNumber(value, kcNumberFormat));
+                    }
+                    else {
+                        formFieldState.valueOrValues = formatNumber(formFieldState.valueOrValues, kcNumberFormat);
+                    }
+                }
+                formFieldState.errors = this.getErrors({
+                    attributeName: formAction.name,
+                    formFieldStates: state.formFieldStates
+                });
+                simulate_focus_lost: {
+                    const { displayErrorsImmediately = false } = formAction;
+                    if (!displayErrorsImmediately) {
+                        break simulate_focus_lost;
+                    }
+                    for (const fieldIndex of formAction.valueOrValues instanceof Array
+                        ? formAction.valueOrValues.map((...[, index]) => index)
+                        : [undefined]) {
+                        this.dispatchFormAction({
+                            action: 'focus lost',
+                            name: formAction.name,
+                            fieldIndex
+                        });
+                    }
+                }
+                update_password_confirm: {
+                    if (this.doMakeUserConfirmPassword) {
+                        break update_password_confirm;
+                    }
+                    if (formAction.name !== 'password') {
+                        break update_password_confirm;
+                    }
+                    this.dispatchFormAction({
+                        action: 'update',
+                        name: 'password-confirm',
+                        valueOrValues: formAction.valueOrValues,
+                        displayErrorsImmediately: formAction.displayErrorsImmediately
+                    });
+                }
+                trigger_password_confirm_validation_on_password_change: {
+                    if (!this.doMakeUserConfirmPassword) {
+                        break trigger_password_confirm_validation_on_password_change;
+                    }
+                    if (formAction.name !== 'password') {
+                        break trigger_password_confirm_validation_on_password_change;
+                    }
+                    this.dispatchFormAction({
+                        action: 'update',
+                        name: 'password-confirm',
+                        valueOrValues: (() => {
+                            const formFieldState = state.formFieldStates.find(({ attribute }) => attribute.name === 'password-confirm');
+                            assert(formFieldState !== undefined);
+                            return formFieldState.valueOrValues;
+                        })(),
+                        displayErrorsImmediately: formAction.displayErrorsImmediately
+                    });
+                }
+                break;
+            case 'focus lost':
+                if (formFieldState.hasLostFocusAtLeastOnce instanceof Array) {
+                    const { fieldIndex } = formAction;
+                    assert(fieldIndex !== undefined);
+                    formFieldState.hasLostFocusAtLeastOnce[fieldIndex] = true;
+                    break;
+                }
+                formFieldState.hasLostFocusAtLeastOnce = true;
+                break;
+        }
+        this.state.update(state => ({
+            ...state,
+            formFieldStates: state.formFieldStates.map(f => {
+                if (f.attribute === formFieldState.attribute)
+                    return formFieldState;
+                return f;
+            })
+        }));
+    }
+    getIsMultivaluedSingleField(params) {
+        const { attribute } = params;
+        return attribute.annotations.inputType?.startsWith('multiselect') ?? false;
+    }
+    getErrors(params) {
+        const { messagesPerField, passwordPolicies } = this.kcContext;
+        const { msgStr, advancedMsgStr } = this.i18n;
+        const { attributeName, formFieldStates } = params;
+        const formFieldState = formFieldStates.find(({ attribute }) => attribute.name === attributeName);
+        assert(formFieldState !== undefined);
+        const { attribute } = formFieldState;
+        const valueOrValues = (() => {
+            let { valueOrValues } = formFieldState;
+            unFormat_number: {
+                const { kcNumberUnFormat } = attribute.html5DataAnnotations ?? {};
+                if (!kcNumberUnFormat) {
+                    break unFormat_number;
+                }
+                if (valueOrValues instanceof Array) {
+                    valueOrValues = valueOrValues.map(value => formatNumber(value, kcNumberUnFormat));
+                }
+                else {
+                    valueOrValues = formatNumber(valueOrValues, kcNumberUnFormat);
+                }
+            }
+            return valueOrValues;
+        })();
+        assert(attribute !== undefined);
+        server_side_error: {
+            if (attribute.multivalued) {
+                const defaultValues = attribute.values?.length ? attribute.values : [''];
+                assert(valueOrValues instanceof Array);
+                const values = valueOrValues;
+                if (JSON.stringify(defaultValues) !==
+                    JSON.stringify(values.slice(0, defaultValues.length))) {
+                    break server_side_error;
+                }
+            }
+            else {
+                const defaultValue = attribute.value ?? '';
+                assert(typeof valueOrValues === 'string');
+                const value = valueOrValues;
+                if (defaultValue !== value) {
+                    break server_side_error;
+                }
+            }
+            let doesErrorExist;
+            try {
+                doesErrorExist = messagesPerField.existsError(attributeName);
+            }
+            catch {
+                break server_side_error;
+            }
+            if (!doesErrorExist) {
+                break server_side_error;
+            }
+            const errorMessageStr = messagesPerField.get(attributeName);
+            return [
+                {
+                    errorMessageStr,
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span>${errorMessageStr}</span>`),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'server'
+                    }
+                }
+            ];
+        }
+        handle_multi_valued_multi_fields: {
+            if (!attribute.multivalued) {
+                break handle_multi_valued_multi_fields;
+            }
+            if (this.getIsMultivaluedSingleField({ attribute })) {
+                break handle_multi_valued_multi_fields;
+            }
+            assert(valueOrValues instanceof Array);
+            const values = valueOrValues;
+            const errors = values
+                .map((...[, index]) => {
+                const specificValueErrors = this.getErrors({
+                    attributeName,
+                    formFieldStates: formFieldStates.map(formFieldState => {
+                        if (formFieldState.attribute.name === attributeName) {
+                            assert(formFieldState.valueOrValues instanceof Array);
+                            return {
+                                attribute: {
+                                    ...attribute,
+                                    annotations: {
+                                        ...attribute.annotations,
+                                        inputType: undefined
+                                    },
+                                    multivalued: false
+                                },
+                                valueOrValues: formFieldState.valueOrValues[index]
+                            };
+                        }
+                        return formFieldState;
+                    })
+                });
+                return specificValueErrors
+                    .filter(error => {
+                    if (error.source.type === 'other' &&
+                        error.source.rule === 'requiredField') {
+                        return false;
+                    }
+                    return true;
+                })
+                    .map((error) => ({
+                    ...error,
+                    fieldIndex: index
+                }));
+            })
+                .reduce((acc, errors) => [...acc, ...errors], []);
+            required_field: {
+                if (!attribute.required) {
+                    break required_field;
+                }
+                if (values.every(value => value !== '')) {
+                    break required_field;
+                }
+                const msgArgs = ['error-user-attribute-required'];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'other',
+                        rule: 'requiredField'
+                    }
+                });
+            }
+            return errors;
+        }
+        handle_multi_valued_single_field: {
+            if (!attribute.multivalued) {
+                break handle_multi_valued_single_field;
+            }
+            if (!this.getIsMultivaluedSingleField({ attribute })) {
+                break handle_multi_valued_single_field;
+            }
+            const validatorName = 'multivalued';
+            const validator = attribute.validators[validatorName];
+            if (validator === undefined) {
+                return [];
+            }
+            const { min: minStr } = validator;
+            const min = minStr ? parseInt(`${minStr}`) : attribute.required ? 1 : 0;
+            assert(!isNaN(min));
+            const { max: maxStr } = validator;
+            const max = !maxStr ? Infinity : parseInt(`${maxStr}`);
+            assert(!isNaN(max));
+            assert(valueOrValues instanceof Array);
+            const values = valueOrValues;
+            if (min <= values.length && values.length <= max) {
+                return [];
+            }
+            const msgArgs = [
+                'error-invalid-multivalued-size',
+                `${min}`,
+                `${max}`
+            ];
+            return [
+                {
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="0">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'validator',
+                        name: validatorName
+                    }
+                }
+            ];
+        }
+        assert(typeof valueOrValues === 'string');
+        const value = valueOrValues;
+        const errors = [];
+        check_password_policies: {
+            if (attributeName !== 'password') {
+                break check_password_policies;
+            }
+            if (passwordPolicies === undefined) {
+                break check_password_policies;
+            }
+            check_password_policy_x: {
+                const policyName = 'length';
+                const policy = passwordPolicies[policyName];
+                if (!policy) {
+                    break check_password_policy_x;
+                }
+                const minLength = policy;
+                if (value.length >= minLength) {
+                    break check_password_policy_x;
+                }
+                const msgArgs = [
+                    'invalidPasswordMinLengthMessage',
+                    `${minLength}`
+                ];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'passwordPolicy',
+                        name: policyName
+                    }
+                });
+            }
+            check_password_policy_x: {
+                const policyName = 'digits';
+                const policy = passwordPolicies[policyName];
+                if (!policy) {
+                    break check_password_policy_x;
+                }
+                const minNumberOfDigits = policy;
+                if (value.split('').filter(char => !isNaN(parseInt(char))).length >=
+                    minNumberOfDigits) {
+                    break check_password_policy_x;
+                }
+                const msgArgs = [
+                    'invalidPasswordMinDigitsMessage',
+                    `${minNumberOfDigits}`
+                ];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'passwordPolicy',
+                        name: policyName
+                    }
+                });
+            }
+            check_password_policy_x: {
+                const policyName = 'lowerCase';
+                const policy = passwordPolicies[policyName];
+                if (!policy) {
+                    break check_password_policy_x;
+                }
+                const minNumberOfLowerCaseChar = policy;
+                if (value
+                    .split('')
+                    .filter(char => char === char.toLowerCase() && char !== char.toUpperCase()).length >= minNumberOfLowerCaseChar) {
+                    break check_password_policy_x;
+                }
+                const msgArgs = [
+                    'invalidPasswordMinLowerCaseCharsMessage',
+                    `${minNumberOfLowerCaseChar}`
+                ];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'passwordPolicy',
+                        name: policyName
+                    }
+                });
+            }
+            check_password_policy_x: {
+                const policyName = 'upperCase';
+                const policy = passwordPolicies[policyName];
+                if (!policy) {
+                    break check_password_policy_x;
+                }
+                const minNumberOfUpperCaseChar = policy;
+                if (value
+                    .split('')
+                    .filter(char => char === char.toUpperCase() && char !== char.toLowerCase()).length >= minNumberOfUpperCaseChar) {
+                    break check_password_policy_x;
+                }
+                const msgArgs = [
+                    'invalidPasswordMinUpperCaseCharsMessage',
+                    `${minNumberOfUpperCaseChar}`
+                ];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'passwordPolicy',
+                        name: policyName
+                    }
+                });
+            }
+            check_password_policy_x: {
+                const policyName = 'specialChars';
+                const policy = passwordPolicies[policyName];
+                if (!policy) {
+                    break check_password_policy_x;
+                }
+                const minNumberOfSpecialChar = policy;
+                if (value.split('').filter(char => !char.match(/[a-zA-Z0-9]/)).length >=
+                    minNumberOfSpecialChar) {
+                    break check_password_policy_x;
+                }
+                const msgArgs = [
+                    'invalidPasswordMinSpecialCharsMessage',
+                    `${minNumberOfSpecialChar}`
+                ];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'passwordPolicy',
+                        name: policyName
+                    }
+                });
+            }
+            check_password_policy_x: {
+                const policyName = 'notUsername';
+                const notUsername = passwordPolicies[policyName];
+                if (!notUsername) {
+                    break check_password_policy_x;
+                }
+                const usernameFormFieldState = formFieldStates.find(formFieldState => formFieldState.attribute.name === 'username');
+                if (!usernameFormFieldState) {
+                    break check_password_policy_x;
+                }
+                const usernameValue = (() => {
+                    let { valueOrValues } = usernameFormFieldState;
+                    assert(typeof valueOrValues === 'string');
+                    unFormat_number: {
+                        const { kcNumberUnFormat } = attribute.html5DataAnnotations ?? {};
+                        if (!kcNumberUnFormat) {
+                            break unFormat_number;
+                        }
+                        valueOrValues = formatNumber(valueOrValues, kcNumberUnFormat);
+                    }
+                    return valueOrValues;
+                })();
+                if (usernameValue === '') {
+                    break check_password_policy_x;
+                }
+                if (value !== usernameValue) {
+                    break check_password_policy_x;
+                }
+                const msgArgs = ['invalidPasswordNotUsernameMessage'];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'passwordPolicy',
+                        name: policyName
+                    }
+                });
+            }
+            check_password_policy_x: {
+                const policyName = 'notEmail';
+                const notEmail = passwordPolicies[policyName];
+                if (!notEmail) {
+                    break check_password_policy_x;
+                }
+                const emailFormFieldState = formFieldStates.find(formFieldState => formFieldState.attribute.name === 'email');
+                if (!emailFormFieldState) {
+                    break check_password_policy_x;
+                }
+                assert(typeof emailFormFieldState.valueOrValues === 'string');
+                {
+                    const emailValue = emailFormFieldState.valueOrValues;
+                    if (emailValue === '') {
+                        break check_password_policy_x;
+                    }
+                    if (value !== emailValue) {
+                        break check_password_policy_x;
+                    }
+                }
+                const msgArgs = ['invalidPasswordNotEmailMessage'];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source: {
+                        type: 'passwordPolicy',
+                        name: policyName
+                    }
+                });
+            }
+        }
+        password_confirm_matches_password: {
+            if (attributeName !== 'password-confirm') {
+                break password_confirm_matches_password;
+            }
+            const passwordFormFieldState = formFieldStates.find(formFieldState => formFieldState.attribute.name === 'password');
+            assert(passwordFormFieldState !== undefined);
+            assert(typeof passwordFormFieldState.valueOrValues === 'string');
+            {
+                const passwordValue = passwordFormFieldState.valueOrValues;
+                if (value === passwordValue) {
+                    break password_confirm_matches_password;
+                }
+            }
+            const msgArgs = ['invalidPasswordConfirmMessage'];
+            errors.push({
+                errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                errorMessageStr: msgStr(...msgArgs),
+                fieldIndex: undefined,
+                source: {
+                    type: 'other',
+                    rule: 'passwordConfirmMatchesPassword'
+                }
+            });
+        }
+        const { validators } = attribute;
+        required_field: {
+            if (!attribute.required) {
+                break required_field;
+            }
+            if (value !== '') {
+                break required_field;
+            }
+            const msgArgs = ['error-user-attribute-required'];
+            errors.push({
+                errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                errorMessageStr: msgStr(...msgArgs),
+                fieldIndex: undefined,
+                source: {
+                    type: 'other',
+                    rule: 'requiredField'
+                }
+            });
+        }
+        validator_x: {
+            const validatorName = 'length';
+            const validator = validators[validatorName];
+            if (!validator) {
+                break validator_x;
+            }
+            const { 'ignore.empty.value': ignoreEmptyValue = false, max, min } = validator;
+            if (ignoreEmptyValue && value === '') {
+                break validator_x;
+            }
+            const source = {
+                type: 'validator',
+                name: validatorName
+            };
+            if (max && value.length > parseInt(`${max}`)) {
+                const msgArgs = ['error-invalid-length-too-long', `${max}`];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source
+                });
+            }
+            if (min && value.length < parseInt(`${min}`)) {
+                const msgArgs = ['error-invalid-length-too-short', `${min}`];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source
+                });
+            }
+        }
+        validator_x: {
+            const validatorName = 'pattern';
+            const validator = validators[validatorName];
+            if (validator === undefined) {
+                break validator_x;
+            }
+            const { 'ignore.empty.value': ignoreEmptyValue = false, pattern, 'error-message': errorMessageKey } = validator;
+            if (ignoreEmptyValue && value === '') {
+                break validator_x;
+            }
+            if (new RegExp(pattern).test(value)) {
+                break validator_x;
+            }
+            const msgArgs = [
+                errorMessageKey ?? id('shouldMatchPattern'),
+                pattern
+            ];
+            errors.push({
+                errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${advancedMsgStr(...msgArgs)}</span>`),
+                errorMessageStr: advancedMsgStr(...msgArgs),
+                fieldIndex: undefined,
+                source: {
+                    type: 'validator',
+                    name: validatorName
+                }
+            });
+        }
+        validator_x: {
+            {
+                const lastError = errors[errors.length - 1];
+                if (lastError !== undefined &&
+                    lastError.source.type === 'validator' &&
+                    lastError.source.name === 'pattern') {
+                    break validator_x;
+                }
+            }
+            const validatorName = 'email';
+            const validator = validators[validatorName];
+            if (validator === undefined) {
+                break validator_x;
+            }
+            const { 'ignore.empty.value': ignoreEmptyValue = false } = validator;
+            if (ignoreEmptyValue && value === '') {
+                break validator_x;
+            }
+            if (emailRegexp.test(value)) {
+                break validator_x;
+            }
+            const msgArgs = [id('invalidEmailMessage')];
+            errors.push({
+                errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                errorMessageStr: msgStr(...msgArgs),
+                fieldIndex: undefined,
+                source: {
+                    type: 'validator',
+                    name: validatorName
+                }
+            });
+        }
+        validator_x: {
+            const validatorName = 'integer';
+            const validator = validators[validatorName];
+            if (validator === undefined) {
+                break validator_x;
+            }
+            const { 'ignore.empty.value': ignoreEmptyValue = false, max, min } = validator;
+            if (ignoreEmptyValue && value === '') {
+                break validator_x;
+            }
+            const intValue = parseInt(value);
+            const source = {
+                type: 'validator',
+                name: validatorName
+            };
+            if (isNaN(intValue)) {
+                const msgArgs = ['mustBeAnInteger'];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source
+                });
+                break validator_x;
+            }
+            if (max && intValue > parseInt(`${max}`)) {
+                const msgArgs = ['error-number-out-of-range-too-big', `${max}`];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source
+                });
+                break validator_x;
+            }
+            if (min && intValue < parseInt(`${min}`)) {
+                const msgArgs = [
+                    'error-number-out-of-range-too-small',
+                    `${min}`
+                ];
+                errors.push({
+                    errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                    errorMessageStr: msgStr(...msgArgs),
+                    fieldIndex: undefined,
+                    source
+                });
+                break validator_x;
+            }
+        }
+        validator_x: {
+            const validatorName = 'options';
+            const validator = validators[validatorName];
+            if (validator === undefined) {
+                break validator_x;
+            }
+            if (value === '') {
+                break validator_x;
+            }
+            if (validator.options.indexOf(value) >= 0) {
+                break validator_x;
+            }
+            const msgArgs = [id('notAValidOption')];
+            errors.push({
+                errorMessage: this.sanitizer.bypassSecurityTrustHtml(`<span data-key="${attributeName}-${errors.length}">${msgStr(...msgArgs)}</span>`),
+                errorMessageStr: msgStr(...msgArgs),
+                fieldIndex: undefined,
+                source: {
+                    type: 'validator',
+                    name: validatorName
+                }
+            });
+        }
+        //TODO: Implement missing validators. See Validators type definition.
+        return errors;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UserProfileFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UserProfileFormService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.7", ngImport: i0, type: UserProfileFormService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { UserProfileFormService };
+//# sourceMappingURL=keycloakify-angular-login-services-user-profile-form.mjs.map