@velora-dex/widget 0.4.14 → 0.5.1-dev.1

package/dist/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.js

@@ -7,108 +7,141 @@ import { getExpectedTransferAmounts, getResultAmounts } from './utils.js';
 import 'react';
 import { isTruthy } from '../../../../lib/utils/index.js';
 import { isOrderTradeFlowType } from '../../../../hooks/swap/tradeFlow/common/utils.js';
+import { TimeTillExpiry } from '../../LimitOrderItem/LimitOrderListItem.js';
+import { getTwapOrderDeadlineFromSlices } from '../../../../hooks/swap/prices/delta/orders/utils.js';
+import { useDateNow } from '../../../../lib/utils/useDateNow.js';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 function useTradeCompletedDetails() {
-  const $ = distExports.c(21);
+  const $ = distExports.c(22);
   const {
     fromToken,
     toToken,
     result
   } = useTradeFlowContext();
+  const isOrderFlow = !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);
+  const isMarketSwap = result?.tradeFlowType === "marketSwap";
+  const isTwap = result?.tradeFlowType === "twapOrder";
   let t0;
   if ($[0] !== result) {
-    t0 = !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);
+    t0 = getExpectedTransferAmounts({
+      result
+    });
     $[0] = result;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const isOrderFlow = t0;
+  const resultWeiAmounts = t0;
+  const receipt = isMarketSwap ? result.swap.receipt || result.swap.callsReceipt : void 0;
   let t1;
