@velora-dex/widget 0.1.3 → 0.2.1

package/dist/core/TradeFlowButton.js

@@ -18,6 +18,8 @@ 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);
@@ -141,68 +143,46 @@ function SwapTradeFlowButton(t0) {
   return t4;
 }
 function MarketSwapDrawerButton(t0) {
-  const $ = distExports.c(58);
-  let buttonProps;
-  let drawerContainer;
-  let drawerControls;
-  let labelOverride;
-  let marketPrice;
-  let orderProps;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      marketPrice,
-      labelOverride,
-      drawerControls,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = drawerContainer;
-    $[3] = drawerControls;
-    $[4] = labelOverride;
-    $[5] = marketPrice;
-    $[6] = orderProps;
-  } else {
-    buttonProps = $[1];
-    drawerContainer = $[2];
-    drawerControls = $[3];
-    labelOverride = $[4];
-    marketPrice = $[5];
-    orderProps = $[6];
-  }
+  const $ = distExports.c(45);
+  const {
+    orderProps,
+    drawerContainer,
+    marketPrice,
+    labelOverride,
+    drawerControls,
+    ...buttonProps
+  } = t0;
   let drawerProps;
   let onClose;
   let onOpen;
-  if ($[7] !== drawerControls) {
+  if ($[0] !== drawerControls) {
     ({
       onOpen,
       onClose,
       ...drawerProps
     } = drawerControls);
-    $[7] = drawerControls;
-    $[8] = drawerProps;
-    $[9] = onClose;
-    $[10] = onOpen;
+    $[0] = drawerControls;
+    $[1] = drawerProps;
+    $[2] = onClose;
+    $[3] = onOpen;
   } else {
-    drawerProps = $[8];
-    onClose = $[9];
-    onOpen = $[10];
+    drawerProps = $[1];
+    onClose = $[2];
+    onOpen = $[3];
   }
   const {
     isConnected
   } = useAccount();
   const disabled = !isConnected || !orderProps || !marketPrice;
   let t1;
-  if ($[11] !== marketPrice) {
+  if ($[4] !== marketPrice) {
     t1 = {
       marketPrice
     };
-    $[11] = marketPrice;
-    $[12] = t1;
+    $[4] = marketPrice;
+    $[5] = t1;
   } else {
-    t1 = $[12];
+    t1 = $[5];
   }
   const {
     step,
@@ -219,198 +199,156 @@ function MarketSwapDrawerButton(t0) {
     tradeFlowType
   } = useMarketSwapStep(t1);
   let t2;
-  if ($[13] !== usedPrice) {
+  if ($[6] !== usedPrice) {
     t2 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), usedPrice.srcDecimals) : orderProps_0.fromAmount;
-    $[13] = usedPrice;
-    $[14] = t2;
+    $[6] = usedPrice;
+    $[7] = t2;
   } else {
-    t2 = $[14];
+    t2 = $[7];
   }
   const getFromAmount = t2;
   let t3;
-  if ($[15] !== usedPrice) {
+  if ($[8] !== usedPrice) {
     t3 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.destAmount), usedPrice.destDecimals) : orderProps_1.toAmount;
-    $[15] = usedPrice;
-    $[16] = t3;
+    $[8] = usedPrice;
+    $[9] = t3;
   } else {
-    t3 = $[16];
+    t3 = $[9];
   }
   const getToAmount = t3;
   let t4;
-  if ($[17] !== onClose || $[18] !== reset) {
+  if ($[10] !== onClose || $[11] !== reset) {
     t4 = () => {
       onClose();
       reset();
     };
-    $[17] = onClose;
-    $[18] = reset;
-    $[19] = t4;
+    $[10] = onClose;
+    $[11] = reset;
+    $[12] = t4;
   } else {
-    t4 = $[19];
+    t4 = $[12];
   }
   const onDismiss = t4;
   let t5;
-  if ($[20] !== cancelFlow || $[21] !== error || $[22] !== erroredStep || $[23] !== explorerLink || $[24] !== getFromAmount || $[25] !== getToAmount || $[26] !== isFlowCancellable || $[27] !== onDismiss || $[28] !== orderProps || $[29] !== result || $[30] !== retryFlow || $[31] !== step || $[32] !== tradeFlowType) {
+  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;
-    $[20] = cancelFlow;
-    $[21] = error;
-    $[22] = erroredStep;
-    $[23] = explorerLink;
-    $[24] = getFromAmount;
-    $[25] = getToAmount;
-    $[26] = isFlowCancellable;
-    $[27] = onDismiss;
-    $[28] = orderProps;
-    $[29] = result;
-    $[30] = retryFlow;
-    $[31] = step;
-    $[32] = tradeFlowType;
-    $[33] = t5;
-  } else {
-    t5 = $[33];
+    $[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;
-  let t6;
-  if ($[34] !== buttonProps.onClick || $[35] !== onOpen || $[36] !== orderProps || $[37] !== startMarketSwap) {
-    t6 = orderProps ? () => {
-      onOpen();
-      startMarketSwap({
-        onTxSent: handleTxSent
-      });
-    } : buttonProps.onClick;
-    $[34] = buttonProps.onClick;
-    $[35] = onOpen;
-    $[36] = orderProps;
-    $[37] = startMarketSwap;
-    $[38] = t6;
-  } else {
-    t6 = $[38];
-  }
-  const onClick = t6;
-  let t7;
-  if ($[39] !== buttonProps.className) {
-    t7 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-    $[39] = buttonProps.className;
-    $[40] = t7;
-  } else {
-    t7 = $[40];
-  }
-  const t8 = buttonProps.disabled || disabled;
-  const t9 = labelOverride || "Swap";
-  let t10;
-  if ($[41] !== buttonProps || $[42] !== onClick || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
-    t10 = /* @__PURE__ */ jsx(Button, { variant: "cta", radius: "lg", ...buttonProps, className: t7, onClick, disabled: t8, children: t9 });
-    $[41] = buttonProps;
-    $[42] = onClick;
-    $[43] = t7;
-    $[44] = t8;
-    $[45] = t9;
-    $[46] = t10;
-  } else {
-    t10 = $[46];
-  }
+  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 ($[47] !== cancelFlow || $[48] !== isFlowCancellable) {
-    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();
       }
     };
-    $[47] = cancelFlow;
-    $[48] = isFlowCancellable;
-    $[49] = t11;
-  } else {
-    t11 = $[49];
-  }
-  let t12;
-  if ($[50] !== content || $[51] !== drawerContainer || $[52] !== drawerProps || $[53] !== t11) {
-    t12 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t11, children: content });
-    $[50] = content;
-    $[51] = drawerContainer;
-    $[52] = drawerProps;
-    $[53] = t11;
-    $[54] = t12;
+    $[34] = cancelFlow;
+    $[35] = isFlowCancellable;
+    $[36] = t12;
   } else {
-    t12 = $[54];
+    t12 = $[36];
   }
   let t13;
