Pass purchaseData prop to payment components (#7507)

Author: 0xFirekeeper

.changeset/short-foxes-decide.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Fix purchaseData propagation in PayEmbed component to new widget implementations

packages/thirdweb/src/react/web/ui/PayEmbed.tsx

@@ -363,6 +363,9 @@ export function PayEmbed(props: PayEmbedProps) {
               ? ["card"]
               : ["crypto", "card"]
         }
+        purchaseData={
+          props.payOptions?.purchaseData as Record<string, unknown> | undefined
+        }
         theme={theme}
         title={metadata?.name || "Buy"}
         tokenAddress={
@@ -387,6 +390,9 @@ export function PayEmbed(props: PayEmbedProps) {
             ? ["crypto"]
             : ["crypto", "card"]
         }
+        purchaseData={
+          props.payOptions?.purchaseData as Record<string, unknown> | undefined
+        }
         seller={props.payOptions.paymentInfo.sellerAddress as Address}
         theme={theme}
         tokenAddress={
@@ -408,6 +414,9 @@ export function PayEmbed(props: PayEmbedProps) {
             ? ["crypto"]
             : ["crypto", "card"]
         }
+        purchaseData={
+          props.payOptions?.purchaseData as Record<string, unknown> | undefined
+        }
         theme={theme}
         title={metadata?.name}
         transaction={props.payOptions.transaction}