thirdweb 5.108.6 → 5.108.7

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

@@ -1,59 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { webWindowAdapter } from "../../react/web/adapters/WindowAdapter.js";
 import { StepRunner } from "../../react/web/ui/Bridge/StepRunner.js";
 import { ModalThemeWrapper, storyClient } from "../utils.js";
 import { STORY_MOCK_WALLET, simpleBuyQuote, 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, preparedQuote: simpleBuyQuote }) }));
-};
 const meta = {
     args: {
         client: storyClient,
         onCancel: () => { },
         onComplete: (_completedStatuses) => { },
-        onError: (error) => console.error("Error:", error),
-        theme: "dark",
         wallet: 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: webWindowAdapter,
+        title: undefined,
+        autoStart: true,
+        onBack: undefined,
+        preparedQuote: simpleBuyQuote,
     },
-    component: StepRunnerWithTheme,
+    component: StepRunner,
+    decorators: [
+        (Story) => (_jsx(ModalThemeWrapper, { children: _jsx(Story, {}) })),
+    ],
     parameters: {
         layout: "centered",
     },
-    title: "Bridge/StepRunner",
+    title: "Bridge/screens/StepRunner",
 };
 export default meta;
-export const Light = {
+export const Basic = {
     args: {
         request: simpleBuyRequest,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-    },
-};
-export const Dark = {
-    args: {
-        request: simpleBuyRequest,
-        theme: "dark",
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
     },
 };
 //# sourceMappingURL=StepRunner.stories.js.map

package/dist/esm/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,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAC;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,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,YAC7B,KAAC,UAAU,OAAK,cAAc,EAAE,aAAa,EAAE,cAAc,GAAI,GAC/C,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;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,iBAAiB;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,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,OAAO,EAAE,gBAAgB;QACzB,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAClC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,OAAO,EAAE,gBAAgB;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,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,MAAM,IAAI,GAA4B;IACpC,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,UAAU,EAAE,CAAC,kBAA2C,EAAE,EAAE,GAAE,CAAC;QAC/D,MAAM,EAAE,iBAAiB;QACzB,aAAa,EAAE,gBAAgB;QAC/B,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,cAAc;KAC9B;IACD,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,iBAAiB,cAChB,KAAC,KAAK,KAAG,GACS,CACrB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,OAAO,EAAE,gBAAgB;KAC1B;CACF,CAAC"}

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

@@ -1,9 +1,9 @@
 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 { SuccessScreen } from "../../react/web/ui/Bridge/payment-success/SuccessScreen.js";
 import { ModalThemeWrapper, storyClient } from "../utils.js";
-import { FUND_WALLET_UI_OPTIONS, simpleBuyQuote, simpleOnrampQuote, TRANSACTION_UI_OPTIONS, } from "./fixtures.js";
+import { simpleBuyQuote, simpleOnrampQuote } from "./fixtures.js";
 const mockBuyCompletedStatuses = JSON.parse(stringify([
     {
         destinationAmount: 100000000n,
@@ -56,142 +56,54 @@ const mockOnrampCompletedStatuses = JSON.parse(stringify([
         type: "onramp",
     },
 ]));
-// Wrapper component to provide theme context
-const SuccessScreenWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(SuccessScreen, { ...componentProps }) }));
-};
 const meta = {
     args: {
         completedStatuses: mockBuyCompletedStatuses,
         onDone: () => { },
         preparedQuote: simpleBuyQuote,
-        theme: "dark",
-        uiOptions: FUND_WALLET_UI_OPTIONS.ethDefault,
+        showContinueWithTx: false,
         windowAdapter: 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",
-};
-export default meta;
-export const Default = {
-    args: {
         client: storyClient,
-        theme: "dark",
-    },
-    parameters: {
-        backgrounds: { default: "dark" },
+        hasPaymentId: false,
     },
+    component: SuccessScreen,
+    decorators: [
+        (Story) => (_jsx(ModalThemeWrapper, { children: _jsx(Story, {}) })),
+    ],
+    title: "Bridge/screens/SuccessScreen",
 };
-export const DefaultLight = {
-    args: {
-        client: storyClient,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
-    },
+export default meta;
+export const Basic = {
+    args: {},
 };
 export const OnrampPayment = {
     args: {
-        client: storyClient,
         completedStatuses: mockOnrampCompletedStatuses,
         preparedQuote: simpleOnrampQuote,
-        theme: "dark",
-    },
-    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: {
-        client: storyClient,
-        completedStatuses: mockOnrampCompletedStatuses,
-        preparedQuote: simpleOnrampQuote,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
     },
 };
 export const ComplexPayment = {
     args: {
-        client: storyClient,
-        completedStatuses: [
-            ...mockOnrampCompletedStatuses,
-            ...mockBuyCompletedStatuses,
-        ],
-        preparedQuote: simpleOnrampQuote,
-        theme: "dark",
-    },
-    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: {
-        client: storyClient,
         completedStatuses: [
             ...mockOnrampCompletedStatuses,
             ...mockBuyCompletedStatuses,
         ],
         preparedQuote: simpleOnrampQuote,
-        theme: "light",
-    },
-    parameters: {
-        backgrounds: { default: "light" },
     },
 };
 export const TransactionPayment = {
     args: {
-        client: storyClient,
         completedStatuses: mockBuyCompletedStatuses,
         preparedQuote: simpleBuyQuote,
-        theme: "light",
-        uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
+        showContinueWithTx: true,
     },
 };
 export const PaymentId = {
     args: {
-        client: storyClient,
         completedStatuses: mockBuyCompletedStatuses,
         hasPaymentId: true,
         preparedQuote: simpleBuyQuote,
-        theme: "light",
-        uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction,
-    },
-    parameters: {
-        backgrounds: { default: "light" },
+        showContinueWithTx: true,
     },
 };
 //# sourceMappingURL=SuccessScreen.stories.js.map

package/dist/esm/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":"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"}

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

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TransactionWidget, } from "../../../react/web/ui/Bridge/TransactionWidget.js";
+import { storyClient } from "../../utils.js";
+import { TRANSACTION_UI_OPTIONS } from "../fixtures.js";
+const meta = {
+    args: {
+        client: storyClient,
+        onSuccess: () => { },
+        onError: () => { },
+        onCancel: () => { },
+        currency: "USD",
+        ...TRANSACTION_UI_OPTIONS.ethTransfer,
+    },
+    component: StoryVariant,
+    title: "Bridge/Transaction/TransactionWidget",
+};
+export default meta;
+export const EthereumTransfer = {
+    args: {
+        ...TRANSACTION_UI_OPTIONS.ethTransfer,
+    },
+};
+export const ERC20TokenTransfer = {
+    args: {
+        ...TRANSACTION_UI_OPTIONS.erc20Transfer,
+    },
+};
+export const ContractInteraction = {
+    args: {
+        ...TRANSACTION_UI_OPTIONS.contractInteraction,
+    },
+};
+export const CustomButtonLabel = {
+    args: {
+        ...TRANSACTION_UI_OPTIONS.customButton,
+    },
+};
+function StoryVariant(props) {
+    return (_jsxs("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "40px",
+            alignItems: "center",
+        }, children: [_jsx(TransactionWidget, { ...props, theme: "dark" }), _jsx(TransactionWidget, { ...props, theme: "light" })] }));
+}
+//# sourceMappingURL=TransactionWidget.stories.js.map

