@aori/mega-swap-widget 0.1.0

package/dist/SwapFormHorizontal-JDJUDFNX.js

@@ -0,0 +1,573 @@
+"use client";
+"use client";
+import {
+  QuoteLoader_default
+} from "./chunk-QHW27RMH.js";
+import {
+  AssetAmountInput_default,
+  AssetSelection_default,
+  RecipientForm_default,
+  SwapButton,
+  TxStatusDisplay_default,
+  useRfq,
+  useWalletModal
+} from "./chunk-ARMW5POL.js";
+import {
+  AssetSelectionMenu_default
+} from "./chunk-6YLNOZ7P.js";
+import {
+  ChainSelectionMenu_default
+} from "./chunk-5XSCUUOW.js";
+import "./chunk-LTA7IG3J.js";
+import {
+  useSwapFormContext,
+  useWidgetSwapUIStore
+} from "./chunk-TMC4SUEV.js";
+import {
+  useWidgetConfig
+} from "./chunk-6Q7MSCKS.js";
+import {
+  useWalletState
+} from "./chunk-7AWG6OWF.js";
+import "./chunk-GGM3MDFM.js";
+
+// src/components/SwapFormHorizontal.tsx
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useShallow } from "zustand/react/shallow";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var NOOP = () => {
+};
+var SwapFormHorizontal = ({
+  onSwapComplete,
+  onSwapInitiated,
+  onBackToSwap,
+  onMoreChainsClick
+}) => {
+  const {
+    web3ConnectionType,
+    hasConnectHandler,
+    lockBase,
+    lockQuote,
+    disableInverting,
+    swapButtonVariant,
+    tokenDisplay,
+    tokenBadgeOrientation,
+    widgetType,
+    assetMenuVariant
+  } = useWidgetConfig();
+  const isOverlayToken = tokenDisplay === "pill" || tokenDisplay === "ghost";
+  const isCompactMode = widgetType === "compact";
+  const {
+    baseToken,
+    quoteToken,
+    baseAmount,
+    quoteAmount,
+    isBaseGasToken,
+    isQuoteGasToken,
+    isWrappingPair,
+    isUnwrappingPair,
+    baseBalance,
+    quoteBalance,
+    setBaseAmount,
+    setQuoteAmount,
+    swapTokens,
+    clearForm
+  } = useSwapFormContext();
+  const {
+    rfqQuote,
+    status: rfqStatus,
+    handleInputChange,
+    ensureForParams,
+    stop,
+    clear,
+    refresh
+  } = useRfq();
+  const { address: userAddress } = useWalletState();
+  const { openConnectModal: openWalletModal } = useWalletModal();
+  const {
+    isRecipientInputOpen,
+    txStatus,
+    view,
+    selectedChainFilterChainId
+  } = useWidgetSwapUIStore(
+    useShallow((state) => ({
+      isRecipientInputOpen: state.isRecipientInputOpen,
+      txStatus: state.txStatus,
+      view: state.view,
+      selectedChainFilterChainId: state.selectedChainFilter?.chainId ?? null
+    }))
+  );
+  const [reviewState, setReviewState] = useState(null);
+  const [trackedOrderHash, setTrackedOrderHash] = useState(null);
+  const isHandlingStaleRestart = useRef(false);
+  const isPlacingOrder = false;
+  const reviewActionProps = useMemo(() => {
+    if (!baseToken || !quoteToken || typeof baseAmount !== "number" || !quoteAmount || !userAddress) return null;
+    if (parseFloat(baseBalance.formatted) < baseAmount) return null;
+    return { base: baseToken, quote: quoteToken, baseAmount, quoteAmount, userAddress };
+  }, [baseToken, quoteToken, baseAmount, quoteAmount, userAddress, baseBalance.formatted]);
+  const onOrderSubmitted = useCallback((orderHash) => {
+    setTrackedOrderHash(orderHash);
+    useWidgetSwapUIStore.getState().startTracking(orderHash);
+  }, []);
+  const onStaleQuoteRestart = useCallback(() => {
+    isHandlingStaleRestart.current = true;
+    refresh();
+  }, [refresh]);
+  useEffect(() => {
+    if (reviewState !== null) return;
+    if (!baseToken || !quoteToken) return;
+    if (!baseAmount || baseAmount <= 0) {
+      handleInputChange({ amount: null, inputToken: baseToken, outputToken: quoteToken, setOutputAmount: setQuoteAmount });
+      return;
+    }
+    if (isWrappingPair || isUnwrappingPair) {
+      setQuoteAmount(baseAmount);
+      return;
+    }
+    handleInputChange({
+      amount: baseAmount,
+      inputToken: baseToken,
+      outputToken: quoteToken,
+      setOutputAmount: setQuoteAmount
+    });
+  }, [
+    reviewState,
+    baseAmount,
+    baseToken,
+    quoteToken,
+    isWrappingPair,
+    isUnwrappingPair,
+    handleInputChange,
+    setQuoteAmount
+  ]);
+  const handleToggleBaseSelection = useCallback(() => {
+    useWidgetSwapUIStore.getState().setView("baseSelection");
+  }, []);
+  const handleToggleQuoteSelection = useCallback(() => {
+    useWidgetSwapUIStore.getState().setView("quoteSelection");
+  }, []);
+  const handleInvert = useCallback(() => {
+    swapTokens();
+    setQuoteAmount(null);
+  }, [swapTokens, setQuoteAmount]);
+  const handleMax = useCallback(() => {
+    if (!baseBalance.formatted || !baseToken || !quoteToken) return;
+    const balNum = parseFloat(baseBalance.formatted);
+    if (!balNum || balNum <= 0) return;
+    const adjusted = balNum * 0.9999999999;
+    if (isWrappingPair || isUnwrappingPair) {
+      setBaseAmount(adjusted);
+      setQuoteAmount(adjusted);
+      clear();
+    } else {
+      setBaseAmount(adjusted);
+      setQuoteAmount(null);
+      ensureForParams({
+        inputToken: baseToken,
+        outputToken: quoteToken,
+        inputAmount: adjusted.toString(),
+        setOutputAmount: (amount) => setQuoteAmount(amount)
+      });
+    }
+  }, [
+    baseBalance.formatted,
+    baseToken,
+    quoteToken,
+    isWrappingPair,
+    isUnwrappingPair,
+    setBaseAmount,
+    setQuoteAmount,
+    clear,
+    ensureForParams
+  ]);
+  const handleClear = useCallback(() => {
+    clear();
+    clearForm();
+  }, [clear, clearForm]);
+  const baseBalanceNum = baseBalance.formatted ? parseFloat(baseBalance.formatted) : null;
+  const hasAmount = !!(baseAmount || quoteAmount);
+  const isSplitMenuMode = assetMenuVariant === "split";
+  const isBaseSelecting = isSplitMenuMode && (view === "baseSelection" || view === "baseChainSelection");
+  const isQuoteSelecting = isSplitMenuMode && (view === "quoteSelection" || view === "quoteChainSelection");
+  const handleInlineChainSelect = useCallback((chainId) => {
+    const currentView = useWidgetSwapUIStore.getState().view;
+    const side = currentView === "baseChainSelection" ? "base" : "quote";
+    useWidgetSwapUIStore.getState().setChainFilter({ chainId, side });
+    useWidgetSwapUIStore.getState().pushRecentChain(chainId);
+    useWidgetSwapUIStore.getState().transitionToView(
+      side === "base" ? "baseSelection" : "quoteSelection",
+      "chainSelection"
+    );
+  }, []);
+  const handleInlineMoreChainsBase = useCallback(() => {
+    useWidgetSwapUIStore.getState().transitionToView("baseChainSelection", "chainSelection");
+  }, []);
+  const handleInlineMoreChainsQuote = useCallback(() => {
+    useWidgetSwapUIStore.getState().transitionToView("quoteChainSelection", "chainSelection");
+  }, []);
+  const baseUsd = baseToken?.price && baseAmount ? `$${(baseToken.price * baseAmount).toFixed(2)}` : "$0.00";
+  const quoteUsd = quoteToken?.price && quoteAmount ? `$${(quoteToken.price * quoteAmount).toFixed(2)}` : "$0.00";
+  const isShowingTxStatus = reviewState === "trackingTx" && !!trackedOrderHash && !!baseToken && !!quoteToken && !!baseAmount && !!quoteAmount;
+  const connectButtonStyle = {
+    backgroundColor: swapButtonVariant === "default" ? "var(--widget-primary)" : "transparent",
+    color: swapButtonVariant === "default" ? "var(--widget-primary-foreground)" : "var(--widget-primary)",
+    border: swapButtonVariant !== "default" ? "1px solid var(--widget-primary)" : "none",
+    borderRadius: "var(--widget-radius)"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full", children: [
+    isShowingTxStatus && trackedOrderHash && baseToken && quoteToken && baseAmount && quoteAmount ? /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx(
+      TxStatusDisplay_default,
+      {
+        orderHash: trackedOrderHash,
+        base: baseToken,
+        quote: quoteToken,
+        baseAmount,
+        quoteAmount,
+        status: txStatus
+      }
+    ) }) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `grid grid-cols-[1fr_auto_1fr] items-stretch px-4 ${isCompactMode ? "pt-3 pb-1" : "pt-4 pb-2"} gap-2`,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `relative flex flex-col gap-1 p-3 rounded-lg overflow-hidden ${isBaseSelecting ? "h-[380px]" : ""}`,
+              style: {
+                border: "1px solid var(--widget-border)",
+                backgroundColor: "var(--widget-card)"
+              },
+              children: isBaseSelecting ? view === "baseChainSelection" ? /* @__PURE__ */ jsx(
+                ChainSelectionMenu_default,
+                {
+                  toggle: onBackToSwap ?? NOOP,
+                  side: "base",
+                  onChainSelect: handleInlineChainSelect
+                }
+              ) : /* @__PURE__ */ jsx(
+                AssetSelectionMenu_default,
+                {
+                  toggle: onBackToSwap ?? NOOP,
+                  side: "base",
+                  otherAsset: quoteToken,
+                  onMoreChainsClick: handleInlineMoreChainsBase,
+                  selectedChainFilter: selectedChainFilterChainId
+                }
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                isOverlayToken ? isCompactMode ? /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `flex items-center gap-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        AssetSelection_default,
+                        {
+                          toggle: handleToggleBaseSelection,
+                          side: "base",
+                          asset: baseToken,
+                          isPlacingOrder: isPlacingOrder || lockBase
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
+                        AssetAmountInput_default,
+                        {
+                          side: "base",
+                          asset: baseToken ?? null,
+                          otherAsset: quoteToken ?? null,
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      ) })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        AssetSelection_default,
+                        {
+                          toggle: handleToggleBaseSelection,
+                          side: "base",
+                          asset: baseToken,
+                          isPlacingOrder: isPlacingOrder || lockBase
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        AssetAmountInput_default,
+                        {
+                          side: "base",
+                          asset: baseToken ?? null,
+                          otherAsset: quoteToken ?? null,
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    AssetSelection_default,
+                    {
+                      toggle: handleToggleBaseSelection,
+                      side: "base",
+                      asset: baseToken,
+                      isPlacingOrder: isPlacingOrder || lockBase
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    AssetAmountInput_default,
+                    {
+                      side: "base",
+                      asset: baseToken ?? null,
+                      otherAsset: quoteToken ?? null,
+                      isPlacingOrder,
+                      isWrappingPair,
+                      isUnwrappingPair
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "mono text-xs",
+                      style: { color: "var(--widget-muted-foreground)" },
+                      children: baseUsd
+                    }
+                  ),
+                  userAddress && baseBalanceNum !== null && baseBalanceNum > 0 && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleMax,
+                      disabled: isPlacingOrder,
+                      className: "flex items-center rounded-full px-2 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 transition-colors bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card)",
+                      children: "Max"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center px-1", children: !disableInverting ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleInvert,
+              "aria-label": "Swap input and output tokens",
+              className: "flex h-8 w-8 items-center justify-center rounded-full cursor-pointer transition-colors bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)",
+              style: { border: "1px solid var(--widget-border)" },
+              children: /* @__PURE__ */ jsx("span", { className: "text-2xs", children: "\u2194" })
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center opacity-20", children: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "text-sm",
+              style: { color: "var(--widget-muted-foreground)" },
+              children: "\u2192"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `relative flex flex-col gap-1 p-3 rounded-lg overflow-hidden ${isQuoteSelecting ? "h-[380px]" : ""}`,
+              style: {
+                border: "1px solid var(--widget-border)",
+                backgroundColor: "var(--widget-card)"
+              },
+              children: isQuoteSelecting ? view === "quoteChainSelection" ? /* @__PURE__ */ jsx(
+                ChainSelectionMenu_default,
+                {
+                  toggle: onBackToSwap ?? NOOP,
+                  side: "quote",
+                  onChainSelect: handleInlineChainSelect
+                }
+              ) : /* @__PURE__ */ jsx(
+                AssetSelectionMenu_default,
+                {
+                  toggle: onBackToSwap ?? NOOP,
+                  side: "quote",
+                  otherAsset: baseToken,
+                  onMoreChainsClick: handleInlineMoreChainsQuote,
+                  selectedChainFilter: selectedChainFilterChainId
+                }
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                isOverlayToken ? isCompactMode ? /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `flex items-center gap-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        AssetSelection_default,
+                        {
+                          toggle: handleToggleQuoteSelection,
+                          side: "quote",
+                          asset: quoteToken,
+                          isPlacingOrder: isPlacingOrder || lockQuote
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
+                        AssetAmountInput_default,
+                        {
+                          side: "quote",
+                          asset: quoteToken ?? null,
+                          otherAsset: baseToken ?? null,
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      ) })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        AssetSelection_default,
+                        {
+                          toggle: handleToggleQuoteSelection,
+                          side: "quote",
+                          asset: quoteToken,
+                          isPlacingOrder: isPlacingOrder || lockQuote
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        AssetAmountInput_default,
+                        {
+                          side: "quote",
+                          asset: quoteToken ?? null,
+                          otherAsset: baseToken ?? null,
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    AssetSelection_default,
+                    {
+                      toggle: handleToggleQuoteSelection,
+                      side: "quote",
+                      asset: quoteToken,
+                      isPlacingOrder: isPlacingOrder || lockQuote
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    AssetAmountInput_default,
+                    {
+                      side: "quote",
+                      asset: quoteToken ?? null,
+                      otherAsset: baseToken ?? null,
+                      isPlacingOrder,
+                      isWrappingPair,
+                      isUnwrappingPair
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "mono text-xs",
+                      style: { color: "var(--widget-muted-foreground)" },
+                      children: quoteUsd
+                    }
+                  ),
+                  hasAmount && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleClear,
+                      disabled: isPlacingOrder,
+                      className: "flex items-center rounded-full px-2 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 transition-colors text-(--widget-muted-foreground) hover:bg-(--widget-secondary)",
+                      children: "Clear"
+                    }
+                  )
+                ] })
+              ] })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex flex-row items-center w-full overflow-hidden px-4",
+        style: {
+          borderTop: isRecipientInputOpen ? "1px solid var(--widget-border)" : "none",
+          maxHeight: isRecipientInputOpen ? "60px" : "0px",
+          opacity: isRecipientInputOpen ? 1 : 0,
+          transition: "max-height 0.3s ease, opacity 0.3s ease"
+        },
+        children: /* @__PURE__ */ jsx(RecipientForm_default, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "px-4",
+        style: {
+          borderTop: "1px solid var(--widget-border)",
+          borderBottom: "1px solid var(--widget-border)"
+        },
+        children: /* @__PURE__ */ jsx(QuoteLoader_default, {})
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: `relative ${isShowingTxStatus ? "px-0" : "px-4"} py-4`, children: userAddress && baseToken && quoteToken && baseAmount && baseAmount > 0 ? /* @__PURE__ */ jsx(
+      SwapButton,
+      {
+        base: baseToken,
+        baseAmount,
+        quote: quoteToken,
+        quoteAmount: quoteAmount ?? 0,
+        userAddress,
+        isWrappingPair,
+        isUnwrappingPair,
+        isBaseGasToken,
+        isQuoteGasToken,
+        reviewActionProps,
+        reviewState,
+        setReviewState,
+        trackedOrderHash,
+        setTrackedOrderHash,
+        onSwapComplete,
+        onSwapInitiated,
+        onOrderSubmitted,
+        onStaleQuoteRestart,
+        txStatus
+      }
+    ) : !userAddress && hasConnectHandler ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => openWalletModal(),
+        className: "w-full py-3 text-sm font-medium cursor-pointer transition-opacity hover:opacity-80",
+        style: connectButtonStyle,
+        children: "Connect Wallet"
+      }
+    ) : /* @__PURE__ */ jsx(
+      "button",
+      {
+        disabled: true,
+        className: "w-full py-3 text-sm font-medium transition-colors disabled:opacity-40 cursor-not-allowed",
+        style: connectButtonStyle,
+        children: !userAddress ? "Connect Wallet" : "Enter Amount"
+      }
+    ) })
+  ] });
+};
+var SwapFormHorizontal_default = SwapFormHorizontal;
+export {
+  SwapFormHorizontal_default as default
+};
+//# sourceMappingURL=SwapFormHorizontal-JDJUDFNX.js.map

