thirdweb 5.108.6 → 5.108.8

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

@@ -1,62 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dark = exports.Light = void 0;
+exports.Basic = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const WindowAdapter_js_1 = require("../../react/web/adapters/WindowAdapter.js");
 const StepRunner_js_1 = require("../../react/web/ui/Bridge/StepRunner.js");
 const utils_js_1 = require("../utils.js");
 const fixtures_js_1 = require("./fixtures.js");
-// Mock window adapter
-const mockWindowAdapter = {
-    open: async (_url) => { },
-};
-// Wrapper component to provide theme context
-const StepRunnerWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return ((0, jsx_runtime_1.jsx)(utils_js_1.ModalThemeWrapper, { theme: theme, children: (0, jsx_runtime_1.jsx)(StepRunner_js_1.StepRunner, { ...componentProps, preparedQuote: fixtures_js_1.simpleBuyQuote }) }));
-};
 const meta = {
     args: {
         client: utils_js_1.storyClient,
         onCancel: () => { },
         onComplete: (_completedStatuses) => { },
-        onError: (error) => console.error("Error:", error),
-        theme: "dark",
         wallet: fixtures_js_1.STORY_MOCK_WALLET,
-        windowAdapter: mockWindowAdapter,
-    },
-    argTypes: {
-        onCancel: { action: "execution cancelled" },
-        onComplete: { action: "execution completed" },
-        onError: { action: "error occurred" },
-        theme: {
-            control: "select",
-            description: "Theme for the component",
-            options: ["light", "dark"],
-        },
+        windowAdapter: WindowAdapter_js_1.webWindowAdapter,
+        title: undefined,
+        autoStart: true,
+        onBack: undefined,
+        preparedQuote: fixtures_js_1.simpleBuyQuote,
     },
-    component: StepRunnerWithTheme,
+    component: StepRunner_js_1.StepRunner,
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)(utils_js_1.ModalThemeWrapper, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
     parameters: {
         layout: "centered",
     },
-    title: "Bridge/StepRunner",
+    title: "Bridge/screens/StepRunner",
 };
 exports.default = meta;
-exports.Light = {
+exports.Basic = {
     args: {
         request: fixtures_js_1.simpleBuyRequest,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-    },
-};
-exports.Dark = {
-    args: {
-        request: fixtures_js_1.simpleBuyRequest,
-        theme: "dark",
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
     },
 };
 //# sourceMappingURL=StepRunner.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepRunner.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/StepRunner.stories.tsx"],"names":[],"mappings":";;;;AAMA,2EAAqE;AAErE,0CAA6D;AAC7D,+CAIuB;AAEvB,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,EAAE,aAAa,EAAE,4BAAc,GAAI,GAC/C,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,sBAAW;QACnB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,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,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,+BAAiB;QACzB,aAAa,EAAE,iBAAiB;KACjC;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;QAC3C,UAAU,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;QAC7C,OAAO,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE;QACrC,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;SAC3B;KACF;IACD,SAAS,EAAE,mBAAmB;IAC9B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,KAAK,EAAE,mBAAmB;CACgB,CAAC;AAE7C,kBAAe,IAAI,CAAC;AAGP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,OAAO,EAAE,8BAAgB;QACzB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAClC;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,OAAO,EAAE,8BAAgB;QACzB,KAAK,EAAE,MAAM;KACd;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACjC;CACF,CAAC"}
+{"version":3,"file":"StepRunner.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/StepRunner.stories.tsx"],"names":[],"mappings":";;;;AAEA,gFAA6E;AAC7E,2EAAqE;AACrE,0CAA6D;AAC7D,+CAIuB;AAEvB,MAAM,IAAI,GAA4B;IACpC,IAAI,EAAE;QACJ,MAAM,EAAE,sBAAW;QACnB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,UAAU,EAAE,CAAC,kBAA2C,EAAE,EAAE,GAAE,CAAC;QAC/D,MAAM,EAAE,+BAAiB;QACzB,aAAa,EAAE,mCAAgB;QAC/B,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,4BAAc;KAC9B;IACD,SAAS,EAAE,0BAAU;IACrB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,4BAAiB,cAChB,uBAAC,KAAK,KAAG,GACS,CACrB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,OAAO,EAAE,8BAAgB;KAC1B;CACF,CAAC"}

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaymentId = exports.TransactionPayment = exports.ComplexPaymentLight = exports.ComplexPayment = exports.OnrampPaymentLight = exports.OnrampPayment = exports.DefaultLight = exports.Default = void 0;
+exports.PaymentId = exports.TransactionPayment = exports.ComplexPayment = exports.OnrampPayment = exports.Basic = 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");
@@ -59,142 +59,54 @@ const mockOnrampCompletedStatuses = JSON.parse((0, viem_1.stringify)([
         type: "onramp",
     },
 ]));
