fix(outpost): handle SDK validation errors and improve event fetching logic

Author: leggetter

examples/demos/dashboard-integration/src/components/dashboard/RecentActivity.tsx

@@ -28,8 +28,11 @@ export default function RecentActivity({ events }: RecentActivityProps) {
       </CardHeader>
       <CardContent>
         <div className="space-y-4">
-          {events.slice(0, 5).map((event) => (
-            <div key={event.id} className="flex items-center justify-between">
+          {events.slice(0, 5).map((event, index) => (
+            <div
+              key={`${event.id}-${(event as any).destination_id || index}`}
+              className="flex items-center justify-between"
+            >
               <div className="flex-1">
                 <div className="flex items-center space-x-2">
                   <span className="text-sm font-medium">{event.topic}</span>
@@ -38,15 +41,15 @@ export default function RecentActivity({ events }: RecentActivityProps) {
                       event.status === "delivered"
                         ? "success"
                         : event.status === "failed"
-                          ? "error"
-                          : "default"
+                        ? "error"
+                        : "default"
                     }
                   >
                     {event.status}
                   </Badge>
                 </div>
                 <p className="text-xs text-gray-500 mt-1">
-                  {formatDateTime(event.createdAt)}
+                  {formatDateTime((event as any).time || event.createdAt)}
                 </p>
               </div>
             </div>

examples/demos/dashboard-integration/src/lib/outpost.ts

@@ -42,7 +42,7 @@ export async function createTenant(tenantId: string): Promise<void> {
 
 export async function getPortalUrl(
   tenantId: string,
-  theme?: string,
+  theme?: string
 ): Promise<string> {
   try {
     const outpost = getOutpostClient();
@@ -102,7 +102,27 @@ export async function getTenantOverview(tenantId: string) {
       }
       logger.debug(`Events found`, { tenantId, totalEvents });
     } catch (error) {
-      logger.warn("Could not fetch events", { error, tenantId });
+      // Handle SDK validation error - the API response is valid but SDK expects different format
+      if (error && typeof error === "object" && "rawValue" in error) {
+        const rawResponse = (error as any).rawValue;
+        if (
+          rawResponse &&
+          typeof rawResponse === "object" &&
+          "data" in rawResponse &&
+          Array.isArray(rawResponse.data)
+        ) {
+          recentEvents = rawResponse.data.slice(0, 10);
+          totalEvents = rawResponse.count || rawResponse.data.length;
+          logger.debug(`Events extracted from validation error`, {
+            tenantId,
+            totalEvents,
+          });
+        } else {
+          logger.warn("Could not fetch events", { error, tenantId });
+        }
+      } else {
+        logger.warn("Could not fetch events", { error, tenantId });
+      }
     }
 
     const overview = {