@aori/mega-swap-widget 0.1.0

package/dist/SwapFormSplit-VDDIRQUQ.cjs

@@ -0,0 +1,441 @@
+"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 _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/SwapFormSplit.tsx
+var _react = require('react');
+var _shallow = require('zustand/react/shallow');
+var _jsxruntime = require('react/jsx-runtime');
+var NOOP = () => {
+};
+var SwapFormSplit = ({ 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,
+    setBaseAmount,
+    setQuoteAmount,
+    swapTokens,
+    clearForm
+  } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
+  const {
+    handleInputChange,
+    ensureForParams,
+    clear,
+    refresh,
+    liquidityError,
+    routingError
+  } = _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(state.selectedChainFilterChainId, () => ( 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 exchangeRate = baseAmount && quoteAmount && parseFloat(quoteAmount.toString()) ? parseFloat(baseAmount.toString()) / parseFloat(quoteAmount.toString()) : 0;
+  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 base = baseToken;
+  const quote = quoteToken;
+  const baseUsd = _optionalChain([base, 'optionalAccess', _2 => _2.price]) && baseAmount ? `$${(base.price * baseAmount).toFixed(2)}` : "$0.00";
+  const quoteUsd = _optionalChain([quote, 'optionalAccess', _3 => _3.price]) && quoteAmount ? `$${(quote.price * quoteAmount).toFixed(2)}` : "$0.00";
+  const hasValidQuote = !!(base && quote && baseAmount && quoteAmount);
+  const hasQuoteError = liquidityError || routingError;
+  const isShowingTxStatus = reviewState === "trackingTx" && !!trackedOrderHash && !!base && !!quote && !!baseAmount && !!quoteAmount;
+  const isSplitMenuMode = assetMenuVariant === "split";
+  const isSelecting = isSplitMenuMode && (view === "baseSelection" || view === "quoteSelection" || view === "baseChainSelection" || view === "quoteChainSelection");
+  const menuSide = view === "baseSelection" || view === "baseChainSelection" ? "base" : "quote";
+  const menuOtherAsset = menuSide === "base" ? quote : base;
+  const leftColRef = _react.useRef.call(void 0, null);
+  const [leftColHeight, setLeftColHeight] = _react.useState.call(void 0, 380);
+  _react.useEffect.call(void 0, () => {
+    if (!isSplitMenuMode) return;
+    const el = leftColRef.current;
+    if (!el) return;
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        setLeftColHeight(entry.contentRect.height);
+      }
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [isSplitMenuMode]);
+  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 handleInlineMoreChains = _react.useCallback.call(void 0, () => {
+    const currentView = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().view;
+    if (currentView === "baseSelection") {
+      _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().transitionToView("baseChainSelection", "chainSelection");
+    } else if (currentView === "quoteSelection") {
+      _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().transitionToView("quoteChainSelection", "chainSelection");
+    }
+  }, []);
+  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-row w-full", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: leftColRef,
+        className: "flex flex-col flex-1 min-w-0",
+        style: { borderRight: "1px solid var(--widget-border)" },
+        children: [
+          isShowingTxStatus && trackedOrderHash && base && quote && 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,
+              quote,
+              baseAmount,
+              quoteAmount,
+              status: txStatus
+            }
+          ) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "div",
+              {
+                className: `relative ${isCompactMode ? "px-4 pt-3 pb-1" : "px-4 pt-4 pb-2"}`,
+                style: { borderBottom: "1px solid var(--widget-border)" },
+                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: base, 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(base, () => ( null)), otherAsset: _nullishCoalesce(quote, () => ( 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: base, isPlacingOrder: isPlacingOrder || lockBase }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.AssetAmountInput_default, { side: "base", asset: _nullishCoalesce(base, () => ( null)), otherAsset: _nullishCoalesce(quote, () => ( 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: base, isPlacingOrder: isPlacingOrder || lockBase }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.AssetAmountInput_default, { side: "base", asset: _nullishCoalesce(base, () => ( null)), otherAsset: _nullishCoalesce(quote, () => ( null)), isPlacingOrder, isWrappingPair, isUnwrappingPair })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-1 flex w-full flex-row items-center justify-between", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mono text-sm", 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: "absolute bottom-3 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card) transition-colors",
+                        children: "Max"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            !disableInverting && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex justify-center -my-4 relative z-10", children: /* @__PURE__ */ _jsxruntime.jsxs.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 bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground) transition-colors",
+                style: { border: "1px solid var(--widget-border)" },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", children: "\u2191" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", children: "\u2193" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `relative ${isCompactMode ? "px-4 pt-4 pb-1" : "px-4 pt-6 pb-2"}`, 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: quote, 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(quote, () => ( null)), otherAsset: _nullishCoalesce(base, () => ( 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: quote, isPlacingOrder: isPlacingOrder || lockQuote }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.AssetAmountInput_default, { side: "quote", asset: _nullishCoalesce(quote, () => ( null)), otherAsset: _nullishCoalesce(base, () => ( 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: quote, isPlacingOrder: isPlacingOrder || lockQuote }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXOGJSAIcjs.AssetAmountInput_default, { side: "quote", asset: _nullishCoalesce(quote, () => ( null)), otherAsset: _nullishCoalesce(base, () => ( null)), isPlacingOrder, isWrappingPair, isUnwrappingPair })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-row items-center justify-between", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mono text-sm", style: { color: "var(--widget-muted-foreground)" }, children: quoteUsd }),
+                hasAmount && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    onClick: handleClear,
+                    disabled: isPlacingOrder,
+                    className: "absolute bottom-2 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 text-(--widget-muted-foreground) hover:bg-(--widget-secondary) transition-colors",
+                    children: "Clear"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: "flex flex-row items-center w-full overflow-hidden",
+              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: `relative ${isShowingTxStatus ? "px-0" : "px-4"} py-4`, children: userAddress && base && quote && baseAmount && baseAmount > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkHXOGJSAIcjs.SwapButton,
+            {
+              base,
+              baseAmount,
+              quote,
+              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"
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: `flex flex-col transition-all duration-300 ${isSelecting ? "flex-1 min-w-0" : "w-48 shrink-0"}`,
+        style: { backgroundColor: "var(--widget-background)", ...isSelecting ? { height: `${leftColHeight}px` } : {} },
+        children: isSelecting ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col overflow-hidden p-2", style: { height: "100%" }, children: view === "baseChainSelection" || view === "quoteChainSelection" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkB3ILUJ7Gcjs.ChainSelectionMenu_default,
+          {
+            toggle: _nullishCoalesce(onBackToSwap, () => ( NOOP)),
+            side: menuSide,
+            onChainSelect: handleInlineChainSelect
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk3E6RNP2Dcjs.AssetSelectionMenu_default,
+          {
+            toggle: _nullishCoalesce(onBackToSwap, () => ( NOOP)),
+            side: menuSide,
+            otherAsset: menuOtherAsset,
+            onMoreChainsClick: handleInlineMoreChains,
+            selectedChainFilter: selectedChainFilterChainId
+          }
+        ) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 px-4 py-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: "text-2xs uppercase tracking-wider font-medium",
+              style: { color: "var(--widget-muted-foreground)" },
+              children: "Quote Details"
+            }
+          ),
+          hasValidQuote && base && quote ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-muted-foreground)" }, children: "Rate" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: quote, size: "3xs", noChain: true }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "font-mono text-xs uppercase", children: [
+                  "1 ",
+                  quote.symbol
+                ] })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-1 pl-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-muted-foreground)" }, children: [
+                "= ",
+                exchangeRate.toFixed(6)
+              ] }) }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1 pl-4", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: base, size: "3xs", noChain: true }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "font-mono text-xs uppercase", children: base.symbol })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", style: { borderTop: "1px solid var(--widget-border)", paddingTop: "0.5rem" }, children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between items-center", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-muted-foreground)" }, children: "USD Value" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "font-mono text-xs", children: [
+                  "$",
+                  base.price ? (base.price * exchangeRate * parseFloat(quoteAmount.toString())).toFixed(2) : "\u2014"
+                ] })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between items-center", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-muted-foreground)" }, children: "Order Type" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs font-mono", style: { color: "var(--widget-foreground)" }, children: "RFQ" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between items-center", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-muted-foreground)" }, children: "Fill" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-primary)" }, children: "Exact" })
+              ] }),
+              base.chainId !== quote.chainId && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between items-center", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-muted-foreground)" }, children: "Route" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs font-mono", children: "Cross-chain" })
+              ] })
+            ] })
+          ] }) : hasQuoteError ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ThreeDots, { className: "h-6 w-6", style: { color: "var(--widget-destructive)" } }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs", style: { color: "var(--widget-destructive)" }, children: "Quote not found" })
+          ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2 mt-2", children: [
+            [...Array(4)].map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "h-3 rounded animate-pulse",
+                style: {
+                  backgroundColor: "var(--widget-muted)",
+                  width: i % 2 === 0 ? "80%" : "60%",
+                  opacity: 0.5
+                }
+              },
+              i
+            )),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs mt-1", style: { color: "var(--widget-muted-foreground)", opacity: 0.5 }, children: "Enter an amount" })
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+var SwapFormSplit_default = SwapFormSplit;
+
+
+exports.default = SwapFormSplit_default;
+//# sourceMappingURL=SwapFormSplit-VDDIRQUQ.cjs.map

