thirdweb 5.102.7-nightly-9f6c1a4820e37428dec6427cf77a12ab463f119d-20250616000412 → 5.103.0

package/dist/cjs/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,2EAAqE;AAErE,0CAA6D;AAC7D,+CAAoE;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,uBAAC,4BAAiB,IAAC,KAAK,EAAE,KAAK,YAC7B,uBAAC,0BAAU,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,+BAAiB;QACzB,MAAM,EAAE,sBAAW;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,kBAAe,IAAI,CAAC;AAGP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,8BAAgB;KAC1B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAClC;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,8BAAgB;KAC1B;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACjC;CACF,CAAC"}

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

@@ -0,0 +1,180 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionPayment = exports.ComplexPaymentLight = exports.ComplexPayment = exports.OnrampPaymentLight = exports.OnrampPayment = exports.DefaultLight = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const viem_1 = require("viem");
+const WindowAdapter_js_1 = require("../../react/web/adapters/WindowAdapter.js");
+const SuccessScreen_js_1 = require("../../react/web/ui/Bridge/payment-success/SuccessScreen.js");
+const utils_js_1 = require("../utils.js");
+const fixtures_js_1 = require("./fixtures.js");
+const mockBuyCompletedStatuses = JSON.parse((0, viem_1.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((0, viem_1.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 ((0, jsx_runtime_1.jsx)(utils_js_1.ModalThemeWrapper, { theme: theme, children: (0, jsx_runtime_1.jsx)(SuccessScreen_js_1.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: fixtures_js_1.simpleBuyQuote,
+        completedStatuses: mockBuyCompletedStatuses,
+        onDone: () => { },
+        theme: "dark",
+        windowAdapter: WindowAdapter_js_1.webWindowAdapter,
+        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.ethDefault,
+    },
+    argTypes: {
+        theme: {
+            control: "select",
+            options: ["light", "dark"],
+            description: "Theme for the component",
+        },
+        onDone: { action: "success screen closed" },
+    },
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        theme: "dark",
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+    },
+};
+exports.DefaultLight = {
+    args: {
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+exports.OnrampPayment = {
+    args: {
+        theme: "dark",
+        preparedQuote: fixtures_js_1.simpleOnrampQuote,
+        completedStatuses: mockOnrampCompletedStatuses,
+    },
+    parameters: {
+        backgrounds: { default: "dark" },
+        docs: {
+            description: {
+                story: "Success screen for onramp payments showing payment ID that can be copied to clipboard.",
+            },
+        },
+    },
+};
+exports.OnrampPaymentLight = {
+    args: {
+        theme: "light",
+        preparedQuote: fixtures_js_1.simpleOnrampQuote,
+        completedStatuses: mockOnrampCompletedStatuses,
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+exports.ComplexPayment = {
+    args: {
+        theme: "dark",
+        preparedQuote: fixtures_js_1.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.",
+            },
+        },
+    },
+};
+exports.ComplexPaymentLight = {
+    args: {
+        theme: "light",
+        preparedQuote: fixtures_js_1.simpleOnrampQuote,
+        completedStatuses: [
+            ...mockOnrampCompletedStatuses,
+            ...mockBuyCompletedStatuses,
+        ],
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+exports.TransactionPayment = {
+    args: {
+        theme: "light",
+        preparedQuote: fixtures_js_1.simpleBuyQuote,
+        completedStatuses: mockBuyCompletedStatuses,
+        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.contractInteraction,
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+    },
+};
+//# sourceMappingURL=SuccessScreen.stories.js.map

package/dist/cjs/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/cjs/stories/Bridge/TransactionPayment.stories.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 = {
+    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: fixtures_js_1.TRANSACTION_UI_OPTIONS.ethTransfer,
+        client: utils_js_1.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",
+        },
+    },
+};
+exports.default = meta;
+exports.EthereumTransfer = {
+    args: {
+        uiOptions: fixtures_js_1.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.",
+            },
+        },
+    },
+};
+exports.EthereumTransferLight = {
+    args: {
+        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.ethTransfer,
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "Simple ETH transfer transaction in light theme with skeleton loading support.",
+            },
+        },
+    },
+};
+exports.ERC20TokenTransfer = {
+    args: {
+        uiOptions: fixtures_js_1.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.",
+            },
+        },
+    },
+};
+exports.ERC20TokenTransferLight = {
+    args: {
+        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.erc20Transfer,
+        theme: "light",
+    },
+    parameters: {
+        backgrounds: { default: "light" },
+        docs: {
+            description: {
+                story: "ERC20 token transaction in light theme with enhanced formatting.",
+            },
+        },
+    },
+};
+exports.ContractInteraction = {
+    args: {
+        uiOptions: fixtures_js_1.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.",
+            },
+        },
+    },
+};
+exports.ContractInteractionLight = {
+    args: {
+        uiOptions: fixtures_js_1.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/cjs/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":"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"}

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

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TestnetNotSupportedLight = exports.TestnetNotSupported = exports.TokenNotSupportedLight = exports.TokenNotSupported = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_js_1 = require("../../chains/utils.js");
+const UnsupportedTokenScreen_js_1 = require("../../react/web/ui/Bridge/UnsupportedTokenScreen.js");
+const utils_js_2 = require("../utils.js");
+// Wrapper component to provide theme context
+const UnsupportedTokenScreenWithTheme = (props) => {
+    const { theme, ...componentProps } = props;
+    return ((0, jsx_runtime_1.jsx)(utils_js_2.ModalThemeWrapper, { theme: theme, children: (0, jsx_runtime_1.jsx)(UnsupportedTokenScreen_js_1.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: (0, utils_js_1.defineChain)(1), // Ethereum mainnet
+        theme: "dark",
+    },
+    argTypes: {
+        theme: {
+            control: "select",
+            options: ["light", "dark"],
+            description: "Theme for the component",
+        },
+    },
+};
+exports.default = meta;
+exports.TokenNotSupported = {
+    args: {
+        theme: "dark",
+        chain: (0, utils_js_1.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.",
+            },
+        },
+    },
+};
+exports.TokenNotSupportedLight = {
+    args: {
+        theme: "light",
+        chain: (0, utils_js_1.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).",
+            },
+        },
+    },
+};
+exports.TestnetNotSupported = {
+    args: {
+        theme: "dark",
+        chain: (0, utils_js_1.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).",
+            },
+        },
+    },
+};
+exports.TestnetNotSupportedLight = {
+    args: {
+        theme: "light",
+        chain: (0, utils_js_1.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/cjs/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,oDAAoD;AAEpD,mGAG6D;AAC7D,0CAAgD;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,uBAAC,4BAAiB,IAAC,KAAK,EAAE,KAAK,YAC7B,uBAAC,kDAAsB,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,IAAA,sBAAW,EAAC,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,kBAAe,IAAI,CAAC;AAGP,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,IAAA,sBAAW,EAAC,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;AAEW,QAAA,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,IAAA,sBAAW,EAAC,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;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,IAAA,sBAAW,EAAC,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;AAEW,QAAA,wBAAwB,GAAU;IAC7C,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,IAAA,sBAAW,EAAC,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"}