@aori/mega-swap-widget 0.1.0

package/dist/SwapFormHorizontal-WG3Z3CFT.cjs

@@ -0,0 +1,573 @@
+"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";
+"use client";
+
+
+var _chunkXQINW7QPcjs = require('./chunk-XQINW7QP.cjs');
+
+
+
+
+
+
+
+
+var _chunkHXOGJSAIcjs = require('./chunk-HXOGJSAI.cjs');
+
+
+var _chunk3E6RNP2Dcjs = require('./chunk-3E6RNP2D.cjs');
+
+
+var _chunkB3ILUJ7Gcjs = require('./chunk-B3ILUJ7G.cjs');
+require('./chunk-5TH6MFQD.cjs');
+
+
+
+var _chunk6XB5R4GFcjs = require('./chunk-6XB5R4GF.cjs');
+
+
+var _chunkGZUTUD5Ocjs = require('./chunk-GZUTUD5O.cjs');
+
+
+var _chunkPGYOJ5RBcjs = require('./chunk-PGYOJ5RB.cjs');
+require('./chunk-NBJPKJBC.cjs');
+
+// src/components/SwapFormHorizontal.tsx
+var _react = require('react');
+var _shallow = require('zustand/react/shallow');
+var _jsxruntime = require('react/jsx-runtime');
+var NOOP = () => {
+};
+var SwapFormHorizontal = ({
+  onSwapComplete,
+  onSwapInitiated,
+  onBackToSwap,
+  onMoreChainsClick
+}) => {
+  const {
+    web3ConnectionType,
+    hasConnectHandler,
+    lockBase,
+    lockQuote,
+    disableInverting,
+    swapButtonVariant,
+    tokenDisplay,
+    tokenBadgeOrientation,
+    widgetType,
+    assetMenuVariant
+  } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
+  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
+  } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
+  const {
+    rfqQuote,
+    status: rfqStatus,
+    handleInputChange,
+    ensureForParams,
+    stop,
+    clear,
+    refresh
+  } = _chunkHXOGJSAIcjs.useRfq.call(void 0, );
+  const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
+  const { openConnectModal: openWalletModal } = _chunkHXOGJSAIcjs.useWalletModal.call(void 0, );
+  const {
+    isRecipientInputOpen,
+    txStatus,
+    view,
+    selectedChainFilterChainId
+  } = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, 
+    _shallow.useShallow.call(void 0, (state) => ({
+      isRecipientInputOpen: state.isRecipientInputOpen,
+      txStatus: state.txStatus,
+      view: state.view,
+      selectedChainFilterChainId: _nullishCoalesce(_optionalChain([state, 'access', _ => _.selectedChainFilter, 'optionalAccess', _2 => _2.chainId]), () => ( null))
+    }))
+  );
+  const [reviewState, setReviewState] = _react.useState.call(void 0, null);
+  const [trackedOrderHash, setTrackedOrderHash] = _react.useState.call(void 0, null);
+  const isHandlingStaleRestart = _react.useRef.call(void 0, false);
+  const isPlacingOrder = false;
+  const reviewActionProps = _react.useMemo.call(void 0, () => {
+    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 = _react.useCallback.call(void 0, (orderHash) => {
+    setTrackedOrderHash(orderHash);
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().startTracking(orderHash);
+  }, []);
+  const onStaleQuoteRestart = _react.useCallback.call(void 0, () => {
+    isHandlingStaleRestart.current = true;
+    refresh();
+  }, [refresh]);
+  _react.useEffect.call(void 0, () => {
+    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 = _react.useCallback.call(void 0, () => {
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView("baseSelection");
+  }, []);
+  const handleToggleQuoteSelection = _react.useCallback.call(void 0, () => {
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView("quoteSelection");
+  }, []);
+  const handleInvert = _react.useCallback.call(void 0, () => {
+    swapTokens();
+    setQuoteAmount(null);
+  }, [swapTokens, setQuoteAmount]);
+  const handleMax = _react.useCallback.call(void 0, () => {
+    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 = _react.useCallback.call(void 0, () => {
+    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 = _react.useCallback.call(void 0, (chainId) => {
+    const currentView = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().view;
+    const side = currentView === "baseChainSelection" ? "base" : "quote";
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setChainFilter({ chainId, side });
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().pushRecentChain(chainId);
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().transitionToView(
+      side === "base" ? "baseSelection" : "quoteSelection",
+      "chainSelection"
+    );
+  }, []);
+  const handleInlineMoreChainsBase = _react.useCallback.call(void 0, () => {
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().transitionToView("baseChainSelection", "chainSelection");
+  }, []);
+  const handleInlineMoreChainsQuote = _react.useCallback.call(void 0, () => {
+    _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().transitionToView("quoteChainSelection", "chainSelection");
+  }, []);
+  const baseUsd = _optionalChain([baseToken, 'optionalAccess', _3 => _3.price]) && baseAmount ? `$${(baseToken.price * baseAmount).toFixed(2)}` : "$0.00";
+  const quoteUsd = _optionalChain([quoteToken, 'optionalAccess', _4 => _4.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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col w-full", children: [
+    isShowingTxStatus && trackedOrderHash && baseToken && quoteToken && baseAmount && quoteAmount ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkHXOGJSAIcjs.TxStatusDisplay_default,
+      {
+        orderHash: trackedOrderHash,
+        base: baseToken,
+        quote: quoteToken,
+        baseAmount,
+        quoteAmount,
+        status: txStatus
+      }
+    ) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "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__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkB3ILUJ7Gcjs.ChainSelectionMenu_default,
+                {
+                  toggle: _nullishCoalesce(onBackToSwap, () => ( NOOP)),
+                  side: "base",
+                  onChainSelect: handleInlineChainSelect
+                }
+              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunk3E6RNP2Dcjs.AssetSelectionMenu_default,
+                {
+                  toggle: _nullishCoalesce(onBackToSwap, () => ( NOOP)),
+                  side: "base",
+                  otherAsset: quoteToken,
+                  onMoreChainsClick: handleInlineMoreChainsBase,
+                  selectedChainFilter: selectedChainFilterChainId
+                }
+              ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                isOverlayToken ? isCompactMode ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "div",
+                  {
+                    className: `flex items-center gap-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetSelection_default,
+                        {
+                          toggle: handleToggleBaseSelection,
+                          side: "base",
+                          asset: baseToken,
+                          isPlacingOrder: isPlacingOrder || lockBase
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetAmountInput_default,
+                        {
+                          side: "base",
+                          asset: _nullishCoalesce(baseToken, () => ( null)),
+                          otherAsset: _nullishCoalesce(quoteToken, () => ( null)),
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      ) })
+                    ]
+                  }
+                ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "div",
+                  {
+                    className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetSelection_default,
+                        {
+                          toggle: handleToggleBaseSelection,
+                          side: "base",
+                          asset: baseToken,
+                          isPlacingOrder: isPlacingOrder || lockBase
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetAmountInput_default,
+                        {
+                          side: "base",
+                          asset: _nullishCoalesce(baseToken, () => ( null)),
+                          otherAsset: _nullishCoalesce(quoteToken, () => ( null)),
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkHXOGJSAIcjs.AssetSelection_default,
+                    {
+                      toggle: handleToggleBaseSelection,
+                      side: "base",
+                      asset: baseToken,
+                      isPlacingOrder: isPlacingOrder || lockBase
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkHXOGJSAIcjs.AssetAmountInput_default,
+                    {
+                      side: "base",
+                      asset: _nullishCoalesce(baseToken, () => ( null)),
+                      otherAsset: _nullishCoalesce(quoteToken, () => ( null)),
+                      isPlacingOrder,
+                      isWrappingPair,
+                      isUnwrappingPair
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "span",
+                    {
+                      className: "mono text-xs",
+                      style: { color: "var(--widget-muted-foreground)" },
+                      children: baseUsd
+                    }
+                  ),
+                  userAddress && baseBalanceNum !== null && baseBalanceNum > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "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__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center px-1", children: !disableInverting ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", children: "\u2194" })
+            }
+          ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-8 items-center justify-center opacity-20", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: "text-sm",
+              style: { color: "var(--widget-muted-foreground)" },
+              children: "\u2192"
+            }
+          ) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkB3ILUJ7Gcjs.ChainSelectionMenu_default,
+                {
+                  toggle: _nullishCoalesce(onBackToSwap, () => ( NOOP)),
+                  side: "quote",
+                  onChainSelect: handleInlineChainSelect
+                }
+              ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunk3E6RNP2Dcjs.AssetSelectionMenu_default,
+                {
+                  toggle: _nullishCoalesce(onBackToSwap, () => ( NOOP)),
+                  side: "quote",
+                  otherAsset: baseToken,
+                  onMoreChainsClick: handleInlineMoreChainsQuote,
+                  selectedChainFilter: selectedChainFilterChainId
+                }
+              ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                isOverlayToken ? isCompactMode ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "div",
+                  {
+                    className: `flex items-center gap-2 ${tokenBadgeOrientation === "right" ? "flex-row-reverse" : "flex-row"}`,
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetSelection_default,
+                        {
+                          toggle: handleToggleQuoteSelection,
+                          side: "quote",
+                          asset: quoteToken,
+                          isPlacingOrder: isPlacingOrder || lockQuote
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetAmountInput_default,
+                        {
+                          side: "quote",
+                          asset: _nullishCoalesce(quoteToken, () => ( null)),
+                          otherAsset: _nullishCoalesce(baseToken, () => ( null)),
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      ) })
+                    ]
+                  }
+                ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "div",
+                  {
+                    className: `flex flex-col ${tokenBadgeOrientation === "right" ? "items-end" : "items-start"}`,
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetSelection_default,
+                        {
+                          toggle: handleToggleQuoteSelection,
+                          side: "quote",
+                          asset: quoteToken,
+                          isPlacingOrder: isPlacingOrder || lockQuote
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkHXOGJSAIcjs.AssetAmountInput_default,
+                        {
+                          side: "quote",
+                          asset: _nullishCoalesce(quoteToken, () => ( null)),
+                          otherAsset: _nullishCoalesce(baseToken, () => ( null)),
+                          isPlacingOrder,
+                          isWrappingPair,
+                          isUnwrappingPair
+                        }
+                      )
+                    ]
+                  }
+                ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkHXOGJSAIcjs.AssetSelection_default,
+                    {
+                      toggle: handleToggleQuoteSelection,
+                      side: "quote",
+                      asset: quoteToken,
+                      isPlacingOrder: isPlacingOrder || lockQuote
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkHXOGJSAIcjs.AssetAmountInput_default,
+                    {
+                      side: "quote",
+                      asset: _nullishCoalesce(quoteToken, () => ( null)),
+                      otherAsset: _nullishCoalesce(baseToken, () => ( null)),
+                      isPlacingOrder,
+                      isWrappingPair,
+                      isUnwrappingPair
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "span",
+                    {
+                      className: "mono text-xs",
+                      style: { color: "var(--widget-muted-foreground)" },
+                      children: quoteUsd
+                    }
+                  ),
+                  hasAmount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "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__ */ _jsxruntime.jsx.call(void 0, 
+      "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__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.RecipientForm_default, {})
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "px-4",
+        style: {
+          borderTop: "1px solid var(--widget-border)",
+          borderBottom: "1px solid var(--widget-border)"
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXQINW7QPcjs.QuoteLoader_default, {})
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `relative ${isShowingTxStatus ? "px-0" : "px-4"} py-4`, children: userAddress && baseToken && quoteToken && baseAmount && baseAmount > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkHXOGJSAIcjs.SwapButton,
+      {
+        base: baseToken,
+        baseAmount,
+        quote: quoteToken,
+        quoteAmount: _nullishCoalesce(quoteAmount, () => ( 0)),
+        userAddress,
+        isWrappingPair,
+        isUnwrappingPair,
+        isBaseGasToken,
+        isQuoteGasToken,
+        reviewActionProps,
+        reviewState,
+        setReviewState,
+        trackedOrderHash,
+        setTrackedOrderHash,
+        onSwapComplete,
+        onSwapInitiated,
+        onOrderSubmitted,
+        onStaleQuoteRestart,
+        txStatus
+      }
+    ) : !userAddress && hasConnectHandler ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "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__ */ _jsxruntime.jsx.call(void 0, 
+      "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;
+
+
+exports.default = SwapFormHorizontal_default;
+//# sourceMappingURL=SwapFormHorizontal-WG3Z3CFT.cjs.map

package/dist/SwapFormHorizontal-WG3Z3CFT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/SwapFormHorizontal-WG3Z3CFT.cjs","../src/components/SwapFormHorizontal.tsx"],"names":[],"mappings":"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","file":"/Users/flooreyes/mega-swap-widget/dist/SwapFormHorizontal-WG3Z3CFT.cjs","sourcesContent":[null,"'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"]}