package/dist/SwapFormSplit-VDDIRQUQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/flooreyes/mega-swap-widget/dist/SwapFormSplit-VDDIRQUQ.cjs","../src/components/SwapFormSplit.tsx"],"names":[],"mappings":"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","file":"/Users/flooreyes/mega-swap-widget/dist/SwapFormSplit-VDDIRQUQ.cjs","sourcesContent":[null,"'use client';\n\nimport { type Asset, type SupportedChainId, type ReviewOrderStep, ThreeDots, TokenImage } from '../internal';\nimport { useWalletModal } from '../wallet/WalletModalContext';\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\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 { useShallow } from 'zustand/react/shallow';\nimport AssetAmountInput from './AssetAmountInput';\nimport AssetSelection from './AssetSelection';\nimport AssetSelectionMenu from './AssetSelectionMenu';\nimport ChainSelectionMenu from './ChainSelectionMenu';\nimport RecipientForm from './RecipientForm';\nimport TxStatusDisplay from './states/TxStatusDisplay';\nimport { SwapButton } from './states/SwapButton';\n\nconst NOOP = () => {};\n\ninterface ReviewActionProps {\n  base: Asset;\n  quote: Asset;\n  baseAmount: number;\n  quoteAmount: number;\n  userAddress: string;\n}\n\ninterface SwapFormSplitProps {\n  onSwapComplete?: (orderHash: string) => void;\n  onSwapInitiated?: () => void;\n  onBackToSwap?: () => void;\n  onMoreChainsClick?: () => void;\n}\n\nconst SwapFormSplit: React.FC<SwapFormSplitProps> = ({ onSwapComplete, onSwapInitiated, onBackToSwap, onMoreChainsClick }) => {\n  const { web3ConnectionType, hasConnectHandler, lockBase, lockQuote, disableInverting, swapButtonVariant, tokenDisplay, tokenBadgeOrientation, widgetType, assetMenuVariant } = 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    setBaseAmount,\n    setQuoteAmount,\n    swapTokens,\n    clearForm,\n  } = useSwapFormContext();\n\n  const {\n    handleInputChange,\n    ensureForParams,\n    clear,\n    refresh,\n    liquidityError,\n    routingError,\n  } = useRfq();\n  const { address: userAddress } = useWalletState();\n  const { openConnectModal: openWalletModal } = useWalletModal();\n  const { isRecipientInputOpen, txStatus, view, selectedChainFilterChainId } = useWidgetSwapUIStore(\n    useShallow((state) => ({\n      isRecipientInputOpen: state.isRecipientInputOpen,\n      txStatus: state.txStatus,\n      view: state.view,\n      selectedChainFilterChainId: state.selectedChainFilterChainId ?? 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\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  }, [reviewState, baseAmount, baseToken, quoteToken, isWrappingPair, isUnwrappingPair, handleInputChange, setQuoteAmount]);\n\n  const exchangeRate =\n    baseAmount && quoteAmount && parseFloat(quoteAmount.toString())\n      ? parseFloat(baseAmount.toString()) / parseFloat(quoteAmount.toString())\n      : 0;\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  }, [baseBalance.formatted, baseToken, quoteToken, isWrappingPair, isUnwrappingPair, setBaseAmount, setQuoteAmount, clear, ensureForParams]);\n\n  const handleClear = useCallback(() => {\n    clear();\n    clearForm();\n  }, [clear, clearForm]);\n\n  const baseBalanceNum = baseBalance.formatted ? parseFloat(baseBalance.formatted) : null;\n  const hasAmount = !!(baseAmount || quoteAmount);\n\n  const base = baseToken;\n  const quote = quoteToken;\n  const baseUsd = base?.price && baseAmount ? `$${(base.price * baseAmount).toFixed(2)}` : '$0.00';\n  const quoteUsd = quote?.price && quoteAmount ? `$${(quote.price * quoteAmount).toFixed(2)}` : '$0.00';\n  const hasValidQuote = !!(base && quote && baseAmount && quoteAmount);\n  const hasQuoteError = liquidityError || routingError;\n\n  const isShowingTxStatus =\n    reviewState === 'trackingTx' && !!trackedOrderHash && !!base && !!quote && !!baseAmount && !!quoteAmount;\n\n  // Inline selection: right panel becomes AssetSelectionMenu when split assetMenuVariant\n  const isSplitMenuMode = assetMenuVariant === 'split';\n  const isSelecting = isSplitMenuMode && (\n    view === 'baseSelection' || view === 'quoteSelection' ||\n    view === 'baseChainSelection' || view === 'quoteChainSelection'\n  );\n  const menuSide = view === 'baseSelection' || view === 'baseChainSelection' ? 'base' : 'quote';\n  const menuOtherAsset = menuSide === 'base' ? quote : base;\n\n  // Measure left column height so the right panel (selection menu) matches exactly.\n  const leftColRef = useRef<HTMLDivElement>(null);\n  const [leftColHeight, setLeftColHeight] = useState<number>(380);\n\n  useEffect(() => {\n    if (!isSplitMenuMode) return;\n    const el = leftColRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setLeftColHeight(entry.contentRect.height);\n      }\n    });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [isSplitMenuMode]);\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.getState().transitionToView(\n      side === 'base' ? 'baseSelection' : 'quoteSelection',\n      'chainSelection',\n    );\n  }, []);\n\n  const handleInlineMoreChains = useCallback(() => {\n    const currentView = useWidgetSwapUIStore.getState().view;\n    if (currentView === 'baseSelection') {\n      useWidgetSwapUIStore.getState().transitionToView('baseChainSelection', 'chainSelection');\n    } else if (currentView === 'quoteSelection') {\n      useWidgetSwapUIStore.getState().transitionToView('quoteChainSelection', 'chainSelection');\n    }\n  }, []);\n\n  const connectButtonStyle: React.CSSProperties = {\n    backgroundColor: swapButtonVariant === 'default' ? 'var(--widget-primary)' : 'transparent',\n    color: swapButtonVariant === 'default' ? 'var(--widget-primary-foreground)' : 'var(--widget-primary)',\n    border: swapButtonVariant !== 'default' ? '1px solid var(--widget-primary)' : 'none',\n    borderRadius: 'var(--widget-radius)',\n  };\n\n  return (\n    <div className=\"flex flex-row w-full\">\n      {/* ── LEFT: Swap Form (or TxStatus during tracking) ──── */}\n      <div\n        ref={leftColRef}\n        className=\"flex flex-col flex-1 min-w-0\"\n        style={{ borderRight: '1px solid var(--widget-border)' }}\n      >\n        {isShowingTxStatus && trackedOrderHash && base && quote && baseAmount && quoteAmount ? (\n          <div className=\"flex-1 min-h-0 overflow-hidden\">\n            <TxStatusDisplay\n              orderHash={trackedOrderHash}\n              base={base}\n              quote={quote}\n              baseAmount={baseAmount}\n              quoteAmount={quoteAmount}\n              status={txStatus}\n            />\n          </div>\n        ) : (\n        <>\n        {/* BASE TOKEN SECTION */}\n        <div\n          className={`relative ${isCompactMode ? 'px-4 pt-3 pb-1' : 'px-4 pt-4 pb-2'}`}\n          style={{ borderBottom: '1px solid var(--widget-border)' }}\n        >\n          {isOverlayToken ? (\n            isCompactMode ? (\n              <div className={`flex items-center gap-2 ${tokenBadgeOrientation === 'right' ? 'flex-row-reverse' : 'flex-row'}`}>\n                <AssetSelection toggle={handleToggleBaseSelection} side=\"base\" asset={base} isPlacingOrder={isPlacingOrder || lockBase} />\n                <div className=\"flex-1 min-w-0\">\n                  <AssetAmountInput side=\"base\" asset={base ?? null} otherAsset={quote ?? null} isPlacingOrder={isPlacingOrder} isWrappingPair={isWrappingPair} isUnwrappingPair={isUnwrappingPair} />\n                </div>\n              </div>\n            ) : (\n              <div className={`flex flex-col ${tokenBadgeOrientation === 'right' ? 'items-end' : 'items-start'}`}>\n                <AssetSelection toggle={handleToggleBaseSelection} side=\"base\" asset={base} isPlacingOrder={isPlacingOrder || lockBase} />\n                <AssetAmountInput side=\"base\" asset={base ?? null} otherAsset={quote ?? null} isPlacingOrder={isPlacingOrder} isWrappingPair={isWrappingPair} isUnwrappingPair={isUnwrappingPair} />\n              </div>\n            )\n          ) : (\n            <>\n              <AssetSelection toggle={handleToggleBaseSelection} side=\"base\" asset={base} isPlacingOrder={isPlacingOrder || lockBase} />\n              <AssetAmountInput side=\"base\" asset={base ?? null} otherAsset={quote ?? null} isPlacingOrder={isPlacingOrder} isWrappingPair={isWrappingPair} isUnwrappingPair={isUnwrappingPair} />\n            </>\n          )}\n          <div className=\"mb-1 flex w-full flex-row items-center justify-between\">\n            <p className=\"mono text-sm\" style={{ color: 'var(--widget-muted-foreground)' }}>{baseUsd}</p>\n            {userAddress && baseBalanceNum !== null && baseBalanceNum > 0 && (\n              <button\n                type=\"button\"\n                onClick={handleMax}\n                disabled={isPlacingOrder}\n                className=\"absolute bottom-3 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 bg-(--widget-primary) text-(--widget-primary-foreground) hover:bg-(--widget-foreground) hover:text-(--widget-card) transition-colors\"\n              >\n                Max\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* INVERT BUTTON */}\n        {!disableInverting && (\n          <div className=\"flex justify-center -my-4 relative z-10\">\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 bg-(--widget-card) text-(--widget-muted-foreground) hover:bg-(--widget-secondary) hover:text-(--widget-foreground) transition-colors\"\n              style={{ border: '1px solid var(--widget-border)' }}\n            >\n              <span className=\"text-2xs\">↑</span>\n              <span className=\"text-2xs\">↓</span>\n            </button>\n          </div>\n        )}\n\n        {/* QUOTE TOKEN SECTION */}\n        <div className={`relative ${isCompactMode ? 'px-4 pt-4 pb-1' : 'px-4 pt-6 pb-2'}`}>\n          {isOverlayToken ? (\n            isCompactMode ? (\n              <div className={`flex items-center gap-2 ${tokenBadgeOrientation === 'right' ? 'flex-row-reverse' : 'flex-row'}`}>\n                <AssetSelection toggle={handleToggleQuoteSelection} side=\"quote\" asset={quote} isPlacingOrder={isPlacingOrder || lockQuote} />\n                <div className=\"flex-1 min-w-0\">\n                  <AssetAmountInput side=\"quote\" asset={quote ?? null} otherAsset={base ?? null} isPlacingOrder={isPlacingOrder} isWrappingPair={isWrappingPair} isUnwrappingPair={isUnwrappingPair} />\n                </div>\n              </div>\n            ) : (\n              <div className={`flex flex-col ${tokenBadgeOrientation === 'right' ? 'items-end' : 'items-start'}`}>\n                <AssetSelection toggle={handleToggleQuoteSelection} side=\"quote\" asset={quote} isPlacingOrder={isPlacingOrder || lockQuote} />\n                <AssetAmountInput side=\"quote\" asset={quote ?? null} otherAsset={base ?? null} isPlacingOrder={isPlacingOrder} isWrappingPair={isWrappingPair} isUnwrappingPair={isUnwrappingPair} />\n              </div>\n            )\n          ) : (\n            <>\n              <AssetSelection toggle={handleToggleQuoteSelection} side=\"quote\" asset={quote} isPlacingOrder={isPlacingOrder || lockQuote} />\n              <AssetAmountInput side=\"quote\" asset={quote ?? null} otherAsset={base ?? null} isPlacingOrder={isPlacingOrder} isWrappingPair={isWrappingPair} isUnwrappingPair={isUnwrappingPair} />\n            </>\n          )}\n          <div className=\"flex w-full flex-row items-center justify-between\">\n            <p className=\"mono text-sm\" style={{ color: 'var(--widget-muted-foreground)' }}>{quoteUsd}</p>\n            {hasAmount && (\n              <button\n                type=\"button\"\n                onClick={handleClear}\n                disabled={isPlacingOrder}\n                className=\"absolute bottom-2 right-4 flex items-center rounded-full px-3 py-0.5 text-xs font-medium uppercase cursor-pointer disabled:opacity-40 text-(--widget-muted-foreground) hover:bg-(--widget-secondary) transition-colors\"\n              >\n                Clear\n              </button>\n            )}\n          </div>\n        </div>\n\n        </>\n        )}\n\n        {/* RECIPIENT FORM */}\n        <div\n          className=\"flex flex-row items-center w-full overflow-hidden\"\n          style={{\n            borderTop: isRecipientInputOpen ? '1px solid var(--widget-border)' : '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        {/* SWAP BUTTON */}\n        <div className={`relative ${isShowingTxStatus ? 'px-0' : 'px-4'} py-4`}>\n          {userAddress && base && quote && baseAmount && baseAmount > 0 ? (\n            <SwapButton\n              base={base}\n              baseAmount={baseAmount}\n              quote={quote}\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      {/* ── RIGHT: Selection menu (when open) or Live Details Panel ──────────── */}\n      <div\n        className={`flex flex-col transition-all duration-300 ${isSelecting ? 'flex-1 min-w-0' : 'w-48 shrink-0'}`}\n        style={{ backgroundColor: 'var(--widget-background)', ...(isSelecting ? { height: `${leftColHeight}px` } : {}) }}\n      >\n        {isSelecting ? (\n          <div className=\"flex flex-col overflow-hidden p-2\" style={{ height: '100%' }}>\n            {view === 'baseChainSelection' || view === 'quoteChainSelection' ? (\n              <ChainSelectionMenu\n                toggle={onBackToSwap ?? NOOP}\n                side={menuSide}\n                onChainSelect={handleInlineChainSelect}\n              />\n            ) : (\n              <AssetSelectionMenu\n                toggle={onBackToSwap ?? NOOP}\n                side={menuSide}\n                otherAsset={menuOtherAsset}\n                onMoreChainsClick={handleInlineMoreChains}\n                selectedChainFilter={selectedChainFilterChainId}\n              />\n            )}\n          </div>\n        ) : (\n        <div className=\"flex flex-col gap-3 px-4 py-4\">\n        <span\n          className=\"text-2xs uppercase tracking-wider font-medium\"\n          style={{ color: 'var(--widget-muted-foreground)' }}\n        >\n          Quote Details\n        </span>\n\n        {hasValidQuote && base && quote ? (\n          <>\n            {/* Exchange rate */}\n            <div className=\"flex flex-col gap-0.5\">\n              <span className=\"text-2xs\" style={{ color: 'var(--widget-muted-foreground)' }}>Rate</span>\n              <div className=\"flex items-center gap-1\">\n                <TokenImage asset={quote} size=\"3xs\" noChain />\n                <span className=\"font-mono text-xs uppercase\">\n                  1 {quote.symbol}\n                </span>\n              </div>\n              <div className=\"flex items-center gap-1 pl-4\">\n                <span className=\"text-2xs\" style={{ color: 'var(--widget-muted-foreground)' }}>= {exchangeRate.toFixed(6)}</span>\n              </div>\n              <div className=\"flex items-center gap-1 pl-4\">\n                <TokenImage asset={base} size=\"3xs\" noChain />\n                <span className=\"font-mono text-xs uppercase\">{base.symbol}</span>\n              </div>\n            </div>\n\n            <div className=\"flex flex-col gap-2\" style={{ borderTop: '1px solid var(--widget-border)', paddingTop: '0.5rem' }}>\n              {/* USD value */}\n              <div className=\"flex justify-between items-center\">\n                <span className=\"text-2xs\" style={{ color: 'var(--widget-muted-foreground)' }}>USD Value</span>\n                <span className=\"font-mono text-xs\">\n                  ${base.price ? (base.price * exchangeRate * parseFloat(quoteAmount!.toString())).toFixed(2) : '—'}\n                </span>\n              </div>\n\n              {/* Order type */}\n              <div className=\"flex justify-between items-center\">\n                <span className=\"text-2xs\" style={{ color: 'var(--widget-muted-foreground)' }}>Order Type</span>\n                <span className=\"text-2xs font-mono\" style={{ color: 'var(--widget-foreground)' }}>RFQ</span>\n              </div>\n\n              {/* Fill guarantee */}\n              <div className=\"flex justify-between items-center\">\n                <span className=\"text-2xs\" style={{ color: 'var(--widget-muted-foreground)' }}>Fill</span>\n                <span className=\"text-2xs\" style={{ color: 'var(--widget-primary)' }}>Exact</span>\n              </div>\n\n              {/* Base chain */}\n              {base.chainId !== quote.chainId && (\n                <div className=\"flex justify-between items-center\">\n                  <span className=\"text-2xs\" style={{ color: 'var(--widget-muted-foreground)' }}>Route</span>\n                  <span className=\"text-2xs font-mono\">Cross-chain</span>\n                </div>\n              )}\n            </div>\n          </>\n        ) : hasQuoteError ? (\n          <div className=\"flex flex-col gap-1\">\n            <ThreeDots className=\"h-6 w-6\" style={{ color: 'var(--widget-destructive)' }} />\n            <span className=\"text-2xs\" style={{ color: 'var(--widget-destructive)' }}>Quote not found</span>\n          </div>\n        ) : (\n          <div className=\"flex flex-col gap-2 mt-2\">\n            {[...Array(4)].map((_, i) => (\n              <div\n                key={i}\n                className=\"h-3 rounded animate-pulse\"\n                style={{\n                  backgroundColor: 'var(--widget-muted)',\n                  width: i % 2 === 0 ? '80%' : '60%',\n                  opacity: 0.5,\n                }}\n              />\n            ))}\n            <span className=\"text-2xs mt-1\" style={{ color: 'var(--widget-muted-foreground)', opacity: 0.5 }}>\n              Enter an amount\n            </span>\n          </div>\n        )}\n        </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default SwapFormSplit;\n"]}