package/dist/SwapFormHorizontal-JDJUDFNX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SwapFormHorizontal.tsx"],"sourcesContent":["'use client';\n\nimport { type Asset, type ReviewOrderStep, type SupportedChainId } from '../internal';\nimport { useWalletModal } from '../wallet/WalletModalContext';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useShallow } from 'zustand/react/shallow';\nimport { useWidgetConfig } from '../context/WidgetConfigContext';\nimport { useRfq } from '../providers/RfqProvider';\nimport { useSwapFormContext } from '../providers/SwapFormProvider';\n\nimport { useWidgetSwapUIStore } from '../stores/swapUIStore';\nimport { useWalletState } from '../wallet/useWalletState';\nimport AssetAmountInput from './AssetAmountInput';\nimport AssetSelection from './AssetSelection';\nimport AssetSelectionMenu from './AssetSelectionMenu';\nimport ChainSelectionMenu from './ChainSelectionMenu';\nimport QuoteLoader from './QuoteLoader';\nimport RecipientForm from './RecipientForm';\nimport { SwapButton } from './states/SwapButton';\nimport TxStatusDisplay from './states/TxStatusDisplay';\n\nconst NOOP = () => {};\n\ninterface ReviewActionProps {\n  base: Asset;\n  quote: Asset;\n  baseAmount: number;\n  quoteAmount: number;\n  userAddress: string;\n}\n\ninterface SwapFormHorizontalProps {\n  onSwapComplete?: (orderHash: string) => void;\n  onSwapInitiated?: () => void;\n  onBackToSwap?: () => void;\n  onMoreChainsClick?: () => void;\n}\n\nconst SwapFormHorizontal: React.FC<SwapFormHorizontalProps> = ({\n  onSwapComplete,\n  onSwapInitiated,\n  onBackToSwap,\n  onMoreChainsClick,\n}) => {\n  const {\n    web3ConnectionType,\n    hasConnectHandler,\n    lockBase,\n    lockQuote,\n    disableInverting,\n    swapButtonVariant,\n    tokenDisplay,\n    tokenBadgeOrientation,\n    widgetType,\n    assetMenuVariant,\n  } = useWidgetConfig();\n  const isOverlayToken = tokenDisplay === 'pill' || tokenDisplay === 'ghost';\n  const isCompactMode = widgetType === 'compact';\n  const {\n    baseToken,\n    quoteToken,\n    baseAmount,\n    quoteAmount,\n    isBaseGasToken,\n    isQuoteGasToken,\n    isWrappingPair,\n    isUnwrappingPair,\n    baseBalance,\n    quoteBalance,\n    setBaseAmount,\n    setQuoteAmount,\n    swapTokens,\n    clearForm,\n  } = useSwapFormContext();\n\n  const {\n    rfqQuote,\n    status: rfqStatus,\n    handleInputChange,\n    ensureForParams,\n    stop,\n    clear,\n    refresh,\n  } = useRfq();\n  const { address: userAddress } = useWalletState();\n  const { openConnectModal: openWalletModal } = useWalletModal();\n  const {\n    isRecipientInputOpen,\n    txStatus,\n    view,\n    selectedChainFilterChainId,\n  } = useWidgetSwapUIStore(\n    useShallow((state) => ({\n      isRecipientInputOpen: state.isRecipientInputOpen,\n      txStatus: state.txStatus,\n      view: state.view,\n      selectedChainFilterChainId: state.selectedChainFilter?.chainId ?? null,\n    })),\n  );\n\n  const [reviewState, setReviewState] = useState<ReviewOrderStep | null>(null);\n  const [trackedOrderHash, setTrackedOrderHash] = useState<string | null>(null);\n  const isHandlingStaleRestart = useRef(false);\n  const isPlacingOrder = false;\n\n  const reviewActionProps = useMemo((): ReviewActionProps | null => {\n    if (!baseToken || !quoteToken || typeof baseAmount !== 'number' || !quoteAmount || !userAddress) return null;\n    if (parseFloat(baseBalance.formatted) < baseAmount) return null;\n    return { base: baseToken, quote: quoteToken, baseAmount, quoteAmount, userAddress };\n  }, [baseToken, quoteToken, baseAmount, quoteAmount, userAddress, baseBalance.formatted]);\n\n  const onOrderSubmitted = useCallback((orderHash: string) => {\n    setTrackedOrderHash(orderHash);\n    useWidgetSwapUIStore.getState().startTracking(orderHash);\n  }, []);\n\n  const onStaleQuoteRestart = useCallback(() => {\n    isHandlingStaleRestart.current = true;\n    refresh();\n  }, [refresh]);\n\n  useEffect(() => {\n    if (reviewState !== null) return;\n    if (!baseToken || !quoteToken) return;\n    if (!baseAmount || baseAmount <= 0) {\n      handleInputChange({ amount: null, inputToken: baseToken, outputToken: quoteToken, setOutputAmount: setQuoteAmount });\n      return;\n    }\n    if (isWrappingPair || isUnwrappingPair) {\n      setQuoteAmount(baseAmount);\n      return;\n    }\n    handleInputChange({\n      amount: baseAmount,\n      inputToken: baseToken,\n      outputToken: quoteToken,\n      setOutputAmount: setQuoteAmount,\n    });\n  }, [\n    reviewState,\n    baseAmount,\n    baseToken,\n    quoteToken,\n    isWrappingPair,\n    isUnwrappingPair,\n    handleInputChange,\n    setQuoteAmount,\n  ]);\n\n  const handleToggleBaseSelection = useCallback(() => {\n    useWidgetSwapUIStore.getState().setView('baseSelection');\n  }, []);\n\n  const handleToggleQuoteSelection = useCallback(() => {\n    useWidgetSwapUIStore.getState().setView('quoteSelection');\n  }, []);\n\n  const handleInvert = useCallback(() => {\n    swapTokens();\n    setQuoteAmount(null);\n  }, [swapTokens, setQuoteAmount]);\n\n  const handleMax = useCallback(() => {\n    if (!baseBalance.formatted || !baseToken || !quoteToken) return;\n    const balNum = parseFloat(baseBalance.formatted);\n    if (!balNum || balNum <= 0) return;\n    const adjusted = balNum * 0.9999999999;\n    if (isWrappingPair || isUnwrappingPair) {\n      setBaseAmount(adjusted);\n      setQuoteAmount(adjusted);\n      clear();\n    } else {\n      setBaseAmount(adjusted);\n      setQuoteAmount(null);\n      ensureForParams({\n        inputToken: baseToken,\n        outputToken: quoteToken,\n        inputAmount: adjusted.toString(),\n        setOutputAmount: (amount) => setQuoteAmount(amount),\n      });\n    }\n  }, [\n    baseBalance.formatted,\n    baseToken,\n    quoteToken,\n    isWrappingPair,\n    isUnwrappingPair,\n    setBaseAmount,\n    setQuoteAmount,\n    clear,\n    ensureForParams,\n  ]);\n\n  const handleClear = useCallback(() => {\n    clear();\n    clearForm();\n  }, [clear, clearForm]);\n\n  const baseBalanceNum = baseBalance.formatted\n    ? parseFloat(baseBalance.formatted)\n    : null;\n  const hasAmount = !!(baseAmount || quoteAmount);\n\n  // Inline selection (split assetMenuVariant): the respective column renders the menu\n  const isSplitMenuMode = assetMenuVariant === 'split';\n  const isBaseSelecting =\n    isSplitMenuMode &&\n    (view === 'baseSelection' || view === 'baseChainSelection');\n  const isQuoteSelecting =\n    isSplitMenuMode &&\n    (view === 'quoteSelection' || view === 'quoteChainSelection');\n\n  const handleInlineChainSelect = useCallback((chainId: SupportedChainId) => {\n    const currentView = useWidgetSwapUIStore.getState().view;\n    const side = currentView === 'baseChainSelection' ? 'base' : 'quote';\n    useWidgetSwapUIStore.getState().setChainFilter({ chainId, side });\n    useWidgetSwapUIStore.getState().pushRecentChain(chainId);\n    useWidgetSwapUIStore\n      .getState()\n      .transitionToView(\n        side === 'base' ? 'baseSelection' : 'quoteSelection',\n        'chainSelection',\n      );\n  }, []);\n\n  const handleInlineMoreChainsBase = useCallback(() => {\n    useWidgetSwapUIStore\n      .getState()\n      .transitionToView('baseChainSelection', 'chainSelection');\n  }, []);\n\n  const handleInlineMoreChainsQuote = useCallback(() => {\n    useWidgetSwapUIStore\n      .getState()\n      .transitionToView('quoteChainSelection', 'chainSelection');\n  }, []);\n\n  const baseUsd =\n    baseToken?.price && baseAmount\n      ? `$${(baseToken.price * baseAmount).toFixed(2)}`\n      : '$0.00';\n  const quoteUsd =\n    quoteToken?.price && quoteAmount\n      ? `$${(quoteToken.price * quoteAmount).toFixed(2)}`\n      : '$0.00';\n\n  const isShowingTxStatus =\n    reviewState === 'trackingTx' &&\n    !!trackedOrderHash &&\n    !!baseToken &&\n    !!quoteToken &&\n    !!baseAmount &&\n    !!quoteAmount;\n\n  const connectButtonStyle: React.CSSProperties = {\n    backgroundColor:\n      swapButtonVariant === 'default' ? 'var(--widget-primary)' : 'transparent',\n    color:\n      swapButtonVariant === 'default'\n        ? 'var(--widget-primary-foreground)'\n        : 'var(--widget-primary)',\n    border:\n      swapButtonVariant !== 'default'\n        ? '1px solid var(--widget-primary)'\n        : 'none',\n    borderRadius: 'var(--widget-radius)',\n  };\n\n  return (\n    <div className=\"flex flex-col w-full\">\n      {/* ── TX STATUS or TWO-COLUMN TOKEN SECTIONS ─────────── */}\n      {isShowingTxStatus &&\n      trackedOrderHash &&\n      baseToken &&\n      quoteToken &&\n      baseAmount &&\n      quoteAmount ? (\n        <div className=\"flex-1 min-h-0 overflow-hidden\">\n          <TxStatusDisplay\n            orderHash={trackedOrderHash}\n            base={baseToken}\n            quote={quoteToken}\n            baseAmount={baseAmount}\n            quoteAmount={quoteAmount}\n            status={txStatus}\n          />\n        </div>\n      ) : (\n        <div\n          className={`grid grid-cols-[1fr_auto_1fr] items-stretch px-4 ${isCompactMode ? 'pt-3 pb-1' : 'pt-4 pb-2'} gap-2`}\n        >\n          {/* BASE column */}\n          <div\n            className={`relative flex flex-col gap-1 p-3 rounded-lg overflow-hidden ${isBaseSelecting ? 'h-[380px]' : ''}`}\n            style={{\n              border: '1px solid var(--widget-border)',\n              backgroundColor: 'var(--widget-card)',\n            }}\n          >\n            {isBaseSelecting ? (\n              view === 'baseChainSelection' ? (\n                <ChainSelectionMenu\n                  toggle={onBackToSwap ?? NOOP}\n                  side=\"base\"\n                  onChainSelect={handleInlineChainSelect}\n                />\n              ) : (\n                <AssetSelectionMenu\n                  toggle={onBackToSwap ?? NOOP}\n                  side=\"base\"\n                  otherAsset={quoteToken}\n                  onMoreChainsClick={handleInlineMoreChainsBase}\n                  selectedChainFilter={selectedChainFilterChainId}\n                />\n              )\n            ) : (\n              <>\n                {isOverlayToken ? (\n                  isCompactMode ? (\n                    <div\n                      className={`flex items-center gap-2 ${tokenBadgeOrientation === 'right' ? 'flex-row-reverse' : 'flex-row'}`}\n                    >\n                      <AssetSelection\n                        toggle={handleToggleBaseSelection}\n                        side=\"base\"\n                        asset={baseToken}\n                        isPlacingOrder={isPlacingOrder || lockBase}\n                      />\n                      <div className=\"flex-1 min-w-0\">\n                        <AssetAmountInput\n                          side=\"base\"\n                          asset={baseToken ?? null}\n                          otherAsset={quoteToken ?? null}\n                          isPlacingOrder={isPlacingOrder}\n                          isWrappingPair={isWrappingPair}\n                          isUnwrappingPair={isUnwrappingPair}\n                        />\n                      </div>\n                    </div>\n                  ) : (\n                    <div\n                      className={`flex flex-col ${tokenBadgeOrientation === 'right' ? 'items-end' : 'items-start'}`}\n                    >\n                      <AssetSelection\n                        toggle={handleToggleBaseSelection}\n                        side=\"base\"\n                        asset={baseToken}\n                        isPlacingOrder={isPlacingOrder || lockBase}\n                      />\n                      <AssetAmountInput\n                        side=\"base\"\n                        asset={baseToken ?? null}\n                        otherAsset={quoteToken ?? null}\n                        isPlacingOrder={isPlacingOrder}\n                        isWrappingPair={isWrappingPair}\n                        isUnwrappingPair={isUnwrappingPair}\n                      />\n                    </div>\n                  )\n                ) : (\n                  <>\n                    <AssetSelection\n                      toggle={handleToggleBaseSelection}\n                      side=\"base\"\n                      asset={baseToken}\n                      isPlacingOrder={isPlacingOrder || lockBase}\n                    />\n                    <AssetAmountInput\n                      side=\"base\"\n                      asset={baseToken ?? null}\n                      otherAsset={quoteToken ?? null}\n                      isPlacingOrder={isPlacingOrder}\n                      isWrappingPair={isWrappingPair}\n                      isUnwrappingPair={isUnwrappingPair}\n                    />\n                  </>\n                )}\n                <div className=\"flex items-center justify-between\">\n                  <span\n                    className=\"mono text-xs\"\n                    style={{ color: 'var(--widget-muted-foreground)' }}\n                  >\n                    {baseUsd}\n                  </span>\n                  {userAddress &&\n                    baseBalanceNum !== null &&\n                    baseBalanceNum > 0 && (\n                      <button\n                        type=\"button\"\n                        onClick={handleMax}\n                        disabled={isPlacingOrder}\n                        className=\"flex items-center rounded-full px-2 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 transition-colors bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card)\"\n                      >\n                        Max\n                      </button>\n                    )}\n                </div>\n              </>\n            )}\n          </div>\n\n          {/* Center invert button */}\n          <div className=\"flex items-center justify-center px-1\">\n            {!disableInverting ? (\n              <button\n                type=\"button\"\n                onClick={handleInvert}\n                aria-label=\"Swap input and output tokens\"\n                className=\"flex h-8 w-8 items-center justify-center rounded-full cursor-pointer transition-colors bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground)\"\n                style={{ border: '1px solid var(--widget-border)' }}\n              >\n                <span className=\"text-2xs\">↔</span>\n              </button>\n            ) : (\n              <div className=\"flex h-8 w-8 items-center justify-center opacity-20\">\n                <span\n                  className=\"text-sm\"\n                  style={{ color: 'var(--widget-muted-foreground)' }}\n                >\n                  →\n                </span>\n              </div>\n            )}\n          </div>\n\n          {/* QUOTE column */}\n          <div\n            className={`relative flex flex-col gap-1 p-3 rounded-lg overflow-hidden ${isQuoteSelecting ? 'h-[380px]' : ''}`}\n            style={{\n              border: '1px solid var(--widget-border)',\n              backgroundColor: 'var(--widget-card)',\n            }}\n          >\n            {isQuoteSelecting ? (\n              view === 'quoteChainSelection' ? (\n                <ChainSelectionMenu\n                  toggle={onBackToSwap ?? NOOP}\n                  side=\"quote\"\n                  onChainSelect={handleInlineChainSelect}\n                />\n              ) : (\n                <AssetSelectionMenu\n                  toggle={onBackToSwap ?? NOOP}\n                  side=\"quote\"\n                  otherAsset={baseToken}\n                  onMoreChainsClick={handleInlineMoreChainsQuote}\n                  selectedChainFilter={selectedChainFilterChainId}\n                />\n              )\n            ) : (\n              <>\n                {isOverlayToken ? (\n                  isCompactMode ? (\n                    <div\n                      className={`flex items-center gap-2 ${tokenBadgeOrientation === 'right' ? 'flex-row-reverse' : 'flex-row'}`}\n                    >\n                      <AssetSelection\n                        toggle={handleToggleQuoteSelection}\n                        side=\"quote\"\n                        asset={quoteToken}\n                        isPlacingOrder={isPlacingOrder || lockQuote}\n                      />\n                      <div className=\"flex-1 min-w-0\">\n                        <AssetAmountInput\n                          side=\"quote\"\n                          asset={quoteToken ?? null}\n                          otherAsset={baseToken ?? null}\n                          isPlacingOrder={isPlacingOrder}\n                          isWrappingPair={isWrappingPair}\n                          isUnwrappingPair={isUnwrappingPair}\n                        />\n                      </div>\n                    </div>\n                  ) : (\n                    <div\n                      className={`flex flex-col ${tokenBadgeOrientation === 'right' ? 'items-end' : 'items-start'}`}\n                    >\n                      <AssetSelection\n                        toggle={handleToggleQuoteSelection}\n                        side=\"quote\"\n                        asset={quoteToken}\n                        isPlacingOrder={isPlacingOrder || lockQuote}\n                      />\n                      <AssetAmountInput\n                        side=\"quote\"\n                        asset={quoteToken ?? null}\n                        otherAsset={baseToken ?? null}\n                        isPlacingOrder={isPlacingOrder}\n                        isWrappingPair={isWrappingPair}\n                        isUnwrappingPair={isUnwrappingPair}\n                      />\n                    </div>\n                  )\n                ) : (\n                  <>\n                    <AssetSelection\n                      toggle={handleToggleQuoteSelection}\n                      side=\"quote\"\n                      asset={quoteToken}\n                      isPlacingOrder={isPlacingOrder || lockQuote}\n                    />\n                    <AssetAmountInput\n                      side=\"quote\"\n                      asset={quoteToken ?? null}\n                      otherAsset={baseToken ?? null}\n                      isPlacingOrder={isPlacingOrder}\n                      isWrappingPair={isWrappingPair}\n                      isUnwrappingPair={isUnwrappingPair}\n                    />\n                  </>\n                )}\n                <div className=\"flex items-center justify-between\">\n                  <span\n                    className=\"mono text-xs\"\n                    style={{ color: 'var(--widget-muted-foreground)' }}\n                  >\n                    {quoteUsd}\n                  </span>\n                  {hasAmount && (\n                    <button\n                      type=\"button\"\n                      onClick={handleClear}\n                      disabled={isPlacingOrder}\n                      className=\"flex items-center rounded-full px-2 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 transition-colors text-(--widget-muted-foreground) hover:bg-(--widget-secondary)\"\n                    >\n                      Clear\n                    </button>\n                  )}\n                </div>\n              </>\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* ── RECIPIENT FORM ─────────────────────────────────── */}\n      <div\n        className=\"flex flex-row items-center w-full overflow-hidden px-4\"\n        style={{\n          borderTop: isRecipientInputOpen\n            ? '1px solid var(--widget-border)'\n            : 'none',\n          maxHeight: isRecipientInputOpen ? '60px' : '0px',\n          opacity: isRecipientInputOpen ? 1 : 0,\n          transition: 'max-height 0.3s ease, opacity 0.3s ease',\n        }}\n      >\n        <RecipientForm />\n      </div>\n\n      {/* ── QUOTE LOADER ───────────────────────────────────── */}\n      <div\n        className=\"px-4\"\n        style={{\n          borderTop: '1px solid var(--widget-border)',\n          borderBottom: '1px solid var(--widget-border)',\n        }}\n      >\n        <QuoteLoader />\n      </div>\n\n      {/* ── SWAP / CONNECT BUTTON ──────────────────────────── */}\n      <div className={`relative ${isShowingTxStatus ? 'px-0' : 'px-4'} py-4`}>\n        {userAddress &&\n        baseToken &&\n        quoteToken &&\n        baseAmount &&\n        baseAmount > 0 ? (\n          <SwapButton\n            base={baseToken}\n            baseAmount={baseAmount}\n            quote={quoteToken}\n            quoteAmount={quoteAmount ?? 0}\n            userAddress={userAddress}\n            isWrappingPair={isWrappingPair}\n            isUnwrappingPair={isUnwrappingPair}\n            isBaseGasToken={isBaseGasToken}\n            isQuoteGasToken={isQuoteGasToken}\n            reviewActionProps={reviewActionProps}\n            reviewState={reviewState}\n            setReviewState={setReviewState}\n            trackedOrderHash={trackedOrderHash}\n            setTrackedOrderHash={setTrackedOrderHash}\n            onSwapComplete={onSwapComplete}\n            onSwapInitiated={onSwapInitiated}\n            onOrderSubmitted={onOrderSubmitted}\n            onStaleQuoteRestart={onStaleQuoteRestart}\n            txStatus={txStatus}\n          />\n        ) : !userAddress && hasConnectHandler ? (\n          <button\n            onClick={() => openWalletModal()}\n            className=\"w-full py-3 text-sm font-medium cursor-pointer transition-opacity hover:opacity-80\"\n            style={connectButtonStyle}\n          >\n            Connect Wallet\n          </button>\n        ) : (\n          <button\n            disabled\n            className=\"w-full py-3 text-sm font-medium transition-colors disabled:opacity-40 cursor-not-allowed\"\n            style={connectButtonStyle}\n          >\n            {!userAddress ? 'Connect Wallet' : 'Enter Amount'}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default SwapFormHorizontal;\n"],"mappings":"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","names":[]}