2076: Removes custom translations and falls back to standard translation provided by zod/v4

Author: Ruben van Leeuwen

frontend/packages/pydantic-forms/src/components/zodValidationsPresets.ts

@@ -69,38 +69,23 @@ export const zodValidationPresets: PydanticFormZodValidationPresets = {
         let validationRule = z.number().int();
 
         if (minimum) {
-            validationRule = validationRule.gte(
-                minimum,
-                `Dit veld heeft een minimum waarde van ${minimum}`,
-            );
+            validationRule = validationRule.gte(minimum);
         }
 
         if (exclusiveMinimum) {
-            validationRule = validationRule.gt(
-                exclusiveMinimum,
-                `Dit veld heeft een minimum waarde van meer dan ${exclusiveMinimum}`,
-            );
+            validationRule = validationRule.gt(exclusiveMinimum);
         }
 
         if (maximum) {
-            validationRule = validationRule.lte(
-                maximum,
-                `Dit veld heeft een maximum waarde van${maximum}`,
-            );
+            validationRule = validationRule.lte(maximum);
         }
 
         if (exclusiveMaximum) {
-            validationRule = validationRule.lt(
-                exclusiveMaximum,
-                `Dit veld heeft een maximum waarde van minder dan ${exclusiveMaximum}`,
-            );
+            validationRule = validationRule.lt(exclusiveMaximum);
         }
 
         if (multipleOf) {
-            validationRule = validationRule.multipleOf(
-                multipleOf,
-                `De waarde van dit veld moet een veelvoud zijn van ${multipleOf}`,
-            );
+            validationRule = validationRule.multipleOf(multipleOf);
         }
 
         return validationRule;
@@ -111,17 +96,11 @@ export const zodValidationPresets: PydanticFormZodValidationPresets = {
         let validationRule = z.array(z.boolean());
 
         if (minimum) {
-            validationRule = validationRule.min(
-                minimum,
-                `Dit veld heeft een minimum waarde van ${minimum}`,
-            );
+            validationRule = validationRule.min(minimum);
         }
 
         if (maximum) {
-            validationRule = validationRule.max(
-                maximum,
-                `Dit veld heeft een maximum waarde van ${maximum}`,
-            );
+            validationRule = validationRule.max(maximum);
         }
 
         return validationRule;

frontend/packages/pydantic-forms/src/core/PydanticFormContextProvider.tsx

@@ -33,15 +33,14 @@ import {
     usePydanticFormParser,
 } from '@/core/hooks';
 import {
+    Locale,
     PydanticFormContextProps,
     PydanticFormInitialContextProps,
     PydanticFormSchemaRawJson,
     PydanticFormValidationErrorDetails,
 } from '@/types';
 import { getHashForArray } from '@/utils';
 
-z.config(z.locales.nl());
-
 export const PydanticFormContext =
     createContext<PydanticFormContextProps | null>(null);
 
@@ -71,6 +70,7 @@ function PydanticFormContextProvider({
         allowUntouchedSubmit,
         skipSuccessNotice,
         componentMatcherExtender,
+        locale,
         cancelButton,
     } = config;
 
@@ -90,6 +90,21 @@ function PydanticFormContextProvider({
         }
     }, [formKey]);
 
+    useEffect(() => {
+        const getLocale = () => {
+            switch (locale) {
+                case Locale.enGB:
+                    return z.locales.en();
+                case Locale.nlNL:
+                    return z.locales.nl();
+                default:
+                    return z.locales.en();
+            }
+        };
+
+        z.config(getLocale());
+    }, [locale]);
+
     const updateHistory = async (
         formInput: object,
         previousSteps: object[],

frontend/packages/pydantic-forms/src/messages/translationsProvider.tsx

@@ -54,7 +54,7 @@ export const TranslationsProvider = ({
 
     return (
         <NextIntlClientProvider
-            locale={locale || Locale.enGB}
+            locale={locale}
             messages={messages}
             timeZone={DEFAULT_TIMEZONE}
             onError={onError}