@velora-dex/widget 0.2.5-dev.1 → 0.2.5-dev.11

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js

@@ -2,14 +2,20 @@ import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { MarketSwapSteps } from './steps.js';
 import { TradeOverview } from './TradeOverview.js';
+import { formatUnits } from 'viem/utils';
+import { useRef, useEffect } from 'react';
+import { useMarketSwapStep } from '../../../hooks/swap/tradeFlow/useMarketSwapStep.js';
+import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
+import { useCurrentSwapPrice } from '../../../hooks/swap/prices/useSwapPrices.js';
 
 function MarketSwapTradeOverview(t0) {
-  const $ = distExports.c(16);
+  const $ = distExports.c(17);
   const {
     fromToken,
     toToken,
     fromAmount,
     toAmount,
+    swapSide,
     onDismiss,
     onHelp,
     onCancelFlow,
@@ -23,8 +29,8 @@ function MarketSwapTradeOverview(t0) {
     tradeFlowType
   } = t0;
   let t1;
-  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== toAmount || $[13] !== toToken || $[14] !== tradeFlowType) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancelFlow, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRetry || $[11] !== result || $[12] !== swapSide || $[13] !== toAmount || $[14] !== toToken || $[15] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, swapSide, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancelFlow, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
     $[0] = activeStep;
     $[1] = error;
     $[2] = erroredStep;
@@ -37,15 +43,152 @@ function MarketSwapTradeOverview(t0) {
     $[9] = onHelp;
     $[10] = onRetry;
     $[11] = result;
-    $[12] = toAmount;
-    $[13] = toToken;
-    $[14] = tradeFlowType;
-    $[15] = t1;
+    $[12] = swapSide;
+    $[13] = toAmount;
+    $[14] = toToken;
+    $[15] = tradeFlowType;
+    $[16] = t1;
   } else {
-    t1 = $[15];
+    t1 = $[16];
   }
   return t1;
 }