package/dist/WalletPlaceholderPanel-7YDQ4FT6.js

@@ -0,0 +1,57 @@
+"use client";
+"use client";
+import {
+  useWalletState
+} from "./chunk-7AWG6OWF.js";
+import "./chunk-GGM3MDFM.js";
+
+// src/components/WalletPlaceholderPanel.tsx
+import { useDisconnect } from "wagmi";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WalletPlaceholderPanel = () => {
+  const { disconnect } = useDisconnect();
+  const { address } = useWalletState();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center p-6 gap-3 text-center", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          className: "size-8",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          style: { color: "var(--widget-muted-foreground)", opacity: 0.5 },
+          children: [
+            /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "18", rx: "2", stroke: "currentColor", strokeWidth: "1.5", strokeDasharray: "4 2" }),
+            /* @__PURE__ */ jsx("path", { d: "M8 12h8M12 8v8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "text-sm font-medium",
+          style: { color: "var(--widget-foreground)" },
+          children: "Your custom components live here"
+        }
+      )
+    ] }),
+    address && /* @__PURE__ */ jsx("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => disconnect(),
+        className: "w-full py-2.5 text-xs font-medium cursor-pointer transition-colors",
+        style: {
+          backgroundColor: "var(--widget-secondary)",
+          color: "var(--widget-secondary-foreground)",
+          borderRadius: "var(--widget-radius)"
+        },
+        children: "Disconnect"
+      }
+    ) })
+  ] });
+};
+export {
+  WalletPlaceholderPanel
+};
+//# sourceMappingURL=WalletPlaceholderPanel-7YDQ4FT6.js.map