-  if ($[2] !== result) {
-    t1 = getExpectedTransferAmounts({
-      result
-    });
-    $[2] = result;
-    $[3] = t1;
+  if ($[2] !== fromToken || $[3] !== toToken) {
+    t1 = [fromToken, toToken];
+    $[2] = fromToken;
+    $[3] = toToken;
+    $[4] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[4];
   }
-  const resultWeiAmounts = t1;
-  const receipt = result?.tradeFlowType === "marketSwap" ? result.swap.receipt || result.swap.callsReceipt : void 0;
-  let t2;
-  if ($[4] !== fromToken || $[5] !== toToken) {
-    t2 = [fromToken, toToken];
-    $[4] = fromToken;
-    $[5] = toToken;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  const t3 = result?.account;
-  const t4 = result?.receiverAddress;
-  const t5 = resultWeiAmounts?.tokensMap;
-  let t6;
-  if ($[7] !== fromToken.network || $[8] !== receipt || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {
-    t6 = {
+  const t2 = result?.account;
+  const t3 = result?.receiverAddress;
+  const t4 = resultWeiAmounts?.tokensMap;
+  let t5;
+  if ($[5] !== fromToken.network || $[6] !== receipt || $[7] !== t1 || $[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
+    t5 = {
       receipt,
-      tokens: t2,
-      senderAddress: t3,
-      receiverAddress: t4,
+      tokens: t1,
+      senderAddress: t2,
+      receiverAddress: t3,
       chainId: fromToken.network,
-      expectedTokenTransfers: t5
+      expectedTokenTransfers: t4
     };
-    $[7] = fromToken.network;
-    $[8] = receipt;
-    $[9] = t2;
-    $[10] = t3;
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
+    $[5] = fromToken.network;
+    $[6] = receipt;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
   } else {
-    t6 = $[13];
+    t5 = $[11];
   }
   const {
     data: tokenTransfers
-  } = useTokenTransfersFromReceipt(t6);
+  } = useTokenTransfersFromReceipt(t5);
   const fromAmountFinal = tokenTransfers?.[fromToken.address]?.sentAmount ?? resultWeiAmounts?.fromAmountWei;
   const toAmountFinal = tokenTransfers?.[toToken.address]?.receivedAmount ?? resultWeiAmounts?.toAmountWei;
-  let t7;
-  if ($[14] !== fromAmountFinal || $[15] !== fromToken || $[16] !== isOrderFlow || $[17] !== resultWeiAmounts?.isBuy || $[18] !== toAmountFinal || $[19] !== toToken) {
-    const amounts = getResultAmounts({
-      fromAmountWei: fromAmountFinal,
-      toAmountWei: toAmountFinal,
-      isBuy: resultWeiAmounts?.isBuy,
-      fromToken,
-      toToken
-    });
-    t7 = [{
-      key: "sold",
-      title: isOrderFlow ? "Pay" : "You sold",
-      value: /* @__PURE__ */ jsx(TokenBadge, { address: fromToken.address, chainId: fromToken.network, img: fromToken.img, symbol: fromToken.symbol, showNetworkIcon: true, amount: amounts.fromAmountUnit, classes: badgeClasses })
-    }, {
-      key: "received",
-      title: isOrderFlow ? "Receive" : "You received",
-      value: /* @__PURE__ */ jsx(TokenBadge, { address: toToken.address, chainId: toToken.network, img: toToken.img, symbol: toToken.symbol, showNetworkIcon: true, amount: amounts.toAmountUnit, classes: badgeClasses })
-    }, !isOrderFlow && {
-      key: "rate",
-      title: "Best Rate",
-      value: amounts.rateStr
-    }].filter(isTruthy);
-    $[14] = fromAmountFinal;
-    $[15] = fromToken;
-    $[16] = isOrderFlow;
-    $[17] = resultWeiAmounts?.isBuy;
-    $[18] = toAmountFinal;
-    $[19] = toToken;
-    $[20] = t7;
-  } else {
-    t7 = $[20];
+  const amounts = getResultAmounts({
+    fromAmountWei: fromAmountFinal,
+    toAmountWei: toAmountFinal,
+    isBuy: resultWeiAmounts?.isBuy,
+    fromToken,
+    toToken
+  });
+  const details = [{
+    key: "sold",
+    title: isOrderFlow ? "Pay" : "You sold",
+    value: /* @__PURE__ */ jsx(TokenBadge, { address: fromToken.address, chainId: fromToken.network, img: fromToken.img, symbol: fromToken.symbol, showNetworkIcon: true, amount: amounts.fromAmountUnit, classes: badgeClasses })
+  }, {
+    key: "received",
+    title: isOrderFlow ? "Receive" : "You received",
+    value: /* @__PURE__ */ jsx(TokenBadge, { address: toToken.address, chainId: toToken.network, img: toToken.img, symbol: toToken.symbol, showNetworkIcon: true, amount: amounts.toAmountUnit, classes: badgeClasses })
+  }, !isOrderFlow && {
+    key: "rate",
+    title: "Best Rate",
+    value: amounts.rateStr
+  }].filter(isTruthy);
+  const dateNow = useDateNow();
+  if (isTwap) {
+    const order = result.twapOrder.sentOrder.order;
+    let t6;
+    if ($[12] !== dateNow || $[13] !== order) {
+      t6 = getTwapOrderDeadlineFromSlices(order, dateNow);
+      $[12] = dateNow;
+      $[13] = order;
+      $[14] = t6;
+    } else {
+      t6 = $[14];
+    }
+    const deadline = t6;
+    let t7;
+    if ($[15] !== order.numSlices) {
+      t7 = {
+        key: "orderSplits",
+        title: "Order Splits",
+        value: order.numSlices
+      };
+      $[15] = order.numSlices;
+      $[16] = t7;
+    } else {
+      t7 = $[16];
+    }
+    let t8;
+    if ($[17] !== deadline) {
+      t8 = {
+        key: "orderDuration",
+        title: "Order Duration",
+        value: /* @__PURE__ */ jsx(TimeTillExpiry, { showSeconds: true, deadline })
+      };
+      $[17] = deadline;
+      $[18] = t8;
+    } else {
+      t8 = $[18];
+    }
+    let t9;
+    if ($[19] !== t7 || $[20] !== t8) {
+      t9 = [t7, t8];
+      $[19] = t7;
+      $[20] = t8;
+      $[21] = t9;
+    } else {
+      t9 = $[21];
+    }
+    const twapDetails = t9;
+    details.push(...twapDetails);
   }
-  const details = t7;
   return details;
 }
 

package/dist/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import { useTokenTransfersFromReceipt } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getExpectedTransferAmounts, getResultAmounts } from \"./utils\";\nimport type { Address } from \"viem\";\nimport { useMemo } from \"react\";\nimport { isTruthy } from \"@/lib/utils\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n  const isOrderFlow =\n    !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);\n\n  const resultWeiAmounts = useMemo(() => {\n    return getExpectedTransferAmounts({\n      result,\n    });\n  }, [result]);\n\n  const receipt =\n    result?.tradeFlowType === \"marketSwap\"\n      ? // for batch txs callsReceipt will be available, but not the usual tx receipt\n        result.swap.receipt || result.swap.callsReceipt\n      : undefined;\n\n  const { data: tokenTransfers } = useTokenTransfersFromReceipt({\n    receipt,\n    tokens: [fromToken, toToken],\n    senderAddress: result?.account,\n    receiverAddress: result?.receiverAddress,\n    chainId: fromToken.network,\n    expectedTokenTransfers: resultWeiAmounts?.tokensMap,\n  });\n\n  const fromAmountFinal =\n    tokenTransfers?.[fromToken.address as Address]?.sentAmount ??\n    resultWeiAmounts?.fromAmountWei;\n  const toAmountFinal =\n    tokenTransfers?.[toToken.address as Address]?.receivedAmount ??\n    resultWeiAmounts?.toAmountWei;\n\n  const amounts = getResultAmounts({\n    fromAmountWei: fromAmountFinal,\n    toAmountWei: toAmountFinal,\n    isBuy: resultWeiAmounts?.isBuy,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: isOrderFlow ? \"Pay\" : \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: isOrderFlow ? \"Receive\" : \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    !isOrderFlow && {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ].filter(isTruthy);\n\n  return details;\n}\n"],"names":["badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","useTradeFlowContext","t0","tradeFlowType","isOrderTradeFlowType","isOrderFlow","t1","getExpectedTransferAmounts","resultWeiAmounts","receipt","swap","callsReceipt","undefined","t2","t3","account","t4","receiverAddress","t5","tokensMap","t6","network","tokens","senderAddress","chainId","expectedTokenTransfers","data","tokenTransfers","useTokenTransfersFromReceipt","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","t7","isBuy","amounts","getResultAmounts","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr","filter","isTruthy","details"],"mappings":"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"}
+{"version":3,"file":"useTradeCompleteDetails.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"sourcesContent":["import { useTokenTransfersFromReceipt } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { TokenBadge } from \"../../TokenBadge/TokenBadge\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { getExpectedTransferAmounts, getResultAmounts } from \"./utils\";\nimport type { Address } from \"viem\";\nimport { useMemo } from \"react\";\nimport { isTruthy } from \"@/lib/utils\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\nimport { TimeTillExpiry } from \"../../LimitOrderItem/LimitOrderListItem\";\nimport { getTwapOrderDeadlineFromSlices } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nexport function useTradeCompletedDetails(): DetailWithValue[] {\n  const { fromToken, toToken, result } = useTradeFlowContext();\n  const isOrderFlow =\n    !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);\n\n  const isMarketSwap = result?.tradeFlowType === \"marketSwap\";\n  const isTwap = result?.tradeFlowType === \"twapOrder\";\n\n  const resultWeiAmounts = useMemo(() => {\n    return getExpectedTransferAmounts({\n      result,\n    });\n  }, [result]);\n\n  const receipt = isMarketSwap\n    ? // for batch txs callsReceipt will be available, but not the usual tx receipt\n      result.swap.receipt || result.swap.callsReceipt\n    : undefined;\n\n  const { data: tokenTransfers } = useTokenTransfersFromReceipt({\n    receipt,\n    tokens: [fromToken, toToken],\n    senderAddress: result?.account,\n    receiverAddress: result?.receiverAddress,\n    chainId: fromToken.network,\n    expectedTokenTransfers: resultWeiAmounts?.tokensMap,\n  });\n\n  const fromAmountFinal =\n    tokenTransfers?.[fromToken.address as Address]?.sentAmount ??\n    resultWeiAmounts?.fromAmountWei;\n  const toAmountFinal =\n    tokenTransfers?.[toToken.address as Address]?.receivedAmount ??\n    resultWeiAmounts?.toAmountWei;\n\n  const amounts = getResultAmounts({\n    fromAmountWei: fromAmountFinal,\n    toAmountWei: toAmountFinal,\n    isBuy: resultWeiAmounts?.isBuy,\n    fromToken,\n    toToken,\n  });\n\n  const details: DetailWithValue[] = [\n    {\n      key: \"sold\",\n      title: isOrderFlow ? \"Pay\" : \"You sold\",\n      value: (\n        <TokenBadge\n          address={fromToken.address}\n          chainId={fromToken.network}\n          img={fromToken.img}\n          symbol={fromToken.symbol}\n          showNetworkIcon\n          amount={amounts.fromAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    {\n      key: \"received\",\n      title: isOrderFlow ? \"Receive\" : \"You received\",\n      value: (\n        <TokenBadge\n          address={toToken.address}\n          chainId={toToken.network}\n          img={toToken.img}\n          symbol={toToken.symbol}\n          showNetworkIcon\n          amount={amounts.toAmountUnit}\n          classes={badgeClasses}\n        />\n      ),\n    },\n    !isOrderFlow && {\n      key: \"rate\",\n      title: \"Best Rate\",\n      value: amounts.rateStr,\n    },\n  ].filter(isTruthy);\n\n  const dateNow = useDateNow();\n\n  if (isTwap) {\n    const order = result.twapOrder.sentOrder.order;\n    const deadline = getTwapOrderDeadlineFromSlices(order, dateNow);\n\n    const twapDetails = [\n      {\n        key: \"orderSplits\",\n        title: \"Order Splits\",\n        value: order.numSlices,\n      },\n      {\n        key: \"orderDuration\",\n        title: \"Order Duration\",\n        value: <TimeTillExpiry showSeconds deadline={deadline} />,\n      },\n    ];\n\n    details.push(...twapDetails);\n  }\n\n  return details;\n}\n"],"names":["badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","useTradeFlowContext","isOrderFlow","tradeFlowType","isOrderTradeFlowType","isMarketSwap","isTwap","t0","getExpectedTransferAmounts","resultWeiAmounts","receipt","swap","callsReceipt","undefined","t1","t2","account","t3","receiverAddress","t4","tokensMap","t5","network","tokens","senderAddress","chainId","expectedTokenTransfers","data","tokenTransfers","useTokenTransfersFromReceipt","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","amounts","getResultAmounts","isBuy","details","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr","filter","isTruthy","dateNow","useDateNow","order","twapOrder","sentOrder","t6","getTwapOrderDeadlineFromSlices","deadline","t7","numSlices","t8","t9","twapDetails","push"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAC9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAIhF,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,GAAG,iBAAiB,GAAG,SAAS,CAmKhC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,KAAK,EACL,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,GAAG,aAAa,CA4CpC;AAED,KAAK,cAAc,GAAG;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAsC7C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAC;AAC9B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAMhF,KAAK,aAAa,GAAG;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAC3C,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,GAAG,iBAAiB,GAAG,SAAS,CA6LhC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,WAAW,EACX,KAAK,EACL,SAAS,EACT,OAAO,GACR,EAAE,kBAAkB,GAAG,aAAa,CA4CpC;AAED,KAAK,cAAc,GAAG;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,iBAAiB,CAAC;CAC5B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,OAAO,GACR,EAAE,mBAAmB,GAAG,cAAc,GAAG,IAAI,CAsC7C"}

package/dist/components/widget/TradeOverview/TradeComplete/utils.js

@@ -1,7 +1,6 @@
 import { formatTokenBalanceClean } from '../../../../lib/utils/formatTokenBalance.js';
 import { calcRate } from '../../../../lib/utils/rate.js';
-import { getSwapSideFromDeltaOrder } from '../../../../hooks/swap/prices/delta/queries/utils.js';
-import { isOrderCrosschain } from '../../../../hooks/swap/prices/delta/orders/utils.js';
+import { getUnifiedDeltaOrderData, getSwapSideFromDeltaOrder } from '../../../../hooks/swap/prices/delta/orders/utils.js';
 
 function getExpectedTransferAmounts({
   result
@@ -10,20 +9,13 @@ function getExpectedTransferAmounts({
     return;
   }
   if (result.tradeFlowType === "deltaOrder") {
+    const order = result.deltaOrder.lastOrderState || result.deltaOrder.sentOrder;
     const {
       srcToken: srcToken2,
       destToken: destToken2,
-      bridge
-    } = result.deltaOrder.sentOrder.order;
-    const fromAmountWei2 = result.deltaOrder.lastOrderState?.order.srcAmount || result.deltaOrder.sentOrder.order.srcAmount;
-    let toAmountWei2 = result.deltaOrder.lastOrderState?.order.destAmount || result.deltaOrder.sentOrder.order.destAmount;
-    if (isOrderCrosschain({
-      bridge
-    })) {
-      toAmountWei2 = // bridgeMetadata.outputAmount becomes available after order is filled, which at this point we should have
-      result.deltaOrder.lastOrderState?.bridgeMetadata?.outputAmount || result.deltaOrder.sentOrder.bridgeMetadata?.outputAmount || // fallback to receivedDestAmount from deltaPrice, not an actuall amount but this shouldn't happen
-      result.deltaPrice.receivedDestAmount;
-    }
+      srcAmount: fromAmountWei2,
+      destAmount: toAmountWei2
+    } = getUnifiedDeltaOrderData(order);
     const tokensMap2 = {
       [srcToken2]: {
         // token was sent
@@ -38,7 +30,7 @@ function getExpectedTransferAmounts({
         receivedAmount: BigInt(toAmountWei2)
       }
     };
-    const swapSide = getSwapSideFromDeltaOrder(result.deltaOrder.sentOrder.order);
+    const swapSide = getSwapSideFromDeltaOrder(order.order);
     const isBuy = swapSide === "BUY";
     return {
       fromAmountWei: fromAmountWei2,
@@ -48,12 +40,13 @@ function getExpectedTransferAmounts({
     };
   }
   if (result.tradeFlowType === "limitOrder") {
+    const order = result.limitOrder.sentOrder;
     const {
       srcToken: srcToken2,
-      destToken: destToken2
-    } = result.limitOrder.sentOrder.order;
-    const fromAmountWei2 = result.limitOrder.sentOrder.order.srcAmount;
-    const toAmountWei2 = result.limitOrder.sentOrder.order.destAmount;
+      destToken: destToken2,
+      srcAmount: fromAmountWei2,
+      destAmount: toAmountWei2
+    } = getUnifiedDeltaOrderData(order);
     const tokensMap2 = {
       [srcToken2]: {
         // token was sent
@@ -131,6 +124,36 @@ function getExpectedTransferAmounts({
       isBuy: false
     };
   }
+  if (result.tradeFlowType === "twapOrder") {
+    const order = result.twapOrder.sentOrder;
+    const {
+      srcToken: srcToken2,
+      destToken: destToken2,
+      srcAmount: fromAmountWei2,
+      destAmount: toAmountWei2
+    } = getUnifiedDeltaOrderData(order);
+    const tokensMap2 = {
+      [srcToken2]: {
+        // token was sent
+        token: srcToken2,
+        sentAmount: BigInt(fromAmountWei2),
+        receivedAmount: 0n
+      },
+      [destToken2]: {
+        // token was received
+        token: destToken2,
+        sentAmount: 0n,
+        receivedAmount: BigInt(toAmountWei2)
+      }
+    };
+    const isBuy = order.onChainOrderType === "TWAPBuyOrder";
+    return {
+      fromAmountWei: fromAmountWei2,
+      toAmountWei: toAmountWei2,
+      tokensMap: tokensMap2,
+      isBuy
+    };
+  }
   const {
     srcToken,
     destToken

package/dist/components/widget/TradeOverview/TradeComplete/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport { getSwapSideFromDeltaOrder } from \"@/hooks/swap/prices/delta/queries/utils\";\nimport { isOrderCrosschain } from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const { srcToken, destToken, bridge } = result.deltaOrder.sentOrder.order;\n\n    const fromAmountWei =\n      result.deltaOrder.lastOrderState?.order.srcAmount ||\n      result.deltaOrder.sentOrder.order.srcAmount;\n\n    let toAmountWei =\n      result.deltaOrder.lastOrderState?.order.destAmount ||\n      result.deltaOrder.sentOrder.order.destAmount;\n    if (isOrderCrosschain({ bridge })) {\n      toAmountWei =\n        // bridgeMetadata.outputAmount becomes available after order is filled, which at this point we should have\n        result.deltaOrder.lastOrderState?.bridgeMetadata?.outputAmount ||\n        result.deltaOrder.sentOrder.bridgeMetadata?.outputAmount ||\n        // fallback to receivedDestAmount from deltaPrice, not an actuall amount but this shouldn't happen\n        result.deltaPrice.receivedDestAmount;\n    }\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const swapSide = getSwapSideFromDeltaOrder(\n      result.deltaOrder.sentOrder.order\n    );\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  if (result.tradeFlowType === \"limitOrder\") {\n    const { srcToken, destToken } = result.limitOrder.sentOrder.order;\n\n    const fromAmountWei = result.limitOrder.sentOrder.order.srcAmount;\n    const toAmountWei = result.limitOrder.sentOrder.order.destAmount;\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"otcOrder\") {\n    const { makerAsset, takerAsset } = result.otcOrder.sentOrder;\n\n    const fromAmountWei = result.otcOrder.sentOrder.makerAmount;\n    const toAmountWei = result.otcOrder.sentOrder.takerAmount;\n\n    const tokensMap = {\n      [makerAsset]: {\n        // token was sent\n        token: makerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [takerAsset]: {\n        // token was received\n        token: takerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"fillOtcOrder\") {\n    const { makerAsset, takerAsset } = result.fill.order;\n\n    const fromAmountWei = result.fill.order.takerAmount;\n    const toAmountWei = result.fill.order.makerAmount;\n\n    const tokensMap = {\n      [takerAsset]: {\n        // token was sent\n        token: takerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [makerAsset]: {\n        // token was received\n        token: makerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  // result.tradeFlowType === \"marketSwap\" is the one left\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount shown at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"names":["getExpectedTransferAmounts","result","tradeFlowType","srcToken","destToken","bridge","deltaOrder","sentOrder","order","fromAmountWei","lastOrderState","srcAmount","toAmountWei","destAmount","isOrderCrosschain","bridgeMetadata","outputAmount","deltaPrice","receivedDestAmount","tokensMap","token","sentAmount","BigInt","receivedAmount","swapSide","getSwapSideFromDeltaOrder","isBuy","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","marketPrice","side","getResultAmounts","fromToken","toToken","undefined","fromAmountUnit","toAmountUnit","rateStr","formatTokenBalanceClean","decimals","rates","calcRate","symbol","address","rateFormatted","toString","getSurplusAmounts","txs","transactions","length","expectedAmount","actualReceived","reduce","acc","tx","diffWei","diffUnit","surplusStr","Number"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/utils.ts"],"sourcesContent":["import { formatTokenBalanceClean } from \"@/lib/utils/formatTokenBalance\";\nimport type { TradeFlowResult } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { MinTradeFlowToken } from \"../TradeDetails\";\nimport type Big from \"big.js\";\nimport type { Address } from \"viem\";\nimport type { TokenTransfers } from \"@/tokens/utils/transferAmountsFromReceipt\";\nimport {\n  getSwapSideFromDeltaOrder,\n  getUnifiedDeltaOrderData,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\n\ntype ResultAmounts = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  fromAmountUnit: string;\n  toAmountUnit: string;\n  rateStr: string | null;\n  rate?: Big;\n  rateFormatted?: string;\n};\n\ntype RawAmountsAndSide = {\n  fromAmountWei: string;\n  toAmountWei: string;\n  tokensMap: Record<Address, TokenTransfers>;\n  isBuy: boolean;\n};\n\ntype ResultAmountsInput = {\n  fromAmountWei?: string | bigint;\n  toAmountWei?: string | bigint;\n  isBuy?: boolean;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getExpectedTransferAmounts({\n  result,\n}: {\n  result?: TradeFlowResult;\n}): RawAmountsAndSide | undefined {\n  if (!result) {\n    return;\n  }\n\n  if (result.tradeFlowType === \"deltaOrder\") {\n    const order =\n      result.deltaOrder.lastOrderState || result.deltaOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const swapSide = getSwapSideFromDeltaOrder(order.order);\n    const isBuy = swapSide === \"BUY\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  if (result.tradeFlowType === \"limitOrder\") {\n    const order = result.limitOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"otcOrder\") {\n    const { makerAsset, takerAsset } = result.otcOrder.sentOrder;\n\n    const fromAmountWei = result.otcOrder.sentOrder.makerAmount;\n    const toAmountWei = result.otcOrder.sentOrder.takerAmount;\n\n    const tokensMap = {\n      [makerAsset]: {\n        // token was sent\n        token: makerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [takerAsset]: {\n        // token was received\n        token: takerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"fillOtcOrder\") {\n    const { makerAsset, takerAsset } = result.fill.order;\n\n    const fromAmountWei = result.fill.order.takerAmount;\n    const toAmountWei = result.fill.order.makerAmount;\n\n    const tokensMap = {\n      [takerAsset]: {\n        // token was sent\n        token: takerAsset as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [makerAsset]: {\n        // token was received\n        token: makerAsset as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy: false,\n    };\n  }\n\n  if (result.tradeFlowType === \"twapOrder\") {\n    const order = result.twapOrder.sentOrder;\n    const {\n      srcToken,\n      destToken,\n      srcAmount: fromAmountWei,\n      destAmount: toAmountWei,\n    } = getUnifiedDeltaOrderData(order);\n\n    const tokensMap = {\n      [srcToken]: {\n        // token was sent\n        token: srcToken as Address,\n        sentAmount: BigInt(fromAmountWei),\n        receivedAmount: 0n,\n      },\n      [destToken]: {\n        // token was received\n        token: destToken as Address,\n        sentAmount: 0n,\n        receivedAmount: BigInt(toAmountWei),\n      },\n    };\n\n    const isBuy = order.onChainOrderType === \"TWAPBuyOrder\";\n\n    return {\n      fromAmountWei,\n      toAmountWei,\n      tokensMap,\n      isBuy,\n    };\n  }\n\n  // result.tradeFlowType === \"marketSwap\" is the one left\n  const { srcToken, destToken } = result.marketPrice;\n  const fromAmountWei = result.marketPrice.srcAmount;\n  const toAmountWei = result.marketPrice.destAmount;\n\n  const tokensMap = {\n    [srcToken]: {\n      token: srcToken as Address,\n      sentAmount: BigInt(fromAmountWei),\n      receivedAmount: 0n,\n    },\n    [destToken]: {\n      token: destToken as Address,\n      sentAmount: 0n,\n      receivedAmount: BigInt(toAmountWei),\n    },\n  };\n\n  return {\n    fromAmountWei,\n    toAmountWei,\n    tokensMap,\n    isBuy: result.marketPrice.side === \"BUY\",\n  };\n}\n\nexport function getResultAmounts({\n  fromAmountWei,\n  toAmountWei,\n  isBuy,\n  fromToken,\n  toToken,\n}: ResultAmountsInput): ResultAmounts {\n  if (!fromAmountWei || !toAmountWei || isBuy === undefined) {\n    return {\n      fromAmountWei: \"0\",\n      toAmountWei: \"0\",\n      fromAmountUnit: \"0\",\n      toAmountUnit: \"0\",\n      rateStr: null,\n    };\n  }\n\n  const fromAmountUnit = formatTokenBalanceClean(\n    fromAmountWei,\n    fromToken.decimals\n  );\n  const toAmountUnit = formatTokenBalanceClean(toAmountWei, toToken.decimals);\n\n  const { srcToken, destToken, srcAmount, destAmount } = isBuy\n    ? {\n        srcToken: fromToken,\n        destToken: toToken,\n        srcAmount: fromAmountUnit,\n        destAmount: toAmountUnit,\n      }\n    : {\n        srcToken: toToken,\n        destToken: fromToken,\n        srcAmount: toAmountUnit,\n        destAmount: fromAmountUnit,\n      };\n\n  const rates = calcRate(srcAmount, destAmount);\n  const rateStr = rates\n    ? `1 ${srcToken.symbol ?? srcToken.address} = ${rates.rateFormatted} ${destToken.symbol ?? destToken.address}`\n    : null;\n\n  return {\n    fromAmountWei: fromAmountWei.toString(),\n    toAmountWei: toAmountWei.toString(),\n    fromAmountUnit,\n    toAmountUnit,\n    ...rates,\n    rateStr,\n  };\n}\n\ntype SurplusAmounts = {\n  expectedAmount: bigint;\n  receivedAmount: bigint;\n  diffWei: bigint;\n  diffUnit: string;\n  surplusStr: string | null;\n};\n\ntype SurplusAmountsInput = {\n  result?: TradeFlowResult;\n  toToken: MinTradeFlowToken;\n};\n\nexport function getSurplusAmounts({\n  result,\n  toToken,\n}: SurplusAmountsInput): SurplusAmounts | null {\n  if (!result) {\n    return null;\n  }\n\n  if (result.tradeFlowType !== \"deltaOrder\") {\n    // @TODO add surplus calc from SwapTx Receipt\n    return null;\n  }\n\n  const txs = result.deltaOrder.lastOrderState?.transactions;\n  if (!txs || txs.length === 0) {\n    return null;\n  }\n\n  // @TODO check that expectedDestAmount is the amount shown at Order creation, not destAmount (=minAmount)\n  const expectedAmount = BigInt(\n    result.deltaOrder.lastOrderState?.order.expectedAmount ||\n      result.deltaOrder.sentOrder.order.expectedAmount\n  );\n\n  const actualReceived = txs.reduce((acc, tx) => {\n    return acc + BigInt(tx.receivedAmount);\n  }, 0n);\n\n  const diffWei = actualReceived - expectedAmount;\n\n  const diffUnit = formatTokenBalanceClean(diffWei, toToken.decimals, 2);\n  //                            don't show 0.00%\n  const surplusStr = Number(diffUnit) > 0 ? diffUnit : null;\n\n  return {\n    expectedAmount,\n    receivedAmount: actualReceived,\n    diffWei,\n    diffUnit,\n    surplusStr,\n  };\n}\n"],"names":["getExpectedTransferAmounts","result","tradeFlowType","order","deltaOrder","lastOrderState","sentOrder","srcToken","destToken","srcAmount","fromAmountWei","destAmount","toAmountWei","getUnifiedDeltaOrderData","tokensMap","token","sentAmount","BigInt","receivedAmount","swapSide","getSwapSideFromDeltaOrder","isBuy","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","twapOrder","onChainOrderType","marketPrice","side","getResultAmounts","fromToken","toToken","undefined","fromAmountUnit","toAmountUnit","rateStr","formatTokenBalanceClean","decimals","rates","calcRate","symbol","address","rateFormatted","toString","getSurplusAmounts","txs","transactions","length","expectedAmount","actualReceived","reduce","acc","tx","diffWei","diffUnit","surplusStr","Number"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
-import { MarketSwapFlowType, DeltaSwapFlowType, LimitOrderFlowType, OtcOrderFlowType, FillOtcOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
+import { MarketSwapFlowType, DeltaSwapFlowType, TwapOrderFlowType, LimitOrderFlowType, OtcOrderFlowType, FillOtcOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 import { DeltaOrderTradeOverviewFlowProps } from './DeltaOrderTradeOverview';
+import { TwapOrderTradeOverviewFlowProps } from './TwapOrderTradeOverview';
 import { MarketSwapTradeOverviewFlowProps } from './MarketSwapTradeOverview';
 import { LimitOrderTradeOverviewScreenProps } from './LimitOrderTradeOverview';
 import { OtcOrderTradeOverviewScreenProps } from './OtcOrderTradeOverview';
@@ -12,6 +13,10 @@ type DeltaOrderProps = {
     flowType: DeltaSwapFlowType;
     flowProps: DeltaOrderTradeOverviewFlowProps;
 };
+type TwapOrderProps = {
+    flowType: TwapOrderFlowType;
+    flowProps: TwapOrderTradeOverviewFlowProps;
+};
 type LimitOrderProps = {
     flowType: LimitOrderFlowType;
     flowProps: LimitOrderTradeOverviewScreenProps;
@@ -24,7 +29,7 @@ type FillOtcOrderProps = {
     flowType: FillOtcOrderFlowType;
     flowProps: FillOtcOrderTradeOverviewScreenProps;
 };
-export type TradeOverviewScreenProps = MarketSwapProps | DeltaOrderProps | LimitOrderProps | OtcOrderProps | FillOtcOrderProps;
+export type TradeOverviewScreenProps = MarketSwapProps | DeltaOrderProps | TwapOrderProps | LimitOrderProps | OtcOrderProps | FillOtcOrderProps;
 export declare const TradeOverviewScreen: ({ flowType, flowProps, }: TradeOverviewScreenProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TradeOverviewScreen.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverviewScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,oCAAoC,EAC1C,MAAM,6BAA6B,CAAC;AAErC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,SAAS,EAAE,gCAAgC,CAAC;CAC7C,CAAC;AACF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,EAAE,gCAAgC,CAAC;CAC7C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,SAAS,EAAE,kCAAkC,CAAC;CAC/C,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,EAAE,gCAAgC,CAAC;CAC7C,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,SAAS,EAAE,oCAAoC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,eAAe,GACf,eAAe,GACf,eAAe,GACf,aAAa,GACb,iBAAiB,CAAC;AAEtB,eAAO,MAAM,mBAAmB,GAAI,0BAGjC,wBAAwB,4CAa1B,CAAC"}
+{"version":3,"file":"TradeOverviewScreen.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,kCAAkC,EACxC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,gCAAgC,EACtC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,oCAAoC,EAC1C,MAAM,6BAA6B,CAAC;AAErC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,SAAS,EAAE,gCAAgC,CAAC;CAC7C,CAAC;AACF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,EAAE,gCAAgC,CAAC;CAC7C,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,EAAE,+BAA+B,CAAC;CAC5C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,SAAS,EAAE,kCAAkC,CAAC;CAC/C,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,EAAE,gCAAgC,CAAC;CAC7C,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,SAAS,EAAE,oCAAoC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAChC,eAAe,GACf,eAAe,GACf,cAAc,GACd,eAAe,GACf,aAAa,GACb,iBAAiB,CAAC;AAEtB,eAAO,MAAM,mBAAmB,GAAI,0BAGjC,wBAAwB,4CAe1B,CAAC"}

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

@@ -1,13 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { DeltaOrderTradeOverviewScreen } from './DeltaOrderTradeOverview.js';
+import { TwapOrderTradeOverviewScreen } from './TwapOrderTradeOverview.js';
 import { MarketSwapTradeOverviewScreen } from './MarketSwapTradeOverview.js';
 import { LimitOrderTradeOverviewScreen } from './LimitOrderTradeOverview.js';
 import { OtcOrderTradeOverviewScreen } from './OtcOrderTradeOverview.js';
 import { FillOtcOrderTradeOverviewScreen } from './FillOtcOrderTradeOverview.js';
 
 const TradeOverviewScreen = (t0) => {
-  const $ = distExports.c(10);
+  const $ = distExports.c(12);
   const {
     flowType,
     flowProps
@@ -35,10 +36,10 @@ const TradeOverviewScreen = (t0) => {
       }
       return t1;
     }
-    case "limitOrder": {
+    case "twapOrder": {
       let t1;
       if ($[4] !== flowProps) {
-        t1 = /* @__PURE__ */ jsx(LimitOrderTradeOverviewScreen, { ...flowProps });
+        t1 = /* @__PURE__ */ jsx(TwapOrderTradeOverviewScreen, { ...flowProps });
         $[4] = flowProps;
         $[5] = t1;
       } else {
@@ -46,10 +47,10 @@ const TradeOverviewScreen = (t0) => {
       }
       return t1;
     }
-    case "otcOrder": {
+    case "limitOrder": {
       let t1;
       if ($[6] !== flowProps) {
-        t1 = /* @__PURE__ */ jsx(OtcOrderTradeOverviewScreen, { ...flowProps });
+        t1 = /* @__PURE__ */ jsx(LimitOrderTradeOverviewScreen, { ...flowProps });
         $[6] = flowProps;
         $[7] = t1;
       } else {
@@ -57,10 +58,10 @@ const TradeOverviewScreen = (t0) => {
       }
       return t1;
     }
-    case "fillOtcOrder": {
+    case "otcOrder": {
       let t1;
       if ($[8] !== flowProps) {
-        t1 = /* @__PURE__ */ jsx(FillOtcOrderTradeOverviewScreen, { ...flowProps });
+        t1 = /* @__PURE__ */ jsx(OtcOrderTradeOverviewScreen, { ...flowProps });
         $[8] = flowProps;
         $[9] = t1;
       } else {
@@ -68,6 +69,17 @@ const TradeOverviewScreen = (t0) => {
       }
       return t1;
     }
+    case "fillOtcOrder": {
+      let t1;
+      if ($[10] !== flowProps) {
+        t1 = /* @__PURE__ */ jsx(FillOtcOrderTradeOverviewScreen, { ...flowProps });
+        $[10] = flowProps;
+        $[11] = t1;
+      } else {
+        t1 = $[11];
+      }
+      return t1;
+    }
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverviewScreen.js","sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"sourcesContent":["import type {\n  MarketSwapFlowType,\n  DeltaSwapFlowType,\n  LimitOrderFlowType,\n  OtcOrderFlowType,\n  FillOtcOrderFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  DeltaOrderTradeOverviewScreen,\n  type DeltaOrderTradeOverviewFlowProps,\n} from \"./DeltaOrderTradeOverview\";\nimport {\n  MarketSwapTradeOverviewScreen,\n  type MarketSwapTradeOverviewFlowProps,\n} from \"./MarketSwapTradeOverview\";\nimport {\n  LimitOrderTradeOverviewScreen,\n  type LimitOrderTradeOverviewScreenProps,\n} from \"./LimitOrderTradeOverview\";\nimport {\n  OtcOrderTradeOverviewScreen,\n  type OtcOrderTradeOverviewScreenProps,\n} from \"./OtcOrderTradeOverview\";\nimport {\n  FillOtcOrderTradeOverviewScreen,\n  type FillOtcOrderTradeOverviewScreenProps,\n} from \"./FillOtcOrderTradeOverview\";\n\ntype MarketSwapProps = {\n  flowType: MarketSwapFlowType;\n  flowProps: MarketSwapTradeOverviewFlowProps;\n};\ntype DeltaOrderProps = {\n  flowType: DeltaSwapFlowType;\n  flowProps: DeltaOrderTradeOverviewFlowProps;\n};\n\ntype LimitOrderProps = {\n  flowType: LimitOrderFlowType;\n  flowProps: LimitOrderTradeOverviewScreenProps;\n};\n\ntype OtcOrderProps = {\n  flowType: OtcOrderFlowType;\n  flowProps: OtcOrderTradeOverviewScreenProps;\n};\n\ntype FillOtcOrderProps = {\n  flowType: FillOtcOrderFlowType;\n  flowProps: FillOtcOrderTradeOverviewScreenProps;\n};\n\nexport type TradeOverviewScreenProps =\n  | MarketSwapProps\n  | DeltaOrderProps\n  | LimitOrderProps\n  | OtcOrderProps\n  | FillOtcOrderProps;\n\nexport const TradeOverviewScreen = ({\n  flowType,\n  flowProps,\n}: TradeOverviewScreenProps) => {\n  switch (flowType) {\n    case \"marketSwap\":\n      return <MarketSwapTradeOverviewScreen {...flowProps} />;\n    case \"deltaOrder\":\n      return <DeltaOrderTradeOverviewScreen {...flowProps} />;\n    case \"limitOrder\":\n      return <LimitOrderTradeOverviewScreen {...flowProps} />;\n    case \"otcOrder\":\n      return <OtcOrderTradeOverviewScreen {...flowProps} />;\n    case \"fillOtcOrder\":\n      return <FillOtcOrderTradeOverviewScreen {...flowProps} />;\n  }\n};\n"],"names":["TradeOverviewScreen","t0","$","_c","flowType","flowProps","t1"],"mappings":";;;;;;;;AA2DO,MAAMA,sBAAsBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,QAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAIlC,EAAA,QAAQG,QAAAA;AAAQ,IAAA,KACT,YAAA,EAAY;AAAA,MAAA,IAAAE,EAAAA;AAAA,MAAA,IAAAJ,CAAAA,QAAAG,SAAAA,EAAA;AACRC,QAAAA,EAAAA,mBAAA,GAAA,CAAC,6BAAA,EAAA,EAA6B,GAAKD,SAAAA,EAAS,CAAA;AAAIH,QAAAA,CAAAA,MAAAG,SAAAA;AAAAH,QAAAA,CAAAA,MAAAI,EAAAA;AAAAA,MAAA,CAAA,MAAA;AAAAA,QAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,MAAA;AAAA,MAAA,OAAhDI,EAAAA;AAAAA,IAAgD;AAAA,IAAA,KACpD,YAAA,EAAY;AAAA,MAAA,IAAAA,EAAAA;AAAA,MAAA,IAAAJ,CAAAA,QAAAG,SAAAA,EAAA;AACRC,QAAAA,EAAAA,mBAAA,GAAA,CAAC,6BAAA,EAAA,EAA6B,GAAKD,SAAAA,EAAS,CAAA;AAAIH,QAAAA,CAAAA,MAAAG,SAAAA;AAAAH,QAAAA,CAAAA,MAAAI,EAAAA;AAAAA,MAAA,CAAA,MAAA;AAAAA,QAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,MAAA;AAAA,MAAA,OAAhDI,EAAAA;AAAAA,IAAgD;AAAA,IAAA,KACpD,YAAA,EAAY;AAAA,MAAA,IAAAA,EAAAA;AAAA,MAAA,IAAAJ,CAAAA,QAAAG,SAAAA,EAAA;AACRC,QAAAA,EAAAA,mBAAA,GAAA,CAAC,6BAAA,EAAA,EAA6B,GAAKD,SAAAA,EAAS,CAAA;AAAIH,QAAAA,CAAAA,MAAAG,SAAAA;AAAAH,QAAAA,CAAAA,MAAAI,EAAAA;AAAAA,MAAA,CAAA,MAAA;AAAAA,QAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,MAAA;AAAA,MAAA,OAAhDI,EAAAA;AAAAA,IAAgD;AAAA,IAAA,KACpD,UAAA,EAAU;AAAA,MAAA,IAAAA,EAAAA;AAAA,MAAA,IAAAJ,CAAAA,QAAAG,SAAAA,EAAA;AACNC,QAAAA,EAAAA,mBAAA,GAAA,CAAC,2BAAA,EAAA,EAA2B,GAAKD,SAAAA,EAAS,CAAA;AAAIH,QAAAA,CAAAA,MAAAG,SAAAA;AAAAH,QAAAA,CAAAA,MAAAI,EAAAA;AAAAA,MAAA,CAAA,MAAA;AAAAA,QAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,MAAA;AAAA,MAAA,OAA9CI,EAAAA;AAAAA,IAA8C;AAAA,IAAA,KAClD,cAAA,EAAc;AAAA,MAAA,IAAAA,EAAAA;AAAA,MAAA,IAAAJ,CAAAA,QAAAG,SAAAA,EAAA;AACVC,QAAAA,EAAAA,mBAAA,GAAA,CAAC,+BAAA,EAAA,EAA+B,GAAKD,SAAAA,EAAS,CAAA;AAAIH,QAAAA,CAAAA,MAAAG,SAAAA;AAAAH,QAAAA,CAAAA,MAAAI,EAAAA;AAAAA,MAAA,CAAA,MAAA;AAAAA,QAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,MAAA;AAAA,MAAA,OAAlDI,EAAAA;AAAAA,IAAkD;AAAA;AAC5D;;;;"}
+{"version":3,"file":"TradeOverviewScreen.js","sources":["../../../../src/components/widget/TradeOverview/TradeOverviewScreen.tsx"],"sourcesContent":["import type {\n  MarketSwapFlowType,\n  DeltaSwapFlowType,\n  TwapOrderFlowType,\n  LimitOrderFlowType,\n  OtcOrderFlowType,\n  FillOtcOrderFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  DeltaOrderTradeOverviewScreen,\n  type DeltaOrderTradeOverviewFlowProps,\n} from \"./DeltaOrderTradeOverview\";\nimport {\n  TwapOrderTradeOverviewScreen,\n  type TwapOrderTradeOverviewFlowProps,\n} from \"./TwapOrderTradeOverview\";\nimport {\n  MarketSwapTradeOverviewScreen,\n  type MarketSwapTradeOverviewFlowProps,\n} from \"./MarketSwapTradeOverview\";\nimport {\n  LimitOrderTradeOverviewScreen,\n  type LimitOrderTradeOverviewScreenProps,\n} from \"./LimitOrderTradeOverview\";\nimport {\n  OtcOrderTradeOverviewScreen,\n  type OtcOrderTradeOverviewScreenProps,\n} from \"./OtcOrderTradeOverview\";\nimport {\n  FillOtcOrderTradeOverviewScreen,\n  type FillOtcOrderTradeOverviewScreenProps,\n} from \"./FillOtcOrderTradeOverview\";\n\ntype MarketSwapProps = {\n  flowType: MarketSwapFlowType;\n  flowProps: MarketSwapTradeOverviewFlowProps;\n};\ntype DeltaOrderProps = {\n  flowType: DeltaSwapFlowType;\n  flowProps: DeltaOrderTradeOverviewFlowProps;\n};\n\ntype TwapOrderProps = {\n  flowType: TwapOrderFlowType;\n  flowProps: TwapOrderTradeOverviewFlowProps;\n};\n\ntype LimitOrderProps = {\n  flowType: LimitOrderFlowType;\n  flowProps: LimitOrderTradeOverviewScreenProps;\n};\n\ntype OtcOrderProps = {\n  flowType: OtcOrderFlowType;\n  flowProps: OtcOrderTradeOverviewScreenProps;\n};\n\ntype FillOtcOrderProps = {\n  flowType: FillOtcOrderFlowType;\n  flowProps: FillOtcOrderTradeOverviewScreenProps;\n};\n\nexport type TradeOverviewScreenProps =\n  | MarketSwapProps\n  | DeltaOrderProps\n  | TwapOrderProps\n  | LimitOrderProps\n  | OtcOrderProps\n  | FillOtcOrderProps;\n\nexport const TradeOverviewScreen = ({\n  flowType,\n  flowProps,\n}: TradeOverviewScreenProps) => {\n  switch (flowType) {\n    case \"marketSwap\":\n      return <MarketSwapTradeOverviewScreen {...flowProps} />;\n    case \"deltaOrder\":\n      return <DeltaOrderTradeOverviewScreen {...flowProps} />;\n    case \"twapOrder\":\n      return <TwapOrderTradeOverviewScreen {...flowProps} />;\n    case \"limitOrder\":\n      return <LimitOrderTradeOverviewScreen {...flowProps} />;\n    case \"otcOrder\":\n      return <OtcOrderTradeOverviewScreen {...flowProps} />;\n    case \"fillOtcOrder\":\n      return <FillOtcOrderTradeOverviewScreen {...flowProps} />;\n  }\n};\n"],"names":["TradeOverviewScreen","t0","$","_c","flowType","flowProps","t1"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { SubmitTwapOrderResult } from '../../../hooks/swap/tradeFlow/useTwapFlow';
+import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
+import { TwapOrderStepKey } from './steps';
+import { TwapOrderFlowType } from '../../../hooks/swap/tradeFlow/common/types';
+import { BridgePrice, DeltaPrice } from '@velora-dex/sdk';
+type TwapOrderTradeOverviewProps = Pick<TradeOverviewProps<TwapOrderStepKey, SubmitTwapOrderResult, TwapOrderFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onCancelOrder" | "onResubmit" | "onRestartFlow" | "isFlowCancellable" | "explorerLink" | "activeStep" | "orderCancellationStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
+export declare function TwapOrderTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onCancelOrder, onResubmit, onRestartFlow, activeStep, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: TwapOrderTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type TwapOrderTradeOverviewFlowProps = {
+    orderProps: MinTradeOverviewProps;
+    twapPrice: DeltaPrice | BridgePrice;
+    onClose?: () => void;
+};
+export declare const TwapOrderTradeOverviewScreen: (props: TwapOrderTradeOverviewFlowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TwapOrderTradeOverview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TwapOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TwapOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAkB,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU/D,KAAK,2BAA2B,GAAG,IAAI,CACrC,kBAAkB,CAChB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,2BAA2B,2CAyB7B;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA6GF,eAAO,MAAM,4BAA4B,GACvC,OAAO,+BAA+B,4CAIvC,CAAC"}