thirdweb 5.88.7 → 5.88.8-nightly-1fa36c1d56758788a8f9053f8929497bacb2b115-20250224233959

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FiatSteps.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAC;AA8B3F,MAAM,MAAM,uBAAuB,GAAG;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE;QACX,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,gBAAgB,GACtB,uBAAuB,CAqBzB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,uBAAuB,CAAC;IACtC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,8CAyUA"}
+{"version":3,"file":"FiatSteps.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/FiatSteps.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAC;AAwB3F,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,mCAAmC,CAAC;AAG3C,MAAM,MAAM,uBAAuB,GAAG;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE;QACX,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;CACH,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,uBAAuB,CAAC;IACtC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,8CAyUA;AAyHD,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,8CAqEA"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/{FiatFlow.d.ts → OnRampScreen.d.ts}

@@ -2,18 +2,18 @@ import type { ThirdwebClient } from "../../../../../../../client/client.js";
 import type { BuyWithFiatQuote } from "../../../../../../../pay/buyWithFiat/getQuote.js";
 import { type BuyWithFiatStatus } from "../../../../../../../pay/buyWithFiat/getStatus.js";
 import type { PayerInfo } from "../types.js";
-export declare function FiatFlow(props: {
+export declare function OnRampScreen(props: {
     title: string;
     quote: BuyWithFiatQuote;
     onBack: () => void;
     client: ThirdwebClient;
     testMode: boolean;
     theme: "light" | "dark";
-    openedWindow: Window | null;
     onDone: () => void;
     transactionMode: boolean;
     isEmbed: boolean;
     payer: PayerInfo;
     onSuccess: (status: BuyWithFiatStatus) => void;
-}): import("react/jsx-runtime.js").JSX.Element | null;
-//# sourceMappingURL=FiatFlow.d.ts.map
+    receiverAddress: string;
+}): import("react/jsx-runtime.js").JSX.Element;
+//# sourceMappingURL=OnRampScreen.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnRampScreen.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/OnRampScreen.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAM5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,mDAAmD,CAAC;AAkC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAe7C,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,gBAAgB,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,MAAM,CAAC;CACzB,8CAiHA"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.d.ts

@@ -1,11 +1,15 @@
+import type { SupportedFiatCurrency } from "../../../../../../../pay/convert/type.js";
+import { iconSize } from "../../../../../../core/design-system/index.js";
 import type { IconFC } from "../../../icons/types.js";
 export type CurrencyMeta = {
-    shorthand: "USD" | "CAD" | "GBP" | "EUR" | "JPY";
+    shorthand: SupportedFiatCurrency;
+    countryCode: string;
     name: string;
     symbol: string;
-    icon: IconFC;
+    icon?: IconFC;
 };
 export declare const usdCurrency: CurrencyMeta;
 export declare const currencies: CurrencyMeta[];
 export declare function getCurrencyMeta(shorthand: string): CurrencyMeta;
+export declare function getFiatIcon(currency: CurrencyMeta, size: keyof typeof iconSize): React.ReactNode;
 //# sourceMappingURL=currencies.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"currencies.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,YAKzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,EA0BpC,CAAC;AAEF,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,YAAY,CAa/D"}
+{"version":3,"file":"currencies.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAMzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,qBAAqB,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,YAMzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,EA0CpC,CAAC;AAEF,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,YAAY,CAc/D;AAED,wBAAgB,WAAW,CACzB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,MAAM,OAAO,QAAQ,GAC1B,KAAK,CAAC,SAAS,CAWjB"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts

@@ -30,7 +30,6 @@ export type SelectedScreen = {
 } | {
     id: "fiat-flow";
     quote: BuyWithFiatQuote;
-    openedWindow: Window | null;
 } | {
     id: "transfer-flow";
 } | {

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/main/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/main/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AACrG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAE/E,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,sBAAsB,CAAC;IACtC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB;IACE,EAAE,EAAE,MAAM,GAAG,uBAAuB,GAAG,eAAe,CAAC;CACxD,GACD;IACE,EAAE,EAAE,iBAAiB,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,EAAE,EAAE,mBAAmB,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC5B,GACD;IACE,EAAE,EAAE,iBAAiB,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;CAC5B,GACD;IACE,EAAE,EAAE,iBAAiB,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;CAC5B,GACD;IACE,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GACD;IACE,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,gBAAgB,CAAC;IACxB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,GACD;IACE,EAAE,EAAE,eAAe,CAAC;CACrB,GACD;IACE,EAAE,EAAE,sBAAsB,CAAC;IAC3B,UAAU,EAAE,cAAc,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/main/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AACrG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAE/E,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,sBAAsB,CAAC;IACtC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB;IACE,EAAE,EAAE,MAAM,GAAG,uBAAuB,GAAG,eAAe,CAAC;CACxD,GACD;IACE,EAAE,EAAE,iBAAiB,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GACD;IACE,EAAE,EAAE,mBAAmB,CAAC;IACxB,UAAU,EAAE,cAAc,CAAC;CAC5B,GACD;IACE,EAAE,EAAE,iBAAiB,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;CAC5B,GACD;IACE,EAAE,EAAE,iBAAiB,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;CAC5B,GACD;IACE,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,GACD;IACE,EAAE,EAAE,WAAW,CAAC;IAChB,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACD;IACE,EAAE,EAAE,eAAe,CAAC;CACrB,GACD;IACE,EAAE,EAAE,sBAAsB,CAAC;IAC3B,UAAU,EAAE,cAAc,CAAC;CAC5B,CAAC"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.d.ts

@@ -0,0 +1,4 @@
+export declare function StepConnectorArrow(props: {
+    active: boolean;
+}): import("react/jsx-runtime.js").JSX.Element;
+//# sourceMappingURL=StepConnector.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepConnector.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/StepConnector.tsx"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IACxC,MAAM,EAAE,OAAO,CAAC;CACjB,8CAiDA"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapSummary.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAQ5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG/D,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,EAAE,KAAK,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,8CA8GA"}
+{"version":3,"file":"SwapSummary.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/SwapSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAK5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,OAAO,EAAE,KAAK,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,8CA0FA"}

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.d.ts

@@ -5,5 +5,6 @@ export declare function WalletRow(props: {
     address: string;
     iconSize?: keyof typeof iconSize;
     textSize?: keyof typeof fontSize;
+    label?: string;
 }): import("react/jsx-runtime.js").JSX.Element;
 //# sourceMappingURL=WalletRow.d.ts.map

package/dist/types/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletRow.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAI5E,OAAO,EACL,QAAQ,EACR,QAAQ,EACT,MAAM,+CAA+C,CAAC;AAYvD,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;CAClC,8CA6CA"}
+{"version":3,"file":"WalletRow.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/web/ui/ConnectWallet/screens/Buy/swap/WalletRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAI5E,OAAO,EACL,QAAQ,EACR,QAAQ,EACT,MAAM,+CAA+C,CAAC;AAavD,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,8CAoDA"}

package/dist/types/react/web/ui/MediaRenderer/MediaRenderer.d.ts

@@ -42,11 +42,11 @@ export declare const MediaRenderer: React.ForwardRefExoticComponent<MediaRendere
 /**
  * @internal Exported for tests
  */
-export declare const IframePlayer: React.ForwardRefExoticComponent<Omit<MediaRendererProps, "client" | "children" | "height" | "width" | "controls" | "gatewayUrl" | "mimeType"> & React.RefAttributes<HTMLIFrameElement>>;
+export declare const IframePlayer: React.ForwardRefExoticComponent<Omit<MediaRendererProps, "client" | "width" | "height" | "children" | "controls" | "gatewayUrl" | "mimeType"> & React.RefAttributes<HTMLIFrameElement>>;
 /**
  * @internal Exported for tests
  */
-export declare const LinkPlayer: React.ForwardRefExoticComponent<Pick<MediaRendererProps, "src" | "style" | "alt" | "className"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const LinkPlayer: React.ForwardRefExoticComponent<Pick<MediaRendererProps, "src" | "alt" | "style" | "className"> & React.RefAttributes<HTMLAnchorElement>>;
 /**
  * @internal
  */

package/dist/types/react/web/ui/MediaRenderer/ModelViewer.d.ts

@@ -1,6 +1,6 @@
 import "@google/model-viewer";
 import React from "react";
 import type { MediaRendererProps } from "./types.js";
-declare const ModelViewer: React.ForwardRefExoticComponent<Pick<MediaRendererProps, "src" | "style" | "alt" | "className" | "poster"> & React.RefAttributes<HTMLDivElement>>;
+declare const ModelViewer: React.ForwardRefExoticComponent<Pick<MediaRendererProps, "src" | "alt" | "style" | "className" | "poster"> & React.RefAttributes<HTMLDivElement>>;
 export default ModelViewer;
 //# sourceMappingURL=ModelViewer.d.ts.map

package/dist/types/storage/upload/web-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-node.d.ts","sourceRoot":"","sources":["../../../../src/storage/upload/web-node.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE,wBAAsB,WAAW,CAAC,KAAK,CAAC,MAAM,SAAS,cAAc,EAAE,EACrE,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,MAAM,EAAE,EACnB,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,qBA8ChC"}
+{"version":3,"file":"web-node.d.ts","sourceRoot":"","sources":["../../../../src/storage/upload/web-node.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEhE,wBAAsB,WAAW,CAAC,KAAK,CAAC,MAAM,SAAS,cAAc,EAAE,EACrE,MAAM,EAAE,cAAc,EACtB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,MAAM,EAAE,EACnB,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,qBA+ChC"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "5.88.7";
+export declare const version = "5.88.8-nightly-1fa36c1d56758788a8f9053f8929497bacb2b115-20250224233959";
 //# sourceMappingURL=version.d.ts.map

package/dist/types/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,WAAW,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,2EAA2E,CAAC"}

package/dist/types/wallets/in-app/web/ecosystem.d.ts

@@ -33,7 +33,7 @@ import type { CreateWalletArgs, EcosystemWalletId } from "../../wallet-types.js"
  *
  * ### Connect to a restricted ecosystem wallet with your designated partner ID
  *
- * The parnter ID will be provided to you by the ecosystem with which you're integrating.
+ * The partner ID will be provided to you by the ecosystem with which you're integrating.
  *
  * ```ts
  * import { ecosystemWallet } from "thirdweb/wallets";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thirdweb",
-  "version": "5.88.7",
+  "version": "5.88.8-nightly-1fa36c1d56758788a8f9053f8929497bacb2b115-20250224233959",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/thirdweb-dev/js.git#main"

package/src/contract/deployment/utils/create-2-factory.ts

@@ -314,6 +314,10 @@ const CUSTOM_GAS_FOR_CHAIN: Record<string, CustomChain> = {
     name: "Europa",
     gasPrice: 110000n,
   },
+  "2020": {
+    name: "Ronin",
+    gasPrice: 110n * 10n ** 9n,
+  },
 };
 
 const CUSTOM_GAS_BINS = [

package/src/pay/buyWithFiat/getQuote.ts

@@ -1,9 +1,9 @@
 import type { ThirdwebClient } from "../../client/client.js";
+import type { CurrencyMeta } from "../../react/web/ui/ConnectWallet/screens/Buy/fiat/currencies.js";
 import { getClientFetch } from "../../utils/fetch.js";
 import { stringify } from "../../utils/json.js";
-import type { FiatProvider } from "../utils/commonTypes.js";
+import type { FiatProvider, PayTokenInfo } from "../utils/commonTypes.js";
 import { getPayBuyWithFiatQuoteEndpoint } from "../utils/definitions.js";
-
 /**
  * Parameters for [`getBuyWithFiatQuote`](https://portal.thirdweb.com/references/typescript/v5/getBuyWithFiatQuote) function
  * @buyCrypto
@@ -40,7 +40,7 @@ export type GetBuyWithFiatQuoteParams = {
   /**
    * Symbol of the fiat currency to buy the token with.
    */
-  fromCurrencySymbol: "USD" | "CAD" | "GBP" | "EUR" | "JPY";
+  fromCurrencySymbol: CurrencyMeta["shorthand"];
 
   /**
    * The maximum slippage in basis points (bps) allowed for the transaction.
@@ -150,14 +150,7 @@ export type BuyWithFiatQuote = {
   /**
    * Token information for the desired token. (token the user wants to buy)
    */
-  toToken: {
-    symbol?: string | undefined;
-    priceUSDCents?: number | undefined;
-    name?: string | undefined;
-    chainId: number;
-    tokenAddress: string;
-    decimals: number;
-  };
+  toToken: PayTokenInfo;
   /**
    * Address of the wallet to which the tokens will be sent.
    */
@@ -196,35 +189,17 @@ export type BuyWithFiatQuote = {
     amount: string;
     amountWei: string;
     amountUSDCents: number;
-    token: {
-      chainId: number;
-      decimals: number;
-      name: string;
-      priceUSDCents: number;
-      symbol: string;
-      tokenAddress: string;
-    };
+    token: PayTokenInfo;
   };
 
   /**
-   * Gas Token that will be sent to the user's wallet address by the on-ramp provider.
-   *
-   * Only used for ERC20 + Gas on-ramp flow. This will hold the details of the gas token and amount sent for gas.
-   *
-   * In Native Currency case, extra for gas will be added to the output amount of the onramp.
+   * Routing token that will be swapped from the on-ramp token, so that it can be bridged to the destination token.
    */
-  gasToken?: {
+  routingToken?: {
     amount: string;
     amountWei: string;
     amountUSDCents: number;
-    token: {
-      chainId: number;
-      decimals: number;
-      name: string;
-      priceUSDCents: number;
-      symbol: string;
-      tokenAddress: string;
-    };
+    token: PayTokenInfo;
   };
 
   /**
@@ -318,6 +293,7 @@ export async function getBuyWithFiatQuote(
         fromAddress: params.fromAddress,
         toGasAmountWei: params.toGasAmountWei,
         preferredProvider: params.preferredProvider,
+        multiHopSupported: true,
       }),
     });
 

package/src/pay/buyWithFiat/isSwapRequiredPostOnramp.ts

@@ -1,4 +1,5 @@
 import { getAddress } from "../../utils/address.js";
+import type { PayTokenInfo } from "../utils/commonTypes.js";
 import type { BuyWithFiatQuote } from "./getQuote.js";
 
 /**
@@ -26,3 +27,58 @@ export function isSwapRequiredPostOnramp(
 
   return !(sameChain && sameToken);
 }
+
+export function getOnRampSteps(
+  buyWithFiatQuote: BuyWithFiatQuote,
+): OnRampStep[] {
+  const isSwapRequired = isSwapRequiredPostOnramp(buyWithFiatQuote);
+
+  if (!isSwapRequired) {
+    return [
+      {
+        action: "buy",
+        token: buyWithFiatQuote.toToken,
+        amount: buyWithFiatQuote.estimatedToAmountMin,
+      },
+    ];
+  }
+
+  if (buyWithFiatQuote.routingToken) {
+    return [
+      {
+        action: "buy",
+        token: buyWithFiatQuote.onRampToken.token,
+        amount: buyWithFiatQuote.onRampToken.amount,
+      },
+      {
+        action: "swap",
+        token: buyWithFiatQuote.routingToken.token,
+        amount: buyWithFiatQuote.routingToken.amount,
+      },
+      {
+        action: "bridge",
+        token: buyWithFiatQuote.toToken,
+        amount: buyWithFiatQuote.estimatedToAmountMin,
+      },
+    ];
+  }
+
+  return [
+    {
+      action: "buy",
+      token: buyWithFiatQuote.onRampToken.token,
+      amount: buyWithFiatQuote.onRampToken.amount,
+    },
+    {
+      action: "swap",
+      token: buyWithFiatQuote.toToken,
+      amount: buyWithFiatQuote.estimatedToAmountMin,
+    },
+  ];
+}
+
+export type OnRampStep = {
+  action: "buy" | "swap" | "bridge";
+  token: PayTokenInfo;
+  amount: string;
+};

package/src/pay/convert/type.ts

@@ -1,5 +1,34 @@
-const SUPPORTED_FIAT_CURRENCIES = ["USD"] as const;
+const SUPPORTED_FIAT_CURRENCIES = [
+  "USD",
+  "CAD",
+  "GBP",
+  "EUR",
+  "JPY",
+  "AUD",
+  "NZD",
+] as const;
 /**
  * @internal
  */
 export type SupportedFiatCurrency = (typeof SUPPORTED_FIAT_CURRENCIES)[number];
+
+export function getFiatSymbol(showBalanceInFiat: SupportedFiatCurrency) {
+  switch (showBalanceInFiat) {
+    case "USD":
+      return "$";
+    case "CAD":
+      return "$";
+    case "GBP":
+      return "£";
+    case "EUR":
+      return "€";
+    case "JPY":
+      return "¥";
+    case "AUD":
+      return "$";
+    case "NZD":
+      return "$";
+    default:
+      return "$";
+  }
+}

package/src/react/core/hooks/connection/ConnectButtonProps.ts

@@ -14,6 +14,7 @@ import type { SmartWalletOptions } from "../../../../wallets/smart/types.js";
 import type { AppMetadata } from "../../../../wallets/types.js";
 import type { WalletId } from "../../../../wallets/wallet-types.js";
 import type { NetworkSelectorProps } from "../../../web/ui/ConnectWallet/NetworkSelector.js";
+import type { CurrencyMeta } from "../../../web/ui/ConnectWallet/screens/Buy/fiat/currencies.js";
 import type { WelcomeScreen } from "../../../web/ui/ConnectWallet/screens/types.js";
 import type { LocaleId } from "../../../web/ui/types.js";
 import type { Theme } from "../../design-system/index.js";
@@ -90,7 +91,7 @@ export type PayUIOptions = Prettify<
       | {
           testMode?: boolean;
           prefillSource?: {
-            currency?: "USD" | "CAD" | "GBP" | "EUR" | "JPY";
+            currency?: CurrencyMeta["shorthand"];
           };
           preferredProvider?: FiatProvider;
         }

package/src/react/core/hooks/pay/useBuyWithFiatStatus.ts

@@ -4,6 +4,7 @@ import {
   type GetBuyWithFiatStatusParams,
   getBuyWithFiatStatus,
 } from "../../../../pay/buyWithFiat/getStatus.js";
+import type { WithPickedOnceQueryOptions } from "../types.js";
 
 /**
  * A hook to get a status of a "Buy with Fiat" transaction to determine if the transaction is completed, failed or pending.
@@ -34,7 +35,7 @@ import {
  * @buyCrypto
  */
 export function useBuyWithFiatStatus(
-  params?: GetBuyWithFiatStatusParams,
+  params?: WithPickedOnceQueryOptions<GetBuyWithFiatStatusParams>,
 ): UseQueryResult<BuyWithFiatStatus> {
   return useQuery({
     queryKey: ["useBuyWithFiatStatus", params],
@@ -64,5 +65,6 @@ export function useBuyWithFiatStatus(
     },
     refetchIntervalInBackground: true,
     retry: true,
+    ...params?.queryOptions,
   });
 }

package/src/react/core/hooks/wallets/useSendToken.ts

@@ -1,13 +1,15 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { getContract } from "../../../../contract/contract.js";
 import { resolveAddress } from "../../../../extensions/ens/resolve-address.js";
 import { transfer } from "../../../../extensions/erc20/write/transfer.js";
 import { sendTransaction } from "../../../../transaction/actions/send-transaction.js";
+import { waitForReceipt } from "../../../../transaction/actions/wait-for-tx-receipt.js";
 import { prepareTransaction } from "../../../../transaction/prepare-transaction.js";
 import { isAddress } from "../../../../utils/address.js";
 import { isValidENSName } from "../../../../utils/ens/isValidENSName.js";
 import { toWei } from "../../../../utils/units.js";
+import { invalidateWalletBalance } from "../../providers/invalidateWalletBalance.js";
 import { useActiveWallet } from "./useActiveWallet.js";
 
 /**
@@ -33,6 +35,7 @@ import { useActiveWallet } from "./useActiveWallet.js";
  */
 export function useSendToken(client: ThirdwebClient) {
   const wallet = useActiveWallet();
+  const queryClient = useQueryClient();
   return useMutation({
     async mutationFn(option: {
       tokenAddress?: string;
@@ -83,7 +86,7 @@ export function useSendToken(client: ThirdwebClient) {
           value: toWei(amount),
         });
 
-        await sendTransaction({
+        return sendTransaction({
           transaction: sendNativeTokenTx,
           account,
         });
@@ -103,11 +106,24 @@ export function useSendToken(client: ThirdwebClient) {
           to,
         });
 
-        await sendTransaction({
+        return sendTransaction({
           transaction: tx,
           account,
         });
       }
     },
+    onSettled: async (data, error) => {
+      if (error) {
+        return;
+      }
+      if (data?.transactionHash) {
+        await waitForReceipt({
+          transactionHash: data.transactionHash,
+          client,
+          chain: data.chain,
+        });
+      }
+      invalidateWalletBalance(queryClient);
+    },
   });
 }

package/src/react/core/providers/invalidateWalletBalance.ts

@@ -4,9 +4,14 @@ export function invalidateWalletBalance(
   queryClient: QueryClient,
   chainId?: number,
 ) {
-  return queryClient.invalidateQueries({
+  queryClient.invalidateQueries({
     // invalidate any walletBalance queries for this chainId
     // TODO: add wallet address in here if we can get it somehow
     queryKey: chainId ? ["walletBalance", chainId] : ["walletBalance"],
   });
+  queryClient.invalidateQueries({
+    queryKey: chainId
+      ? ["internal_account_balance", chainId]
+      : ["internal_account_balance"],
+  });
 }

package/src/react/core/utils/account.ts

@@ -2,7 +2,10 @@ import type { Chain } from "../../../chains/types.js";
 import type { ThirdwebClient } from "../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../constants/addresses.js";
 import { convertCryptoToFiat } from "../../../pay/convert/cryptoToFiat.js";
-import type { SupportedFiatCurrency } from "../../../pay/convert/type.js";
+import {
+  type SupportedFiatCurrency,
+  getFiatSymbol,
+} from "../../../pay/convert/type.js";
 import { type Address, isAddress } from "../../../utils/address.js";
 import { formatNumber } from "../../../utils/formatNumber.js";
 import { shortenLargeNumber } from "../../../utils/shortenLargeNumber.js";
@@ -112,13 +115,6 @@ export async function loadAccountBalance(props: {
   };
 }
 
-function getFiatSymbol(showBalanceInFiat: SupportedFiatCurrency) {
-  switch (showBalanceInFiat) {
-    case "USD":
-      return "$";
-  }
-}
-
 /**
  * Format the display balance for both crypto and fiat, in the Details button and Modal
  * If both crypto balance and fiat balance exist, we have to keep the string very short to avoid UI issues.

package/src/react/web/ui/ConnectWallet/NetworkSelector.tsx

@@ -704,7 +704,7 @@ export const ChainButton = /* @__PURE__ */ memo(function ChainButton(props: {
               {confirming && (
                 <>
                   <Text size="xs" color="accentText">
-                    {locale.confirmInWallet}
+                    {locale.switchingNetwork}
                   </Text>
                   <Spinner size="xs" color="accentText" />
                 </>

package/src/react/web/ui/ConnectWallet/icons/currencies/JPYIcon.tsx

@@ -9,7 +9,7 @@ export const JPYIcon: IconFC = (props) => {
       xmlns="http://www.w3.org/2000/svg"
       role="presentation"
     >
-      <g fill="none" fill-rule="evenodd">
+      <g fill="none" fillRule="evenodd">
         <circle cx="16" cy="16" fill="#a81b1b" r="16" />
         <path
           d="M17.548 18.711v1.878h5.063v2.288h-5.063V25.5h-3.096v-2.623H9.389v-2.288h5.063v-1.878H9.389v-2.288h4.171L7.5 7.5h3.752l4.8 7.534L20.853 7.5H24.5l-6.086 8.923h4.197v2.288z"

package/src/react/web/ui/ConnectWallet/screens/Buy/BuyScreen.tsx

@@ -39,8 +39,8 @@ import { DirectPaymentModeScreen } from "./DirectPaymentModeScreen.js";
 import { PayTokenIcon } from "./PayTokenIcon.js";
 import { TransactionModeScreen } from "./TransactionModeScreen.js";
 import { CurrencySelection } from "./fiat/CurrencySelection.js";
-import { FiatFlow } from "./fiat/FiatFlow.js";
 import { FiatScreenContent } from "./fiat/FiatScreenContent.js";
+import { OnRampScreen } from "./fiat/OnRampScreen.js";
 import type { SelectedScreen } from "./main/types.js";
 import {
   type PaymentMethods,
@@ -312,8 +312,12 @@ function BuyScreenContent(props: BuyScreenContentProps) {
   }
 
   if (screen.id === "fiat-flow" && payer) {
+    const defaultRecipientAddress = (
+      props.payOptions as Extract<PayUIOptions, { mode: "direct_payment" }>
+    )?.paymentInfo?.sellerAddress;
+    const receiverAddress = defaultRecipientAddress || payer.account.address;
     return (
-      <FiatFlow
+      <OnRampScreen
         title={props.title}
         transactionMode={payOptions.mode === "transaction"}
         quote={screen.quote}
@@ -328,10 +332,10 @@ function BuyScreenContent(props: BuyScreenContentProps) {
           props.payOptions.buyWithFiat?.testMode === true
         }
         theme={typeof props.theme === "string" ? props.theme : props.theme.type}
-        openedWindow={screen.openedWindow}
         onDone={onDone}
         isEmbed={props.isEmbed}
         payer={payer}
+        receiverAddress={receiverAddress}
         onSuccess={onFiatSuccess}
       />
     );

package/src/react/web/ui/ConnectWallet/screens/Buy/PayWIthCreditCard.tsx

@@ -12,7 +12,7 @@ import { Skeleton } from "../../../components/Skeleton.js";
 import { Container } from "../../../components/basic.js";
 import { Button } from "../../../components/buttons.js";
 import { Text } from "../../../components/text.js";
-import type { CurrencyMeta } from "./fiat/currencies.js";
+import { type CurrencyMeta, getFiatIcon } from "./fiat/currencies.js";
 
 /**
  * Shows an amount "value" and renders the selected token and chain
@@ -55,7 +55,7 @@ export function PayWithCreditCard(props: {
         }}
         gap="sm"
       >
-        <props.currency.icon size={iconSize.md} />
+        {getFiatIcon(props.currency, "md")}
         <Container flex="row" center="y" gap="xxs" color="secondaryText">
           <Text color="primaryText">{props.currency.shorthand}</Text>
           <ChevronDownIcon width={iconSize.sm} height={iconSize.sm} />

package/src/react/web/ui/ConnectWallet/screens/Buy/fiat/CurrencySelection.tsx

@@ -1,14 +1,11 @@
 import styled from "@emotion/styled";
 import { useCustomTheme } from "../../../../../../core/design-system/CustomThemeProvider.js";
-import {
-  iconSize,
-  spacing,
-} from "../../../../../../core/design-system/index.js";
+import { spacing } from "../../../../../../core/design-system/index.js";
 import { Spacer } from "../../../../components/Spacer.js";
 import { Container, Line, ModalHeader } from "../../../../components/basic.js";
 import { Button } from "../../../../components/buttons.js";
 import { Text } from "../../../../components/text.js";
-import { type CurrencyMeta, currencies } from "./currencies.js";
+import { type CurrencyMeta, currencies, getFiatIcon } from "./currencies.js";
 
 export function CurrencySelection(props: {
   onSelect: (currency: CurrencyMeta) => void;
@@ -33,7 +30,7 @@ export function CurrencySelection(props: {
               onClick={() => props.onSelect(c)}
               gap="sm"
             >
-              <c.icon size={iconSize.lg} />
+              {getFiatIcon(c, "lg")}
               <Container flex="column" gap="xxs">
                 <Text color="primaryText">{c.shorthand}</Text>
                 <Text size="sm">{c.name}</Text>