thirdweb 5.116.2-nightly-6e87b9205f60b13757d032fbcec6e26965d1ebae-20251219000342 → 5.117.0-nightly-9c04b3f18042b162de24cb7cf5c296a38a9af4f0-20251221000443

package/src/stories/Bridge/PaymentDetails.stories.tsx

@@ -1,7 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { PaymentDetails } from "../../react/web/ui/Bridge/payment-details/PaymentDetails.js";
 import type { PaymentMethod } from "../../react/web/ui/Bridge/types.js";
-import { stringify } from "../../utils/json.js";
 import { ModalThemeWrapper, storyClient } from "../utils.js";
 import {
   buyWithApprovalQuote,
@@ -22,41 +21,45 @@ const fiatPaymentMethod: PaymentMethod = {
   type: "fiat",
 };
 
-const cryptoPaymentMethod: PaymentMethod = JSON.parse(
-  stringify({
-    balance: 100000000n,
-    originToken: {
-      address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-      chainId: 1,
-      decimals: 6,
-      iconUri:
-        "https://assets.coingecko.com/coins/images/6319/large/USD_Coin_icon.png",
-      name: "USD Coin",
-      priceUsd: 1.0,
-      symbol: "USDC",
+const cryptoPaymentMethod: PaymentMethod = {
+  action: "buy",
+  balance: 100000000n,
+  hasEnoughBalance: true,
+  originToken: {
+    address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+    chainId: 1,
+    decimals: 6,
+    iconUri:
+      "https://assets.coingecko.com/coins/images/6319/large/USD_Coin_icon.png",
+    name: "USD Coin",
+    prices: {
+      USD: 1.0,
     },
-    payerWallet: STORY_MOCK_WALLET,
-    type: "wallet",
-  }),
-);
-
-const ethCryptoPaymentMethod: PaymentMethod = JSON.parse(
-  stringify({
-    balance: 1000000000000000000n,
-    originToken: {
-      address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE",
-      chainId: 1,
-      decimals: 18,
-      iconUri:
-        "https://assets.coingecko.com/coins/images/6319/large/USD_Coin_icon.png",
-      name: "Ethereum",
-      priceUsd: 2500.0,
-      symbol: "ETH",
+    symbol: "USDC",
+  },
+  payerWallet: STORY_MOCK_WALLET,
+  type: "wallet",
+};
+
+const ethCryptoPaymentMethod: PaymentMethod = {
+  action: "buy",
+  balance: 1000000000000000000n,
+  hasEnoughBalance: true,
+  originToken: {
+    address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE",
+    chainId: 1,
+    decimals: 18,
+    iconUri:
+      "https://assets.coingecko.com/coins/images/6319/large/USD_Coin_icon.png",
+    name: "Ethereum",
+    prices: {
+      USD: 2500.0,
     },
-    payerWallet: STORY_MOCK_WALLET,
-    type: "wallet",
-  }),
-);
+    symbol: "ETH",
+  },
+  payerWallet: STORY_MOCK_WALLET,
+  type: "wallet",
+};
 
 const meta: Meta<typeof PaymentDetails> = {
   args: {

package/src/stories/Bridge/Swap/SelectChain.stories.tsx

@@ -23,6 +23,11 @@ export function WithDataDesktop() {
   return (
     <SwapWidgetContainer theme="dark" className="w-full">
       <SelectBridgeChain
+        type="buy"
+        selections={{
+          buyChainId: undefined,
+          sellChainId: undefined,
+        }}
         isMobile={false}
         client={storyClient}
         onSelectChain={setSelectedChain}
@@ -40,6 +45,11 @@ export function LoadingDesktop() {
   return (
     <SwapWidgetContainer theme="dark" className="w-full">
       <SelectBridgeChainUI
+        type="buy"
+        selections={{
+          buyChainId: undefined,
+          sellChainId: undefined,
+        }}
         isMobile={false}
         client={storyClient}
         onSelectChain={setSelectedChain}
@@ -59,6 +69,11 @@ export function WithDataMobile() {
   return (
     <SwapWidgetContainer theme="dark" className="w-full">
       <SelectBridgeChain
+        type="buy"
+        selections={{
+          buyChainId: undefined,
+          sellChainId: undefined,
+        }}
         isMobile={true}
         client={storyClient}
         onSelectChain={setSelectedChain}
@@ -76,6 +91,11 @@ export function LoadingMobile() {
   return (
     <SwapWidgetContainer theme="dark" className="w-full">
       <SelectBridgeChainUI
+        type="buy"
+        selections={{
+          buyChainId: undefined,
+          sellChainId: undefined,
+        }}
         isMobile={true}
         client={storyClient}
         onSelectChain={setSelectedChain}

package/src/stories/Bridge/Swap/SwapWidget.stories.tsx

@@ -4,6 +4,7 @@ import {
   SwapWidget,
   type SwapWidgetProps,
 } from "../../../react/web/ui/Bridge/swap-widget/SwapWidget.js";
+import { createWallet } from "../../../wallets/create-wallet.js";
 import { storyClient } from "../../utils.js";
 
 const meta: Meta<typeof SwapWidget> = {
@@ -66,6 +67,19 @@ export function CustomTheme() {
   );
 }
 
+export function CustomWallets() {
+  return (
+    <Variant
+      client={storyClient}
+      currency="JPY"
+      persistTokenSelections={false}
+      connectOptions={{
+        wallets: [createWallet("io.metamask"), createWallet("me.rainbow")],
+      }}
+    />
+  );
+}
+
 function Variant(props: SwapWidgetProps) {
   return (
     <div

package/src/stories/Bridge/Transaction/TransactionWidget.stories.tsx

@@ -3,6 +3,7 @@ import {
   TransactionWidget,
   type TransactionWidgetProps,
 } from "../../../react/web/ui/Bridge/TransactionWidget.js";
+import { createWallet } from "../../../wallets/create-wallet.js";
 import { storyClient } from "../../utils.js";
 import { TRANSACTION_UI_OPTIONS } from "../fixtures.js";
 
@@ -28,6 +29,15 @@ export const EthereumTransfer: Story = {
   },
 };
 
+export const EthereumTransferCustomWallets: Story = {
+  args: {
+    ...TRANSACTION_UI_OPTIONS.ethTransfer,
+    connectOptions: {
+      wallets: [createWallet("io.metamask"), createWallet("me.rainbow")],
+    },
+  },
+};
+
 export const ERC20TokenTransfer: Story = {
   args: {
     ...TRANSACTION_UI_OPTIONS.erc20Transfer,

package/src/stories/BuyWidget.stories.tsx

@@ -6,6 +6,7 @@ import {
   BuyWidget,
   type BuyWidgetProps,
 } from "../react/web/ui/Bridge/BuyWidget.js";
+import { createWallet } from "../wallets/create-wallet.js";
 import { storyClient } from "./utils.js";
 
 const meta = {
@@ -152,6 +153,17 @@ export function NoAutoConnect() {
   );
 }
 
+export function CustomWallets() {
+  return (
+    <Variant
+      client={storyClient}
+      connectOptions={{
+        wallets: [createWallet("io.metamask"), createWallet("me.rainbow")],
+      }}
+    />
+  );
+}
+
 function Variant(props: BuyWidgetProps) {
   return (
     <div

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.116.2-nightly-6e87b9205f60b13757d032fbcec6e26965d1ebae-20251219000342";
+export const version = "5.117.0-nightly-9c04b3f18042b162de24cb7cf5c296a38a9af4f0-20251221000443";

package/src/wallets/defaultWallets.ts

@@ -25,5 +25,27 @@ export function getDefaultWallets(options?: {
     createWallet(RAINBOW),
     createWallet("io.rabby"),
     createWallet(ZERION),
+    createWallet("com.okex.wallet"),
+  ];
+}
+
+/**
+ * @internal
+ */
+export function getDefaultWalletsForBridgeComponents(options?: {
+  appMetadata?: AppMetadata;
+  chains?: Chain[];
+  executionMode?: ExecutionModeOptions;
+}): Wallet[] {
+  return [
+    createWallet(METAMASK),
+    createWallet(COINBASE, {
+      appMetadata: options?.appMetadata,
+      chains: options?.chains,
+    }),
+    createWallet(RAINBOW),
+    createWallet("io.rabby"),
+    createWallet(ZERION),
+    createWallet("com.okex.wallet"),
   ];
 }

package/src/wallets/smart/smart-wallet-integration-v07.test.ts

@@ -49,7 +49,7 @@ const contract = getContract({
   client,
 });
 
-describe.runIf(process.env.TW_SECRET_KEY).sequential(
+describe.skip.sequential(
   "SmartWallet 0.7 core tests",
   {
     retry: 0,
@@ -158,7 +158,7 @@ describe.runIf(process.env.TW_SECRET_KEY).sequential(
       expect(isValid).toEqual(true);
     });
 
-    it("should use ERC-1271 typed data signatures after deployment", async () => {
+    it.skip("should use ERC-1271 typed data signatures after deployment", async () => {
       await deploySmartAccount({
         accountContract,
         chain,
@@ -302,7 +302,7 @@ describe.runIf(process.env.TW_SECRET_KEY).sequential(
     });
 
     // FIXME: this test always fails
-    it.skip("can execute a 2 tx in parallel", async () => {
+    it("can execute a 2 tx in parallel", async () => {
       const newSmartWallet = smartWallet({
         chain,
         factoryAddress: DEFAULT_ACCOUNT_FACTORY_V0_7,

package/src/wallets/smart/smart-wallet-integration.test.ts

@@ -48,7 +48,7 @@ const contract = getContract({
   client,
 });
 
-describe.runIf(process.env.TW_SECRET_KEY).sequential(
+describe.skip.sequential(
   "SmartWallet core tests",
   {
     retry: 0,
@@ -119,7 +119,7 @@ describe.runIf(process.env.TW_SECRET_KEY).sequential(
       expect(isValid).toEqual(true);
     });
 
-    it("should use ERC-1271 signatures after deployment", async () => {
+    it.skip("should use ERC-1271 signatures after deployment", async () => {
       await deploySmartAccount({
         accountContract,
         chain,
@@ -152,7 +152,7 @@ describe.runIf(process.env.TW_SECRET_KEY).sequential(
       expect(isValid).toEqual(true);
     });
 
-    it("should use ERC-1271 typed data signatures after deployment", async () => {
+    it.skip("should use ERC-1271 typed data signatures after deployment", async () => {
       await deploySmartAccount({
         accountContract,
         chain,
@@ -320,7 +320,7 @@ describe.runIf(process.env.TW_SECRET_KEY).sequential(
     });
 
     // FIXME: this test always fails
-    it.skip("can execute 2 tx in parallel", async () => {
+    it("can execute 2 tx in parallel", async () => {
       const newSmartWallet = smartWallet({
         chain,
         gasless: true,

package/src/wallets/smart/smart-wallet-modular.test.ts

@@ -28,7 +28,7 @@ const client = TEST_CLIENT;
 const DEFAULT_FACTORY_ADDRESS = "0xB1846E893CA01c5Dcdaa40371C1e13f2e0Df5717";
 const DEFAULT_VALIDATOR_ADDRESS = "0x7D3631d823e0De311DC86f580946EeF2eEC81fba";
 
-describe.runIf(process.env.TW_SECRET_KEY).sequential(
+describe.skip.sequential(
   "SmartWallet modular tests",
   {
     retry: 0,