@coin-voyage/swapkit 0.4.0-beta.0 → 0.4.0

package/dist/components/swap-recipient.test.js

@@ -12,9 +12,15 @@ vi.mock("../hooks/use-swap-execution", () => ({
 }));
 vi.mock("../hooks/use-token-data", () => ({
     useTokenData: () => ({
-        tokens: [{ currency: source, balance: "2" }, { currency: destination }, { currency: solana }],
+        tokens: [
+            { currency: source, balance: "2" },
+            { currency: destination, balance: "7.5" },
+            { currency: unheld },
+            { currency: solana },
+        ],
         accounts,
         isLoading: false,
+        balancesLoaded: true,
         refreshBalances: vi.fn(),
     }),
 }));
@@ -50,6 +56,14 @@ const destination = {
     symbol: "USDC",
     decimals: 6,
 };
+const unheld = {
+    id: "dai",
+    chain_id: ChainId.ETH,
+    address: "0x6B175474E89094C44Da98b954EedeAC495271d0F",
+    name: "Dai",
+    symbol: "DAI",
+    decimals: 18,
+};
 const solana = {
     id: "sol",
     chain_id: ChainId.SOL,
@@ -87,6 +101,23 @@ describe("Swap destination recipient", () => {
             destination: expect.objectContaining({ recipient }),
         }), sender);
     });