-// 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 = {
     args: {
         completedStatuses: mockBuyCompletedStatuses,
         onDone: () => { },
         preparedQuote: fixtures_js_1.simpleBuyQuote,
-        theme: "dark",
-        uiOptions: fixtures_js_1.FUND_WALLET_UI_OPTIONS.ethDefault,
+        showContinueWithTx: false,
         windowAdapter: WindowAdapter_js_1.webWindowAdapter,
-    },
-    argTypes: {
-        onDone: { action: "success screen closed" },
-        theme: {
-            control: "select",
-            description: "Theme for the component",
-            options: ["light", "dark"],
-        },
-    },
-    component: SuccessScreenWithTheme,
-    parameters: {
-        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.",
-            },
-        },
-        layout: "centered",
-    },
-    tags: ["autodocs"],
-    title: "Bridge/SuccessScreen",
-};
-exports.default = meta;
-exports.Default = {
-    args: {
         client: utils_js_1.storyClient,
-        theme: "dark",
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
+        hasPaymentId: false,
     },
+    component: SuccessScreen_js_1.SuccessScreen,
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)(utils_js_1.ModalThemeWrapper, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+    title: "Bridge/screens/SuccessScreen",
 };
-exports.DefaultLight = {
-    args: {
-        client: utils_js_1.storyClient,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-    },
+exports.default = meta;
+exports.Basic = {
+    args: {},
 };
 exports.OnrampPayment = {
     args: {
-        client: utils_js_1.storyClient,
         completedStatuses: mockOnrampCompletedStatuses,
         preparedQuote: fixtures_js_1.simpleOnrampQuote,
-        theme: "dark",
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Success screen for onramp payments showing payment ID that can be copied to clipboard.",
-            },
-        },
-    },
-};
-exports.OnrampPaymentLight = {
-    args: {
-        client: utils_js_1.storyClient,
-        completedStatuses: mockOnrampCompletedStatuses,
-        preparedQuote: fixtures_js_1.simpleOnrampQuote,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
     },
 };
 exports.ComplexPayment = {
     args: {
-        client: utils_js_1.storyClient,
-        completedStatuses: [
-            ...mockOnrampCompletedStatuses,
-            ...mockBuyCompletedStatuses,
-        ],
-        preparedQuote: fixtures_js_1.simpleOnrampQuote,
-        theme: "dark",
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Success screen for onramp payments showing payment ID that can be copied to clipboard.",
-            },
-        },
-    },
-};
-exports.ComplexPaymentLight = {
-    args: {
-        client: utils_js_1.storyClient,
         completedStatuses: [
             ...mockOnrampCompletedStatuses,
             ...mockBuyCompletedStatuses,
         ],
         preparedQuote: fixtures_js_1.simpleOnrampQuote,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
     },
 };
 exports.TransactionPayment = {
     args: {
-        client: utils_js_1.storyClient,
         completedStatuses: mockBuyCompletedStatuses,
         preparedQuote: fixtures_js_1.simpleBuyQuote,
-        theme: "light",
-        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.contractInteraction,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
+        showContinueWithTx: true,
     },
 };
 exports.PaymentId = {
     args: {
-        client: utils_js_1.storyClient,
         completedStatuses: mockBuyCompletedStatuses,
         hasPaymentId: true,
         preparedQuote: fixtures_js_1.simpleBuyQuote,
-        theme: "light",
-        uiOptions: fixtures_js_1.TRANSACTION_UI_OPTIONS.contractInteraction,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
+        showContinueWithTx: true,
     },
 };
 //# sourceMappingURL=SuccessScreen.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SuccessScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/SuccessScreen.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SuccessScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/SuccessScreen.stories.tsx"],"names":[],"mappings":";;;;AACA,+BAAiC;AAEjC,gFAA6E;AAC7E,iGAA2F;AAC3F,0CAA6D;AAC7D,+CAAkE;AAElE,MAAM,wBAAwB,GAA4B,IAAI,CAAC,KAAK,CAClE,IAAA,gBAAS,EAAC;IACR;QACE,iBAAiB,EAAE,UAAU;QAC7B,kBAAkB,EAAE,CAAC;QACrB,gBAAgB,EAAE;YAChB,OAAO,EAAE,4CAA4C;YACrD,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,CAAC;YACX,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,MAAM;SACf;QACD,uBAAuB,EAAE,4CAA4C;QACrE,YAAY,EAAE,oBAAoB;QAClC,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE;YACX,OAAO,EAAE,4CAA4C;YACrD,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,KAAK;SACd;QACD,kBAAkB,EAAE,4CAA4C;QAChE,SAAS,EAAE,eAAe;QAC1B,QAAQ,EAAE,4CAA4C;QACtD,MAAM,EAAE,4CAA4C;QACpD,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE;YACZ;gBACE,OAAO,EAAE,CAAC;gBACV,eAAe,EACb,oEAAoE;aACvE;SACF;QACD,IAAI,EAAE,KAAK;KACZ;CACF,CAAC,CACH,CAAC;AAEF,MAAM,2BAA2B,GAA4B,IAAI,CAAC,KAAK,CACrE,IAAA,gBAAS,EAAC;IACR;QACE,YAAY,EAAE;YACZ,OAAO,EAAE,qBAAqB;SAC/B;QACD,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE;YACZ;gBACE,OAAO,EAAE,GAAG;gBACZ,eAAe,EACb,oEAAoE;aACvE;SACF;QACD,IAAI,EAAE,QAAQ;KACf;CACF,CAAC,CACH,CAAC;AAEF,MAAM,IAAI,GAA+B;IACvC,IAAI,EAAE;QACJ,iBAAiB,EAAE,wBAAwB;QAC3C,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;QAChB,aAAa,EAAE,4BAAc;QAC7B,kBAAkB,EAAE,KAAK;QACzB,aAAa,EAAE,mCAAgB;QAC/B,MAAM,EAAE,sBAAW;QACnB,YAAY,EAAE,KAAK;KACpB;IACD,SAAS,EAAE,gCAAa;IACxB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,4BAAiB,cAChB,uBAAC,KAAK,KAAG,GACS,CACrB;KACF;IACD,KAAK,EAAE,8BAA8B;CACtC,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,iBAAiB,EAAE,2BAA2B;QAC9C,aAAa,EAAE,+BAAiB;KACjC;CACF,CAAC;AAEW,QAAA,cAAc,GAAU;IACnC,IAAI,EAAE;QACJ,iBAAiB,EAAE;YACjB,GAAG,2BAA2B;YAC9B,GAAG,wBAAwB;SAC5B;QACD,aAAa,EAAE,+BAAiB;KACjC;CACF,CAAC;AAEW,QAAA,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,iBAAiB,EAAE,wBAAwB;QAC3C,aAAa,EAAE,4BAAc;QAC7B,kBAAkB,EAAE,IAAI;KACzB;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,iBAAiB,EAAE,wBAAwB;QAC3C,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,4BAAc;QAC7B,kBAAkB,EAAE,IAAI;KACzB;CACF,CAAC"}

