thirdweb 5.102.7-nightly-3f747601135809eedf86a150752f4b5f12c99776-20250617000426 → 5.103.0

package/dist/esm/stories/Bridge/PaymentSelection.stories.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PaymentSelection, } from "../../react/web/ui/Bridge/payment-selection/PaymentSelection.js";
+import en from "../../react/web/ui/ConnectWallet/locale/en.js";
+import { ModalThemeWrapper, storyClient } from "../utils.js";
+import { UNI, USDC } from "./fixtures.js";
+// Wrapper component to provide theme context
+const PaymentSelectionWithTheme = (props) => {
+    const { theme, ...componentProps } = props;
+    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(PaymentSelection, { ...componentProps }) }));
+};
+const meta = {
+    title: "Bridge/PaymentSelection",
+    component: PaymentSelectionWithTheme,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "Payment method selection screen with a 2-step flow:\n\n" +
+                    "**Step 1:** Choose payment method - shows connected wallets, connect wallet option, and pay with fiat option\n\n" +
+                    "**Step 2a:** If wallet selected - shows available origin tokens for bridging to the destination token (fetches real routes data from the Bridge API)\n\n" +
+                    "**Step 2b:** If fiat selected - shows onramp provider options (Coinbase, Stripe, Transak)\n\n" +
+                    "The component intelligently manages wallet context and provides proper error handling for each step.",
+            },
+        },
+    },
+    tags: ["autodocs"],
+    args: {
+        destinationToken: USDC,
+        client: storyClient,
+        onPaymentMethodSelected: (_paymentMethod) => { },
+        onError: (error) => console.error("Error:", error),
+        theme: "dark",
+        destinationAmount: "1",
+        connectLocale: en,
+    },
+    argTypes: {
+        theme: {
+            control: "select",
+            options: ["light", "dark"],
+            description: "Theme for the component",
+        },
+        destinationToken: {
+            description: "The target token to bridge to",
+        },
+        destinationAmount: {
+            description: "Amount of destination token to bridge",
+        },
+        onPaymentMethodSelected: {
+            action: "payment method selected",
+            description: "Called when user selects a wallet token or fiat provider",
+        },
+        onError: {
+            action: "error occurred",
+            description: "Called when an error occurs during the flow",
+        },
+        onBack: {
+            action: "back clicked",
+            description: "Called when user wants to go back (only shown in Step 1)",
+        },
+        connectLocale: {
+            description: "Locale for connecting wallets",
+        },
+    },
+};
+export default meta;
+export const Light = {
+    args: {
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "Light theme version showing the initial wallet selection step. Click on a connected wallet to see token selection, or click 'Pay with Fiat' to see provider selection.",
+            },
+        },
+    },
+};
+export const Dark = {
+    args: {
+        theme: "dark",
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Dark theme version of the payment selection flow. The component starts with wallet selection and provides navigation through the 2-step process.",
+            },
+        },
+    },
+};
+export const WithBackButton = {
+    args: {
+        theme: "dark",
+        onBack: () => { },
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Version with a back button in the header. The back behavior changes based on the current step - Step 1 calls onBack, Steps 2a/2b return to Step 1.",
+            },
+        },
+    },
+};
+export const WithBackButtonLight = {
+    args: {
+        theme: "light",
+        onBack: () => { },
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "Light theme version with back button functionality. Demonstrates the navigation flow between steps.",
+            },
+        },
+    },
+};
+export const DifferentDestinationToken = {
+    args: {
+        theme: "dark",
+        destinationToken: UNI,
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Example with a different destination token (UNI). This will show different available origin tokens in Step 2a when a wallet is selected.",
+            },
+        },
+    },
+};
+export const LargeAmount = {
+    args: {
+        theme: "dark",
+        destinationAmount: "1000",
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Example with a larger destination amount (1000 USDC). This may affect which origin tokens are available based on user balances.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=PaymentSelection.stories.js.map

package/dist/esm/stories/Bridge/PaymentSelection.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSelection.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/PaymentSelection.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/Bridge/StepRunner.stories.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StepRunner } from "../../react/web/ui/Bridge/StepRunner.js";
+import { ModalThemeWrapper, storyClient } from "../utils.js";
+import { STORY_MOCK_WALLET, simpleBuyRequest } from "./fixtures.js";
+// Mock window adapter
+const mockWindowAdapter = {
+    open: async (_url) => { },
+};
+// Wrapper component to provide theme context
+const StepRunnerWithTheme = (props) => {
+    const { theme, ...componentProps } = props;
+    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(StepRunner, { ...componentProps }) }));
+};
+const meta = {
+    title: "Bridge/StepRunner",
+    component: StepRunnerWithTheme,
+    parameters: {
+        layout: "centered",
+        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.",
+            },
+        },
+    },
+    tags: ["autodocs"],
+    args: {
+        wallet: STORY_MOCK_WALLET,
+        client: storyClient,
+        windowAdapter: mockWindowAdapter,
+        onComplete: (_completedStatuses) => { },
+        onError: (error) => console.error("Error:", error),
+        onCancel: () => { },
+        theme: "dark",
+    },
+    argTypes: {
+        theme: {
+            control: "select",
+            options: ["light", "dark"],
+            description: "Theme for the component",
+        },
+        onComplete: { action: "execution completed" },
+        onError: { action: "error occurred" },
+        onCancel: { action: "execution cancelled" },
+    },
+};
+export default meta;
+export const Light = {
+    args: {
+        theme: "light",
+        request: simpleBuyRequest,
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+export const Dark = {
+    args: {
+        theme: "dark",
+        request: simpleBuyRequest,
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+    },
+};
+//# sourceMappingURL=StepRunner.stories.js.map

package/dist/esm/stories/Bridge/StepRunner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepRunner.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/StepRunner.stories.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,sBAAsB;AACtB,MAAM,iBAAiB,GAAkB;IACvC,IAAI,EAAE,KAAK,EAAE,IAAY,EAAE,EAAE,GAAE,CAAC;CACjC,CAAC;AAeF,6CAA6C;AAC7C,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,YAC7B,KAAC,UAAU,OAAK,cAAc,GAAI,GAChB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,mHAAmH;oBACnH,eAAe;oBACf,qFAAqF;oBACrF,gFAAgF;oBAChF,qEAAqE;oBACrE,6EAA6E;oBAC7E,+DAA+D;oBAC/D,YAAY;oBACZ,+DAA+D;oBAC/D,wDAAwD;oBACxD,uCAAuC;oBACvC,2DAA2D;oBAC3D,+CAA+C;oBAC/C,kBAAkB;oBAClB,yFAAyF;aAC5F;SACF;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;QACzB,MAAM,EAAE,WAAW;QACnB,aAAa,EAAE,iBAAiB;QAChC,UAAU,EAAE,CAAC,kBAA2C,EAAE,EAAE,GAAE,CAAC;QAC/D,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC;QACzD,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;YAC1B,WAAW,EAAE,yBAAyB;SACvC;QACD,UAAU,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;QAC7C,OAAO,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACrC,QAAQ,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;KAC5C;CACyC,CAAC;AAE7C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,gBAAgB;KAC1B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAClC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,gBAAgB;KAC1B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACjC;CACF,CAAC"}

package/dist/esm/stories/Bridge/SuccessScreen.stories.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { stringify } from "viem";
+import { webWindowAdapter } from "../../react/web/adapters/WindowAdapter.js";
+import { SuccessScreen, } from "../../react/web/ui/Bridge/payment-success/SuccessScreen.js";
+import { ModalThemeWrapper } from "../utils.js";
+import { FUND_WALLET_UI_OPTIONS, TRANSACTION_UI_OPTIONS, simpleBuyQuote, simpleOnrampQuote, } from "./fixtures.js";
+const mockBuyCompletedStatuses = JSON.parse(stringify([
+    {
+        type: "buy",
+        status: "COMPLETED",
+        paymentId: "payment-12345",
+        originAmount: 1000000000000000000n,
+        destinationAmount: 100000000n,
+        originChainId: 1,
+        destinationChainId: 1,
+        originTokenAddress: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE",
+        destinationTokenAddress: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+        originToken: {
+            chainId: 1,
+            address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE",
+            symbol: "ETH",
+            name: "Ethereum",
+            decimals: 18,
+            priceUsd: 2500,
+        },
+        destinationToken: {
+            chainId: 1,
+            address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+            symbol: "USDC",
+            name: "USD Coin",
+            decimals: 6,
+            priceUsd: 1,
+        },
+        sender: "0xa3841994009B4fEabb01ebcC62062F9E56F701CD",
+        receiver: "0xa3841994009B4fEabb01ebcC62062F9E56F701CD",
+        transactions: [
+            {
+                chainId: 1,
+                transactionHash: "0x1234567890abcdef1234567890abcdef12345678901234567890abcdef123456",
+            },
+        ],
+    },
+]));
+const mockOnrampCompletedStatuses = JSON.parse(stringify([
+    {
+        type: "onramp",
+        status: "COMPLETED",
+        transactions: [
+            {
+                chainId: 137,
+                transactionHash: "0xabcdef1234567890abcdef1234567890abcdef1234567890abcdef1234567890",
+            },
+        ],
+        purchaseData: {
+            orderId: "stripe-order-abc123",
+        },
+    },
+]));
+// Wrapper component to provide theme context
+const SuccessScreenWithTheme = (props) => {
+    const { theme, ...componentProps } = props;
+    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(SuccessScreen, { ...componentProps }) }));
+};
+const meta = {
+    title: "Bridge/SuccessScreen",
+    component: SuccessScreenWithTheme,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "Success screen that displays completion confirmation with transaction summary, payment details, and action buttons for next steps. Includes animated success icon and detailed transaction view.",
+            },
+        },
+    },
+    tags: ["autodocs"],
+    args: {
+        preparedQuote: simpleBuyQuote,
+        completedStatuses: mockBuyCompletedStatuses,
+        onDone: () => { },
+        theme: "dark",
+        windowAdapter: webWindowAdapter,
+        uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,
+    },
+    argTypes: {
+        theme: {
+            control: "select",
+            options: ["light", "dark"],
+            description: "Theme for the component",
+        },
+        onDone: { action: "success screen closed" },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        theme: "dark",
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+    },
+};
+export const DefaultLight = {
+    args: {
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+export const OnrampPayment = {
+    args: {
+        theme: "dark",
+        preparedQuote: simpleOnrampQuote,
+        completedStatuses: mockOnrampCompletedStatuses,
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Success screen for onramp payments showing payment ID that can be copied to clipboard.",
+            },
+        },
+    },
+};
+export const OnrampPaymentLight = {
+    args: {
+        theme: "light",
+        preparedQuote: simpleOnrampQuote,
+        completedStatuses: mockOnrampCompletedStatuses,
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+export const ComplexPayment = {
+    args: {
+        theme: "dark",
+        preparedQuote: simpleOnrampQuote,
+        completedStatuses: [
+            ...mockOnrampCompletedStatuses,
+            ...mockBuyCompletedStatuses,
+        ],
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Success screen for onramp payments showing payment ID that can be copied to clipboard.",
+            },
+        },
+    },
+};
+export const ComplexPaymentLight = {
+    args: {
+        theme: "light",
+        preparedQuote: simpleOnrampQuote,
+        completedStatuses: [
+            ...mockOnrampCompletedStatuses,
+            ...mockBuyCompletedStatuses,
+        ],
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+export const TransactionPayment = {
+    args: {
+        theme: "light",
+        preparedQuote: simpleBuyQuote,
+        completedStatuses: mockBuyCompletedStatuses,
+        uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+//# sourceMappingURL=SuccessScreen.stories.js.map

package/dist/esm/stories/Bridge/SuccessScreen.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/SuccessScreen.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/Bridge/TransactionPayment.stories.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TransactionPayment, } from "../../react/web/ui/Bridge/TransactionPayment.js";
+import { ModalThemeWrapper, storyClient } from "../utils.js";
+import { TRANSACTION_UI_OPTIONS } from "./fixtures.js";
+// Wrapper component to provide theme context
+const TransactionPaymentWithTheme = (props) => {
+    const { theme, ...componentProps } = props;
+    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx("div", { style: { width: "400px" }, children: _jsx(TransactionPayment, { ...componentProps }) }) }));
+};
+const meta = {
+    title: "Bridge/TransactionPayment",
+    component: TransactionPaymentWithTheme,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "Transaction payment component that displays detailed transaction information including contract details, function names, transaction costs, and network fees.\n\n" +
+                    "## Features\n" +
+                    "- **Contract Information**: Shows contract name and clickable address\n" +
+                    "- **Function Detection**: Extracts function names from transaction data using ABI\n" +
+                    "- **Cost Calculation**: Displays transaction value and USD equivalent\n" +
+                    "- **Network Fees**: Shows estimated gas costs with token amounts\n" +
+                    "- **Chain Details**: Network name and logo with proper formatting\n" +
+                    "- **Skeleton Loading**: Comprehensive loading states matching final layout\n\n" +
+                    "This component now accepts uiOptions directly to configure the transaction and metadata. Supports both native token and ERC20 token transactions with proper function name extraction.",
+            },
+        },
+    },
+    tags: ["autodocs"],
+    args: {
+        uiOptions: TRANSACTION_UI_OPTIONS.ethTransfer,
+        client: storyClient,
+        onContinue: (_amount, _token, _receiverAddress) => { },
+        theme: "dark",
+    },
+    argTypes: {
+        theme: {
+            control: "select",
+            options: ["light", "dark"],
+            description: "Theme for the component",
+        },
+        onContinue: {
+            action: "continue clicked",
+            description: "Called when user continues with the transaction",
+        },
+        uiOptions: {
+            description: "UI configuration for transaction mode including prepared transaction",
+        },
+    },
+};
+export default meta;
+export const EthereumTransfer = {
+    args: {
+        uiOptions: TRANSACTION_UI_OPTIONS.ethTransfer,
+        theme: "dark",
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Simple ETH transfer transaction showing native token value and network fees with USD conversion. Demonstrates function name extraction from contract ABI.",
+            },
+        },
+    },
+};
+export const EthereumTransferLight = {
+    args: {
+        uiOptions: TRANSACTION_UI_OPTIONS.ethTransfer,
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "Simple ETH transfer transaction in light theme with skeleton loading support.",
+            },
+        },
+    },
+};
+export const ERC20TokenTransfer = {
+    args: {
+        uiOptions: TRANSACTION_UI_OPTIONS.erc20Transfer,
+        theme: "dark",
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "ERC20 token transaction showing token amount, USD value, and proper formatting using real token data. Displays transfer function details.",
+            },
+        },
+    },
+};
+export const ERC20TokenTransferLight = {
+    args: {
+        uiOptions: TRANSACTION_UI_OPTIONS.erc20Transfer,
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "ERC20 token transaction in light theme with enhanced formatting.",
+            },
+        },
+    },
+};
+export const ContractInteraction = {
+    args: {
+        uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
+        theme: "dark",
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Complex contract interaction showing function name extraction from ABI (claimTo), cost calculation, and network details with proper currency formatting.",
+            },
+        },
+    },
+};
+export const ContractInteractionLight = {
+    args: {
+        uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "Contract interaction transaction in light theme with enhanced UX and skeleton loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=TransactionPayment.stories.js.map

package/dist/esm/stories/Bridge/TransactionPayment.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionPayment.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/TransactionPayment.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,GAEnB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAOvD,6CAA6C;AAC7C,MAAM,2BAA2B,GAAG,CAClC,KAAuC,EACvC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,YAC7B,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,KAAC,kBAAkB,OAAK,cAAc,GAAI,GACtC,GACY,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,2BAA2B;IACtC,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,mKAAmK;oBACnK,eAAe;oBACf,yEAAyE;oBACzE,qFAAqF;oBACrF,yEAAyE;oBACzE,oEAAoE;oBACpE,qEAAqE;oBACrE,gFAAgF;oBAChF,wLAAwL;aAC3L;SACF;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,SAAS,EAAE,sBAAsB,CAAC,WAAW;QAC7C,MAAM,EAAE,WAAW;QACnB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,GAAE,CAAC;QACrD,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;YAC1B,WAAW,EAAE,yBAAyB;SACvC;QACD,UAAU,EAAE;YACV,MAAM,EAAE,kBAAkB;YAC1B,WAAW,EAAE,iDAAiD;SAC/D;QACD,SAAS,EAAE;YACT,WAAW,EACT,sEAAsE;SACzE;KACF;CACiD,CAAC;AAErD,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,SAAS,EAAE,sBAAsB,CAAC,WAAW;QAC7C,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,2JAA2J;aAC9J;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,IAAI,EAAE;QACJ,SAAS,EAAE,sBAAsB,CAAC,WAAW;QAC7C,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,+EAA+E;aAClF;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,SAAS,EAAE,sBAAsB,CAAC,aAAa;QAC/C,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,2IAA2I;aAC9I;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAU;IAC5C,IAAI,EAAE;QACJ,SAAS,EAAE,sBAAsB,CAAC,aAAa;QAC/C,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,kEAAkE;aACrE;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,SAAS,EAAE,sBAAsB,CAAC,mBAAmB;QACrD,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,0JAA0J;aAC7J;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAU;IAC7C,IAAI,EAAE;QACJ,SAAS,EAAE,sBAAsB,CAAC,mBAAmB;QACrD,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,wFAAwF;aAC3F;SACF;KACF;CACF,CAAC"}

package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineChain } from "../../chains/utils.js";
+import { UnsupportedTokenScreen, } from "../../react/web/ui/Bridge/UnsupportedTokenScreen.js";
+import { ModalThemeWrapper } from "../utils.js";
+// Wrapper component to provide theme context
+const UnsupportedTokenScreenWithTheme = (props) => {
+    const { theme, ...componentProps } = props;
+    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(UnsupportedTokenScreen, { ...componentProps }) }));
+};
+const meta = {
+    title: "Bridge/UnsupportedTokenScreen",
+    component: UnsupportedTokenScreenWithTheme,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "Screen displayed when a token is being indexed or when using an unsupported testnet. Shows loading state for indexing tokens or error state for testnets.",
+            },
+        },
+    },
+    tags: ["autodocs"],
+    args: {
+        chain: defineChain(1), // Ethereum mainnet
+        theme: "dark",
+    },
+    argTypes: {
+        theme: {
+            control: "select",
+            options: ["light", "dark"],
+            description: "Theme for the component",
+        },
+    },
+};
+export default meta;
+export const TokenNotSupported = {
+    args: {
+        theme: "dark",
+        chain: defineChain(1), // Ethereum mainnet - will show indexing spinner
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Shows the loading state when a token is being indexed by the Universal Bridge on a mainnet chain.",
+            },
+        },
+    },
+};
+export const TokenNotSupportedLight = {
+    args: {
+        theme: "light",
+        chain: defineChain(1), // Ethereum mainnet - will show indexing spinner
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "Shows the loading state when a token is being indexed by the Universal Bridge on a mainnet chain (light theme).",
+            },
+        },
+    },
+};
+export const TestnetNotSupported = {
+    args: {
+        theme: "dark",
+        chain: defineChain(11155111), // Sepolia testnet - will show error state
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Shows the error state when trying to use the Universal Bridge on a testnet chain (Sepolia in this example).",
+            },
+        },
+    },
+};
+export const TestnetNotSupportedLight = {
+    args: {
+        theme: "light",
+        chain: defineChain(11155111), // Sepolia testnet - will show error state
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "Shows the error state when trying to use the Universal Bridge on a testnet chain (Sepolia in this example, light theme).",
+            },
+        },
+    },
+};
+//# sourceMappingURL=UnsupportedTokenScreen.stories.js.map

package/dist/esm/stories/Bridge/UnsupportedTokenScreen.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnsupportedTokenScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/UnsupportedTokenScreen.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EACL,sBAAsB,GAEvB,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,6CAA6C;AAC7C,MAAM,+BAA+B,GAAG,CACtC,KAA2C,EAC3C,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,YAC7B,KAAC,sBAAsB,OAAK,cAAc,GAAI,GAC5B,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,+BAA+B;IAC1C,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,2JAA2J;aAC9J;SACF;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,mBAAmB;QAC1C,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;YAC1B,WAAW,EAAE,yBAAyB;SACvC;KACF;CACqD,CAAC;AAEzD,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,gDAAgD;KACxE;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,mGAAmG;aACtG;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,gDAAgD;KACxE;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,iHAAiH;aACpH;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,0CAA0C;KACzE;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,6GAA6G;aAChH;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAU;IAC7C,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,0CAA0C;KACzE;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,0HAA0H;aAC7H;SACF;KACF;CACF,CAAC"}