thirdweb 5.104.1 → 5.104.2-nightly-c5f9921dc9cf6c62d754f12ce6171d95bd87a590-20250625053652

package/src/stories/Bridge/SuccessScreen.stories.tsx

@@ -7,7 +7,7 @@ import {
   SuccessScreen,
   type SuccessScreenProps,
 } from "../../react/web/ui/Bridge/payment-success/SuccessScreen.js";
-import { ModalThemeWrapper } from "../utils.js";
+import { ModalThemeWrapper, storyClient } from "../utils.js";
 import {
   FUND_WALLET_UI_OPTIONS,
   simpleBuyQuote,
@@ -126,6 +126,7 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
   args: {
+    client: storyClient,
     theme: "dark",
   },
   parameters: {
@@ -135,6 +136,7 @@ export const Default: Story = {
 
 export const DefaultLight: Story = {
   args: {
+    client: storyClient,
     theme: "light",
   },
   parameters: {
@@ -144,6 +146,7 @@ export const DefaultLight: Story = {
 
 export const OnrampPayment: Story = {
   args: {
+    client: storyClient,
     completedStatuses: mockOnrampCompletedStatuses,
     preparedQuote: simpleOnrampQuote,
     theme: "dark",
@@ -161,6 +164,7 @@ export const OnrampPayment: Story = {
 
 export const OnrampPaymentLight: Story = {
   args: {
+    client: storyClient,
     completedStatuses: mockOnrampCompletedStatuses,
     preparedQuote: simpleOnrampQuote,
     theme: "light",
@@ -172,6 +176,7 @@ export const OnrampPaymentLight: Story = {
 
 export const ComplexPayment: Story = {
   args: {
+    client: storyClient,
     completedStatuses: [
       ...mockOnrampCompletedStatuses,
       ...mockBuyCompletedStatuses,
@@ -192,6 +197,7 @@ export const ComplexPayment: Story = {
 
 export const ComplexPaymentLight: Story = {
   args: {
+    client: storyClient,
     completedStatuses: [
       ...mockOnrampCompletedStatuses,
       ...mockBuyCompletedStatuses,
@@ -206,6 +212,7 @@ export const ComplexPaymentLight: Story = {
 
 export const TransactionPayment: Story = {
   args: {
+    client: storyClient,
     completedStatuses: mockBuyCompletedStatuses,
     preparedQuote: simpleBuyQuote,
     theme: "light",

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

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { defineChain } from "../../chains/utils.js";
+import { createThirdwebClient } from "../../client/client.js";
 import type { Theme } from "../../react/core/design-system/index.js";
 import {
   UnsupportedTokenScreen,
@@ -7,6 +8,8 @@ import {
 } from "../../react/web/ui/Bridge/UnsupportedTokenScreen.js";
 import { ModalThemeWrapper } from "../utils.js";
 
+const TEST_CLIENT = createThirdwebClient({ clientId: "test" });
+
 // Props interface for the wrapper component
 interface UnsupportedTokenScreenWithThemeProps
   extends UnsupportedTokenScreenProps {
@@ -57,6 +60,7 @@ type Story = StoryObj<typeof meta>;
 export const TokenNotSupported: Story = {
   args: {
     chain: defineChain(1),
+    client: TEST_CLIENT,
     theme: "dark", // Ethereum mainnet - will show indexing spinner
   },
   parameters: {
@@ -73,6 +77,7 @@ export const TokenNotSupported: Story = {
 export const TokenNotSupportedLight: Story = {
   args: {
     chain: defineChain(1),
+    client: TEST_CLIENT,
     theme: "light", // Ethereum mainnet - will show indexing spinner
   },
   parameters: {
@@ -89,6 +94,7 @@ export const TokenNotSupportedLight: Story = {
 export const TestnetNotSupported: Story = {
   args: {
     chain: defineChain(11155111),
+    client: TEST_CLIENT,
     theme: "dark", // Sepolia testnet - will show error state
   },
   parameters: {
@@ -105,6 +111,7 @@ export const TestnetNotSupported: Story = {
 export const TestnetNotSupportedLight: Story = {
   args: {
     chain: defineChain(11155111),
+    client: TEST_CLIENT,
     theme: "light", // Sepolia testnet - will show error state
   },
   parameters: {

package/src/version.ts

@@ -1 +1 @@
-export const version = "5.104.1";
+export const version = "5.104.2-nightly-c5f9921dc9cf6c62d754f12ce6171d95bd87a590-20250625053652";