@aori/mega-swap-widget 0.1.0 → 0.1.2

package/dist/chunk-HXOGJSAI.cjs

@@ -1,3082 +0,0 @@
-"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