+function MarketSwapTradeOverviewFlow(t0) {
+  const $ = distExports.c(33);
+  const {
+    orderProps,
+    marketPrice,
+    onClose
+  } = t0;
+  let t1;
+  if ($[0] !== marketPrice) {
+    t1 = {
+      marketPrice
+    };
+    $[0] = marketPrice;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    step,
+    startMarketSwap,
+    isFlowCancellable,
+    cancelFlow,
+    retryFlow,
+    reset,
+    explorerLink,
+    result,
+    usedPrice,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = useMarketSwapStep(t1);
+  const startMarketSwapRef = useRef(startMarketSwap);
+  let t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      startMarketSwapRef.current({
+        onTxSent: handleTxSent
+      });
+    };
+    t3 = [];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[4] !== usedPrice) {
+    t4 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), usedPrice.srcDecimals) : orderProps_0.fromAmount;
+    $[4] = usedPrice;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const getFromAmount = t4;
+  let t5;
+  if ($[6] !== usedPrice) {
+    t5 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.destAmount), usedPrice.destDecimals) : orderProps_1.toAmount;
+    $[6] = usedPrice;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const getToAmount = t5;
+  let t6;
+  if ($[8] !== onClose || $[9] !== reset) {
+    t6 = () => {
+      onClose?.();
+      reset();
+    };
+    $[8] = onClose;
+    $[9] = reset;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  const onDismiss = t6;
+  const t7 = orderProps.fromToken;
+  const t8 = orderProps.toToken;
+  let t9;
+  if ($[11] !== getFromAmount || $[12] !== orderProps) {
+    t9 = getFromAmount(orderProps);
+    $[11] = getFromAmount;
+    $[12] = orderProps;
+    $[13] = t9;
+  } else {
+    t9 = $[13];
+  }
+  let t10;
+  if ($[14] !== getToAmount || $[15] !== orderProps) {
+    t10 = getToAmount(orderProps);
+    $[14] = getToAmount;
+    $[15] = orderProps;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  let t11;
+  if ($[17] !== cancelFlow || $[18] !== error || $[19] !== erroredStep || $[20] !== explorerLink || $[21] !== isFlowCancellable || $[22] !== onDismiss || $[23] !== orderProps.fromToken || $[24] !== orderProps.swapSide || $[25] !== orderProps.toToken || $[26] !== result || $[27] !== retryFlow || $[28] !== step || $[29] !== t10 || $[30] !== t9 || $[31] !== tradeFlowType) {
+    t11 = /* @__PURE__ */ jsx(MarketSwapTradeOverview, { fromToken: t7, toToken: t8, fromAmount: t9, toAmount: t10, swapSide: orderProps.swapSide, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[17] = cancelFlow;
+    $[18] = error;
+    $[19] = erroredStep;
+    $[20] = explorerLink;
+    $[21] = isFlowCancellable;
+    $[22] = onDismiss;
+    $[23] = orderProps.fromToken;
+    $[24] = orderProps.swapSide;
+    $[25] = orderProps.toToken;
+    $[26] = result;
+    $[27] = retryFlow;
+    $[28] = step;
+    $[29] = t10;
+    $[30] = t9;
+    $[31] = tradeFlowType;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  return t11;
+}
+const MarketSwapTradeOverviewScreen = (props) => {
+  const $ = distExports.c(2);
+  useCurrentSwapPrice();
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsx(MarketSwapTradeOverviewFlow, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
 
-export { MarketSwapTradeOverview };
+export { MarketSwapTradeOverview, MarketSwapTradeOverviewScreen };
 //# sourceMappingURL=MarketSwapTradeOverview.js.map

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","MarketSwapSteps"],"mappings":";;;;;AAyBO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAjB,EAAAA;AAgBT,EAAA,IAAAkB,EAAAA;AAAA,EAAA,IAAAjB,CAAAA,CAAA,CAAA,CAAA,KAAAU,UAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAc,KAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAe,WAAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAY,YAAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAW,iBAAAA,IAAAX,CAAAA,QAAAQ,YAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAM,SAAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,CAAA,EAAA,CAAA,KAAAS,OAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAa,MAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,CAAA,EAAA,CAAA,KAAAgB,aAAAA,EAAA;AAE3BC,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYf,SAAAA,EACFC,SACGC,UAAAA,EACFC,QAAAA,EACHa,OAAAA,eAAAA,EACKR,UAAAA,EACDJ,SAAAA,EACHC,MAAAA,EACMC,cACLC,OAAAA,EACUE,iBAAAA,EACLC,cACNC,MAAAA,EACDC,KAAAA,EACMC,aACEC,aAAAA,EAAa,CAAA;AAC5BhB,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,KAAAA;AAAAd,IAAAA,CAAAA,MAAAe,WAAAA;AAAAf,IAAAA,CAAAA,MAAAY,YAAAA;AAAAZ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAW,iBAAAA;AAAAX,IAAAA,CAAAA,MAAAQ,YAAAA;AAAAR,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,MAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAa,MAAAA;AAAAb,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAgB,aAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAjBFiB,EAAAA;AAiBE;;;;"}
+{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useEffect, useRef } from \"react\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  const startMarketSwapRef = useRef(startMarketSwap);\n  useEffect(() => {\n    startMarketSwapRef.current({\n      onTxSent: handleTxSent,\n    });\n  }, []);\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    usedPrice\n      ? formatUnits(BigInt(usedPrice.srcAmount), usedPrice.srcDecimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    usedPrice\n      ? formatUnits(BigInt(usedPrice.destAmount), usedPrice.destDecimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      swapSide={orderProps.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onRetry={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","MarketSwapSteps","MarketSwapTradeOverviewFlow","orderProps","marketPrice","onClose","step","startMarketSwap","cancelFlow","retryFlow","reset","usedPrice","useMarketSwapStep","startMarketSwapRef","useRef","t2","t3","Symbol","for","current","onTxSent","handleTxSent","useEffect","t4","orderProps_0","formatUnits","BigInt","srcAmount","srcDecimals","getFromAmount","t5","orderProps_1","destAmount","destDecimals","getToAmount","t6","t7","t8","t9","t10","t11","MarketSwapTradeOverviewScreen","props","useCurrentSwapPrice"],"mappings":";;;;;;;;;;AAoCO,SAAAA,wBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAiC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAlB,EAAAA;AAiBT,EAAA,IAAAmB,EAAAA;AAAA,EAAA,IAAAlB,CAAAA,CAAA,CAAA,CAAA,KAAAW,UAAAA,IAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAe,KAAAA,IAAAf,CAAAA,CAAA,CAAA,CAAA,KAAAgB,WAAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAa,YAAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAY,iBAAAA,IAAAZ,EAAA,CAAA,CAAA,KAAAS,YAAAA,IAAAT,CAAAA,CAAA,CAAA,CAAA,KAAAO,SAAAA,IAAAP,CAAAA,CAAA,CAAA,CAAA,KAAAQ,MAAAA,IAAAR,CAAAA,CAAA,EAAA,CAAA,KAAAU,OAAAA,IAAAV,CAAAA,CAAA,EAAA,CAAA,KAAAc,MAAAA,IAAAd,CAAAA,CAAA,EAAA,CAAA,KAAAM,QAAAA,IAAAN,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,SAAAiB,aAAAA,EAAA;AAE3BC,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EACYhB,SAAAA,EACFC,SACGC,UAAAA,EACFC,QAAAA,EACAC,UACHa,KAAAA,EAAAA,eAAAA,EACKR,YACDJ,SAAAA,EACHC,MAAAA,EACMC,cACLC,OAAAA,EACUE,iBAAAA,EACLC,cACNC,MAAAA,EACDC,KAAAA,EACMC,aACEC,aAAAA,EAAa,CAAA;AAC5BjB,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAAe,KAAAA;AAAAf,IAAAA,CAAAA,MAAAgB,WAAAA;AAAAhB,IAAAA,CAAAA,MAAAa,YAAAA;AAAAb,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAY,iBAAAA;AAAAZ,IAAAA,CAAAA,MAAAS,YAAAA;AAAAT,IAAAA,CAAAA,MAAAO,SAAAA;AAAAP,IAAAA,CAAAA,MAAAQ,MAAAA;AAAAR,IAAAA,CAAAA,OAAAU,OAAAA;AAAAV,IAAAA,CAAAA,OAAAc,MAAAA;AAAAd,IAAAA,CAAAA,OAAAM,QAAAA;AAAAN,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAiB,aAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAlBFkB,EAAAA;AAkBE;AAUN,SAAAE,4BAAArB,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAqC,EAAA,MAAA;AAAA,IAAAoB,UAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAxB,EAAAA;AAIF,EAAA,IAAAmB,EAAAA;AAAA,EAAA,IAAAlB,CAAAA,QAAAsB,WAAAA,EAAA;AAcXJ,IAAAA,EAAAA,GAAA;AAAA,MAAAI;AAAAA,KAEtB;AAACtB,IAAAA,CAAAA,MAAAsB,WAAAA;AAAAtB,IAAAA,CAAAA,MAAAkB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAlB,EAAA,CAAA,CAAA;AAAA,EAAA;AAfD,EAAA,MAAA;AAAA,IAAAwB,IAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAb,iBAAAA;AAAAA,IAAAc,UAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAf,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAe,SAAAA;AAAAA,IAAAd,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAaIa,kBAAkBZ,EAErB,CAAA;AAGD,EAAA,MAAAa,kBAAAA,GAA2BC,OAAOP,eAAe,CAAA;AAAE,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAlC,EAAA,CAAA,CAAA,KAAAmC,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACzCH,IAAAA,EAAAA,GAAAA,MAAA;AACRF,MAAAA,kBAAAA,CAAkBM,OAAAA,CAAS;AAAA,QAAAC,QAAAA,EACfC;AAAAA,OACX,CAAA;AAAA,IAAC,CAAA;AACDL,IAAAA,EAAAA,GAAA,EAAA;AAAElC,IAAAA,CAAAA,MAAAiC,EAAAA;AAAAjC,IAAAA,CAAAA,MAAAkC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAD,IAAAA,EAAAA,GAAAjC,EAAA,CAAA,CAAA;AAAAkC,IAAAA,EAAAA,GAAAlC,EAAA,CAAA,CAAA;AAAA,EAAA;AAJLwC,EAAAA,SAAAA,CAAUP,IAIPC,EAAE,CAAA;AAAC,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAzC,CAAAA,QAAA6B,SAAAA,EAAA;AAEgBY,IAAAA,EAAAA,GAAAC,CAAAA,YAAAA,KACpBb,SAAAA,GACIc,WAAAA,CAAYC,MAAAA,CAAOf,SAAAA,CAASgB,SAAU,CAAA,EAAGhB,SAAAA,CAASiB,WAC9B,CAAA,GAApBzB,YAAAA,CAAUjB,UAAAA;AAAWJ,IAAAA,CAAAA,MAAA6B,SAAAA;AAAA7B,IAAAA,CAAAA,MAAAyC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAzC,EAAA,CAAA,CAAA;AAAA,EAAA;AAH3B,EAAA,MAAA+C,aAAAA,GAAsBN,EAAAA;AAGM,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAhD,CAAAA,QAAA6B,SAAAA,EAAA;AAERmB,IAAAA,EAAAA,GAAAC,CAAAA,YAAAA,KAClBpB,SAAAA,GACIc,WAAAA,CAAYC,MAAAA,CAAOf,SAAAA,CAASqB,UAAW,CAAA,EAAGrB,SAAAA,CAASsB,YACjC,CAAA,GAAlB9B,YAAAA,CAAUhB,QAAAA;AAASL,IAAAA,CAAAA,MAAA6B,SAAAA;AAAA7B,IAAAA,CAAAA,MAAAgD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhD,EAAA,CAAA,CAAA;AAAA,EAAA;AAHzB,EAAA,MAAAoD,WAAAA,GAAoBJ,EAAAA;AAGM,EAAA,IAAAK,EAAAA;AAAA,EAAA,IAAArD,EAAA,CAAA,CAAA,KAAAuB,WAAAvB,CAAAA,QAAA4B,KAAAA,EAAA;AAERyB,IAAAA,EAAAA,GAAAA,MAAA;AAChB9B,MAAAA,OAAAA,IAAU;AAIVK,MAAAA,KAAAA,EAAM;AAAA,IAAC,CAAA;AACR5B,IAAAA,CAAAA,MAAAuB,OAAAA;AAAAvB,IAAAA,CAAAA,MAAA4B,KAAAA;AAAA5B,IAAAA,CAAAA,OAAAqD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAArD,EAAA,EAAA,CAAA;AAAA,EAAA;AAND,EAAA,MAAAO,SAAAA,GAAkB8C,EAAAA;AAUH,EAAA,MAAAC,KAAAjC,UAAAA,CAAUnB,SAAAA;AACZ,EAAA,MAAAqD,KAAAlC,UAAAA,CAAUlB,OAAAA;AAAQ,EAAA,IAAAqD,EAAAA;AAAA,EAAA,IAAAxD,EAAA,EAAA,CAAA,KAAA+C,iBAAA/C,CAAAA,SAAAqB,UAAAA,EAAA;AACfmC,IAAAA,EAAAA,GAAAT,cAAc1B,UAAU,CAAA;AAACrB,IAAAA,CAAAA,OAAA+C,aAAAA;AAAA/C,IAAAA,CAAAA,OAAAqB,UAAAA;AAAArB,IAAAA,CAAAA,OAAAwD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAxD,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAyD,GAAAA;AAAA,EAAA,IAAAzD,EAAA,EAAA,CAAA,KAAAoD,eAAApD,CAAAA,SAAAqB,UAAAA,EAAA;AAC3BoC,IAAAA,GAAAA,GAAAL,YAAY/B,UAAU,CAAA;AAACrB,IAAAA,CAAAA,OAAAoD,WAAAA;AAAApD,IAAAA,CAAAA,OAAAqB,UAAAA;AAAArB,IAAAA,CAAAA,OAAAyD,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAzD,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA0D,GAAAA;AAAA,EAAA,IAAA1D,CAAAA,CAAA,EAAA,CAAA,KAAA0B,UAAAA,IAAA1B,CAAAA,CAAA,EAAA,CAAA,KAAAe,KAAAA,IAAAf,CAAAA,CAAA,EAAA,CAAA,KAAAgB,WAAAA,IAAAhB,CAAAA,CAAA,EAAA,CAAA,KAAAa,YAAAA,IAAAb,CAAAA,CAAA,EAAA,CAAA,KAAAY,iBAAAA,IAAAZ,CAAAA,CAAA,EAAA,CAAA,KAAAO,SAAAA,IAAAP,CAAAA,CAAA,EAAA,CAAA,KAAAqB,UAAAA,CAAAnB,aAAAF,CAAAA,CAAA,EAAA,CAAA,KAAAqB,UAAAA,CAAAf,QAAAA,IAAAN,CAAAA,CAAA,EAAA,CAAA,KAAAqB,UAAAA,CAAAlB,OAAAA,IAAAH,CAAAA,CAAA,EAAA,CAAA,KAAAc,MAAAA,IAAAd,CAAAA,CAAA,EAAA,CAAA,KAAA2B,SAAAA,IAAA3B,CAAAA,CAAA,EAAA,CAAA,KAAAwB,IAAAA,IAAAxB,CAAAA,CAAA,EAAA,CAAA,KAAAyD,GAAAA,IAAAzD,CAAAA,CAAA,EAAA,CAAA,KAAAwD,EAAAA,IAAAxD,CAAAA,SAAAiB,aAAAA,EAAA;AAJnCyC,IAAAA,GAAAA,uBAAC,uBAAA,EAAA,EACY,SAAA,EAAAJ,EAAAA,EACF,OAAA,EAAAC,IACG,UAAA,EAAAC,EAAAA,EACF,QAAA,EAAAC,GAAAA,EACA,QAAA,EAAApC,UAAAA,CAAUf,UACTC,SAAAA,EACGmB,YAAAA,EAAAA,UAAAA,EACLC,OAAAA,aACGH,UAAAA,EAAAA,IAAAA,EACOZ,iBAAAA,EACLC,YAAAA,EACNC,MAAAA,EACDC,KAAAA,EACMC,WAAAA,EACEC,aAAAA,EAAa,CAAA;AAC5BjB,IAAAA,CAAAA,OAAA0B,UAAAA;AAAA1B,IAAAA,CAAAA,OAAAe,KAAAA;AAAAf,IAAAA,CAAAA,OAAAgB,WAAAA;AAAAhB,IAAAA,CAAAA,OAAAa,YAAAA;AAAAb,IAAAA,CAAAA,OAAAY,iBAAAA;AAAAZ,IAAAA,CAAAA,OAAAO,SAAAA;AAAAP,IAAAA,CAAAA,CAAA,EAAA,IAAAqB,UAAAA,CAAAnB,SAAAA;AAAAF,IAAAA,CAAAA,CAAA,EAAA,IAAAqB,UAAAA,CAAAf,QAAAA;AAAAN,IAAAA,CAAAA,CAAA,EAAA,IAAAqB,UAAAA,CAAAlB,OAAAA;AAAAH,IAAAA,CAAAA,OAAAc,MAAAA;AAAAd,IAAAA,CAAAA,OAAA2B,SAAAA;AAAA3B,IAAAA,CAAAA,OAAAwB,IAAAA;AAAAxB,IAAAA,CAAAA,OAAAyD,GAAAA;AAAAzD,IAAAA,CAAAA,OAAAwD,EAAAA;AAAAxD,IAAAA,CAAAA,OAAAiB,aAAAA;AAAAjB,IAAAA,CAAAA,OAAA0D,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAA1D,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAhBF0D,GAAAA;AAgBE;AAIC,MAAMC,gCAAgCC,CAAAA,KAAAA,KAAA;AAAA,EAAA,MAAA5D,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAG3C4D,EAAAA,mBAAAA,EAAoB;AAAC,EAAA,IAAA9D,EAAAA;AAAA,EAAA,IAAAC,CAAAA,QAAA4D,KAAAA,EAAA;AACd7D,IAAAA,EAAAA,mBAAA,GAAA,CAAC,2BAAA,EAAA,EAA2B,GAAK6D,KAAAA,EAAK,CAAA;AAAI5D,IAAAA,CAAAA,MAAA4D,KAAAA;AAAA5D,IAAAA,CAAAA,MAAAD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAA1CD,EAAAA;AAA0C;;;;"}

package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.d.ts

@@ -1,8 +1,14 @@
-import { SubmitOtcOrderResult } from '../../../hooks/otc/tradeFlow/useOtcOrderFlow';
-import { TradeOverviewProps } from './TradeOverview';
+import { SubmitOtcOrderResult, UserDefinedOtcPrice } from '../../../hooks/otc/tradeFlow/useOtcOrderFlow';
+import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { OtcOrderStepKey } from './steps';
 import { OtcOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 type OtcOrderTradeOverviewProps = Pick<TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "onCancelOrder" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType">;
 export declare function OtcOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancelFlow, onRetry, onCancelOrder, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: OtcOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type OtcOrderTradeOverviewScreenProps = {
+    orderProps: MinTradeOverviewProps;
+    otcPrice: UserDefinedOtcPrice;
+    onClose?: () => void;
+};
+export declare function OtcOrderTradeOverviewScreen({ orderProps: orderPropsFromForm, otcPrice: otcPriceFromForm, onClose, }: OtcOrderTradeOverviewScreenProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=OtcOrderTradeOverview.d.ts.map

package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,KAAK,0BAA0B,GAAG,IAAI,CACpC,kBAAkB,CAAC,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,0BAA0B,2CAuB5B"}
+{"version":3,"file":"OtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAO5E,KAAK,0BAA0B,GAAG,IAAI,CACpC,kBAAkB,CAAC,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,0BAA0B,2CAuB5B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GACR,EAAE,gCAAgC,2CAuElC"}

package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.js

@@ -2,6 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { TradeOverview } from './TradeOverview.js';
 import { OtcOrderSteps } from './steps.js';
+import { formatUnits } from 'viem/utils';
+import { useOtcOrderStep } from '../../../hooks/otc/tradeFlow/useOtcOrderStep.js';
+import { addPreWrapToOrderProps } from './utils/preWrap.js';
+import { useRef, useEffect } from 'react';
+import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
 
 function OtcOrderTradeOverview(t0) {
   const $ = distExports.c(18);
@@ -50,6 +55,101 @@ function OtcOrderTradeOverview(t0) {
   }
   return t1;
 }
+function OtcOrderTradeOverviewScreen(t0) {
+  const $ = distExports.c(21);
+  const {
+    orderProps: orderPropsFromForm,
+    otcPrice: otcPriceFromForm,
+    onClose
+  } = t0;
+  const {
+    orderProps,
+    userDefinedPrice: otcPrice
+  } = addPreWrapToOrderProps({
+    orderProps: orderPropsFromForm,
+    priceMode: "userInputOrder",
+    userDefinedPrice: otcPriceFromForm
+  });
+  const {
+    step,
+    orderCancellationStep,
+    startOtcOrder,
+    cancelOtcOrder,
+    cancelFlow,
+    retryFlow,
+    isFlowCancellable,
+    isOrderCancellable,
+    reset,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = useOtcOrderStep({
+    otcPrice,
+    preWrapETH: orderProps?.preWrapETH
+  });
+  const startOtcOrderRef = useRef(startOtcOrder);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      startOtcOrderRef.current({
+        onTxSent: handleTxSent
+      });
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  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 t3;
+  if ($[2] !== onClose || $[3] !== reset) {
+    t3 = () => {
+      onClose?.();
+      reset();
+    };
+    $[2] = onClose;
+    $[3] = reset;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const onDismiss = t3;
+  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : void 0;
+  const T0 = OtcOrderTradeOverview;
+  const t4 = orderProps.fromToken;
+  const t5 = orderProps.toToken;
+  const t6 = getFromAmount(orderProps);
+  const t7 = getToAmount(orderProps);
+  let t8;
+  if ($[5] !== T0 || $[6] !== cancelFlow || $[7] !== error || $[8] !== erroredStep || $[9] !== isFlowCancellable || $[10] !== onCancelOrder || $[11] !== onDismiss || $[12] !== orderCancellationStep || $[13] !== orderProps || $[14] !== result || $[15] !== retryFlow || $[16] !== step || $[17] !== t6 || $[18] !== t7 || $[19] !== tradeFlowType) {
+    t8 = /* @__PURE__ */ jsx(T0, { fromToken: t4, toToken: t5, fromAmount: t6, toAmount: t7, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, result, error, erroredStep, tradeFlowType });
+    $[5] = T0;
+    $[6] = cancelFlow;
+    $[7] = error;
+    $[8] = erroredStep;
+    $[9] = isFlowCancellable;
+    $[10] = onCancelOrder;
+    $[11] = onDismiss;
+    $[12] = orderCancellationStep;
+    $[13] = orderProps;
+    $[14] = result;
+    $[15] = retryFlow;
+    $[16] = step;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = tradeFlowType;
+    $[20] = t8;
+  } else {
+    t8 = $[20];
+  }
+  return t8;
+}
 
-export { OtcOrderTradeOverview };
+export { OtcOrderTradeOverview, OtcOrderTradeOverviewScreen };
 //# sourceMappingURL=OtcOrderTradeOverview.js.map

package/dist/components/widget/TradeOverview/OtcOrderTradeOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitOtcOrderResult } from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"onCancelOrder\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={OtcOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps"],"mappings":";;;;;AA0BO,SAAAA,sBAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAA+B,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,qBAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAnB,EAAAA;AAkBT,EAAA,IAAAoB,EAAAA;AAAA,EAAA,IAAAnB,CAAAA,CAAA,CAAA,CAAA,KAAAW,UAAAA,IAAAX,CAAAA,CAAA,CAAA,CAAA,KAAAgB,KAAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAiB,WAAAA,IAAAjB,EAAA,CAAA,CAAA,KAAAc,YAAAA,IAAAd,CAAAA,CAAA,CAAA,CAAA,KAAAI,UAAAA,IAAAJ,CAAAA,QAAAE,SAAAA,IAAAF,CAAAA,CAAA,CAAA,CAAA,KAAAa,iBAAAA,IAAAb,CAAAA,CAAA,CAAA,MAAAQ,YAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAU,aAAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAAM,aAAAN,CAAAA,CAAA,EAAA,CAAA,KAAAO,MAAAA,IAAAP,CAAAA,CAAA,EAAA,CAAA,KAAAS,OAAAA,IAAAT,EAAA,EAAA,CAAA,KAAAY,qBAAAA,IAAAZ,CAAAA,CAAA,EAAA,CAAA,KAAAe,MAAAA,IAAAf,CAAAA,CAAA,EAAA,CAAA,KAAAK,QAAAA,IAAAL,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,IAAAH,CAAAA,SAAAkB,aAAAA,EAAA;AAEzBC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,iBACYjB,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHe,KAAAA,iBACKT,UAAAA,EACWC,qBAAAA,EACZN,WACHC,MAAAA,EACMC,YAAAA,EACLC,SACMC,aAAAA,EACIG,iBAAAA,EACLC,cACNC,MAAAA,EACDC,KAAAA,EACMC,aACEC,aAAAA,EAAa,CAAA;AAC5BlB,IAAAA,CAAAA,MAAAW,UAAAA;AAAAX,IAAAA,CAAAA,MAAAgB,KAAAA;AAAAhB,IAAAA,CAAAA,MAAAiB,WAAAA;AAAAjB,IAAAA,CAAAA,MAAAc,YAAAA;AAAAd,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAa,iBAAAA;AAAAb,IAAAA,CAAAA,MAAAQ,YAAAA;AAAAR,IAAAA,CAAAA,MAAAU,aAAAA;AAAAV,IAAAA,CAAAA,MAAAM,SAAAA;AAAAN,IAAAA,CAAAA,OAAAO,MAAAA;AAAAP,IAAAA,CAAAA,OAAAS,OAAAA;AAAAT,IAAAA,CAAAA,OAAAY,qBAAAA;AAAAZ,IAAAA,CAAAA,OAAAe,MAAAA;AAAAf,IAAAA,CAAAA,OAAAK,QAAAA;AAAAL,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAkB,aAAAA;AAAAlB,IAAAA,CAAAA,OAAAmB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAnBFmB,EAAAA;AAmBE;;;;"}
+{"version":3,"file":"OtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitOtcOrderResult,\n  UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOrderProps } from \"./utils/preWrap\";\nimport { useEffect, useRef } from \"react\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"onCancelOrder\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  onCancelOrder,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={OtcOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      onCancelOrder={onCancelOrder}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  otcPrice: UserDefinedOtcPrice;\n  onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  otcPrice: otcPriceFromForm,\n  onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOrderProps({\n    orderProps: orderPropsFromForm,\n    priceMode: \"userInputOrder\",\n    userDefinedPrice: otcPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startOtcOrder,\n    cancelOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useOtcOrderStep({\n    otcPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  const startOtcOrderRef = useRef(startOtcOrder);\n  useEffect(() => {\n    startOtcOrderRef.current({\n      onTxSent: handleTxSent,\n    });\n  }, []);\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n  return (\n    <OtcOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onRetry={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps","OtcOrderTradeOverviewScreen","orderProps","orderPropsFromForm","otcPrice","otcPriceFromForm","onClose","userDefinedPrice","addPreWrapToOrderProps","priceMode","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","useOtcOrderStep","preWrapETH","startOtcOrderRef","useRef","t2","Symbol","for","current","onTxSent","handleTxSent","useEffect","getFromAmount","orderProps_0","formatUnits","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t3","undefined","T0","t4","t5","t6","t7","t8"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,EACL,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CACtD,CAAC;AAkDF,eAAO,MAAM,YAAY,+CAUxB,CAAC"}
+{"version":3,"file":"TradeDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAKlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,EACL,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CACtD,CAAC;AA0DF,eAAO,MAAM,YAAY,+CAaxB,CAAC"}

package/dist/components/widget/TradeOverview/TradeDetails.js

@@ -9,123 +9,150 @@ const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 const TradeDetailsBase = (t0) => {
-  const $ = distExports.c(22);
+  const $ = distExports.c(30);
   const {
     fromToken,
     toToken,
     fromAmount,
-    toAmount
+    toAmount,
+    swapSide: t1
   } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
+  const swapSide = t1 === void 0 ? "SELL" : t1;
+  const isSell = swapSide === "SELL";
+  const fromTokenLabel = isSell ? "Swap" : "Swap (at least)";
+  const toTokenLabel = isSell ? "For (at least)" : "For";
   let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: "Swap" });
-    $[1] = t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
+    $[0] = t2;
   } else {
-    t2 = $[1];
+    t2 = $[0];
   }
-  const t3 = fromToken.address;
-  const t4 = fromToken.network;
-  const t5 = fromToken.img;
-  const t6 = fromToken.symbol;
-  let t7;
-  if ($[2] !== fromAmount) {
-    t7 = formatTokenAmount(fromAmount);
-    $[2] = fromAmount;
-    $[3] = t7;
+  let t3;
+  if ($[1] !== fromTokenLabel) {
+    t3 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: fromTokenLabel });
+    $[1] = fromTokenLabel;
+    $[2] = t3;
   } else {
-    t7 = $[3];
+    t3 = $[2];
   }
+  const t4 = fromToken.address;
+  const t5 = fromToken.network;
+  const t6 = fromToken.img;
+  const t7 = fromToken.symbol;
   let t8;
-  if ($[4] !== fromToken.address || $[5] !== fromToken.img || $[6] !== fromToken.network || $[7] !== fromToken.symbol || $[8] !== t7) {
-    t8 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      t2,
-      /* @__PURE__ */ jsx(TokenBadge, { address: t3, chainId: t4, img: t5, symbol: t6, showNetworkIcon: true, amount: t7, classes: badgeClasses })
-    ] });
-    $[4] = fromToken.address;
-    $[5] = fromToken.img;
-    $[6] = fromToken.network;
-    $[7] = fromToken.symbol;
-    $[8] = t7;
-    $[9] = t8;
+  if ($[3] !== fromAmount) {
+    t8 = formatTokenAmount(fromAmount);
+    $[3] = fromAmount;
+    $[4] = t8;
   } else {
-    t8 = $[9];
+    t8 = $[4];
   }
   let t9;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: "For (at least)" });
+  if ($[5] !== fromToken.address || $[6] !== fromToken.img || $[7] !== fromToken.network || $[8] !== fromToken.symbol || $[9] !== t8) {
+    t9 = /* @__PURE__ */ jsx(TokenBadge, { address: t4, chainId: t5, img: t6, symbol: t7, showNetworkIcon: true, amount: t8, classes: badgeClasses });
+    $[5] = fromToken.address;
+    $[6] = fromToken.img;
+    $[7] = fromToken.network;
+    $[8] = fromToken.symbol;
+    $[9] = t8;
     $[10] = t9;
   } else {
     t9 = $[10];
   }
-  const t10 = toToken.address;
-  const t11 = toToken.network;
-  const t12 = toToken.img;
-  const t13 = toToken.symbol;
-  let t14;
-  if ($[11] !== toAmount) {
-    t14 = formatTokenAmount(toAmount);
-    $[11] = toAmount;
-    $[12] = t14;
+  let t10;
+  if ($[11] !== t3 || $[12] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      t3,
+      t9
+    ] });
+    $[11] = t3;
+    $[12] = t9;
+    $[13] = t10;
+  } else {
+    t10 = $[13];
+  }
+  let t11;
+  if ($[14] !== toTokenLabel) {
+    t11 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: toTokenLabel });
+    $[14] = toTokenLabel;
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  const t12 = toToken.address;
+  const t13 = toToken.network;
+  const t14 = toToken.img;
+  const t15 = toToken.symbol;
+  let t16;
+  if ($[16] !== toAmount) {
+    t16 = formatTokenAmount(toAmount);
+    $[16] = toAmount;
+    $[17] = t16;
   } else {
-    t14 = $[12];
+    t16 = $[17];
   }