package/dist/cjs/stories/Bridge/Transaction/TransactionWidget.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomButtonLabel = exports.ContractInteraction = exports.ERC20TokenTransfer = exports.EthereumTransfer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const TransactionWidget_js_1 = require("../../../react/web/ui/Bridge/TransactionWidget.js");
+const utils_js_1 = require("../../utils.js");
+const fixtures_js_1 = require("../fixtures.js");
+const meta = {
+    args: {
+        client: utils_js_1.storyClient,
+        onSuccess: () => { },
+        onError: () => { },
+        onCancel: () => { },
+        currency: "USD",
+        ...fixtures_js_1.TRANSACTION_UI_OPTIONS.ethTransfer,
+    },
+    component: StoryVariant,
+    title: "Bridge/Transaction/TransactionWidget",
+};
+exports.default = meta;
+exports.EthereumTransfer = {
+    args: {
+        ...fixtures_js_1.TRANSACTION_UI_OPTIONS.ethTransfer,
+    },
+};
+exports.ERC20TokenTransfer = {
+    args: {
+        ...fixtures_js_1.TRANSACTION_UI_OPTIONS.erc20Transfer,
+    },
+};
+exports.ContractInteraction = {
+    args: {
+        ...fixtures_js_1.TRANSACTION_UI_OPTIONS.contractInteraction,
+    },
+};
+exports.CustomButtonLabel = {
+    args: {
+        ...fixtures_js_1.TRANSACTION_UI_OPTIONS.customButton,
+    },
+};
+function StoryVariant(props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "40px",
+            alignItems: "center",
+        }, children: [(0, jsx_runtime_1.jsx)(TransactionWidget_js_1.TransactionWidget, { ...props, theme: "dark" }), (0, jsx_runtime_1.jsx)(TransactionWidget_js_1.TransactionWidget, { ...props, theme: "light" })] }));
+}
+//# sourceMappingURL=TransactionWidget.stories.js.map

