thirdweb 5.106.1 → 5.107.1-nightly-d53f8a25b4978a9f92f494f50955765817e31bad-20250920000329

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

@@ -1 +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"}
+{"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;AAED,eAAO,MAAM,oBAAoB,mBAI/B,CAAC"}

package/dist/types/react/web/ui/components/basic.d.ts

@@ -35,7 +35,7 @@ export declare function Container(props: {
     expand?: boolean;
     center?: "x" | "y" | "both";
     gap?: keyof typeof spacing;
-    children: React.ReactNode;
+    children?: React.ReactNode;
     style?: React.CSSProperties;
     p?: keyof typeof spacing;
     px?: keyof typeof spacing;

package/dist/types/react/web/ui/components/basic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/basic.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAU3E,eAAO,MAAM,qBAAqB;;;yGAShC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;CAMH,CAAC;AAEtB;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA2BA;AAED,eAAO,MAAM,IAAI;;;;aAAgD,OAAO;yGAKtE,CAAC;AAEH;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,CAAC,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA4FA"}
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/basic.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAU3E,eAAO,MAAM,qBAAqB;;;yGAShC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;CAMH,CAAC;AAEtB;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA2BA;AAED,eAAO,MAAM,IAAI;;;;aAAgD,OAAO;yGAKtE,CAAC;AAEH;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,CAAC,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CA4FA"}

package/dist/types/react/web/ui/components/buttons.d.ts

@@ -5,6 +5,7 @@ type ButtonProps = {
     fullWidth?: boolean;
     gap?: keyof typeof spacing;
     bg?: keyof Theme["colors"];
+    hoverBg?: keyof Theme["colors"];
 };
 export declare const Button: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;

package/dist/types/react/web/ui/components/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,OAAO,EACP,KAAK,KAAK,EACX,MAAM,sCAAsC,CAAC;AAG9C,KAAK,WAAW,GAAG;IACjB,OAAO,EACH,SAAS,GACT,WAAW,GACX,MAAM,GACN,QAAQ,GACR,SAAS,GACT,OAAO,GACP,aAAa,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,MAAM;;;mIAmIjB,CAAC;AAEH,eAAO,MAAM,UAAU;;;mIAAsD,CAAC;AAE9E,eAAO,MAAM,UAAU;;;qHAqBrB,CAAC"}
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,OAAO,EACP,KAAK,KAAK,EACX,MAAM,sCAAsC,CAAC;AAG9C,KAAK,WAAW,GAAG;IACjB,OAAO,EACH,SAAS,GACT,WAAW,GACX,MAAM,GACN,QAAQ,GACR,SAAS,GACT,OAAO,GACP,aAAa,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,MAAM;;;mIAsIjB,CAAC;AAEH,eAAO,MAAM,UAAU;;;mIAAsD,CAAC;AAE9E,eAAO,MAAM,UAAU;;;qHAqBrB,CAAC"}

package/dist/types/react/web/ui/components/formElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formElements.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/formElements.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,sCAAsC,CAAC;AAO9C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,KAAK;;;+HAQhB,CAAC;AAEH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,SAAS,GAAG,aAAa,CAAC;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,KAAK;;;+HAsEhB,CAAC;AAGH,eAAO,MAAM,cAAc;;;yGAiBzB,CAAC"}
+{"version":3,"file":"formElements.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/formElements.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKL,KAAK,KAAK,EACX,MAAM,sCAAsC,CAAC;AAO9C,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,KAAK;;;+HAQhB,CAAC;AAEH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,SAAS,GAAG,aAAa,CAAC;IACnC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,KAAK;;;+HAyEhB,CAAC;AAGH,eAAO,MAAM,cAAc;;;yGAiBzB,CAAC"}

package/dist/types/react/web/ui/hooks/useisMobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=useisMobile.d.ts.map

package/dist/types/react/web/ui/hooks/useisMobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useisMobile.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/hooks/useisMobile.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAgB1B"}

package/dist/types/stories/Bridge/Swap/SelectChain.stories.d.ts

@@ -5,6 +5,8 @@ declare const meta: {
     title: string;
 };
 export default meta;
-export declare function WithData(): import("react/jsx-runtime").JSX.Element;
-export declare function Loading(): import("react/jsx-runtime").JSX.Element;
+export declare function WithDataDesktop(): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingDesktop(): import("react/jsx-runtime").JSX.Element;
+export declare function WithDataMobile(): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingMobile(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectChain.stories.d.ts.map

package/dist/types/stories/Bridge/Swap/SelectChain.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChain.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SelectChain.stories.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,IAAI;;;;;CAKgC,CAAC;AAC3C,eAAe,IAAI,CAAC;AAEpB,wBAAgB,QAAQ,4CAcvB;AAED,wBAAgB,OAAO,4CAgBtB"}
+{"version":3,"file":"SelectChain.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SelectChain.stories.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,IAAI;;;;;CAKgC,CAAC;AAC3C,eAAe,IAAI,CAAC;AAEpB,wBAAgB,eAAe,4CAe9B;AAED,wBAAgB,cAAc,4CAiB7B;AAED,wBAAgB,cAAc,4CAe7B;AAED,wBAAgB,aAAa,4CAiB5B"}

package/dist/types/stories/Bridge/Swap/SwapWidget.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwapWidget.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;AAIpF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAuBjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,4CAEzB;AAED,wBAAgB,WAAW,4CAE1B;AAED,wBAAgB,SAAS,4CAExB;AAED,wBAAgB,kBAAkB,4CAQjC;AAED,wBAAgB,WAAW,4CAgB1B"}
+{"version":3,"file":"SwapWidget.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Swap/SwapWidget.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,wDAAwD,CAAC;AAGpF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,4CAEzB;AAED,wBAAgB,WAAW,4CAQ1B;AAED,wBAAgB,SAAS,4CASxB;AAED,wBAAgB,kBAAkB,4CASjC;AAED,wBAAgB,WAAW,4CAiB1B"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "5.106.1";
+export declare const version = "5.107.1-nightly-d53f8a25b4978a9f92f494f50955765817e31bad-20250920000329";
 //# 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,YAAY,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,4EAA4E,CAAC"}

package/dist/types/x402/facilitator.d.ts

@@ -0,0 +1,48 @@
+import type { FacilitatorConfig } from "x402/types";
+import type { ThirdwebClient } from "../client/client.js";
+export type ThirdwebX402FacilitatorConfig = {
+    client: ThirdwebClient;
+    serverWalletAddress: string;
+    vaultAccessToken?: string;
+    baseUrl?: string;
+};
+/**
+ * Creates a facilitator for the x402 payment protocol.
+ * Use this with any x402 middleware to enable settling transactions with your thirdweb server wallet.
+ *
+ * @param config - The configuration for the facilitator
+ * @returns a x402 compatible FacilitatorConfig
+ *
+ * @example
+ * ```ts
+ * import { facilitator } from "thirdweb/x402";
+ * import { createThirdwebClient } from "thirdweb";
+ *
+ * const client = createThirdwebClient({
+ *   secretKey: "your-secret-key",
+ * });
+ * const thirdwebX402Facilitator = facilitator({
+ *   client: client,
+ *   serverWalletAddress: "0x1234567890123456789012345678901234567890",
+ * });
+ *
+ * // add the facilitator to any x402 payment middleware
+ * const middleware = paymentMiddleware(
+ *   "0x1234567890123456789012345678901234567890",
+ *   {
+ *     "/api/paywall": {
+ *       price: "$0.01",
+ *       network: "base-sepolia",
+ *       config: {
+ *         description: "Access to paid content",
+ *       },
+ *     },
+ *   },
+ *   thirdwebX402Facilitator,
+ * );
+ * ```
+ *
+ * @bridge x402
+ */
+export declare function facilitator(config: ThirdwebX402FacilitatorConfig): FacilitatorConfig;
+//# sourceMappingURL=facilitator.d.ts.map

package/dist/types/x402/facilitator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"facilitator.d.ts","sourceRoot":"","sources":["../../../src/x402/facilitator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GAAG;IAC1C,MAAM,EAAE,cAAc,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,WAAW,CACzB,MAAM,EAAE,6BAA6B,GACpC,iBAAiB,CAkCnB"}

package/dist/types/x402/fetchWithPayment.d.ts

@@ -0,0 +1,43 @@
+import type { ThirdwebClient } from "../client/client.js";
+import type { Wallet } from "../wallets/interfaces/wallet.js";
+/**
+ * Enables the payment of APIs using the x402 payment protocol.
+ *
+ * This function wraps the native fetch API to automatically handle 402 Payment Required responses
+ * by creating and sending a payment header. It will:
+ * 1. Make the initial request
+ * 2. If a 402 response is received, parse the payment requirements
+ * 3. Verify the payment amount is within the allowed maximum
+ * 4. Create a payment header using the provided wallet client
+ * 5. Retry the request with the payment header
+ *
+ * @param fetch - The fetch function to wrap (typically globalThis.fetch)
+ * @param client - The thirdweb client used to access RPC infrastructure
+ * @param wallet - The wallet used to sign payment messages
+ * @param maxValue - The maximum allowed payment amount in base units (defaults to 1 USDC)
+ * @returns A wrapped fetch function that handles 402 responses automatically
+ *
+ * @example
+ * ```typescript
+ * import { wrapFetchWithPayment } from "thirdweb/x402";
+ * import { createThirdwebClient } from "thirdweb";
+ * import { createWallet } from "thirdweb/wallets";
+ *
+ * const client = createThirdwebClient({ clientId: "your-client-id" });
+ * const wallet = createWallet("io.metamask");
+ * await wallet.connect({ client })
+ *
+ * const fetchWithPay = wrapFetchWithPayment(fetch, client, wallet);
+ *
+ * // Make a request that may require payment
+ * const response = await fetchWithPay('https://api.example.com/paid-endpoint');
+ * ```
+ *
+ * @throws {Error} If the payment amount exceeds the maximum allowed value
+ * @throws {Error} If a payment has already been attempted for this request
+ * @throws {Error} If there's an error creating the payment header
+ *
+ * @bridge x402
+ */
+export declare function wrapFetchWithPayment(fetch: typeof globalThis.fetch, client: ThirdwebClient, wallet: Wallet, maxValue?: bigint): (input: RequestInfo, init?: RequestInit) => Promise<Response>;
+//# sourceMappingURL=fetchWithPayment.d.ts.map

package/dist/types/x402/fetchWithPayment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchWithPayment.d.ts","sourceRoot":"","sources":["../../../src/x402/fetchWithPayment.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,OAAO,UAAU,CAAC,KAAK,EAC9B,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,GAAE,MAA4B,IAExB,OAAO,WAAW,EAAE,OAAO,WAAW,uBAmFrD"}

package/package.json

@@ -38,6 +38,7 @@
     "toml": "3.0.0",
     "uqr": "0.1.2",
     "viem": "2.33.2",
+    "x402": "0.6.1",
     "zod": "3.25.75",
     "@thirdweb-dev/engine": "3.2.1",
     "@thirdweb-dev/insight": "1.1.1"
@@ -226,6 +227,11 @@
       "react-native": "./dist/esm/exports/wallets/in-app.native.js",
       "import": "./dist/esm/exports/wallets/in-app.js",
       "default": "./dist/cjs/exports/wallets/in-app.js"
+    },
+    "./x402": {
+      "types": "./dist/types/exports/x402.d.ts",
+      "import": "./dist/esm/exports/x402.js",
+      "default": "./dist/cjs/exports/x402.js"
     }
   },
   "files": [
@@ -384,11 +390,14 @@
       ],
       "insight": [
         "./dist/types/exports/insight.d.ts"
+      ],
+      "x402": [
+        "./dist/types/exports/x402.d.ts"
       ]
     }
   },
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "5.106.1",
+  "version": "5.107.1-nightly-d53f8a25b4978a9f92f494f50955765817e31bad-20250920000329",
   "scripts": {
     "bench": "vitest -c ./test/vitest.config.ts bench",
     "bench:compare": "bun run ./benchmarks/run.ts",

package/src/bridge/Token.ts

@@ -141,6 +141,7 @@ export async function tokens<
     limit,
     offset,
     includePrices,
+    sortBy,
   } = options;
 
   const clientFetch = getClientFetch(client);
