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

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

@@ -2,14 +2,22 @@ import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { TradeOverview } from './TradeOverview.js';
 import { DeltaOrderSteps } from './steps.js';
+import { formatUnits } from 'viem/utils';
+import { useDeltaSwapStep } from '../../../hooks/swap/tradeFlow/useDeltaSwapStep.js';
+import { addPreWrapToOrderProps } from './utils/preWrap.js';
+import { useRef, useEffect } from 'react';
+import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
+import { addDeltaOrderToast } from '../../../lib/utils/toasts.js';
+import { useCurrentSwapPrice } from '../../../hooks/swap/prices/useSwapPrices.js';
 
 function DeltaOrderTradeOverview(t0) {
-  const $ = distExports.c(16);
+  const $ = distExports.c(17);
   const {
     fromToken,
     toToken,
     fromAmount,
     toAmount,
+    swapSide,
     onDismiss,
     onHelp,
     onCancelFlow,
@@ -23,8 +31,8 @@ function DeltaOrderTradeOverview(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: DeltaOrderSteps, 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: DeltaOrderSteps, activeStep, onDismiss, onHelp, onCancelFlow, onRetry, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
     $[0] = activeStep;
     $[1] = error;
     $[2] = erroredStep;
@@ -37,15 +45,136 @@ function DeltaOrderTradeOverview(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 DeltaOrderTradeOverviewFlow(t0) {
+  const $ = distExports.c(26);
+  const {
+    orderProps: orderPropsFromForm,
+    deltaPrice,
+    onClose
+  } = t0;
+  const orderProps = addPreWrapToOrderProps({
+    orderProps: orderPropsFromForm,
+    priceMode: "delta"
+  }).orderProps;
+  const {
+    step,
+    startDeltaSwap,
+    cancelFlow,
+    retryFlow,
+    isFlowCancellable,
+    reset,
+    explorerLink,
+    result,
+    usedPrice,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = useDeltaSwapStep({
+    deltaPrice,
+    preWrapETH: orderProps?.preWrapETH
+  });
+  const startDeltaSwapRef = useRef(startDeltaSwap);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      startDeltaSwapRef.current({
+        onTxSent: handleTxSent,
+        onOrderSent: addDeltaOrderToast
+      });
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  let t3;
+  if ($[2] !== usedPrice) {
+    t3 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
+    $[2] = usedPrice;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const getFromAmount = t3;
+  let t4;
+  if ($[4] !== usedPrice) {
+    t4 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.receivedDestAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
+    $[4] = usedPrice;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const getToAmount = t4;
+  let t5;
+  if ($[6] !== onClose || $[7] !== reset) {
+    t5 = () => {
+      onClose?.();
+      reset();
+    };
+    $[6] = onClose;
+    $[7] = reset;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const onDismiss = t5;
+  const T0 = DeltaOrderTradeOverview;
+  const t6 = orderProps.fromToken;
+  const t7 = orderProps.toToken;
+  const t8 = getFromAmount(orderProps);
+  const t9 = getToAmount(orderProps);
+  let t10;
+  if ($[9] !== T0 || $[10] !== cancelFlow || $[11] !== error || $[12] !== erroredStep || $[13] !== explorerLink || $[14] !== isFlowCancellable || $[15] !== onDismiss || $[16] !== orderProps.fromToken || $[17] !== orderProps.swapSide || $[18] !== orderProps.toToken || $[19] !== result || $[20] !== retryFlow || $[21] !== step || $[22] !== t8 || $[23] !== t9 || $[24] !== tradeFlowType) {
+    t10 = /* @__PURE__ */ jsx(T0, { fromToken: t6, toToken: t7, fromAmount: t8, toAmount: t9, swapSide: orderProps.swapSide, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[9] = T0;
+    $[10] = cancelFlow;
+    $[11] = error;
+    $[12] = erroredStep;
+    $[13] = explorerLink;
+    $[14] = isFlowCancellable;
+    $[15] = onDismiss;
+    $[16] = orderProps.fromToken;
+    $[17] = orderProps.swapSide;
+    $[18] = orderProps.toToken;
+    $[19] = result;
+    $[20] = retryFlow;
+    $[21] = step;
+    $[22] = t8;
+    $[23] = t9;
+    $[24] = tradeFlowType;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  return t10;
+}
+const DeltaOrderTradeOverviewScreen = (props) => {
+  const $ = distExports.c(2);
+  useCurrentSwapPrice();
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsx(DeltaOrderTradeOverviewFlow, { ...props });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
 
-export { DeltaOrderTradeOverview };
+export { DeltaOrderTradeOverview, DeltaOrderTradeOverviewScreen };
 //# sourceMappingURL=DeltaOrderTradeOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\n  >,\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 DeltaOrderTradeOverview({\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}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={DeltaOrderSteps}\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":["DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderSteps"],"mappings":";;;;;AA4BO,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":"DeltaOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitDeltaOrderResult } from \"@/hooks/swap/tradeFlow/useDeltaFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { DeltaOrderSteps, type DeltaOrderStepKey } from \"./steps\";\nimport type { DeltaSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useDeltaSwapStep } from \"@/hooks/swap/tradeFlow/useDeltaSwapStep\";\nimport type { BridgePrice, DeltaPrice } from \"@velora-dex/sdk\";\nimport { addPreWrapToOrderProps } from \"./utils/preWrap\";\nimport { useEffect, useRef } from \"react\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { addDeltaOrderToast } from \"@/lib/utils/toasts\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\n\ntype DeltaOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    DeltaOrderStepKey,\n    SubmitDeltaOrderResult,\n    DeltaSwapFlowType\n  >,\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 DeltaOrderTradeOverview({\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}: DeltaOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<DeltaOrderStepKey, SubmitDeltaOrderResult, DeltaSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={DeltaOrderSteps}\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 DeltaOrderTradeOverviewFlowProps = {\n  orderProps: MinTradeOverviewProps;\n  deltaPrice: DeltaPrice | BridgePrice;\n  onClose?: () => void;\n};\n\nfunction DeltaOrderTradeOverviewFlow({\n  orderProps: orderPropsFromForm,\n  deltaPrice,\n  onClose,\n}: DeltaOrderTradeOverviewFlowProps) {\n  const orderProps = addPreWrapToOrderProps({\n    orderProps: orderPropsFromForm,\n    priceMode: \"delta\",\n  }).orderProps;\n\n  const {\n    step,\n    startDeltaSwap,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useDeltaSwapStep({\n    deltaPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  const startDeltaSwapRef = useRef(startDeltaSwap);\n  useEffect(() => {\n    startDeltaSwapRef.current({\n      onTxSent: handleTxSent,\n      onOrderSent: addDeltaOrderToast,\n    });\n  }, []);\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    usedPrice\n      ? formatUnits(BigInt(usedPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    usedPrice\n      ? formatUnits(\n          BigInt(usedPrice.receivedDestAmount),\n          orderProps.toToken.decimals\n        )\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    <DeltaOrderTradeOverview\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 DeltaOrderTradeOverviewScreen = (\n  props: DeltaOrderTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <DeltaOrderTradeOverviewFlow {...props} />;\n};\n"],"names":["DeltaOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","DeltaOrderSteps","DeltaOrderTradeOverviewFlow","orderProps","orderPropsFromForm","deltaPrice","onClose","addPreWrapToOrderProps","priceMode","step","startDeltaSwap","cancelFlow","retryFlow","reset","usedPrice","useDeltaSwapStep","preWrapETH","startDeltaSwapRef","useRef","t2","Symbol","for","current","onTxSent","handleTxSent","onOrderSent","addDeltaOrderToast","useEffect","t3","orderProps_0","formatUnits","BigInt","srcAmount","decimals","getFromAmount","t4","orderProps_1","receivedDestAmount","getToAmount","t5","T0","t6","t7","t8","t9","t10","DeltaOrderTradeOverviewScreen","props","useCurrentSwapPrice"],"mappings":"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"}

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

@@ -2,7 +2,13 @@ import { SubmitFillOtcOrderResult } from '../../../hooks/otc/tradeFlow/useFillOt
 import { TradeOverviewProps } from './TradeOverview';
 import { FillOtcOrderStepKey } from './steps';
 import { FillOtcOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
+import { FillableOtcOrderItem } from '../OtcOrderItem/types';
 type FillOtcOrderTradeOverviewProps = Pick<TradeOverviewProps<FillOtcOrderStepKey, SubmitFillOtcOrderResult, FillOtcOrderFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType">;
 export declare function FillOtcOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancelFlow, onRetry, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: FillOtcOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type FillOtcOrderTradeOverviewScreenProps = {
+    fillableOrder: FillableOtcOrderItem;
+    onClose?: () => void;
+};
+export declare function FillOtcOrderTradeOverviewScreen({ fillableOrder, onClose, }: FillOtcOrderTradeOverviewScreenProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FillOtcOrderTradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FillOtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAEhF,KAAK,8BAA8B,GAAG,IAAI,CACxC,kBAAkB,CAChB,mBAAmB,EACnB,wBAAwB,EACxB,oBAAoB,CACrB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,8BAA8B,2CAyBhC"}
+{"version":3,"file":"FillOtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAC1F,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAIhF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAElE,KAAK,8BAA8B,GAAG,IAAI,CACxC,kBAAkB,CAChB,mBAAmB,EACnB,wBAAwB,EACxB,oBAAoB,CACrB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,8BAA8B,2CAyBhC;AAED,MAAM,MAAM,oCAAoC,GAAG;IACjD,aAAa,EAAE,oBAAoB,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,+BAA+B,CAAC,EAC9C,aAAa,EACb,OAAO,GACR,EAAE,oCAAoC,2CAiDtC"}

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

@@ -2,6 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { TradeOverview } from './TradeOverview.js';
 import { FillOtcOrderSteps } from './steps.js';
+import { useFillOtcOrderStep } from '../../../hooks/otc/tradeFlow/useFillOtcOrderStep.js';
+import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
+import { useRef, useEffect } from 'react';
 
 function FillOtcOrderTradeOverview(t0) {
   const $ = distExports.c(16);
@@ -46,6 +49,88 @@ function FillOtcOrderTradeOverview(t0) {
   }
   return t1;
 }
+function FillOtcOrderTradeOverviewScreen(t0) {
+  const $ = distExports.c(22);
+  const {
+    fillableOrder,
+    onClose
+  } = t0;
+  let t1;
+  if ($[0] !== fillableOrder) {
+    t1 = {
+      order: fillableOrder
+    };
+    $[0] = fillableOrder;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    step,
+    startFillOtcOrder,
+    cancelFlow,
+    retryFlow,
+    isFlowCancellable,
+    reset,
+    explorerLink,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = useFillOtcOrderStep(t1);
+  const startFillOtcOrderRef = useRef(startFillOtcOrder);
+  let t2;
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      startFillOtcOrderRef.current({
+        onTxSent: handleTxSent
+      });
+    };
+    t3 = [];
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  let t4;
+  if ($[4] !== onClose || $[5] !== reset) {
+    t4 = () => {
+      onClose?.();
+      reset();
+    };
+    $[4] = onClose;
+    $[5] = reset;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const onDismiss = t4;
+  let t5;
+  if ($[7] !== cancelFlow || $[8] !== error || $[9] !== erroredStep || $[10] !== explorerLink || $[11] !== fillableOrder.extra.destAmountUnit || $[12] !== fillableOrder.extra.destToken || $[13] !== fillableOrder.extra.srcAmountUnit || $[14] !== fillableOrder.extra.srcToken || $[15] !== isFlowCancellable || $[16] !== onDismiss || $[17] !== result || $[18] !== retryFlow || $[19] !== step || $[20] !== tradeFlowType) {
+    t5 = /* @__PURE__ */ jsx(FillOtcOrderTradeOverview, { fromToken: fillableOrder.extra.srcToken, toToken: fillableOrder.extra.destToken, fromAmount: fillableOrder.extra.srcAmountUnit, toAmount: fillableOrder.extra.destAmountUnit, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, activeStep: step, isFlowCancellable, result, error, erroredStep, tradeFlowType, explorerLink });
+    $[7] = cancelFlow;
+    $[8] = error;
+    $[9] = erroredStep;
+    $[10] = explorerLink;
+    $[11] = fillableOrder.extra.destAmountUnit;
+    $[12] = fillableOrder.extra.destToken;
+    $[13] = fillableOrder.extra.srcAmountUnit;
+    $[14] = fillableOrder.extra.srcToken;
+    $[15] = isFlowCancellable;
+    $[16] = onDismiss;
+    $[17] = result;
+    $[18] = retryFlow;
+    $[19] = step;
+    $[20] = tradeFlowType;
+    $[21] = t5;
+  } else {
+    t5 = $[21];
+  }
+  return t5;
+}
 
-export { FillOtcOrderTradeOverview };
+export { FillOtcOrderTradeOverview, FillOtcOrderTradeOverviewScreen };
 //# sourceMappingURL=FillOtcOrderTradeOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FillOtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { FillOtcOrderSteps, type FillOtcOrderStepKey } from \"./steps\";\nimport type { FillOtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype FillOtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    FillOtcOrderStepKey,\n    SubmitFillOtcOrderResult,\n    FillOtcOrderFlowType\n  >,\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 FillOtcOrderTradeOverview({\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}: FillOtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      FillOtcOrderStepKey,\n      SubmitFillOtcOrderResult,\n      FillOtcOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={FillOtcOrderSteps}\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":["FillOtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","FillOtcOrderSteps"],"mappings":";;;;;AA4BO,SAAAA,0BAAAC,EAAAA,EAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAmC,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;AAE7BC,IAAAA,EAAAA,uBAAC,aAAA,EAAA,EAKYf,SAAAA,EACFC,SACGC,UAAAA,EACFC,QAAAA,EACHa,OAAAA,iBAAAA,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,OArBFiB,EAAAA;AAqBE;;;;"}
+{"version":3,"file":"FillOtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/FillOtcOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitFillOtcOrderResult } from \"@/hooks/otc/tradeFlow/useFillOtcOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { FillOtcOrderSteps, type FillOtcOrderStepKey } from \"./steps\";\nimport type { FillOtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useFillOtcOrderStep } from \"@/hooks/otc/tradeFlow/useFillOtcOrderStep\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useEffect, useRef } from \"react\";\nimport type { FillableOtcOrderItem } from \"../OtcOrderItem/types\";\n\ntype FillOtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    FillOtcOrderStepKey,\n    SubmitFillOtcOrderResult,\n    FillOtcOrderFlowType\n  >,\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 FillOtcOrderTradeOverview({\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}: FillOtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      FillOtcOrderStepKey,\n      SubmitFillOtcOrderResult,\n      FillOtcOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={FillOtcOrderSteps}\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 FillOtcOrderTradeOverviewScreenProps = {\n  fillableOrder: FillableOtcOrderItem;\n  onClose?: () => void;\n};\n\nexport function FillOtcOrderTradeOverviewScreen({\n  fillableOrder,\n  onClose,\n}: FillOtcOrderTradeOverviewScreenProps) {\n  const {\n    step,\n    startFillOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useFillOtcOrderStep({\n    order: fillableOrder,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  const startFillOtcOrderRef = useRef(startFillOtcOrder);\n  useEffect(() => {\n    startFillOtcOrderRef.current({\n      onTxSent: handleTxSent,\n    });\n  }, []);\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  return (\n    <FillOtcOrderTradeOverview\n      fromToken={fillableOrder.extra.srcToken}\n      toToken={fillableOrder.extra.destToken}\n      fromAmount={fillableOrder.extra.srcAmountUnit}\n      toAmount={fillableOrder.extra.destAmountUnit}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onRetry={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      explorerLink={explorerLink}\n    />\n  );\n}\n"],"names":["FillOtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","FillOtcOrderSteps","FillOtcOrderTradeOverviewScreen","fillableOrder","onClose","order","step","startFillOtcOrder","cancelFlow","retryFlow","reset","useFillOtcOrderStep","startFillOtcOrderRef","useRef","t2","t3","Symbol","for","current","onTxSent","handleTxSent","useEffect","t4","t5","extra","destAmountUnit","destToken","srcAmountUnit","srcToken"],"mappings":"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"}

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

@@ -1,8 +1,14 @@
-import { SubmitLimitOrderResult } from '../../../hooks/swap/tradeFlow/useLimitOrderFlow';
-import { TradeOverviewProps } from './TradeOverview';
+import { SubmitLimitOrderResult, UserDefinedLimitPrice } from '../../../hooks/swap/tradeFlow/useLimitOrderFlow';
+import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { LimitOrderStepKey } from './steps';
 import { LimitOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 type LimitOrderTradeOverviewProps = Pick<TradeOverviewProps<LimitOrderStepKey, SubmitLimitOrderResult, LimitOrderFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "onCancelOrder" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType">;
 export declare function LimitOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancelFlow, onRetry, onCancelOrder, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: LimitOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type LimitOrderTradeOverviewScreenProps = {
+    orderProps: MinTradeOverviewProps;
+    limitPrice: UserDefinedLimitPrice;
+    onClose?: () => void;
+};
+export declare function LimitOrderTradeOverviewScreen({ orderProps: orderPropsFromForm, limitPrice: limitPriceFromForm, onClose, }: LimitOrderTradeOverviewScreenProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=LimitOrderTradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AACvF,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,CACnB,EACC,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,uBAAuB,CAAC,EACtC,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,4BAA4B,2CA2B9B"}
+{"version":3,"file":"LimitOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAO9E,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,kBAAkB,CACnB,EACC,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,uBAAuB,CAAC,EACtC,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,4BAA4B,2CA2B9B;AAED,MAAM,MAAM,kCAAkC,GAAG;IAC/C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,6BAA6B,CAAC,EAC5C,UAAU,EAAE,kBAAkB,EAC9B,UAAU,EAAE,kBAAkB,EAC9B,OAAO,GACR,EAAE,kCAAkC,2CAyEpC"}

package/dist/components/widget/TradeOverview/LimitOrderTradeOverview.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 { LimitOrderSteps } from './steps.js';
+import { useRef, useEffect } from 'react';
+import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
+import { useLimitOrderStep } from '../../../hooks/swap/tradeFlow/useLimitOrderStep.js';
+import { addPreWrapToOrderProps } from './utils/preWrap.js';
+import { formatUnits } from 'viem/utils';
 
 function LimitOrderTradeOverview(t0) {
   const $ = distExports.c(18);
@@ -50,6 +55,103 @@ function LimitOrderTradeOverview(t0) {
   }
   return t1;
 }
+function LimitOrderTradeOverviewScreen(t0) {
+  const $ = distExports.c(22);
+  const {
+    orderProps: orderPropsFromForm,
+    limitPrice: limitPriceFromForm,
+    onClose
+  } = t0;
+  const {
+    orderProps,
+    userDefinedPrice: limitPrice
+  } = addPreWrapToOrderProps({
+    orderProps: orderPropsFromForm,
+    priceMode: "userInputOrder",
+    userDefinedPrice: limitPriceFromForm
+  });
+  const {
+    step,
+    orderCancellationStep,
+    startLimitOrder,
+    cancelLimitOrder,
+    cancelFlow,
+    retryFlow,
+    isFlowCancellable,
+    isOrderCancellable,
+    reset,
+    explorerLink,
+    result,
+    error,
+    erroredStep,
+    tradeFlowType
+  } = useLimitOrderStep({
+    limitPrice,
+    preWrapETH: orderProps?.preWrapETH
+  });
+  const startLimitOrderRef = useRef(startLimitOrder);
+  let t1;
+  let t2;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
+      startLimitOrderRef.current({
+        onTxSent: handleTxSent
+      });
+    };
+    t2 = [];
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t1 = $[0];
+    t2 = $[1];
+  }
+  useEffect(t1, t2);
+  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 t3;
+  if ($[2] !== onClose || $[3] !== reset) {
+    t3 = () => {
+      onClose?.();
+      reset();
+    };
+    $[2] = onClose;
+    $[3] = reset;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const onDismiss = t3;
+  const onCancelOrder = isOrderCancellable ? cancelLimitOrder : void 0;
+  const T0 = LimitOrderTradeOverview;
+  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] !== explorerLink || $[10] !== isFlowCancellable || $[11] !== onCancelOrder || $[12] !== onDismiss || $[13] !== orderCancellationStep || $[14] !== orderProps || $[15] !== result || $[16] !== retryFlow || $[17] !== step || $[18] !== t6 || $[19] !== t7 || $[20] !== tradeFlowType) {
+    t8 = /* @__PURE__ */ jsx(T0, { fromToken: t4, toToken: t5, fromAmount: t6, toAmount: t7, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[5] = T0;
+    $[6] = cancelFlow;
+    $[7] = error;
+    $[8] = erroredStep;
+    $[9] = explorerLink;
+    $[10] = isFlowCancellable;
+    $[11] = onCancelOrder;
+    $[12] = onDismiss;
+    $[13] = orderCancellationStep;
+    $[14] = orderProps;
+    $[15] = result;
+    $[16] = retryFlow;
+    $[17] = step;
+    $[18] = t6;
+    $[19] = t7;
+    $[20] = tradeFlowType;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  return t8;
+}
 
-export { LimitOrderTradeOverview };
+export { LimitOrderTradeOverview, LimitOrderTradeOverviewScreen };
 //# sourceMappingURL=LimitOrderTradeOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"sourcesContent":["import type { SubmitLimitOrderResult } from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport { TradeOverview, type TradeOverviewProps } from \"./TradeOverview\";\nimport { LimitOrderSteps, type LimitOrderStepKey } from \"./steps\";\nimport type { LimitOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\ntype LimitOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    LimitOrderStepKey,\n    SubmitLimitOrderResult,\n    LimitOrderFlowType\n  >,\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 LimitOrderTradeOverview({\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}: LimitOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      LimitOrderStepKey,\n      SubmitLimitOrderResult,\n      LimitOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={LimitOrderSteps}\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":["LimitOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","LimitOrderSteps"],"mappings":";;;;;AA8BO,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,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;AAE3BC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,iBAKYjB,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EACHe,KAAAA,mBACKT,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,OAvBFmB,EAAAA;AAuBE;;;;"}
+{"version":3,"file":"LimitOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/LimitOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitLimitOrderResult,\n  UserDefinedLimitPrice,\n} from \"@/hooks/swap/tradeFlow/useLimitOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { LimitOrderSteps, type LimitOrderStepKey } from \"./steps\";\nimport type { LimitOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useEffect, useRef } from \"react\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useLimitOrderStep } from \"@/hooks/swap/tradeFlow/useLimitOrderStep\";\nimport { addPreWrapToOrderProps } from \"./utils/preWrap\";\nimport { formatUnits } from \"viem/utils\";\n\ntype LimitOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<\n    LimitOrderStepKey,\n    SubmitLimitOrderResult,\n    LimitOrderFlowType\n  >,\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 LimitOrderTradeOverview({\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}: LimitOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<\n      LimitOrderStepKey,\n      SubmitLimitOrderResult,\n      LimitOrderFlowType\n    >\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={LimitOrderSteps}\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 LimitOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  limitPrice: UserDefinedLimitPrice;\n  onClose?: () => void;\n};\n\nexport function LimitOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  limitPrice: limitPriceFromForm,\n  onClose,\n}: LimitOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: limitPrice } = addPreWrapToOrderProps({\n    orderProps: orderPropsFromForm,\n    priceMode: \"userInputOrder\",\n    userDefinedPrice: limitPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startLimitOrder,\n    cancelLimitOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useLimitOrderStep({\n    limitPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  const startLimitOrderRef = useRef(startLimitOrder);\n  useEffect(() => {\n    startLimitOrderRef.current({\n      onTxSent: handleTxSent,\n    });\n  }, []);\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    limitPrice\n      ? formatUnits(BigInt(limitPrice.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 ? cancelLimitOrder : undefined;\n\n  return (\n    <LimitOrderTradeOverview\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      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["LimitOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","LimitOrderSteps","LimitOrderTradeOverviewScreen","orderProps","orderPropsFromForm","limitPrice","limitPriceFromForm","onClose","userDefinedPrice","addPreWrapToOrderProps","priceMode","step","startLimitOrder","cancelLimitOrder","cancelFlow","retryFlow","isOrderCancellable","reset","useLimitOrderStep","preWrapETH","startLimitOrderRef","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/MarketSwapTradeOverview.d.ts

@@ -1,8 +1,15 @@
 import { SubmitSwapResult } from '../../../hooks/swap/tradeFlow/useMarketFlow';
 import { MarketSwapStepKey } from './steps';
-import { TradeOverviewProps } from './TradeOverview';
+import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { MarketSwapFlowType } from '../../../hooks/swap/tradeFlow/common/types';
+import { OptimalRate } from '@velora-dex/sdk';
 export type { FlowStep } from './Step/types';
-type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType">;
-export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, onDismiss, onHelp, onCancelFlow, onRetry, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onRetry" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
+export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onRetry, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type MarketSwapTradeOverviewFlowProps = {
+    marketPrice: OptimalRate;
+    orderProps: MinTradeOverviewProps;
+    onClose?: () => void;
+};
+export declare const MarketSwapTradeOverviewScreen: (props: MarketSwapTradeOverviewFlowProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MarketSwapTradeOverview.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAqB9B"}
+{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAsB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAuEF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}