thirdweb 5.108.5 → 5.108.7

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

@@ -1,222 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomButtonLabelLight = exports.CustomButtonLabel = exports.NoImageLight = exports.NoImage = exports.PhysicalProductLight = exports.PhysicalProduct = exports.SubscriptionServiceLight = exports.SubscriptionService = exports.ConcertTicketLight = exports.ConcertTicket = exports.DigitalArtLight = exports.DigitalArt = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DirectPayment_js_1 = require("../../react/web/ui/Bridge/DirectPayment.js");
-const utils_js_1 = require("../utils.js");
-const fixtures_js_1 = require("./fixtures.js");
-// Wrapper component to provide theme context
-const DirectPaymentWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return ((0, jsx_runtime_1.jsx)(utils_js_1.ModalThemeWrapper, { theme: theme, children: (0, jsx_runtime_1.jsx)(DirectPayment_js_1.DirectPayment, { ...componentProps }) }));
-};
-const meta = {
-    args: {
-        client: utils_js_1.storyClient,
-        onContinue: (_amount, _token, _receiverAddress) => { },
-        theme: "dark",
-        uiOptions: fixtures_js_1.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",
-};
-exports.default = meta;
-exports.DigitalArt = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.DigitalArtLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.DIRECT_PAYMENT_UI_OPTIONS.digitalArt,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of the digital art purchase interface.",
-            },
-        },
-    },
-};
-exports.ConcertTicket = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.ConcertTicketLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.DIRECT_PAYMENT_UI_OPTIONS.concertTicket,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of the concert ticket purchase.",
-            },
-        },
-    },
-};
-exports.SubscriptionService = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.SubscriptionServiceLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.DIRECT_PAYMENT_UI_OPTIONS.subscription,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of subscription service payment with full description text.",
-            },
-        },
-    },
-};
-exports.PhysicalProduct = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.PhysicalProductLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.DIRECT_PAYMENT_UI_OPTIONS.sneakers,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of physical product purchase.",
-            },
-        },
-    },
-};
-exports.NoImage = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.NoImageLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.DIRECT_PAYMENT_UI_OPTIONS.credits,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version of credits purchase without image.",
-            },
-        },
-    },
-};
-exports.CustomButtonLabel = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.CustomButtonLabelLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.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/cjs/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/cjs/stories/Bridge/FundWallet.stories.js

@@ -1,201 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomButtonLabelLight = exports.CustomButtonLabel = exports.LargeAmountLight = exports.LargeAmount = exports.USDCTokenLight = exports.USDCToken = exports.WithInitialAmountLight = exports.WithInitialAmount = exports.Dark = exports.Light = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FundWallet_js_1 = require("../../react/web/ui/Bridge/FundWallet.js");
-const utils_js_1 = require("../utils.js");
-const fixtures_js_1 = require("./fixtures.js");
-// Wrapper component to provide theme context
-const FundWalletWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return ((0, jsx_runtime_1.jsx)(utils_js_1.ModalThemeWrapper, { theme: theme, children: (0, jsx_runtime_1.jsx)(FundWallet_js_1.FundWallet, { ...componentProps }) }));
-};
-const meta = {
-    args: {
-        client: utils_js_1.storyClient,
-        onContinue: (amount, token, receiverAddress) => {
-            alert(`Continue with ${amount} ${token.symbol} to ${receiverAddress}`);
-        },
-        receiverAddress: fixtures_js_1.RECEIVER_ADDRESSES.primary,
-        theme: "dark",
-        uiOptions: fixtures_js_1.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",
-};
-exports.default = meta;
-exports.Light = {
-    args: {
-        receiverAddress: undefined,
-        theme: "light",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.ethDefault,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Default fund wallet interface in light theme with ETH token.",
-            },
-        },
-    },
-};
-exports.Dark = {
-    args: {
-        receiverAddress: undefined,
-        theme: "dark",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.ethDefault,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Default fund wallet interface in dark theme with ETH token.",
-            },
-        },
-    },
-};
-exports.WithInitialAmount = {
-    args: {
-        receiverAddress: fixtures_js_1.RECEIVER_ADDRESSES.secondary,
-        theme: "dark",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.ethWithAmount,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Fund wallet with pre-filled amount and specified receiver address.",
-            },
-        },
-    },
-};
-exports.WithInitialAmountLight = {
-    args: {
-        receiverAddress: fixtures_js_1.RECEIVER_ADDRESSES.secondary,
-        theme: "light",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.ethWithAmount,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version with pre-filled amount and receiver address.",
-            },
-        },
-    },
-};
-exports.USDCToken = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.usdcDefault,
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Fund wallet configured for USDC token with initial amount.",
-            },
-        },
-    },
-};
-exports.USDCTokenLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.usdcDefault,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version for USDC token funding.",
-            },
-        },
-    },
-};
-exports.LargeAmount = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.LargeAmountLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.uniLarge,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Light theme version with UNI token and large amount.",
-            },
-        },
-    },
-};
-exports.CustomButtonLabel = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.CustomButtonLabelLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.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/cjs/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/cjs/stories/Bridge/TransactionPayment.stories.js

@@ -1,168 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomButtonLabelLight = exports.CustomButtonLabel = exports.ContractInteractionLight = exports.ContractInteraction = exports.ERC20TokenTransferLight = exports.ERC20TokenTransfer = exports.EthereumTransferLight = exports.EthereumTransfer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TransactionPayment_js_1 = require("../../react/web/ui/Bridge/TransactionPayment.js");
-const utils_js_1 = require("../utils.js");
-const fixtures_js_1 = require("./fixtures.js");
-// Wrapper component to provide theme context
-const TransactionPaymentWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return ((0, jsx_runtime_1.jsx)(utils_js_1.ModalThemeWrapper, { theme: theme, children: (0, jsx_runtime_1.jsx)("div", { style: { width: "400px" }, children: (0, jsx_runtime_1.jsx)(TransactionPayment_js_1.TransactionPayment, { ...componentProps }) }) }));
-};
-const meta = {
-    args: {
-        client: utils_js_1.storyClient,
-        onExecuteTransaction: () => { },
-        onContinue: (_amount, _token, _receiverAddress) => { },
-        theme: "dark",
-        uiOptions: fixtures_js_1.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",
-};
-exports.default = meta;
-exports.EthereumTransfer = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.EthereumTransferLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.ethTransfer,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Simple ETH transfer transaction in light theme with skeleton loading support.",
-            },
-        },
-    },
-};
-exports.ERC20TokenTransfer = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.ERC20TokenTransferLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.erc20Transfer,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "ERC20 token transaction in light theme with enhanced formatting.",
-            },
-        },
-    },
-};
-exports.ContractInteraction = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.ContractInteractionLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.contractInteraction,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Contract interaction transaction in light theme with enhanced UX and skeleton loading.",
-            },
-        },
-    },
-};
-exports.CustomButtonLabel = {
-    args: {
-        theme: "dark",
-        uiOptions: fixtures_js_1.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.",
-            },
-        },
-    },
-};
-exports.CustomButtonLabelLight = {
-    args: {
-        theme: "light",
-        uiOptions: fixtures_js_1.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/cjs/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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"}