@@ -167,6 +168,9 @@ export async function tokens<
   if (includePrices !== undefined) {
     url.searchParams.set("includePrices", includePrices.toString());
   }
+  if (sortBy !== undefined) {
+    url.searchParams.set("sortBy", sortBy);
+  }
 
   const response = await clientFetch(url.toString());
   if (!response.ok) {
@@ -204,6 +208,8 @@ export declare namespace tokens {
     offset?: number | null;
     /** Whether or not to include prices for the tokens. Setting this to false will speed up the request. */
     includePrices?: IncludePrices;
+    /** Sort by a specific field. */
+    sortBy?: "newest" | "oldest" | "volume" | "market_cap";
   };
 
   /**

package/src/bridge/types/Token.ts

@@ -7,6 +7,8 @@ export type Token = {
   symbol: string;
   name: string;
   iconUri?: string;
+  marketCapUsd?: number;
+  volume24hUsd?: number;
 };
 
 export type TokenWithPrices = Token & {

package/src/exports/x402.ts

@@ -0,0 +1,5 @@
+export {
+  facilitator,
+  type ThirdwebX402FacilitatorConfig,
+} from "../x402/facilitator.js";
+export { wrapFetchWithPayment } from "../x402/fetchWithPayment.js";

package/src/react/core/design-system/index.ts

@@ -200,6 +200,7 @@ export const iconSize = {
   "4xl": "128",
   lg: "32",
   md: "24",
+  "sm+": "20",
   sm: "16",
   xl: "48",
   xs: "12",

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

@@ -322,7 +322,7 @@ type UIOptionsResult =
  *
  * Refer to the [`BuyWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/BuyWidgetConnectOptions) type for more details.
  *
- * @bridge Widgets
+ * @bridge
  */
 export function BuyWidget(props: BuyWidgetProps) {
   const localeQuery = useConnectLocale(props.locale || "en_US");

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

@@ -318,7 +318,7 @@ type UIOptionsResult =
  *
  * Refer to the [`CheckoutWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/CheckoutWidgetConnectOptions) type for more details.
  *
- * @bridge Widgets
+ * @bridge
  */
 export function CheckoutWidget(props: CheckoutWidgetProps) {
   const localeQuery = useConnectLocale(props.locale || "en_US");

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

@@ -326,7 +326,7 @@ type UIOptionsResult =
  *
  * Refer to the [`TransactionWidgetConnectOptions`](https://portal.thirdweb.com/references/typescript/v5/TransactionWidgetConnectOptions) type for more details.
  *
- * @bridge Widgets
+ * @bridge
  */
 export function TransactionWidget(props: TransactionWidgetProps) {
   const localeQuery = useConnectLocale(props.locale || "en_US");

package/src/react/web/ui/Bridge/swap-widget/SearchInput.tsx

@@ -36,6 +36,7 @@ export function SearchInput(props: {
         variant="outline"
         placeholder={props.placeholder}
         value={props.value}
+        sm
         style={{
           paddingLeft: "44px",
         }}

package/src/react/web/ui/Bridge/swap-widget/SwapWidget.tsx

@@ -162,6 +162,10 @@ export type SwapWidgetProps = {
    * @default true
    */
   persistTokenSelections?: boolean;
+  /**
+   * Called when the user disconnects the active wallet
+   */
+  onDisconnect?: () => void;
 };
 
 /**
@@ -234,6 +238,7 @@ export type SwapWidgetProps = {
  * }} />
  * ```
  *
+ * @bridge
  */
 export function SwapWidget(props: SwapWidgetProps) {
   return (
@@ -324,46 +329,11 @@ function SwapWidgetContent(props: SwapWidgetProps) {
   });
 
   const [buyToken, setBuyToken] = useState<TokenSelection | undefined>(() => {
-    if (props.prefill?.buyToken) {
-      return {
-        tokenAddress:
-          props.prefill.buyToken.tokenAddress ||
-          getAddress(NATIVE_TOKEN_ADDRESS),
-        chainId: props.prefill.buyToken.chainId,
-      };
-    }
-
-    if (!isPersistEnabled) {
-      return undefined;
-    }
-
-    const lastUsedBuyToken = getLastUsedTokens()?.buyToken;
-
-    // the token that will be set as initial value of sell token
-    const sellToken = getInitialSellToken(
-      props.prefill,
-      getLastUsedTokens()?.sellToken,
-    );
-
-    // if both tokens are same, ignore "buyToken", keep "sellToken"
-    if (
-      lastUsedBuyToken &&
-      sellToken &&
-      lastUsedBuyToken.tokenAddress.toLowerCase() ===
-        sellToken.tokenAddress.toLowerCase() &&
-      lastUsedBuyToken.chainId === sellToken.chainId
-    ) {
-      return undefined;
-    }
-
-    return lastUsedBuyToken;
+    return getInitialTokens(props.prefill, isPersistEnabled).buyToken;
   });
 
   const [sellToken, setSellToken] = useState<TokenSelection | undefined>(() => {
-    return getInitialSellToken(
-      props.prefill,
-      isPersistEnabled ? getLastUsedTokens()?.sellToken : undefined,
-    );
+    return getInitialTokens(props.prefill, isPersistEnabled).sellToken;
   });
 
   // persist selections to localStorage whenever they change
@@ -393,6 +363,7 @@ function SwapWidgetContent(props: SwapWidgetProps) {
   if (screen.id === "1:swap-ui" || !activeWalletInfo) {
     return (
       <SwapUI
+        onDisconnect={props.onDisconnect}
         showThirdwebBranding={
           props.showThirdwebBranding === undefined
             ? true
@@ -532,17 +503,63 @@ function SwapWidgetContent(props: SwapWidgetProps) {
   return null;
 }
 
-function getInitialSellToken(
+function getInitialTokens(
   prefill: SwapWidgetProps["prefill"],
-  lastUsedSellToken: TokenSelection | undefined,
-) {
-  if (prefill?.sellToken) {
+  isPersistEnabled: boolean,
+): {
+  buyToken: TokenSelection | undefined;
+  sellToken: TokenSelection | undefined;
+} {
+  const lastUsedTokens = isPersistEnabled ? getLastUsedTokens() : undefined;
+  const buyToken = prefill?.buyToken
+    ? {
+        tokenAddress:
+          prefill.buyToken.tokenAddress || getAddress(NATIVE_TOKEN_ADDRESS),
+        chainId: prefill.buyToken.chainId,
+      }
+    : lastUsedTokens?.buyToken;
+
+  const sellToken = prefill?.sellToken
+    ? {
+        tokenAddress:
+          prefill.sellToken.tokenAddress || getAddress(NATIVE_TOKEN_ADDRESS),
+        chainId: prefill.sellToken.chainId,
+      }
+    : lastUsedTokens?.sellToken;
+
+  // if both tokens are same
+  if (
+    buyToken &&
+    sellToken &&
+    buyToken.tokenAddress?.toLowerCase() ===
+      sellToken.tokenAddress?.toLowerCase() &&
+    buyToken.chainId === sellToken.chainId
+  ) {
+    // if sell token prefill is specified, ignore buy token
+    if (prefill?.sellToken) {
+      return {
+        buyToken: undefined,
+        sellToken: sellToken,
+      };
+    }
+
+    // if buy token prefill is specified, ignore sell token
+    if (prefill?.buyToken) {
+      return {
+        buyToken: buyToken,
+        sellToken: undefined,
+      };
+    }
+
+    // if none of the two are specified via prefill, keep buy token
     return {
-      tokenAddress:
-        prefill.sellToken.tokenAddress || getAddress(NATIVE_TOKEN_ADDRESS),
-      chainId: prefill.sellToken.chainId,
+      buyToken: buyToken,
+      sellToken: undefined,
     };
   }
 
-  return lastUsedSellToken;
+  return {
+    buyToken: buyToken,
+    sellToken: sellToken,
+  };
 }

package/src/react/web/ui/Bridge/swap-widget/select-chain.tsx

@@ -4,6 +4,7 @@ import type { ThirdwebClient } from "../../../../../client/client.js";
 import {
   fontSize,
   iconSize,
+  radius,
   spacing,
 } from "../../../../core/design-system/index.js";
 import { Container, Line, ModalHeader } from "../../components/basic.js";
@@ -21,6 +22,7 @@ type SelectBuyTokenProps = {
   client: ThirdwebClient;
   onSelectChain: (chain: BridgeChain) => void;
   selectedChain: BridgeChain | undefined;
+  isMobile: boolean;
 };
 
 /**
@@ -56,11 +58,15 @@ export function SelectBridgeChainUI(
   });
 
   return (
-    <div>
-      <Container px="md" py="md+">
-        <ModalHeader onBack={props.onBack} title="Select Chain" />
-      </Container>
-      <Line />
+    <Container fullHeight flex="column">
+      {props.isMobile && (
+        <>
+          <Container px="md" py="md+">
+            <ModalHeader onBack={props.onBack} title="Select Chain" />
+          </Container>
+          <Line />
+        </>
+      )}
 
       <Spacer y="md" />
 
@@ -79,10 +85,12 @@ export function SelectBridgeChainUI(
       <Spacer y="sm" />
 
       <Container
+        expand
         px="md"
+        gap={props.isMobile ? undefined : "xxs"}
         flex="column"
         style={{
-          height: "400px",
+          maxHeight: props.isMobile ? "400px" : "none",
           overflowY: "auto",
           scrollbarWidth: "none",
           paddingBottom: spacing.md,
@@ -95,6 +103,7 @@ export function SelectBridgeChainUI(
             client={props.client}
             onClick={() => props.onSelectChain(chain)}
             isSelected={chain.chainId === props.selectedChain?.chainId}
+            isMobile={props.isMobile}
           />
         ))}
 
@@ -119,7 +128,7 @@ export function SelectBridgeChainUI(
           </div>
         )}
       </Container>
-    </div>
+    </Container>
   );
 }
 
@@ -144,6 +153,7 @@ function ChainButton(props: {
   client: ThirdwebClient;
   onClick: () => void;
   isSelected: boolean;
+  isMobile: boolean;
 }) {
   return (
     <Button
@@ -152,18 +162,21 @@ function ChainButton(props: {
       style={{
         justifyContent: "flex-start",
         fontWeight: 500,
-        fontSize: fontSize.md,
+        fontSize: props.isMobile ? fontSize.md : fontSize.sm,
         border: "1px solid transparent",
-        padding: `${spacing.sm} ${spacing.sm}`,
+        padding: !props.isMobile ? `${spacing.xs} ${spacing.xs}` : undefined,
       }}
-      gap="sm"
       onClick={props.onClick}
+      gap="sm"
     >
       <Img
         src={props.chain.icon}
         client={props.client}
-        width={iconSize.lg}
-        height={iconSize.lg}
+        width={props.isMobile ? iconSize.lg : iconSize.md}
+        height={props.isMobile ? iconSize.lg : iconSize.md}
+        style={{
+          borderRadius: radius.full,
+        }}
       />
       {cleanedChainName(props.chain.name)}
     </Button>