package/dist/cjs/stories/Bridge/Transaction/TransactionWidget.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionWidget.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Transaction/TransactionWidget.stories.tsx"],"names":[],"mappings":";;;;AACA,4FAG2D;AAC3D,6CAA6C;AAC7C,gDAAwD;AAExD,MAAM,IAAI,GAA8B;IACtC,IAAI,EAAE;QACJ,MAAM,EAAE,sBAAW;QACnB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;QACnB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QACjB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,QAAQ,EAAE,KAAK;QACf,GAAG,oCAAsB,CAAC,WAAW;KACtC;IACD,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,sCAAsC;CAC9C,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,GAAG,oCAAsB,CAAC,WAAW;KACtC;CACF,CAAC;AAEW,QAAA,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,GAAG,oCAAsB,CAAC,aAAa;KACxC;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,GAAG,oCAAsB,CAAC,mBAAmB;KAC9C;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,GAAG,oCAAsB,CAAC,YAAY;KACvC;CACF,CAAC;AAEF,SAAS,YAAY,CAAC,KAA6B;IACjD,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,aAED,uBAAC,wCAAiB,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,EAC7C,uBAAC,wCAAiB,OAAK,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,IAC1C,CACP,CAAC;AACJ,CAAC"}

package/dist/cjs/stories/Bridge/Transaction/useSendTransactionModal.stories.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DepositAndExecuteTx = exports.BuyAndExecuteTx = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const base_js_1 = require("../../../chains/chain-definitions/base.js");
+const sepolia_js_1 = require("../../../chains/chain-definitions/sepolia.js");
+const useActiveAccount_js_1 = require("../../../react/core/hooks/wallets/useActiveAccount.js");
+const useSendTransaction_js_1 = require("../../../react/web/hooks/transaction/useSendTransaction.js");
+const ConnectButton_js_1 = require("../../../react/web/ui/ConnectWallet/ConnectButton.js");
+const buttons_js_1 = require("../../../react/web/ui/components/buttons.js");
+const Spinner_js_1 = require("../../../react/web/ui/components/Spinner.js");
+const prepare_transaction_js_1 = require("../../../transaction/prepare-transaction.js");
+const units_js_1 = require("../../../utils/units.js");
+const utils_js_1 = require("../../utils.js");
+const meta = {
+    component: Variant,
+    title: "Bridge/Transaction/useSendTransaction",
+};
+exports.default = meta;
+const sendBase = (0, prepare_transaction_js_1.prepareTransaction)({
+    chain: base_js_1.base,
+    client: utils_js_1.storyClient,
+    to: "0x83Dd93fA5D8343094f850f90B3fb90088C1bB425",
+    value: (0, units_js_1.toWei)("100"),
+});
+// using an unsupported chain to popup deposit screen
+const sendSepolia = (0, prepare_transaction_js_1.prepareTransaction)({
+    chain: sepolia_js_1.sepolia,
+    client: utils_js_1.storyClient,
+    to: "0x83Dd93fA5D8343094f850f90B3fb90088C1bB425",
+    value: (0, units_js_1.toWei)("100"),
+});
+exports.BuyAndExecuteTx = {
+    args: {
+        transaction: sendBase,
+    },
+};
+exports.DepositAndExecuteTx = {
+    args: {
+        transaction: sendSepolia,
+    },
+};
+function Variant(props) {
+    const sendTx = (0, useSendTransaction_js_1.useSendTransaction)();
+    const account = (0, useActiveAccount_js_1.useActiveAccount)();
+    if (!account) {
+        return (0, jsx_runtime_1.jsx)(ConnectButton_js_1.ConnectButton, { client: utils_js_1.storyClient });
+    }
+    return ((0, jsx_runtime_1.jsxs)(buttons_js_1.Button, { variant: "primary", gap: "xs", onClick: () => {
+            sendTx.mutate(props.transaction);
+        }, children: [sendTx.isPending && (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: "sm" }), "Execute"] }));
+}
+//# sourceMappingURL=useSendTransactionModal.stories.js.map

