fix: make contract and to addresses optional in webhook form

Author: catalyst17

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/components/CreateWebhookModal.tsx

@@ -86,7 +86,7 @@ export function CreateWebhookModal({
     isOpen,
     thirdwebClient: client,
     chainIds,
-    addresses,
+    addresses: addresses || "",
     extractSignatures: extractEventSignatures,
     type: "event",
   });

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/components/FilterDetailsStep.tsx

@@ -191,9 +191,7 @@ export function FilterDetailsStep({
             render={({ field }) => (
               <FormItem className="flex flex-col">
                 <div className="flex items-center justify-between text-xs">
-                  <FormLabel>
-                    Contract Addresses <span className="text-red-500">*</span>
-                  </FormLabel>
+                  <FormLabel>Contract Addresses</FormLabel>
                   <p className="text-muted-foreground">
                     Enter a contract address
                   </p>
@@ -281,9 +279,7 @@ export function FilterDetailsStep({
               render={({ field }) => (
                 <FormItem className="flex flex-col">
                   <div className="flex items-center justify-between text-xs">
-                    <FormLabel>
-                      To Address <span className="text-red-500">*</span>
-                    </FormLabel>
+                    <FormLabel>To Address</FormLabel>
                     <p className="text-muted-foreground">Enter a to address</p>
                   </div>
                   <FormControl>

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/utils/webhookTypes.ts

@@ -36,25 +36,53 @@ export const webhookFormSchema = z.object({
     .min(1, { message: "Select at least one chain" }),
   addresses: z
     .string()
-    .min(1, { message: "Addresses is required" })
-    .refine((val) => val.split(/[\,\s]+/).every((a) => isAddress(a.trim())), {
-      message: "Enter a valid address",
-    }),
+    .optional()
+    .refine(
+      (val) => {
+        if (val === undefined || val.trim() === "") {
+          return true;
+        }
+        return val
+          .split(/[\,\s]+/)
+          .filter(Boolean)
+          .every((a) => isAddress(a.trim()));
+      },
+      {
+        message: "Enter valid addresses (comma-separated) or leave empty",
+      },
+    ),
   fromAddresses: z
     .string()
     .optional()
     .refine(
-      (val) => !val || val.split(/[,\s]+/).every((a) => isAddress(a.trim())),
+      (val) => {
+        if (val === undefined || val.trim() === "") {
+          return true;
+        }
+        return val
+          .split(/[\,\s]+/)
+          .filter(Boolean)
+          .every((a) => isAddress(a.trim()));
+      },
       {
-        message: "Enter a valid address",
+        message: "Enter valid addresses (comma-separated) or leave empty",
       },
     ),
   toAddresses: z
     .string()
+    .optional()
     .refine(
-      (val) => !val || val.split(/[,\s]+/).every((a) => isAddress(a.trim())),
+      (val) => {
+        if (val === undefined || val.trim() === "") {
+          return true;
+        }
+        return val
+          .split(/[\,\s]+/)
+          .filter(Boolean)
+          .every((a) => isAddress(a.trim()));
+      },
       {
-        message: "Enter a valid address (comma-separated)",
+        message: "Enter valid addresses (comma-separated) or leave empty",
       },
     ),
   sigHash: z.string().optional(),