add insight filter selection to webhook creation and update

Author: iuwqyir

apps/dashboard/src/@/api/webhook-configs.ts

@@ -37,7 +37,7 @@ type WebhookConfigsResponse =
     };
 
 interface CreateWebhookConfigRequest {
-  topics: { id: string; filters: object | null }[];
+  topicIdsWithFilters: { id: string; filters: object | null }[];
   destinationUrl: string;
   description: string;
   isPaused?: boolean;
@@ -76,7 +76,7 @@ type TopicsResponse =
 
 interface UpdateWebhookConfigRequest {
   destinationUrl?: string;
-  topics?: { id: string; filters: object | null }[];
+  topicIdsWithFilters?: { id: string; filters: object | null }[];
   description?: string;
   isPaused?: boolean;
 }

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/components/create-webhook-config-modal.tsx

@@ -1,3 +1,4 @@
+import type { ThirdwebClient } from "thirdweb";
 import type { Topic } from "@/api/webhook-configs";
 import { WebhookConfigModal } from "./webhook-config-modal";
 
@@ -7,15 +8,19 @@ interface CreateWebhookConfigModalProps {
   teamSlug: string;
   projectSlug: string;
   topics: Topic[];
+  client?: ThirdwebClient;
+  supportedChainIds?: Array<number>;
 }
 
 export function CreateWebhookConfigModal(props: CreateWebhookConfigModalProps) {
   return (
     <WebhookConfigModal
+      client={props.client}
       mode="create"
       onOpenChange={props.onOpenChange}
       open={props.open}
       projectSlug={props.projectSlug}
+      supportedChainIds={props.supportedChainIds}
       teamSlug={props.teamSlug}
       topics={props.topics}
     />

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/components/edit-webhook-config-modal.tsx

@@ -1,3 +1,4 @@
+import type { ThirdwebClient } from "thirdweb";
 import type { Topic, WebhookConfig } from "@/api/webhook-configs";
 import { WebhookConfigModal } from "./webhook-config-modal";
 
@@ -8,15 +9,19 @@ interface EditWebhookConfigModalProps {
   projectSlug: string;
   topics: Topic[];
   webhookConfig: WebhookConfig;
+  client?: ThirdwebClient;
+  supportedChainIds?: Array<number>;
 }
 
 export function EditWebhookConfigModal(props: EditWebhookConfigModalProps) {
   return (
     <WebhookConfigModal
+      client={props.client}
       mode="edit"
       onOpenChange={props.onOpenChange}
       open={props.open}
       projectSlug={props.projectSlug}
+      supportedChainIds={props.supportedChainIds}
       teamSlug={props.teamSlug}
       topics={props.topics}
       webhookConfig={props.webhookConfig}

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

@@ -1,6 +1,7 @@
 "use client";
 
 import { redirect } from "next/navigation";
+import type { ThirdwebClient } from "thirdweb";
 import type { WebhookSummaryStats } from "@/types/analytics";
 import type {
   Topic,
@@ -16,6 +17,8 @@ interface WebhooksOverviewProps {
   webhookConfigs: WebhookConfig[];
   topics: Topic[];
   metricsMap: Map<string, WebhookSummaryStats | null>;
+  client?: ThirdwebClient;
+  supportedChainIds?: Array<number>;
 }
 
 export function WebhooksOverview({
@@ -26,6 +29,8 @@ export function WebhooksOverview({
   webhookConfigs,
   topics,
   metricsMap,
+  client,
+  supportedChainIds,
 }: WebhooksOverviewProps) {
   // Feature is enabled (matches server component behavior)
   const isFeatureEnabled = true;
@@ -38,9 +43,11 @@ export function WebhooksOverview({
   // Show full webhook functionality
   return (
     <WebhookConfigsTable
+      client={client}
       metricsMap={metricsMap}
       projectId={projectId}
       projectSlug={projectSlug}
+      supportedChainIds={supportedChainIds}
       teamId={teamId}
       teamSlug={teamSlug}
       topics={topics}