deps: update zod to latest version

Author: marcomontalbano

.ncurc.js

@@ -7,10 +7,7 @@ module.exports = {
     if (
       (name === "@types/node" &&
         parseInt(upgradedVersionSemver?.major) >= 22) ||
-      (name === "tailwindcss" && parseInt(upgradedVersionSemver?.major) >= 4) ||
-      (name === "zod" && parseInt(upgradedVersionSemver?.major) >= 4) ||
-      (name === "@hookform/resolvers" &&
-        parseInt(upgradedVersionSemver?.major) >= 4)
+      (name === "tailwindcss" && parseInt(upgradedVersionSemver?.major) >= 4)
     ) {
       return false
     }

packages/app-elements/package.json

@@ -67,10 +67,10 @@
     "swr": "^2.3.4",
     "ts-invariant": "^0.10.3",
     "type-fest": "^4.41.0",
-    "zod": "^3.25.76"
+    "zod": "^4.0.5"
   },
   "devDependencies": {
-    "@hookform/resolvers": "^3.10.0",
+    "@hookform/resolvers": "^5.1.1",
     "@phosphor-icons/react": "v2.1.10",
     "@tailwindcss/forms": "^0.5.10",
     "@testing-library/jest-dom": "^6.6.3",

packages/app-elements/src/ui/resources/ResourceAddress/ResourceAddressFormFields.tsx

@@ -14,8 +14,8 @@ import type { ResourceAddressProps } from "./ResourceAddress"
 
 const zodRequiredField = z
   .string({
-    required_error: "Required field",
-    invalid_type_error: "Invalid format",
+    error: (iss) =>
+      iss.input === undefined ? "Required field" : "Invalid format",
   })
   .min(1, {
     message: "Required field",
@@ -37,12 +37,19 @@ export const getResourceAddressFormFieldsSchema = ({
       state_code: zodRequiredField,
       country_code: zodRequiredField,
       phone: zodRequiredField,
-      billing_info: requiresBillingInfo
-        ? zodRequiredField
-        : z.string().nullish(),
+      billing_info: z.string().nullish(),
       notes: z.string().nullish(),
     })
     .superRefine((data, ctx) => {
+      if (requiresBillingInfo) {
+        if (data.billing_info == null || data.billing_info.length === 0) {
+          ctx.addIssue({
+            code: "custom",
+            path: ["billing_info"],
+            message: t("common.forms.required_field"),
+          })
+        }
+      }
       if (data.business === true) {
         if (data.company == null || data.company.length === 0) {
           ctx.addIssue({

packages/app-elements/src/ui/resources/useResourceFilters/adaptFormValuesToSdk.ts

@@ -66,7 +66,7 @@ export function adaptFormValuesToSdk<
         if (predicateWhitelist.includes(key)) {
           return {
             ...acc,
-            [key]: formValues[key],
+            [key]: formValues[key] ?? undefined,
           }
         }
 
@@ -80,7 +80,8 @@ export function adaptFormValuesToSdk<
       ) {
         return {
           ...acc,
-          [key]: instructionItem.sdk.parseFormValue(formValues[key]),
+          [key]:
+            instructionItem.sdk.parseFormValue(formValues[key]) ?? undefined,
         }
       }
 
@@ -90,7 +91,7 @@ export function adaptFormValuesToSdk<
       ) {
         return {
           ...acc,
-          [key]: castArray(formValues[key]).join(","),
+          [key]: castArray(formValues[key]).join(",") ?? undefined,
         }
       }
 

packages/app-elements/src/ui/resources/useResourceFilters/timeUtils.ts

@@ -102,7 +102,6 @@ export const timeRangeValidationSchema = z
     timeTo: z.date().optional().nullable(),
     timePreset: z.enum(filterableTimeRangePreset).optional().nullable(),
   })
-  .passthrough()
   .superRefine((data, ctx) => {
     if (data.timePreset === "custom" && data.timeFrom == null) {
       ctx.addIssue({
@@ -125,7 +124,9 @@ export const timeRangeValidationSchema = z
       data.timeFrom > data.timeTo
     ) {
       ctx.addIssue({
-        code: "invalid_date",
+        code: "invalid_type",
+        expected: "date",
+        input: data.timeTo,
         path: ["timeTo"],
         message: 'The "To" date must be greater than the "From" date',
       })

packages/app-elements/src/ui/resources/useResourceFilters/types.ts

@@ -11,7 +11,13 @@ export const filterableTimeRangePreset = [
 ] as const
 
 export type UiFilterName = string
-export type UiFilterValue = string | string[] | boolean | Date | undefined
+export type UiFilterValue =
+  | string
+  | string[]
+  | boolean
+  | Date
+  | undefined
+  | null
 
 export type TimeRangePreset = (typeof filterableTimeRangePreset)[number]
 

packages/docs/package.json

@@ -23,7 +23,7 @@
   "devDependencies": {
     "@babel/core": "^7.28.0",
     "@babel/preset-env": "^7.28.0",
-    "@hookform/resolvers": "^3.10.0",
+    "@hookform/resolvers": "^5.1.1",
     "@mdx-js/react": "^3.1.0",
     "@storybook/addon-docs": "^9.0.17",
     "@storybook/addon-links": "^9.0.17",
@@ -46,7 +46,7 @@
     "typescript": "~5.8.3",
     "vite": "^7.0.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "zod": "^3.25.76"
+    "zod": "^4.0.5"
   },
   "msw": {
     "workerDirectory": "public"

packages/docs/src/stories/resources/ResourceAddress.stories.tsx

@@ -182,8 +182,8 @@ export const ReuseTheAddressForm: StoryFn = () => {
       z.object({
         name: z
           .string({
-            required_error: "Required field",
-            invalid_type_error: "Invalid format",
+            error: (iss) =>
+              iss.input === undefined ? "Required field" : "Invalid format",
           })
           .min(1, {
             message: "Required field",
@@ -228,8 +228,8 @@ export const ShowNameOrCompany: StoryFn = () => {
       z.object({
         name: z
           .string({
-            required_error: "Required field",
-            invalid_type_error: "Invalid format",
+            error: (iss) =>
+              iss.input === undefined ? "Required field" : "Invalid format",
           })
           .min(1, {
             message: "Required field",