@aori/mega-swap-widget 0.1.0 → 0.1.2

package/package.json

@@ -1,28 +1,8 @@
 {
   "name": "@aori/mega-swap-widget",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Embeddable cross-chain swap widget powered by Aori",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/aori-io/mega-swap-widget.git"
-  },
-  "homepage": "https://github.com/aori-io/mega-swap-widget#readme",
-  "bugs": {
-    "url": "https://github.com/aori-io/mega-swap-widget/issues"
-  },
-  "keywords": [
-    "aori",
-    "swap",
-    "widget",
-    "cross-chain",
-    "dex",
-    "defi",
-    "react",
-    "ethereum",
-    "wagmi",
-    "viem"
-  ],
+  "license": "UNLICENSED",
   "type": "module",
   "private": false,
   "publishConfig": {

package/dist/AssetSelectionMenu-Y3EB32BT.cjs

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-"use client";
-
-
-var _chunk3E6RNP2Dcjs = require('./chunk-3E6RNP2D.cjs');
-require('./chunk-6XB5R4GF.cjs');
-require('./chunk-GZUTUD5O.cjs');
-require('./chunk-PGYOJ5RB.cjs');
-require('./chunk-NBJPKJBC.cjs');
-
-
-exports.default = _chunk3E6RNP2Dcjs.AssetSelectionMenu_default;
-//# sourceMappingURL=AssetSelectionMenu-Y3EB32BT.cjs.map

package/dist/AssetSelectionMenu-Y3EB32BT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/AssetSelectionMenu-Y3EB32BT.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,+DAAC","file":"/Users/flooreyes/mega-swap-widget/dist/AssetSelectionMenu-Y3EB32BT.cjs"}

package/dist/AssetSelectionMenu-ZRG42UCZ.js

@@ -1,13 +0,0 @@
-"use client";
-"use client";
-import {
-  AssetSelectionMenu_default
-} from "./chunk-6YLNOZ7P.js";
-import "./chunk-TMC4SUEV.js";
-import "./chunk-6Q7MSCKS.js";
-import "./chunk-7AWG6OWF.js";
-import "./chunk-GGM3MDFM.js";
-export {
-  AssetSelectionMenu_default as default
-};
-//# sourceMappingURL=AssetSelectionMenu-ZRG42UCZ.js.map

package/dist/AssetSelectionMenu-ZRG42UCZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/ChainSelectionMenu-FBAPPFKI.cjs

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-"use client";
-
-
-var _chunkB3ILUJ7Gcjs = require('./chunk-B3ILUJ7G.cjs');
-require('./chunk-GZUTUD5O.cjs');
-require('./chunk-NBJPKJBC.cjs');
-
-
-exports.default = _chunkB3ILUJ7Gcjs.ChainSelectionMenu_default;
-//# sourceMappingURL=ChainSelectionMenu-FBAPPFKI.cjs.map

package/dist/ChainSelectionMenu-FBAPPFKI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/ChainSelectionMenu-FBAPPFKI.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,+DAAC","file":"/Users/flooreyes/mega-swap-widget/dist/ChainSelectionMenu-FBAPPFKI.cjs"}

package/dist/ChainSelectionMenu-QO3H4TNR.js

@@ -1,11 +0,0 @@
-"use client";
-"use client";
-import {
-  ChainSelectionMenu_default
-} from "./chunk-5XSCUUOW.js";
-import "./chunk-6Q7MSCKS.js";
-import "./chunk-GGM3MDFM.js";
-export {
-  ChainSelectionMenu_default as default
-};
-//# sourceMappingURL=ChainSelectionMenu-QO3H4TNR.js.map

package/dist/ChainSelectionMenu-QO3H4TNR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/SwapFormHorizontal-JDJUDFNX.js

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