-  if ($[55] !== t10 || $[56] !== t12) {
-    t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t10,
-      t12
+  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
     ] });
-    $[55] = t10;
-    $[56] = t12;
-    $[57] = t13;
+    $[42] = t11;
+    $[43] = t13;
+    $[44] = t14;
   } else {
-    t13 = $[57];
+    t14 = $[44];
   }
-  return t13;
+  return t14;
 }
 function DeltaSwapDrawerButton(t0) {
-  const $ = distExports.c(58);
-  let buttonProps;
-  let deltaPrice;
-  let drawerContainer;
-  let drawerControls;
-  let labelOverride;
-  let orderProps;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      deltaPrice,
-      labelOverride,
-      drawerControls,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = deltaPrice;
-    $[3] = drawerContainer;
-    $[4] = drawerControls;
-    $[5] = labelOverride;
-    $[6] = orderProps;
-  } else {
-    buttonProps = $[1];
-    deltaPrice = $[2];
-    drawerContainer = $[3];
-    drawerControls = $[4];
-    labelOverride = $[5];
-    orderProps = $[6];
-  }
+  const $ = distExports.c(29);
+  const {
+    orderProps: orderPropsFromForm,
+    drawerContainer,
+    deltaPrice,
+    labelOverride,
+    drawerControls,
+    ...buttonProps
+  } = t0;
   let drawerProps;
   let onClose;
   let onOpen;
