thirdweb 5.105.38 → 5.105.39

package/src/bridge/Token.ts

@@ -2,7 +2,7 @@ import type { ThirdwebClient } from "../client/client.js";
 import { getThirdwebBaseUrl } from "../utils/domains.js";
 import { getClientFetch } from "../utils/fetch.js";
 import { ApiError } from "./types/Errors.js";
-import type { Token } from "./types/Token.js";
+import type { Token, TokenWithPrices } from "./types/Token.js";
 
 /**
  * Retrieves supported Universal Bridge tokens based on the provided filters.
@@ -128,9 +128,20 @@ import type { Token } from "./types/Token.js";
  * @bridge
  * @beta
  */
-export async function tokens(options: tokens.Options): Promise<tokens.Result> {
-  const { client, chainId, tokenAddress, symbol, name, limit, offset } =
-    options;
+export async function tokens<
+  IncludePrices extends boolean = true,
+  R extends Token | TokenWithPrices = TokenWithPrices,
+>(options: tokens.Options<IncludePrices>): Promise<R[]> {
+  const {
+    client,
+    chainId,
+    tokenAddress,
+    symbol,
+    name,
+    limit,
+    offset,
+    includePrices,
+  } = options;
 
   const clientFetch = getClientFetch(client);
   const url = new URL(`${getThirdwebBaseUrl("bridge")}/v1/tokens`);
@@ -153,6 +164,9 @@ export async function tokens(options: tokens.Options): Promise<tokens.Result> {
   if (offset !== null && offset !== undefined) {
     url.searchParams.set("offset", offset.toString());
   }
+  if (includePrices !== undefined) {
+    url.searchParams.set("includePrices", includePrices.toString());
+  }
 
   const response = await clientFetch(url.toString());
   if (!response.ok) {
@@ -165,7 +179,7 @@ export async function tokens(options: tokens.Options): Promise<tokens.Result> {
     });
   }
 
-  const { data }: { data: Token[] } = await response.json();
+  const { data }: { data: R[] } = await response.json();
   return data;
 }
 
@@ -173,7 +187,7 @@ export declare namespace tokens {
   /**
    * Input parameters for {@link tokens}.
    */
-  type Options = {
+  type Options<IncludePrices extends boolean> = {
     /** Your {@link ThirdwebClient} instance. */
     client: ThirdwebClient;
     /** Filter by a specific chain ID. */
@@ -188,12 +202,14 @@ export declare namespace tokens {
     limit?: number;
     /** Number of tokens to skip (min: 0, default: 0). */
     offset?: number | null;
+    /** Whether or not to include prices for the tokens. Setting this to false will speed up the request. */
+    includePrices?: IncludePrices;
   };
 
   /**
    * The result returned from {@link Bridge.tokens}.
    */
-  type Result = Token[];
+  type Result<T extends Token | TokenWithPrices> = T[];
 }
 
 /**
@@ -254,7 +270,7 @@ export async function add(options: add.Options): Promise<add.Result> {
     });
   }
 
-  const { data }: { data: Token } = await response.json();
+  const { data }: { data: TokenWithPrices } = await response.json();
   return data;
 }
 
@@ -274,5 +290,5 @@ export declare namespace add {
   /**
    * The result returned from {@link Bridge.add}.
    */
-  type Result = Token;
+  type Result = TokenWithPrices;
 }

package/src/bridge/index.ts

@@ -17,7 +17,7 @@ export type {
   RouteTransaction,
 } from "./types/Route.js";
 export type { Status } from "./types/Status.js";
-export type { Token } from "./types/Token.js";
+export type { Token, TokenWithPrices } from "./types/Token.js";
 export type { WebhookPayload } from "./Webhook.js";
 export * as Webhook from "./Webhook.js";
 export { parse } from "./Webhook.js";

package/src/bridge/types/Route.ts

@@ -2,24 +2,24 @@ import type { Hex as ox__Hex } from "ox";
 import type { Chain } from "../../chains/types.js";
 import type { ThirdwebClient } from "../../client/client.js";
 import type { Action } from "./BridgeAction.js";
-import type { Token } from "./Token.js";
+import type { TokenWithPrices } from "./Token.js";
 
 export type Route = {
-  originToken: Token;
-  destinationToken: Token;
+  originToken: TokenWithPrices;
+  destinationToken: TokenWithPrices;
 };
 
 export type RouteQuoteStep = {
-  originToken: Token;
-  destinationToken: Token;
+  originToken: TokenWithPrices;
+  destinationToken: TokenWithPrices;
   originAmount: bigint;
   destinationAmount: bigint;
   estimatedExecutionTimeMs: number;
 };
 
 export type RouteStep = {
-  originToken: Token;
-  destinationToken: Token;
+  originToken: TokenWithPrices;
+  destinationToken: TokenWithPrices;
   originAmount: bigint;
   destinationAmount: bigint;
   estimatedExecutionTimeMs: number;

package/src/bridge/types/Token.ts

@@ -7,5 +7,8 @@ export type Token = {
   symbol: string;
   name: string;
   iconUri?: string;
+};
+
+export type TokenWithPrices = Token & {
   prices: Record<string, number>;
 };

package/src/pay/convert/get-token.ts

@@ -1,5 +1,5 @@
 import { add, tokens } from "../../bridge/Token.js";
-import type { Token } from "../../bridge/types/Token.js";
+import type { TokenWithPrices } from "../../bridge/types/Token.js";
 import type { ThirdwebClient } from "../../client/client.js";
 import { withCache } from "../../utils/promise/withCache.js";
 
@@ -7,7 +7,7 @@ export async function getToken(
   client: ThirdwebClient,
   tokenAddress: string,
   chainId: number,
-): Promise<Token> {
+): Promise<TokenWithPrices> {
   return withCache(
     async () => {
       const result = await tokens({

package/src/react/core/hooks/usePaymentMethods.ts

@@ -1,7 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import type { Quote } from "../../../bridge/index.js";
 import { ApiError } from "../../../bridge/types/Errors.js";
-import type { Token } from "../../../bridge/types/Token.js";
+import type { Token, TokenWithPrices } from "../../../bridge/types/Token.js";
 import type { ThirdwebClient } from "../../../client/client.js";
 import { getThirdwebBaseUrl } from "../../../utils/domains.js";
 import { getClientFetch } from "../../../utils/fetch.js";
@@ -82,7 +82,7 @@ export function usePaymentMethods(options: {
 
       const {
         data: allValidOriginTokens,
-      }: { data: { quote: Quote; balance: string; token: Token }[] } =
+      }: { data: { quote: Quote; balance: string; token: TokenWithPrices }[] } =
         await response.json();
 
       // Sort by enough balance to pay THEN gross balance

package/src/react/core/hooks/useTransactionDetails.ts

@@ -1,7 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import type { AbiFunction } from "abitype";
 import { toFunctionSelector } from "viem";
-import type { Token } from "../../../bridge/index.js";
+import type { TokenWithPrices } from "../../../bridge/index.js";
 import type { ThirdwebClient } from "../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../constants/addresses.js";
 import type { CompilerMetadata } from "../../../contract/actions/compiler-metadata.js";
@@ -34,7 +34,7 @@ interface TransactionDetails {
   usdValueDisplay: string | null;
   txCostDisplay: string;
   gasCostDisplay: string | null;
-  tokenInfo: Token | null;
+  tokenInfo: TokenWithPrices | null;
   costWei: bigint;
   gasCostWei: bigint | null;
   totalCost: string;

package/src/react/core/machines/paymentMachine.ts

@@ -1,6 +1,6 @@
 import { useCallback, useState } from "react";
 import type { Quote } from "../../../bridge/index.js";
-import type { Token } from "../../../bridge/types/Token.js";
+import type { TokenWithPrices } from "../../../bridge/types/Token.js";
 import type { Address } from "../../../utils/address.js";
 import type { AsyncStorage } from "../../../utils/storage/AsyncStorage.js";
 import type { Wallet } from "../../../wallets/interfaces/wallet.js";
@@ -23,7 +23,7 @@ export type PaymentMethod =
   | {
       type: "wallet";
       payerWallet: Wallet;
-      originToken: Token;
+      originToken: TokenWithPrices;
       balance: bigint;
       quote: Quote;
     }
@@ -43,7 +43,7 @@ export interface PaymentMachineContext {
 
   // Target requirements (resolved in init state)
   destinationAmount?: string;
-  destinationToken?: Token;
+  destinationToken?: TokenWithPrices;
   receiverAddress?: Address;
 
   // User selections (set in methodSelection state)
@@ -73,7 +73,7 @@ export interface PaymentMachineContext {
 type PaymentMachineEvent =
   | {
       type: "DESTINATION_CONFIRMED";
-      destinationToken: Token;
+      destinationToken: TokenWithPrices;
       destinationAmount: string;
       receiverAddress: Address;
     }

package/src/react/web/ui/Bridge/BridgeOrchestrator.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useCallback, useMemo } from "react";
-import type { Token } from "../../../../bridge/types/Token.js";
+import type { TokenWithPrices } from "../../../../bridge/types/Token.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import type { SupportedFiatCurrency } from "../../../../pay/convert/type.js";
 import type { PurchaseData } from "../../../../pay/types.js";
@@ -46,7 +46,7 @@ export type UIOptions = Prettify<
   } & (
     | {
         mode: "fund_wallet";
-        destinationToken: Token;
+        destinationToken: TokenWithPrices;
         initialAmount?: string;
         presetOptions?: [number, number, number];
       }
@@ -54,7 +54,7 @@ export type UIOptions = Prettify<
         mode: "direct_payment";
         paymentInfo: {
           sellerAddress: Address;
-          token: Token;
+          token: TokenWithPrices;
           amount: string;
           feePayer?: "sender" | "receiver";
         };
@@ -235,7 +235,7 @@ export function BridgeOrchestrator({
 
   // Handle requirements resolved from FundWallet and DirectPayment
   const handleRequirementsResolved = useCallback(
-    (amount: string, token: Token, receiverAddress: Address) => {
+    (amount: string, token: TokenWithPrices, receiverAddress: Address) => {
       send({
         destinationAmount: amount,
         destinationToken: token,

package/src/react/web/ui/Bridge/DirectPayment.tsx

@@ -1,5 +1,5 @@
 "use client";
-import type { Token } from "../../../../bridge/types/Token.js";
+import type { TokenWithPrices } from "../../../../bridge/types/Token.js";
 import { defineChain } from "../../../../chains/utils.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import type { Address } from "../../../../utils/address.js";
@@ -28,7 +28,11 @@ export interface DirectPaymentProps {
   /**
    * Called when user continues with the payment
    */
-  onContinue: (amount: string, token: Token, receiverAddress: Address) => void;
+  onContinue: (
+    amount: string,
+    token: TokenWithPrices,
+    receiverAddress: Address,
+  ) => void;
 
   /**
    * Whether to show thirdweb branding in the widget.

package/src/react/web/ui/Bridge/FundWallet.tsx

@@ -1,7 +1,7 @@
 /** biome-ignore-all lint/a11y/useSemanticElements: FIXME */
 "use client";
 import { useRef, useState } from "react";
-import type { Token } from "../../../../bridge/types/Token.js";
+import type { TokenWithPrices } from "../../../../bridge/types/Token.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { type Address, getAddress } from "../../../../utils/address.js";
 import { numberToPlainString } from "../../../../utils/formatNumber.js";
@@ -46,7 +46,11 @@ export interface FundWalletProps {
   /**
    * Called when continue is clicked with the resolved requirements
    */
-  onContinue: (amount: string, token: Token, receiverAddress: Address) => void;
+  onContinue: (
+    amount: string,
+    token: TokenWithPrices,
+    receiverAddress: Address,
+  ) => void;
 
   /**
    * Quick buy amounts

package/src/react/web/ui/Bridge/TransactionPayment.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useQuery } from "@tanstack/react-query";
-import type { Token } from "../../../../bridge/index.js";
+import type { TokenWithPrices } from "../../../../bridge/types/Token.js";
 import type { ThirdwebClient } from "../../../../client/client.js";
 import { NATIVE_TOKEN_ADDRESS } from "../../../../constants/addresses.js";
 import {
@@ -46,7 +46,11 @@ export interface TransactionPaymentProps {
   /**
    * Called when user confirms transaction execution
    */
-  onContinue: (amount: string, token: Token, receiverAddress: Address) => void;
+  onContinue: (
+    amount: string,
+    token: TokenWithPrices,
+    receiverAddress: Address,
+  ) => void;
 
   /**
    * Request to execute the transaction immediately (skips funding flow)

package/src/stories/Bridge/fixtures.ts

@@ -1,5 +1,5 @@
 import { stringify } from "viem";
-import type { Token } from "../../bridge/index.js";
+import type { TokenWithPrices } from "../../bridge/types/Token.js";
 import { base } from "../../chains/chain-definitions/base.js";
 import { baseSepolia } from "../../chains/chain-definitions/base-sepolia.js";
 import { polygon } from "../../chains/chain-definitions/polygon.js";
@@ -19,7 +19,7 @@ import { toWei } from "../../utils/units.js";
 import type { Account, Wallet } from "../../wallets/interfaces/wallet.js";
 import { storyClient } from "../utils.js";
 
-export const ETH: Token = {
+export const ETH: TokenWithPrices = {
   address: NATIVE_TOKEN_ADDRESS,
   chainId: 10,
   decimals: 18,
@@ -32,7 +32,7 @@ export const ETH: Token = {
   symbol: "ETH",
 };
 
-export const USDC: Token = {
+export const USDC: TokenWithPrices = {
   address: getDefaultToken(base, "USDC")?.address ?? "",
   chainId: base.id,
   decimals: 6,
@@ -45,7 +45,7 @@ export const USDC: Token = {
   symbol: "USDC",
 };
 
-export const UNI: Token = {
+export const UNI: TokenWithPrices = {
   address: "0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984",
   chainId: 10,
   decimals: 18,

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.105.38";
+export const version = "5.105.39";