package/dist/esm/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,OAAO,EACL,iBAAiB,GAElB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,IAAI,GAA8B;IACtC,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;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,sBAAsB,CAAC,WAAW;KACtC;IACD,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,sCAAsC;CAC9C,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,GAAG,sBAAsB,CAAC,WAAW;KACtC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,GAAG,sBAAsB,CAAC,aAAa;KACxC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,GAAG,sBAAsB,CAAC,mBAAmB;KAC9C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,GAAG,sBAAsB,CAAC,YAAY;KACvC;CACF,CAAC;AAEF,SAAS,YAAY,CAAC,KAA6B;IACjD,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,UAAU,EAAE,QAAQ;SACrB,aAED,KAAC,iBAAiB,OAAK,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,EAC7C,KAAC,iBAAiB,OAAK,KAAK,EAAE,KAAK,EAAC,OAAO,GAAG,IAC1C,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { base } from "../../../chains/chain-definitions/base.js";
+import { sepolia } from "../../../chains/chain-definitions/sepolia.js";
+import { useActiveAccount } from "../../../react/core/hooks/wallets/useActiveAccount.js";
+import { useSendTransaction } from "../../../react/web/hooks/transaction/useSendTransaction.js";
+import { ConnectButton } from "../../../react/web/ui/ConnectWallet/ConnectButton.js";
+import { Button } from "../../../react/web/ui/components/buttons.js";
+import { Spinner } from "../../../react/web/ui/components/Spinner.js";
+import { prepareTransaction, } from "../../../transaction/prepare-transaction.js";
+import { toWei } from "../../../utils/units.js";
+import { storyClient } from "../../utils.js";
+const meta = {
+    component: Variant,
+    title: "Bridge/Transaction/useSendTransaction",
+};
+export default meta;
+const sendBase = prepareTransaction({
+    chain: base,
+    client: storyClient,
+    to: "0x83Dd93fA5D8343094f850f90B3fb90088C1bB425",
+    value: toWei("100"),
+});
+// using an unsupported chain to popup deposit screen
+const sendSepolia = prepareTransaction({
+    chain: sepolia,
+    client: storyClient,
+    to: "0x83Dd93fA5D8343094f850f90B3fb90088C1bB425",
+    value: toWei("100"),
+});
+export const BuyAndExecuteTx = {
+    args: {
+        transaction: sendBase,
+    },
+};
+export const DepositAndExecuteTx = {
+    args: {
+        transaction: sendSepolia,
+    },
+};
+function Variant(props) {
+    const sendTx = useSendTransaction();
+    const account = useActiveAccount();
+    if (!account) {
+        return _jsx(ConnectButton, { client: storyClient });
+    }
+    return (_jsxs(Button, { variant: "primary", gap: "xs", onClick: () => {
+            sendTx.mutate(props.transaction);
+        }, children: [sendTx.isPending && _jsx(Spinner, { size: "sm" }), "Execute"] }));
+}
+//# sourceMappingURL=useSendTransactionModal.stories.js.map