+    it("shows the buy token balance until a recipient is pasted", () => {
+        renderSwap();
+        expect(screen.getByText("Balance: 7.5")).toBeTruthy();
+        openRecipientModal();
+        fireEvent.change(screen.getByRole("textbox", { name: "Wallet address" }), { target: { value: recipient } });
+        fireEvent.click(screen.getByRole("button", { name: "Use address" }));
+        expect(screen.queryByText("Balance: 7.5")).toBeNull();
+        expect(screen.getByText("Balance: 2")).toBeTruthy();
+    });
+    it("shows a zero buy balance for a token the connected wallet does not hold", () => {
+        renderSwap(unheld);
+        expect(screen.getByText("Balance: 0")).toBeTruthy();
+    });
+    it("shows no buy balance when no wallet is connected for the destination chain", () => {
+        renderSwap(solana);
+        expect(screen.queryByText("Balance: 0")).toBeNull();
+    });
     it("rejects invalid same-chain destination addresses", () => {
         renderSwap();
         openRecipientModal();

package/dist/components/swap.d.ts

@@ -21,8 +21,8 @@ interface CurrencyPanelProps {
     disabled?: boolean;
     onAmountChange: (value: string) => void;
     onSelectToken: () => void;
-    footerAction?: ReactNode;
+    headerAction?: ReactNode;
 }
-export declare function CurrencyPanel({ side, token, amount, balance, quoteUsd, quoteLoading, disabled, onAmountChange, onSelectToken, footerAction, }: CurrencyPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function CurrencyPanel({ side, token, amount, balance, quoteUsd, quoteLoading, disabled, onAmountChange, onSelectToken, headerAction, }: CurrencyPanelProps): import("react/jsx-runtime").JSX.Element;
 export declare function Swap({ defaultSourceCurrency, defaultDestinationCurrency, defaultSlippageBps, onComplete, onError, }?: SwapProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/swap.js

@@ -17,7 +17,7 @@ import { ExecutionModal } from "./execution-modal";
 import { ConnectedWallets } from "./connected-wallets";
 import { ArrowDownIcon, ChevronDownIcon, FuelIcon, InfoIcon, PasteIcon, SettingsIcon, WalletIcon } from "./icons";
 import { Modal } from "./modal";
-import { AmountInput, AmountRow, AmountSkeleton, BreakdownBody, BreakdownCard, BreakdownMeta, BreakdownToggle, CardFooter, CardTitle, CardWrap, CompactInput, CurrencyCard, DetailRow, ErrorBox, FieldLabel, FormStack, FreeFeeBadge, Hint, IconButton, InlineActions, InfoButton, InfoWrap, NetworkCost, OutputWalletControl, OutputWalletMenu, OutputWalletOption, OutputWalletTrigger, PrimaryButton, QuoteValueSkeleton, QuickAmountActions, QuickAmountButton, SettingsLabel, SettingsPanel, SettingsRow, SettingsTooltip, SlippageControl, SlippageInput, SlippageInputWrap, SlippageModeButton, Spinner, SwitchButton, TokenButton, Toolbar, ToolbarGroup, WalletRequirementButton, } from "./styles";
+import { AmountInput, AmountRow, AmountSkeleton, BreakdownBody, BreakdownCard, BreakdownMeta, BreakdownToggle, CardFooter, CardHeaderAction, CardTitle, CardWrap, CompactInput, CurrencyCard, DetailRow, ErrorBox, FieldLabel, FormStack, FreeFeeBadge, Hint, IconButton, InfoButton, InfoWrap, NetworkCost, OutputWalletControl, OutputWalletMenu, OutputWalletOption, OutputWalletTrigger, PrimaryButton, QuoteValueSkeleton, QuickAmountActions, QuickAmountButton, SettingsLabel, SettingsPanel, SettingsRow, SettingsTooltip, SlippageControl, SlippageInput, SlippageInputWrap, SlippageModeButton, Spinner, SwitchButton, TokenButton, Toolbar, ToolbarGroup, WalletRequirementButton, } from "./styles";
 import { TokenIcon } from "./token-icon";
 import { TokenPicker } from "./token-picker";
 import { WalletConnector } from "./wallet-connector";
@@ -81,6 +81,13 @@ export function useSwapNotifications({ stage, quoteError, tokenError, onBalances
                 onCompleteRef.current?.({ orderId: stage.orderId, transactionHash });
             }
         }
+        else if (stage.kind === "refunded") {
+            const key = `refunded:${stage.orderId}`;
+            if (lastNotification.current !== key) {
+                lastNotification.current = key;
+                onBalancesChangedRef.current();
+            }
+        }
         else if (stage.kind === "error") {
             const key = `error:${stage.message}`;
             if (lastNotification.current !== key) {
@@ -144,15 +151,15 @@ const QUICK_AMOUNTS = [
     { label: "75%", fraction: 0.75 },
     { label: "Max", fraction: 1 },
 ];
-export function CurrencyPanel({ side, token, amount, balance, quoteUsd, quoteLoading, disabled, onAmountChange, onSelectToken, footerAction, }) {
+export function CurrencyPanel({ side, token, amount, balance, quoteUsd, quoteLoading, disabled, onAmountChange, onSelectToken, headerAction, }) {
     const label = side === "input" ? "SELL" : "BUY";
     const showQuickAmounts = side === "input" && balance !== undefined && token !== undefined;
-    return (_jsxs(CurrencyCard, { children: [_jsx(CardTitle, { children: label }), showQuickAmounts && (_jsx(QuickAmountActions, { "data-quick-amounts": true, children: QUICK_AMOUNTS.map(({ label: amountLabel, fraction }) => (_jsx(QuickAmountButton, { type: "button", disabled: disabled, "aria-label": fraction === 1
+    return (_jsxs(CurrencyCard, { children: [_jsx(CardTitle, { children: label }), headerAction && _jsx(CardHeaderAction, { children: headerAction }), showQuickAmounts && (_jsx(QuickAmountActions, { "data-quick-amounts": true, children: QUICK_AMOUNTS.map(({ label: amountLabel, fraction }) => (_jsx(QuickAmountButton, { type: "button", disabled: disabled, "aria-label": fraction === 1
                         ? `Use maximum ${token.currency.symbol} balance`
                         : `Use ${amountLabel} of ${token.currency.symbol} balance`, onClick: () => onAmountChange(balanceFraction(balance, fraction, token.currency.decimals)), children: amountLabel }, amountLabel))) })), _jsxs(AmountRow, { children: [quoteLoading ? (_jsx(AmountSkeleton, { role: "status", "aria-label": "Loading quoted amount" })) : (_jsx(AmountInput, { "aria-label": side === "input" ? "Sell amount" : "Buy amount", type: "text", inputMode: "decimal", autoComplete: "off", autoCorrect: "off", spellCheck: false, placeholder: "0", value: amount, disabled: disabled, onChange: (event) => {
                             if (isValidSwapAmountInput(event.target.value))
                                 onAmountChange(event.target.value);
-                        } })), _jsxs(TokenButton, { type: "button", onClick: onSelectToken, "aria-label": `Select ${side} token`, children: [token ? _jsx(TokenIcon, { currency: token.currency }) : null, _jsx("span", { children: token?.currency.symbol ?? "Select" }), _jsx(ChevronDownIcon, {})] })] }), _jsxs(CardFooter, { children: [quoteLoading ? (_jsx(QuoteValueSkeleton, { role: "status", "aria-label": "Loading quoted value" })) : (_jsx("span", { children: formatUsd(quoteUsd ?? tokenUsdValue(token, amount)) })), _jsxs(InlineActions, { children: [balance !== undefined && _jsxs("span", { children: ["Balance: ", Number(balance).toLocaleString()] }), footerAction] })] })] }));
+                        } })), _jsxs(TokenButton, { type: "button", onClick: onSelectToken, "aria-label": `Select ${side} token`, children: [token ? _jsx(TokenIcon, { currency: token.currency }) : null, _jsx("span", { children: token?.currency.symbol ?? "Select" }), _jsx(ChevronDownIcon, {})] })] }), _jsxs(CardFooter, { children: [quoteLoading ? (_jsx(QuoteValueSkeleton, { role: "status", "aria-label": "Loading quoted value" })) : (_jsx("span", { children: formatUsd(quoteUsd ?? tokenUsdValue(token, amount)) })), balance !== undefined && _jsxs("span", { children: ["Balance: ", Number(balance).toLocaleString()] })] })] }));
 }
 function ManualWalletModal({ open, chainId, initialValue, onClose, onSave, }) {
     const [value, setValue] = useState(initialValue ?? "");
@@ -172,7 +179,7 @@ export function Swap({ defaultSourceCurrency, defaultDestinationCurrency, defaul
     const { mode, theme } = useSwapKit();
     const slippageInputId = useId();
     const slippageTooltipId = useId();
-    const { tokens, accounts, isLoading, error: tokenError, refreshBalances } = useTokenData();
+    const { tokens, accounts, isLoading, error: tokenError, balancesLoaded, refreshBalances } = useTokenData();
     const { accounts: connectedAccounts } = useAccount();
     const [sourcePickerOpen, setSourcePickerOpen] = useState(false);
     const [destinationPickerOpen, setDestinationPickerOpen] = useState(false);
@@ -255,6 +262,10 @@ export function Swap({ defaultSourceCurrency, defaultDestinationCurrency, defaul
         ? formatCurrencyAmount(quoteState.quote.output.amount.raw, quoteState.quote.output.currency.decimals)
         : outputAmount;
     const sourceBalance = sourceToken?.balance;
+    // A pasted recipient is not one of the connected wallets, so its balance is unknown.
+    const destinationBalance = manualAddress
+        ? undefined
+        : (destinationToken?.balance ?? (balancesLoaded && outputAccount?.address ? "0" : undefined));
     const insufficientBalance = sourceBalance !== undefined && Number(displayedInputAmount) > Number(sourceBalance);
     const sameSwap = isSameSwap(sourceToken?.currency, destinationToken?.currency, inputAccount?.address, outputAddress);
     const canExecute = Boolean(quoteState.quote &&
@@ -297,9 +308,9 @@ export function Swap({ defaultSourceCurrency, defaultDestinationCurrency, defaul
                                                                     } }), _jsx("span", { children: "%" })] })] })] }), slippageMode === "custom" &&
                                             (slippage >= 40 ? (_jsx(Hint, { "$tone": "danger", children: "This slippage tolerance may cause a severely unfavorable trade." })) : slippage >= 6 ? (_jsx(Hint, { "$tone": "warning", children: "High slippage can result in a worse execution price." })) : null)] }))] })] }), _jsxs(CardWrap, { children: [_jsx(CurrencyPanel, { side: "input", token: sourceToken, amount: displayedInputAmount, balance: sourceBalance, quoteUsd: quoteState.quote?.input.amount.value_usd, quoteLoading: quoteState.loading && activeSide === "output", disabled: execution.stage.kind !== "idle", onAmountChange: (value) => {
                                 swapState.setAmount("input", value);
-                            }, onSelectToken: () => setSourcePickerOpen(true) }), _jsx(SwitchButton, { type: "button", "aria-label": "Swap tokens", onClick: reverseTokens, disabled: !sourceToken || !destinationToken, children: _jsx(ArrowDownIcon, { size: 24 }) })] }), _jsx(CurrencyPanel, { side: "output", token: destinationToken, amount: displayedOutputAmount, quoteUsd: quoteState.quote?.output.amount.value_usd, quoteLoading: quoteState.loading && activeSide === "input", disabled: execution.stage.kind !== "idle", onAmountChange: (value) => {
+                            }, onSelectToken: () => setSourcePickerOpen(true) }), _jsx(SwitchButton, { type: "button", "aria-label": "Swap tokens", onClick: reverseTokens, disabled: !sourceToken || !destinationToken, children: _jsx(ArrowDownIcon, { size: 24 }) })] }), _jsx(CurrencyPanel, { side: "output", token: destinationToken, amount: displayedOutputAmount, balance: destinationBalance, quoteUsd: quoteState.quote?.output.amount.value_usd, quoteLoading: quoteState.loading && activeSide === "input", disabled: execution.stage.kind !== "idle", onAmountChange: (value) => {
                         swapState.setAmount("output", value);
-                    }, onSelectToken: () => setDestinationPickerOpen(true), footerAction: showOutputWalletSelector ? (_jsx(OutputWalletSelector, { label: outputAddress ? truncateAddress(outputAddress) : "Connect Wallet", open: outputWalletMenuOpen, onOpenChange: setOutputWalletMenuOpen, onConnect: separateOutputWallet
+                    }, onSelectToken: () => setDestinationPickerOpen(true), headerAction: showOutputWalletSelector ? (_jsx(OutputWalletSelector, { label: outputAddress ? truncateAddress(outputAddress) : "Connect Wallet", open: outputWalletMenuOpen, onOpenChange: setOutputWalletMenuOpen, onConnect: separateOutputWallet
                             ? () => {
                                 setOutputWalletMenuOpen(false);
                                 setConnectTarget({ open: true, chainType: destinationChainType });

package/dist/hooks/use-token-data.d.ts

@@ -9,5 +9,6 @@ export declare function useTokenData(): {
     accounts: import("@coin-voyage/crypto/hooks").Account[];
     isLoading: boolean;
     error: string | null;
-    refreshBalances: import("react").ActionDispatch<[]>;
+    balancesLoaded: boolean;
+    refreshBalances: () => void;
 };

package/dist/hooks/use-token-data.js

@@ -1,13 +1,25 @@
 import { useAccount } from "@coin-voyage/crypto/hooks";
 import { fetchTokenList, formatCurrencyAmount, tokenToCurrency } from "@coin-voyage/shared/currency";
-import { currencyID } from "@coin-voyage/shared/types";
-import { useEffect, useReducer, useState } from "react";
+import { getChainTypeByChainId } from "@coin-voyage/shared/chain";
+import { ChainType, currencyID } from "@coin-voyage/shared/types";
+import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import { useSwapKit } from "../providers/swapkit-context";
+const BALANCE_REFRESH_DELAYS_MS = [4000, 12000];
+// The token list and the portfolio can report the same address in different casing.
+function currencyKey(currency) {
+    const chainType = getChainTypeByChainId(currency.chain_id);
+    const caseInsensitive = chainType === ChainType.EVM || chainType === ChainType.SUI;
+    return currencyID(caseInsensitive ? { ...currency, address: currency.address?.toLowerCase() } : currency);
+}
 function mergeTokens(tokenList, portfolio) {
-    const portfolioById = new Map(portfolio.map((token) => [currencyID(token.currency), token]));
-    const tokenListIds = new Set(tokenList.map(currencyID));
-    const listed = tokenList.map((currency) => portfolioById.get(currencyID(currency)) ?? { currency });
-    const unlisted = portfolio.filter((token) => !tokenListIds.has(currencyID(token.currency)));
+    const portfolioByKey = new Map(portfolio.map((token) => [currencyKey(token.currency), token]));
+    const tokenListKeys = new Set(tokenList.map(currencyKey));
+    const listed = tokenList.map((currency) => {
+        const held = portfolioByKey.get(currencyKey(currency));
+        // Keep the listed address so the token's id stays stable once balances load.
+        return held ? { ...held, currency: { ...held.currency, address: currency.address } } : { currency };
+    });
+    const unlisted = portfolio.filter((token) => !tokenListKeys.has(currencyKey(token.currency)));
     return [...listed, ...unlisted].sort((left, right) => (right.balanceUsd ?? 0) - (left.balanceUsd ?? 0));
 }
 export function useTokenData() {
@@ -17,11 +29,24 @@ export function useTokenData() {
     const [portfolioState, setPortfolioState] = useState({
         walletKey: "[]",
         tokens: [],
+        complete: false,
     });
     const [isLoading, setIsLoading] = useState(true);
     const [tokenError, setTokenError] = useState(null);
     const [portfolioError, setPortfolioError] = useState(null);
-    const [portfolioRevision, refreshBalances] = useReducer((revision) => revision + 1, 0);
+    const [portfolioRevision, bumpPortfolioRevision] = useReducer((revision) => revision + 1, 0);
+    const refreshTimers = useRef([]);
+    const clearRefreshTimers = useCallback(() => {
+        refreshTimers.current.forEach(clearTimeout);
+        refreshTimers.current = [];
+    }, []);
+    // Balances can lag behind a settled swap, so refetch now and again once the chain data has caught up.
+    const refreshBalances = useCallback(() => {
+        clearRefreshTimers();
+        bumpPortfolioRevision();
+        refreshTimers.current = BALANCE_REFRESH_DELAYS_MS.map((delay) => setTimeout(bumpPortfolioRevision, delay));
+    }, [clearRefreshTimers]);
+    useEffect(() => clearRefreshTimers, [clearRefreshTimers]);
     useEffect(() => {
         let active = true;
         fetchTokenList()
@@ -61,6 +86,7 @@ export function useTokenData() {
             setPortfolioError(null);
             setPortfolioState({
                 walletKey,
+                complete: !data.errors?.length,
                 tokens: data.portfolio.flatMap((result) => result.currencies.map(({ balance, currency }) => ({
                     currency,
                     balance: formatCurrencyAmount(balance.raw, currency.decimals),
@@ -75,7 +101,10 @@ export function useTokenData() {
         });
         return () => controller.abort();
     }, [api, portfolioRevision, walletKey]);
-    const activePortfolioTokens = portfolioState.walletKey === walletKey ? portfolioState.tokens : [];
-    const tokens = mergeTokens(listedCurrencies, activePortfolioTokens);
-    return { tokens, accounts, isLoading, error: tokenError ?? portfolioError, refreshBalances };
+    const portfolioActive = portfolioState.walletKey === walletKey;
+    // True once every connected wallet's balances are known, so a token without a balance is a zero balance.
+    const balancesLoaded = portfolioActive && portfolioState.complete;
+    // Token identities must stay stable across renders: the quote request is memoized on them.
+    const tokens = useMemo(() => mergeTokens(listedCurrencies, portfolioActive ? portfolioState.tokens : []), [listedCurrencies, portfolioActive, portfolioState.tokens]);
+    return { tokens, accounts, isLoading, error: tokenError ?? portfolioError, balancesLoaded, refreshBalances };
 }

package/dist/hooks/use-token-data.test.js

@@ -1,6 +1,7 @@
 // @vitest-environment jsdom
+import { fetchTokenList } from "@coin-voyage/shared/currency";
 import { ChainId, ChainType } from "@coin-voyage/shared/types";
-import { cleanup, renderHook, waitFor } from "@testing-library/react";
+import { act, cleanup, renderHook, waitFor } from "@testing-library/react";
 import { afterEach, describe, expect, it, vi } from "vitest";
 import { useTokenData } from "./use-token-data";
 const { api } = vi.hoisted(() => ({ api: { portfolio: vi.fn() } }));
@@ -33,4 +34,48 @@ describe("useTokenData", () => {
         await waitFor(() => expect(result.current.tokens).toHaveLength(1));
         expect(result.current.tokens[0]).toEqual({ currency, balance: expected, balanceUsd: 12.34 });
     });
+    it("attaches balances to listed tokens when the portfolio address casing differs", async () => {
+        const address = "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48";
+        const listed = { name: "USD Coin", ticker: "USDC", decimals: 6, chainId: ChainId.ETH, address };
+        vi.mocked(fetchTokenList).mockResolvedValueOnce({ chains: [{ tokens: [listed] }] });
+        const held = {
+            id: "usdc",
+            chain_id: ChainId.ETH,
+            address: address.toLowerCase(),
+            name: "USD Coin",
+            symbol: "USDC",
+            decimals: 6,
+        };
+        api.portfolio.mockResolvedValue({
+            data: { portfolio: [{ currencies: [{ currency: held, balance: { raw: "1500000", ui: "1.5", value_usd: 1.5 } }] }] },
+        });
+        const { result, rerender } = renderHook(() => useTokenData());
+        await waitFor(() => expect(result.current.tokens[0]?.balance).toBe("1.5"));
+        expect(result.current.tokens).toHaveLength(1);
+        expect(result.current.tokens[0].currency.address).toBe(address);
+        const { currency } = result.current.tokens[0];
+        rerender();
+        expect(result.current.tokens[0].currency).toBe(currency);
+    });
+    it("refetches the portfolio immediately and again after a refresh", async () => {
+        vi.useFakeTimers();
+        try {
+            api.portfolio.mockResolvedValue({ data: { portfolio: [] } });
+            const { result, unmount } = renderHook(() => useTokenData());
+            expect(api.portfolio).toHaveBeenCalledTimes(1);
+            act(() => result.current.refreshBalances());
+            expect(api.portfolio).toHaveBeenCalledTimes(2);
+            await act(() => vi.advanceTimersByTimeAsync(4000));
+            expect(api.portfolio).toHaveBeenCalledTimes(3);
+            await act(() => vi.advanceTimersByTimeAsync(8000));
+            expect(api.portfolio).toHaveBeenCalledTimes(4);
+            act(() => result.current.refreshBalances());
+            unmount();
+            await vi.advanceTimersByTimeAsync(20000);
+            expect(api.portfolio).toHaveBeenCalledTimes(5);
+        }
+        finally {
+            vi.useRealTimers();
+        }
+    });
 });

package/dist/lib/execution.d.ts

@@ -41,5 +41,7 @@ export type SwapStage = {
     swapData: SwapExecuteResponse | null;
     message: string;
 };
+/** Whether the user's own swap transaction delivers the output, leaving no separate receive leg to track. */
+export declare function deliversInSwapTransaction(swapData: SwapExecuteResponse): boolean;
 export declare function buildSwapExecuteTransactions(swapData: SwapExecuteResponse, fromAddress: string): ExecuteTransaction[];
 export {};

package/dist/lib/execution.js

@@ -1,4 +1,10 @@
 import { isChainPaymentData, isDepositStepData } from "@coin-voyage/shared/payment";
+/** Whether the user's own swap transaction delivers the output, leaving no separate receive leg to track. */
+export function deliversInSwapTransaction(swapData) {
+    const { input, output, steps } = swapData.data;
+    const lastStep = steps[steps.length - 1];
+    return (input.currency.chain_id === output.currency.chain_id && lastStep !== undefined && !isDepositStepData(lastStep.data));
+}
 export function buildSwapExecuteTransactions(swapData, fromAddress) {
     const steps = swapData.data.steps;
     if (steps.length === 0)

package/dist/lib/execution.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/execution.test.js

@@ -0,0 +1,24 @@
+import { ChainId } from "@coin-voyage/shared/types";
+import { describe, expect, it } from "vitest";
+import { deliversInSwapTransaction } from "./execution";
+const swapStep = { data: { type: "EVM" } };
+const depositStep = { data: { amount: "1", currency: {}, deposit_address: "0x1" } };
+function swapData(inputChain, outputChain, steps) {
+    return {
+        data: { input: { currency: { chain_id: inputChain } }, output: { currency: { chain_id: outputChain } }, steps },
+    };
+}
+describe("deliversInSwapTransaction", () => {
+    it("is true for a same-chain swap executed by the user's transaction", () => {
+        expect(deliversInSwapTransaction(swapData(ChainId.ETH, ChainId.ETH, [swapStep]))).toBe(true);
+    });
+    it("is false for a cross-chain swap", () => {
+        expect(deliversInSwapTransaction(swapData(ChainId.ETH, ChainId.BASE, [swapStep]))).toBe(false);
+    });
+    it("is false when the user deposits and the output is delivered later", () => {
+        expect(deliversInSwapTransaction(swapData(ChainId.ETH, ChainId.ETH, [swapStep, depositStep]))).toBe(false);
+    });
+    it("is false without steps", () => {
+        expect(deliversInSwapTransaction(swapData(ChainId.ETH, ChainId.ETH, []))).toBe(false);
+    });
+});

package/dist/styles/root.js

@@ -2,23 +2,23 @@ import { css } from "styled-components";
 import styled from "./styled";
 import { darkTheme, lightTheme } from "./theme";
 function variables(theme) {
-    return css `
-    --sk-font-family: ${theme.fontFamily};
-    --sk-background: ${theme.background};
-    --sk-surface: ${theme.surface};
-    --sk-surface-elevated: ${theme.surfaceElevated};
-    --sk-border: ${theme.border};
-    --sk-text: ${theme.text};
-    --sk-text-muted: ${theme.textMuted};
-    --sk-accent: ${theme.accent};
-    --sk-accent-hover: ${theme.accentHover};
-    --sk-accent-text: ${theme.accentText};
-    --sk-danger: ${theme.danger};
-    --sk-warning: ${theme.warning};
-    --sk-success: ${theme.success};
-    --sk-overlay: ${theme.overlay};
-    --sk-shadow: ${theme.shadow};
-    --sk-radius: ${theme.radius};
+    return css `
+    --sk-font-family: ${theme.fontFamily};
+    --sk-background: ${theme.background};
+    --sk-surface: ${theme.surface};
+    --sk-surface-elevated: ${theme.surfaceElevated};
+    --sk-border: ${theme.border};
+    --sk-text: ${theme.text};
+    --sk-text-muted: ${theme.textMuted};
+    --sk-accent: ${theme.accent};
+    --sk-accent-hover: ${theme.accentHover};
+    --sk-accent-text: ${theme.accentText};
+    --sk-danger: ${theme.danger};
+    --sk-warning: ${theme.warning};
+    --sk-success: ${theme.success};
+    --sk-overlay: ${theme.overlay};
+    --sk-shadow: ${theme.shadow};
+    --sk-radius: ${theme.radius};
   `;
 }
 function modeVariables(mode, customTheme) {
@@ -28,48 +28,48 @@ function modeVariables(mode, customTheme) {
         return variables(light);
     if (mode === "dark")
         return variables(dark);
-    return css `
-    ${variables(light)}
-    @media (prefers-color-scheme: dark) {
-      ${variables(dark)}
-    }
+    return css `
+    ${variables(light)}
+    @media (prefers-color-scheme: dark) {
+      ${variables(dark)}
+    }
   `;
 }
-export const SwapKitRoot = styled.div `
-  ${({ $mode, $customTheme }) => modeVariables($mode, $customTheme)}
-
-  all: initial;
-  display: block;
-  width: 100%;
-  color: var(--sk-text);
-  background: ${({ $customTheme }) => $customTheme.background ?? "transparent"};
-  font-family: var(--sk-font-family);
-  font-size: 16px;
-  text-align: left;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-
-  &,
-  * {
-    box-sizing: border-box;
-    font-family: var(--sk-font-family);
-  }
-
-  button,
-  input {
-    font-family: var(--sk-font-family);
-  }
-
-  button:focus-visible,
-  input:focus-visible,
-  a:focus-visible {
-    outline: 2px solid var(--sk-accent);
-    outline-offset: 2px;
-  }
-
-  img,
-  svg {
-    display: block;
-    max-width: 100%;
-  }
+export const SwapKitRoot = styled.div `
+  ${({ $mode, $customTheme }) => modeVariables($mode, $customTheme)}
+
+  all: initial;
+  display: block;
+  width: 100%;
+  color: var(--sk-text);
+  background: ${({ $customTheme }) => $customTheme.background ?? "transparent"};
+  font-family: var(--sk-font-family);
+  font-size: 16px;
+  text-align: left;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+
+  &,
+  * {
+    box-sizing: border-box;
+    font-family: var(--sk-font-family);
+  }
+
+  button,
+  input {
+    font-family: var(--sk-font-family);
+  }
+
+  button:focus-visible,
+  input:focus-visible,
+  a:focus-visible {
+    outline: 2px solid var(--sk-accent);
+    outline-offset: 2px;
+  }
+
+  img,
+  svg {
+    display: block;
+    max-width: 100%;
+  }
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coin-voyage/swapkit",
   "description": "A reusable cross-chain swap component for CoinVoyage.",
-  "version": "0.4.0-beta.0",
+  "version": "0.4.0",
   "private": false,
   "sideEffects": false,
   "author": "Lars <lars@coinvoyage.io>",
@@ -22,8 +22,8 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@coin-voyage/crypto": "3.6.0-beta.0",
-    "@coin-voyage/shared": "3.6.0-beta.0"
+    "@coin-voyage/crypto": "3.6.0",
+    "@coin-voyage/shared": "3.6.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -36,7 +36,7 @@
     "typescript-plugin-styled-components": "^3.0.0"
   },
   "peerDependencies": {
-    "@bigmi/react": "^0.9.1",
+    "@bigmi/react": "^0.9.4",
     "@mysten/dapp-kit-react": "^2.1.4",
     "@solana/wallet-adapter-react": "^0.15.39",
     "@tanstack/react-query": "^5.90.6",