keycloakify 6.0.0-beta.3 → 6.0.0-beta.9

package/lib/useFormValidationSlice.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import "./tools/Array.prototype.every";
+import React from "react";
 import type { KcContextBase, Validators, Attribute } from "./getKcContext/KcContextBase";
-import type { KcLanguageTag } from "./i18n";
 import type { I18n } from "./i18n";
+/** Expect to be used in a component wrapped within a <I18nProvider> */
 export declare function useGetErrors(params: {
     kcContext: {
         messagesPerField: Pick<KcContextBase.Common["messagesPerField"], "existsError" | "get">;
@@ -13,11 +13,8 @@ export declare function useGetErrors(params: {
                 validators: Validators;
             }[];
         };
-        locale?: {
-            currentLanguageTag: KcLanguageTag;
-        };
     };
-    useI18n: () => I18n;
+    i18n: I18n;
 }): {
     getErrors: (params: {
         name: string;
@@ -41,9 +38,9 @@ export declare function useFormValidationSlice(params: {
             registrationEmailAsUsername: boolean;
         };
     };
-    useI18n: () => I18n;
     /** NOTE: Try to avoid passing a new ref every render for better performances. */
     passwordValidators?: Validators;
+    i18n: I18n;
 }): {
     formValidationState: {
         fieldStateByAttributeName: {
@@ -52,13 +49,13 @@ export declare function useFormValidationSlice(params: {
                 displayableErrors: {
                     errorMessage: JSX.Element;
                     errorMessageStr: string;
-                    validatorName: "length" | "double" | "pattern" | "email" | "options" | "integer" | "up-immutable-attribute" | "up-attribute-required-by-metadata-value" | "up-username-has-value" | "up-duplicate-username" | "up-username-mutation" | "up-email-exists-as-username" | "up-blank-attribute-value" | "up-duplicate-email" | "local-date" | "person-name-prohibited-characters" | "uri" | "username-prohibited-characters" | "_compareToOther" | undefined;
+                    validatorName: "length" | "double" | "pattern" | "email" | "integer" | "up-immutable-attribute" | "up-attribute-required-by-metadata-value" | "up-username-has-value" | "up-duplicate-username" | "up-username-mutation" | "up-email-exists-as-username" | "up-blank-attribute-value" | "up-duplicate-email" | "local-date" | "person-name-prohibited-characters" | "uri" | "username-prohibited-characters" | "_compareToOther" | "options" | undefined;
                 }[];
             };
         };
         isFormSubmittable: boolean;
     };
-    formValidationReducer: import("react").Dispatch<{
+    formValidationReducer: React.Dispatch<{
         action: "update value";
         name: string;
         newValue: string;

package/lib/useFormValidationSlice.js

@@ -1,234 +1,195 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFormValidationSlice = exports.useGetErrors = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-require("./tools/Array.prototype.every");
-var react_1 = require("react");
-var useConstCallback_1 = require("powerhooks/useConstCallback");
-var id_1 = require("tsafe/id");
-var emailRegExp_1 = require("./tools/emailRegExp");
-function useGetErrors(params) {
-    var kcContext = params.kcContext, useI18n = params.useI18n;
-    var messagesPerField = kcContext.messagesPerField, attributes = kcContext.profile.attributes;
-    var _a = useI18n(), msg = _a.msg, msgStr = _a.msgStr, advancedMsg = _a.advancedMsg, advancedMsgStr = _a.advancedMsgStr;
-    var getErrors = (0, useConstCallback_1.useConstCallback)(function (params) {
-        var _a;
-        var name = params.name, fieldValueByAttributeName = params.fieldValueByAttributeName;
-        var value = fieldValueByAttributeName[name].value;
-        var _b = attributes.find(function (attribute) { return attribute.name === name; }), defaultValue = _b.value, validators = _b.validators;
+import "./tools/Array.prototype.every";
+import React, { useMemo, useReducer, Fragment } from "react";
+import { useConstCallback } from "powerhooks/useConstCallback";
+import { id } from "tsafe/id";
+import { emailRegexp } from "./tools/emailRegExp";
+/** Expect to be used in a component wrapped within a <I18nProvider> */
+export function useGetErrors(params) {
+    const { kcContext, i18n } = params;
+    const { messagesPerField, profile: { attributes } } = kcContext;
+    const { msg, msgStr, advancedMsg, advancedMsgStr } = i18n;
+    const getErrors = useConstCallback((params) => {
+        const { name, fieldValueByAttributeName } = params;
+        const { value } = fieldValueByAttributeName[name];
+        const { value: defaultValue, validators } = attributes.find(attribute => attribute.name === name);
         block: {
             if (defaultValue !== value) {
                 break block;
             }
-            var doesErrorExist = void 0;
+            let doesErrorExist;
             try {
                 doesErrorExist = messagesPerField.existsError(name);
             }
-            catch (_c) {
+            catch {
                 break block;
             }
             if (!doesErrorExist) {
                 break block;
             }
-            var errorMessageStr = messagesPerField.get(name);
+            const errorMessageStr = messagesPerField.get(name);
             return [
                 {
                     "validatorName": undefined,
-                    errorMessageStr: errorMessageStr,
-                    "errorMessage": (0, jsx_runtime_1.jsx)("span", { children: errorMessageStr }, 0),
-                },
+                    errorMessageStr,
+                    "errorMessage": React.createElement("span", { key: 0 }, errorMessageStr)
+                }
             ];
         }
-        var errors = [];
+        const errors = [];
         scope: {
-            var validatorName = "length";
-            var validator = validators[validatorName];
+            const validatorName = "length";
+            const validator = validators[validatorName];
             if (validator === undefined) {
                 break scope;
             }
-            var _d = validator["ignore.empty.value"], ignoreEmptyValue = _d === void 0 ? false : _d, max = validator.max, min = validator.min;
+            const { "ignore.empty.value": ignoreEmptyValue = false, max, min } = validator;
             if (ignoreEmptyValue && value === "") {
                 break scope;
             }
             if (max !== undefined && value.length > parseInt(max)) {
-                var msgArgs = ["error-invalid-length-too-long", max];
+                const msgArgs = ["error-invalid-length-too-long", max];
                 errors.push({
-                    "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: msg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                    "errorMessageStr": msgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
-                    validatorName: validatorName,
+                    "errorMessage": React.createElement(Fragment, { key: errors.length }, msg(...msgArgs)),
+                    "errorMessageStr": msgStr(...msgArgs),
+                    validatorName
                 });
             }
             if (min !== undefined && value.length < parseInt(min)) {
-                var msgArgs = ["error-invalid-length-too-short", min];
+                const msgArgs = ["error-invalid-length-too-short", min];
                 errors.push({
-                    "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: msg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                    "errorMessageStr": msgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
-                    validatorName: validatorName,
+                    "errorMessage": React.createElement(Fragment, { key: errors.length }, msg(...msgArgs)),
+                    "errorMessageStr": msgStr(...msgArgs),
+                    validatorName
                 });
             }
         }
         scope: {
-            var validatorName = "_compareToOther";
-            var validator = validators[validatorName];
+            const validatorName = "_compareToOther";
+            const validator = validators[validatorName];
             if (validator === undefined) {
                 break scope;
             }
-            var _e = validator["ignore.empty.value"], ignoreEmptyValue = _e === void 0 ? false : _e, otherName = validator.name, shouldBe_1 = validator.shouldBe, errorMessageKey = validator["error-message"];
+            const { "ignore.empty.value": ignoreEmptyValue = false, name: otherName, shouldBe, "error-message": errorMessageKey } = validator;
             if (ignoreEmptyValue && value === "") {
                 break scope;
             }
-            var otherValue_1 = fieldValueByAttributeName[otherName].value;
-            var isValid = (function () {
-                switch (shouldBe_1) {
+            const { value: otherValue } = fieldValueByAttributeName[otherName];
+            const isValid = (() => {
+                switch (shouldBe) {
                     case "different":
-                        return otherValue_1 !== value;
+                        return otherValue !== value;
                     case "equal":
-                        return otherValue_1 === value;
+                        return otherValue === value;
                 }
             })();
             if (isValid) {
                 break scope;
             }
-            var msgArg = [
-                errorMessageKey !== null && errorMessageKey !== void 0 ? errorMessageKey : (0, id_1.id)((function () {
-                    switch (shouldBe_1) {
-                        case "equal":
-                            return "shouldBeEqual";
-                        case "different":
-                            return "shouldBeDifferent";
-                    }
-                })()),
+            const msgArg = [
+                errorMessageKey ??
+                    id((() => {
+                        switch (shouldBe) {
+                            case "equal":
+                                return "shouldBeEqual";
+                            case "different":
+                                return "shouldBeDifferent";
+                        }
+                    })()),
                 otherName,
                 name,
-                shouldBe_1,
+                shouldBe
             ];
             errors.push({
-                validatorName: validatorName,
-                "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: advancedMsg.apply(void 0, __spreadArray([], __read(msgArg), false)) }, errors.length),
-                "errorMessageStr": advancedMsgStr.apply(void 0, __spreadArray([], __read(msgArg), false)),
+                validatorName,
+                "errorMessage": React.createElement(Fragment, { key: errors.length }, advancedMsg(...msgArg)),
+                "errorMessageStr": advancedMsgStr(...msgArg)
             });
         }
         scope: {
-            var validatorName = "pattern";
-            var validator = validators[validatorName];
+            const validatorName = "pattern";
+            const validator = validators[validatorName];
             if (validator === undefined) {
                 break scope;
             }
-            var _f = validator["ignore.empty.value"], ignoreEmptyValue = _f === void 0 ? false : _f, pattern = validator.pattern, errorMessageKey = validator["error-message"];
+            const { "ignore.empty.value": ignoreEmptyValue = false, pattern, "error-message": errorMessageKey } = validator;
             if (ignoreEmptyValue && value === "") {
                 break scope;
             }
             if (new RegExp(pattern).test(value)) {
                 break scope;
             }
-            var msgArgs = [errorMessageKey !== null && errorMessageKey !== void 0 ? errorMessageKey : (0, id_1.id)("shouldMatchPattern"), pattern];
+            const msgArgs = [errorMessageKey ?? id("shouldMatchPattern"), pattern];
             errors.push({
-                validatorName: validatorName,
-                "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: advancedMsg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                "errorMessageStr": advancedMsgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
+                validatorName,
+                "errorMessage": React.createElement(Fragment, { key: errors.length }, advancedMsg(...msgArgs)),
+                "errorMessageStr": advancedMsgStr(...msgArgs)
             });
         }
         scope: {
-            if (((_a = __spreadArray([], __read(errors), false).reverse()[0]) === null || _a === void 0 ? void 0 : _a.validatorName) === "pattern") {
+            if ([...errors].reverse()[0]?.validatorName === "pattern") {
                 break scope;
             }
-            var validatorName = "email";
-            var validator = validators[validatorName];
+            const validatorName = "email";
+            const validator = validators[validatorName];
             if (validator === undefined) {
                 break scope;
             }
-            var _g = validator["ignore.empty.value"], ignoreEmptyValue = _g === void 0 ? false : _g;
+            const { "ignore.empty.value": ignoreEmptyValue = false } = validator;
             if (ignoreEmptyValue && value === "") {
                 break scope;
             }
-            if (emailRegExp_1.emailRegexp.test(value)) {
+            if (emailRegexp.test(value)) {
                 break scope;
             }
-            var msgArgs = [(0, id_1.id)("invalidEmailMessage")];
+            const msgArgs = [id("invalidEmailMessage")];
             errors.push({
-                validatorName: validatorName,
-                "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: msg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                "errorMessageStr": msgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
+                validatorName,
+                "errorMessage": React.createElement(Fragment, { key: errors.length }, msg(...msgArgs)),
+                "errorMessageStr": msgStr(...msgArgs)
             });
         }
         scope: {
-            var validatorName = "integer";
-            var validator = validators[validatorName];
+            const validatorName = "integer";
+            const validator = validators[validatorName];
             if (validator === undefined) {
                 break scope;
             }
-            var _h = validator["ignore.empty.value"], ignoreEmptyValue = _h === void 0 ? false : _h, max = validator.max, min = validator.min;
+            const { "ignore.empty.value": ignoreEmptyValue = false, max, min } = validator;
             if (ignoreEmptyValue && value === "") {
                 break scope;
             }
-            var intValue = parseInt(value);
+            const intValue = parseInt(value);
             if (isNaN(intValue)) {
-                var msgArgs = ["mustBeAnInteger"];
+                const msgArgs = ["mustBeAnInteger"];
                 errors.push({
-                    validatorName: validatorName,
-                    "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: msg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                    "errorMessageStr": msgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
+                    validatorName,
+                    "errorMessage": React.createElement(Fragment, { key: errors.length }, msg(...msgArgs)),
+                    "errorMessageStr": msgStr(...msgArgs)
                 });
                 break scope;
             }
             if (max !== undefined && intValue > parseInt(max)) {
-                var msgArgs = ["error-number-out-of-range-too-big", max];
+                const msgArgs = ["error-number-out-of-range-too-big", max];
                 errors.push({
-                    validatorName: validatorName,
-                    "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: msg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                    "errorMessageStr": msgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
+                    validatorName,
+                    "errorMessage": React.createElement(Fragment, { key: errors.length }, msg(...msgArgs)),
+                    "errorMessageStr": msgStr(...msgArgs)
                 });
                 break scope;
             }
             if (min !== undefined && intValue < parseInt(min)) {
-                var msgArgs = ["error-number-out-of-range-too-small", min];
+                const msgArgs = ["error-number-out-of-range-too-small", min];
                 errors.push({
-                    validatorName: validatorName,
-                    "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: msg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                    "errorMessageStr": msgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
+                    validatorName,
+                    "errorMessage": React.createElement(Fragment, { key: errors.length }, msg(...msgArgs)),
+                    "errorMessageStr": msgStr(...msgArgs)
                 });
                 break scope;
             }
         }
         scope: {
-            var validatorName = "options";
-            var validator = validators[validatorName];
+            const validatorName = "options";
+            const validator = validators[validatorName];
             if (validator === undefined) {
                 break scope;
             }
@@ -238,48 +199,48 @@ function useGetErrors(params) {
             if (validator.options.indexOf(value) >= 0) {
                 break scope;
             }
-            var msgArgs = [(0, id_1.id)("notAValidOption")];
+            const msgArgs = [id("notAValidOption")];
             errors.push({
-                validatorName: validatorName,
-                "errorMessage": (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: advancedMsg.apply(void 0, __spreadArray([], __read(msgArgs), false)) }, errors.length),
-                "errorMessageStr": advancedMsgStr.apply(void 0, __spreadArray([], __read(msgArgs), false)),
+                validatorName,
+                "errorMessage": React.createElement(Fragment, { key: errors.length }, advancedMsg(...msgArgs)),
+                "errorMessageStr": advancedMsgStr(...msgArgs)
             });
         }
         //TODO: Implement missing validators.
         return errors;
     });
-    return { getErrors: getErrors };
+    return { getErrors };
 }
-exports.useGetErrors = useGetErrors;
-function useFormValidationSlice(params) {
-    var kcContext = params.kcContext, useI18n = params.useI18n, _a = params.passwordValidators, passwordValidators = _a === void 0 ? {
+export function useFormValidationSlice(params) {
+    const { kcContext, passwordValidators = {
         "length": {
             "ignore.empty.value": true,
-            "min": "4",
-        },
-    } : _a;
-    var attributesWithPassword = (0, react_1.useMemo)(function () {
-        return !kcContext.passwordRequired
-            ? kcContext.profile.attributes
-            : (function () {
-                var name = kcContext.realm.registrationEmailAsUsername ? "email" : "username";
-                return kcContext.profile.attributes.reduce(function (prev, curr) { return __spreadArray(__spreadArray([], __read(prev), false), __read((curr.name !== name
+            "min": "4"
+        }
+    }, i18n } = params;
+    const attributesWithPassword = useMemo(() => !kcContext.passwordRequired
+        ? kcContext.profile.attributes
+        : (() => {
+            const name = kcContext.realm.registrationEmailAsUsername ? "email" : "username";
+            return kcContext.profile.attributes.reduce((prev, curr) => [
+                ...prev,
+                ...(curr.name !== name
                     ? [curr]
                     : [
                         curr,
-                        (0, id_1.id)({
+                        id({
                             "name": "password",
-                            "displayName": (0, id_1.id)("${password}"),
+                            "displayName": id("${password}"),
                             "required": true,
                             "readOnly": false,
                             "validators": passwordValidators,
                             "annotations": {},
                             "groupAnnotations": {},
-                            "autocomplete": "new-password",
+                            "autocomplete": "new-password"
                         }),
-                        (0, id_1.id)({
+                        id({
                             "name": "password-confirm",
-                            "displayName": (0, id_1.id)("${passwordConfirm}"),
+                            "displayName": id("${passwordConfirm}"),
                             "required": true,
                             "readOnly": false,
                             "validators": {
@@ -287,82 +248,71 @@ function useFormValidationSlice(params) {
                                     "name": "password",
                                     "ignore.empty.value": true,
                                     "shouldBe": "equal",
-                                    "error-message": (0, id_1.id)("${invalidPasswordConfirmMessage}"),
-                                },
+                                    "error-message": id("${invalidPasswordConfirmMessage}")
+                                }
                             },
                             "annotations": {},
                             "groupAnnotations": {},
-                            "autocomplete": "new-password",
-                        }),
-                    ])), false); }, []);
-            })();
-    }, [kcContext, passwordValidators]);
-    var getErrors = useGetErrors({
+                            "autocomplete": "new-password"
+                        })
+                    ])
+            ], []);
+        })(), [kcContext, passwordValidators]);
+    const { getErrors } = useGetErrors({
         "kcContext": {
             "messagesPerField": kcContext.messagesPerField,
             "profile": {
-                "attributes": attributesWithPassword,
-            },
-        },
-        useI18n: useI18n,
-    }).getErrors;
-    var initialInternalState = (0, react_1.useMemo)(function () {
-        return Object.fromEntries(attributesWithPassword
-            .map(function (attribute) { return ({
-            attribute: attribute,
-            "errors": getErrors({
-                "name": attribute.name,
-                "fieldValueByAttributeName": Object.fromEntries(attributesWithPassword.map(function (_a) {
-                    var name = _a.name, value = _a.value;
-                    return [name, { "value": value !== null && value !== void 0 ? value : "" }];
-                })),
-            }),
-        }); })
-            .map(function (_a) {
-            var _b;
-            var attribute = _a.attribute, errors = _a.errors;
-            return [
-                attribute.name,
-                {
-                    "value": (_b = attribute.value) !== null && _b !== void 0 ? _b : "",
-                    errors: errors,
-                    "doDisplayPotentialErrorMessages": errors.length !== 0,
-                },
-            ];
-        }));
-    }, [attributesWithPassword]);
-    var _b = __read((0, react_1.useReducer)(function (state, params) {
-        var _a;
-        return (__assign(__assign({}, state), (_a = {}, _a[params.name] = __assign(__assign({}, state[params.name]), (function () {
-            var _a;
-            switch (params.action) {
-                case "focus lost":
-                    return { "doDisplayPotentialErrorMessages": true };
-                case "update value":
-                    return {
-                        "value": params.newValue,
-                        "errors": getErrors({
-                            "name": params.name,
-                            "fieldValueByAttributeName": __assign(__assign({}, state), (_a = {}, _a[params.name] = { "value": params.newValue }, _a)),
-                        }),
-                    };
+                "attributes": attributesWithPassword
             }
-        })()), _a)));
-    }, initialInternalState), 2), formValidationInternalState = _b[0], formValidationReducer = _b[1];
-    var formValidationState = (0, react_1.useMemo)(function () { return ({
-        "fieldStateByAttributeName": Object.fromEntries(Object.entries(formValidationInternalState).map(function (_a) {
-            var _b = __read(_a, 2), name = _b[0], _c = _b[1], value = _c.value, errors = _c.errors, doDisplayPotentialErrorMessages = _c.doDisplayPotentialErrorMessages;
-            return [
-                name,
-                { value: value, "displayableErrors": doDisplayPotentialErrorMessages ? errors : [] },
-            ];
-        })),
-        "isFormSubmittable": Object.entries(formValidationInternalState).every(function (_a) {
-            var _b = __read(_a, 2), name = _b[0], _c = _b[1], value = _c.value, errors = _c.errors;
-            return errors.length === 0 && (value !== "" || !attributesWithPassword.find(function (attribute) { return attribute.name === name; }).required);
-        }),
-    }); }, [formValidationInternalState, attributesWithPassword]);
-    return { formValidationState: formValidationState, formValidationReducer: formValidationReducer, attributesWithPassword: attributesWithPassword };
+        },
+        i18n
+    });
+    const initialInternalState = useMemo(() => Object.fromEntries(attributesWithPassword
+        .map(attribute => ({
+        attribute,
+        "errors": getErrors({
+            "name": attribute.name,
+            "fieldValueByAttributeName": Object.fromEntries(attributesWithPassword.map(({ name, value }) => [name, { "value": value ?? "" }]))
+        })
+    }))
+        .map(({ attribute, errors }) => [
+        attribute.name,
+        {
+            "value": attribute.value ?? "",
+            errors,
+            "doDisplayPotentialErrorMessages": errors.length !== 0
+        }
+    ])), [attributesWithPassword]);
+    const [formValidationInternalState, formValidationReducer] = useReducer((state, params) => ({
+        ...state,
+        [params.name]: {
+            ...state[params.name],
+            ...(() => {
+                switch (params.action) {
+                    case "focus lost":
+                        return { "doDisplayPotentialErrorMessages": true };
+                    case "update value":
+                        return {
+                            "value": params.newValue,
+                            "errors": getErrors({
+                                "name": params.name,
+                                "fieldValueByAttributeName": {
+                                    ...state,
+                                    [params.name]: { "value": params.newValue }
+                                }
+                            })
+                        };
+                }
+            })()
+        }
+    }), initialInternalState);
+    const formValidationState = useMemo(() => ({
+        "fieldStateByAttributeName": Object.fromEntries(Object.entries(formValidationInternalState).map(([name, { value, errors, doDisplayPotentialErrorMessages }]) => [
+            name,
+            { value, "displayableErrors": doDisplayPotentialErrorMessages ? errors : [] }
+        ])),
+        "isFormSubmittable": Object.entries(formValidationInternalState).every(([name, { value, errors }]) => errors.length === 0 && (value !== "" || !attributesWithPassword.find(attribute => attribute.name === name).required))
+    }), [formValidationInternalState, attributesWithPassword]);
+    return { formValidationState, formValidationReducer, attributesWithPassword };
 }
-exports.useFormValidationSlice = useFormValidationSlice;
 //# sourceMappingURL=useFormValidationSlice.js.map