package/dist/esm/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,OAAO,EAAE,IAAI,EAAE,MAAM,2CAA2C,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,8CAA8C,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAChG,OAAO,EAAE,aAAa,EAAE,MAAM,sDAAsD,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AACtE,OAAO,EAEL,kBAAkB,GACnB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,OAAO;IAClB,KAAK,EAAE,uCAAuC;CAC/C,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAG,kBAAkB,CAAC;IAClC,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,WAAW;IACnB,EAAE,EAAE,4CAA4C;IAChD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;CACpB,CAAC,CAAC;AAEH,qDAAqD;AACrD,MAAM,WAAW,GAAG,kBAAkB,CAAC;IACrC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,WAAW;IACnB,EAAE,EAAE,4CAA4C;IAChD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE;QACJ,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE;QACJ,WAAW,EAAE,WAAW;KACzB;CACF,CAAC;AAEF,SAAS,OAAO,CAAC,KAA2C;IAC1D,MAAM,MAAM,GAAG,kBAAkB,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,WAAW,GAAI,CAAC;IAChD,CAAC;IACD,OAAO,CACL,MAAC,MAAM,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,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,GAAG,eAEnC,CACV,CAAC;AACJ,CAAC"}

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

@@ -1,97 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { defineChain } from "../../chains/utils.js";
-import { createThirdwebClient } from "../../client/client.js";
-import { UnsupportedTokenScreen, } from "../../react/web/ui/Bridge/UnsupportedTokenScreen.js";
-import { ModalThemeWrapper } from "../utils.js";
-const TEST_CLIENT = createThirdwebClient({ clientId: "test" });
-// Wrapper component to provide theme context
-const UnsupportedTokenScreenWithTheme = (props) => {
-    const { theme, ...componentProps } = props;
-    return (_jsx(ModalThemeWrapper, { theme: theme, children: _jsx(UnsupportedTokenScreen, { ...componentProps }) }));
-};
+import { NATIVE_TOKEN_ADDRESS } from "../../constants/addresses.js";
+import { UnsupportedTokenScreen } from "../../react/web/ui/Bridge/UnsupportedTokenScreen.js";
+import { ModalThemeWrapper, storyClient } from "../utils.js";
 const meta = {
     args: {
-        chain: 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: storyClient,
+        chain: defineChain(1),
+        tokenAddress: NATIVE_TOKEN_ADDRESS,
     },
-    tags: ["autodocs"],
-    title: "Bridge/UnsupportedTokenScreen",
+    component: UnsupportedTokenScreen,
+    title: "Bridge/screens/UnsupportedTokenScreen",
+    decorators: [
+        (Story) => (_jsx(ModalThemeWrapper, { children: _jsx(Story, {}) })),
+    ],
 };
 export default meta;
 export const TokenNotSupported = {
     args: {
         chain: 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.",
-            },
-        },
-    },
-};
-export const TokenNotSupportedLight = {
-    args: {
-        chain: 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).",
-            },
-        },
     },
 };
 export const TestnetNotSupported = {
     args: {
-        chain: 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).",
-            },
-        },
-    },
-};
-export const TestnetNotSupportedLight = {
-    args: {
-        chain: 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: defineChain(11155111), // Sepolia testnet
     },
 };
 //# sourceMappingURL=UnsupportedTokenScreen.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UnsupportedTokenScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/UnsupportedTokenScreen.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UnsupportedTokenScreen.stories.js","sourceRoot":"","sources":["../../../../src/stories/Bridge/UnsupportedTokenScreen.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,IAAI,GAAwC;IAChD,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;QACnB,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;QACrB,YAAY,EAAE,oBAAoB;KACnC;IACD,SAAS,EAAE,sBAAsB;IACjC,KAAK,EAAE,uCAAuC;IAC9C,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,KAAC,iBAAiB,cAChB,KAAC,KAAK,KAAG,GACS,CACrB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,kBAAkB;KACjD;CACF,CAAC"}

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

