thirdweb 5.108.5 → 5.108.7

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

@@ -1,219 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DirectPayment, } from "../../react/web/ui/Bridge/DirectPayment.js";
-import { ModalThemeWrapper, storyClient } from "../utils.js";
-import { DIRECT_PAYMENT_UI_OPTIONS } from "./fixtures.js";
-// Wrapper component to provide theme context
-const DirectPaymentWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(DirectPayment, { ...componentProps }) }));
-};
-const meta = {
-    args: {
-        client: storyClient,
-        onContinue: (_amount, _token, _receiverAddress) => { },
-        theme: "dark",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.digitalArt,
-    },
-    argTypes: {
-        onContinue: {
-            action: "continue clicked",
-            description: "Called when user continues with the payment",
-        },
-        theme: {
-            control: "select",
-            description: "Theme for the component",
-            options: ["light", "dark"],
-        },
-        uiOptions: {
-            description: "UI configuration for direct payment mode including payment info and metadata",
-        },
-    },
-    component: DirectPaymentWithTheme,
-    parameters: {
-        docs: {
-            description: {
-                component: "DirectPayment component displays a product/service purchase interface with payment details.\n\n" +
-                    "## Features\n" +
-                    "- **Product Display**: Shows product name, image, and pricing\n" +
-                    "- **Payment Details**: Token amount, network information, and seller address\n" +
-                    "- **Wallet Integration**: Connect button or continue with active wallet\n" +
-                    "- **Responsive Design**: Adapts to different screen sizes and themes\n" +
-                    "- **Fee Configuration**: Support for sender or receiver paying fees\n\n" +
-                    "This component is used in the 'direct_payment' mode of BridgeOrchestrator for purchasing specific items or services. It now accepts uiOptions directly to configure payment info and metadata.",
-            },
-        },
-        layout: "centered",
-    },
-    tags: ["autodocs"],
-    title: "Bridge/DirectPayment",
-};
-export default meta;
-export const DigitalArt = {
-    args: {
-        theme: "dark",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.digitalArt,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example of purchasing a digital art NFT with ETH payment. Shows the product image, pricing in ETH, and seller information with sender paying fees.",
-            },
-        },
-    },
-};
-export const DigitalArtLight = {
-    args: {
-        theme: "light",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.digitalArt,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of the digital art purchase interface.",
-            },
-        },
-    },
-};
-export const ConcertTicket = {
-    args: {
-        theme: "dark",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.concertTicket,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example of purchasing a concert ticket with USDC payment. Shows different product type, stable token pricing, and receiver paying fees.",
-            },
-        },
-    },
-};
-export const ConcertTicketLight = {
-    args: {
-        theme: "light",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.concertTicket,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of the concert ticket purchase.",
-            },
-        },
-    },
-};
-export const SubscriptionService = {
-    args: {
-        theme: "dark",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.subscription,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example of a subscription service payment with detailed description. Shows how the component works for recurring service payments with comprehensive product information.",
-            },
-        },
-    },
-};
-export const SubscriptionServiceLight = {
-    args: {
-        theme: "light",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.subscription,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of subscription service payment with full description text.",
-            },
-        },
-    },
-};
-export const PhysicalProduct = {
-    args: {
-        theme: "dark",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.sneakers,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example of purchasing physical products with crypto payments. Shows how the component adapts to different product types with ETH payment.",
-            },
-        },
-    },
-};
-export const PhysicalProductLight = {
-    args: {
-        theme: "light",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.sneakers,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of physical product purchase.",
-            },
-        },
-    },
-};
-export const NoImage = {
-    args: {
-        theme: "dark",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.credits,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example of purchasing digital credits without product image. Shows how the component handles text-only products with description fallback.",
-            },
-        },
-    },
-};
-export const NoImageLight = {
-    args: {
-        theme: "light",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.credits,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of credits purchase without image.",
-            },
-        },
-    },
-};
-export const CustomButtonLabel = {
-    args: {
-        theme: "dark",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.customButton,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example showcasing custom button label functionality. The button shows 'Purchase Now' instead of the default 'Buy Now' text.",
-            },
-        },
-    },
-};
-export const CustomButtonLabelLight = {
-    args: {
-        theme: "light",
-        uiOptions: DIRECT_PAYMENT_UI_OPTIONS.customButton,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version with custom button label 'Purchase Now'.",
-            },
-        },
-    },
-};
-//# sourceMappingURL=DirectPayment.stories.js.map

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

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

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

