changeset + default value fixes

Author: joaquim-verges

.changeset/small-boxes-grow.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+Add support for filtering fiat payment providers in PayEmbed

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

@@ -5,8 +5,8 @@ import type { Chain } from "../../../../../../../chains/types.js";
 import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../../../../constants/addresses.js";
 import {
-  FiatProviders,
   type FiatProvider,
+  FiatProviders,
 } from "../../../../../../../pay/utils/commonTypes.js";
 import { formatNumber } from "../../../../../../../utils/formatNumber.js";
 import {
@@ -90,10 +90,14 @@ export function FiatScreenContent(props: {
   const supportedProviders = (() => {
     if (!buyWithFiatOptions) return [];
     const options = buyWithFiatOptions?.supportedProviders ?? [];
-    return options.length > 0 &&
-      (!preferredProvider || options.includes(preferredProvider))
-      ? options
-      : [...FiatProviders];
+    const optionsWithPreferred =
+      options.length > 0
+        ? new Set([
+            ...(preferredProvider ? [preferredProvider] : []),
+            ...options,
+          ])
+        : FiatProviders;
+    return Array.from(optionsWithPreferred);
   })();
 
   const fiatQuoteQuery = useBuyWithFiatQuote(
@@ -110,7 +114,8 @@ export function FiatScreenContent(props: {
           isTestMode: buyWithFiatOptions?.testMode,
           purchaseData: props.payOptions.purchaseData,
           fromAddress: payer.account.address,
-          preferredProvider: preferredProvider,
+          preferredProvider:
+            preferredProvider ?? supportedProviders?.[0] ?? undefined,
         }
       : undefined,
   );