package/dist/cjs/stories/Bridge/Transaction/useSendTransactionModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSendTransactionModal.stories.js","sourceRoot":"","sources":["../../../../../src/stories/Bridge/Transaction/useSendTransactionModal.stories.tsx"],"names":[],"mappings":";;;;AACA,uEAAiE;AACjE,6EAAuE;AACvE,+FAAyF;AACzF,sGAAgG;AAChG,2FAAqF;AACrF,4EAAqE;AACrE,4EAAsE;AACtE,wFAGqD;AACrD,sDAAgD;AAChD,6CAA6C;AAE7C,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uCAAuC;CAC/C,CAAC;AACF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAG,IAAA,2CAAkB,EAAC;IAClC,KAAK,EAAE,cAAI;IACX,MAAM,EAAE,sBAAW;IACnB,EAAE,EAAE,4CAA4C;IAChD,KAAK,EAAE,IAAA,gBAAK,EAAC,KAAK,CAAC;CACpB,CAAC,CAAC;AAEH,qDAAqD;AACrD,MAAM,WAAW,GAAG,IAAA,2CAAkB,EAAC;IACrC,KAAK,EAAE,oBAAO;IACd,MAAM,EAAE,sBAAW;IACnB,EAAE,EAAE,4CAA4C;IAChD,KAAK,EAAE,IAAA,gBAAK,EAAC,KAAK,CAAC;CACpB,CAAC,CAAC;AAEU,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE;QACJ,WAAW,EAAE,WAAW;KACzB;CACF,CAAC;AAEF,SAAS,OAAO,CAAC,KAA2C;IAC1D,MAAM,MAAM,GAAG,IAAA,0CAAkB,GAAE,CAAC;IACpC,MAAM,OAAO,GAAG,IAAA,sCAAgB,GAAE,CAAC;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,uBAAC,gCAAa,IAAC,MAAM,EAAE,sBAAW,GAAI,CAAC;IAChD,CAAC;IACD,OAAO,CACL,wBAAC,mBAAM,IACL,OAAO,EAAC,SAAS,EACjB,GAAG,EAAC,IAAI,EACR,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACnC,CAAC,aAEA,MAAM,CAAC,SAAS,IAAI,uBAAC,oBAAO,IAAC,IAAI,EAAC,IAAI,GAAG,eAEnC,CACV,CAAC;AACJ,CAAC"}

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

@@ -1,100 +1,32 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TestnetNotSupportedLight = exports.TestnetNotSupported = exports.TokenNotSupportedLight = exports.TokenNotSupported = void 0;
+exports.TestnetNotSupported = exports.TokenNotSupported = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_js_1 = require("../../chains/utils.js");
-const client_js_1 = require("../../client/client.js");
+const addresses_js_1 = require("../../constants/addresses.js");
 const UnsupportedTokenScreen_js_1 = require("../../react/web/ui/Bridge/UnsupportedTokenScreen.js");
 const utils_js_2 = require("../utils.js");
-const TEST_CLIENT = (0, client_js_1.createThirdwebClient)({ clientId: "test" });
-// 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 = {
     args: {
-        chain: (0, utils_js_1.defineChain)(1), // Ethereum mainnet
-        theme: "dark",
-    },
-    argTypes: {
-        theme: {
-            control: "select",
-            description: "Theme for the component",
-            options: ["light", "dark"],
-        },
-    },
-    component: UnsupportedTokenScreenWithTheme,
-    parameters: {
-        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.",
-            },
-        },
-        layout: "centered",
+        client: utils_js_2.storyClient,
+        chain: (0, utils_js_1.defineChain)(1),
+        tokenAddress: addresses_js_1.NATIVE_TOKEN_ADDRESS,
     },