@@ -1,198 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { FundWallet } from "../../react/web/ui/Bridge/FundWallet.js";
-import { ModalThemeWrapper, storyClient } from "../utils.js";
-import { FUND_WALLET_UI_OPTIONS, RECEIVER_ADDRESSES } from "./fixtures.js";
-// Wrapper component to provide theme context
-const FundWalletWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(FundWallet, { ...componentProps }) }));
-};
-const meta = {
-    args: {
-        client: storyClient,
-        onContinue: (amount, token, receiverAddress) => {
-            alert(`Continue with ${amount} ${token.symbol} to ${receiverAddress}`);
-        },
-        receiverAddress: RECEIVER_ADDRESSES.primary,
-        theme: "dark",
-        uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,
-    },
-    argTypes: {
-        onContinue: { action: "continue clicked" },
-        receiverAddress: {
-            description: "Optional receiver address (defaults to connected wallet)",
-        },
-        theme: {
-            control: "select",
-            description: "Theme for the component",
-            options: ["light", "dark"],
-        },
-        uiOptions: {
-            description: "UI configuration for fund wallet mode",
-        },
-    },
-    component: FundWalletWithTheme,
-    parameters: {
-        docs: {
-            description: {
-                component: "FundWallet component allows users to specify the amount they want to add to their wallet. This is the first screen in the fund_wallet flow before method selection.\n\n" +
-                    "## Features\n" +
-                    "- **Token Selection**: Choose from different tokens (ETH, USDC, UNI)\n" +
-                    "- **Amount Input**: Enter custom amount or use quick options\n" +
-                    "- **Receiver Address**: Optional receiver address (defaults to connected wallet)\n" +
-                    "- **Quick Options**: Preset amounts for faster selection\n" +
-                    "- **Theme Support**: Works with both light and dark themes\n\n" +
-                    "This component now accepts uiOptions directly to configure the destination token, initial amount, and quick options.",
-            },
-        },
-        layout: "centered",
-    },
-    tags: ["autodocs"],
-    title: "Bridge/FundWallet",
-};
-export default meta;
-export const Light = {
-    args: {
-        receiverAddress: undefined,
-        theme: "light",
-        uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Default fund wallet interface in light theme with ETH token.",
-            },
-        },
-    },
-};
-export const Dark = {
-    args: {
-        receiverAddress: undefined,
-        theme: "dark",
-        uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Default fund wallet interface in dark theme with ETH token.",
-            },
-        },
-    },
-};
-export const WithInitialAmount = {
-    args: {
-        receiverAddress: RECEIVER_ADDRESSES.secondary,
-        theme: "dark",
-        uiOptions: FUND_WALLET_UI_OPTIONS.ethWithAmount,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Fund wallet with pre-filled amount and specified receiver address.",
-            },
-        },
-    },
-};
-export const WithInitialAmountLight = {
-    args: {
-        receiverAddress: RECEIVER_ADDRESSES.secondary,
-        theme: "light",
-        uiOptions: FUND_WALLET_UI_OPTIONS.ethWithAmount,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version with pre-filled amount and receiver address.",
-            },
-        },
-    },
-};
-export const USDCToken = {
-    args: {
-        theme: "dark",
-        uiOptions: FUND_WALLET_UI_OPTIONS.usdcDefault,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Fund wallet configured for USDC token with initial amount.",
-            },
-        },
-    },
-};
-export const USDCTokenLight = {
-    args: {
-        theme: "light",
-        uiOptions: FUND_WALLET_UI_OPTIONS.usdcDefault,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version for USDC token funding.",
-            },
-        },
-    },
-};
-export const LargeAmount = {
-    args: {
-        theme: "dark",
-        uiOptions: FUND_WALLET_UI_OPTIONS.uniLarge,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Fund wallet with UNI token and large pre-filled amount to test formatting.",
-            },
-        },
-    },
-};
-export const LargeAmountLight = {
-    args: {
-        theme: "light",
-        uiOptions: FUND_WALLET_UI_OPTIONS.uniLarge,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version with UNI token and large amount.",
-            },
-        },
-    },
-};
-export const CustomButtonLabel = {
-    args: {
-        theme: "dark",
-        uiOptions: FUND_WALLET_UI_OPTIONS.customButton,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example showcasing custom button label functionality. The button shows 'Add Funds Now' instead of the default 'Buy [amount] [symbol]' text.",
-            },
-        },
-    },
-};
-export const CustomButtonLabelLight = {
-    args: {
-        theme: "light",
-        uiOptions: FUND_WALLET_UI_OPTIONS.customButton,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version with custom button label 'Add Funds Now'.",
-            },
-        },
-    },
-};
-//# sourceMappingURL=FundWallet.stories.js.map

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

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

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

