@aori/mega-swap-widget 0.1.0

package/dist/chunk-HXOGJSAI.cjs

@@ -0,0 +1,3082 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunk5TH6MFQDcjs = require('./chunk-5TH6MFQD.cjs');
+
+
+
+var _chunk6XB5R4GFcjs = require('./chunk-6XB5R4GF.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkGZUTUD5Ocjs = require('./chunk-GZUTUD5O.cjs');
+
+
+var _chunkPGYOJ5RBcjs = require('./chunk-PGYOJ5RB.cjs');
+
+
+var _chunkNBJPKJBCcjs = require('./chunk-NBJPKJBC.cjs');
+
+// src/hooks/useBalanceEventListener.ts
+var _reactquery = require('@tanstack/react-query');
+var _react = require('react');
+function getRefetchDelay(chainIds) {
+  const MIN_DELAY = 1e3;
+  const MAX_DELAY = 5e3;
+  const BUFFER = 1e3;
+  if (chainIds.length === 0) return 5e3;
+  const maxBlockTime = Math.max(
+    ...chainIds.map((id) => _nullishCoalesce(_optionalChain([_chunkGZUTUD5Ocjs.getChainConfig.call(void 0, id), 'optionalAccess', _ => _.blockTimeMs]), () => ( 2e3)))
+  );
+  return Math.min(MAX_DELAY, Math.max(MIN_DELAY, maxBlockTime * 2 + BUFFER));
+}
+var useBalanceEventListener = () => {
+  const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
+  const availableChainIds = _chunkGZUTUD5Ocjs.useEnabledChainIds.call(void 0, );
+  const queryClient = _reactquery.useQueryClient.call(void 0, );
+  const pendingTimerRef = _react.useRef.call(void 0, null);
+  const mountedRef = _react.useRef.call(void 0, true);
+  const triggerBalanceUpdate = _react.useCallback.call(void 0, 
+    (event) => {
+      if (!userAddress) return;
+      const chainIds = [...new Set(event.tokens.map((t) => t.asset.chainId))];
+      const delay = getRefetchDelay(chainIds);
+      if (pendingTimerRef.current) {
+        clearTimeout(pendingTimerRef.current);
+        pendingTimerRef.current = null;
+      }
+      pendingTimerRef.current = setTimeout(async () => {
+        pendingTimerRef.current = null;
+        if (!mountedRef.current) return;
+        try {
+          const tokens = event.tokens.map((t) => ({
+            chainId: t.asset.chainId,
+            tokenAddress: t.asset.address
+          }));
+          const swapResult = await _chunkGZUTUD5Ocjs.fetchSwapBalances.call(void 0, userAddress, tokens);
+          if (swapResult.balances.length === 0) return;
+          if (event.tokens.length >= 2) {
+            const base = event.tokens[0].asset;
+            const quote = event.tokens[1].asset;
+            const swapKey = _chunkGZUTUD5Ocjs.balanceKeys.swap(
+              userAddress,
+              base.chainId,
+              base.address,
+              quote.chainId,
+              quote.address
+            );
+            queryClient.setQueryData(swapKey, swapResult);
+          }
+          const bulkKey = _chunkGZUTUD5Ocjs.balanceKeys.bulk(userAddress, availableChainIds);
+          const existingBulk = queryClient.getQueryData(bulkKey);
+          if (existingBulk) {
+            const updatedBalances = existingBulk.balances.map((existing) => {
+              const updated = swapResult.balances.find(
+                (b) => b.chainId === existing.chainId && b.token.toLowerCase() === existing.token.toLowerCase()
+              );
+              return _nullishCoalesce(updated, () => ( existing));
+            });
+            for (const newBalance of swapResult.balances) {
+              if (!updatedBalances.some(
+                (b) => b.chainId === newBalance.chainId && b.token.toLowerCase() === newBalance.token.toLowerCase()
+              )) updatedBalances.push(newBalance);
+            }
+            for (const eventToken of event.tokens) {
+              const inResult = swapResult.balances.some(
+                (b) => b.chainId === eventToken.asset.chainId && b.token.toLowerCase() === eventToken.asset.address.toLowerCase()
+              );
+              if (!inResult) {
+                const idx = updatedBalances.findIndex(
+                  (b) => b.chainId === eventToken.asset.chainId && b.token.toLowerCase() === eventToken.asset.address.toLowerCase()
+                );
+                if (idx !== -1) {
+                  updatedBalances[idx] = { ...updatedBalances[idx], balance: "0", shiftedBalance: "0" };
+                }
+              }
+            }
+            queryClient.setQueryData(bulkKey, { balances: updatedBalances });
+          }
+        } catch (e2) {
+        }
+      }, delay);
+    },
+    [userAddress, availableChainIds, queryClient]
+  );
+  _react.useEffect.call(void 0, () => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+      if (pendingTimerRef.current) {
+        clearTimeout(pendingTimerRef.current);
+        pendingTimerRef.current = null;
+      }
+    };
+  }, []);
+  return { triggerBalanceUpdate };
+};
+var BalanceEventEmitter = class extends EventTarget {
+  emit(event) {
+    this.dispatchEvent(new CustomEvent("balance-update", { detail: event }));
+  }
+};
+var balanceEventEmitter = new BalanceEventEmitter();
+var useEmitBalanceEvent = () => {
+  return (event) => balanceEventEmitter.emit(event);
+};
+var useBalanceEventSubscription = () => {
+  const { triggerBalanceUpdate } = useBalanceEventListener();
+  _react.useEffect.call(void 0, () => {
+    const handler = (event) => {
+      triggerBalanceUpdate(event.detail);
+    };
+    balanceEventEmitter.addEventListener("balance-update", handler);
+    return () => balanceEventEmitter.removeEventListener("balance-update", handler);
+  }, [triggerBalanceUpdate]);
+};
+
+// src/providers/RfqProvider.tsx
+
+
+
+
+
+
+
+
+
+var _viem = require('viem');
+var _jsxruntime = require('react/jsx-runtime');
+var RfqContext = _react.createContext.call(void 0, void 0);
+var POLLING_INTERVAL_MS = 1e4;
+var STALE_WINDOW_MS = 3e4;
+var TYPING_SETTLE_DELAY_MS = 1e3;
+var ROUTING_ERROR_THRESHOLD = 2;
+function selectQuote(quotes) {
+  const aori = quotes.find((q) => _optionalChain([q, 'access', _2 => _2.routeSteps, 'optionalAccess', _3 => _3[0], 'optionalAccess', _4 => _4.type]) === "AORI_V1");
+  return _nullishCoalesce(aori, () => ( quotes[0]));
+}
+var RfqProvider = ({
+  children,
+  recipient: recipientProp
+}) => {
+  const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
+  const recipient = recipientProp || userAddress;
+  const [status, setStatus] = _react.useState.call(void 0, "idle");
+  const [inputState, setInputState] = _react.useState.call(void 0, "idle");
+  const [rfqQuote, setRfqQuote] = _react.useState.call(void 0, null);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [liquidityError, setLiquidityError] = _react.useState.call(void 0, false);
+  const [routingError, setRoutingError] = _react.useState.call(void 0, false);
+  const [sizeCapError, setSizeCapError] = _react.useState.call(void 0, false);
+  const sessionIdRef = _react.useRef.call(void 0, null);
+  const lastParamsRef = _react.useRef.call(void 0, null);
+  const pollingIntervalRef = _react.useRef.call(void 0, null);
+  const staleTimerRef = _react.useRef.call(void 0, null);
+  const typingTimerRef = _react.useRef.call(void 0, null);
+  const latestRequestId = _react.useRef.call(void 0, 0);
+  const lastRequestAtRef = _react.useRef.call(void 0, 0);
+  const lastStartAtRef = _react.useRef.call(void 0, 0);
+  const hasQuoteRef = _react.useRef.call(void 0, false);
+  const routingErrorsRef = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const clearTimers = _react.useCallback.call(void 0, () => {
+    if (pollingIntervalRef.current) clearTimeout(pollingIntervalRef.current);
+    if (staleTimerRef.current) clearTimeout(staleTimerRef.current);
+    if (typingTimerRef.current) clearTimeout(typingTimerRef.current);
+    pollingIntervalRef.current = null;
+    staleTimerRef.current = null;
+    typingTimerRef.current = null;
+  }, []);
+  const stop = _react.useCallback.call(void 0, () => {
+    clearTimers();
+    sessionIdRef.current = null;
+    latestRequestId.current = 0;
+    setStatus(() => hasQuoteRef.current ? "fresh" : "idle");
+  }, [clearTimers]);
+  const clear = _react.useCallback.call(void 0, () => {
+    stop();
+    lastParamsRef.current = null;
+    setRfqQuote(null);
+    setError(null);
+    setLiquidityError(false);
+    setRoutingError(false);
+    setSizeCapError(false);
+    routingErrorsRef.current.clear();
+    setStatus("idle");
+    setInputState("idle");
+  }, [stop]);
+  const scheduleStale = _react.useCallback.call(void 0, (receivedAt) => {
+    if (!receivedAt) return;
+    if (staleTimerRef.current) clearTimeout(staleTimerRef.current);
+    const delay = Math.max(0, receivedAt + STALE_WINDOW_MS - Date.now());
+    staleTimerRef.current = setTimeout(() => {
+      setStatus((prev) => prev === "idle" ? "idle" : "stale");
+    }, delay);
+  }, []);
+  const requestQuoteOnce = _react.useCallback.call(void 0, 
+    async (params, sessionId) => {
+      const { inputToken, outputToken, inputAmount, setOutputAmount } = params;
+      if (!inputToken || !outputToken || !inputAmount || parseFloat(inputAmount) <= 0)
+        return;
+      const now = Date.now();
+      if (now - (lastRequestAtRef.current || 0) < POLLING_INTERVAL_MS - 10)
+        return;
+      const requestId = ++latestRequestId.current;
+      try {
+        if (!_optionalChain([inputToken, 'optionalAccess', _5 => _5.decimals]) || !_optionalChain([outputToken, 'optionalAccess', _6 => _6.decimals])) return;
+        const srcChainKey = _chunkGZUTUD5Ocjs.getKeyForChainId.call(void 0, inputToken.chainId) || _optionalChain([_chunkGZUTUD5Ocjs.getChainConfig.call(void 0, inputToken.chainId), 'optionalAccess', _7 => _7.key]) || "";
+        const dstChainKey = _chunkGZUTUD5Ocjs.getKeyForChainId.call(void 0, outputToken.chainId) || _optionalChain([_chunkGZUTUD5Ocjs.getChainConfig.call(void 0, outputToken.chainId), 'optionalAccess', _8 => _8.key]) || "";
+        if (!srcChainKey || !dstChainKey) throw new Error("Unknown chain");
+        const normalizedAmount = _viem.parseUnits.call(void 0, 
+          inputAmount.toString(),
+          inputToken.decimals
+        ).toString();
+        const body = {
+          srcChainKey,
+          dstChainKey,
+          srcTokenAddress: _chunkGZUTUD5Ocjs.checkedAddress.call(void 0, inputToken.address),
+          dstTokenAddress: _chunkGZUTUD5Ocjs.checkedAddress.call(void 0, outputToken.address),
+          amount: normalizedAmount,
+          srcWalletAddress: userAddress || "0x0000000000000000000000000000000000000000",
+          dstWalletAddress: recipient || userAddress || "0x0000000000000000000000000000000000000000",
+          options: {
+            amountType: "EXACT_SRC_AMOUNT",
+            feeTolerance: { type: "PERCENT", amount: 2 }
+          }
+        };
+        lastRequestAtRef.current = Date.now();
+        const res = await fetch(`${_chunkGZUTUD5Ocjs.getVtApiUrl.call(void 0, )}/quotes`, {
+          method: "POST",
+          headers: _chunkGZUTUD5Ocjs.getVtHeaders.call(void 0, ),
+          body: JSON.stringify(body),
+          signal: AbortSignal.timeout(15e3)
+        });
+        if (!res.ok) {
+          const errBody = await res.json().catch(() => ({}));
+          const msg = _optionalChain([errBody, 'optionalAccess', _9 => _9.message]) || res.statusText;
+          throw Object.assign(new Error(msg), { status: res.status });
+        }
+        const data = await res.json();
+        if (requestId !== latestRequestId.current || sessionIdRef.current !== sessionId)
+          return;
+        const quotes = _nullishCoalesce(data.quotes, () => ( []));
+        const selected = selectQuote(quotes);
+        if (!selected) throw Object.assign(new Error("No quotes returned"), { emptyQuotes: true });
+        const formattedOutput = Number(
+          _viem.formatUnits.call(void 0, _chunkGZUTUD5Ocjs.toBigInt.call(void 0, selected.dstAmount), outputToken.decimals)
+        );
+        if (typeof setOutputAmount === "function") setOutputAmount(formattedOutput);
+        selected._receivedAt = Date.now();
+        setRfqQuote(selected);
+        setError(null);
+        setLiquidityError(false);
+        setStatus("fresh");
+        scheduleStale(selected._receivedAt);
+        if (sessionId) routingErrorsRef.current.delete(sessionId);
+      } catch (e) {
+        if (requestId !== latestRequestId.current || sessionIdRef.current !== sessionId)
+          return;
+        const statusCode = _optionalChain([e, 'optionalAccess', _10 => _10.status]);
+        const errorMessage = e instanceof Error ? e.message : "";
+        const isEmptyQuotes = !!_optionalChain([e, 'optionalAccess', _11 => _11.emptyQuotes]);
+        if ((statusCode === 400 || isEmptyQuotes || errorMessage.includes("Quote request failed")) && sessionId) {
+          const current = routingErrorsRef.current.get(sessionId) || 0;
+          const newCount = current + 1;
+          routingErrorsRef.current.set(sessionId, newCount);
+          if (newCount >= ROUTING_ERROR_THRESHOLD) {
+            setRoutingError(true);
+            clearTimers();
+            sessionIdRef.current = null;
+            return;
+          }
+        }
+        if (errorMessage.toLowerCase().includes("order cap exceeded")) {
+          setSizeCapError(true);
+          clearTimers();
+          sessionIdRef.current = null;
+          return;
+        }
+        if (errorMessage.toLowerCase().includes("insufficient executor balance")) {
+          setLiquidityError(true);
+          clearTimers();
+          sessionIdRef.current = null;
+          return;
+        }
+        setError(e instanceof Error ? e.message : "Unknown error");
+      }
+    },
+    [userAddress, recipient, scheduleStale, clearTimers]
+  );
+  const startPolling = _react.useCallback.call(void 0, 
+    (params, sessionId) => {
+      clearTimers();
+      lastParamsRef.current = params;
+      lastRequestAtRef.current = 0;
+      routingErrorsRef.current.delete(sessionId);
+      setLiquidityError(false);
+      setRoutingError(false);
+      setSizeCapError(false);
+      setError(null);
+      setStatus("polling");
+      const poll = async () => {
+        if (sessionIdRef.current !== sessionId) return;
+        await requestQuoteOnce(params, sessionId);
+        if (sessionIdRef.current !== sessionId) return;
+        pollingIntervalRef.current = setTimeout(poll, POLLING_INTERVAL_MS);
+      };
+      poll();
+    },
+    [clearTimers, requestQuoteOnce]
+  );
+  const ensureForParams = _react.useCallback.call(void 0, 
+    (params) => {
+      if (!_optionalChain([params, 'optionalAccess', _12 => _12.inputToken]) || !_optionalChain([params, 'optionalAccess', _13 => _13.outputToken]) || !_optionalChain([params, 'optionalAccess', _14 => _14.inputAmount]) || parseFloat(params.inputAmount) <= 0) {
+        stop();
+        return;
+      }
+      const prev = lastParamsRef.current;
+      const sameParams = prev && _optionalChain([prev, 'access', _15 => _15.inputToken, 'optionalAccess', _16 => _16.address]) === _optionalChain([params, 'access', _17 => _17.inputToken, 'optionalAccess', _18 => _18.address]) && _optionalChain([prev, 'access', _19 => _19.inputToken, 'optionalAccess', _20 => _20.chainId]) === _optionalChain([params, 'access', _21 => _21.inputToken, 'optionalAccess', _22 => _22.chainId]) && _optionalChain([prev, 'access', _23 => _23.outputToken, 'optionalAccess', _24 => _24.address]) === _optionalChain([params, 'access', _25 => _25.outputToken, 'optionalAccess', _26 => _26.address]) && _optionalChain([prev, 'access', _27 => _27.outputToken, 'optionalAccess', _28 => _28.chainId]) === _optionalChain([params, 'access', _29 => _29.outputToken, 'optionalAccess', _30 => _30.chainId]) && prev.inputAmount === params.inputAmount;
+      if (sameParams && sessionIdRef.current) return;
+      const now = Date.now();
+      if (now - lastStartAtRef.current < 100) return;
+      lastStartAtRef.current = now;
+      const newSessionId = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+      sessionIdRef.current = newSessionId;
+      startPolling(params, newSessionId);
+    },
+    [startPolling, stop]
+  );
+  const handleInputChange = _react.useCallback.call(void 0, 
+    ({ amount, inputToken, outputToken, setOutputAmount }) => {
+      setOutputAmount(null);
+      if (typingTimerRef.current) clearTimeout(typingTimerRef.current);
+      if (!amount || amount === 0) {
+        setInputState("idle");
+        stop();
+        setRfqQuote(null);
+        setError(null);
+        setLiquidityError(false);
+        setRoutingError(false);
+        setSizeCapError(false);
+      } else {
+        setInputState("typing");
+        stop();
+        setRfqQuote(null);
+        setLiquidityError(false);
+        setRoutingError(false);
+        setSizeCapError(false);
+        setError(null);
+        typingTimerRef.current = setTimeout(() => {
+          setInputState("settled");
+          if (inputToken && outputToken && amount > 0) {
+            ensureForParams({
+              inputToken,
+              outputToken,
+              inputAmount: amount.toString(),
+              setOutputAmount
+            });
+          }
+        }, TYPING_SETTLE_DELAY_MS);
+      }
+    },
+    [stop, ensureForParams]
+  );
+  const refresh = _react.useCallback.call(void 0, () => {
+    const params = lastParamsRef.current;
+    if (!params) return;
+    setRfqQuote(null);
+    const newSessionId = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    sessionIdRef.current = newSessionId;
+    setStatus("refreshing");
+    if (typeof params.setOutputAmount === "function")
+      params.setOutputAmount(null);
+    startPolling(params, newSessionId);
+  }, [startPolling]);
+  _react.useEffect.call(void 0, () => {
+    hasQuoteRef.current = !!rfqQuote;
+  }, [rfqQuote]);
+  _react.useEffect.call(void 0, () => () => clearTimers(), [clearTimers]);
+  const contextValue = _react.useMemo.call(void 0, 
+    () => ({
+      status,
+      inputState,
+      rfqQuote,
+      error,
+      liquidityError,
+      routingError,
+      sizeCapError,
+      ensureForParams,
+      stop,
+      refresh,
+      clear,
+      handleInputChange
+    }),
+    [
+      status,
+      inputState,
+      rfqQuote,
+      error,
+      liquidityError,
+      routingError,
+      sizeCapError,
+      ensureForParams,
+      stop,
+      refresh,
+      clear,
+      handleInputChange
+    ]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RfqContext.Provider, { value: contextValue, children });
+};
+var useRfq = () => {
+  const context = _react.useContext.call(void 0, RfqContext);
+  if (context === void 0)
+    throw new Error("useRfq must be used within an RfqProvider");
+  return context;
+};
+
+// src/wallet/WalletModalContext.tsx
+
+var WalletModalContext = _react.createContext.call(void 0, {
+  openConnectModal: () => {
+  }
+});
+var useWalletModal = () => _react.useContext.call(void 0, WalletModalContext);
+
+// src/components/AssetAmountInput.tsx
+
+
+var MAX_INPUT_LENGTH = 20;
+var AssetAmountInput = ({
+  side,
+  asset,
+  otherAsset,
+  isPlacingOrder,
+  isWrappingPair,
+  isUnwrappingPair
+}) => {
+  const { baseAmount, quoteAmount, setBaseAmount, setQuoteAmount } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
+  const { amountInputVariant, hideAmountInputSymbol, widgetType } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
+  const isCompactMode = widgetType === "compact";
+  const [setAssetAmount, setOtherAssetAmount] = side === "base" ? [setBaseAmount, setQuoteAmount] : [setQuoteAmount, setBaseAmount];
+  const disabled = !asset || side === "quote" || isPlacingOrder;
+  const maxFontSize = isCompactMode ? 32 : amountInputVariant === "default" ? 64 : 32;
+  const [fontSize, setFontSize] = _react.useState.call(void 0, maxFontSize);
+  const [inputValue, setInputValue] = _react.useState.call(void 0, "");
+  const containerRef = _react.useRef.call(void 0, null);
+  const measureRef = _react.useRef.call(void 0, null);
+  const symbolRef = _react.useRef.call(void 0, null);
+  const inputRef = _react.useRef.call(void 0, null);
+  const placeholderText = "USD";
+  const assetAmount = side === "base" ? baseAmount : quoteAmount;
+  const [isMounted, setIsMounted] = _react.useState.call(void 0, false);
+  const adjustFontSize = _react.useCallback.call(void 0, () => {
+    if (amountInputVariant !== "default") {
+      setFontSize(maxFontSize);
+      return;
+    }
+    if (!containerRef.current || !measureRef.current || !symbolRef.current)
+      return;
+    const containerWidth = containerRef.current.offsetWidth;
+    const padding = 20;
+    let newFontSize = maxFontSize;
+    while (newFontSize > 20) {
+      measureRef.current.style.fontSize = `${newFontSize}px`;
+      symbolRef.current.style.fontSize = `${newFontSize}px`;
+      const totalWidth = measureRef.current.offsetWidth + symbolRef.current.offsetWidth + padding;
+      if (totalWidth <= containerWidth) break;
+      newFontSize -= 1;
+    }
+    setFontSize(newFontSize);
+  }, [amountInputVariant, maxFontSize]);
+  const handleKeyDown = _react.useCallback.call(void 0, 
+    (e) => {
+      if (e.key === "." && inputValue.includes(".")) e.preventDefault();
+    },
+    [inputValue]
+  );
+  const handleAmountChange = _react.useCallback.call(void 0, 
+    (e) => {
+      let newValue = e.target.value;
+      if (newValue === ".") newValue = "0.";
+      if (!/^\d*\.?\d*$/.test(newValue)) return;
+      if ((newValue.match(/\./g) || []).length > 1) return;
+      if (newValue.length > 1 && newValue[0] === "0" && newValue[1] !== ".") {
+        newValue = newValue.replace(/^0+/, "") || "0";
+      }
+      if (_optionalChain([asset, 'optionalAccess', _31 => _31.decimals]) !== void 0 && newValue.includes(".")) {
+        const [, fracPart] = newValue.split(".");
+        if (fracPart && fracPart.length > asset.decimals) return;
+      }
+      if (newValue.length > MAX_INPUT_LENGTH) return;
+      setInputValue(newValue);
+      const newAmount = parseFloat(newValue);
+      if (newValue !== inputValue) {
+        if (newValue === "" || newValue === "0." || newValue.endsWith(".")) {
+          setAssetAmount(null);
+          if (side === "base") setOtherAssetAmount(null);
+        } else if (!Number.isNaN(newAmount) && newAmount >= 0) {
+          setAssetAmount(newAmount);
+        }
+        if (side === "base") setQuoteAmount(null);
+        if (isUnwrappingPair || isWrappingPair) setQuoteAmount(newAmount || 0);
+      }
+    },
+    [
+      inputValue,
+      setAssetAmount,
+      side,
+      setQuoteAmount,
+      _optionalChain([asset, 'optionalAccess', _32 => _32.decimals]),
+      setOtherAssetAmount,
+      isUnwrappingPair,
+      isWrappingPair
+    ]
+  );
+  _react.useEffect.call(void 0, () => {
+    const formatAmount = (amount) => {
+      if (amount === null) return "";
+      const decimals = _optionalChain([asset, 'optionalAccess', _33 => _33.decimals]);
+      if (decimals === void 0) return "";
+      let asString = amount.toString();
+      if (/e/i.test(asString)) {
+        asString = Number(amount).toLocaleString("en-US", {
+          useGrouping: false,
+          maximumFractionDigits: decimals
+        });
+      }
+      if (asString.includes(".")) {
+        const [intPart, fracPartRaw] = asString.split(".");
+        const fracPart = fracPartRaw.slice(0, decimals);
+        return fracPart ? `${intPart}.${fracPart}` : intPart;
+      }
+      return asString;
+    };
+    if (assetAmount === null) {
+      const isTypingDecimal = inputValue === "0." || inputValue !== "" && inputValue.endsWith(".");
+      if (!isTypingDecimal) setInputValue("");
+      return;
+    }
+    const isUserTyping = !disabled && (inputValue.endsWith(".") || inputValue.match(/\.\d*0$/) || inputValue === "0" || inputValue === "0.");
+    if (isUserTyping && inputValue !== "") return;
+    const currentNumericValue = parseFloat(inputValue) || 0;
+    if (inputValue === "" || Math.abs(currentNumericValue - assetAmount) > 1e-10) {
+      setInputValue(formatAmount(assetAmount));
+    }
+  }, [assetAmount, _optionalChain([asset, 'optionalAccess', _34 => _34.decimals]), inputValue, disabled]);
+  _react.useEffect.call(void 0, () => {
+    adjustFontSize();
+  }, [inputValue, adjustFontSize]);
+  _react.useEffect.call(void 0, () => {
+    setIsMounted(true);
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (isMounted) adjustFontSize();
+  }, [isMounted, adjustFontSize]);
+  _react.useEffect.call(void 0, () => {
+    if (measureRef.current && inputRef.current) {
+      inputRef.current.style.width = `${measureRef.current.offsetWidth}px`;
+    }
+  }, [inputValue]);
+  _react.useEffect.call(void 0, () => {
+    if (!isMounted) return;
+    const resizeObserver = new ResizeObserver(() => {
+      if (isMounted) adjustFontSize();
+    });
+    if (containerRef.current) resizeObserver.observe(containerRef.current);
+    return () => resizeObserver.disconnect();
+  }, [isMounted, adjustFontSize]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref: containerRef,
+      style: {
+        fontSize: `${fontSize}px`,
+        transition: "font-size 0.05s ease-in-out"
+      },
+      className: `mt-2 box-border flex ${isCompactMode ? amountInputVariant === "normal" ? "h-12 my-1" : "h-10 my-0.5" : amountInputVariant === "normal" ? "h-12 my-1" : "h-20 my-1"} w-full flex-row items-center ${disabled ? "cursor-default" : "cursor-text"}`,
+      onClick: () => _optionalChain([inputRef, 'access', _35 => _35.current, 'optionalAccess', _36 => _36.focus, 'call', _37 => _37()]),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex w-full items-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: `${side}Amount`, className: "sr-only", children: side === "base" ? "Input token amount" : "Output token amount" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            inputMode: "decimal",
+            placeholder: "0",
+            autoComplete: "off",
+            id: `${side}Amount`,
+            value: inputValue,
+            onWheel: (e) => e.target.blur(),
+            onKeyDown: handleKeyDown,
+            onChange: handleAmountChange,
+            style: {
+              transition: "width 0.15s ease-in-out",
+              color: disabled ? "var(--widget-foreground)" : "var(--widget-foreground)",
+              WebkitTextFillColor: disabled ? "var(--widget-foreground)" : "var(--widget-foreground)",
+              opacity: disabled ? 0.4 : 1
+            },
+            className: "flex min-w-[45px] whitespace-nowrap bg-transparent placeholder:opacity-50",
+            disabled
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            style: { transition: "width 0.15s ease-in-out" },
+            ref: measureRef,
+            className: "pointer-events-none absolute flex whitespace-nowrap invisible",
+            children: inputValue || 0
+          }
+        ),
+        !hideAmountInputSymbol && amountInputVariant !== "normal" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            ref: symbolRef,
+            className: "ml-2 font-light uppercase",
+            style: {
+              color: "var(--widget-foreground)",
+              opacity: 0.5,
+              fontSize: `${fontSize}px`
+            },
+            children: _optionalChain([asset, 'optionalAccess', _38 => _38.symbol]) ? asset.symbol.length > 6 ? `${asset.symbol.slice(0, 6)}...` : asset.symbol : placeholderText
+          }
+        ),
+        (hideAmountInputSymbol || amountInputVariant === "normal") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { ref: symbolRef, className: "hidden" })
+      ] })
+    }
+  );
+};
+var AssetAmountInput_default = AssetAmountInput;
+
+// src/components/AssetSelection.tsx
+
+var AssetSelection = ({
+  toggle,
+  side,
+  asset,
+  isPlacingOrder
+}) => {
+  const { baseBalance, quoteBalance } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
+  const { tokenDisplay, tokenBadgeOrientation, widgetType } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
+  const isCompactMode = widgetType === "compact";
+  const cardHeight = isCompactMode ? "h-10" : "h-12";
+  const iconSize = isCompactMode ? "h-10 w-10" : "h-12 w-12";
+  const userBalance = side === "base" ? baseBalance.formatted ? (() => {
+    const value = parseFloat(baseBalance.formatted);
+    return value >= 1e8 ? _chunkGZUTUD5Ocjs.formatNumber.call(void 0, value) : value.toFixed(3);
+  })() : void 0 : quoteBalance.formatted ? (() => {
+    const value = parseFloat(quoteBalance.formatted);
+    return value >= 1e8 ? _chunkGZUTUD5Ocjs.formatNumber.call(void 0, value) : value.toFixed(3);
+  })() : void 0;
+  const sharedProps = {
+    role: "button",
+    tabIndex: isPlacingOrder ? -1 : 0,
+    "aria-disabled": isPlacingOrder,
+    "aria-label": `Select ${side === "base" ? "input" : "output"} token${asset ? `: ${asset.symbol}` : ""}`,
+    onClick: !isPlacingOrder ? toggle : void 0,
+    onKeyDown: !isPlacingOrder ? (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        toggle();
+      }
+    } : void 0
+  };
+  if (tokenDisplay === "pill") {
+    const isRight = tokenBadgeOrientation === "right";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ...sharedProps,
+        className: `inline-flex items-center gap-1.5 h-7 px-2.5 rounded-full cursor-pointer transition-colors ${isRight ? "ml-auto" : ""}`,
+        style: {
+          border: "1px solid var(--widget-border)",
+          backgroundColor: "var(--widget-secondary)",
+          color: "var(--widget-secondary-foreground)"
+        },
+        children: asset ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ChainIcon_default, { chain: asset.chainId, size: "xs" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGZUTUD5Ocjs.TokenImage_default,
+            {
+              className: "rounded-full",
+              asset,
+              size: "xxs",
+              noChain: true
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-medium uppercase", children: asset.symbol }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGZUTUD5Ocjs.DropdownIcon,
+            {
+              className: "w-1.5 opacity-60",
+              style: { color: "var(--widget-secondary-foreground)" }
+            }
+          )
+        ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs opacity-70", children: "Select" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkGZUTUD5Ocjs.DropdownIcon,
+            {
+              className: "w-1.5 opacity-60",
+              style: { color: "var(--widget-secondary-foreground)" }
+            }
+          )
+        ] })
+      }
+    );
+  }
+  if (tokenDisplay === "ghost") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ...sharedProps,
+        className: "inline-flex items-center gap-1.5 cursor-pointer transition-opacity hover:opacity-70 py-1",
+        style: { color: "var(--widget-foreground)" },
+        children: [
+          asset ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ChainIcon_default, { chain: asset.chainId, size: "xs" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkGZUTUD5Ocjs.TokenImage_default,
+              {
+                className: "rounded-full",
+                asset,
+                size: "xxs",
+                noChain: true
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm font-medium uppercase", children: asset.symbol })
+          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: "text-sm",
+              style: { color: "var(--widget-muted-foreground)" },
+              children: "Select token"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.DropdownIcon, { className: "w-1.5 opacity-50" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...sharedProps,
+      className: `relative ${cardHeight} w-full cursor-pointer text-xl duration-100 ease-linear`,
+      style: {
+        border: "1px solid var(--widget-border)",
+        backgroundColor: "var(--widget-secondary)",
+        borderTopLeftRadius: "9999px",
+        borderBottomLeftRadius: "9999px",
+        borderTopRightRadius: "var(--widget-radius)",
+        borderBottomRightRadius: "var(--widget-radius)"
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex h-full w-full flex-row items-center", children: asset ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex h-full w-full flex-row items-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: `${iconSize} pl-px flex items-center justify-center`,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { className: "rounded-full", asset, size: "md" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full flex-row items-center justify-between pl-1.5 pr-7", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col justify-center", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "p",
+              {
+                className: "text-sm font-medium uppercase",
+                style: { color: "var(--widget-secondary-foreground)" },
+                children: asset.symbol
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "span",
+              {
+                className: "text-2xs font-mono",
+                style: {
+                  color: "var(--widget-secondary-foreground)",
+                  opacity: 0.6
+                },
+                children: [
+                  _optionalChain([asset, 'access', _39 => _39.address, 'optionalAccess', _40 => _40.slice, 'call', _41 => _41(0, 6)]),
+                  "...",
+                  _optionalChain([asset, 'access', _42 => _42.address, 'optionalAccess', _43 => _43.slice, 'call', _44 => _44(-4)])
+                ]
+              }
+            )
+          ] }),
+          userBalance !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col text-right", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "p",
+              {
+                className: "text-2xs",
+                style: {
+                  color: "var(--widget-secondary-foreground)",
+                  opacity: 0.5
+                },
+                children: "Balance"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "span",
+              {
+                className: "font-mono text-xs tabular-nums",
+                style: { color: "var(--widget-secondary-foreground)" },
+                children: userBalance
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkGZUTUD5Ocjs.DropdownIcon,
+          {
+            className: "absolute right-3 top-1/2 w-1.5 translate-y-[-50%]",
+            style: {
+              color: "var(--widget-secondary-foreground)",
+              opacity: 0.6
+            }
+          }
+        )
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "span",
+        {
+          className: "text-sm",
+          style: {
+            color: "var(--widget-secondary-foreground)",
+            opacity: 0.7
+          },
+          children: "Select token"
+        }
+      ) }) })
+    }
+  );
+};
+var AssetSelection_default = AssetSelection;
+
+// src/components/RecipientForm.tsx
+var import_ethereum_gradient_base64 = _chunkNBJPKJBCcjs.__toESM.call(void 0, _chunk5TH6MFQDcjs.require_main.call(void 0, ), 1);
+
+
+var RecipientForm = () => {
+  const [recipient, setRecipient] = _react.useState.call(void 0, null);
+  const [inputValue, setInputValue] = _react.useState.call(void 0, "");
+  const debouncedValue = _chunkGZUTUD5Ocjs.useDebounce.call(void 0, inputValue, 1e3);
+  const [isError, setIsError] = _react.useState.call(void 0, false);
+  const [errorMessage, setErrorMessage] = _react.useState.call(void 0, "");
+  _react.useEffect.call(void 0, () => {
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setRecipient(recipient);
+  }, [recipient]);
+  _react.useEffect.call(void 0, () => {
+    if (recipient) setInputValue(recipient);
+    else setInputValue("");
+  }, [recipient]);
+  const handleInputChange = (e) => {
+    const value = e.target.value;
+    if (isError) {
+      setIsError(false);
+      setErrorMessage("");
+      setRecipient(null);
+    }
+    setInputValue(value);
+    if (value === "") setRecipient(null);
+  };
+  _react.useEffect.call(void 0, () => {
+    if (debouncedValue === "" || !debouncedValue) {
+      setIsError(false);
+      setErrorMessage("");
+      setRecipient(null);
+    } else if (!_chunkGZUTUD5Ocjs.isAddress.call(void 0, debouncedValue)) {
+      setIsError(true);
+      setErrorMessage("Invalid wallet address...");
+      setRecipient(null);
+      setInputValue("");
+    } else {
+      setIsError(false);
+      setErrorMessage("");
+      setRecipient(debouncedValue);
+    }
+  }, [debouncedValue]);
+  _react.useEffect.call(void 0, () => {
+    if (isError) {
+      const timeout = setTimeout(() => {
+        setRecipient(null);
+        setInputValue("");
+        setIsError(false);
+        setErrorMessage("");
+      }, 2e3);
+      return () => clearTimeout(timeout);
+    }
+  }, [isError]);
+  const handleClear = () => {
+    setRecipient(null);
+    setInputValue("");
+    setIsError(false);
+    setErrorMessage("");
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative flex flex-row items-center", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type: "password",
+        style: { display: "none" },
+        "aria-hidden": "true",
+        tabIndex: -1
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "recipient-address", className: "sr-only", children: "Recipient wallet address" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "absolute left-3 flex h-6 w-6 items-end justify-center overflow-hidden rounded-full",
+        style: { backgroundColor: "var(--widget-secondary)" },
+        children: recipient && !isError ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "img",
+          {
+            className: "h-full w-full rounded-full object-cover",
+            src: (0, import_ethereum_gradient_base64.makeGradient)(recipient),
+            alt: "Recipient avatar"
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkGZUTUD5Ocjs.UserIcon,
+          {
+            className: "h-5 w-5",
+            style: {
+              color: isError ? "var(--widget-destructive)" : "var(--widget-muted-foreground)"
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "absolute left-12 top-1.5 -translate-y-1 text-xs font-medium opacity-60",
+        style: {
+          color: isError ? "var(--widget-destructive)" : "var(--widget-muted-foreground)"
+        },
+        "aria-hidden": "true",
+        children: "To:"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        id: "recipient-address",
+        className: "mono block h-10 w-full items-center pl-12 pt-4 pr-8 text-xs",
+        style: {
+          backgroundColor: isError ? `color-mix(in srgb, var(--widget-destructive) 10%, transparent)` : "transparent",
+          color: isError ? "var(--widget-destructive)" : "var(--widget-foreground)",
+          outline: "none",
+          opacity: isError ? 0.9 : 1
+        },
+        placeholder: isError ? errorMessage : "Enter recipient address...",
+        value: inputValue,
+        onChange: handleInputChange,
+        spellCheck: false,
+        "aria-invalid": isError,
+        "aria-describedby": isError ? "recipient-error" : void 0
+      }
+    ),
+    isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "recipient-error", className: "sr-only", children: errorMessage }),
+    recipient && !isError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer flex items-center justify-center h-4 w-4 rounded-full transition-colors hover:[color:var(--widget-destructive)]",
+        style: { color: "var(--widget-muted-foreground)" },
+        onClick: handleClear,
+        "aria-label": "Clear recipient",
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { className: "h-2.5 w-2.5", viewBox: "0 -0.5 21 21", fill: "none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { fill: "currentColor", fillRule: "evenodd", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "polygon",
+            {
+              points: "375.0183 90 384 98.554 382.48065 100 373.5 91.446 364.5183 100 363 98.554 371.98065 90 363 81.446 364.5183 80 373.5 88.554 382.48065 80 384 81.446",
+              transform: "translate(-363 -80)"
+            }
+          ) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Clear recipient" })
+        ]
+      }
+    )
+  ] }) });
+};
+var RecipientForm_default = RecipientForm;
+
+// src/lib/pollOrderStatus.ts
+var TERMINAL_STATUSES = ["SUCCEEDED", "FAILED", "COMPLETED", "CANCELLED"];
+async function pollOrderStatus(quoteId, baseUrl, options = {}) {
+  const {
+    onStatusChange,
+    onComplete,
+    onError,
+    interval = 4e3,
+    timeout = 3e5,
+    txHash,
+    signal
+  } = options;
+  let lastStatus = null;
+  const startTime = Date.now();
+  let consecutiveErrorCount = 0;
+  const MAX_CONSECUTIVE_ERRORS = 8;
+  let timeoutId = null;
+  const queryString = txHash ? `?txHash=${txHash}` : "";
+  return new Promise((resolve, reject) => {
+    const checkStatus = async () => {
+      try {
+        if (_optionalChain([signal, 'optionalAccess', _45 => _45.aborted])) {
+          if (timeoutId) clearTimeout(timeoutId);
+          reject(new DOMException("Polling aborted", "AbortError"));
+          return;
+        }
+        if (Date.now() - startTime > timeout) {
+          if (timeoutId) clearTimeout(timeoutId);
+          const error = new Error("Order status polling timed out");
+          _optionalChain([onError, 'optionalCall', _46 => _46(error)]);
+          reject(error);
+          return;
+        }
+        const response = await fetch(`${baseUrl}/status/${quoteId}${queryString}`, {
+          headers: _chunkGZUTUD5Ocjs.getVtHeaders.call(void 0, ),
+          signal
+        });
+        if (response.status === 404) {
+          timeoutId = setTimeout(checkStatus, interval);
+          return;
+        }
+        if (!response.ok) {
+          throw new Error(`Failed to fetch order status: ${await response.text()}`);
+        }
+        const status = await response.json();
+        if (!status || typeof status !== "object" || !status.status) {
+          throw new Error(`Invalid status response format: ${JSON.stringify(status)}`);
+        }
+        consecutiveErrorCount = 0;
+        const normalized = status.status.toUpperCase();
+        if (normalized !== lastStatus) {
+          lastStatus = normalized;
+          _optionalChain([onStatusChange, 'optionalCall', _47 => _47(status)]);
+        }
+        if (TERMINAL_STATUSES.includes(normalized)) {
+          if (timeoutId) clearTimeout(timeoutId);
+          _optionalChain([onComplete, 'optionalCall', _48 => _48(status)]);
+          resolve(status);
+          return;
+        }
+        timeoutId = setTimeout(checkStatus, interval);
+      } catch (error) {
+        if (error instanceof Error && error.name === "AbortError") {
+          if (timeoutId) clearTimeout(timeoutId);
+          reject(error);
+          return;
+        }
+        if (++consecutiveErrorCount >= MAX_CONSECUTIVE_ERRORS) {
+          if (timeoutId) clearTimeout(timeoutId);
+          const err = error instanceof Error ? error : new Error(String(error));
+          _optionalChain([onError, 'optionalCall', _49 => _49(err)]);
+          reject(err);
+          return;
+        }
+        timeoutId = setTimeout(checkStatus, interval);
+      }
+    };
+    checkStatus();
+  });
+}
+
+// src/hooks/useOrderStatusPolling.ts
+
+function normalizeStatus(vtStatus) {
+  const upper = vtStatus.toUpperCase();
+  if (upper === "SUCCEEDED" || upper === "COMPLETED") return "completed";
+  if (upper === "FAILED") return "failed";
+  if (upper === "CANCELLED") return "cancelled";
+  if (upper === "PROCESSING") return "received";
+  return "pending";
+}
+var useOrderStatusPolling = (onStatusUpdate) => {
+  const activePolls = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const orderMetadata = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const abortControllers = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const pollingLock = _react.useRef.call(void 0, 0);
+  const incrementPollingLock = _react.useCallback.call(void 0, () => ++pollingLock.current, []);
+  const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
+  const emitBalanceEvent = useEmitBalanceEvent();
+  const startPolling = _react.useCallback.call(void 0, 
+    (quoteId, metadata) => {
+      if (activePolls.current.get(quoteId)) return;
+      if (metadata) orderMetadata.current.set(quoteId, metadata);
+      activePolls.current.set(quoteId, true);
+      const currentLock = pollingLock.current;
+      const abortController = new AbortController();
+      abortControllers.current.set(quoteId, abortController);
+      const isMainnet = _optionalChain([metadata, 'optionalAccess', _50 => _50.baseToken, 'optionalAccess', _51 => _51.chainId]) === 1;
+      pollOrderStatus(
+        quoteId,
+        _chunkGZUTUD5Ocjs.getVtApiUrl.call(void 0, ),
+        {
+          interval: isMainnet ? 1e3 : 500,
+          timeout: 3e5,
+          signal: abortController.signal,
+          onStatusChange: (status) => {
+            if (!_optionalChain([status, 'optionalAccess', _52 => _52.status])) return;
+            const statusValue = normalizeStatus(status.status);
+            _optionalChain([onStatusUpdate, 'optionalCall', _53 => _53(quoteId, statusValue)]);
+            if (statusValue === "completed" && userAddress) {
+              const meta = orderMetadata.current.get(quoteId);
+              if (meta && (meta.baseToken || meta.quoteToken)) {
+                const tokens = [];
+                if (meta.baseToken) tokens.push({ asset: meta.baseToken, userAddress });
+                if (meta.quoteToken) tokens.push({ asset: meta.quoteToken, userAddress });
+                emitBalanceEvent({ type: "swap", tokens });
+              }
+            }
+            if (["completed", "failed", "cancelled"].includes(statusValue)) {
+              activePolls.current.delete(quoteId);
+              orderMetadata.current.delete(quoteId);
+            }
+            if (currentLock !== pollingLock.current) {
+              activePolls.current.delete(quoteId);
+              orderMetadata.current.delete(quoteId);
+            }
+          },
+          onComplete: (status) => {
+            if (_optionalChain([status, 'optionalAccess', _54 => _54.status])) {
+              _optionalChain([onStatusUpdate, 'optionalCall', _55 => _55(quoteId, normalizeStatus(status.status))]);
+            }
+            activePolls.current.delete(quoteId);
+            orderMetadata.current.delete(quoteId);
+          },
+          onError: () => {
+            activePolls.current.delete(quoteId);
+            orderMetadata.current.delete(quoteId);
+          }
+        }
+      ).catch((error) => {
+        if (error instanceof Error && error.name === "AbortError") return;
+        activePolls.current.delete(quoteId);
+        orderMetadata.current.delete(quoteId);
+        abortControllers.current.delete(quoteId);
+      });
+    },
+    [userAddress, emitBalanceEvent, onStatusUpdate]
+  );
+  const stopPolling = _react.useCallback.call(void 0, 
+    (quoteId) => {
+      const controller = abortControllers.current.get(quoteId);
+      if (controller) {
+        controller.abort();
+        abortControllers.current.delete(quoteId);
+      }
+      incrementPollingLock();
+      activePolls.current.delete(quoteId);
+      orderMetadata.current.delete(quoteId);
+    },
+    [incrementPollingLock]
+  );
+  const stopAllPolling = _react.useCallback.call(void 0, () => {
+    for (const controller of abortControllers.current.values()) controller.abort();
+    abortControllers.current.clear();
+    incrementPollingLock();
+    activePolls.current.clear();
+    orderMetadata.current.clear();
+  }, [incrementPollingLock]);
+  _react.useEffect.call(void 0, () => {
+    return () => stopAllPolling();
+  }, [stopAllPolling]);
+  return {
+    startPolling,
+    stopPolling,
+    stopAllPolling,
+    isPolling: (quoteId) => activePolls.current.has(quoteId)
+  };
+};
+
+// src/wallet/TransactionRegistryContext.tsx
+
+var TransactionRegistryContext = _react.createContext.call(void 0, {
+  registerTransaction: () => {
+  },
+  enabled: false
+});
+var useTransactionRegistry = () => _react.useContext.call(void 0, TransactionRegistryContext);
+
+// src/lib/signSwap.ts
+var _actions = require('viem/actions');
+function isUserRejection(error) {
+  if (!(error instanceof Error)) return false;
+  return error.name === "UserRejectedRequestError" || error.message.includes("User rejected") || error.message.includes("rejected") || error.message.includes("denied") || error.message.includes("cancelled") || error.message.includes("canceled");
+}
+async function resolveChainId(walletClient) {
+  if (_optionalChain([walletClient, 'access', _56 => _56.chain, 'optionalAccess', _57 => _57.id])) return walletClient.chain.id;
+  const result = _optionalChain([walletClient, 'access', _58 => _58.getChainId, 'optionalCall', _59 => _59()]);
+  if (result != null) return await result;
+  return null;
+}
+var ChainSwitch = async (walletClient, requiredChainId) => {
+  try {
+    const currentChainId = await resolveChainId(walletClient);
+    if (currentChainId === requiredChainId) return true;
+    if (walletClient.request) {
+      await walletClient.request({
+        method: "wallet_switchEthereumChain",
+        params: [{ chainId: `0x${requiredChainId.toString(16)}` }]
+      });
+    } else if (walletClient.switchChain) {
+      await walletClient.switchChain({ id: requiredChainId });
+    } else if (walletClient.send) {
+      await walletClient.send("wallet_switchEthereumChain", [
+        { chainId: `0x${requiredChainId.toString(16)}` }
+      ]);
+    } else {
+      throw new Error("Wallet doesn't support chain switching");
+    }
+    const newChainId = await resolveChainId(walletClient);
+    return newChainId === requiredChainId;
+  } catch (error) {
+    if (isUserRejection(error)) {
+      throw new Error("User rejected the chain switch request");
+    }
+    throw new Error(
+      `Please switch your wallet to the required network (Chain ID: ${requiredChainId})`
+    );
+  }
+};
+var SignSwap = async (params) => {
+  const { quote, signatureStep, userAddress, walletClient } = params;
+  if (!walletClient) throw new Error("Wallet client not available");
+  if (signatureStep.type !== "SIGNATURE" || !_optionalChain([signatureStep, 'access', _60 => _60.signature, 'optionalAccess', _61 => _61.typedData]))
+    throw new Error("Invalid signature step");
+  try {
+    const typed = signatureStep.signature.typedData;
+    const normalizedMessage = { ...typed.message };
+    for (const key of ["inputAmount", "outputAmount", "startTime", "endTime"]) {
+      if (normalizedMessage[key] != null) {
+        normalizedMessage[key] = BigInt(normalizedMessage[key]);
+      }
+    }
+    const domain = typed.domain;
+    if (domain.chainId != null) {
+      const chainId = Number(domain.chainId);
+      await ChainSwitch(walletClient, chainId);
+    }
+    const signature = await _actions.signTypedData.call(void 0, walletClient, {
+      account: userAddress,
+      domain,
+      types: typed.types,
+      primaryType: typed.primaryType,
+      message: normalizedMessage
+    });
+    const submitRes = await fetch(`${_chunkGZUTUD5Ocjs.getVtApiUrl.call(void 0, )}/submit-signature`, {
+      method: "POST",
+      headers: _chunkGZUTUD5Ocjs.getVtHeaders.call(void 0, ),
+      body: JSON.stringify({
+        quoteId: quote.id,
+        signatures: [signature]
+      })
+    });
+    if (!submitRes.ok) {
+      const errBody = await submitRes.json().catch(() => ({}));
+      throw new Error(_optionalChain([errBody, 'optionalAccess', _62 => _62.message]) || `Submit failed: ${submitRes.status}`);
+    }
+    return { quoteId: quote.id, signature };
+  } catch (error) {
+    if (isUserRejection(error)) {
+      throw new Error("User rejected the signing request");
+    }
+    if (error instanceof Error && error.message.includes("chain")) {
+      throw new Error("Chain switching failed. Please manually switch to the correct network.");
+    }
+    throw error;
+  }
+};
+
+// src/lib/submitTracker.ts
+var STORAGE_KEY = "vt_submitted_quotes";
+var QUOTE_EXPIRATION_MS = 30 * 1e3;
+var getSubmittedQuotes = () => {
+  try {
+    const stored = localStorage.getItem(STORAGE_KEY);
+    return stored ? JSON.parse(stored) : [];
+  } catch (e3) {
+    return [];
+  }
+};
+var saveSubmittedQuotes = (quotes) => {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(quotes));
+  } catch (e4) {
+  }
+};
+var isQuoteFresh = (createdAt) => {
+  const now = Date.now();
+  const createdMs = typeof createdAt === "string" ? new Date(createdAt).getTime() : createdAt > 9999999999 ? createdAt : createdAt * 1e3;
+  return now < createdMs + QUOTE_EXPIRATION_MS;
+};
+var isOrderAlreadySubmitted = (quoteId) => {
+  return getSubmittedQuotes().some((q) => q.quoteId === quoteId);
+};
+var canSubmitOrder = (quoteId, createdAt) => {
+  if (isOrderAlreadySubmitted(quoteId)) {
+    return { canSubmit: false, reason: "Order already submitted" };
+  }
+  if (!isQuoteFresh(createdAt)) {
+    return { canSubmit: false, reason: "Quote has expired" };
+  }
+  return { canSubmit: true };
+};
+var markOrderAsSubmitted = (quoteId, createdAt) => {
+  const createdMs = typeof createdAt === "string" ? new Date(createdAt).getTime() : createdAt;
+  const submitted = getSubmittedQuotes();
+  submitted.push({ quoteId, submittedAt: Date.now(), createdAt: createdMs });
+  saveSubmittedQuotes(submitted);
+};
+var cleanupOldSubmissions = () => {
+  const submitted = getSubmittedQuotes();
+  const now = Date.now();
+  const CLEANUP_THRESHOLD = 5 * 60 * 1e3;
+  const cleaned = submitted.filter((q) => now - q.submittedAt < CLEANUP_THRESHOLD);
+  if (cleaned.length !== submitted.length) saveSubmittedQuotes(cleaned);
+};
+
+// src/queries/useUnwrapToken.ts
+
+var _core = require('@wagmi/core');
+var _abis = require('abitype/abis');
+var _wagmi = require('wagmi');
+function useUnwrapToken() {
+  const wagmiConfig = _wagmi.useConfig.call(void 0, );
+  return _reactquery.useMutation.call(void 0, {
+    mutationFn: async ({ chainId, accountAddress, amountRaw, writeContractAsync }) => {
+      const chainConfig = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, chainId);
+      if (!chainConfig) throw new Error(`No wrapping contract for chain ${chainId}`);
+      const wNativeAddress = chainConfig.wrappedAsset.address;
+      const hash = await writeContractAsync({
+        abi: _abis.wethAbi,
+        functionName: "withdraw",
+        address: wNativeAddress,
+        account: accountAddress,
+        args: [amountRaw],
+        chainId
+      });
+      const receipt = await _core.waitForTransactionReceipt.call(void 0, wagmiConfig, {
+        hash,
+        chainId,
+        confirmations: 1,
+        pollingInterval: 4e3
+      });
+      if (receipt.status !== "success") {
+        throw new Error("Unwrap transaction did not get successful receipt");
+      }
+      return { success: true, hash };
+    }
+  });
+}
+
+// src/queries/useWrapToken.ts
+
+
+
+
+function useWrapToken() {
+  const wagmiConfig = _wagmi.useConfig.call(void 0, );
+  return _reactquery.useMutation.call(void 0, {
+    mutationFn: async ({ chainId, accountAddress, amountRaw, writeContractAsync }) => {
+      const chainConfig = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, chainId);
+      if (!chainConfig) throw new Error(`No wrapping contract for chain ${chainId}`);
+      const wNativeAddress = chainConfig.wrappedAsset.address;
+      const hash = await writeContractAsync({
+        abi: _abis.wethAbi,
+        functionName: "deposit",
+        address: wNativeAddress,
+        account: accountAddress,
+        value: amountRaw,
+        chainId
+      });
+      const receipt = await _core.waitForTransactionReceipt.call(void 0, wagmiConfig, {
+        hash,
+        chainId,
+        confirmations: 1,
+        pollingInterval: 4e3
+      });
+      if (receipt.status !== "success") {
+        throw new Error("Wrap transaction did not get successful receipt");
+      }
+      return { success: true, hash };
+    }
+  });
+}
+
+// src/components/states/SwapButton.tsx
+
+
+
+// src/wallet/useTransactionTracker.ts
+
+function useTransactionTracker() {
+  const { registerTransaction, enabled } = useTransactionRegistry();
+  const registeredRef = _react.useRef.call(void 0, /* @__PURE__ */ new Set());
+  const trackOrderTransaction = _react.useCallback.call(void 0, 
+    (quoteId, description) => {
+      if (!enabled || registeredRef.current.has(quoteId)) return;
+      registeredRef.current.add(quoteId);
+      registerTransaction(quoteId, description);
+    },
+    [enabled, registerTransaction]
+  );
+  const trackNativeTransaction = _react.useCallback.call(void 0, 
+    (txHash, description) => {
+      if (!enabled || registeredRef.current.has(txHash)) return;
+      registeredRef.current.add(txHash);
+      registerTransaction(txHash, description);
+    },
+    [enabled, registerTransaction]
+  );
+  return { trackOrderTransaction, trackNativeTransaction, txTrackingEnabled: enabled };
+}
+
+// src/components/states/ReviewActionChainSwitchRow.tsx
+
+
+
+var WALLET_TIMEOUT_MS = 15e3;
+var ComponentStep = "chain";
+var ReviewActionChainSwitchRow = ({
+  needsChainSwitch,
+  requiredChain,
+  reviewState,
+  goToNextStep,
+  cancel
+}) => {
+  const hasSucceeded = _chunkGZUTUD5Ocjs.isReviewStepPast.call(void 0, ComponentStep, reviewState);
+  const [chainState, setChainState] = _react.useState.call(void 0, "pending");
+  const isSwitching = _react.useRef.call(void 0, false);
+  const switchAttempted = _react.useRef.call(void 0, false);
+  const timeoutRef = _react.useRef.call(void 0, null);
+  const currentChainId = _wagmi.useChainId.call(void 0, );
+  const { switchChainAsync } = _wagmi.useSwitchChain.call(void 0, );
+  const { status: wagmiStatus, isReconnecting } = _wagmi.useAccount.call(void 0, );
+  const clearPendingTimeout = _react.useCallback.call(void 0, () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  }, []);
+  const handleChainSwitch = _react.useCallback.call(void 0, async () => {
+    if (isSwitching.current || switchAttempted.current || wagmiStatus !== "connected" || isReconnecting) return;
+    isSwitching.current = true;
+    switchAttempted.current = true;
+    setChainState("pending");
+    timeoutRef.current = setTimeout(() => {
+      if (isSwitching.current) {
+        setChainState("error");
+        isSwitching.current = false;
+      }
+    }, WALLET_TIMEOUT_MS);
+    try {
+      await switchChainAsync({ chainId: requiredChain.chainId });
+      clearPendingTimeout();
+      setChainState("success");
+      goToNextStep(ComponentStep, reviewState);
+    } catch (e5) {
+      clearPendingTimeout();
+      setChainState("error");
+    } finally {
+      isSwitching.current = false;
+    }
+  }, [switchChainAsync, wagmiStatus, isReconnecting, requiredChain.chainId, goToNextStep, reviewState, clearPendingTimeout]);
+  _react.useEffect.call(void 0, () => {
+    if (isSwitching.current || switchAttempted.current) return;
+    if (reviewState === ComponentStep && chainState === "pending" && wagmiStatus === "connected" && !isReconnecting) {
+      if (needsChainSwitch && currentChainId !== requiredChain.chainId) handleChainSwitch();
+      else {
+        setChainState("success");
+        goToNextStep(ComponentStep, reviewState);
+      }
+    }
+  }, [reviewState, chainState, needsChainSwitch, currentChainId, requiredChain.chainId, wagmiStatus, isReconnecting, handleChainSwitch, goToNextStep]);
+  _react.useEffect.call(void 0, () => () => clearPendingTimeout(), [clearPendingTimeout]);
+  const handleRetry = () => {
+    if (chainState === "error") {
+      switchAttempted.current = false;
+      setChainState("pending");
+    }
+  };
+  const isError = !hasSucceeded && chainState === "error";
+  const showCancel = !hasSucceeded && (chainState === "pending" || chainState === "error");
+  const statusVar = isError ? "var(--widget-status-failed)" : "var(--widget-status-pending)";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row justify-between space-x-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: `inline-flex h-12 w-full items-center justify-center text-sm font-medium transition duration-150 ${isError ? "cursor-pointer" : "cursor-not-allowed"}`,
+        style: {
+          backgroundColor: `color-mix(in srgb, ${statusVar} 12%, transparent)`,
+          border: `1px solid color-mix(in srgb, ${statusVar} 20%, transparent)`,
+          color: statusVar,
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: isError ? handleRetry : void 0,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-10 w-full flex-row items-center space-x-3 px-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ChainIcon_default, { chain: requiredChain.chainId, size: "xs" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-nowrap", children: isError ? "Retry Switch" : `Switch to ${requiredChain.name}` }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 border-t", style: { borderColor: "var(--widget-border)" } }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-6 w-3 items-center justify-center rounded-full", children: [
+            !hasSucceeded && chainState === "pending" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.LoadingSpinner_default, { size: "5" }),
+            (hasSucceeded || chainState === "success") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.Checkmark, { className: "h-8 w-8" }),
+            isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.RedoIcon, { className: "h-[12px] w-[12px]" })
+          ] })
+        ] })
+      }
+    ),
+    showCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-12 items-center justify-center px-8 text-sm font-medium transition duration-150 cursor-pointer",
+        style: {
+          backgroundColor: "color-mix(in srgb, var(--widget-status-failed) 12%, transparent)",
+          border: "1px solid color-mix(in srgb, var(--widget-status-failed) 20%, transparent)",
+          color: "var(--widget-status-failed)",
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: cancel,
+        children: "Cancel"
+      }
+    )
+  ] });
+};
+var ReviewActionChainSwitchRow_default = ReviewActionChainSwitchRow;
+
+// src/components/states/ReviewActionSignAndSubmitOrderRow.tsx
+
+
+
+
+// src/components/CountDown.tsx
+
+
+var CountDown = ({ startTime, onExpired }) => {
+  const [timeLeft, setTimeLeft] = _react.useState.call(void 0, 30);
+  const [isExpired, setIsExpired] = _react.useState.call(void 0, false);
+  const firedRef = _react.useRef.call(void 0, false);
+  const onExpiredRef = _react.useRef.call(void 0, onExpired);
+  onExpiredRef.current = onExpired;
+  _react.useEffect.call(void 0, () => {
+    firedRef.current = false;
+  }, [startTime]);
+  _react.useEffect.call(void 0, () => {
+    const calculateTimeLeft = () => {
+      const now = Date.now();
+      const startTimeMs = startTime > 9999999999 ? startTime : startTime * 1e3;
+      const expirationTime = startTimeMs + 30 * 1e3;
+      const remaining = Math.max(0, expirationTime - now);
+      const remainingSeconds = Math.floor(remaining / 1e3);
+      if (remainingSeconds <= 0) {
+        setTimeLeft(0);
+        if (!firedRef.current) {
+          firedRef.current = true;
+          setIsExpired(true);
+          onExpiredRef.current();
+        }
+        return;
+      }
+      setTimeLeft(remainingSeconds);
+      setIsExpired(false);
+    };
+    if (isExpired) return;
+    calculateTimeLeft();
+    const interval = setInterval(calculateTimeLeft, 1e3);
+    return () => clearInterval(interval);
+  }, [startTime, isExpired]);
+  const formatTime = (seconds) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+  };
+  if (isExpired) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs font-mono", children: formatTime(timeLeft) });
+};
+var CountDown_default = CountDown;
+
+// src/components/states/ReviewActionSignAndSubmitOrderRow.tsx
+
+function isUserRejectionError(error) {
+  return error.name === "UserRejectedRequestError" || error.message.includes("User rejected") || error.message.includes("rejected") || error.message.includes("denied") || error.message.includes("cancelled") || error.message.includes("canceled");
+}
+var ComponentStep2 = "signingOrder";
+async function executeTransactionStep(step, userAddress, sendTransactionAsync, wagmiConfig, fallbackChainKey) {
+  const encoded = _optionalChain([step, 'access', _63 => _63.transaction, 'optionalAccess', _64 => _64.encoded]);
+  const to = _nullishCoalesce(_optionalChain([encoded, 'optionalAccess', _65 => _65.to]), () => ( step.to));
+  const data = _nullishCoalesce(_optionalChain([encoded, 'optionalAccess', _66 => _66.data]), () => ( step.data));
+  const value = _nullishCoalesce(_optionalChain([encoded, 'optionalAccess', _67 => _67.value]), () => ( step.value));
+  if (!to) throw new Error('Transaction step missing "to" address');
+  const encodedChainId = _optionalChain([encoded, 'optionalAccess', _68 => _68.chainId]);
+  const resolvedChainKey = step.chainKey || fallbackChainKey;
+  const chainId = encodedChainId || (resolvedChainKey ? _chunkGZUTUD5Ocjs.getChainIdForKey.call(void 0, resolvedChainKey) : void 0);
+  if (!chainId) throw new Error(`Unknown chain: ${resolvedChainKey}`);
+  const viemChain = _chunkGZUTUD5Ocjs.getViemChainById.call(void 0, )[chainId];
+  const hash = await sendTransactionAsync({
+    account: userAddress,
+    chain: viemChain,
+    to,
+    data: data || "0x",
+    value: BigInt(value || "0")
+  });
+  await _core.waitForTransactionReceipt.call(void 0, wagmiConfig, { hash, chainId });
+  return hash;
+}
+var ReviewActionSignAndSubmitOrderRow = ({
+  base,
+  baseAmount,
+  quote,
+  quoteAmount,
+  userAddress,
+  reviewState,
+  goToNextStep,
+  cancel,
+  isWrappingPair,
+  isUnwrappingPair,
+  restartSigningFlow,
+  onSwapInitiated,
+  onOrderSubmitted,
+  onSwapComplete,
+  startPolling,
+  trackNativeTransaction
+}) => {
+  const hasSucceeded = _chunkGZUTUD5Ocjs.isReviewStepPast.call(void 0, ComponentStep2, reviewState);
+  const [signState, setSignState] = _react.useState.call(void 0, "idle");
+  const isProcessing = _react.useRef.call(void 0, false);
+  const hasAutoStartedRef = _react.useRef.call(void 0, null);
+  const wagmiConfig = _wagmi.useConfig.call(void 0, );
+  const { isReconnecting } = _wagmi.useAccount.call(void 0, );
+  const { rfqQuote, stop: stopRfq, refresh } = useRfq();
+  const { data: walletClient } = _wagmi.useWalletClient.call(void 0, { chainId: base.chainId });
+  const { switchChain } = _wagmi.useSwitchChain.call(void 0, );
+  const { sendTransactionAsync } = _wagmi.useSendTransaction.call(void 0, );
+  const quoteReceivedAtMs = _nullishCoalesce(_optionalChain([rfqQuote, 'optionalAccess', _69 => _69._receivedAt]), () => ( 0));
+  const isQuoteStale = _react.useCallback.call(void 0, () => {
+    if (!quoteReceivedAtMs) return false;
+    return Date.now() >= quoteReceivedAtMs + 30 * 1e3;
+  }, [quoteReceivedAtMs]);
+  const handleSignAndSubmit = _react.useCallback.call(void 0, async () => {
+    if (isProcessing.current || !["idle", "error"].includes(signState)) return;
+    if (!_optionalChain([rfqQuote, 'optionalAccess', _70 => _70.id]) || !_optionalChain([rfqQuote, 'optionalAccess', _71 => _71._receivedAt])) {
+      setSignState("error");
+      return;
+    }
+    const validation = canSubmitOrder(rfqQuote.id, rfqQuote._receivedAt);
+    if (!validation.canSubmit) {
+      setSignState("stale");
+      return;
+    }
+    isProcessing.current = true;
+    try {
+      if (!walletClient) throw new Error("Wallet client not available");
+      cleanupOldSubmissions();
+      const steps = _nullishCoalesce(rfqQuote.userSteps, () => ( []));
+      let lastTxHash;
+      for (const step of steps) {
+        if (step.type === "TRANSACTION") {
+          setSignState("submitting");
+          const resolvedKey = step.chainKey || rfqQuote.srcChainKey;
+          const chainId = resolvedKey ? _chunkGZUTUD5Ocjs.getChainIdForKey.call(void 0, resolvedKey) : void 0;
+          if (chainId && _optionalChain([walletClient, 'access', _72 => _72.chain, 'optionalAccess', _73 => _73.id]) !== chainId) {
+            await switchChain({ chainId });
+            await new Promise((r) => setTimeout(r, 800));
+          }
+          lastTxHash = await executeTransactionStep(step, userAddress, sendTransactionAsync, wagmiConfig, rfqQuote.srcChainKey);
+          trackNativeTransaction(lastTxHash, step.description || `Tx on ${resolvedKey}`);
+        } else if (step.type === "SIGNATURE") {
+          setSignState("signing");
+          await SignSwap({
+            quote: rfqQuote,
+            signatureStep: step,
+            userAddress,
+            walletClient
+          });
+        }
+      }
+      markOrderAsSubmitted(rfqQuote.id, rfqQuote._receivedAt);
+      _optionalChain([onOrderSubmitted, 'optionalCall', _74 => _74(rfqQuote.id)]);
+      startPolling(rfqQuote.id, { baseToken: base, quoteToken: quote });
+      _optionalChain([onSwapInitiated, 'optionalCall', _75 => _75()]);
+      stopRfq();
+      setSignState("success");
+      goToNextStep(ComponentStep2, reviewState);
+      _optionalChain([onSwapComplete, 'optionalCall', _76 => _76(rfqQuote.id)]);
+    } catch (error) {
+      if (error instanceof Error && isUserRejectionError(error)) {
+        hasAutoStartedRef.current = null;
+        setSignState("idle");
+      } else {
+        setSignState("error");
+      }
+    } finally {
+      isProcessing.current = false;
+    }
+  }, [signState, rfqQuote, walletClient, base, quote, userAddress, stopRfq, startPolling, goToNextStep, reviewState, onSwapComplete, switchChain, sendTransactionAsync, onSwapInitiated, onOrderSubmitted, trackNativeTransaction, wagmiConfig]);
+  _react.useEffect.call(void 0, () => {
+    if (reviewState === ComponentStep2) stopRfq();
+    if (hasSucceeded && signState !== "success") {
+      setSignState("success");
+      goToNextStep(ComponentStep2, reviewState);
+      return;
+    }
+    if (signState === "success") {
+      goToNextStep(ComponentStep2, reviewState);
+      return;
+    }
+    if (reviewState === ComponentStep2 && signState === "idle" && !_optionalChain([rfqQuote, 'optionalAccess', _77 => _77.id])) {
+      setSignState("refreshingQuote");
+      refresh();
+      return;
+    }
+    if (reviewState === ComponentStep2 && signState === "idle" && walletClient && !isProcessing.current && !isReconnecting) {
+      const currentId = _optionalChain([rfqQuote, 'optionalAccess', _78 => _78.id]) || null;
+      if (currentId && hasAutoStartedRef.current !== currentId) {
+        hasAutoStartedRef.current = currentId;
+        handleSignAndSubmit();
+      }
+    }
+  }, [hasSucceeded, reviewState, signState, walletClient, isReconnecting, handleSignAndSubmit, goToNextStep, _optionalChain([rfqQuote, 'optionalAccess', _79 => _79.id]), refresh, stopRfq]);
+  _react.useEffect.call(void 0, () => {
+    if (signState === "refreshingQuote" && _optionalChain([rfqQuote, 'optionalAccess', _80 => _80.id])) {
+      setSignState("idle");
+    }
+  }, [signState, _optionalChain([rfqQuote, 'optionalAccess', _81 => _81.id])]);
+  _react.useEffect.call(void 0, () => {
+    if (reviewState !== ComponentStep2) hasAutoStartedRef.current = null;
+  }, [reviewState]);
+  _react.useEffect.call(void 0, () => {
+    const interval = setInterval(() => {
+      if (isQuoteStale() && !isProcessing.current && signState !== "submitting" && signState !== "success") {
+        setSignState("stale");
+      }
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [isQuoteStale, signState]);
+  const handleRetry = () => {
+    if (signState === "error" && !isProcessing.current) {
+      hasAutoStartedRef.current = null;
+      setSignState("idle");
+    }
+  };
+  const handleRefreshFromStale = _react.useCallback.call(void 0, () => {
+    hasAutoStartedRef.current = null;
+    setSignState("refreshingQuote");
+    refresh();
+  }, [refresh]);
+  const handleCloseWalletAndRestart = _react.useCallback.call(void 0, () => {
+    if (restartSigningFlow) {
+      restartSigningFlow(true);
+    } else {
+      cancel();
+    }
+  }, [restartSigningFlow, cancel]);
+  const buttonText = () => {
+    if (signState === "error") return "Retry swap";
+    if (signState === "signing") return "Sign Swap Order";
+    if (signState === "submitting") return "Submitting...";
+    if (signState === "refreshingQuote") return "Refreshing Quote...";
+    if (signState === "stale") return "Quote Stale";
+    return "Sign & Submit";
+  };
+  const isErrorOrStale = !hasSucceeded && (signState === "error" || signState === "stale");
+  const statusVar = isErrorOrStale ? "var(--widget-status-failed)" : "var(--widget-status-pending)";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row justify-between space-x-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: `inline-flex h-12 w-full items-center justify-center text-sm font-medium transition duration-150 ${isErrorOrStale ? "cursor-pointer" : "cursor-not-allowed"}`,
+        style: {
+          backgroundColor: `color-mix(in srgb, ${statusVar} 12%, transparent)`,
+          border: `1px solid color-mix(in srgb, ${statusVar} 20%, transparent)`,
+          color: statusVar,
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: !hasSucceeded && signState === "error" ? handleRetry : signState === "stale" ? handleCloseWalletAndRestart : void 0,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-10 w-full flex-row items-center space-x-3 px-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: base, size: "xs", noChain: true }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-nowrap", children: buttonText() }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 border-t", style: { borderColor: "var(--widget-border)" } }),
+          quoteReceivedAtMs > 0 && signState !== "success" && signState !== "error" && signState !== "stale" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CountDown_default, { startTime: quoteReceivedAtMs, onExpired: () => setSignState("stale") }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-6 w-3 items-center justify-center rounded-full", children: [
+            !hasSucceeded && (signState === "idle" || signState === "signing" || signState === "submitting" || signState === "refreshingQuote") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.LoadingSpinner_default, { size: "5" }),
+            (hasSucceeded || signState === "success") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.Checkmark, { className: "h-8 w-8" }),
+            !hasSucceeded && (signState === "error" || signState === "stale") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.RedoIcon, { className: "h-[12px] w-[12px]" })
+          ] })
+        ] })
+      }
+    ),
+    !hasSucceeded && signState === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-12 items-center justify-center px-8 text-sm font-medium transition duration-150 cursor-pointer",
+        style: {
+          backgroundColor: "color-mix(in srgb, var(--widget-status-failed) 12%, transparent)",
+          border: "1px solid color-mix(in srgb, var(--widget-status-failed) 20%, transparent)",
+          color: "var(--widget-status-failed)",
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: cancel,
+        children: "Cancel"
+      }
+    )
+  ] });
+};
+var ReviewActionSignAndSubmitOrderRow_default = ReviewActionSignAndSubmitOrderRow;
+
+// src/components/states/ReviewActionTxRow.tsx
+
+
+var ComponentStep3 = "trackingTx";
+var statusConfig = {
+  pending: {
+    icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.LoadingSpinner_default, { size: "5" }),
+    buttonText: "Trade Pending",
+    showNewSwap: false,
+    statusVar: "var(--widget-status-pending)",
+    clickable: false
+  },
+  received: {
+    icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.LoadingSpinner_default, { size: "5" }),
+    buttonText: "Trade Received",
+    showNewSwap: false,
+    statusVar: "var(--widget-status-received)",
+    clickable: false
+  },
+  completed: {
+    icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.Checkmark, {}),
+    buttonText: "Continue Swapping",
+    showNewSwap: true,
+    statusVar: "var(--widget-status-completed)",
+    clickable: true
+  },
+  failed: {
+    icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.XAnimation, {}),
+    buttonText: "Retry Swap",
+    showNewSwap: true,
+    statusVar: "var(--widget-status-failed)",
+    clickable: true
+  },
+  cancelled: {
+    icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.XAnimation, {}),
+    buttonText: "Continue Swapping",
+    showNewSwap: true,
+    statusVar: "var(--widget-status-failed)",
+    clickable: true
+  }
+};
+var ReviewActionTxRow = ({
+  orderHash,
+  base,
+  quote,
+  baseAmount,
+  quoteAmount,
+  reviewState,
+  onNewSwap,
+  onRetry,
+  status
+}) => {
+  const hasSucceeded = _chunkGZUTUD5Ocjs.isReviewStepPast.call(void 0, ComponentStep3, reviewState);
+  const config = statusConfig[status] || statusConfig.pending;
+  _react.useEffect.call(void 0, () => {
+    if (status === "completed") {
+      const timer = setTimeout(onNewSwap, 5e3);
+      return () => clearTimeout(timer);
+    }
+  }, [status, onNewSwap]);
+  const handleClick = () => {
+    if (status === "failed") onRetry();
+    else if (config.showNewSwap) onNewSwap();
+  };
+  const sv = config.statusVar;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-row justify-between space-x-3 w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      className: `inline-flex h-12 w-full items-center justify-center text-sm font-medium transition duration-150 ${config.clickable ? "cursor-pointer" : "cursor-not-allowed"}`,
+      style: {
+        backgroundColor: `color-mix(in srgb, ${sv} 12%, transparent)`,
+        border: `1px solid color-mix(in srgb, ${sv} 20%, transparent)`,
+        color: sv,
+        borderRadius: "var(--widget-radius)"
+      },
+      onClick: config.showNewSwap ? handleClick : void 0,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-10 w-full flex-row items-center space-x-3 px-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-6 w-6 items-center justify-center rounded-full", children: config.icon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-nowrap", children: config.buttonText }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 border-t", style: { borderColor: "var(--widget-border)" } }),
+        config.showNewSwap && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-6 w-6 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.RedoAnimation, {}) })
+      ] })
+    }
+  ) });
+};
+var ReviewActionTxRow_default = ReviewActionTxRow;
+
+// src/components/states/ReviewActionUnwrapGasToken.tsx
+
+
+
+
+var WALLET_TIMEOUT_MS2 = 15e3;
+var ComponentStep4 = "unwrapping";
+var ReviewActionUnwrapGasToken = ({
+  needsToUnwrap,
+  amount,
+  chainId,
+  token,
+  reviewState,
+  setReviewState,
+  goToNextStep,
+  cancel,
+  delayedClose
+}) => {
+  const hasSucceeded = _chunkGZUTUD5Ocjs.isReviewStepPast.call(void 0, ComponentStep4, reviewState);
+  const [unwrappingState, setUnwrappingState] = _react.useState.call(void 0, "idle");
+  const unwrapMutation = useUnwrapToken();
+  const { writeContractAsync } = _wagmi.useWriteContract.call(void 0, );
+  const { address } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
+  const emitBalanceEvent = useEmitBalanceEvent();
+  const isUnwrapping = _react.useRef.call(void 0, false);
+  const unwrapAttempted = _react.useRef.call(void 0, false);
+  const timeoutRef = _react.useRef.call(void 0, null);
+  const { status: wagmiStatus } = _wagmi.useAccount.call(void 0, );
+  const clearPendingTimeout = _react.useCallback.call(void 0, () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  }, []);
+  const handleUnwrap = _react.useCallback.call(void 0, async () => {
+    if (isUnwrapping.current || unwrapAttempted.current || !address || wagmiStatus !== "connected") return;
+    isUnwrapping.current = true;
+    unwrapAttempted.current = true;
+    setUnwrappingState("pending");
+    timeoutRef.current = setTimeout(() => {
+      if (isUnwrapping.current) {
+        setUnwrappingState("error");
+        isUnwrapping.current = false;
+      }
+    }, WALLET_TIMEOUT_MS2);
+    try {
+      const chainConfig = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, chainId);
+      if (!chainConfig) throw new Error(`No config for chain ${chainId}`);
+      const wrappedDecimals = _nullishCoalesce(chainConfig.wrappedAsset.decimals, () => ( chainConfig.nativeAsset.decimals));
+      const amountRaw = _viem.parseUnits.call(void 0, amount.toString(), wrappedDecimals);
+      await unwrapMutation.mutateAsync({
+        chainId,
+        accountAddress: address,
+        amountRaw,
+        writeContractAsync
+      });
+      const nativeAsset = {
+        symbol: chainConfig.nativeAsset.symbol,
+        name: chainConfig.nativeAsset.name,
+        address: _chunkGZUTUD5Ocjs.NATIVE_ASSET_ADDRESS,
+        decimals: chainConfig.nativeAsset.decimals,
+        chainId
+      };
+      const wrappedAsset = {
+        symbol: chainConfig.wrappedAsset.symbol,
+        name: chainConfig.wrappedAsset.name,
+        address: chainConfig.wrappedAsset.address,
+        decimals: chainConfig.wrappedAsset.decimals,
+        chainId
+      };
+      emitBalanceEvent({
+        type: "unwrap",
+        tokens: [
+          { asset: nativeAsset, userAddress: address },
+          { asset: wrappedAsset, userAddress: address }
+        ]
+      });
+      clearPendingTimeout();
+      setUnwrappingState("success");
+      goToNextStep(ComponentStep4, reviewState);
+      await delayedClose();
+    } catch (e6) {
+      clearPendingTimeout();
+      setUnwrappingState("error");
+    } finally {
+      isUnwrapping.current = false;
+    }
+  }, [address, wagmiStatus, chainId, amount, unwrapMutation, writeContractAsync, emitBalanceEvent, goToNextStep, reviewState, delayedClose, clearPendingTimeout]);
+  _react.useEffect.call(void 0, () => {
+    if (isUnwrapping.current || unwrapAttempted.current) return;
+    if (reviewState === ComponentStep4 && unwrappingState === "idle" && wagmiStatus === "connected") {
+      if (needsToUnwrap) handleUnwrap();
+      else {
+        setUnwrappingState("success");
+        goToNextStep(ComponentStep4, reviewState);
+      }
+    }
+  }, [reviewState, unwrappingState, needsToUnwrap, wagmiStatus, handleUnwrap, goToNextStep]);
+  _react.useEffect.call(void 0, () => () => clearPendingTimeout(), [clearPendingTimeout]);
+  const handleRetry = () => {
+    if (unwrappingState === "error") {
+      unwrapAttempted.current = false;
+      setUnwrappingState("idle");
+    }
+  };
+  const isError = !hasSucceeded && unwrappingState === "error";
+  const showCancel = !hasSucceeded && (unwrappingState === "pending" || unwrappingState === "idle" || unwrappingState === "error");
+  const statusVar = isError ? "var(--widget-status-failed)" : "var(--widget-status-pending)";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row justify-between space-x-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: `inline-flex h-12 w-full items-center justify-center text-sm font-medium transition duration-150 ${isError ? "cursor-pointer" : "cursor-not-allowed"}`,
+        style: {
+          backgroundColor: `color-mix(in srgb, ${statusVar} 12%, transparent)`,
+          border: `1px solid color-mix(in srgb, ${statusVar} 20%, transparent)`,
+          color: statusVar,
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: isError ? handleRetry : void 0,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-10 w-full flex-row items-center space-x-3 px-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-nowrap", children: isError ? "Retry Unwrap" : token ? `Unwrap ${token.symbol}` : "Unwrap Native Token" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 border-t", style: { borderColor: "var(--widget-border)" } }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-6 w-3 items-center justify-center rounded-full", children: [
+            !hasSucceeded && (unwrappingState === "pending" || unwrappingState === "idle") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.LoadingSpinner_default, { size: "5" }),
+            (hasSucceeded || unwrappingState === "success") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.Checkmark, { className: "h-8 w-8" }),
+            isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.RedoIcon, { className: "h-[12px] w-[12px]" })
+          ] })
+        ] })
+      }
+    ),
+    showCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-12 items-center justify-center px-8 text-sm font-medium transition duration-150 cursor-pointer",
+        style: {
+          backgroundColor: "color-mix(in srgb, var(--widget-status-failed) 12%, transparent)",
+          border: "1px solid color-mix(in srgb, var(--widget-status-failed) 20%, transparent)",
+          color: "var(--widget-status-failed)",
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: cancel,
+        children: "Cancel"
+      }
+    )
+  ] });
+};
+var ReviewActionUnwrapGasToken_default = ReviewActionUnwrapGasToken;
+
+// src/components/states/ReviewActionWrapGasToken.tsx
+
+
+
+
+var WALLET_TIMEOUT_MS3 = 15e3;
+var ComponentStep5 = "wrapping";
+var ReviewActionWrapGasToken = ({
+  needsToWrap,
+  amount,
+  chainId,
+  token,
+  reviewState,
+  setReviewState,
+  goToNextStep,
+  cancel,
+  delayedClose,
+  isWrappingPair
+}) => {
+  const hasSucceeded = _chunkGZUTUD5Ocjs.isReviewStepPast.call(void 0, ComponentStep5, reviewState);
+  const [wrappingState, setWrappingState] = _react.useState.call(void 0, "idle");
+  const wrapMutation = useWrapToken();
+  const { writeContractAsync } = _wagmi.useWriteContract.call(void 0, );
+  const { address } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
+  const emitBalanceEvent = useEmitBalanceEvent();
+  const isWrapping = _react.useRef.call(void 0, false);
+  const wrapAttempted = _react.useRef.call(void 0, false);
+  const timeoutRef = _react.useRef.call(void 0, null);
+  const { status: wagmiStatus } = _wagmi.useAccount.call(void 0, );
+  const clearPendingTimeout = _react.useCallback.call(void 0, () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  }, []);
+  const handleWrap = _react.useCallback.call(void 0, async () => {
+    if (isWrapping.current || wrapAttempted.current || !address || wagmiStatus !== "connected") return;
+    isWrapping.current = true;
+    wrapAttempted.current = true;
+    setWrappingState("pending");
+    timeoutRef.current = setTimeout(() => {
+      if (isWrapping.current) {
+        setWrappingState("error");
+        isWrapping.current = false;
+      }
+    }, WALLET_TIMEOUT_MS3);
+    try {
+      const chainConfig = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, chainId);
+      if (!chainConfig) throw new Error(`No config for chain ${chainId}`);
+      const amountRaw = _viem.parseUnits.call(void 0, amount.toString(), chainConfig.nativeAsset.decimals);
+      await wrapMutation.mutateAsync({
+        chainId,
+        accountAddress: address,
+        amountRaw,
+        writeContractAsync
+      });
+      const nativeAsset = {
+        symbol: chainConfig.nativeAsset.symbol,
+        name: chainConfig.nativeAsset.name,
+        address: _chunkGZUTUD5Ocjs.NATIVE_ASSET_ADDRESS,
+        decimals: chainConfig.nativeAsset.decimals,
+        chainId
+      };
+      const wrappedAsset = {
+        symbol: chainConfig.wrappedAsset.symbol,
+        name: chainConfig.wrappedAsset.name,
+        address: chainConfig.wrappedAsset.address,
+        decimals: chainConfig.wrappedAsset.decimals,
+        chainId
+      };
+      emitBalanceEvent({
+        type: "wrap",
+        tokens: [
+          { asset: nativeAsset, userAddress: address },
+          { asset: wrappedAsset, userAddress: address }
+        ]
+      });
+      clearPendingTimeout();
+      setWrappingState("success");
+      goToNextStep(ComponentStep5, reviewState);
+      if (isWrappingPair) await delayedClose();
+    } catch (e7) {
+      clearPendingTimeout();
+      setWrappingState("error");
+    } finally {
+      isWrapping.current = false;
+    }
+  }, [address, wagmiStatus, chainId, amount, wrapMutation, writeContractAsync, emitBalanceEvent, goToNextStep, reviewState, delayedClose, isWrappingPair, clearPendingTimeout]);
+  _react.useEffect.call(void 0, () => {
+    if (isWrapping.current || wrapAttempted.current) return;
+    if (reviewState === ComponentStep5 && wrappingState === "idle" && wagmiStatus === "connected") {
+      if (needsToWrap) handleWrap();
+      else {
+        setWrappingState("success");
+        goToNextStep(ComponentStep5, reviewState);
+      }
+    }
+  }, [reviewState, wrappingState, needsToWrap, wagmiStatus, handleWrap, goToNextStep]);
+  _react.useEffect.call(void 0, () => () => clearPendingTimeout(), [clearPendingTimeout]);
+  const handleRetry = () => {
+    if (wrappingState === "error") {
+      wrapAttempted.current = false;
+      setWrappingState("idle");
+    }
+  };
+  const isError = !hasSucceeded && wrappingState === "error";
+  const showCancel = !hasSucceeded && (wrappingState === "pending" || wrappingState === "idle" || wrappingState === "error");
+  const statusVar = isError ? "var(--widget-status-failed)" : "var(--widget-status-pending)";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row justify-between space-x-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: `inline-flex h-12 w-full items-center justify-center text-sm font-medium transition duration-150 ${isError ? "cursor-pointer" : "cursor-not-allowed"}`,
+        style: {
+          backgroundColor: `color-mix(in srgb, ${statusVar} 12%, transparent)`,
+          border: `1px solid color-mix(in srgb, ${statusVar} 20%, transparent)`,
+          color: statusVar,
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: isError ? handleRetry : void 0,
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-10 w-full flex-row items-center space-x-3 px-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-nowrap", children: isError ? "Retry Wrap" : token ? `Wrap ${token.symbol}` : "Wrap Native Token" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 border-t", style: { borderColor: "var(--widget-border)" } }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-6 w-3 items-center justify-center rounded-full", children: [
+            !hasSucceeded && (wrappingState === "pending" || wrappingState === "idle") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.LoadingSpinner_default, { size: "5" }),
+            (hasSucceeded || wrappingState === "success") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.Checkmark, { className: "h-8 w-8" }),
+            isError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.RedoIcon, { className: "h-[12px] w-[12px]" })
+          ] })
+        ] })
+      }
+    ),
+    showCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        className: "inline-flex h-12 items-center justify-center px-8 text-sm font-medium transition duration-150 cursor-pointer",
+        style: {
+          backgroundColor: "color-mix(in srgb, var(--widget-status-failed) 12%, transparent)",
+          border: "1px solid color-mix(in srgb, var(--widget-status-failed) 20%, transparent)",
+          color: "var(--widget-status-failed)",
+          borderRadius: "var(--widget-radius)"
+        },
+        onClick: cancel,
+        children: "Cancel"
+      }
+    )
+  ] });
+};
+var ReviewActionWrapGasToken_default = ReviewActionWrapGasToken;
+
+// src/components/states/SwapButton.tsx
+
+var SwapButton = ({
+  base,
+  baseAmount,
+  quote,
+  quoteAmount,
+  userAddress,
+  isWrappingPair,
+  isUnwrappingPair,
+  isBaseGasToken,
+  isQuoteGasToken,
+  reviewActionProps,
+  reviewState,
+  setReviewState,
+  trackedOrderHash,
+  setTrackedOrderHash,
+  txStatus,
+  onSwapComplete,
+  onSwapInitiated,
+  onOrderSubmitted,
+  onStaleQuoteRestart,
+  setExitHandler,
+  setRetryHandler
+}) => {
+  const {
+    rfqQuote,
+    status: rfqStatus,
+    liquidityError,
+    routingError,
+    sizeCapError,
+    stop,
+    clear
+  } = useRfq();
+  const { clearForm } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
+  const currentChainId = _wagmi.useChainId.call(void 0, );
+  const { swapButtonVariant, widgetType } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
+  const isCompact = widgetType === "compact";
+  const { trackOrderTransaction, trackNativeTransaction } = useTransactionTracker();
+  const { startPolling } = useOrderStatusPolling((orderHash, status) => {
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setTxStatus(status);
+    if (status === "completed") {
+      trackOrderTransaction(orderHash, `Swap ${base.symbol} \u2192 ${quote.symbol}`);
+    }
+  });
+  const [isRestarting, setIsRestarting] = _react.useState.call(void 0, false);
+  const awaitingAutoResumeRef = _react.useRef.call(void 0, false);
+  const restartTimerRef = _react.useRef.call(void 0, null);
+  const needsToWrap = isWrappingPair;
+  const needsToUnwrap = isUnwrappingPair;
+  const needsSignature = !isWrappingPair && !isUnwrappingPair;
+  const needsChainSwitch = currentChainId !== _optionalChain([base, 'optionalAccess', _82 => _82.chainId]) && (needsToWrap || needsToUnwrap || needsSignature);
+  const chainConfig = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, base.chainId);
+  const requiredChain = {
+    chainId: base.chainId,
+    name: _nullishCoalesce(_optionalChain([chainConfig, 'optionalAccess', _83 => _83.displayName]), () => ( `Chain ${base.chainId}`))
+  };
+  const goToNextStep = _react.useCallback.call(void 0, 
+    (componentStep, currentStep) => {
+      if (currentStep !== componentStep) return;
+      if (componentStep === "chain") {
+        if (needsToWrap) {
+          setReviewState("wrapping");
+          return;
+        }
+        if (needsToUnwrap) {
+          setReviewState("unwrapping");
+          return;
+        }
+        setReviewState("signingOrder");
+        return;
+      }
+      if (componentStep === "signingOrder") {
+        setReviewState("trackingTx");
+        return;
+      }
+      if (componentStep === "wrapping") {
+        if (!isWrappingPair) {
+          setReviewState("signingOrder");
+          return;
+        }
+        setReviewState("wrapSuccess");
+        return;
+      }
+      if (componentStep === "unwrapping") {
+        setReviewState("wrapSuccess");
+        return;
+      }
+      const nextStep = _chunkGZUTUD5Ocjs.getNextReviewStep.call(void 0, componentStep);
+      if (nextStep) setReviewState(nextStep);
+    },
+    [
+      setReviewState,
+      isWrappingPair,
+      needsToWrap,
+      needsToUnwrap,
+      needsSignature
+    ]
+  );
+  const determineInitialStep = _react.useCallback.call(void 0, () => {
+    if (needsChainSwitch) return "chain";
+    if (needsToWrap) return "wrapping";
+    if (needsToUnwrap) return "unwrapping";
+    if (needsSignature) return "signingOrder";
+    return null;
+  }, [
+    needsChainSwitch,
+    needsToWrap,
+    needsToUnwrap,
+    needsSignature
+  ]);
+  const resetState = _react.useCallback.call(void 0, () => {
+    setReviewState(null);
+    clearForm();
+  }, [clearForm, setReviewState]);
+  const delayedClose = _react.useCallback.call(void 0, async () => {
+    setReviewState("wrapSuccess");
+    for (let i = 0; i < 3; i++) {
+      await _chunkGZUTUD5Ocjs.sleep.call(void 0, 700);
+    }
+    resetState();
+  }, [resetState, setReviewState]);
+  const cancel = _react.useCallback.call(void 0, async () => {
+    clear();
+    setReviewState("cancelled");
+    for (let i = 0; i < 3; i++) {
+      await _chunkGZUTUD5Ocjs.sleep.call(void 0, 500);
+    }
+    resetState();
+  }, [clear, resetState, setReviewState]);
+  const handleNewSwap = _react.useCallback.call(void 0, () => {
+    if (!trackedOrderHash) return;
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().stopTracking();
+    setReviewState(null);
+    setTrackedOrderHash(null);
+    clearForm();
+  }, [trackedOrderHash, setReviewState, setTrackedOrderHash, clearForm]);
+  const handleRetrySwap = _react.useCallback.call(void 0, () => {
+    setReviewState(null);
+    setTrackedOrderHash(null);
+    awaitingAutoResumeRef.current = true;
+    _optionalChain([onStaleQuoteRestart, 'optionalCall', _84 => _84()]);
+  }, [setReviewState, setTrackedOrderHash, onStaleQuoteRestart]);
+  const handleReview = _react.useCallback.call(void 0, () => {
+    if (reviewActionProps) {
+      setReviewState(determineInitialStep());
+    }
+  }, [determineInitialStep, reviewActionProps, setReviewState]);
+  const restartSigningFlow = _react.useCallback.call(void 0, 
+    (isFromStaleState = false) => {
+      if (isFromStaleState) {
+        awaitingAutoResumeRef.current = true;
+        setReviewState(null);
+        _optionalChain([onStaleQuoteRestart, 'optionalCall', _85 => _85()]);
+      } else {
+        setReviewState(null);
+        restartTimerRef.current = setTimeout(() => {
+          if (reviewActionProps) {
+            setReviewState(determineInitialStep());
+            setIsRestarting(false);
+          }
+        }, 100);
+      }
+    },
+    [
+      setReviewState,
+      reviewActionProps,
+      determineInitialStep,
+      onStaleQuoteRestart
+    ]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (reviewState !== null) stop();
+  }, [reviewState, stop]);
+  _react.useEffect.call(void 0, () => {
+    if (reviewState !== null && isRestarting) setIsRestarting(false);
+  }, [reviewState, isRestarting]);
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([setExitHandler, 'optionalCall', _86 => _86(handleNewSwap)]);
+  }, [setExitHandler, handleNewSwap]);
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([setRetryHandler, 'optionalCall', _87 => _87(handleRetrySwap)]);
+  }, [setRetryHandler, handleRetrySwap]);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      if (restartTimerRef.current) clearTimeout(restartTimerRef.current);
+    };
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (awaitingAutoResumeRef.current && rfqStatus === "fresh" && _optionalChain([rfqQuote, 'optionalAccess', _88 => _88.id])) {
+      awaitingAutoResumeRef.current = false;
+      setReviewState("signingOrder");
+    }
+  }, [rfqStatus, _optionalChain([rfqQuote, 'optionalAccess', _89 => _89.id]), setReviewState]);
+  const getIdleButtonStyle = (active) => {
+    if (!active) {
+      return {
+        backgroundColor: swapButtonVariant === "default" ? "var(--widget-muted)" : "transparent",
+        color: "var(--widget-muted-foreground)",
+        border: swapButtonVariant !== "default" ? "1px solid var(--widget-border)" : "none",
+        borderRadius: "var(--widget-radius)"
+      };
+    }
+    switch (swapButtonVariant) {
+      case "outline":
+        return {
+          backgroundColor: "transparent",
+          color: "var(--widget-primary)",
+          border: "1px solid var(--widget-primary)",
+          borderRadius: "var(--widget-radius)"
+        };
+      case "ghost":
+        return {
+          backgroundColor: "transparent",
+          color: "var(--widget-primary)",
+          border: "none",
+          borderRadius: "var(--widget-radius)"
+        };
+      default:
+        return {
+          backgroundColor: "var(--widget-primary)",
+          color: "var(--widget-primary-foreground)",
+          borderRadius: "var(--widget-radius)"
+        };
+    }
+  };
+  const idleButtonClass = `w-full ${isCompact ? "py-2" : "py-3"} text-sm font-medium transition-colors cursor-pointer mt-1`;
+  if (reviewState === null && !isWrappingPair && !isUnwrappingPair) {
+    if (isRestarting) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          className: idleButtonClass,
+          disabled: true,
+          style: {
+            ...getIdleButtonStyle(false),
+            opacity: 0.6,
+            cursor: "not-allowed"
+          },
+          children: "Getting fresh quote..."
+        }
+      );
+    }
+    const getIdleText = () => {
+      if (liquidityError) return "Insufficient Liquidity";
+      if (routingError) return "Route Not Available";
+      if (sizeCapError) return "Size Cap Exceeded";
+      if (!rfqQuote && rfqStatus === "polling") return "Getting Quote...";
+      if (!rfqQuote) return "Enter Amount";
+      return "Swap";
+    };
+    const isActive = !!reviewActionProps;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        onClick: isActive ? handleReview : void 0,
+        disabled: !isActive,
+        className: `${idleButtonClass} disabled:opacity-40 disabled:cursor-not-allowed`,
+        style: getIdleButtonStyle(isActive),
+        children: getIdleText()
+      }
+    );
+  }
+  if (reviewState === null && isUnwrappingPair) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        onClick: reviewActionProps ? handleReview : void 0,
+        disabled: !reviewActionProps,
+        className: `${idleButtonClass} disabled:opacity-40 disabled:cursor-not-allowed`,
+        style: getIdleButtonStyle(!!reviewActionProps),
+        children: "Unwrap"
+      }
+    );
+  }
+  if (reviewState === null && isWrappingPair) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        onClick: reviewActionProps ? handleReview : void 0,
+        disabled: !reviewActionProps,
+        className: `${idleButtonClass} disabled:opacity-40 disabled:cursor-not-allowed`,
+        style: getIdleButtonStyle(!!reviewActionProps),
+        children: "Wrap"
+      }
+    );
+  }
+  if (reviewState === "success") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-2 w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        className: `w-full ${isCompact ? "py-2" : "py-3"} text-sm font-medium cursor-default`,
+        style: {
+          backgroundColor: "color-mix(in srgb, var(--widget-status-completed) 15%, transparent)",
+          color: "var(--widget-status-completed)",
+          border: "1px solid color-mix(in srgb, var(--widget-status-completed) 20%, transparent)",
+          borderRadius: "var(--widget-radius)"
+        },
+        children: "Order Placed"
+      }
+    ) });
+  }
+  if (reviewState === "wrapSuccess") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-2 w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        className: `w-full ${isCompact ? "py-2" : "py-3"} text-sm font-medium cursor-default`,
+        style: {
+          backgroundColor: "color-mix(in srgb, var(--widget-status-completed) 15%, transparent)",
+          color: "var(--widget-status-completed)",
+          border: "1px solid color-mix(in srgb, var(--widget-status-completed) 20%, transparent)",
+          borderRadius: "var(--widget-radius)"
+        },
+        children: isWrappingPair ? "Wrapped Successfully" : "Unwrapped Successfully"
+      }
+    ) });
+  }
+  if (reviewState === "cancelled") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-2 w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        onClick: resetState,
+        className: `w-full ${isCompact ? "py-2" : "py-3"} text-sm font-medium cursor-pointer`,
+        style: {
+          backgroundColor: "color-mix(in srgb, var(--widget-status-failed) 15%, transparent)",
+          color: "var(--widget-status-failed)",
+          border: "1px solid color-mix(in srgb, var(--widget-status-failed) 20%, transparent)",
+          borderRadius: "var(--widget-radius)"
+        },
+        children: "Order Cancelled"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full", children: [
+    reviewState === "chain" && needsChainSwitch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ReviewActionChainSwitchRow_default,
+      {
+        requiredChain,
+        needsChainSwitch: needsChainSwitch && currentChainId !== base.chainId,
+        reviewState,
+        goToNextStep,
+        cancel
+      }
+    ),
+    reviewState === "wrapping" && needsToWrap && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ReviewActionWrapGasToken_default,
+      {
+        needsToWrap,
+        amount: baseAmount,
+        chainId: base.chainId,
+        token: base,
+        reviewState,
+        setReviewState,
+        goToNextStep,
+        cancel,
+        delayedClose,
+        isWrappingPair
+      }
+    ),
+    reviewState === "unwrapping" && needsToUnwrap && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ReviewActionUnwrapGasToken_default,
+      {
+        needsToUnwrap,
+        amount: baseAmount,
+        chainId: base.chainId,
+        token: base,
+        reviewState,
+        setReviewState,
+        goToNextStep,
+        cancel,
+        delayedClose
+      }
+    ),
+    reviewState === "signingOrder" && needsSignature && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ReviewActionSignAndSubmitOrderRow_default,
+      {
+        base,
+        baseAmount,
+        quote,
+        quoteAmount,
+        userAddress,
+        reviewState,
+        goToNextStep,
+        cancel,
+        restartSigningFlow,
+        onSwapInitiated,
+        onOrderSubmitted,
+        isWrappingPair,
+        isUnwrappingPair,
+        onSwapComplete,
+        startPolling,
+        trackNativeTransaction
+      }
+    ),
+    reviewState === "trackingTx" && trackedOrderHash && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ReviewActionTxRow_default,
+      {
+        orderHash: trackedOrderHash,
+        base,
+        quote,
+        baseAmount,
+        quoteAmount,
+        reviewState,
+        status: txStatus,
+        onNewSwap: handleNewSwap,
+        onRetry: handleRetrySwap
+      }
+    ),
+    reviewState && ![
+      "chain",
+      "wrapping",
+      "unwrapping",
+      "approval",
+      "signingOrder",
+      "trackingTx",
+      "success",
+      "wrapSuccess",
+      "cancelled"
+    ].includes(reviewState) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        disabled: true,
+        className: `w-full ${isCompact ? "py-2" : "py-3"} text-sm font-medium`,
+        style: {
+          backgroundColor: "var(--widget-muted)",
+          color: "var(--widget-muted-foreground)",
+          borderRadius: "var(--widget-radius)"
+        },
+        children: "Processing..."
+      }
+    )
+  ] });
+};
+
+// src/components/states/TxStatusDisplay.tsx
+
+var _shallow = require('zustand/react/shallow');
+
+var statusVarMap = {
+  pending: "var(--widget-status-pending)",
+  received: "var(--widget-status-received)",
+  completed: "var(--widget-status-completed)",
+  failed: "var(--widget-status-failed)",
+  cancelled: "var(--widget-status-failed)"
+};
+var statusLabels = {
+  pending: { title: "Trade Pending", subtitle: "Submitting to network" },
+  received: { title: "Trade Received", subtitle: "Processing settlement" },
+  completed: { title: "Trade Filled", subtitle: "Settlement complete" },
+  failed: { title: "Trade Failed", subtitle: "Settlement unsuccessful" },
+  cancelled: { title: "Trade Cancelled", subtitle: "Order was cancelled" }
+};
+function getStatusStyles(status) {
+  const v = _nullishCoalesce(statusVarMap[status], () => ( statusVarMap.pending));
+  return {
+    textColor: v,
+    bgColor: `color-mix(in srgb, ${v} 15%, transparent)`,
+    borderColor: `color-mix(in srgb, ${v} 20%, transparent)`,
+    cardBgColor: `color-mix(in srgb, ${v} 8%, transparent)`,
+    cardBorderColor: `color-mix(in srgb, ${v} 15%, transparent)`,
+    iconBgColor: `color-mix(in srgb, ${v} 12%, transparent)`,
+    iconBorderColor: `color-mix(in srgb, ${v} 15%, transparent)`
+  };
+}
+var StatusIcon = ({ status }) => {
+  switch (status) {
+    case "completed":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.Checkmark, {});
+    case "failed":
+    case "cancelled":
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.XAnimation, {});
+    default:
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.LoadingSpinner_default, { size: "10" });
+  }
+};
+var TxStatusDisplay = ({
+  orderHash,
+  base,
+  quote,
+  baseAmount,
+  quoteAmount,
+  status
+}) => {
+  const [copied, setCopied] = _react.useState.call(void 0, false);
+  const receivedTimeRef = _react.useRef.call(void 0, null);
+  const submissionTimeRef = _react.useRef.call(void 0, Date.now());
+  const [transactionSpeed, setTransactionSpeed] = _react.useState.call(void 0, null);
+  const copyTimerRef = _react.useRef.call(void 0, null);
+  const { isRecipientInputOpen, recipient } = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, 
+    _shallow.useShallow.call(void 0, (state) => ({
+      isRecipientInputOpen: state.isRecipientInputOpen,
+      recipient: state.recipient
+    }))
+  );
+  _react.useEffect.call(void 0, () => {
+    if (status === "received") receivedTimeRef.current = Date.now();
+  }, [status]);
+  _react.useEffect.call(void 0, () => {
+    if (status === "completed" && !transactionSpeed) {
+      const startTime = receivedTimeRef.current || submissionTimeRef.current;
+      setTransactionSpeed((Date.now() - startTime) / 1e3);
+    }
+  }, [status, transactionSpeed]);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
+    };
+  }, []);
+  const handleCopyHash = _react.useCallback.call(void 0, () => {
+    if (!_optionalChain([navigator, 'access', _90 => _90.clipboard, 'optionalAccess', _91 => _91.writeText])) return;
+    navigator.clipboard.writeText(orderHash).then(() => {
+      setCopied(true);
+      if (copyTimerRef.current) clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = setTimeout(() => setCopied(false), 2e3);
+    }).catch(() => {
+    });
+  }, [orderHash]);
+  const labels = _nullishCoalesce(statusLabels[status], () => ( statusLabels.pending));
+  const config = getStatusStyles(status);
+  const formattedBaseAmount = _chunkGZUTUD5Ocjs.formatNumber.call(void 0, baseAmount);
+  const formattedQuoteAmount = _chunkGZUTUD5Ocjs.formatNumber.call(void 0, quoteAmount);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: "relative w-full h-full overflow-hidden flex flex-col",
+      style: {
+        backgroundColor: config.bgColor,
+        border: `1px var(--widget-border-style) ${config.borderColor}`,
+        backdropFilter: "blur(8px)"
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative z-10 px-3 pt-5 pb-3 flex-1 flex flex-col", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center mb-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center gap-1 text-center", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: "flex h-10 w-10 items-center justify-center rounded-full border",
+              style: {
+                backgroundColor: config.iconBgColor,
+                borderColor: config.iconBorderColor
+              },
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-7 w-7 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusIcon, { status }) })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "h3",
+              {
+                className: "text-xl font-bold",
+                style: { color: config.textColor },
+                children: labels.title
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "p",
+              {
+                className: "text-2xs uppercase tracking-wider",
+                style: { color: config.textColor, opacity: 0.6 },
+                children: labels.subtitle
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 flex flex-col justify-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: "flex items-center justify-between backdrop-blur-sm p-2.5 border transition-all duration-300",
+              style: {
+                backgroundColor: config.cardBgColor,
+                borderColor: config.cardBorderColor
+              },
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: base, size: "sm" }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "text-sm font-bold",
+                        style: { color: config.textColor },
+                        children: base.symbol
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "text-2xs",
+                        style: { color: config.textColor, opacity: 0.5 },
+                        children: base.name
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-right", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "div",
+                    {
+                      className: "text-lg font-bold mono",
+                      style: { color: config.textColor },
+                      children: formattedBaseAmount
+                    }
+                  ),
+                  base.price && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                    "div",
+                    {
+                      className: "text-2xs mono",
+                      style: { color: config.textColor, opacity: 0.5 },
+                      children: [
+                        "$",
+                        (base.price * baseAmount).toFixed(2)
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center pb-0.5 pt-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: "flex h-6 w-6 items-center justify-center rounded-full border",
+              style: {
+                backgroundColor: config.cardBgColor,
+                borderColor: config.cardBorderColor
+              },
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-base", style: { color: config.textColor }, children: "\u2193" })
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: "flex items-center justify-between backdrop-blur-sm p-2.5 border transition-all duration-300",
+              style: {
+                backgroundColor: config.cardBgColor,
+                borderColor: config.cardBorderColor
+              },
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: quote, size: "sm" }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "text-sm font-bold",
+                        style: { color: config.textColor },
+                        children: quote.symbol
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "text-2xs",
+                        style: { color: config.textColor, opacity: 0.5 },
+                        children: quote.name
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-right", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "div",
+                    {
+                      className: "text-lg font-bold mono",
+                      style: { color: config.textColor },
+                      children: formattedQuoteAmount
+                    }
+                  ),
+                  quote.price && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                    "div",
+                    {
+                      className: "text-2xs mono",
+                      style: { color: config.textColor, opacity: 0.5 },
+                      children: [
+                        "$",
+                        (quote.price * quoteAmount).toFixed(2)
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          isRecipientInputOpen && recipient && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-1.5", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "text-2xs mb-0.5 uppercase tracking-wider font-medium",
+                style: { color: config.textColor, opacity: 0.5 },
+                children: "Recipient"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "flex items-center backdrop-blur-sm p-2 border transition-all duration-300",
+                style: {
+                  backgroundColor: config.cardBgColor,
+                  borderColor: config.cardBorderColor
+                },
+                children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "div",
+                    {
+                      className: "flex h-5 w-5 items-center justify-center overflow-hidden rounded-full",
+                      style: { backgroundColor: config.iconBgColor },
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", children: "\u{1F464}" })
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "text-2xs",
+                        style: { color: config.textColor, opacity: 0.5 },
+                        children: "To:"
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                      "div",
+                      {
+                        className: "text-xs mono",
+                        style: { color: config.textColor },
+                        children: [
+                          recipient.slice(0, 6),
+                          "...",
+                          recipient.slice(-4)
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: "mt-3 pt-2.5 space-y-1.5",
+            style: { borderTop: `1px solid ${config.cardBorderColor}` },
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                "div",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: handleCopyHash,
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                      e.preventDefault();
+                      handleCopyHash();
+                    }
+                  },
+                  className: "flex items-center justify-between cursor-pointer group hover:opacity-80 transition-opacity",
+                  children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      "div",
+                      {
+                        className: "text-xs uppercase tracking-wider font-medium",
+                        style: { color: config.textColor, opacity: 0.5 },
+                        children: copied ? "Copied!" : status === "completed" || status === "failed" || status === "cancelled" ? "Order Hash" : status === "received" ? "Received" : "Pending"
+                      }
+                    ),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                      "div",
+                      {
+                        className: "text-xs mono transition-colors",
+                        style: { color: config.textColor },
+                        children: [
+                          orderHash.slice(0, 6),
+                          "...",
+                          orderHash.slice(-4)
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              status === "completed" && transactionSpeed ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "div",
+                  {
+                    className: "text-xs uppercase tracking-wider font-medium",
+                    style: { color: config.textColor, opacity: 0.5 },
+                    children: "Speed"
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "div",
+                  {
+                    className: "text-base font-bold mono",
+                    style: { color: config.textColor },
+                    children: [
+                      transactionSpeed.toFixed(2),
+                      "s"
+                    ]
+                  }
+                )
+              ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5" })
+            ]
+          }
+        )
+      ] })
+    }
+  );
+};
+var TxStatusDisplay_default = TxStatusDisplay;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.useBalanceEventListener = useBalanceEventListener; exports.useEmitBalanceEvent = useEmitBalanceEvent; exports.useBalanceEventSubscription = useBalanceEventSubscription; exports.RfqProvider = RfqProvider; exports.useRfq = useRfq; exports.WalletModalContext = WalletModalContext; exports.useWalletModal = useWalletModal; exports.AssetAmountInput_default = AssetAmountInput_default; exports.AssetSelection_default = AssetSelection_default; exports.RecipientForm_default = RecipientForm_default; exports.pollOrderStatus = pollOrderStatus; exports.useOrderStatusPolling = useOrderStatusPolling; exports.useTransactionRegistry = useTransactionRegistry; exports.ChainSwitch = ChainSwitch; exports.SignSwap = SignSwap; exports.isQuoteFresh = isQuoteFresh; exports.canSubmitOrder = canSubmitOrder; exports.markOrderAsSubmitted = markOrderAsSubmitted; exports.cleanupOldSubmissions = cleanupOldSubmissions; exports.useUnwrapToken = useUnwrapToken; exports.useWrapToken = useWrapToken; exports.SwapButton = SwapButton; exports.TxStatusDisplay_default = TxStatusDisplay_default;
+//# sourceMappingURL=chunk-HXOGJSAI.cjs.map