thirdweb 5.105.49-nightly-04862de9e4e11724720fa40a0ed4713ff2bfdad5-20250917000323 → 5.106.1

package/dist/types/react/web/ui/Bridge/swap-widget/SwapWidget.d.ts

@@ -0,0 +1,220 @@
+import type { ThirdwebClient } from "../../../../../client/client.js";
+import type { SupportedFiatCurrency } from "../../../../../pay/convert/type.js";
+import type { Theme } from "../../../../core/design-system/index.js";
+import type { SwapPreparedQuote, SwapWidgetConnectOptions } from "./types.js";
+export type SwapWidgetProps = {
+    /**
+     * A client is the entry point to the thirdweb SDK.
+     * It is required for all other actions.
+     * You can create a client using the `createThirdwebClient` function. Refer to the [Creating a Client](https://portal.thirdweb.com/typescript/v5/client) documentation for more information.
+     *
+     * You must provide a `clientId` or `secretKey` in order to initialize a client. Pass `clientId` if you want for client-side usage and `secretKey` for server-side usage.
+     *
+     * ```tsx
+     * import { createThirdwebClient } from "thirdweb";
+     *
+     * const client = createThirdwebClient({
+     *  clientId: "<your_client_id>",
+     * })
+     * ```
+     */
+    client: ThirdwebClient;
+    /**
+     * The prefill Buy and/or Sell tokens for the swap widget. If `tokenAddress` is not provided, the native token will be used
+     *
+     * @example
+     *
+     * ### Set an ERC20 token as the buy token
+     * ```ts
+     * <SwapWidget client={client} prefill={{
+     *  buyToken: {
+     *    chainId: 8453,
+     *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+     *  },
+     * }} />
+     * ```
+     *
+     * ### Set a native token as the sell token
+     *
+     * ```ts
+     * <SwapWidget client={client} prefill={{
+     *  sellToken: {
+     *    chainId: 8453,
+     *  },
+     * }} />
+     * ```
+     *
+     * ### Set 0.1 Base USDC as the buy token
+     * ```ts
+     * <SwapWidget client={client} prefill={{
+     *  buyToken: {
+     *    chainId: 8453,
+     *    amount: "0.1",
+     *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+     *  },
+     * }} />
+     * ```
+     *
+     * ### Set Base USDC as the buy token and Base native token as the sell token
+     * ```ts
+     * <SwapWidget client={client} prefill={{
+     *  buyToken: {
+     *    chainId: 8453,
+     *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+     *  },
+     *  sellToken: {
+     *    chainId: 8453,
+     *  },
+     * }} />
+     * ```
+     */
+    prefill?: {
+        buyToken?: {
+            tokenAddress?: string;
+            chainId: number;
+            amount?: string;
+        };
+        sellToken?: {
+            tokenAddress?: string;
+            chainId: number;
+            amount?: string;
+        };
+    };
+    /**
+     * Set the theme for the `SwapWidget` component. By default it is set to `"dark"`
+     *
+     * theme can be set to either `"dark"`, `"light"` or a custom theme object.
+     * You can also import [`lightTheme`](https://portal.thirdweb.com/references/typescript/v5/lightTheme)
+     * or [`darkTheme`](https://portal.thirdweb.com/references/typescript/v5/darkTheme)
+     * functions from `thirdweb/react` to use the default themes as base and overrides parts of it.
+     * @example
+     * ```ts
+     * import { lightTheme } from "thirdweb/react";
+     *
+     * const customTheme = lightTheme({
+     *  colors: {
+     *    modalBg: 'red'
+     *  }
+     * })
+     *
+     * function Example() {
+     *  return <SwapWidget client={client} theme={customTheme} />
+     * }
+     * ```
+     */
+    theme?: "light" | "dark" | Theme;
+    /**
+     * The currency to use for the payment.
+     * @default "USD"
+     */
+    currency?: SupportedFiatCurrency;
+    connectOptions?: SwapWidgetConnectOptions;
+    /**
+     * Whether to show thirdweb branding in the widget.
+     * @default true
+     */
+    showThirdwebBranding?: boolean;
+    /**
+     * Callback to be called when the swap is successful.
+     */
+    onSuccess?: (quote: SwapPreparedQuote) => void;
+    /**
+     * Callback to be called when user encounters an error when swapping.
+     */
+    onError?: (error: Error, quote: SwapPreparedQuote) => void;
+    /**
+     * Callback to be called when the user cancels the purchase.
+     */
+    onCancel?: (quote: SwapPreparedQuote) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    /**
+     * Whether to persist the token selections to localStorage so that if the user revisits the widget, the last used tokens are pre-selected.
+     * The last used tokens do not override the tokens specified in the `prefill` prop
+     *
+     * @default true
+     */
+    persistTokenSelections?: boolean;
+};
+/**
+ * A widget for swapping tokens with cross-chain support
+ *
+ * @param props - Props of type [`SwapWidgetProps`](https://portal.thirdweb.com/references/typescript/v5/SwapWidgetProps) to configure the SwapWidget component.
+ *
+ * @example
+ * ### Basic usage
+ *
+ * By default, no tokens are selected in the widget UI.
+ *
+ * You can set specific tokens to buy or sell by default by passing the `prefill` prop. User can change these selections in the widget UI.
+ *
+ * ```tsx
+ * <SwapWidget client={client} />
+ * ```
+ *
+ * ### Set an ERC20 token to Buy by default
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  buyToken: {
+ *    // Base USDC
+ *    chainId: 8453,
+ *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+ *  },
+ * }} />
+ * ```
+ *
+ * ### Set a native token to Sell by default
+ *
+ * By not specifying a `tokenAddress`, the native token will be used.
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  // Base native token (ETH)
+ *  sellToken: {
+ *    chainId: 8453,
+ *  },
+ * }} />
+ * ```
+ *
+ * ### Set amount and token to Buy by default
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  buyToken: {
+ *    // 0.1 Base USDC
+ *    chainId: 8453,
+ *    amount: "0.1",
+ *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+ *  },
+ * }} />
+ * ```
+ *
+ * ### Set both buy and sell tokens by default
+ *
+ * ```tsx
+ * <SwapWidget client={client} prefill={{
+ *  buyToken: {
+ *    // Base USDC
+ *    chainId: 8453,
+ *    tokenAddress: "0x833589fcd6edb6e08f4c7c32d4f71b54bda02913",
+ *  },
+ *  sellToken: {
+ *    // Polygon native token (MATIC)
+ *    chainId: 137,
+ *  },
+ * }} />
+ * ```
+ *
+ */
+export declare function SwapWidget(props: SwapWidgetProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @internal
+ */
+export declare function SwapWidgetContainer(props: {
+    theme: SwapWidgetProps["theme"];
+    className: string | undefined;
+    style?: React.CSSProperties | undefined;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwapWidget.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/SwapWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwapWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/SwapWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAGhF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AAarE,OAAO,KAAK,EACV,iBAAiB,EACjB,wBAAwB,EAEzB,MAAM,YAAY,CAAC;AAGpB,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;;;;;;;;;;OAcG;IACH,MAAM,EAAE,cAAc,CAAC;IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgDG;IACH,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE;YACT,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,OAAO,EAAE,MAAM,CAAC;YAChB,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;QACF,SAAS,CAAC,EAAE;YACV,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,OAAO,EAAE,MAAM,CAAC;YAChB,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAUhD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAcA"}

package/dist/types/react/web/ui/Bridge/swap-widget/common.d.ts

@@ -0,0 +1,9 @@
+import type { Theme } from "../../../../core/design-system/index.js";
+export declare function DecimalRenderer(props: {
+    value: string;
+    color: keyof Theme["colors"];
+    weight: 400 | 500 | 600 | 700;
+    integerSize: "md" | "sm";
+    fractionSize: "sm" | "xs";
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=common.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yCAAyC,CAAC;AAGrE,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7B,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAC9B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;CAC3B,2CAoBA"}

package/dist/types/react/web/ui/Bridge/swap-widget/hooks.d.ts

@@ -0,0 +1,3 @@
+import type { ActiveWalletInfo } from "./types.js";
+export declare function useActiveWalletInfo(): ActiveWalletInfo | undefined;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/hooks.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,SAAS,CAclE"}

package/dist/types/react/web/ui/Bridge/swap-widget/select-chain.d.ts

@@ -0,0 +1,23 @@
+import type { Chain as BridgeChain } from "../../../../../bridge/index.js";
+import type { ThirdwebClient } from "../../../../../client/client.js";
+type SelectBuyTokenProps = {
+    onBack: () => void;
+    client: ThirdwebClient;
+    onSelectChain: (chain: BridgeChain) => void;
+    selectedChain: BridgeChain | undefined;
+};
+/**
+ * @internal
+ */
+export declare function SelectBridgeChain(props: SelectBuyTokenProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @internal
+ */
+export declare function SelectBridgeChainUI(props: SelectBuyTokenProps & {
+    isPending: boolean;
+    chains: BridgeChain[];
+    onSelectChain: (chain: BridgeChain) => void;
+    selectedChain: BridgeChain | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select-chain.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/select-chain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-chain.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/select-chain.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAgBtE,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,mBAAmB,2CAW3D;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,mBAAmB,GAAG;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;CACxC,2CAyEF"}

package/dist/types/react/web/ui/Bridge/swap-widget/select-token-ui.d.ts

@@ -0,0 +1,18 @@
+import type { ThirdwebClient } from "../../../../../client/client.js";
+import type { ActiveWalletInfo, TokenSelection } from "./types.js";
+/**
+ * @internal
+ */
+type SelectTokenUIProps = {
+    onBack: () => void;
+    client: ThirdwebClient;
+    selectedToken: TokenSelection | undefined;
+    setSelectedToken: (token: TokenSelection) => void;
+    activeWalletInfo: ActiveWalletInfo | undefined;
+};
+/**
+ * @internal
+ */
+export declare function SelectToken(props: SelectTokenUIProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select-token-ui.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/select-token-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-token-ui.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/select-token-ui.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAsBtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAQnE;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,cAAc,CAAC;IACvB,aAAa,EAAE,cAAc,GAAG,SAAS,CAAC;IAC1C,gBAAgB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAChD,CAAC;AASF;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,kBAAkB,2CAqEpD"}

package/dist/types/react/web/ui/Bridge/swap-widget/storage.d.ts

@@ -0,0 +1,46 @@
+import { z } from "zod";
+declare const lastUsedTokensSchema: z.ZodObject<{
+    buyToken: z.ZodOptional<z.ZodObject<{
+        tokenAddress: z.ZodString;
+        chainId: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        chainId: number;
+        tokenAddress: string;
+    }, {
+        chainId: number;
+        tokenAddress: string;
+    }>>;
+    sellToken: z.ZodOptional<z.ZodObject<{
+        tokenAddress: z.ZodString;
+        chainId: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        chainId: number;
+        tokenAddress: string;
+    }, {
+        chainId: number;
+        tokenAddress: string;
+    }>>;
+}, "strip", z.ZodTypeAny, {
+    buyToken?: {
+        chainId: number;
+        tokenAddress: string;
+    } | undefined;
+    sellToken?: {
+        chainId: number;
+        tokenAddress: string;
+    } | undefined;
+}, {
+    buyToken?: {
+        chainId: number;
+        tokenAddress: string;
+    } | undefined;
+    sellToken?: {
+        chainId: number;
+        tokenAddress: string;
+    } | undefined;
+}>;
+type LastUsedTokens = z.infer<typeof lastUsedTokensSchema>;
+export declare function getLastUsedTokens(): LastUsedTokens | undefined;
+export declare function setLastUsedTokens(update: LastUsedTokens): void;
+export {};
+//# sourceMappingURL=storage.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/storage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAOxB,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGxB,CAAC;AAEH,KAAK,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAU3D,wBAAgB,iBAAiB,IAAI,cAAc,GAAG,SAAS,CAkB9D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAa9D"}

package/dist/types/react/web/ui/Bridge/swap-widget/swap-ui.d.ts

@@ -0,0 +1,40 @@
+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 Theme } from "../../../../core/design-system/index.js";
+import type { BridgePrepareRequest } from "../../../../core/hooks/useBridgePrepare.js";
+import type { ActiveWalletInfo, SwapPreparedQuote, SwapWidgetConnectOptions, TokenSelection } from "./types.js";
+type SwapUIProps = {
+    activeWalletInfo: ActiveWalletInfo | undefined;
+    client: ThirdwebClient;
+    theme: Theme | "light" | "dark";
+    connectOptions: SwapWidgetConnectOptions | undefined;
+    currency: SupportedFiatCurrency;
+    showThirdwebBranding: boolean;
+    onSwap: (data: {
+        result: SwapPreparedQuote;
+        request: BridgePrepareRequest;
+        buyToken: TokenWithPrices;
+        sellTokenBalance: bigint;
+        sellToken: TokenWithPrices;
+        mode: "buy" | "sell";
+    }) => void;
+    buyToken: TokenSelection | undefined;
+    sellToken: TokenSelection | undefined;
+    setBuyToken: (token: TokenSelection | undefined) => void;
+    setSellToken: (token: TokenSelection | undefined) => void;
+    amountSelection: {
+        type: "buy" | "sell";
+        amount: string;
+    };
+    setAmountSelection: (amountSelection: {
+        type: "buy" | "sell";
+        amount: string;
+    }) => void;
+};
+/**
+ * @internal
+ */
+export declare function SwapUI(props: SwapUIProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=swap-ui.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/swap-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swap-ui.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/swap-ui.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAGtE,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,oCAAoC,CAAC;AAI5C,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,yCAAyC,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAgBvF,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACf,MAAM,YAAY,CAAC;AAIpB,KAAK,WAAW,GAAG;IACjB,gBAAgB,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC/C,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAChC,cAAc,EAAE,wBAAwB,GAAG,SAAS,CAAC;IACrD,QAAQ,EAAE,qBAAqB,CAAC;IAChC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE;QACb,MAAM,EAAE,iBAAiB,CAAC;QAC1B,OAAO,EAAE,oBAAoB,CAAC;QAC9B,QAAQ,EAAE,eAAe,CAAC;QAC1B,gBAAgB,EAAE,MAAM,CAAC;QACzB,SAAS,EAAE,eAAe,CAAC;QAC3B,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;KACtB,KAAK,IAAI,CAAC;IACX,QAAQ,EAAE,cAAc,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,cAAc,GAAG,SAAS,CAAC;IACtC,WAAW,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE;QACf,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,kBAAkB,EAAE,CAAC,eAAe,EAAE;QACpC,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;QACrB,MAAM,EAAE,MAAM,CAAC;KAChB,KAAK,IAAI,CAAC;CACZ,CAAC;AAwBF;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuSxC"}

package/dist/types/react/web/ui/Bridge/swap-widget/types.d.ts

@@ -0,0 +1,139 @@
+import type { Chain } from "../../../../../chains/types.js";
+import type { Account, Wallet } from "../../../../../wallets/interfaces/wallet.js";
+import type { SmartWalletOptions } from "../../../../../wallets/smart/types.js";
+import type { AppMetadata } from "../../../../../wallets/types.js";
+import type { SiweAuthOptions } from "../../../../core/hooks/auth/useSiweAuth.js";
+import type { ConnectButton_connectModalOptions } from "../../../../core/hooks/connection/ConnectButtonProps.js";
+import type { BridgePrepareResult } from "../../../../core/hooks/useBridgePrepare.js";
+/**
+ * Connection options for the `SwapWidget` component
+ *
+ * @example
+ * ```tsx
+ * <SwapWidget client={client} connectOptions={{
+ *    connectModal: {
+ *      size: 'compact',
+ *      title: "Sign in",
+ *    }
+ *  }}
+ * />
+ * ```
+ */
+export type SwapWidgetConnectOptions = {
+    /**
+     * Configurations for the `ConnectButton`'s Modal that is shown for connecting a wallet
+     * Refer to the [`ConnectButton_connectModalOptions`](https://portal.thirdweb.com/references/typescript/v5/ConnectButton_connectModalOptions) type for more details
+     */
+    connectModal?: ConnectButton_connectModalOptions;
+    /**
+     * Configure options for WalletConnect
+     *
+     * By default WalletConnect uses the thirdweb's default project id.
+     * Setting your own project id is recommended.
+     *
+     * You can create a project id by signing up on [walletconnect.com](https://walletconnect.com/)
+     */
+    walletConnect?: {
+        projectId?: string;
+    };
+    /**
+     * Enable Account abstraction for all wallets. This will connect to the users's smart account based on the connected personal wallet and the given options.
+     *
+     * This allows to sponsor gas fees for your user's transaction using the thirdweb account abstraction infrastructure.
+     *
+     */
+    accountAbstraction?: SmartWalletOptions;
+    /**
+     * Array of wallets to show in Connect Modal. If not provided, default wallets will be used.
+     */
+    wallets?: Wallet[];
+    /**
+     * When the user has connected their wallet to your site, this configuration determines whether or not you want to automatically connect to the last connected wallet when user visits your site again in the future.
+     *
+     * By default it is set to `{ timeout: 15000 }` meaning that autoConnect is enabled and if the autoConnection does not succeed within 15 seconds, it will be cancelled.
+     *
+     * If you want to disable autoConnect, set this prop to `false`.
+     *
+     * If you want to customize the timeout, you can assign an object with a `timeout` key to this prop.
+     */
+    autoConnect?: {
+        timeout: number;
+    } | boolean;
+    /**
+     * Metadata of the app that will be passed to connected wallet. Setting this is highly recommended.
+     */
+    appMetadata?: AppMetadata;
+    /**
+     * The [`Chain`](https://portal.thirdweb.com/references/typescript/v5/Chain) object of the blockchain you want the wallet to connect to
+     *
+     * If a `chain` is not specified, Wallet will be connected to whatever is the default set in the wallet.
+     *
+     * If a `chain` is specified, Wallet will be prompted to switch to given chain after connection if it is not already connected to it.
+     * This ensures that the wallet is connected to the correct blockchain before interacting with your app.
+     *
+     * The `ConnectButton` also shows a "Switch Network" button until the wallet is connected to the specified chain. Clicking on the "Switch Network" button triggers the wallet to switch to the specified chain.
+     *
+     * You can create a `Chain` object using the [`defineChain`](https://portal.thirdweb.com/references/typescript/v5/defineChain) function.
+     * At minimum, you need to pass the `id` of the blockchain to `defineChain` function to create a `Chain` object.
+     * ```
+     */
+    chain?: Chain;
+    /**
+     * Array of chains that your app supports.
+     *
+     * This is only relevant if your app is a multi-chain app and works across multiple blockchains.
+     * If your app only works on a single blockchain, you should only specify the `chain` prop.
+     *
+     * Given list of chains will used in various ways:
+     * - They will be displayed in the network selector in the `ConnectButton`'s details modal post connection
+     * - They will be sent to wallet at the time of connection if the wallet supports requesting multiple chains ( example: WalletConnect ) so that users can switch between the chains post connection easily
+     *
+     * You can create a `Chain` object using the [`defineChain`](https://portal.thirdweb.com/references/typescript/v5/defineChain) function.
+     * At minimum, you need to pass the `id` of the blockchain to `defineChain` function to create a `Chain` object.
+     *
+     * ```tsx
+     * import { defineChain } from "thirdweb/react";
+     *
+     * const polygon = defineChain({
+     *   id: 137,
+     * });
+     * ```
+     */
+    chains?: Chain[];
+    /**
+     * Wallets to show as recommended in the `ConnectButton`'s Modal
+     */
+    recommendedWallets?: Wallet[];
+    /**
+     * By default, ConnectButton modal shows a "All Wallets" button that shows a list of 500+ wallets.
+     *
+     * You can disable this button by setting `showAllWallets` prop to `false`
+     */
+    showAllWallets?: boolean;
+    /**
+     * Enable SIWE (Sign in with Ethererum) by passing an object of type `SiweAuthOptions` to
+     * enforce the users to sign a message after connecting their wallet to authenticate themselves.
+     *
+     * Refer to the [`SiweAuthOptions`](https://portal.thirdweb.com/references/typescript/v5/SiweAuthOptions) for more details
+     */
+    auth?: SiweAuthOptions;
+};
+/**
+ * @internal
+ */
+export type ActiveWalletInfo = {
+    activeChain: Chain;
+    activeWallet: Wallet;
+    activeAccount: Account;
+};
+/**
+ * @internal
+ */
+export type TokenSelection = {
+    tokenAddress: string;
+    chainId: number;
+};
+export type SwapPreparedQuote = Extract<BridgePrepareResult, {
+    type: "buy" | "sell";
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,KAAK,EACV,OAAO,EACP,MAAM,EACP,MAAM,6CAA6C,CAAC;AACrD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAClF,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yDAAyD,CAAC;AACjH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAEtF;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,iCAAiC,CAAC;IAEjD;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB;;;;;;;;OAQG;IACH,WAAW,CAAC,EACR;QACE,OAAO,EAAE,MAAM,CAAC;KACjB,GACD,OAAO,CAAC;IAEZ;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IAEjB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,KAAK,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,mBAAmB,EACnB;IAAE,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,CACzB,CAAC"}

package/dist/types/react/web/ui/Bridge/swap-widget/use-bridge-chains.d.ts

@@ -0,0 +1,4 @@
+import { chains } from "../../../../../bridge/index.js";
+import type { ThirdwebClient } from "../../../../../client/client.js";
+export declare function useBridgeChains(client: ThirdwebClient): import("@tanstack/react-query").UseQueryResult<chains.Result, Error>;
+//# sourceMappingURL=use-bridge-chains.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/use-bridge-chains.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-bridge-chains.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/use-bridge-chains.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,wEASrD"}

package/dist/types/react/web/ui/Bridge/swap-widget/use-tokens.d.ts

@@ -0,0 +1,44 @@
+import type { Token } from "../../../../../bridge/index.js";
+import type { ThirdwebClient } from "../../../../../client/client.js";
+export declare function useTokens(options: {
+    client: ThirdwebClient;
+    chainId?: number;
+    search?: string;
+    offset: number;
+    limit: number;
+}): import("@tanstack/react-query").UseQueryResult<Token[], Error>;
+export type TokenBalance = {
+    balance: string;
+    chain_id: number;
+    decimals: number;
+    name: string;
+    icon_uri: string;
+    price_data: {
+        circulating_supply: number;
+        market_cap_usd: number;
+        percent_change_24h: number;
+        price_timestamp: string;
+        price_usd: number;
+        total_supply: number;
+        usd_value: number;
+        volume_24h_usd: number;
+    };
+    symbol: string;
+    token_address: string;
+};
+export declare function useTokenBalances(options: {
+    clientId: string;
+    page: number;
+    limit: number;
+    walletAddress: string | undefined;
+    chainId: number | undefined;
+}): import("@tanstack/react-query").UseQueryResult<{
+    pagination: {
+        hasMore: boolean;
+        limit: number;
+        page: number;
+        totalCount: number;
+    };
+    tokens: TokenBalance[];
+}, Error>;
+//# sourceMappingURL=use-tokens.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/use-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tokens.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/use-tokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAC;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAItE,wBAAgB,SAAS,CAAC,OAAO,EAAE;IACjC,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,kEAwBA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE;QACV,kBAAkB,EAAE,MAAM,CAAC;QAC3B,cAAc,EAAE,MAAM,CAAC;QACvB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,eAAe,EAAE,MAAM,CAAC;QACxB,SAAS,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAcF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;gBAhBe;QACV,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB;YACO,YAAY,EAAE;UAoDzB"}

package/dist/types/react/web/ui/Bridge/swap-widget/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function cleanedChainName(name: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/react/web/ui/Bridge/swap-widget/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/swap-widget/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,UAE5C"}

package/dist/types/react/web/ui/ConnectWallet/ConnectButton.d.ts

@@ -127,6 +127,19 @@ import type { ConnectButtonProps } from "../../../core/hooks/connection/ConnectB
  *
  * [View all available themes properties](https://portal.thirdweb.com/references/typescript/v5/Theme)
  *
+ * ### Overriding styles using class names
+ *
+ * Some elements in this component have classes with a `tw-` prefix.
+ * You can target these classes in your own CSS stylesheet to override their styles.
+ *
+ * In some cases, you may need to use the `!important` flag for the override to take effect. Do not use on auto-generated class names, as they may change between builds.
+ *
+ * ```css
+ * .tw-back-button {
+ *   background-color: red !important;
+ * }
+ * ```
+ *
  * ### Changing the display language
  *
  * ```tsx

package/dist/types/react/web/ui/ConnectWallet/ConnectButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/ConnectWallet/ConnectButton.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AA2B/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2PG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA2HtD"}
+{"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/ConnectWallet/ConnectButton.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AA2B/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwQG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA2HtD"}