@@ -1,165 +0,0 @@
-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 = {
-    args: {
-        client: storyClient,
-        onExecuteTransaction: () => { },
-        onContinue: (_amount, _token, _receiverAddress) => { },
-        theme: "dark",
-        uiOptions: TRANSACTION_UI_OPTIONS.ethTransfer,
-    },
-    argTypes: {
-        onContinue: {
-            action: "continue clicked",
-            description: "Called when user continues with the transaction",
-        },
-        theme: {
-            control: "select",
-            description: "Theme for the component",
-            options: ["light", "dark"],
-        },
-        uiOptions: {
-            description: "UI configuration for transaction mode including prepared transaction",
-        },
-    },
-    component: TransactionPaymentWithTheme,
-    parameters: {
-        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.",
-            },
-        },
-        layout: "centered",
-    },
-    tags: ["autodocs"],
-    title: "Bridge/TransactionPayment",
-};
-export default meta;
-export const EthereumTransfer = {
-    args: {
-        theme: "dark",
-        uiOptions: TRANSACTION_UI_OPTIONS.ethTransfer,
-    },
-    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: {
-        theme: "light",
-        uiOptions: TRANSACTION_UI_OPTIONS.ethTransfer,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Simple ETH transfer transaction in light theme with skeleton loading support.",
-            },
-        },
-    },
-};
-export const ERC20TokenTransfer = {
-    args: {
-        theme: "dark",
-        uiOptions: TRANSACTION_UI_OPTIONS.erc20Transfer,
-    },
-    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: {
-        theme: "light",
-        uiOptions: TRANSACTION_UI_OPTIONS.erc20Transfer,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "ERC20 token transaction in light theme with enhanced formatting.",
-            },
-        },
-    },
-};
-export const ContractInteraction = {
-    args: {
-        theme: "dark",
-        uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
-    },
-    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: {
-        theme: "light",
-        uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Contract interaction transaction in light theme with enhanced UX and skeleton loading.",
-            },
-        },
-    },
-};
-export const CustomButtonLabel = {
-    args: {
-        theme: "dark",
-        uiOptions: TRANSACTION_UI_OPTIONS.customButton,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Example showcasing custom button label functionality. The button shows 'Execute Now' instead of the default 'Execute [functionName]' text.",
-            },
-        },
-    },
-};
-export const CustomButtonLabelLight = {
-    args: {
-        theme: "light",
-        uiOptions: TRANSACTION_UI_OPTIONS.customButton,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version with custom button label 'Execute Now'.",
-            },
-        },
-    },
-};
-//# sourceMappingURL=TransactionPayment.stories.js.map

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

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