Migrate dashboard to zod v4 and update resolvers

Upgraded zod from v3 to v4 and @hookform/resolvers to v5 in the dashboard app. Refactored schema usage to use new zod v4 methods (e.g., z.email(), z.url(), z.uuid(), z.looseObject()) and updated validation logic accordingly. This ensures compatibility with the latest zod API and improves type safety and maintainability.

apps/dashboard/package.json

@@ -34,7 +34,7 @@
     "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-liquid": "^6.2.3",
     "@codemirror/language": "^6.11.1",
-    "@hookform/resolvers": "^3.10.0",
+    "@hookform/resolvers": "^5.2.2",
     "@inkeep/cxkit-react": "^0.5.107",
     "@lezer/highlight": "^1.2.1",
     "@novu/api": "workspace:*",
@@ -128,7 +128,7 @@
     "tailwindcss-animate": "^1.0.7",
     "use-deep-compare-effect": "^1.8.1",
     "uuid": "^11.1.0",
-    "zod": "^3.23.8"
+    "zod": "^4.0.0"
   },
   "devDependencies": {
     "@biomejs/biome": "2.2.0",

apps/dashboard/src/components/header-navigation/edit-bridge-url-button.tsx

@@ -25,7 +25,7 @@ import { PermissionButton } from '../primitives/permission-button';
 import { Popover, PopoverContent, PopoverPortal, PopoverTrigger } from '../primitives/popover';
 import { Tooltip, TooltipContent, TooltipTrigger } from '../primitives/tooltip';
 
-const formSchema = z.object({ bridgeUrl: z.string().url() });
+const formSchema = z.object({ bridgeUrl: z.url() });
 
 export const EditBridgeUrlButton = () => {
   const [isPopoverOpen, setIsPopoverOpen] = useState(false);

apps/dashboard/src/components/schema-editor/utils/validation-schema.ts

@@ -54,7 +54,7 @@ const baseJsonSchema: z.ZodType<any> = z
 
 // Defines an item in our editable property list
 const PropertyListItemSchema = z.object({
-  id: z.string().uuid(),
+  id: z.uuid(),
   keyName: z
     .string()
     .min(1, { message: 'Property name is required.' })

apps/dashboard/src/components/subscribers/schema.ts

@@ -4,7 +4,7 @@ import { z } from 'zod';
 export const SubscriberFormSchema = z.object({
   firstName: z.string().optional(),
   lastName: z.string().optional(),
-  email: z.string().email().optional().nullable(),
+  email: z.email().optional().nullable(),
   phone: z
     .string()
     .refine(isValidPhoneNumber, { message: 'Invalid phone number' })
@@ -40,7 +40,7 @@ export const CreateSubscriberFormSchema = SubscriberFormSchema.extend({
   email: z
     .string()
     .trim()
-    .refine((val) => val === '' || z.string().email().safeParse(val).success, {
+    .refine((val) => val === '' || z.email().safeParse(val).success, {
       message: 'Invalid email',
     }),
   locale: z.string().optional(),

apps/dashboard/src/components/workflow-editor/schema.ts

@@ -56,17 +56,17 @@ export const buildDynamicFormSchema = ({
     let zodValue: z.ZodString | z.ZodNumber | z.ZodOptional<z.ZodString | z.ZodNumber>;
 
     if (value.type === 'string') {
-      zodValue = z.string().min(1);
-
-      if (key === 'subscriberId') {
-        zodValue = zodValue.regex(
-          VALID_ID_REGEX,
-          'SubscriberId must be a string of alphanumeric characters, -, _, and . or a valid email address.'
-        );
-      }
-
       if (value.format === 'email') {
-        zodValue = zodValue.email();
+        zodValue = z.email();
+      } else {
+        zodValue = z.string().min(1);
+
+        if (key === 'subscriberId') {
+          zodValue = zodValue.regex(
+            VALID_ID_REGEX,
+            'SubscriberId must be a string of alphanumeric characters, -, _, and . or a valid email address.'
+          );
+        }
       }
     } else {
       zodValue = z.number().min(1);
@@ -80,11 +80,9 @@ export const buildDynamicFormSchema = ({
   }, {});
 
   return z.object({
-    to: z
-      .object({
-        ...keys,
-      })
-      .passthrough(),
+    to: z.looseObject({
+      ...keys,
+    }),
     payload: z.string().transform((str, ctx) => {
       try {
         return JSON.parse(str);
@@ -118,5 +116,5 @@ const WorkflowPreferencesSchema = z.object({
 
 export const UserPreferencesFormSchema = z.object({
   user: WorkflowPreferencesSchema.nullable(),
-  severity: z.nativeEnum(SeverityLevelEnum).default(SeverityLevelEnum.NONE),
+  severity: z.enum(Object.values(SeverityLevelEnum) as [string, ...string[]]).default(SeverityLevelEnum.NONE),
 });

apps/dashboard/src/components/workflow-editor/steps/conditions/edit-step-conditions-form.tsx

@@ -71,12 +71,11 @@ const getRuleSchema = (
 
   return z.union([
     z
-      .object({
+      .looseObject({
         field: z.string().min(1),
         operator: z.string(),
         value: z.string().nullable(),
       })
-      .passthrough()
       .superRefine(({ field, operator, value }, ctx) => {
         if (operator === 'between' || operator === 'notBetween') {
           const values = value?.split(',').filter((val) => val.trim() !== '');
@@ -138,12 +137,10 @@ const getRuleSchema = (
           ctx.addIssue({ code: z.ZodIssueCode.custom, message: 'Value is not valid', path: ['field'] });
         }
       }),
-    z
-      .object({
-        combinator: z.string(),
-        rules: z.array(z.lazy(() => getRuleSchema(fields, isAllowedVariableFn))),
-      })
-      .passthrough(),
+    z.looseObject({
+      combinator: z.string(),
+      rules: z.array(z.lazy(() => getRuleSchema(fields, isAllowedVariableFn))),
+    }),
   ]);
 };
 
@@ -156,12 +153,10 @@ const getConditionsSchema = (
   isAllowedVariableFn: (variable: { name: string }) => boolean
 ): z.ZodType<FormQuery> => {
   return z.object({
-    query: z
-      .object({
-        combinator: z.string(),
-        rules: z.array(getRuleSchema(fields, isAllowedVariableFn)),
-      })
-      .passthrough(),
+    query: z.looseObject({
+      combinator: z.string(),
+      rules: z.array(getRuleSchema(fields, isAllowedVariableFn)),
+    }),
   });
 };
 

apps/dashboard/src/utils/schema.ts

@@ -17,11 +17,11 @@ export type ZodValue =
 
 const handleStringFormat = ({ value, key, format }: { value: z.ZodString; key: string; format: string }) => {
   if (format === 'email') {
-    return value.email();
+    return z.email();
   } else if (format === 'uri') {
     return value
       .transform((val) => (val === '' ? undefined : val))
-      .refine((val) => !val || z.string().url().safeParse(val).success, {
+      .refine((val) => !val || z.url().safeParse(val).success, {
         message: `${capitalize(key)} must be a valid URI`,
       });
   }