-  let t15;
-  if ($[13] !== t14 || $[14] !== toToken.address || $[15] !== toToken.img || $[16] !== toToken.network || $[17] !== toToken.symbol) {
-    t15 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      t9,
-      /* @__PURE__ */ jsx(TokenBadge, { address: t10, chainId: t11, img: t12, symbol: t13, showNetworkIcon: true, amount: t14, classes: badgeClasses })
+  let t17;
+  if ($[18] !== t16 || $[19] !== toToken.address || $[20] !== toToken.img || $[21] !== toToken.network || $[22] !== toToken.symbol) {
+    t17 = /* @__PURE__ */ jsx(TokenBadge, { address: t12, chainId: t13, img: t14, symbol: t15, showNetworkIcon: true, amount: t16, classes: badgeClasses });
+    $[18] = t16;
+    $[19] = toToken.address;
+    $[20] = toToken.img;
+    $[21] = toToken.network;
+    $[22] = toToken.symbol;
+    $[23] = t17;
+  } else {
+    t17 = $[23];
+  }
+  let t18;
+  if ($[24] !== t11 || $[25] !== t17) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      t11,
+      t17
     ] });
-    $[13] = t14;
-    $[14] = toToken.address;
-    $[15] = toToken.img;
-    $[16] = toToken.network;
-    $[17] = toToken.symbol;
-    $[18] = t15;
+    $[24] = t11;
+    $[25] = t17;
+    $[26] = t18;
   } else {
-    t15 = $[18];
+    t18 = $[26];
   }
