@velora-dex/widget 0.2.5-dev.4 → 0.2.5-dev.6

package/dist/core/TradeFlowButton.js

@@ -1,963 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { d as distExports } from '../_virtual/index.js';
-import { Button } from '../components/ui/button.js';
-import { ControlledDrawer } from '../components/widget/Drawer/index.js';
-import { useDrawerControls } from '../components/widget/Drawer/state/useDrawerControls.js';
-import { DeltaOrderTradeOverview } from '../components/widget/TradeOverview/DeltaOrderTradeOverview.js';
-import { LimitOrderTradeOverview } from '../components/widget/TradeOverview/LimitOrderTradeOverview.js';
-import { MarketSwapTradeOverview } from '../components/widget/TradeOverview/MarketSwapTradeOverview.js';
-import { OtcOrderTradeOverview } from '../components/widget/TradeOverview/OtcOrderTradeOverview.js';
-import { useOtcOrderStep } from '../hooks/otc/tradeFlow/useOtcOrderStep.js';
-import { useDeltaSwapStep } from '../hooks/swap/tradeFlow/useDeltaSwapStep.js';
-import { useLimitOrderStep } from '../hooks/swap/tradeFlow/useLimitOrderStep.js';
-import { useMarketSwapStep } from '../hooks/swap/tradeFlow/useMarketSwapStep.js';
-import { cn } from '../lib/utils/index.js';
-import { addDeltaOrderToast } from '../lib/utils/toasts.js';
-import { handleTxSent } from '../lib/utils/transactionHandlers.js';
-import { useState } from 'react';
-import { formatUnits } from 'viem';
-import { useAccount } from 'wagmi';
-import { useWidgetEvents } from './state/widgetEventsAtom.js';
-import { wrappedNativeTokensByChainId } from '../tokens/constructor.js';
-import { isETH } from '../tokens/utils/eth.js';
-
-function SwapTradeFlowButton(t0) {
-  const $ = distExports.c(25);
-  let buttonProps;
-  let deltaPrice;
-  let drawerContainer;
-  let marketPrice;
-  let orderProps;
-  let priceMode;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      marketPrice,
-      deltaPrice,
-      priceMode,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = deltaPrice;
-    $[3] = drawerContainer;
-    $[4] = marketPrice;
-    $[5] = orderProps;
-    $[6] = priceMode;
-  } else {
-    buttonProps = $[1];
-    deltaPrice = $[2];
-    drawerContainer = $[3];
-    marketPrice = $[4];
-    orderProps = $[5];
-    priceMode = $[6];
-  }
-  const [drawerOrderProps, setDrawerOrderProps] = useState(null);
-  const {
-    onSwap
-  } = useWidgetEvents();
-  let t1;
-  if ($[7] !== deltaPrice || $[8] !== marketPrice || $[9] !== onSwap || $[10] !== orderProps || $[11] !== priceMode) {
-    t1 = () => {
-      if (orderProps) {
-        setDrawerOrderProps({
-          fromToken: orderProps.fromToken,
-          toToken: orderProps.toToken,
-          fromAmount: orderProps.fromAmount,
-          toAmount: orderProps.toAmount,
-          priceMode
-        });
-        if (priceMode === "market" && marketPrice) {
-          onSwap?.({
-            event: {
-              name: "Swap:click",
-              params: {
-                swapMode: priceMode,
-                price: marketPrice
-              }
-            }
-          });
-        } else {
-          if (priceMode === "delta" && deltaPrice) {
-            onSwap?.({
-              event: {
-                name: "Swap:click",
-                params: {
-                  swapMode: priceMode,
-                  price: deltaPrice
-                }
-              }
-            });
-          }
-        }
-      }
-    };
-    $[7] = deltaPrice;
-    $[8] = marketPrice;
-    $[9] = onSwap;
-    $[10] = orderProps;
-    $[11] = priceMode;
-    $[12] = t1;
-  } else {
-    t1 = $[12];
-  }
-  let t2;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      setDrawerOrderProps(null);
-    };
-    $[13] = t2;
-  } else {
-    t2 = $[13];
-  }
-  let t3;
-  if ($[14] !== t1) {
-    t3 = {
-      drawerId: "trade-flow-drawer",
-      onOpen: t1,
-      onClose: t2
-    };
-    $[14] = t1;
-    $[15] = t3;
-  } else {
-    t3 = $[15];
-  }
-  const drawerControls = useDrawerControls(t3);
-  const keepPriceMode = drawerOrderProps?.priceMode || priceMode;
-  let t4;
-  if ($[16] !== buttonProps || $[17] !== deltaPrice || $[18] !== drawerContainer || $[19] !== drawerControls || $[20] !== drawerOrderProps || $[21] !== keepPriceMode || $[22] !== marketPrice || $[23] !== orderProps) {
-    t4 = keepPriceMode === "market" ? /* @__PURE__ */ jsx(MarketSwapDrawerButton, { orderProps: drawerOrderProps || orderProps, drawerContainer, marketPrice, drawerControls, ...buttonProps }) : /* @__PURE__ */ jsx(DeltaSwapDrawerButton, { orderProps: drawerOrderProps || orderProps, drawerContainer, deltaPrice, drawerControls, ...buttonProps });
-    $[16] = buttonProps;
-    $[17] = deltaPrice;
-    $[18] = drawerContainer;
-    $[19] = drawerControls;
-    $[20] = drawerOrderProps;
-    $[21] = keepPriceMode;
-    $[22] = marketPrice;
-    $[23] = orderProps;
-    $[24] = t4;
-  } else {
-    t4 = $[24];
-  }
-  return t4;
-}
-function MarketSwapDrawerButton(t0) {
-  const $ = distExports.c(45);
-  const {
-    orderProps,
-    drawerContainer,
-    marketPrice,
-    labelOverride,
-    drawerControls,
-    ...buttonProps
-  } = t0;
-  let drawerProps;
-  let onClose;
-  let onOpen;
-  if ($[0] !== drawerControls) {
-    ({
-      onOpen,
-      onClose,
-      ...drawerProps
-    } = drawerControls);
-    $[0] = drawerControls;
-    $[1] = drawerProps;
-    $[2] = onClose;
-    $[3] = onOpen;
-  } else {
-    drawerProps = $[1];
-    onClose = $[2];
-    onOpen = $[3];
-  }
-  const {
-    isConnected
-  } = useAccount();
-  const disabled = !isConnected || !orderProps || !marketPrice;
-  let t1;
-  if ($[4] !== marketPrice) {
-    t1 = {
-      marketPrice
-    };
-    $[4] = marketPrice;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  const {
-    step,
-    startMarketSwap,
-    isFlowCancellable,
-    cancelFlow,
-    retryFlow,
-    reset,
-    explorerLink,
-    result,
-    usedPrice,
-    error,
-    erroredStep,
-    tradeFlowType
-  } = useMarketSwapStep(t1);
-  let t2;
-  if ($[6] !== usedPrice) {
-    t2 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), usedPrice.srcDecimals) : orderProps_0.fromAmount;
-    $[6] = usedPrice;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const getFromAmount = t2;
-  let t3;
-  if ($[8] !== usedPrice) {
-    t3 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.destAmount), usedPrice.destDecimals) : orderProps_1.toAmount;
-    $[8] = usedPrice;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  const getToAmount = t3;
-  let t4;
-  if ($[10] !== onClose || $[11] !== reset) {
-    t4 = () => {
-      onClose();
-      reset();
-    };
-    $[10] = onClose;
-    $[11] = reset;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  const onDismiss = t4;
-  let t5;
-  if ($[13] !== cancelFlow || $[14] !== error || $[15] !== erroredStep || $[16] !== explorerLink || $[17] !== getFromAmount || $[18] !== getToAmount || $[19] !== isFlowCancellable || $[20] !== onDismiss || $[21] !== orderProps || $[22] !== result || $[23] !== retryFlow || $[24] !== step || $[25] !== tradeFlowType) {
-    t5 = orderProps ? /* @__PURE__ */ jsx(MarketSwapTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: getFromAmount(orderProps), toAmount: getToAmount(orderProps), onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType }) : null;
-    $[13] = cancelFlow;
-    $[14] = error;
-    $[15] = erroredStep;
-    $[16] = explorerLink;
-    $[17] = getFromAmount;
-    $[18] = getToAmount;
-    $[19] = isFlowCancellable;
-    $[20] = onDismiss;
-    $[21] = orderProps;
-    $[22] = result;
-    $[23] = retryFlow;
-    $[24] = step;
-    $[25] = tradeFlowType;
-    $[26] = t5;
-  } else {
-    t5 = $[26];
-  }
-  const content = t5;
-  const onClick = orderProps ? () => {
-    onOpen();
-    startMarketSwap({
-      onTxSent: handleTxSent
-    });
-  } : buttonProps.onClick;
-  const T0 = Button;
-  const t6 = "cta";
-  const t7 = "lg";
-  const t8 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-  const t9 = buttonProps.disabled || disabled;
-  const t10 = labelOverride || "Swap";
-  let t11;
-  if ($[27] !== T0 || $[28] !== buttonProps || $[29] !== onClick || $[30] !== t10 || $[31] !== t8 || $[32] !== t9) {
-    t11 = /* @__PURE__ */ jsx(T0, { variant: t6, radius: t7, ...buttonProps, className: t8, onClick, disabled: t9, children: t10 });
-    $[27] = T0;
-    $[28] = buttonProps;
-    $[29] = onClick;
-    $[30] = t10;
-    $[31] = t8;
-    $[32] = t9;
-    $[33] = t11;
-  } else {
-    t11 = $[33];
-  }
-  let t12;
-  if ($[34] !== cancelFlow || $[35] !== isFlowCancellable) {
-    t12 = () => {
-      if (isFlowCancellable) {
-        cancelFlow();
-      }
-    };
-    $[34] = cancelFlow;
-    $[35] = isFlowCancellable;
-    $[36] = t12;
-  } else {
-    t12 = $[36];
-  }
-  let t13;
-  if ($[37] !== content || $[38] !== drawerContainer || $[39] !== drawerProps || $[40] !== t12) {
-    t13 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t12, children: content });
-    $[37] = content;
-    $[38] = drawerContainer;
-    $[39] = drawerProps;
-    $[40] = t12;
-    $[41] = t13;
-  } else {
-    t13 = $[41];
-  }
-  let t14;
-  if ($[42] !== t11 || $[43] !== t13) {
-    t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t11,
-      t13
-    ] });
-    $[42] = t11;
-    $[43] = t13;
-    $[44] = t14;
-  } else {
-    t14 = $[44];
-  }
-  return t14;
-}
-function DeltaSwapDrawerButton(t0) {
-  const $ = distExports.c(29);
-  const {
-    orderProps: orderPropsFromForm,
-    drawerContainer,
-    deltaPrice,
-    labelOverride,
-    drawerControls,
-    ...buttonProps
-  } = t0;
-  let drawerProps;
-  let onClose;
-  let onOpen;
-  if ($[0] !== drawerControls) {
-    ({
-      onOpen,
-      onClose,
-      ...drawerProps
-    } = drawerControls);
-    $[0] = drawerControls;
-    $[1] = drawerProps;
-    $[2] = onClose;
-    $[3] = onOpen;
-  } else {
-    drawerProps = $[1];
-    onClose = $[2];
-    onOpen = $[3];
-  }
-  const {
-    isConnected
-  } = useAccount();
-  const orderProps = orderPropsFromForm ? addPreWrapToOrderProps({
-    orderProps: orderPropsFromForm,
-    priceMode: "delta"
-  }).orderProps : void 0;
-  const disabled = !isConnected || !orderProps || !deltaPrice;
-  const {
-    step,
-    startDeltaSwap,
-    cancelFlow,
-    retryFlow,
-    isFlowCancellable,
-    reset,
-    explorerLink,
-    result,
-    usedPrice,
-    error,
-    erroredStep,
-    tradeFlowType
-  } = useDeltaSwapStep({
-    deltaPrice,
-    preWrapETH: orderProps?.preWrapETH
-  });
-  let t1;
-  if ($[4] !== usedPrice) {
-    t1 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
-    $[4] = usedPrice;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  const getFromAmount = t1;
-  let t2;
-  if ($[6] !== usedPrice) {
-    t2 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.receivedDestAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
-    $[6] = usedPrice;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const getToAmount = t2;
-  let t3;
-  if ($[8] !== onClose || $[9] !== reset) {
-    t3 = () => {
-      onClose();
-      reset();
-    };
-    $[8] = onClose;
-    $[9] = reset;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  const onDismiss = t3;
-  const content = orderProps ? /* @__PURE__ */ jsx(DeltaOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: getFromAmount(orderProps), toAmount: getToAmount(orderProps), onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType }) : null;
-  const onClick = orderProps ? () => {
-    onOpen();
-    startDeltaSwap({
-      onTxSent: handleTxSent,
-      onOrderSent: addDeltaOrderToast
-    });
-  } : buttonProps.onClick;
-  const T0 = Button;
-  const t4 = "cta";
-  const t5 = "lg";
-  const t6 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-  const t7 = buttonProps.disabled || disabled;
-  const t8 = labelOverride || "Swap";
-  let t9;
-  if ($[11] !== T0 || $[12] !== buttonProps || $[13] !== onClick || $[14] !== t6 || $[15] !== t7 || $[16] !== t8) {
-    t9 = /* @__PURE__ */ jsx(T0, { variant: t4, radius: t5, ...buttonProps, className: t6, onClick, disabled: t7, children: t8 });
-    $[11] = T0;
-    $[12] = buttonProps;
-    $[13] = onClick;
-    $[14] = t6;
-    $[15] = t7;
-    $[16] = t8;
-    $[17] = t9;
-  } else {
-    t9 = $[17];
-  }
-  let t10;
-  if ($[18] !== cancelFlow || $[19] !== isFlowCancellable) {
-    t10 = () => {
-      if (isFlowCancellable) {
-        cancelFlow();
-      }
-    };
-    $[18] = cancelFlow;
-    $[19] = isFlowCancellable;
-    $[20] = t10;
-  } else {
-    t10 = $[20];
-  }
-  let t11;
-  if ($[21] !== content || $[22] !== drawerContainer || $[23] !== drawerProps || $[24] !== t10) {
-    t11 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t10, children: content });
-    $[21] = content;
-    $[22] = drawerContainer;
-    $[23] = drawerProps;
-    $[24] = t10;
-    $[25] = t11;
-  } else {
-    t11 = $[25];
-  }
-  let t12;
-  if ($[26] !== t11 || $[27] !== t9) {
-    t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t9,
-      t11
-    ] });
-    $[26] = t11;
-    $[27] = t9;
-    $[28] = t12;
-  } else {
-    t12 = $[28];
-  }
-  return t12;
-}
-function LimitOrderDrawerButton(t0) {
-  const $ = distExports.c(25);
-  const {
-    orderProps: orderPropsFromForm,
-    drawerContainer,
-    limitPrice: limitPriceFromForm,
-    labelOverride,
-    drawerControls,
-    ...buttonProps
-  } = t0;
-  let drawerProps;
-  let onClose;
-  let onOpen;
-  if ($[0] !== drawerControls) {
-    ({
-      onOpen,
-      onClose,
-      ...drawerProps
-    } = drawerControls);
-    $[0] = drawerControls;
-    $[1] = drawerProps;
-    $[2] = onClose;
-    $[3] = onOpen;
-  } else {
-    drawerProps = $[1];
-    onClose = $[2];
-    onOpen = $[3];
-  }
-  const {
-    isConnected
-  } = useAccount();
-  const {
-    orderProps,
-    userDefinedPrice: limitPrice
-  } = orderPropsFromForm ? addPreWrapToOrderProps({
-    orderProps: orderPropsFromForm,
-    priceMode: "userInputOrder",
-    userDefinedPrice: limitPriceFromForm
-  }) : {};
-  const disabled = !isConnected || !orderProps || !limitPrice;
-  const {
-    step,
-    orderCancellationStep,
-    startLimitOrder,
-    cancelLimitOrder,
-    cancelFlow,
-    retryFlow,
-    isFlowCancellable,
-    isOrderCancellable,
-    reset,
-    explorerLink,
-    result,
-    error,
-    erroredStep,
-    tradeFlowType
-  } = useLimitOrderStep({
-    limitPrice,
-    preWrapETH: orderProps?.preWrapETH
-  });
-  const getFromAmount = (orderProps_0) => limitPrice ? formatUnits(BigInt(limitPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
-  const getToAmount = (orderProps_1) => limitPrice ? formatUnits(BigInt(limitPrice.destAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
-  let t1;
-  if ($[4] !== onClose || $[5] !== reset) {
-    t1 = () => {
-      onClose();
-      reset();
-    };
-    $[4] = onClose;
-    $[5] = reset;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  const onDismiss = t1;
-  const onCancelOrder = isOrderCancellable ? cancelLimitOrder : void 0;
-  const content = orderProps ? /* @__PURE__ */ jsx(LimitOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: getFromAmount(orderProps), toAmount: getToAmount(orderProps), onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType }) : null;
-  const onClick = orderProps ? () => {
-    onOpen();
-    startLimitOrder({
-      onTxSent: handleTxSent
-    });
-  } : buttonProps.onClick;
-  const T0 = Button;
-  const t2 = "cta";
-  const t3 = "lg";
-  const t4 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-  const t5 = buttonProps.disabled || disabled;
-  const t6 = labelOverride || "Review Order";
-  let t7;
-  if ($[7] !== T0 || $[8] !== buttonProps || $[9] !== onClick || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
-    t7 = /* @__PURE__ */ jsx(T0, { variant: t2, radius: t3, ...buttonProps, className: t4, onClick, disabled: t5, children: t6 });
-    $[7] = T0;
-    $[8] = buttonProps;
-    $[9] = onClick;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    t7 = $[13];
-  }
-  let t8;
-  if ($[14] !== cancelFlow || $[15] !== isFlowCancellable) {
-    t8 = () => {
-      if (isFlowCancellable) {
-        cancelFlow();
-      }
-    };
-    $[14] = cancelFlow;
-    $[15] = isFlowCancellable;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  let t9;
-  if ($[17] !== content || $[18] !== drawerContainer || $[19] !== drawerProps || $[20] !== t8) {
-    t9 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t8, children: content });
-    $[17] = content;
-    $[18] = drawerContainer;
-    $[19] = drawerProps;
-    $[20] = t8;
-    $[21] = t9;
-  } else {
-    t9 = $[21];
-  }
-  let t10;
-  if ($[22] !== t7 || $[23] !== t9) {
-    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t7,
-      t9
-    ] });
-    $[22] = t7;
-    $[23] = t9;
-    $[24] = t10;
-  } else {
-    t10 = $[24];
-  }
-  return t10;
-}
-function LimitOrderTradeFlowButton(t0) {
-  const $ = distExports.c(18);
-  let buttonProps;
-  let drawerContainer;
-  let limitPrice;
-  let orderProps;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      limitPrice,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = drawerContainer;
-    $[3] = limitPrice;
-    $[4] = orderProps;
-  } else {
-    buttonProps = $[1];
-    drawerContainer = $[2];
-    limitPrice = $[3];
-    orderProps = $[4];
-  }
-  const [drawerOrderProps, setDrawerOrderProps] = useState(null);
-  const {
-    onLimitOrder
-  } = useWidgetEvents();
-  let t1;
-  if ($[5] !== limitPrice || $[6] !== onLimitOrder || $[7] !== orderProps) {
-    t1 = () => {
-      if (orderProps) {
-        setDrawerOrderProps({
-          fromToken: orderProps.fromToken,
-          toToken: orderProps.toToken,
-          fromAmount: orderProps.fromAmount,
-          toAmount: orderProps.toAmount
-        });
-        if (limitPrice) {
-          onLimitOrder?.({
-            event: {
-              name: "LimitOrder:click",
-              params: {
-                price: limitPrice
-              }
-            }
-          });
-        }
-      }
-    };
-    $[5] = limitPrice;
-    $[6] = onLimitOrder;
-    $[7] = orderProps;
-    $[8] = t1;
-  } else {
-    t1 = $[8];
-  }
-  let t2;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      setDrawerOrderProps(null);
-    };
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  let t3;
-  if ($[10] !== t1) {
-    t3 = {
-      drawerId: "limit-order-flow-drawer",
-      onOpen: t1,
-      onClose: t2
-    };
-    $[10] = t1;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  const drawerControls = useDrawerControls(t3);
-  const t4 = drawerOrderProps || orderProps;
-  let t5;
-  if ($[12] !== buttonProps || $[13] !== drawerContainer || $[14] !== drawerControls || $[15] !== limitPrice || $[16] !== t4) {
-    t5 = /* @__PURE__ */ jsx(LimitOrderDrawerButton, { orderProps: t4, drawerContainer, limitPrice, drawerControls, ...buttonProps });
-    $[12] = buttonProps;
-    $[13] = drawerContainer;
-    $[14] = drawerControls;
-    $[15] = limitPrice;
-    $[16] = t4;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  return t5;
-}
-function OtcOrderDrawerButton(t0) {
-  const $ = distExports.c(25);
-  const {
-    orderProps: orderPropsFromForm,
-    drawerContainer,
-    otcPrice: otcPriceFromForm,
-    labelOverride,
-    drawerControls,
-    ...buttonProps
-  } = t0;
-  let drawerProps;
-  let onClose;
-  let onOpen;
-  if ($[0] !== drawerControls) {
-    ({
-      onOpen,
-      onClose,
-      ...drawerProps
-    } = drawerControls);
-    $[0] = drawerControls;
-    $[1] = drawerProps;
-    $[2] = onClose;
-    $[3] = onOpen;
-  } else {
-    drawerProps = $[1];
-    onClose = $[2];
-    onOpen = $[3];
-  }
-  const {
-    isConnected
-  } = useAccount();
-  const {
-    orderProps,
-    userDefinedPrice: otcPrice
-  } = orderPropsFromForm ? addPreWrapToOrderProps({
-    orderProps: orderPropsFromForm,
-    priceMode: "userInputOrder",
-    userDefinedPrice: otcPriceFromForm
-  }) : {};
-  const disabled = !isConnected || !orderProps || !otcPrice;
-  const {
-    step,
-    orderCancellationStep,
-    startOtcOrder,
-    cancelOtcOrder,
-    cancelFlow,
-    retryFlow,
-    isFlowCancellable,
-    isOrderCancellable,
-    reset,
-    result,
-    error,
-    erroredStep,
-    tradeFlowType
-  } = useOtcOrderStep({
-    otcPrice,
-    preWrapETH: orderProps?.preWrapETH
-  });
-  const getFromAmount = (orderProps_0) => otcPrice ? formatUnits(BigInt(otcPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
-  const getToAmount = (orderProps_1) => otcPrice ? formatUnits(BigInt(otcPrice.destAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
-  let t1;
-  if ($[4] !== onClose || $[5] !== reset) {
-    t1 = () => {
-      onClose();
-      reset();
-    };
-    $[4] = onClose;
-    $[5] = reset;
-    $[6] = t1;
-  } else {
-    t1 = $[6];
-  }
-  const onDismiss = t1;
-  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : void 0;
-  const content = orderProps ? /* @__PURE__ */ jsx(OtcOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: getFromAmount(orderProps), toAmount: getToAmount(orderProps), onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, result, error, erroredStep, tradeFlowType }) : null;
-  const onClick = orderProps ? () => {
-    onOpen();
-    startOtcOrder({
-      onTxSent: handleTxSent
-    });
-  } : buttonProps.onClick;
-  const T0 = Button;
-  const t2 = "cta";
-  const t3 = "lg";
-  const t4 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-  const t5 = buttonProps.disabled || disabled;
-  const t6 = labelOverride || "Review Order";
-  let t7;
-  if ($[7] !== T0 || $[8] !== buttonProps || $[9] !== onClick || $[10] !== t4 || $[11] !== t5 || $[12] !== t6) {
-    t7 = /* @__PURE__ */ jsx(T0, { variant: t2, radius: t3, ...buttonProps, className: t4, onClick, disabled: t5, children: t6 });
-    $[7] = T0;
-    $[8] = buttonProps;
-    $[9] = onClick;
-    $[10] = t4;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    t7 = $[13];
-  }
-  let t8;
-  if ($[14] !== cancelFlow || $[15] !== isFlowCancellable) {
-    t8 = () => {
-      if (isFlowCancellable) {
-        cancelFlow();
-      }
-    };
-    $[14] = cancelFlow;
-    $[15] = isFlowCancellable;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  let t9;
-  if ($[17] !== content || $[18] !== drawerContainer || $[19] !== drawerProps || $[20] !== t8) {
-    t9 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t8, children: content });
-    $[17] = content;
-    $[18] = drawerContainer;
-    $[19] = drawerProps;
-    $[20] = t8;
-    $[21] = t9;
-  } else {
-    t9 = $[21];
-  }
-  let t10;
-  if ($[22] !== t7 || $[23] !== t9) {
-    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t7,
-      t9
-    ] });
-    $[22] = t7;
-    $[23] = t9;
-    $[24] = t10;
-  } else {
-    t10 = $[24];
-  }
-  return t10;
-}
-function OtcOrderTradeFlowButton(t0) {
-  const $ = distExports.c(18);
-  let buttonProps;
-  let drawerContainer;
-  let orderProps;
-  let otcPrice;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      otcPrice,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = drawerContainer;
-    $[3] = orderProps;
-    $[4] = otcPrice;
-  } else {
-    buttonProps = $[1];
-    drawerContainer = $[2];
-    orderProps = $[3];
-    otcPrice = $[4];
-  }
-  const [drawerOrderProps, setDrawerOrderProps] = useState(null);
-  const {
-    onOTCOrder
-  } = useWidgetEvents();
-  let t1;
-  if ($[5] !== onOTCOrder || $[6] !== orderProps || $[7] !== otcPrice) {
-    t1 = () => {
-      if (orderProps) {
-        setDrawerOrderProps({
-          fromToken: orderProps.fromToken,
-          toToken: orderProps.toToken,
-          fromAmount: orderProps.fromAmount,
-          toAmount: orderProps.toAmount
-        });
-        if (otcPrice) {
-          onOTCOrder?.({
-            event: {
-              name: "OTCOrder:click",
-              params: {
-                price: otcPrice
-              }
-            }
-          });
-        }
-      }
-    };
-    $[5] = onOTCOrder;
-    $[6] = orderProps;
-    $[7] = otcPrice;
-    $[8] = t1;
-  } else {
-    t1 = $[8];
-  }
-  let t2;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      setDrawerOrderProps(null);
-    };
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  let t3;
-  if ($[10] !== t1) {
-    t3 = {
-      drawerId: "otc-order-flow-drawer",
-      onOpen: t1,
-      onClose: t2
-    };
-    $[10] = t1;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  const drawerControls = useDrawerControls(t3);
-  const t4 = drawerOrderProps || orderProps;
-  let t5;
-  if ($[12] !== buttonProps || $[13] !== drawerContainer || $[14] !== drawerControls || $[15] !== otcPrice || $[16] !== t4) {
-    t5 = /* @__PURE__ */ jsx(OtcOrderDrawerButton, { orderProps: t4, drawerContainer, otcPrice, drawerControls, ...buttonProps });
-    $[12] = buttonProps;
-    $[13] = drawerContainer;
-    $[14] = drawerControls;
-    $[15] = otcPrice;
-    $[16] = t4;
-    $[17] = t5;
-  } else {
-    t5 = $[17];
-  }
-  return t5;
-}
-function addPreWrapToOrderProps({
-  orderProps,
-  priceMode,
-  userDefinedPrice
-}) {
-  const {
-    fromToken
-  } = orderProps;
-  if ((priceMode === "delta" || priceMode === "userInputOrder") && isETH(fromToken)) {
-    const fromTokenWeth = wrappedNativeTokensByChainId[fromToken.network];
-    const newOrderProps = {
-      ...orderProps,
-      fromToken: fromTokenWeth,
-      // use WETH instead as fromToken
-      preWrapETH: true
-      // and indicate that ETH should be preWrapped
-    };
-    const newUserDefinedPrice = userDefinedPrice ? {
-      ...userDefinedPrice,
-      srcTokenAddress: fromTokenWeth.address
-    } : void 0;
-    return {
-      orderProps: newOrderProps,
-      userDefinedPrice: newUserDefinedPrice
-    };
-  }
-  return {
-    orderProps,
-    userDefinedPrice
-  };
-}
-
-export { LimitOrderTradeFlowButton, OtcOrderTradeFlowButton, SwapTradeFlowButton };
-//# sourceMappingURL=TradeFlowButton.js.map