-  if ($[7] !== drawerControls) {
+  if ($[0] !== drawerControls) {
     ({
       onOpen,
       onClose,
       ...drawerProps
     } = drawerControls);
-    $[7] = drawerControls;
-    $[8] = drawerProps;
-    $[9] = onClose;
-    $[10] = onOpen;
+    $[0] = drawerControls;
+    $[1] = drawerProps;
+    $[2] = onClose;
+    $[3] = onOpen;
   } else {
-    drawerProps = $[8];
-    onClose = $[9];
-    onOpen = $[10];
+    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;
-  let t1;
-  if ($[11] !== deltaPrice) {
-    t1 = {
-      deltaPrice
-    };
-    $[11] = deltaPrice;
-    $[12] = t1;
-  } else {
-    t1 = $[12];
-  }
   const {
     step,
     startDeltaSwap,
@@ -424,201 +362,146 @@ function DeltaSwapDrawerButton(t0) {
     error,
     erroredStep,
     tradeFlowType
-  } = useDeltaSwapStep(t1);
-  let t2;
-  if ($[13] !== usedPrice) {
-    t2 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
-    $[13] = usedPrice;
-    $[14] = t2;
+  } = 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 {
-    t2 = $[14];
+    t1 = $[5];
   }
-  const getFromAmount = t2;
-  let t3;
-  if ($[15] !== usedPrice) {
-    t3 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.receivedDestAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
-    $[15] = usedPrice;
-    $[16] = t3;
+  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 {
-    t3 = $[16];
+    t2 = $[7];
   }
-  const getToAmount = t3;
-  let t4;
-  if ($[17] !== onClose || $[18] !== reset) {
-    t4 = () => {
+  const getToAmount = t2;
+  let t3;
+  if ($[8] !== onClose || $[9] !== reset) {
+    t3 = () => {
       onClose();
       reset();
     };
-    $[17] = onClose;
-    $[18] = reset;
-    $[19] = t4;
-  } else {
-    t4 = $[19];
-  }
-  const onDismiss = t4;
-  let t5;
-  if ($[20] !== cancelFlow || $[21] !== error || $[22] !== erroredStep || $[23] !== explorerLink || $[24] !== getFromAmount || $[25] !== getToAmount || $[26] !== isFlowCancellable || $[27] !== onDismiss || $[28] !== orderProps || $[29] !== result || $[30] !== retryFlow || $[31] !== step || $[32] !== tradeFlowType) {
-    t5 = 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;
-    $[20] = cancelFlow;
-    $[21] = error;
-    $[22] = erroredStep;
-    $[23] = explorerLink;
-    $[24] = getFromAmount;
-    $[25] = getToAmount;
-    $[26] = isFlowCancellable;
-    $[27] = onDismiss;
-    $[28] = orderProps;
-    $[29] = result;
-    $[30] = retryFlow;
-    $[31] = step;
-    $[32] = tradeFlowType;
-    $[33] = t5;
-  } else {
-    t5 = $[33];
-  }
-  const content = t5;
-  let t6;
-  if ($[34] !== buttonProps.onClick || $[35] !== onOpen || $[36] !== orderProps || $[37] !== startDeltaSwap) {
-    t6 = orderProps ? () => {
-      onOpen();
-      startDeltaSwap({
-        onTxSent: handleTxSent,
-        onOrderSent: addDeltaOrderToast
-      });
-    } : buttonProps.onClick;
-    $[34] = buttonProps.onClick;
-    $[35] = onOpen;
-    $[36] = orderProps;
-    $[37] = startDeltaSwap;
-    $[38] = t6;
-  } else {
-    t6 = $[38];
-  }
-  const onClick = t6;
-  let t7;
-  if ($[39] !== buttonProps.className) {
-    t7 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-    $[39] = buttonProps.className;
-    $[40] = t7;
+    $[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 {
-    t7 = $[40];
+    t9 = $[17];
   }
-  const t8 = buttonProps.disabled || disabled;
-  const t9 = labelOverride || "Swap";
   let t10;
-  if ($[41] !== buttonProps || $[42] !== onClick || $[43] !== t7 || $[44] !== t8 || $[45] !== t9) {
-    t10 = /* @__PURE__ */ jsx(Button, { variant: "cta", radius: "lg", ...buttonProps, className: t7, onClick, disabled: t8, children: t9 });
-    $[41] = buttonProps;
-    $[42] = onClick;
-    $[43] = t7;
-    $[44] = t8;
-    $[45] = t9;
-    $[46] = t10;
-  } else {
-    t10 = $[46];
-  }
-  let t11;
-  if ($[47] !== cancelFlow || $[48] !== isFlowCancellable) {
-    t11 = () => {
+  if ($[18] !== cancelFlow || $[19] !== isFlowCancellable) {
+    t10 = () => {
       if (isFlowCancellable) {
         cancelFlow();
       }
     };
-    $[47] = cancelFlow;
-    $[48] = isFlowCancellable;
-    $[49] = t11;
+    $[18] = cancelFlow;
+    $[19] = isFlowCancellable;
+    $[20] = t10;
   } else {
-    t11 = $[49];
+    t10 = $[20];
   }
-  let t12;
-  if ($[50] !== content || $[51] !== drawerContainer || $[52] !== drawerProps || $[53] !== t11) {
-    t12 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t11, children: content });
-    $[50] = content;
-    $[51] = drawerContainer;
-    $[52] = drawerProps;
-    $[53] = t11;
-    $[54] = t12;
+  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 {
-    t12 = $[54];
+    t11 = $[25];
   }
-  let t13;
-  if ($[55] !== t10 || $[56] !== t12) {
-    t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t10,
-      t12
+  let t12;
+  if ($[26] !== t11 || $[27] !== t9) {
+    t12 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t9,
+      t11
     ] });
-    $[55] = t10;
-    $[56] = t12;
-    $[57] = t13;
+    $[26] = t11;
+    $[27] = t9;
+    $[28] = t12;
   } else {
-    t13 = $[57];
+    t12 = $[28];
   }
-  return t13;
+  return t12;
 }
 function LimitOrderDrawerButton(t0) {
-  const $ = distExports.c(60);
-  let buttonProps;
-  let drawerContainer;
-  let drawerControls;
-  let labelOverride;
-  let limitPrice;
-  let orderProps;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      limitPrice,
-      labelOverride,
-      drawerControls,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = drawerContainer;
-    $[3] = drawerControls;
-    $[4] = labelOverride;
-    $[5] = limitPrice;
-    $[6] = orderProps;
-  } else {
-    buttonProps = $[1];
-    drawerContainer = $[2];
-    drawerControls = $[3];
-    labelOverride = $[4];
-    limitPrice = $[5];
-    orderProps = $[6];
-  }
+  const $ = distExports.c(25);
+  const {
+    orderProps: orderPropsFromForm,
+    drawerContainer,
+    limitPrice: limitPriceFromForm,
+    labelOverride,
+    drawerControls,
+    ...buttonProps
+  } = t0;
   let drawerProps;
   let onClose;
   let onOpen;
-  if ($[7] !== drawerControls) {
+  if ($[0] !== drawerControls) {
     ({
       onOpen,
       onClose,
       ...drawerProps
     } = drawerControls);
-    $[7] = drawerControls;
-    $[8] = drawerProps;
-    $[9] = onClose;
-    $[10] = onOpen;
+    $[0] = drawerControls;
+    $[1] = drawerProps;
+    $[2] = onClose;
+    $[3] = onOpen;
   } else {
-    drawerProps = $[8];
-    onClose = $[9];
-    onOpen = $[10];
+    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;
-  let t1;
-  if ($[11] !== limitPrice) {
-    t1 = {
-      limitPrice
-    };
-    $[11] = limitPrice;
-    $[12] = t1;
-  } else {
-    t1 = $[12];
-  }
   const {
     step,
     orderCancellationStep,
@@ -634,138 +517,89 @@ function LimitOrderDrawerButton(t0) {
     error,
     erroredStep,
     tradeFlowType
-  } = useLimitOrderStep(t1);
-  let t2;
-  if ($[13] !== limitPrice) {
-    t2 = (orderProps_0) => limitPrice ? formatUnits(BigInt(limitPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
-    $[13] = limitPrice;
-    $[14] = t2;
-  } else {
-    t2 = $[14];
-  }
-  const getFromAmount = t2;
-  let t3;
-  if ($[15] !== limitPrice) {
-    t3 = (orderProps_1) => limitPrice ? formatUnits(BigInt(limitPrice.destAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
-    $[15] = limitPrice;
-    $[16] = t3;
-  } else {
-    t3 = $[16];
-  }
-  const getToAmount = t3;
-  let t4;
-  if ($[17] !== onClose || $[18] !== reset) {
-    t4 = () => {
+  } = 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();
     };
-    $[17] = onClose;
-    $[18] = reset;
-    $[19] = t4;
+    $[4] = onClose;
+    $[5] = reset;
+    $[6] = t1;
   } else {
-    t4 = $[19];
+    t1 = $[6];
   }
-  const onDismiss = t4;
+  const onDismiss = t1;
   const onCancelOrder = isOrderCancellable ? cancelLimitOrder : void 0;
-  let t5;
-  if ($[20] !== cancelFlow || $[21] !== error || $[22] !== erroredStep || $[23] !== explorerLink || $[24] !== getFromAmount || $[25] !== getToAmount || $[26] !== isFlowCancellable || $[27] !== onCancelOrder || $[28] !== onDismiss || $[29] !== orderCancellationStep || $[30] !== orderProps || $[31] !== result || $[32] !== retryFlow || $[33] !== step || $[34] !== tradeFlowType) {
-    t5 = 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;
-    $[20] = cancelFlow;
-    $[21] = error;
-    $[22] = erroredStep;
-    $[23] = explorerLink;
-    $[24] = getFromAmount;
-    $[25] = getToAmount;
-    $[26] = isFlowCancellable;
-    $[27] = onCancelOrder;
-    $[28] = onDismiss;
-    $[29] = orderCancellationStep;
-    $[30] = orderProps;
-    $[31] = result;
-    $[32] = retryFlow;
-    $[33] = step;
-    $[34] = tradeFlowType;
-    $[35] = t5;
-  } else {
-    t5 = $[35];
-  }
-  const content = t5;
-  let t6;
-  if ($[36] !== buttonProps.onClick || $[37] !== onOpen || $[38] !== orderProps || $[39] !== startLimitOrder) {
-    t6 = orderProps ? () => {
-      onOpen();
-      startLimitOrder({
-        onTxSent: handleTxSent
-      });
-    } : buttonProps.onClick;
-    $[36] = buttonProps.onClick;
-    $[37] = onOpen;
-    $[38] = orderProps;
-    $[39] = startLimitOrder;
-    $[40] = t6;
-  } else {
-    t6 = $[40];
-  }
-  const onClick = t6;
+  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 ($[41] !== buttonProps.className) {
-    t7 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-    $[41] = buttonProps.className;
-    $[42] = t7;
-  } else {
-    t7 = $[42];
-  }
-  const t8 = buttonProps.disabled || disabled;
-  const t9 = labelOverride || "Review Order";
-  let t10;
-  if ($[43] !== buttonProps || $[44] !== onClick || $[45] !== t7 || $[46] !== t8 || $[47] !== t9) {
-    t10 = /* @__PURE__ */ jsx(Button, { variant: "cta", radius: "lg", ...buttonProps, className: t7, onClick, disabled: t8, children: t9 });
-    $[43] = buttonProps;
-    $[44] = onClick;
-    $[45] = t7;
-    $[46] = t8;
-    $[47] = t9;
-    $[48] = t10;
-  } else {
-    t10 = $[48];
-  }
-  let t11;
-  if ($[49] !== cancelFlow || $[50] !== isFlowCancellable) {
-    t11 = () => {
+  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();
       }
     };
-    $[49] = cancelFlow;
-    $[50] = isFlowCancellable;
-    $[51] = t11;
+    $[14] = cancelFlow;
+    $[15] = isFlowCancellable;
+    $[16] = t8;
   } else {
-    t11 = $[51];
+    t8 = $[16];
   }
-  let t12;
-  if ($[52] !== content || $[53] !== drawerContainer || $[54] !== drawerProps || $[55] !== t11) {
-    t12 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t11, children: content });
-    $[52] = content;
-    $[53] = drawerContainer;
-    $[54] = drawerProps;
-    $[55] = t11;
-    $[56] = t12;
+  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 {
-    t12 = $[56];
+    t9 = $[21];
   }
-  let t13;
-  if ($[57] !== t10 || $[58] !== t12) {
-    t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t10,
-      t12
+  let t10;
+  if ($[22] !== t7 || $[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t7,
+      t9
     ] });
-    $[57] = t10;
-    $[58] = t12;
-    $[59] = t13;
+    $[22] = t7;
+    $[23] = t9;
+    $[24] = t10;
   } else {
-    t13 = $[59];
+    t10 = $[24];
   }
-  return t13;
+  return t10;
 }
 function LimitOrderTradeFlowButton(t0) {
   const $ = distExports.c(18);
@@ -862,69 +696,45 @@ function LimitOrderTradeFlowButton(t0) {
   return t5;
 }
 function OtcOrderDrawerButton(t0) {
-  const $ = distExports.c(59);
-  let buttonProps;
-  let drawerContainer;
-  let drawerControls;
-  let labelOverride;
-  let orderProps;
-  let otcPrice;
-  if ($[0] !== t0) {
-    ({
-      orderProps,
-      drawerContainer,
-      otcPrice,
-      labelOverride,
-      drawerControls,
-      ...buttonProps
-    } = t0);
-    $[0] = t0;
-    $[1] = buttonProps;
-    $[2] = drawerContainer;
-    $[3] = drawerControls;
-    $[4] = labelOverride;
-    $[5] = orderProps;
-    $[6] = otcPrice;
-  } else {
-    buttonProps = $[1];
-    drawerContainer = $[2];
-    drawerControls = $[3];
-    labelOverride = $[4];
-    orderProps = $[5];
-    otcPrice = $[6];
-  }
+  const $ = distExports.c(25);
+  const {
+    orderProps: orderPropsFromForm,
+    drawerContainer,
+    otcPrice: otcPriceFromForm,
+    labelOverride,
+    drawerControls,
+    ...buttonProps
+  } = t0;
   let drawerProps;
   let onClose;
   let onOpen;
-  if ($[7] !== drawerControls) {
+  if ($[0] !== drawerControls) {
     ({
       onOpen,
       onClose,
       ...drawerProps
     } = drawerControls);
-    $[7] = drawerControls;
-    $[8] = drawerProps;
-    $[9] = onClose;
-    $[10] = onOpen;
+    $[0] = drawerControls;
+    $[1] = drawerProps;
+    $[2] = onClose;
+    $[3] = onOpen;
   } else {
-    drawerProps = $[8];
-    onClose = $[9];
-    onOpen = $[10];
+    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;
-  let t1;
-  if ($[11] !== otcPrice) {
-    t1 = {
-      otcPrice
-    };
-    $[11] = otcPrice;
-    $[12] = t1;
-  } else {
-    t1 = $[12];
-  }
   const {
     step,
     orderCancellationStep,
@@ -939,137 +749,89 @@ function OtcOrderDrawerButton(t0) {
     error,
     erroredStep,
     tradeFlowType
-  } = useOtcOrderStep(t1);
-  let t2;
-  if ($[13] !== otcPrice) {
-    t2 = (orderProps_0) => otcPrice ? formatUnits(BigInt(otcPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
-    $[13] = otcPrice;
-    $[14] = t2;
-  } else {
-    t2 = $[14];
-  }
-  const getFromAmount = t2;
-  let t3;
-  if ($[15] !== otcPrice) {
-    t3 = (orderProps_1) => otcPrice ? formatUnits(BigInt(otcPrice.destAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
-    $[15] = otcPrice;
-    $[16] = t3;
-  } else {
-    t3 = $[16];
-  }
-  const getToAmount = t3;
-  let t4;
-  if ($[17] !== onClose || $[18] !== reset) {
-    t4 = () => {
+  } = 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();
     };
-    $[17] = onClose;
-    $[18] = reset;
-    $[19] = t4;
+    $[4] = onClose;
+    $[5] = reset;
+    $[6] = t1;
   } else {
-    t4 = $[19];
+    t1 = $[6];
   }
-  const onDismiss = t4;
+  const onDismiss = t1;
   const onCancelOrder = isOrderCancellable ? cancelOtcOrder : void 0;
-  let t5;
-  if ($[20] !== cancelFlow || $[21] !== error || $[22] !== erroredStep || $[23] !== getFromAmount || $[24] !== getToAmount || $[25] !== isFlowCancellable || $[26] !== onCancelOrder || $[27] !== onDismiss || $[28] !== orderCancellationStep || $[29] !== orderProps || $[30] !== result || $[31] !== retryFlow || $[32] !== step || $[33] !== tradeFlowType) {
-    t5 = 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;
-    $[20] = cancelFlow;
-    $[21] = error;
-    $[22] = erroredStep;
-    $[23] = getFromAmount;
-    $[24] = getToAmount;
-    $[25] = isFlowCancellable;
-    $[26] = onCancelOrder;
-    $[27] = onDismiss;
-    $[28] = orderCancellationStep;
-    $[29] = orderProps;
-    $[30] = result;
-    $[31] = retryFlow;
-    $[32] = step;
-    $[33] = tradeFlowType;
-    $[34] = t5;
-  } else {
-    t5 = $[34];
-  }
-  const content = t5;
-  let t6;
-  if ($[35] !== buttonProps.onClick || $[36] !== onOpen || $[37] !== orderProps || $[38] !== startOtcOrder) {
-    t6 = orderProps ? () => {
-      onOpen();
-      startOtcOrder({
-        onTxSent: handleTxSent
-      });
-    } : buttonProps.onClick;
-    $[35] = buttonProps.onClick;
-    $[36] = onOpen;
-    $[37] = orderProps;
-    $[38] = startOtcOrder;
-    $[39] = t6;
-  } else {
-    t6 = $[39];
-  }
-  const onClick = t6;
+  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 ($[40] !== buttonProps.className) {
-    t7 = cn("w-full mt-4 h-[48px] text-md", buttonProps.className);
-    $[40] = buttonProps.className;
-    $[41] = t7;
-  } else {
-    t7 = $[41];
-  }
-  const t8 = buttonProps.disabled || disabled;
-  const t9 = labelOverride || "Review Order";
-  let t10;
-  if ($[42] !== buttonProps || $[43] !== onClick || $[44] !== t7 || $[45] !== t8 || $[46] !== t9) {
-    t10 = /* @__PURE__ */ jsx(Button, { variant: "cta", radius: "lg", ...buttonProps, className: t7, onClick, disabled: t8, children: t9 });
-    $[42] = buttonProps;
-    $[43] = onClick;
-    $[44] = t7;
-    $[45] = t8;
-    $[46] = t9;
-    $[47] = t10;
-  } else {
-    t10 = $[47];
-  }
-  let t11;
-  if ($[48] !== cancelFlow || $[49] !== isFlowCancellable) {
-    t11 = () => {
+  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();
       }
     };
-    $[48] = cancelFlow;
-    $[49] = isFlowCancellable;
-    $[50] = t11;
+    $[14] = cancelFlow;
+    $[15] = isFlowCancellable;
+    $[16] = t8;
   } else {
-    t11 = $[50];
+    t8 = $[16];
   }
-  let t12;
-  if ($[51] !== content || $[52] !== drawerContainer || $[53] !== drawerProps || $[54] !== t11) {
-    t12 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerProps, container: drawerContainer, onClose: t11, children: content });
-    $[51] = content;
-    $[52] = drawerContainer;
-    $[53] = drawerProps;
-    $[54] = t11;
-    $[55] = t12;
+  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 {
-    t12 = $[55];
+    t9 = $[21];
   }
-  let t13;
-  if ($[56] !== t10 || $[57] !== t12) {
-    t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      t10,
-      t12
+  let t10;
+  if ($[22] !== t7 || $[23] !== t9) {
+    t10 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t7,
+      t9
     ] });
-    $[56] = t10;
-    $[57] = t12;
-    $[58] = t13;
+    $[22] = t7;
+    $[23] = t9;
+    $[24] = t10;
   } else {
-    t13 = $[58];
+    t10 = $[24];
   }
-  return t13;
+  return t10;
 }
 function OtcOrderTradeFlowButton(t0) {
   const $ = distExports.c(18);
@@ -1165,6 +927,37 @@ function OtcOrderTradeFlowButton(t0) {
   }
   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