@shapeshiftoss/swap-widget 0.6.0 → 0.8.0

package/dist/index.js

@@ -3,7 +3,8 @@ import { useAppKitAccount as useAppKitAccount3 } from "@reown/appkit/react";
 import { useCallback as useCallback11, useEffect as useEffect10, useMemo as useMemo12, useRef as useRef7, useState as useState8 } from "react";
 
 // src/api/client.ts
-var DEFAULT_API_BASE_URL = import.meta.env.VITE_SWAP_WIDGET_API_URL ?? "https://api.shapeshift.com";
+var DEFAULT_API_BASE_URL = "https://api.shapeshift.com";
+var getTradeAmount = (params) => params.buyAmountCryptoBaseUnit !== void 0 ? { buyAmountCryptoBaseUnit: params.buyAmountCryptoBaseUnit } : { sellAmountCryptoBaseUnit: params.sellAmountCryptoBaseUnit };
 var createApiClient = (config = {}) => {
   const baseUrl = config.baseUrl ?? DEFAULT_API_BASE_URL;
   const fetchWithConfig = async (endpoint, params, method = "GET", timeoutMs = 3e4) => {
@@ -41,7 +42,7 @@ var createApiClient = (config = {}) => {
     getRates: (params) => fetchWithConfig("/v1/swap/rates", {
       sellAssetId: params.sellAssetId,
       buyAssetId: params.buyAssetId,
-      sellAmountCryptoBaseUnit: params.sellAmountCryptoBaseUnit
+      ...getTradeAmount(params)
     }),
     getSwapStatus: (params) => fetchWithConfig("/v1/swap/status", {
       quoteId: params.quoteId,
@@ -52,7 +53,7 @@ var createApiClient = (config = {}) => {
       {
         sellAssetId: params.sellAssetId,
         buyAssetId: params.buyAssetId,
-        sellAmountCryptoBaseUnit: params.sellAmountCryptoBaseUnit,
+        ...getTradeAmount(params),
         sendAddress: params.sendAddress,
         receiveAddress: params.receiveAddress,
         swapperName: params.swapperName,
@@ -680,6 +681,7 @@ var formatAmount = (amount, decimals, maxDecimals) => {
     minimumFractionDigits: 0
   });
 };
+var formatAmountForInput = (amount, decimals) => BigAmount.fromBaseUnit({ value: amount, precision: decimals }).toPrecision();
 var parseAmount = (amount, decimals) => {
   return BigAmount.fromPrecision({ value: amount, precision: decimals }).toBaseUnit();
 };
@@ -689,8 +691,11 @@ var truncateAddress = (address, chars = 4) => {
 };
 
 // src/machines/guards.ts
+var isExactOutput = (context) => !!context.buyAmountBaseUnit;
 var hasValidInput = (context) => {
-  return !!context.sellAsset && !!context.buyAsset && !!context.sellAmountBaseUnit && context.sellAmountBaseUnit !== "0";
+  if (!context.sellAsset || !context.buyAsset) return false;
+  const amountBaseUnit = isExactOutput(context) ? context.buyAmountBaseUnit : context.sellAmountBaseUnit;
+  return !!amountBaseUnit && amountBaseUnit !== "0";
 };
 var hasQuote = (context) => context.quote !== null;
 var canRetry = (context) => context.retryCount < 3;
@@ -711,6 +716,8 @@ var createInitialContext = (input) => {
     buyAsset,
     sellAmount: "",
     sellAmountBaseUnit: void 0,
+    buyAmount: input?.buyAmount ?? "",
+    buyAmountBaseUnit: input?.buyAmountBaseUnit,
     isSellAmountFiat: false,
     sellAmountFiat: "",
     selectedRate: null,
@@ -773,12 +780,14 @@ var swapMachine = setup({
         quote: null
       };
     }),
-    assignBuyAsset: assign(({ event }) => {
+    assignBuyAsset: assign(({ context, event }) => {
       const { asset } = event;
       const buyChainType = getChainType(asset.chainId);
       return {
         buyAsset: asset,
         isBuyAssetEvm: buyChainType === "evm",
+        buyAmount: context.buyAmount,
+        buyAmountBaseUnit: context.buyAmount ? parseAmount(context.buyAmount, asset.precision) : void 0,
         selectedRate: null,
         quote: null
       };
@@ -788,7 +797,11 @@ var swapMachine = setup({
       return {
         sellAmount: amount,
         sellAmountBaseUnit: amountBaseUnit,
-        sellAmountFiat: fiatValue
+        sellAmountFiat: fiatValue,
+        buyAmount: "",
+        buyAmountBaseUnit: void 0,
+        selectedRate: null,
+        quote: null
       };
     }),
     assignSellFiatMode: assign(({ event }) => {
@@ -832,6 +845,19 @@ var swapMachine = setup({
     assignReceiveAddress: assign(({ event }) => ({
       receiveAddress: event.address
     })),
+    assignBuyAmount: assign(({ event }) => {
+      const { amount, amountBaseUnit } = event;
+      return {
+        buyAmount: amount,
+        buyAmountBaseUnit: amountBaseUnit,
+        sellAmount: "",
+        sellAmountBaseUnit: void 0,
+        sellAmountFiat: "",
+        isSellAmountFiat: false,
+        selectedRate: null,
+        quote: null
+      };
+    }),
     assignChainInfo: assign(({ event }) => {
       const e = event;
       return {
@@ -859,6 +885,8 @@ var swapMachine = setup({
       buyAsset: context.buyAsset,
       sellAmount: context.sellAmount,
       sellAmountBaseUnit: context.sellAmountBaseUnit,
+      buyAmount: context.buyAmount,
+      buyAmountBaseUnit: context.buyAmountBaseUnit,
       slippage: context.slippage,
       sendAddress: context.sendAddress,
       receiveAddress: context.receiveAddress
@@ -877,6 +905,7 @@ var swapMachine = setup({
         SET_SELL_ASSET: { actions: "assignSellAsset" },
         SET_BUY_ASSET: { actions: "assignBuyAsset" },
         SET_SELL_AMOUNT: { actions: "assignSellAmount" },
+        SET_BUY_AMOUNT: { actions: "assignBuyAmount" },
         SET_SELL_FIAT_MODE: { actions: "assignSellFiatMode" },
         SET_SLIPPAGE: { actions: "assignSlippage" },
         SELECT_RATE: { actions: "assignSelectedRate" },
@@ -1330,7 +1359,7 @@ var useStatusPolling = ({
 
 // src/hooks/useSwapApproval.ts
 import { useEffect as useEffect3, useRef as useRef2 } from "react";
-import { createPublicClient as createPublicClient2, encodeFunctionData, erc20Abi as erc20Abi2, http as http2 } from "viem";
+import { createPublicClient as createPublicClient2, http as http2 } from "viem";
 
 // src/constants/chains.ts
 import {
@@ -1443,6 +1472,15 @@ var useSwapApproval = () => {
           });
           return;
         }
+        if (!sellAmountBaseUnit || sellAmountBaseUnit === "0") {
+          actorRef.send({ type: "APPROVAL_ERROR", error: "No sell amount specified" });
+          return;
+        }
+        const approvalTxs = quote.approval.approvalTxs;
+        if (!approvalTxs?.length) {
+          actorRef.send({ type: "APPROVAL_ERROR", error: "No approval transactions in quote" });
+          return;
+        }
         const requiredChainId = getEvmNetworkId(sellAsset.chainId);
         const client = walletClient;
         const currentChainId = await client.getChainId();
@@ -1458,28 +1496,24 @@ var useSwapApproval = () => {
           nativeCurrency,
           rpcUrls: { default: { http: [] } }
         };
-        if (!sellAmountBaseUnit || sellAmountBaseUnit === "0") {
-          actorRef.send({ type: "APPROVAL_ERROR", error: "No sell amount specified" });
-          return;
-        }
-        const approvalData = encodeFunctionData({
-          abi: erc20Abi2,
-          functionName: "approve",
-          args: [quote.approval.spender, BigInt(sellAmountBaseUnit)]
-        });
-        const approvalHash = await client.sendTransaction({
-          to: sellAssetAddress,
-          data: approvalData,
-          value: BigInt(0),
-          chain,
-          account: walletAddress
-        });
         const rpcUrl = chain.rpcUrls?.default?.http?.[0];
         const publicClient = createPublicClient2({
           chain,
           transport: rpcUrl ? http2(rpcUrl) : http2()
         });
-        await publicClient.waitForTransactionReceipt({ hash: approvalHash });
+        let approvalHash;
+        for (const approvalTx of approvalTxs) {
+          approvalHash = await client.sendTransaction({
+            to: approvalTx.to,
+            data: approvalTx.data,
+            value: BigInt(approvalTx.value),
+            chain,
+            account: walletAddress
+          });
+          const receipt = await publicClient.waitForTransactionReceipt({ hash: approvalHash });
+          if (receipt.status !== "success") throw new Error("Approval transaction reverted");
+        }
+        if (!approvalHash) throw new Error("Expected at least one approval transaction");
         actorRef.send({ type: "APPROVAL_SUCCESS", txHash: approvalHash });
       } catch (error) {
         actorRef.send({
@@ -1623,7 +1657,7 @@ import { useQueries, useQueryClient } from "@tanstack/react-query";
 import { getBalance, readContract } from "@wagmi/core";
 import PQueue from "p-queue";
 import { useCallback as useCallback3, useMemo as useMemo4 } from "react";
-import { erc20Abi as erc20Abi3 } from "viem";
+import { erc20Abi as erc20Abi2 } from "viem";
 import { useConfig } from "wagmi";
 var CONCURRENCY_LIMIT = 5;
 var DELAY_BETWEEN_BATCHES_MS = 50;
@@ -1823,7 +1857,7 @@ var useMultiChainBalance = (evmAddress, utxoAddress, solanaAddress, assetId, pre
             if (isErc20 && evmParsed.tokenAddress) {
               const result2 = await readContract(config, {
                 address: evmParsed.tokenAddress,
-                abi: erc20Abi3,
+                abi: erc20Abi2,
                 functionName: "balanceOf",
                 args: [evmAddress],
                 chainId: evmParsed.evmChainId
@@ -1936,7 +1970,7 @@ var useMultiChainBalances = (evmAddress, utxoAddress, solanaAddress, assetIds, a
           if (asset.tokenAddress) {
             const result2 = await readContract(config, {
               address: asset.tokenAddress,
-              abi: erc20Abi3,
+              abi: erc20Abi2,
               functionName: "balanceOf",
               args: [evmAddress],
               // @ts-ignore - swap-widget supports more chains than main app's wagmi type registration
@@ -2232,28 +2266,55 @@ var formatUsdValue = (cryptoAmount, precision, usdPrice) => {
 };
 
 // src/hooks/useSwapRates.ts
-import { bnOrZero } from "@shapeshiftoss/utils";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
+
+// src/utils/rateDisplay.ts
+import { bnOrZero } from "@shapeshiftoss/utils";
+var getRateAmountBaseUnit = (rate, isExactOutput2) => (isExactOutput2 ? rate.sellAmountCryptoBaseUnit : rate.buyAmountCryptoBaseUnit) ?? "0";
+var sortRatesByValue = (rates, isExactOutput2) => [...rates].filter((rate) => !rate.error && getRateAmountBaseUnit(rate, isExactOutput2) !== "0").sort((a, b) => {
+  const aAmount = bnOrZero(getRateAmountBaseUnit(a, isExactOutput2));
+  const bAmount = bnOrZero(getRateAmountBaseUnit(b, isExactOutput2));
+  return isExactOutput2 ? aAmount.minus(bAmount).toNumber() : bAmount.minus(aAmount).toNumber();
+});
+var getRateDiffPercent = (bestAmountBaseUnit, amountBaseUnit, isExactOutput2) => {
+  const best = bnOrZero(bestAmountBaseUnit);
+  const current = bnOrZero(amountBaseUnit);
+  if (best.isZero()) return null;
+  const diff = isExactOutput2 ? current.minus(best).div(best).times(100) : best.minus(current).div(best).times(100);
+  return diff.gte("0.01") ? diff.toFixed(2) : null;
+};
+
+// src/hooks/useSwapRates.ts
 var ENABLED_SWAPPER_NAMES = new Set(Object.values(SwapperName));
 var useSwapRates = (apiClient, params) => {
   const {
     sellAssetId,
     buyAssetId,
     sellAmountCryptoBaseUnit,
+    buyAmountCryptoBaseUnit,
     enabled = true,
     allowedSwapperNames,
     refetchInterval = 15e3
   } = params;
+  const isExactOutput2 = buyAmountCryptoBaseUnit !== void 0;
+  const amountCryptoBaseUnit = isExactOutput2 ? buyAmountCryptoBaseUnit : sellAmountCryptoBaseUnit;
   return useQuery3({
-    queryKey: ["swapRates", sellAssetId, buyAssetId, sellAmountCryptoBaseUnit, allowedSwapperNames],
+    queryKey: [
+      "swapRates",
+      sellAssetId,
+      buyAssetId,
+      amountCryptoBaseUnit,
+      isExactOutput2,
+      allowedSwapperNames
+    ],
     queryFn: async () => {
-      if (!sellAssetId || !buyAssetId || !sellAmountCryptoBaseUnit) {
+      if (!sellAssetId || !buyAssetId || !amountCryptoBaseUnit) {
         return [];
       }
       const response = await apiClient.getRates({
         sellAssetId,
         buyAssetId,
-        sellAmountCryptoBaseUnit
+        ...isExactOutput2 ? { buyAmountCryptoBaseUnit: amountCryptoBaseUnit } : { sellAmountCryptoBaseUnit: amountCryptoBaseUnit }
       });
       let filteredRates = response.rates.filter(
         (rate) => !rate.error && rate.buyAmountCryptoBaseUnit !== "0" && ENABLED_SWAPPER_NAMES.has(rate.swapperName)
@@ -2261,16 +2322,15 @@ var useSwapRates = (apiClient, params) => {
       if (allowedSwapperNames?.length) {
         filteredRates = filteredRates.filter((rate) => allowedSwapperNames.includes(rate.swapperName));
       }
-      return filteredRates.map((rate, index) => ({
-        ...rate,
-        id: rate.id ?? `${rate.swapperName}-${index}`
-      })).sort((a, b) => {
-        const aAmount = bnOrZero(a.buyAmountCryptoBaseUnit);
-        const bAmount = bnOrZero(b.buyAmountCryptoBaseUnit);
-        return bAmount.minus(aAmount).toNumber();
-      });
+      return sortRatesByValue(
+        filteredRates.map((rate, index) => ({
+          ...rate,
+          id: rate.id ?? `${rate.swapperName}-${index}`
+        })),
+        isExactOutput2
+      );
     },
-    enabled: enabled && !!sellAssetId && !!buyAssetId && !!sellAmountCryptoBaseUnit,
+    enabled: enabled && !!sellAssetId && !!buyAssetId && !!amountCryptoBaseUnit,
     staleTime: 1e4,
     refetchInterval
   });
@@ -2282,18 +2342,23 @@ var useSwapDisplayValues = ({
   allowedSwapperNames,
   ratesRefetchInterval
 }) => {
-  const sellAsset = SwapMachineCtx.useSelector((s) => s.context.sellAsset);
-  const buyAsset = SwapMachineCtx.useSelector((s) => s.context.buyAsset);
-  const sellAmountBaseUnit = SwapMachineCtx.useSelector((s) => s.context.sellAmountBaseUnit);
-  const isSellAssetEvm = SwapMachineCtx.useSelector((s) => s.context.isSellAssetEvm);
-  const isSellAssetUtxo = SwapMachineCtx.useSelector((s) => s.context.isSellAssetUtxo);
-  const isSellAssetSolana = SwapMachineCtx.useSelector((s) => s.context.isSellAssetSolana);
-  const selectedRate = SwapMachineCtx.useSelector((s) => s.context.selectedRate);
-  const { receiveAddress, evm, bitcoin: bitcoin3, solana: solana3 } = useSwapWallet();
+  const context = SwapMachineCtx.useSelector((s) => s.context);
+  const {
+    sellAsset,
+    buyAsset,
+    buyAmountBaseUnit,
+    isSellAssetEvm,
+    isSellAssetUtxo,
+    isSellAssetSolana,
+    selectedRate
+  } = context;
+  const { receiveAddress, isReceiveAddressBlocked, evm, bitcoin: bitcoin3, solana: solana3 } = useSwapWallet();
   const evmAddress = evm.address;
   const bitcoinAddress = bitcoin3.address;
   const solanaAddress = solana3.address;
   const buyChainType = getChainType(buyAsset.chainId);
+  const isExactOutput2 = !!buyAmountBaseUnit;
+  const amountBaseUnit = isExactOutput2 ? buyAmountBaseUnit : context.sellAmountBaseUnit;
   const {
     data: rates,
     isLoading: isLoadingRates,
@@ -2301,10 +2366,12 @@ var useSwapDisplayValues = ({
   } = useSwapRates(apiClient, {
     sellAssetId: sellAsset.assetId,
     buyAssetId: buyAsset.assetId,
-    sellAmountCryptoBaseUnit: sellAmountBaseUnit,
+    sellAmountCryptoBaseUnit: context.sellAmountBaseUnit,
+    buyAmountCryptoBaseUnit: buyAmountBaseUnit,
     allowedSwapperNames,
     refetchInterval: ratesRefetchInterval,
-    enabled: !!sellAmountBaseUnit && sellAmountBaseUnit !== "0" && (isSellAssetEvm || isSellAssetUtxo || isSellAssetSolana)
+    // Rates need no destination, but a locked one the buy chain rejects can never be quoted
+    enabled: !!amountBaseUnit && amountBaseUnit !== "0" && !isReceiveAddressBlocked && (isSellAssetEvm || isSellAssetUtxo || isSellAssetSolana)
   });
   const {
     data: sellAssetBalance,
@@ -2338,6 +2405,7 @@ var useSwapDisplayValues = ({
   const { data: buyChainInfo } = useChainInfo(buyAsset.chainId);
   const displayRate = useMemo5(() => selectedRate ?? rates?.[0], [selectedRate, rates]);
   const buyAmount = displayRate?.buyAmountCryptoBaseUnit;
+  const sellAmountBaseUnit = isExactOutput2 ? displayRate?.sellAmountCryptoBaseUnit : context.sellAmountBaseUnit;
   const sellChainNativeAsset = useMemo5(() => getBaseAsset(sellAsset.chainId), [sellAsset.chainId]);
   const assetIdsForPrices = useMemo5(() => {
     const ids = [sellAsset.assetId, buyAsset.assetId];
@@ -2395,6 +2463,8 @@ var useSwapDisplayValues = ({
       buyChainInfo,
       displayRate,
       buyAmount,
+      isExactOutput: isExactOutput2,
+      sellAmountBaseUnit,
       sellChainNativeAsset,
       networkFeeDisplay,
       sellUsdValue,
@@ -2418,6 +2488,8 @@ var useSwapDisplayValues = ({
       buyChainInfo,
       displayRate,
       buyAmount,
+      isExactOutput2,
+      sellAmountBaseUnit,
       sellChainNativeAsset,
       networkFeeDisplay,
       sellUsdValue,
@@ -2548,6 +2620,10 @@ var useSwapExecution = () => {
           });
           return;
         }
+        if (Date.now() >= quote.expiresAt) {
+          actorRef.send({ type: "EXECUTE_ERROR", error: "Quote expired \u2014 please try again" });
+          return;
+        }
         const txData = quote.steps[0]?.transactionData;
         if (!txData) {
           console.error("Quote missing transactionData in steps[0]", quote);
@@ -2657,15 +2733,27 @@ var useSwapHandlers = ({
     },
     [actorRef]
   );
+  const handleBuyAmountChange = useCallback4(
+    (value) => {
+      const { buyAsset } = actorRef.getSnapshot().context;
+      const amountBaseUnit = value ? parseAmount(value, buyAsset.precision) : void 0;
+      actorRef.send({ type: "SET_BUY_AMOUNT", amount: value, amountBaseUnit });
+    },
+    [actorRef]
+  );
   const handleToggleSellFiat = useCallback4(
     (sellAssetUsdPrice) => {
       if (!sellAssetUsdPrice) return;
       const snap = actorRef.getSnapshot();
-      const { sellAmount, sellAmountBaseUnit, sellAsset, isSellAmountFiat } = snap.context;
+      const { sellAmount, sellAmountBaseUnit, sellAsset, isSellAmountFiat, buyAmountBaseUnit } = snap.context;
       if (isSellAmountFiat) {
         actorRef.send({ type: "SET_SELL_FIAT_MODE", isFiat: false });
         return;
       }
+      if (buyAmountBaseUnit) {
+        actorRef.send({ type: "SET_SELL_FIAT_MODE", isFiat: true });
+        return;
+      }
       const fiatValue = cryptoToFiat(sellAmountBaseUnit, sellAssetUsdPrice, sellAsset.precision);
       actorRef.send({
         type: "SET_SELL_AMOUNT",
@@ -2741,6 +2829,7 @@ var useSwapHandlers = ({
     handleSellAssetSelect,
     handleBuyAssetSelect,
     handleSellAmountChange,
+    handleBuyAmountChange,
     handleToggleSellFiat,
     handleSelectRate,
     handleSlippageChange,
@@ -2763,9 +2852,12 @@ var useSwapQuoting = ({ apiClient, rates, sellAssetBalance }) => {
     quotingRef.current = true;
     const fetchQuote = async () => {
       try {
-        if (sellAssetBalance?.balance && context.sellAmountBaseUnit) {
+        const isExactOutput2 = !!context.buyAmountBaseUnit;
+        const rateToUse = context.selectedRate ?? rates?.[0];
+        const sellAmountBaseUnit = isExactOutput2 ? rateToUse?.sellAmountCryptoBaseUnit : context.sellAmountBaseUnit;
+        if (sellAssetBalance?.balance && sellAmountBaseUnit) {
           const balanceBigInt = BigInt(sellAssetBalance.balance);
-          const amountBigInt = BigInt(context.sellAmountBaseUnit);
+          const amountBigInt = BigInt(sellAmountBaseUnit);
           if (amountBigInt > balanceBigInt) {
             actorRef.send({ type: "QUOTE_ERROR", error: "Insufficient balance" });
             return;
@@ -2777,8 +2869,8 @@ var useSwapQuoting = ({ apiClient, rates, sellAssetBalance }) => {
           return;
         }
         const slippageDecimal = (parsedSlippage / 100).toString();
-        const rateToUse = context.selectedRate ?? rates?.[0];
-        if (!rateToUse || !context.sellAmountBaseUnit) {
+        const amountBaseUnit = isExactOutput2 ? context.buyAmountBaseUnit : context.sellAmountBaseUnit;
+        if (!rateToUse || !amountBaseUnit) {
           actorRef.send({ type: "QUOTE_ERROR", error: "No rate or amount available" });
           return;
         }
@@ -2794,7 +2886,7 @@ var useSwapQuoting = ({ apiClient, rates, sellAssetBalance }) => {
         const response = await apiClient.getQuote({
           sellAssetId: context.sellAsset.assetId,
           buyAssetId: context.buyAsset.assetId,
-          sellAmountCryptoBaseUnit: context.sellAmountBaseUnit,
+          ...isExactOutput2 ? { buyAmountCryptoBaseUnit: amountBaseUnit } : { sellAmountCryptoBaseUnit: amountBaseUnit },
           sendAddress,
           receiveAddress: resolvedReceiveAddress,
           swapperName: rateToUse.swapperName,
@@ -2951,6 +3043,19 @@ var getAddressFormatHint = (chainId) => {
   }
 };
 
+// src/utils/receiveAddress.ts
+var resolveReceiveAddress = ({
+  isLocked,
+  defaultAddress,
+  customAddress,
+  walletAddress,
+  buyChainId
+}) => {
+  const isValidForBuyChain = (address) => !!address && validateAddress(address, buyChainId).valid;
+  if (isLocked) return isValidForBuyChain(defaultAddress) ? defaultAddress : void 0;
+  return isValidForBuyChain(customAddress) ? customAddress : walletAddress;
+};
+
 // src/components/ApprovalStep.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var ApprovalStep = () => {
@@ -3112,9 +3217,8 @@ var getSwapperColor = (swapperName) => {
 };
 
 // src/components/QuotesModal.tsx
-import { bnOrZero as bnOrZero2 } from "@shapeshiftoss/utils";
 import { useCallback as useCallback5, useEffect as useEffect6, useMemo as useMemo6 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var useLockBodyScroll = (isLocked) => {
   useEffect6(() => {
     if (!isLocked) return;
@@ -3125,13 +3229,6 @@ var useLockBodyScroll = (isLocked) => {
     };
   }, [isLocked]);
 };
-var calculateSavingsPercent = (bestAmount, currentAmount) => {
-  const best = bnOrZero2(bestAmount);
-  const current = bnOrZero2(currentAmount);
-  if (best.isZero()) return null;
-  const diff = best.minus(current).div(best).times(100);
-  return diff.gt(0.1) ? diff.toFixed(2) : null;
-};
 var QuotesModal = ({
   isOpen,
   onClose,
@@ -3141,6 +3238,9 @@ var QuotesModal = ({
   buyAsset,
   sellAsset,
   sellAmountBaseUnit,
+  buyAmountBaseUnit,
+  isExactOutput: isExactOutput2,
+  sellAssetUsdPrice,
   buyAssetUsdPrice
 }) => {
   useLockBodyScroll(isOpen);
@@ -3159,15 +3259,11 @@ var QuotesModal = ({
     },
     [onSelectRate, onClose]
   );
-  const sortedRates = useMemo6(() => {
-    return [...rates].filter((r) => !r.error && r.buyAmountCryptoBaseUnit !== "0").sort((a, b) => {
-      const aAmount = bnOrZero2(a.buyAmountCryptoBaseUnit);
-      const bAmount = bnOrZero2(b.buyAmountCryptoBaseUnit);
-      return bAmount.minus(aAmount).toNumber();
-    });
-  }, [rates]);
+  const sortedRates = useMemo6(() => sortRatesByValue(rates, isExactOutput2), [rates, isExactOutput2]);
   const bestRate = useMemo6(() => sortedRates[0], [sortedRates]);
-  const bestBuyAmount = bestRate?.buyAmountCryptoBaseUnit ?? "0";
+  const bestAmountBaseUnit = bestRate ? getRateAmountBaseUnit(bestRate, isExactOutput2) : "0";
+  const asset = isExactOutput2 ? sellAsset : buyAsset;
+  const usdPrice = isExactOutput2 ? sellAssetUsdPrice : buyAssetUsdPrice;
   if (!isOpen) return null;
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
@@ -3184,14 +3280,20 @@ var QuotesModal = ({
           /* @__PURE__ */ jsxs3("div", { className: "ssw-quotes-modal-header", children: [
             /* @__PURE__ */ jsxs3("div", { className: "ssw-quotes-header-content", children: [
               /* @__PURE__ */ jsx3("h2", { id: "quotes-modal-title", className: "ssw-quotes-modal-title", children: "Select Route" }),
-              /* @__PURE__ */ jsxs3("span", { className: "ssw-quotes-modal-subtitle", children: [
+              /* @__PURE__ */ jsx3("span", { className: "ssw-quotes-modal-subtitle", children: isExactOutput2 ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+                sellAsset.symbol,
+                " \u2192 ",
+                formatAmount(buyAmountBaseUnit, buyAsset.precision),
+                " ",
+                buyAsset.symbol
+              ] }) : /* @__PURE__ */ jsxs3(Fragment, { children: [
                 formatAmount(sellAmountBaseUnit, sellAsset.precision),
                 " ",
                 sellAsset.symbol,
                 " \u2192",
                 " ",
                 buyAsset.symbol
-              ] })
+              ] }) })
             ] }),
             /* @__PURE__ */ jsx3("button", { className: "ssw-quotes-modal-close", onClick: onClose, type: "button", children: /* @__PURE__ */ jsx3(
               "svg",
@@ -3207,15 +3309,15 @@ var QuotesModal = ({
             ) })
           ] }),
           /* @__PURE__ */ jsx3("div", { className: "ssw-quotes-modal-list", children: sortedRates.map((rate, index) => {
-            const buyAmount = rate.buyAmountCryptoBaseUnit ?? "0";
+            const amountBaseUnit = getRateAmountBaseUnit(rate, isExactOutput2);
             const estimatedTime = rate.estimatedExecutionTimeMs;
             const isBest = index === 0;
             const isSelected = selectedRate?.id === rate.id;
             const swapperIcon = getSwapperIcon(rate.swapperName);
             const swapperColor = getSwapperColor(rate.swapperName);
-            const formattedBuyAmount = formatAmount(buyAmount, buyAsset.precision);
-            const usdValue = formatUsdValue(buyAmount, buyAsset.precision, buyAssetUsdPrice);
-            const savingsPercent = isBest ? null : calculateSavingsPercent(bestBuyAmount, buyAmount);
+            const formattedAmount = formatAmount(amountBaseUnit, asset.precision);
+            const usdValue = formatUsdValue(amountBaseUnit, asset.precision, usdPrice);
+            const diffPercent = isBest ? null : getRateDiffPercent(bestAmountBaseUnit, amountBaseUnit, isExactOutput2);
             const estimatedSeconds = estimatedTime ? Math.round(estimatedTime / 1e3) : 0;
             const hasTime = estimatedSeconds > 0;
             return /* @__PURE__ */ jsxs3(
@@ -3238,9 +3340,9 @@ var QuotesModal = ({
                       /* @__PURE__ */ jsxs3("div", { className: "ssw-quote-row-name-row", children: [
                         /* @__PURE__ */ jsx3("span", { className: "ssw-quote-row-name", children: rate.swapperName }),
                         isBest && /* @__PURE__ */ jsx3("span", { className: "ssw-quote-row-best", children: "Best" }),
-                        savingsPercent && /* @__PURE__ */ jsxs3("span", { className: "ssw-quote-row-diff", children: [
-                          "-",
-                          savingsPercent,
+                        diffPercent && /* @__PURE__ */ jsxs3("span", { className: "ssw-quote-row-diff", children: [
+                          isExactOutput2 ? "+" : "-",
+                          diffPercent,
                           "%"
                         ] })
                       ] }),
@@ -3253,9 +3355,9 @@ var QuotesModal = ({
                   ] }),
                   /* @__PURE__ */ jsxs3("div", { className: "ssw-quote-row-right", children: [
                     /* @__PURE__ */ jsxs3("span", { className: "ssw-quote-row-amount", children: [
-                      formattedBuyAmount,
+                      formattedAmount,
                       " ",
-                      /* @__PURE__ */ jsx3("span", { className: "ssw-quote-row-symbol", children: buyAsset.symbol })
+                      /* @__PURE__ */ jsx3("span", { className: "ssw-quote-row-symbol", children: asset.symbol })
                     ] }),
                     /* @__PURE__ */ jsx3("span", { className: "ssw-quote-row-usd", children: usdValue })
                   ] })
@@ -3271,7 +3373,7 @@ var QuotesModal = ({
 };
 
 // src/components/QuoteSelector.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var QuoteSelector = ({
   rates,
   selectedRate,
@@ -3279,7 +3381,10 @@ var QuoteSelector = ({
   buyAsset,
   sellAsset,
   sellAmountBaseUnit,
+  buyAmountBaseUnit,
+  isExactOutput: isExactOutput2,
   isLoading,
+  sellAssetUsdPrice,
   buyAssetUsdPrice
 }) => {
   const [isModalOpen, setIsModalOpen] = useState3(false);
@@ -3309,12 +3414,17 @@ var QuoteSelector = ({
     return null;
   }
   const displayRate = selectedRate ?? bestRate;
-  const buyAmount = displayRate.buyAmountCryptoBaseUnit ?? "0";
   const swapperIcon = getSwapperIcon(displayRate.swapperName);
   const swapperColor = getSwapperColor(displayRate.swapperName);
-  const formattedBuyAmount = formatAmount(buyAmount, buyAsset.precision);
-  const usdValue = formatUsdValue(buyAmount, buyAsset.precision, buyAssetUsdPrice);
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+  const asset = isExactOutput2 ? sellAsset : buyAsset;
+  const amountBaseUnit = getRateAmountBaseUnit(displayRate, isExactOutput2);
+  const formattedAmount = formatAmount(amountBaseUnit, asset.precision);
+  const usdValue = formatUsdValue(
+    amountBaseUnit,
+    asset.precision,
+    isExactOutput2 ? sellAssetUsdPrice : buyAssetUsdPrice
+  );
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsxs4("button", { className: "ssw-quote-selector", onClick: handleOpenModal, type: "button", children: [
       /* @__PURE__ */ jsxs4("div", { className: "ssw-quote-left", children: [
         /* @__PURE__ */ jsxs4("div", { className: "ssw-quote-provider", children: [
@@ -3340,8 +3450,8 @@ var QuoteSelector = ({
       ] }),
       /* @__PURE__ */ jsxs4("div", { className: "ssw-quote-right", children: [
         /* @__PURE__ */ jsxs4("div", { className: "ssw-quote-amount-row", children: [
-          /* @__PURE__ */ jsx4("span", { className: "ssw-quote-amount", children: formattedBuyAmount }),
-          /* @__PURE__ */ jsx4("span", { className: "ssw-quote-symbol", children: buyAsset.symbol })
+          /* @__PURE__ */ jsx4("span", { className: "ssw-quote-amount", children: formattedAmount }),
+          /* @__PURE__ */ jsx4("span", { className: "ssw-quote-symbol", children: asset.symbol })
         ] }),
         alternativeRatesCount > 0 && /* @__PURE__ */ jsxs4("span", { className: "ssw-quote-more", children: [
           "+",
@@ -3373,6 +3483,9 @@ var QuoteSelector = ({
         buyAsset,
         sellAsset,
         sellAmountBaseUnit,
+        buyAmountBaseUnit,
+        isExactOutput: isExactOutput2,
+        sellAssetUsdPrice,
         buyAssetUsdPrice
       }
     )
@@ -3381,11 +3494,12 @@ var QuoteSelector = ({
 
 // src/components/ReceiveAddressRow.tsx
 import { useCallback as useCallback7, useLayoutEffect, useMemo as useMemo8, useRef as useRef5, useState as useState4 } from "react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var ReceiveAddressRow = ({
   receiveAddress,
   isResolving,
   buyChainId,
+  isLocked,
   onSetCustomReceiveAddress
 }) => {
   const [isEditing, setIsEditing] = useState4(false);
@@ -3393,7 +3507,7 @@ var ReceiveAddressRow = ({
   const [hasInteracted, setHasInteracted] = useState4(false);
   const inputRef = useRef5(null);
   const needsAddress = !receiveAddress;
-  const showInput = needsAddress && !isResolving || isEditing;
+  const showInput = !isLocked && (needsAddress && !isResolving || isEditing);
   const showAttention = needsAddress && !isResolving;
   useLayoutEffect(() => {
     if (isEditing) inputRef.current?.focus();
@@ -3413,6 +3527,7 @@ var ReceiveAddressRow = ({
     [trimmedDraft, buyChainId]
   );
   const formatHint = useMemo8(() => getAddressFormatHint(buyChainId), [buyChainId]);
+  const chainName = useMemo8(() => getChainName(buyChainId), [buyChainId]);
   const startEditing = useCallback7(() => {
     setDraft(receiveAddress ?? "");
     setHasInteracted(false);
@@ -3436,36 +3551,48 @@ var ReceiveAddressRow = ({
   }, [onSetCustomReceiveAddress]);
   const showReset = !!draft || isEditing;
   if (!showInput) {
-    return /* @__PURE__ */ jsxs5("div", { className: "ssw-receive-row ssw-receive-row-resolved", children: [
-      /* @__PURE__ */ jsx5("span", { className: "ssw-receive-label", children: "Receive address" }),
-      /* @__PURE__ */ jsx5("div", { className: "ssw-receive-resolved-value", children: isResolving ? /* @__PURE__ */ jsx5("span", { className: "ssw-balance-skeleton" }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-        /* @__PURE__ */ jsx5("span", { className: "ssw-receive-address", children: truncateAddress(receiveAddress ?? "", 6) }),
-        /* @__PURE__ */ jsx5(
-          "button",
-          {
-            className: "ssw-receive-edit-btn",
-            onClick: startEditing,
-            type: "button",
-            "aria-label": "Edit receive address",
-            children: /* @__PURE__ */ jsxs5(
-              "svg",
+    return /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        className: `ssw-receive-row ssw-receive-row-resolved${showAttention ? " ssw-receive-row-invalid" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx5("span", { className: "ssw-receive-label", children: "Receive address" }),
+          /* @__PURE__ */ jsx5("div", { className: "ssw-receive-resolved-value", children: isResolving ? /* @__PURE__ */ jsx5("span", { className: "ssw-balance-skeleton" }) : showAttention ? (
+            // Locked only - an unlocked row with no address shows the input instead
+            /* @__PURE__ */ jsxs5("span", { className: "ssw-receive-error", children: [
+              "Not valid for ",
+              chainName
+            ] })
+          ) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+            /* @__PURE__ */ jsx5("span", { className: "ssw-receive-address", children: truncateAddress(receiveAddress ?? "", 6) }),
+            !isLocked && /* @__PURE__ */ jsx5(
+              "button",
               {
-                width: "14",
-                height: "14",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                children: [
-                  /* @__PURE__ */ jsx5("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
-                  /* @__PURE__ */ jsx5("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
-                ]
+                className: "ssw-receive-edit-btn",
+                onClick: startEditing,
+                type: "button",
+                "aria-label": "Edit receive address",
+                children: /* @__PURE__ */ jsxs5(
+                  "svg",
+                  {
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    children: [
+                      /* @__PURE__ */ jsx5("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
+                      /* @__PURE__ */ jsx5("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
+                    ]
+                  }
+                )
               }
             )
-          }
-        )
-      ] }) })
-    ] });
+          ] }) })
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ jsxs5(
     "div",
@@ -3549,39 +3676,23 @@ var ReceiveAddressRow = ({
 };
 
 // src/components/InputStep.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var InputStep = ({
   displayValues,
   onOpenTokenModal,
   onSellAmountChange,
+  onBuyAmountChange,
   onToggleSellFiat,
   onSwapTokens,
   onSelectRate,
   onButtonClick,
   isBuyAssetLocked,
+  isBuyAmountLocked,
+  isReceiveAddressLocked,
   allowShapeshiftRedirect
 }) => {
   const context = SwapMachineCtx.useSelector((s) => s.context);
   const isQuoting = SwapMachineCtx.useSelector((s) => s.matches("quoting"));
-  const {
-    rates,
-    isLoadingRates,
-    ratesError,
-    sellAssetBalance,
-    buyAssetBalance,
-    isSellBalanceLoading,
-    isBuyBalanceLoading,
-    sellUsdValue,
-    sellAssetUsdPrice,
-    buyUsdValue,
-    sellChainInfo,
-    buyChainInfo,
-    buyAmount,
-    buyAssetUsdPrice,
-    networkFeeDisplay,
-    sellBalanceFiatValue,
-    buyBalanceFiatValue
-  } = displayValues;
   const {
     sendAddress,
     receiveAddress,
@@ -3591,22 +3702,48 @@ var InputStep = ({
     bitcoin: bitcoin3,
     solana: solana3
   } = useSwapWallet();
-  const {
-    sellAsset,
-    buyAsset,
-    selectedRate,
-    sellAmount,
-    sellAmountBaseUnit,
-    isSellAmountFiat,
-    sellAmountFiat,
-    isSellAssetEvm,
-    isSellAssetUtxo,
-    isSellAssetSolana
-  } = context;
-  const buyChainId = buyAsset.chainId;
+  const buyChainId = context.buyAsset.chainId;
   const hasAnyWalletAddress = !!evm.address || !!bitcoin3.address || !!solana3.address;
   const hasActiveWallet = !!receiveAddress || hasAnyWalletAddress || isReceiveAddressResolving;
-  const isUnsupportedChain = !isSellAssetEvm && !isSellAssetUtxo && !isSellAssetSolana;
+  const isUnsupportedChain = !context.isSellAssetEvm && !context.isSellAssetUtxo && !context.isSellAssetSolana;
+  const amountBaseUnit = displayValues.isExactOutput ? context.buyAmountBaseUnit : context.sellAmountBaseUnit;
+  const isSellAmountReadOnly = displayValues.isExactOutput && isBuyAmountLocked;
+  const isSellAmountPending = displayValues.isExactOutput && displayValues.isLoadingRates;
+  const isBuyAmountPending = !displayValues.isExactOutput && displayValues.isLoadingRates;
+  const sellAmountCrypto = useMemo9(
+    () => displayValues.sellAmountBaseUnit ? formatAmount(displayValues.sellAmountBaseUnit, context.sellAsset.precision, 6) : "",
+    [displayValues.sellAmountBaseUnit, context.sellAsset.precision]
+  );
+  const buyAmountValue = useMemo9(() => {
+    if (displayValues.isExactOutput) return context.buyAmount;
+    if (!displayValues.buyAmount) return "";
+    return formatAmount(displayValues.buyAmount, context.buyAsset.precision);
+  }, [
+    displayValues.isExactOutput,
+    displayValues.buyAmount,
+    context.buyAmount,
+    context.buyAsset.precision
+  ]);
+  const sellAmountValue = useMemo9(() => {
+    if (!displayValues.isExactOutput) {
+      return context.isSellAmountFiat ? context.sellAmountFiat : context.sellAmount;
+    }
+    if (!context.isSellAmountFiat) return sellAmountCrypto;
+    return cryptoToFiat(
+      displayValues.sellAmountBaseUnit,
+      displayValues.sellAssetUsdPrice ?? "",
+      context.sellAsset.precision
+    );
+  }, [
+    displayValues.isExactOutput,
+    displayValues.sellAmountBaseUnit,
+    displayValues.sellAssetUsdPrice,
+    context.isSellAmountFiat,
+    context.sellAmountFiat,
+    context.sellAmount,
+    context.sellAsset.precision,
+    sellAmountCrypto
+  ]);
   const { text: buttonText, disabled: isButtonDisabled } = useMemo9(() => {
     if (isUnsupportedChain) {
       if (!allowShapeshiftRedirect) return { text: "Route not supported", disabled: true };
@@ -3614,39 +3751,43 @@ var InputStep = ({
     }
     if (!sendAddress) return { text: "Connect Wallet", disabled: false };
     if (!receiveAddress) return { text: "Enter receive address", disabled: true };
-    if (!sellAmount) return { text: "Enter an amount", disabled: true };
-    if (isLoadingRates) return { text: "Finding rates...", disabled: true };
-    if (ratesError) return { text: "No routes available", disabled: true };
-    if (!rates?.length) return { text: "No routes found", disabled: true };
+    const drivingAmount = displayValues.isExactOutput ? context.buyAmountBaseUnit : context.sellAmount;
+    if (!drivingAmount || drivingAmount === "0") return { text: "Enter an amount", disabled: true };
+    if (displayValues.isLoadingRates) return { text: "Finding rates...", disabled: true };
+    if (displayValues.ratesError) return { text: "No routes available", disabled: true };
+    if (!displayValues.rates?.length) return { text: "No routes found", disabled: true };
     return { text: "Swap", disabled: false };
   }, [
     isUnsupportedChain,
     allowShapeshiftRedirect,
     sendAddress,
     receiveAddress,
-    sellAmount,
-    isLoadingRates,
-    ratesError,
-    rates
+    context.sellAmount,
+    displayValues.isExactOutput,
+    context.buyAmountBaseUnit,
+    displayValues.isLoadingRates,
+    displayValues.ratesError,
+    displayValues.rates
   ]);
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs6(Fragment4, { children: [
     /* @__PURE__ */ jsxs6("div", { className: "ssw-swap-container", children: [
       /* @__PURE__ */ jsxs6("div", { className: "ssw-token-section ssw-sell", children: [
         /* @__PURE__ */ jsx6("div", { className: "ssw-section-header", children: /* @__PURE__ */ jsx6("span", { className: "ssw-section-label", children: "Sell" }) }),
         /* @__PURE__ */ jsxs6("div", { className: "ssw-input-row", children: [
-          isSellAmountFiat && /* @__PURE__ */ jsx6("span", { className: "ssw-fiat-prefix", children: "$" }),
+          context.isSellAmountFiat && /* @__PURE__ */ jsx6("span", { className: "ssw-fiat-prefix", children: "$" }),
           /* @__PURE__ */ jsx6(
             "input",
             {
               type: "text",
-              className: "ssw-amount-input",
-              placeholder: "0",
-              value: isSellAmountFiat ? sellAmountFiat : sellAmount,
+              className: `ssw-amount-input${isSellAmountReadOnly ? " ssw-amount-input-locked" : ""}${isSellAmountPending ? " ssw-amount-input-pending" : ""}`,
+              placeholder: isSellAmountPending ? "..." : "0",
+              value: sellAmountValue,
+              readOnly: isSellAmountReadOnly,
               onChange: (e) => {
                 const raw = e.target.value.replace(/[^0-9.]/g, "");
                 const parts = raw.split(".");
                 const sanitized = parts.length > 2 ? parts[0] + "." + parts.slice(1).join("") : raw;
-                onSellAmountChange(sanitized, sellAssetUsdPrice);
+                onSellAmountChange(sanitized, displayValues.sellAssetUsdPrice);
               }
             }
           ),
@@ -3657,10 +3798,17 @@ var InputStep = ({
               onClick: () => onOpenTokenModal("sell"),
               type: "button",
               children: [
-                sellAsset.icon ? /* @__PURE__ */ jsx6("img", { src: sellAsset.icon, alt: sellAsset.symbol, className: "ssw-token-icon" }) : /* @__PURE__ */ jsx6("div", { className: "ssw-token-icon-placeholder", children: sellAsset.symbol.charAt(0) }),
+                context.sellAsset.icon ? /* @__PURE__ */ jsx6(
+                  "img",
+                  {
+                    src: context.sellAsset.icon,
+                    alt: context.sellAsset.symbol,
+                    className: "ssw-token-icon"
+                  }
+                ) : /* @__PURE__ */ jsx6("div", { className: "ssw-token-icon-placeholder", children: context.sellAsset.symbol.charAt(0) }),
                 /* @__PURE__ */ jsxs6("div", { className: "ssw-token-info", children: [
-                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-symbol", children: sellAsset.symbol }),
-                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-chain", children: sellChainInfo?.name ?? sellAsset.networkName ?? sellAsset.name })
+                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-symbol", children: context.sellAsset.symbol }),
+                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-chain", children: displayValues.sellChainInfo?.name ?? context.sellAsset.networkName ?? context.sellAsset.name })
                 ] }),
                 /* @__PURE__ */ jsx6(
                   "svg",
@@ -3679,14 +3827,14 @@ var InputStep = ({
           )
         ] }),
         /* @__PURE__ */ jsxs6("div", { className: "ssw-section-footer", children: [
-          sellAssetUsdPrice ? /* @__PURE__ */ jsxs6(
+          !displayValues.sellAssetUsdPrice ? /* @__PURE__ */ jsx6("span", { className: "ssw-usd-value" }) : /* @__PURE__ */ jsxs6(
             "button",
             {
               type: "button",
               className: "ssw-usd-value ssw-usd-value-toggle",
-              onClick: () => onToggleSellFiat(sellAssetUsdPrice),
+              onClick: () => onToggleSellFiat(displayValues.sellAssetUsdPrice),
               children: [
-                /* @__PURE__ */ jsx6("span", { children: isSellAmountFiat ? `\u2248 ${sellAmountBaseUnit ? formatAmount(sellAmountBaseUnit, sellAsset.precision, 6) : "0"} ${sellAsset.symbol}` : sellUsdValue }),
+                /* @__PURE__ */ jsx6("span", { children: context.isSellAmountFiat ? `\u2248 ${sellAmountCrypto || "0"} ${context.sellAsset.symbol}` : displayValues.sellUsdValue }),
                 /* @__PURE__ */ jsx6(
                   "svg",
                   {
@@ -3702,13 +3850,14 @@ var InputStep = ({
                 )
               ]
             }
-          ) : /* @__PURE__ */ jsx6("span", { className: "ssw-usd-value" }),
-          hasAnyWalletAddress && (isSellBalanceLoading ? /* @__PURE__ */ jsx6("span", { className: "ssw-balance-skeleton" }) : sellAssetBalance ? /* @__PURE__ */ jsxs6("span", { className: "ssw-balance", children: [
+          ),
+          hasAnyWalletAddress && (displayValues.isSellBalanceLoading ? /* @__PURE__ */ jsx6("span", { className: "ssw-balance-skeleton" }) : displayValues.sellAssetBalance ? /* @__PURE__ */ jsxs6("span", { className: "ssw-balance", children: [
             "Balance: ",
-            sellAssetBalance.balanceFormatted,
-            sellBalanceFiatValue && /* @__PURE__ */ jsxs6("span", { className: "ssw-balance-fiat", children: [
-              " (",
-              sellBalanceFiatValue,
+            displayValues.sellAssetBalance.balanceFormatted,
+            displayValues.sellBalanceFiatValue && /* @__PURE__ */ jsxs6("span", { className: "ssw-balance-fiat", children: [
+              " ",
+              "(",
+              displayValues.sellBalanceFiatValue,
               ")"
             ] })
           ] }) : null)
@@ -3742,10 +3891,15 @@ var InputStep = ({
             "input",
             {
               type: "text",
-              className: "ssw-amount-input",
-              placeholder: "0",
-              value: buyAmount ? formatAmount(buyAmount, buyAsset.precision) : "",
-              readOnly: true
+              className: `ssw-amount-input${isBuyAmountLocked ? " ssw-amount-input-locked" : ""}${isBuyAmountPending ? " ssw-amount-input-pending" : ""}`,
+              placeholder: isBuyAmountPending ? "..." : "0",
+              value: buyAmountValue,
+              readOnly: isBuyAmountLocked,
+              onChange: (e) => {
+                const raw = e.target.value.replace(/[^0-9.]/g, "");
+                const parts = raw.split(".");
+                onBuyAmountChange(parts.length > 2 ? parts[0] + "." + parts.slice(1).join("") : raw);
+              }
             }
           ),
           /* @__PURE__ */ jsxs6(
@@ -3756,10 +3910,17 @@ var InputStep = ({
               disabled: isBuyAssetLocked,
               type: "button",
               children: [
-                buyAsset.icon ? /* @__PURE__ */ jsx6("img", { src: buyAsset.icon, alt: buyAsset.symbol, className: "ssw-token-icon" }) : /* @__PURE__ */ jsx6("div", { className: "ssw-token-icon-placeholder", children: buyAsset.symbol.charAt(0) }),
+                context.buyAsset.icon ? /* @__PURE__ */ jsx6(
+                  "img",
+                  {
+                    src: context.buyAsset.icon,
+                    alt: context.buyAsset.symbol,
+                    className: "ssw-token-icon"
+                  }
+                ) : /* @__PURE__ */ jsx6("div", { className: "ssw-token-icon-placeholder", children: context.buyAsset.symbol.charAt(0) }),
                 /* @__PURE__ */ jsxs6("div", { className: "ssw-token-info", children: [
-                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-symbol", children: buyAsset.symbol }),
-                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-chain", children: buyChainInfo?.name ?? buyAsset.networkName ?? buyAsset.name })
+                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-symbol", children: context.buyAsset.symbol }),
+                  /* @__PURE__ */ jsx6("span", { className: "ssw-token-chain", children: displayValues.buyChainInfo?.name ?? context.buyAsset.networkName ?? context.buyAsset.name })
                 ] }),
                 !isBuyAssetLocked && /* @__PURE__ */ jsx6(
                   "svg",
@@ -3778,13 +3939,13 @@ var InputStep = ({
           )
         ] }),
         /* @__PURE__ */ jsxs6("div", { className: "ssw-section-footer", children: [
-          /* @__PURE__ */ jsx6("span", { className: "ssw-usd-value", children: buyUsdValue }),
-          hasAnyWalletAddress && (isBuyBalanceLoading ? /* @__PURE__ */ jsx6("span", { className: "ssw-balance-skeleton" }) : buyAssetBalance ? /* @__PURE__ */ jsxs6("span", { className: "ssw-balance", children: [
+          /* @__PURE__ */ jsx6("span", { className: "ssw-usd-value", children: displayValues.buyUsdValue }),
+          hasAnyWalletAddress && (displayValues.isBuyBalanceLoading ? /* @__PURE__ */ jsx6("span", { className: "ssw-balance-skeleton" }) : displayValues.buyAssetBalance ? /* @__PURE__ */ jsxs6("span", { className: "ssw-balance", children: [
             "Balance: ",
-            buyAssetBalance.balanceFormatted,
-            buyBalanceFiatValue && /* @__PURE__ */ jsxs6("span", { className: "ssw-balance-fiat", children: [
+            displayValues.buyAssetBalance.balanceFormatted,
+            displayValues.buyBalanceFiatValue && /* @__PURE__ */ jsxs6("span", { className: "ssw-balance-fiat", children: [
               " (",
-              buyBalanceFiatValue,
+              displayValues.buyBalanceFiatValue,
               ")"
             ] })
           ] }) : null)
@@ -3796,26 +3957,30 @@ var InputStep = ({
           receiveAddress,
           isResolving: isReceiveAddressResolving,
           buyChainId,
+          isLocked: isReceiveAddressLocked,
           onSetCustomReceiveAddress: setCustomReceiveAddress
         }
       )
     ] }),
-    sellAmountBaseUnit && sellAmountBaseUnit !== "0" && (rates?.length || isLoadingRates) && /* @__PURE__ */ jsx6("div", { className: "ssw-quotes", children: /* @__PURE__ */ jsx6(
+    amountBaseUnit && amountBaseUnit !== "0" && (displayValues.rates?.length || displayValues.isLoadingRates) && /* @__PURE__ */ jsx6("div", { className: "ssw-quotes", children: /* @__PURE__ */ jsx6(
       QuoteSelector,
       {
-        rates: rates ?? [],
-        selectedRate,
+        rates: displayValues.rates ?? [],
+        selectedRate: context.selectedRate,
         onSelectRate,
-        buyAsset,
-        sellAsset,
-        sellAmountBaseUnit,
-        isLoading: isLoadingRates,
-        buyAssetUsdPrice
+        buyAsset: context.buyAsset,
+        sellAsset: context.sellAsset,
+        sellAmountBaseUnit: displayValues.sellAmountBaseUnit ?? "0",
+        buyAmountBaseUnit: context.buyAmountBaseUnit ?? "0",
+        isExactOutput: displayValues.isExactOutput,
+        isLoading: displayValues.isLoadingRates,
+        sellAssetUsdPrice: displayValues.sellAssetUsdPrice,
+        buyAssetUsdPrice: displayValues.buyAssetUsdPrice
       }
     ) }),
-    networkFeeDisplay && /* @__PURE__ */ jsxs6("div", { className: "ssw-network-fee", children: [
+    displayValues.networkFeeDisplay && /* @__PURE__ */ jsxs6("div", { className: "ssw-network-fee", children: [
       /* @__PURE__ */ jsx6("span", { className: "ssw-network-fee-label", children: "Est. network fee" }),
-      /* @__PURE__ */ jsx6("span", { className: "ssw-network-fee-value", children: networkFeeDisplay })
+      /* @__PURE__ */ jsx6("span", { className: "ssw-network-fee-value", children: displayValues.networkFeeDisplay })
     ] }),
     /* @__PURE__ */ jsx6(
       "button",
@@ -3825,7 +3990,7 @@ var InputStep = ({
         onClick: onButtonClick,
         type: "button",
         style: isQuoting ? { opacity: 0.7 } : void 0,
-        children: isQuoting ? /* @__PURE__ */ jsxs6(Fragment3, { children: [
+        children: isQuoting ? /* @__PURE__ */ jsxs6(Fragment4, { children: [
           /* @__PURE__ */ jsxs6(
             "svg",
             {
@@ -4012,7 +4177,7 @@ var SettingsModal = ({ isOpen, onClose, onSlippageChange }) => {
 
 // src/components/StatusStep.tsx
 import { useMemo as useMemo10 } from "react";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var ExplorerLink = ({ url }) => /* @__PURE__ */ jsxs8("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "ssw-step-explorer-link", children: [
   "View on Explorer",
   /* @__PURE__ */ jsx8(
@@ -4028,7 +4193,7 @@ var ExplorerLink = ({ url }) => /* @__PURE__ */ jsxs8("a", { href: url, target:
     }
   )
 ] });
-var StatusStep = () => {
+var StatusStep = ({ isPayment }) => {
   const context = SwapMachineCtx.useSelector((s) => s.context);
   const isPolling = SwapMachineCtx.useSelector((s) => s.matches("polling_status"));
   const isComplete = SwapMachineCtx.useSelector((s) => s.matches("complete"));
@@ -4046,7 +4211,7 @@ var StatusStep = () => {
     [error]
   );
   return /* @__PURE__ */ jsxs8("div", { className: "ssw-step-screen", children: [
-    isPolling && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    isPolling && /* @__PURE__ */ jsxs8(Fragment5, { children: [
       /* @__PURE__ */ jsx8("div", { className: "ssw-step-icon-circle ssw-ic-accent", children: /* @__PURE__ */ jsxs8(
         "svg",
         {
@@ -4067,7 +4232,7 @@ var StatusStep = () => {
       /* @__PURE__ */ jsx8("div", { className: "ssw-step-subtitle", children: "Your swap is being processed\u2026" }),
       explorerUrl && /* @__PURE__ */ jsx8(ExplorerLink, { url: explorerUrl })
     ] }),
-    isComplete && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    isComplete && /* @__PURE__ */ jsxs8(Fragment5, { children: [
       /* @__PURE__ */ jsx8("div", { className: "ssw-step-icon-circle ssw-ic-success", children: /* @__PURE__ */ jsx8(
         "svg",
         {
@@ -4088,7 +4253,7 @@ var StatusStep = () => {
         buyAsset.symbol
       ] }),
       explorerUrl && /* @__PURE__ */ jsx8(ExplorerLink, { url: explorerUrl }),
-      /* @__PURE__ */ jsx8("div", { className: "ssw-step-actions", children: /* @__PURE__ */ jsx8(
+      !isPayment && /* @__PURE__ */ jsx8("div", { className: "ssw-step-actions", children: /* @__PURE__ */ jsx8(
         "button",
         {
           className: "ssw-action-btn",
@@ -4098,7 +4263,7 @@ var StatusStep = () => {
         }
       ) })
     ] }),
-    isError && /* @__PURE__ */ jsxs8(Fragment4, { children: [
+    isError && /* @__PURE__ */ jsxs8(Fragment5, { children: [
       /* @__PURE__ */ jsx8("div", { className: "ssw-step-icon-circle ssw-ic-error", children: /* @__PURE__ */ jsxs8(
         "svg",
         {
@@ -4141,10 +4306,10 @@ var StatusStep = () => {
 };
 
 // src/components/TokenSelectModal.tsx
-import { bnOrZero as bnOrZero3 } from "@shapeshiftoss/utils";
+import { bnOrZero as bnOrZero2 } from "@shapeshiftoss/utils";
 import { useCallback as useCallback9, useEffect as useEffect8, useMemo as useMemo11, useRef as useRef6, useState as useState6 } from "react";
 import { Virtuoso } from "react-virtuoso";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var VISIBLE_BUFFER = 10;
 var useLockBodyScroll3 = (isLocked) => {
   useEffect8(() => {
@@ -4325,7 +4490,7 @@ var TokenSelectModal = ({
       const balance = balances[asset.assetId];
       if (balance && balance.balance !== "0") {
         const price = marketData?.[asset.assetId]?.price;
-        const fiatValue = price ? bnOrZero3(balance.balance).div(bnOrZero3(10).pow(asset.precision)).times(bnOrZero3(price)).toNumber() : 0;
+        const fiatValue = price ? bnOrZero2(balance.balance).div(bnOrZero2(10).pow(asset.precision)).times(bnOrZero2(price)).toNumber() : 0;
         withBalance.push({ asset, fiatValue });
       } else {
         withoutBalance.push(asset);
@@ -4529,10 +4694,10 @@ var TokenSelectModal = ({
                             /* @__PURE__ */ jsx9("span", { className: "ssw-token-symbol", children: asset.symbol }),
                             /* @__PURE__ */ jsx9("span", { className: "ssw-token-name", children: chainInfo?.name ?? asset.networkName ?? asset.name })
                           ] }),
-                          /* @__PURE__ */ jsx9("div", { className: "ssw-token-right", children: (evmAddress || bitcoinAddress || solanaAddress) && (loadingAssetIds.has(asset.assetId) ? /* @__PURE__ */ jsx9("span", { className: "ssw-token-balance-skeleton" }) : balance && balance.balance !== "0" ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
+                          /* @__PURE__ */ jsx9("div", { className: "ssw-token-right", children: (evmAddress || bitcoinAddress || solanaAddress) && (loadingAssetIds.has(asset.assetId) ? /* @__PURE__ */ jsx9("span", { className: "ssw-token-balance-skeleton" }) : balance && balance.balance !== "0" ? /* @__PURE__ */ jsxs9(Fragment6, { children: [
                             marketData?.[asset.assetId]?.price && /* @__PURE__ */ jsxs9("span", { className: "ssw-token-fiat-value", children: [
                               "$",
-                              bnOrZero3(balance.balance).div(bnOrZero3(10).pow(asset.precision)).times(bnOrZero3(marketData[asset.assetId].price)).toNumber().toLocaleString(void 0, {
+                              bnOrZero2(balance.balance).div(bnOrZero2(10).pow(asset.precision)).times(bnOrZero2(marketData[asset.assetId].price)).toNumber().toLocaleString(void 0, {
                                 minimumFractionDigits: 2,
                                 maximumFractionDigits: 2
                               })
@@ -4674,8 +4839,11 @@ var SwapWidgetContent = ({
   showPoweredBy,
   showConnectButton,
   isBuyAssetLocked,
+  isBuyAmountLocked,
+  isReceiveAddressLocked,
+  isPayment,
   partnerCode,
-  allowShapeshiftRedirect,
+  canRedirectToShapeshift,
   onSwapSuccess,
   onSwapError,
   sellFilters,
@@ -4699,11 +4867,12 @@ var SwapWidgetContent = ({
     handleSellAssetSelect,
     handleBuyAssetSelect,
     handleSellAmountChange,
+    handleBuyAmountChange,
     handleToggleSellFiat,
     handleSelectRate,
     handleSlippageChange,
     handleButtonClick
-  } = useSwapHandlers({ partnerCode, allowShapeshiftRedirect });
+  } = useSwapHandlers({ partnerCode, allowShapeshiftRedirect: canRedirectToShapeshift });
   useSwapQuoting({ apiClient, rates, sellAssetBalance });
   useSwapApproval();
   useSwapExecution();
@@ -4799,17 +4968,20 @@ var SwapWidgetContent = ({
               displayValues,
               onOpenTokenModal: setTokenModalType,
               onSellAmountChange: handleSellAmountChange,
+              onBuyAmountChange: handleBuyAmountChange,
               onToggleSellFiat: handleToggleSellFiat,
               onSwapTokens: handleSwapTokens,
               onSelectRate: handleSelectRate,
               onButtonClick: handleButtonClick,
               isBuyAssetLocked,
-              allowShapeshiftRedirect
+              isBuyAmountLocked,
+              isReceiveAddressLocked,
+              allowShapeshiftRedirect: canRedirectToShapeshift
             }
           ),
           (state.matches("approval_needed") || state.matches("approving")) && /* @__PURE__ */ jsx11(ApprovalStep, {}),
           state.matches("executing") && /* @__PURE__ */ jsx11(ExecutionStep, {}),
-          (state.matches("polling_status") || state.matches("complete") || state.matches("error")) && /* @__PURE__ */ jsx11(StatusStep, {})
+          (state.matches("polling_status") || state.matches("complete") || state.matches("error")) && /* @__PURE__ */ jsx11(StatusStep, { isPayment })
         ] }),
         showPoweredBy && /* @__PURE__ */ jsxs11("div", { className: "ssw-powered-by", children: [
           "Powered by",
@@ -4838,7 +5010,7 @@ var SwapWidgetContent = ({
             disabledChainIds: (tokenModalType === "buy" ? buyFilters : sellFilters).disabledChainIds ?? [],
             allowedChainIds: (tokenModalType === "buy" ? buyFilters : sellFilters).allowedChainIds,
             allowedAssetIds: (tokenModalType === "buy" ? buyFilters : sellFilters).allowedAssetIds,
-            allowShapeshiftRedirect
+            allowShapeshiftRedirect: canRedirectToShapeshift
           }
         ),
         /* @__PURE__ */ jsx11(
@@ -4862,6 +5034,10 @@ var SwapWidgetCore = ({
   showPoweredBy,
   showConnectButton,
   isBuyAssetLocked,
+  defaultReceiveAddress,
+  isReceiveAddressLocked,
+  defaultBuyAmountCryptoBaseUnit,
+  isBuyAmountLocked,
   partnerCode,
   allowShapeshiftRedirect,
   onSwapSuccess,
@@ -4875,7 +5051,9 @@ var SwapWidgetCore = ({
   const evm = useEvmSigning();
   const bitcoin3 = useBitcoinSigning();
   const solana3 = useSolanaSigning();
-  const [customReceiveAddress, setCustomReceiveAddress] = useState8("");
+  const [customReceiveAddress, setCustomReceiveAddress] = useState8(
+    defaultReceiveAddress ?? ""
+  );
   const sellChainId = SwapMachineCtx.useSelector((s) => s.context.sellAsset.chainId);
   const buyChainId = SwapMachineCtx.useSelector((s) => s.context.buyAsset.chainId);
   const sellChainType = getChainType(sellChainId);
@@ -4908,14 +5086,30 @@ var SwapWidgetCore = ({
     () => addressForChain(buyChainType),
     [addressForChain, buyChainType]
   );
-  const isCustomReceiveAddressValid = useMemo12(
-    () => !!customReceiveAddress && validateAddress(customReceiveAddress, buyChainId).valid,
-    [customReceiveAddress, buyChainId]
-  );
   const receiveAddress = useMemo12(
-    () => isCustomReceiveAddressValid ? customReceiveAddress : walletReceiveAddress,
-    [isCustomReceiveAddressValid, customReceiveAddress, walletReceiveAddress]
+    () => resolveReceiveAddress({
+      isLocked: isReceiveAddressLocked,
+      defaultAddress: defaultReceiveAddress,
+      customAddress: customReceiveAddress,
+      walletAddress: walletReceiveAddress,
+      buyChainId
+    }),
+    [
+      isReceiveAddressLocked,
+      defaultReceiveAddress,
+      customReceiveAddress,
+      walletReceiveAddress,
+      buyChainId
+    ]
   );
+  useEffect10(() => {
+    if (!isBuyAmountLocked) return;
+    actorRef.send({
+      type: "SET_BUY_AMOUNT",
+      amount: defaultBuyAmountCryptoBaseUnit ? formatAmountForInput(defaultBuyAmountCryptoBaseUnit, defaultBuyAsset.precision) : "",
+      amountBaseUnit: defaultBuyAmountCryptoBaseUnit
+    });
+  }, [isBuyAmountLocked, defaultBuyAmountCryptoBaseUnit, defaultBuyAsset.precision, actorRef]);
   const initialSyncRef = useRef7(false);
   useEffect10(() => {
     if (initialSyncRef.current) return;
@@ -4923,6 +5117,11 @@ var SwapWidgetCore = ({
     actorRef.send({ type: "SET_SELL_ASSET", asset: defaultSellAsset });
     actorRef.send({ type: "SET_BUY_ASSET", asset: defaultBuyAsset });
     actorRef.send({ type: "SET_SLIPPAGE", slippage: defaultSlippage });
+    actorRef.send({
+      type: "SET_BUY_AMOUNT",
+      amount: defaultBuyAmountCryptoBaseUnit ? formatAmountForInput(defaultBuyAmountCryptoBaseUnit, defaultBuyAsset.precision) : "",
+      amountBaseUnit: defaultBuyAmountCryptoBaseUnit
+    });
   }, [actorRef]);
   useEffect10(() => {
     actorRef.send({ type: "SET_SEND_ADDRESS", address: sendAddress });
@@ -4939,6 +5138,7 @@ var SwapWidgetCore = ({
       sendAddress,
       receiveAddress,
       isReceiveAddressResolving,
+      isReceiveAddressBlocked: isReceiveAddressLocked && !receiveAddress,
       customReceiveAddress,
       setCustomReceiveAddress,
       evm,
@@ -4949,12 +5149,16 @@ var SwapWidgetCore = ({
       sendAddress,
       receiveAddress,
       isReceiveAddressResolving,
+      isReceiveAddressLocked,
       customReceiveAddress,
       evm,
       bitcoin3,
       solana3
     ]
   );
+  const hasLockedBuyAmount = isBuyAmountLocked && !!defaultBuyAmountCryptoBaseUnit;
+  const isPayment = hasLockedBuyAmount && isReceiveAddressLocked && !!defaultReceiveAddress;
+  const canRedirectToShapeshift = allowShapeshiftRedirect && !hasLockedBuyAmount && !isReceiveAddressLocked;
   return /* @__PURE__ */ jsx11(SwapWalletProvider, { value: walletValue, children: /* @__PURE__ */ jsx11(
     SwapWidgetContent,
     {
@@ -4962,9 +5166,12 @@ var SwapWidgetCore = ({
       theme,
       showPoweredBy,
       showConnectButton,
-      isBuyAssetLocked,
+      isBuyAssetLocked: isBuyAssetLocked || hasLockedBuyAmount,
+      isBuyAmountLocked,
+      isReceiveAddressLocked,
+      isPayment,
       partnerCode,
-      allowShapeshiftRedirect,
+      canRedirectToShapeshift,
       onSwapSuccess,
       onSwapError,
       sellFilters,
@@ -4993,6 +5200,10 @@ var SwapWidget = (props) => {
       showPoweredBy: props.showPoweredBy ?? true,
       showConnectButton: props.showConnectButton ?? true,
       isBuyAssetLocked: props.isBuyAssetLocked ?? false,
+      defaultReceiveAddress: props.defaultReceiveAddress,
+      isReceiveAddressLocked: props.isReceiveAddressLocked ?? false,
+      defaultBuyAmountCryptoBaseUnit: props.defaultBuyAmountCryptoBaseUnit,
+      isBuyAmountLocked: props.isBuyAmountLocked ?? false,
       partnerCode: props.partnerCode,
       allowShapeshiftRedirect: props.allowShapeshiftRedirect ?? true,
       onSwapSuccess: props.onSwapSuccess,