[SDK] Feature: preferred chan id pay embed (#7296)

Author: gregfromstl

.changeset/hungry-lions-boil.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Allow forcing onramp chain in buyWithFiat options

packages/thirdweb/src/pay/buyWithFiat/getQuote.ts

@@ -100,6 +100,9 @@ export type GetBuyWithFiatQuoteParams = {
    * @hidden
    */
   paymentLinkId?: string;
+
+  onrampChainId?: number;
+  onrampTokenAddress?: string;
 };
 
 /**
@@ -326,7 +329,8 @@ export async function getBuyWithFiatQuote(
       purchaseData: params.purchaseData,
       currency: params.fromCurrencySymbol,
       maxSteps: 2,
-      onrampTokenAddress: NATIVE_TOKEN_ADDRESS, // force onramp to native token to avoid missing gas issues
+      onrampTokenAddress: params.onrampTokenAddress ?? NATIVE_TOKEN_ADDRESS, // force onramp to native token to avoid missing gas issues
+      onrampChainId: params.onrampChainId,
       paymentLinkId: params.paymentLinkId,
     });
 

packages/thirdweb/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -99,6 +99,8 @@ export type PayUIOptions = Prettify<
           };
           preferredProvider?: FiatProvider;
           supportedProviders?: FiatProvider[];
+          onrampChainId?: number;
+          onrampTokenAddress?: string;
         }
       | false;
 

packages/thirdweb/src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatScreenContent.tsx

@@ -112,6 +112,8 @@ export function FiatScreenContent(props: {
           fromAddress: payer.account.address,
           paymentLinkId: paymentLinkId,
           preferredProvider: preferredProvider ?? supportedProviders[0],
+          onrampChainId: buyWithFiatOptions?.onrampChainId,
+          onrampTokenAddress: buyWithFiatOptions?.onrampTokenAddress,
         }
       : undefined,
   );