minor changes

Author: MananTank

apps/dashboard/.storybook/main.ts

@@ -30,4 +30,4 @@ const config: StorybookConfig = {
     experimentalRSC: true,
   },
 };
-export default config;
+export default config;

apps/dashboard/.storybook/preview.tsx

@@ -106,4 +106,4 @@ function StoryLayout(props: {
 function ToasterSetup() {
   const { theme } = useTheme();
   return <Toaster richColors theme={theme === "light" ? "light" : "dark"} />;
-}
+}

apps/dashboard/public/assets/examples/example.json

@@ -1,5 +1,8 @@
 [
   {
+    "name": "Your Collection #1",
+    "description": "Remember to replace this description",
+    "image": "ipfs://NewUriToReplace/1.png",
     "attributes": [
       {
         "trait_type": "Background",
@@ -29,12 +32,12 @@
         "trait_type": "Top lid",
         "value": "High"
       }
-    ],
-    "description": "Remember to replace this description",
-    "image": "ipfs://NewUriToReplace/1.png",
-    "name": "Your Collection #1"
+    ]
   },
   {
+    "name": "Your Collection #2",
+    "description": "Remember to replace this description",
+    "image": "ipfs://NewUriToReplace/2.png",
     "attributes": [
       {
         "trait_type": "Background",
@@ -64,9 +67,6 @@
         "trait_type": "Top lid",
         "value": "Middle"
       }
-    ],
-    "description": "Remember to replace this description",
-    "image": "ipfs://NewUriToReplace/2.png",
-    "name": "Your Collection #2"
+    ]
   }
 ]

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

@@ -37,7 +37,7 @@ type WebhookConfigsResponse =
     };
 
 interface CreateWebhookConfigRequest {
-  topics: { id: string; filters?: object }[];
+  topics: { 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 }[];
+  topics?: { id: string; filters: object | null }[];
   description?: string;
   isPaused?: boolean;
 }

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

@@ -18,6 +18,7 @@ import { getFiltersFromSearchParams, normalizeTimeISOString } from "@/lib/time";
 type SearchParams = {
   from?: string;
   to?: string;
+  webhook?: string;
   interval?: "day" | "week";
 };
 

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/components/topic-selector-modal.tsx

@@ -17,7 +17,7 @@ import { Textarea } from "@/components/ui/textarea";
 const TOPIC_IDS_THAT_SUPPORT_FILTERS = [
   "insight.event.confirmed",
   "insight.transaction.confirmed",
-] as const;
+];
 
 interface TopicSelectorModalProps {
   open: boolean;
@@ -37,11 +37,7 @@ export function TopicSelectorModal(props: TopicSelectorModalProps) {
     () => {
       const initialFilters: Record<string, string> = {};
       props.selectedTopics.forEach((topic) => {
-        if (
-          (topic.id.startsWith("insight.event.") ||
-            topic.id.startsWith("insight.transaction.")) &&
-          topic.filters
-        ) {
+        if (topic.filters) {
           initialFilters[topic.id] = JSON.stringify(topic.filters, null, 2);
         }
       });
@@ -86,16 +82,11 @@ export function TopicSelectorModal(props: TopicSelectorModalProps) {
   }
 
   function handleSave() {
-    // Validate and parse JSON filters for insight topics
     const processedSelection = tempSelection.map((topic) => {
-      if (
-        (topic.id.startsWith("insight.event.") ||
-          topic.id.startsWith("insight.transaction.")) &&
-        topicFilters[topic.id]
-      ) {
+      const filters = topicFilters[topic.id];
+      if (filters) {
         try {
-          const parsedFilters = JSON.parse(topicFilters[topic.id]);
-          return { ...topic, filters: parsedFilters };
+          return { ...topic, filters: JSON.parse(filters) };
         } catch (_error) {
           toast.error(`Invalid JSON in filters for ${topic.id}`);
           throw new Error(`Invalid JSON in filters for ${topic.id}`);
@@ -113,11 +104,7 @@ export function TopicSelectorModal(props: TopicSelectorModalProps) {
     // Reset filter texts to original values
     const originalFilters: Record<string, string> = {};
     props.selectedTopics.forEach((topic) => {
-      if (
-        (topic.id.startsWith("insight.event.") ||
-          topic.id.startsWith("insight.transaction.")) &&
-        topic.filters
-      ) {
+      if (topic.filters) {
         originalFilters[topic.id] = JSON.stringify(topic.filters, null, 2);
       }
     });

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

@@ -45,7 +45,9 @@ const formSchema = z.object({
     }),
   isPaused: z.boolean().default(false),
   topics: z
-    .array(z.object({ id: z.string(), filters: z.object({}).optional() }))
+    .array(
+      z.object({ id: z.string(), filters: z.union([z.object({}), z.null()]) }),
+    )
     .min(1, "At least one topic is required"),
 });
 

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/webhooks/components/webhook-configs-table.tsx

@@ -384,7 +384,7 @@ function SortDropdown(props: {
       <DropdownMenuTrigger asChild>
         <Button className="gap-1.5 rounded-full bg-card" variant="outline">
           <ArrowUpDownIcon className="size-4 text-muted-foreground" />
-          <span className="hidden lg:inline">Sort by</span>
+          <span>Sort by</span>
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent