Refactor purchaseData type in PayPageEmbed and webhook schema for improved type safety

- Updated the purchaseData type in PayPageEmbed component and PaymentLink type to use Record<string, unknown> | undefined for better clarity.
- Modified webhook schema to make purchaseData optional, enhancing flexibility in handling webhook data.

Author: gregfromstl

apps/dashboard/src/@/api/universal-bridge/links.ts

@@ -15,7 +15,7 @@ type PaymentLink = {
     chainId: number;
   };
   amount: bigint | undefined;
-  purchaseData: unknown;
+  purchaseData: Record<string, unknown> | undefined;
 };
 
 export async function getPaymentLink(props: {

apps/dashboard/src/app/pay/components/client/PayPageEmbed.client.tsx

@@ -28,7 +28,7 @@ export function PayPageEmbed({
   redirectUri?: string;
   clientId: string;
   theme?: "light" | "dark";
-  purchaseData: unknown | undefined;
+  purchaseData: Record<string, unknown> | undefined;
 }) {
   const { theme: browserTheme, setTheme } = useTheme();
 
@@ -52,19 +52,8 @@ export function PayPageEmbed({
             name,
             image,
           },
-  // Validate and sanitize purchaseData
-  const sanitizedPurchaseData = purchaseData && typeof purchaseData === 'object'
-    ? purchaseData
-    : undefined;
-
-  payOptions={{
-    metadata: {
-      name,
-      image,
-    },
-    purchaseData: sanitizedPurchaseData,
-  }}
           mode: "direct_payment",
+          purchaseData,
           paymentInfo: {
             chain,
             sellerAddress: recipientAddress,

packages/thirdweb/src/bridge/Webhook.ts

@@ -46,10 +46,15 @@ const webhookSchema = z.union([
       sender: addressSchema,
       receiver: addressSchema,
       type: z.string(),
-      transactions: z.array(hexSchema),
+      transactions: z.array(
+        z.object({
+          chainId: z.coerce.number(),
+          transactionHash: hexSchema,
+        }),
+      ),
       developerFeeBps: z.coerce.number(),
       developerFeeRecipient: addressSchema,
-      purchaseData: z.record(z.string(), z.unknown()),
+      purchaseData: z.optional(z.record(z.string(), z.unknown())),
     }),
   }),
 ]);