-    tags: ["autodocs"],
-    title: "Bridge/UnsupportedTokenScreen",
+    component: UnsupportedTokenScreen_js_1.UnsupportedTokenScreen,
+    title: "Bridge/screens/UnsupportedTokenScreen",
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)(utils_js_2.ModalThemeWrapper, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
 };
 exports.default = meta;
 exports.TokenNotSupported = {
     args: {
         chain: (0, utils_js_1.defineChain)(1),
-        client: TEST_CLIENT,
-        theme: "dark", // 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 Bridge on a mainnet chain.",
-            },
-        },
-    },
-};
-exports.TokenNotSupportedLight = {
-    args: {
-        chain: (0, utils_js_1.defineChain)(1),
-        client: TEST_CLIENT,
-        theme: "light", // 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 Bridge on a mainnet chain (light theme).",
-            },
-        },
     },
 };
 exports.TestnetNotSupported = {
     args: {
-        chain: (0, utils_js_1.defineChain)(11155111),
-        client: TEST_CLIENT,
-        theme: "dark", // Sepolia testnet - will show error state
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
-        docs: {
-            description: {
-                story: "Shows the error state when trying to use the Bridge on a testnet chain (Sepolia in this example).",
-            },
-        },
-    },
-};
-exports.TestnetNotSupportedLight = {
-    args: {
-        chain: (0, utils_js_1.defineChain)(11155111),
-        client: TEST_CLIENT,
-        theme: "light", // Sepolia testnet - will show error state
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-        docs: {
-            description: {
-                story: "Shows the error state when trying to use the Bridge on a testnet chain (Sepolia in this example, light theme).",
-            },
-        },
+        chain: (0, utils_js_1.defineChain)(11155111), // Sepolia testnet
     },
 };
 //# sourceMappingURL=UnsupportedTokenScreen.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UnsupportedTokenScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/UnsupportedTokenScreen.stories.tsx"],"names":[],"mappings":";;;;AACA,oDAAoD;AACpD,sDAA8D;AAE9D,mGAG6D;AAC7D,0CAAgD;AAEhD,MAAM,WAAW,GAAG,IAAA,gCAAoB,EAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AAQ/D,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,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,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;SAC3B;KACF;IACD,SAAS,EAAE,+BAA+B;IAC1C,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,2JAA2J;aAC9J;SACF;QACD,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,+BAA+B;CACgB,CAAC;AAEzD,kBAAe,IAAI,CAAC;AAGP,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,sBAAW,EAAC,CAAC,CAAC;QACrB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,MAAM,EAAE,gDAAgD;KAChE;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,yFAAyF;aAC5F;SACF;KACF;CACF,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,sBAAW,EAAC,CAAC,CAAC;QACrB,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,OAAO,EAAE,gDAAgD;KACjE;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,uGAAuG;aAC1G;SACF;KACF;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,sBAAW,EAAC,QAAQ,CAAC;QAC5B,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,MAAM,EAAE,0CAA0C;KAC1D;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,wBAAwB,GAAU;IAC7C,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,sBAAW,EAAC,QAAQ,CAAC;QAC5B,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,OAAO,EAAE,0CAA0C;KAC3D;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QACjC,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,gHAAgH;aACnH;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"UnsupportedTokenScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/UnsupportedTokenScreen.stories.tsx"],"names":[],"mappings":";;;;AACA,oDAAoD;AACpD,+DAAoE;AACpE,mGAA6F;AAC7F,0CAA6D;AAE7D,MAAM,IAAI,GAAwC;IAChD,IAAI,EAAE;QACJ,MAAM,EAAE,sBAAW;QACnB,KAAK,EAAE,IAAA,sBAAW,EAAC,CAAC,CAAC;QACrB,YAAY,EAAE,mCAAoB;KACnC;IACD,SAAS,EAAE,kDAAsB;IACjC,KAAK,EAAE,uCAAuC;IAC9C,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,uBAAC,4BAAiB,cAChB,uBAAC,KAAK,KAAG,GACS,CACrB;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,sBAAW,EAAC,CAAC,CAAC;KACtB;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,IAAA,sBAAW,EAAC,QAAQ,CAAC,EAAE,kBAAkB;KACjD;CACF,CAAC"}