package/dist/WalletPlaceholderPanel-7YDQ4FT6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/WalletPlaceholderPanel.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useDisconnect } from 'wagmi';\nimport { useWalletState } from '../wallet/useWalletState';\n\nexport const WalletPlaceholderPanel: React.FC = () => {\n  const { disconnect } = useDisconnect();\n  const { address } = useWalletState();\n\n  return (\n    <div className=\"flex flex-col h-full w-full\">\n      <div className=\"flex-1 flex flex-col items-center justify-center p-6 gap-3 text-center\">\n        <svg\n          className=\"size-8\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          style={{ color: 'var(--widget-muted-foreground)', opacity: 0.5 }}\n        >\n          <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeDasharray=\"4 2\" />\n          <path d=\"M8 12h8M12 8v8\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n        </svg>\n        <p\n          className=\"text-sm font-medium\"\n          style={{ color: 'var(--widget-foreground)' }}\n        >\n          Your custom components live here\n        </p>\n      </div>\n      {address && (\n        <div className=\"px-4 pb-4\">\n          <button\n            type=\"button\"\n            onClick={() => disconnect()}\n            className=\"w-full py-2.5 text-xs font-medium cursor-pointer transition-colors\"\n            style={{\n              backgroundColor: 'var(--widget-secondary)',\n              color: 'var(--widget-secondary-foreground)',\n              borderRadius: 'var(--widget-radius)',\n            }}\n          >\n            Disconnect\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAGA,SAAS,qBAAqB;AAUtB,SAME,KANF;AAPD,IAAM,yBAAmC,MAAM;AACpD,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE,qBAAC,SAAI,WAAU,+BACb;AAAA,yBAAC,SAAI,WAAU,0EACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAO,EAAE,OAAO,kCAAkC,SAAS,IAAI;AAAA,UAE/D;AAAA,gCAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI,QAAO,gBAAe,aAAY,OAAM,iBAAgB,OAAM;AAAA,YAC9G,oBAAC,UAAK,GAAE,kBAAiB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ;AAAA;AAAA;AAAA,MACzF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,2BAA2B;AAAA,UAC5C;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IACC,WACC,oBAAC,SAAI,WAAU,aACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,WAAW;AAAA,QAC1B,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,OAAO;AAAA,UACP,cAAc;AAAA,QAChB;AAAA,QACD;AAAA;AAAA,IAED,GACF;AAAA,KAEJ;AAEJ;","names":[]}