thirdweb 5.108.1 → 5.108.2-nightly-a83104efff49a2fd40ad4b87cfbcf3ff103ea7da-20250925000342

package/src/stories/Bridge/BridgeOrchestrator.stories.tsx

@@ -241,6 +241,37 @@ export const TransactionLight: Story = {
   },
 };
 
+/**
+ * Transaction mode in light theme showing an ERC20 token transfer.
+ */
+export const TransactionJPYCurrency: Story = {
+  args: {
+    connectLocale: undefined,
+    connectOptions: undefined,
+    onCancel: undefined,
+    onComplete: undefined,
+    onError: undefined,
+    paymentLinkId: undefined,
+    presetOptions: undefined,
+    purchaseData: undefined,
+    receiverAddress: undefined,
+    theme: "light",
+    uiOptions: {
+      ...TRANSACTION_UI_OPTIONS.erc20Transfer,
+      currency: "JPY",
+    },
+  },
+  parameters: {
+    backgrounds: { default: "light" },
+    docs: {
+      description: {
+        story:
+          "Light theme version of transaction mode showing an ERC20 token transfer with proper token amount formatting and USD conversion.",
+      },
+    },
+  },
+};
+
 export const CustompresetOptions: Story = {
   args: {
     connectLocale: undefined,

package/src/stories/Bridge/BridgeWidget/bridge-widget-script.stories.tsx

@@ -0,0 +1,79 @@
+import type { Meta } from "@storybook/react";
+import { BridgeWidgetScript } from "../../../script-exports/bridge-widget-script.js";
+import { storyClient } from "../../utils.js";
+
+const meta: Meta<typeof BridgeWidgetScript> = {
+  title: "Bridge/BridgeWidgetScript",
+  parameters: {
+    layout: "centered",
+  },
+  decorators: [
+    (Story) => {
+      return (
+        <div>
+          <Story />
+        </div>
+      );
+    },
+  ],
+};
+export default meta;
+
+export function BasicUsage() {
+  return (
+    <BridgeWidgetScript
+      clientId={storyClient.clientId}
+      buy={{ chainId: 8453, amount: "0.1" }}
+    />
+  );
+}
+
+export function LightTheme() {
+  return (
+    <BridgeWidgetScript
+      clientId={storyClient.clientId}
+      theme="light"
+      buy={{ chainId: 8453, amount: "0.1" }}
+    />
+  );
+}
+
+export function CurrencySet() {
+  return (
+    <BridgeWidgetScript
+      clientId={storyClient.clientId}
+      currency="JPY"
+      buy={{ chainId: 8453, amount: "0.1" }}
+    />
+  );
+}
+
+export function NoThirdwebBranding() {
+  return (
+    <BridgeWidgetScript
+      clientId={storyClient.clientId}
+      theme="light"
+      buy={{ chainId: 8453, amount: "0.1" }}
+      showThirdwebBranding={false}
+    />
+  );
+}
+
+export function CustomTheme() {
+  return (
+    <BridgeWidgetScript
+      clientId={storyClient.clientId}
+      buy={{ chainId: 8453, amount: "0.1" }}
+      theme={{
+        type: "light",
+        colors: {
+          modalBg: "#FFFFF0",
+          tertiaryBg: "#DBE4C9",
+          borderColor: "#8AA624",
+          secondaryText: "#3E3F29",
+          accentText: "#E43636",
+        },
+      }}
+    />
+  );
+}

package/src/stories/Bridge/StepRunner.stories.tsx

@@ -7,7 +7,11 @@ import type { CompletedStatusResult } from "../../react/core/hooks/useStepExecut
 import { StepRunner } from "../../react/web/ui/Bridge/StepRunner.js";
 import type { Wallet } from "../../wallets/interfaces/wallet.js";
 import { ModalThemeWrapper, storyClient } from "../utils.js";
-import { STORY_MOCK_WALLET, simpleBuyRequest } from "./fixtures.js";
+import {
+  STORY_MOCK_WALLET,
+  simpleBuyQuote,
+  simpleBuyRequest,
+} from "./fixtures.js";
 
 // Mock window adapter
 const mockWindowAdapter: WindowAdapter = {
@@ -32,7 +36,7 @@ const StepRunnerWithTheme = (props: StepRunnerWithThemeProps) => {
   const { theme, ...componentProps } = props;
   return (
     <ModalThemeWrapper theme={theme}>
-      <StepRunner {...componentProps} />
+      <StepRunner {...componentProps} preparedQuote={simpleBuyQuote} />
     </ModalThemeWrapper>
   );
 };
@@ -59,29 +63,8 @@ const meta = {
   },
   component: StepRunnerWithTheme,
   parameters: {
-    docs: {
-      description: {
-        component:
-          "**StepRunner** executes prepared route steps sequentially, showing real-time progress and transaction status.\n\n" +
-          "## Features\n" +
-          "- **Real Execution**: Uses useStepExecutor hook for actual transaction processing\n" +
-          "- **Progress Tracking**: Visual progress bar and step-by-step status updates\n" +
-          "- **Error Handling**: Retry functionality for failed transactions\n" +
-          "- **Transaction Batching**: Optimizes multiple transactions when possible\n" +
-          "- **Onramp Support**: Handles fiat-to-crypto onramp flows\n\n" +
-          "## Props\n" +
-          "- `steps`: Array of RouteStep objects from Bridge.prepare()\n" +
-          "- `wallet`: Connected wallet for transaction signing\n" +
-          "- `client`: ThirdwebClient instance\n" +
-          "- `windowAdapter`: Platform-specific window/URL handler\n" +
-          "- `onramp`: Optional onramp configuration\n\n" +
-          "## Integration\n" +
-          "This component is typically used within the BridgeOrchestrator after route preparation.",
-      },
-    },
     layout: "centered",
   },
-  tags: ["autodocs"],
   title: "Bridge/StepRunner",
 } satisfies Meta<typeof StepRunnerWithTheme>;
 

package/src/stories/Bridge/UnsupportedTokenScreen.stories.tsx

@@ -68,7 +68,7 @@ export const TokenNotSupported: Story = {
     docs: {
       description: {
         story:
-          "Shows the loading state when a token is being indexed by the Universal Bridge on a mainnet chain.",
+          "Shows the loading state when a token is being indexed by the Bridge on a mainnet chain.",
       },
     },
   },
@@ -85,7 +85,7 @@ export const TokenNotSupportedLight: Story = {
     docs: {
       description: {
         story:
-          "Shows the loading state when a token is being indexed by the Universal Bridge on a mainnet chain (light theme).",
+          "Shows the loading state when a token is being indexed by the Bridge on a mainnet chain (light theme).",
       },
     },
   },
@@ -102,7 +102,7 @@ export const TestnetNotSupported: Story = {
     docs: {
       description: {
         story:
-          "Shows the error state when trying to use the Universal Bridge on a testnet chain (Sepolia in this example).",
+          "Shows the error state when trying to use the Bridge on a testnet chain (Sepolia in this example).",
       },
     },
   },
@@ -119,7 +119,7 @@ export const TestnetNotSupportedLight: Story = {
     docs: {
       description: {
         story:
-          "Shows the error state when trying to use the Universal Bridge on a testnet chain (Sepolia in this example, light theme).",
+          "Shows the error state when trying to use the Bridge on a testnet chain (Sepolia in this example, light theme).",
       },
     },
   },

package/src/utils/domains.ts

@@ -45,7 +45,7 @@ type DomainOverrides = {
    */
   engineCloud?: string;
   /**
-   * The base URL for the universal bridge service.
+   * The base URL for the bridge service.
    * @default "bridge.thirdweb.com"
    */
   bridge?: string;

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.108.1";
+export const version = "5.108.2-nightly-a83104efff49a2fd40ad4b87cfbcf3ff103ea7da-20250925000342";

package/src/wallets/eip5792/send-calls.ts

@@ -113,7 +113,7 @@ export type SendCallsResult = Prettify<{
  * });
  * ```
  * We recommend proxying any paymaster calls via an API route you setup and control.
- * 
+ *
  * @extension EIP5792
  */
 export async function sendCalls<const ID extends WalletId>(

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

@@ -108,7 +108,7 @@ describe.runIf(process.env.TW_SECRET_KEY).sequential(
       });
     });
 
-    it("should send a batch transaction", async () => {
+    it.skip("should send a batch transaction", async () => {
       const tx = prepareTransaction({
         chain,
         client,