@@ -8,7 +8,7 @@ import { getContract } from "../../contract/contract.js";
 import { claimTo } from "../../extensions/erc20/drops/write/claimTo.js";
 import { transfer } from "../../extensions/erc20/write/transfer.js";
 import { getDefaultToken } from "../../react/core/utils/defaultTokens.js";
-import { prepareTransaction } from "../../transaction/prepare-transaction.js";
+import { prepareTransaction, } from "../../transaction/prepare-transaction.js";
 import { toWei } from "../../utils/units.js";
 import { storyClient } from "../utils.js";
 export const ETH = {
@@ -583,7 +583,7 @@ const contractInteractionTransaction = claimTo({
 });
 // ========== COMMON DUMMY DATA FOR STORYBOOK ========== //
 // Common receiver addresses for testing
-export const RECEIVER_ADDRESSES = {
+const RECEIVER_ADDRESSES = {
     physical: "0x5555666677778888999900001111222233334444",
     primary: "0x2247d5d238d0f9d37184d8332aE0289d1aD9991b",
     secondary: "0xa3841994009B4fEabb01ebcC62062F9E56F701CD",
@@ -616,50 +616,6 @@ const PRODUCT_METADATA = {
         name: "Premium Streaming Service - Monthly",
     },
 };
-// UI Options for FundWallet mode
-export const FUND_WALLET_UI_OPTIONS = {
-    ethDefault: {
-        destinationToken: ETH,
-        metadata: {
-            description: "Add funds to your wallet",
-            title: "Fund Wallet",
-        },
-        mode: "fund_wallet",
-    },
-    ethWithAmount: {
-        destinationToken: ETH,
-        initialAmount: "0.001",
-        metadata: {
-            description: "Add funds to your wallet",
-            title: "Fund Wallet",
-        },
-        mode: "fund_wallet",
-    },
-    uniLarge: {
-        destinationToken: UNI,
-        initialAmount: "150000",
-        metadata: {
-            description: "Add UNI tokens to your wallet",
-            title: "Fund Wallet",
-        },
-        mode: "fund_wallet",
-    },
-    usdcDefault: {
-        destinationToken: USDC,
-        initialAmount: "5",
-        mode: "fund_wallet",
-    },
-    customButton: {
-        destinationToken: ETH,
-        initialAmount: "0.01",
-        metadata: {
-            description: "Test custom button label for funding",
-            title: "Custom Fund Wallet",
-        },
-        mode: "fund_wallet",
-        buttonLabel: "Add Funds Now",
-    },
-};
 // UI Options for DirectPayment mode
 export const DIRECT_PAYMENT_UI_OPTIONS = {
     concertTicket: {
@@ -668,7 +624,7 @@ export const DIRECT_PAYMENT_UI_OPTIONS = {
             image: PRODUCT_METADATA.concertTicket.image,
             title: "Buy Concert Ticket",
         },
-        mode: "direct_payment",
+        buttonLabel: undefined,
         paymentInfo: {
             amount: "25.00",
             feePayer: "receiver",
@@ -680,8 +636,9 @@ export const DIRECT_PAYMENT_UI_OPTIONS = {
         metadata: {
             description: PRODUCT_METADATA.credits.description,
             title: "Add Credits",
+            image: undefined,
         },
-        mode: "direct_payment",
+        buttonLabel: undefined,
         paymentInfo: {
             amount: "25",
             feePayer: "receiver",
@@ -695,7 +652,7 @@ export const DIRECT_PAYMENT_UI_OPTIONS = {
             image: PRODUCT_METADATA.digitalArt.image,
             title: "Purchase Digital Art",
         },
-        mode: "direct_payment",
+        buttonLabel: undefined,
         paymentInfo: {
             amount: "0.1",
             feePayer: "sender",
@@ -709,7 +666,7 @@ export const DIRECT_PAYMENT_UI_OPTIONS = {
             image: PRODUCT_METADATA.sneakers.image,
             title: "Buy Sneakers",
         },
-        mode: "direct_payment",
+        buttonLabel: undefined,
         paymentInfo: {
             amount: "0.05",
             feePayer: "receiver",
@@ -723,7 +680,7 @@ export const DIRECT_PAYMENT_UI_OPTIONS = {
             image: PRODUCT_METADATA.subscription.image,
             title: "Subscribe to Premium",
         },
-        mode: "direct_payment",
+        buttonLabel: undefined,
         paymentInfo: {
             amount: "9.99",
             feePayer: "sender",
@@ -737,7 +694,6 @@ export const DIRECT_PAYMENT_UI_OPTIONS = {
             image: PRODUCT_METADATA.digitalArt.image,
             title: "Custom Button Test",
         },
-        mode: "direct_payment",
         buttonLabel: "Purchase Now",
         paymentInfo: {
             amount: "0.05",
@@ -753,32 +709,35 @@ export const TRANSACTION_UI_OPTIONS = {
         metadata: {
             description: "Interact with smart contract",
             title: "Contract Interaction",
+            image: undefined,
         },
-        mode: "transaction",
+        buttonLabel: undefined,
         transaction: contractInteractionTransaction,
     },
     erc20Transfer: {
         metadata: {
             description: "Transfer ERC20 tokens",
             title: "Token Transfer",
+            image: undefined,
         },
-        mode: "transaction",
+        buttonLabel: undefined,
         transaction: erc20Transaction,
     },
     ethTransfer: {
         metadata: {
             description: "Review and execute transaction",
             title: "Execute Transaction",
+            image: undefined,
         },
-        mode: "transaction",
+        buttonLabel: undefined,
         transaction: ethTransferTransaction,
     },
     customButton: {
         metadata: {
             description: "Test custom button label for transactions",
             title: "Custom Transaction",
+            image: undefined,
         },
-        mode: "transaction",
         buttonLabel: "Execute Now",
         transaction: ethTransferTransaction,
     },