-  let t16;
-  if ($[19] !== t15 || $[20] !== t8) {
-    t16 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5", children: [
-      t1,
+  let t19;
+  if ($[27] !== t10 || $[28] !== t18) {
+    t19 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5", children: [
+      t2,
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-[8px] px-[16px]", children: [
-        t8,
-        t15
+        t10,
+        t18
       ] })
     ] });
-    $[19] = t15;
-    $[20] = t8;
-    $[21] = t16;
+    $[27] = t10;
+    $[28] = t18;
+    $[29] = t19;
   } else {
-    t16 = $[21];
+    t19 = $[29];
   }
-  return t16;
+  return t19;
 };
 const TradeDetails = () => {
-  const $ = distExports.c(5);
+  const $ = distExports.c(6);
   const {
     fromToken,
     toToken,
     fromAmount,
-    toAmount
+    toAmount,
+    swapSide
   } = useTradeFlowContext();
   let t0;
-  if ($[0] !== fromAmount || $[1] !== fromToken || $[2] !== toAmount || $[3] !== toToken) {
-    t0 = /* @__PURE__ */ jsx(TradeDetailsBase, { fromToken, toToken, fromAmount, toAmount });
+  if ($[0] !== fromAmount || $[1] !== fromToken || $[2] !== swapSide || $[3] !== toAmount || $[4] !== toToken) {
+    t0 = /* @__PURE__ */ jsx(TradeDetailsBase, { fromToken, toToken, fromAmount, toAmount, swapSide });
     $[0] = fromAmount;
     $[1] = fromToken;
-    $[2] = toAmount;
-    $[3] = toToken;
-    $[4] = t0;
+    $[2] = swapSide;
+    $[3] = toAmount;
+    $[4] = toToken;
+    $[5] = t0;
   } else {
-    t0 = $[4];
+    t0 = $[5];
   }
   return t0;
 };