@velora-dex/widget 0.2.5-dev.9 → 0.3.2-dev.1

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

@@ -6,69 +6,78 @@ import { useTradeFlowContext } from '../tradeFlowContext.js';
 import { getExpectedTransferAmounts, getResultAmounts } from './utils.js';
 import 'react';
 import { isTruthy } from '../../../../lib/utils/index.js';
+import { isOrderTradeFlowType } from '../../../../hooks/swap/tradeFlow/common/utils.js';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 function useTradeCompletedDetails() {
-  const $ = distExports.c(19);
+  const $ = distExports.c(21);
   const {
     fromToken,
     toToken,
     result
   } = useTradeFlowContext();
-  const isLimitOrderFlow = result?.tradeFlowType === "limitOrder";
   let t0;
   if ($[0] !== result) {
-    t0 = getExpectedTransferAmounts({
-      result
-    });
+    t0 = !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);
     $[0] = result;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const resultWeiAmounts = t0;
-  const receipt = result?.tradeFlowType === "marketSwap" ? result.swap.receipt || result.swap.callsReceipt : void 0;
+  const isOrderFlow = t0;
   let t1;
-  if ($[2] !== fromToken || $[3] !== toToken) {
-    t1 = [fromToken, toToken];
-    $[2] = fromToken;
-    $[3] = toToken;
-    $[4] = t1;
+  if ($[2] !== result) {
+    t1 = getExpectedTransferAmounts({
+      result
+    });
+    $[2] = result;
+    $[3] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[3];
   }
-  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 = {
+  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 = {
       receipt,
-      tokens: t1,
-      senderAddress: t2,
-      receiverAddress: t3,
+      tokens: t2,
+      senderAddress: t3,
+      receiverAddress: t4,
       chainId: fromToken.network,
-      expectedTokenTransfers: t4
+      expectedTokenTransfers: t5
     };
-    $[5] = fromToken.network;
-    $[6] = receipt;
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
+    $[7] = fromToken.network;
+    $[8] = receipt;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
   } else {
-    t5 = $[11];
+    t6 = $[13];
   }
   const {
     data: tokenTransfers
-  } = useTokenTransfersFromReceipt(t5);
+  } = useTokenTransfersFromReceipt(t6);
   const fromAmountFinal = tokenTransfers?.[fromToken.address]?.sentAmount ?? resultWeiAmounts?.fromAmountWei;
   const toAmountFinal = tokenTransfers?.[toToken.address]?.receivedAmount ?? resultWeiAmounts?.toAmountWei;
-  let t6;
-  if ($[12] !== fromAmountFinal || $[13] !== fromToken || $[14] !== isLimitOrderFlow || $[15] !== resultWeiAmounts?.isBuy || $[16] !== toAmountFinal || $[17] !== toToken) {
+  let t7;
+  if ($[14] !== fromAmountFinal || $[15] !== fromToken || $[16] !== isOrderFlow || $[17] !== resultWeiAmounts?.isBuy || $[18] !== toAmountFinal || $[19] !== toToken) {
     const amounts = getResultAmounts({
       fromAmountWei: fromAmountFinal,
       toAmountWei: toAmountFinal,
@@ -76,30 +85,30 @@ function useTradeCompletedDetails() {
       fromToken,
       toToken
     });
-    t6 = [{
+    t7 = [{
       key: "sold",
-      title: isLimitOrderFlow ? "Pay" : "You 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: isLimitOrderFlow ? "Receive" : "You 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 })
-    }, !isLimitOrderFlow && {
+    }, !isOrderFlow && {
       key: "rate",
       title: "Best Rate",
       value: amounts.rateStr
     }].filter(isTruthy);
-    $[12] = fromAmountFinal;
-    $[13] = fromToken;
-    $[14] = isLimitOrderFlow;
-    $[15] = resultWeiAmounts?.isBuy;
-    $[16] = toAmountFinal;
-    $[17] = toToken;
-    $[18] = t6;
+    $[14] = fromAmountFinal;
+    $[15] = fromToken;
+    $[16] = isOrderFlow;
+    $[17] = resultWeiAmounts?.isBuy;
+    $[18] = toAmountFinal;
+    $[19] = toToken;
+    $[20] = t7;
   } else {
-    t6 = $[18];
+    t7 = $[20];
   }
-  const details = t6;
+  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\";\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 isLimitOrderFlow = result?.tradeFlowType === \"limitOrder\";\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: isLimitOrderFlow ? \"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: isLimitOrderFlow ? \"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    !isLimitOrderFlow && {\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","isLimitOrderFlow","tradeFlowType","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","t6","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\";\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":";;;;;;;;;;AAUA,MAAMA,YAAAA,GAAe;AAAA,EACnBC,IAAAA,EAAM;AACR,CAAA;AAEO,SAAAC,wBAAAA,GAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AACL,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC;AAAAA,MAAuCC,mBAAAA,EAAoB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAI,MAAAA,EAAA;AAE3DE,IAAAA,EAAAA,GAAA,CAAC,CAACF,MAAAA,EAAMG,aAAAA,IAAmBC,oBAAAA,CAAqBJ,OAAMG,aAAc,CAAA;AAACP,IAAAA,CAAAA,MAAAI,MAAAA;AAAAJ,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AADvE,EAAA,MAAAS,WAAAA,GACEH,EAAAA;AAAsE,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAV,CAAAA,QAAAI,MAAAA,EAAA;AAG/DM,IAAAA,EAAAA,GAAAC,0BAAAA,CAA2B;AAAA,MAAAP;AAAAA,KAEjC,CAAA;AAACJ,IAAAA,CAAAA,MAAAI,MAAAA;AAAAJ,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAHJ,EAAA,MAAAY,gBAAAA,GACEF,EAAAA;AAKF,EAAA,MAAAG,OAAAA,GACET,QAAMG,aAAAA,KAAoB,YAAA,GAEtBH,OAAMU,IAAAA,CAAKD,OAAAA,IAAYT,MAAAA,CAAMU,IAAAA,CAAKC,YAAAA,GAFtCC,MAAAA;AAGc,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAjB,EAAA,CAAA,CAAA,KAAAE,aAAAF,CAAAA,QAAAG,OAAAA,EAAA;AAINc,IAAAA,EAAAA,GAAA,CAACf,WAAWC,OAAO,CAAA;AAACH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAG,OAAAA;AAAAH,IAAAA,CAAAA,MAAAiB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,CAAA,CAAA;AAAA,EAAA;AACb,EAAA,MAAAkB,KAAAd,MAAAA,EAAMe,OAAAA;AACJ,EAAA,MAAAC,KAAAhB,MAAAA,EAAMiB,eAAAA;AAEC,EAAA,MAAAC,KAAAV,gBAAAA,EAAgBW,SAAAA;AAAW,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAxB,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,CAAAuB,OAAAA,IAAAzB,EAAA,CAAA,CAAA,KAAAa,OAAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAiB,MAAAjB,CAAAA,CAAA,EAAA,CAAA,KAAAkB,EAAAA,IAAAlB,CAAAA,SAAAoB,EAAAA,IAAApB,CAAAA,CAAA,EAAA,CAAA,KAAAsB,EAAAA,EAAA;AANSE,IAAAA,EAAAA,GAAA;AAAA,MAAAX,OAAAA;AAAAA,MAAAa,MAAAA,EAEpDT,EAAAA;AAAAA,MAAoBU,aAAAA,EACbT,EAAAA;AAAAA,MAAeG,eAAAA,EACbD,EAAAA;AAAAA,MAAuBQ,SAC/B1B,SAAAA,CAASuB,OAAAA;AAAAA,MAAQI,sBAAAA,EACFP;AAAAA,KAC1B;AAACtB,IAAAA,CAAAA,CAAA,CAAA,IAAAE,SAAAA,CAAAuB,OAAAA;AAAAzB,IAAAA,CAAAA,MAAAa,OAAAA;AAAAb,IAAAA,CAAAA,MAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,EAAAA;AAAAlB,IAAAA,CAAAA,OAAAoB,EAAAA;AAAApB,IAAAA,CAAAA,OAAAsB,EAAAA;AAAAtB,IAAAA,CAAAA,OAAAwB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAxB,EAAA,EAAA,CAAA;AAAA,EAAA;AAPD,EAAA,MAAA;AAAA,IAAA8B,IAAAA,EAAAC;AAAAA,GAAA,GAAiCC,6BAA6BR,EAO7D,CAAA;AAED,EAAA,MAAAS,kBACEF,cAAAA,GAAiB7B,SAAAA,CAASgC,OAAmB,CAAA,EAAaC,cAC1DvB,gBAAAA,EAAgBwB,aAAAA;AAClB,EAAA,MAAAC,gBACEN,cAAAA,GAAiB5B,OAAAA,CAAO+B,OAAmB,CAAA,EAAiBI,kBAC5D1B,gBAAAA,EAAgB2B,WAAAA;AAAc,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAxC,CAAAA,CAAA,EAAA,CAAA,KAAAiC,eAAAA,IAAAjC,CAAAA,SAAAE,SAAAA,IAAAF,CAAAA,CAAA,EAAA,CAAA,KAAAS,WAAAA,IAAAT,EAAA,EAAA,CAAA,KAAAY,gBAAAA,EAAA6B,KAAAA,IAAAzC,CAAAA,SAAAqC,aAAAA,IAAArC,CAAAA,CAAA,EAAA,CAAA,KAAAG,OAAAA,EAAA;AAEhC,IAAA,MAAAuC,UAAgBC,gBAAAA,CAAiB;AAAA,MAAAP,aAAAA,EAChBH,eAAAA;AAAAA,MAAeM,WAAAA,EACjBF,aAAAA;AAAAA,MAAaI,OACnB7B,gBAAAA,EAAgB6B,KAAAA;AAAAA,MAAOvC,SAAAA;AAAAA,MAAAC;AAAAA,KAG/B,CAAA;AAEkCqC,IAAAA,EAAAA,GAAA,CACjC;AAAA,MAAAI,GAAAA,EACO,MAAA;AAAA,MAAMC,KAAAA,EACJpC,cAAA,KAAA,GAAA,UAAA;AAAA,MAAgCqC,KAAAA,sBAEpC,UAAA,EAAA,EACU,OAAA,EAAA5C,UAASgC,OAAAA,EACT,OAAA,EAAAhC,UAASuB,OAAAA,EACb,GAAA,EAAAvB,UAAS6C,GAAAA,EACN,MAAA,EAAA7C,UAAS8C,MAAAA,EACjB,eAAA,EAAA,MACQ,MAAA,EAAAN,OAAAA,CAAOO,cAAAA,EACNpD,OAAAA,EAAAA,YAAAA,EAAY;AAAA,KAG3B,EACA;AAAA,MAAA+C,GAAAA,EACO,UAAA;AAAA,MAAUC,KAAAA,EACRpC,cAAA,SAAA,GAAA,cAAA;AAAA,MAAwCqC,KAAAA,sBAE5C,UAAA,EAAA,EACU,OAAA,EAAA3C,QAAO+B,OAAAA,EACP,OAAA,EAAA/B,QAAOsB,OAAAA,EACX,GAAA,EAAAtB,QAAO4C,GAAAA,EACJ,MAAA,EAAA5C,QAAO6C,MAAAA,EACf,eAAA,EAAA,MACQ,MAAA,EAAAN,OAAAA,CAAOQ,YAAAA,EACNrD,OAAAA,EAAAA,YAAAA,EAAY;AAAA,KAG3B,EACA,CAACY,WAAAA,IAAD;AAAA,MAAAmC,GAAAA,EACO,MAAA;AAAA,MAAMC,KAAAA,EACJ,WAAA;AAAA,MAAWC,OACXJ,OAAAA,CAAOS;AAAAA,KACf,CAAA,CACFC,MAAAA,CAAQC,QAAQ,CAAA;AAACrD,IAAAA,CAAAA,OAAAiC,eAAAA;AAAAjC,IAAAA,CAAAA,OAAAE,SAAAA;AAAAF,IAAAA,CAAAA,OAAAS,WAAAA;AAAAT,IAAAA,CAAAA,CAAA,EAAA,IAAAY,gBAAAA,EAAA6B,KAAAA;AAAAzC,IAAAA,CAAAA,OAAAqC,aAAAA;AAAArC,IAAAA,CAAAA,OAAAG,OAAAA;AAAAH,IAAAA,CAAAA,OAAAwC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAxC,EAAA,EAAA,CAAA;AAAA,EAAA;AApClB,EAAA,MAAAsD,OAAAA,GAAmCd,EAAAA;AAoChB,EAAA,OAEZc,OAAAA;AAAO;;;;"}

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;AAGhF,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,CAyJhC;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;AAGhF,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,CA0JhC;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,6 +1,6 @@
 import { formatTokenBalanceClean } from '../../../../lib/utils/formatTokenBalance.js';
 import { calcRate } from '../../../../lib/utils/rate.js';
-import { getSwapSideFromDeltaPrice } from '../../../../hooks/swap/prices/delta/queries/utils.js';
+import { getSwapSideFromDeltaOrder } from '../../../../hooks/swap/prices/delta/queries/utils.js';
 
 function getExpectedTransferAmounts({
   result
@@ -29,7 +29,7 @@ function getExpectedTransferAmounts({
         receivedAmount: BigInt(toAmountWei2)
       }
     };
-    const swapSide = getSwapSideFromDeltaPrice(result.deltaPrice);
+    const swapSide = getSwapSideFromDeltaOrder(result.deltaOrder.sentOrder.order);
     const isBuy = swapSide === "BUY";
     return {
       fromAmountWei: fromAmountWei2,

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 { getSwapSideFromDeltaPrice } from \"@/hooks/swap/prices/delta/queries/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 } = result.deltaOrder.sentOrder.order;\n\n    const fromAmountWei =\n      result.deltaOrder.lastOrderState?.order.srcAmount ||\n      result.deltaOrder.sentOrder.order.srcAmount;\n    const toAmountWei =\n      result.deltaOrder.lastOrderState?.order.destAmount ||\n      result.deltaOrder.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    // we can't know SwapSide from deltaOrder alone\n    const swapSide = getSwapSideFromDeltaPrice(result.deltaPrice);\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","deltaOrder","sentOrder","order","fromAmountWei","lastOrderState","srcAmount","toAmountWei","destAmount","tokensMap","token","sentAmount","BigInt","receivedAmount","swapSide","getSwapSideFromDeltaPrice","deltaPrice","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 { getSwapSideFromDeltaOrder } from \"@/hooks/swap/prices/delta/queries/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 } = result.deltaOrder.sentOrder.order;\n\n    const fromAmountWei =\n      result.deltaOrder.lastOrderState?.order.srcAmount ||\n      result.deltaOrder.sentOrder.order.srcAmount;\n    const toAmountWei =\n      result.deltaOrder.lastOrderState?.order.destAmount ||\n      result.deltaOrder.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    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","deltaOrder","sentOrder","order","fromAmountWei","lastOrderState","srcAmount","toAmountWei","destAmount","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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"}

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

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

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

@@ -4,155 +4,200 @@ import { TokenBadge } from '../TokenBadge/TokenBadge.js';
 import { formatTokenAmount } from '../../../lib/utils/formatTokenBalance.js';
 import { useTradeFlowContext } from './tradeFlowContext.js';
 import { TradeDetailsDisplay } from './TradeDetailsDisplay.js';
+import { isSwapTradeFlowType } from '../../../hooks/swap/tradeFlow/common/utils.js';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 const TradeDetailsBase = (t0) => {
-  const $ = distExports.c(30);
+  const $ = distExports.c(44);
   const {
     fromToken,
     toToken,
     fromAmount,
     toAmount,
+    tradeFlowType,
     swapSide: t1
   } = t0;
   const swapSide = t1 === void 0 ? "SELL" : t1;
-  const isSell = swapSide === "SELL";
-  const fromTokenLabel = isSell ? "Swap" : "Swap (at least)";
-  const toTokenLabel = isSell ? "For (at least)" : "For";
   let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
-    $[0] = t2;
+  if ($[0] !== tradeFlowType) {
+    t2 = isSwapTradeFlowType(tradeFlowType);
+    $[0] = tradeFlowType;
+    $[1] = t2;
   } else {
-    t2 = $[0];
+    t2 = $[1];
   }
-  let t3;
-  if ($[1] !== fromTokenLabel) {
-    t3 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: fromTokenLabel });
-    $[1] = fromTokenLabel;
-    $[2] = t3;
+  const isSwapFlow = t2;
+  const isSell = swapSide === "SELL";
+  let fromTokenLabel;
+  let toTokenLabel;
+  if (isSwapFlow) {
+    fromTokenLabel = isSell ? "Swap" : "For (at most)";
+    toTokenLabel = isSell ? "For (at least)" : "Buy";
   } else {
-    t3 = $[2];
+    fromTokenLabel = "Pay";
+    toTokenLabel = "Receive";
   }
-  const t4 = fromToken.address;
-  const t5 = fromToken.network;
-  const t6 = fromToken.img;
-  const t7 = fromToken.symbol;
+  let T0;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
   let t8;
-  if ($[3] !== fromAmount) {
-    t8 = formatTokenAmount(fromAmount);
-    $[3] = fromAmount;
-    $[4] = t8;
-  } else {
-    t8 = $[4];
-  }
   let t9;
-  if ($[5] !== fromToken.address || $[6] !== fromToken.img || $[7] !== fromToken.network || $[8] !== fromToken.symbol || $[9] !== t8) {
-    t9 = /* @__PURE__ */ jsx(TokenBadge, { address: t4, chainId: t5, img: t6, symbol: t7, showNetworkIcon: true, amount: t8, classes: badgeClasses });
-    $[5] = fromToken.address;
-    $[6] = fromToken.img;
-    $[7] = fromToken.network;
-    $[8] = fromToken.symbol;
-    $[9] = t8;
-    $[10] = t9;
-  } else {
-    t9 = $[10];
-  }
-  let t10;
-  if ($[11] !== t3 || $[12] !== t9) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      t3,
-      t9
+  if ($[2] !== fromAmount || $[3] !== fromToken || $[4] !== fromTokenLabel || $[5] !== isSell || $[6] !== isSwapFlow || $[7] !== toAmount || $[8] !== toToken || $[9] !== toTokenLabel) {
+    const fromTokenObj = {
+      token: fromToken,
+      label: fromTokenLabel,
+      amount: fromAmount
+    };
+    const toTokenObj = {
+      token: toToken,
+      label: toTokenLabel,
+      amount: toAmount
+    };
+    const [firstToken, secondToken] = isSell || !isSwapFlow ? [fromTokenObj, toTokenObj] : [toTokenObj, fromTokenObj];
+    t13 = "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5";
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+      t14 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
+      $[23] = t14;
+    } else {
+      t14 = $[23];
+    }
+    t11 = "flex items-center justify-between gap-2 py-[8px] px-[16px]";
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs", children: firstToken.label }),
+      /* @__PURE__ */ jsx(TokenBadge, { address: firstToken.token.address, chainId: firstToken.token.network, img: firstToken.token.img, symbol: firstToken.token.symbol, showNetworkIcon: true, amount: formatTokenAmount(firstToken.amount, 5), classes: badgeClasses })
     ] });
-    $[11] = t3;
-    $[12] = t9;
-    $[13] = t10;
+    t9 = "flex items-center gap-1";
+    t10 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: secondToken.label });
+    T0 = TokenBadge;
+    t3 = secondToken.token.address;
+    t4 = secondToken.token.network;
+    t5 = secondToken.token.img;
+    t6 = secondToken.token.symbol;
+    t7 = true;
+    t8 = formatTokenAmount(secondToken.amount, 5);
+    $[2] = fromAmount;
+    $[3] = fromToken;
+    $[4] = fromTokenLabel;
+    $[5] = isSell;
+    $[6] = isSwapFlow;
+    $[7] = toAmount;
+    $[8] = toToken;
+    $[9] = toTokenLabel;
+    $[10] = T0;
+    $[11] = t10;
+    $[12] = t11;
+    $[13] = t12;
+    $[14] = t13;
+    $[15] = t14;
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
   } else {
-    t10 = $[13];
+    T0 = $[10];
+    t10 = $[11];
+    t11 = $[12];
+    t12 = $[13];
+    t13 = $[14];
+    t14 = $[15];
+    t3 = $[16];
+    t4 = $[17];
+    t5 = $[18];
+    t6 = $[19];
+    t7 = $[20];
+    t8 = $[21];
+    t9 = $[22];
   }
-  let t11;
-  if ($[14] !== toTokenLabel) {
-    t11 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: toTokenLabel });
-    $[14] = toTokenLabel;
-    $[15] = t11;
+  let t15;
+  if ($[24] !== T0 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6 || $[29] !== t7 || $[30] !== t8) {
+    t15 = /* @__PURE__ */ jsx(T0, { address: t3, chainId: t4, img: t5, symbol: t6, showNetworkIcon: t7, amount: t8, classes: badgeClasses });
+    $[24] = T0;
+    $[25] = t3;
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = t6;
+    $[29] = t7;
+    $[30] = t8;
+    $[31] = t15;
   } else {
-    t11 = $[15];
+    t15 = $[31];
   }
-  const t12 = toToken.address;
-  const t13 = toToken.network;
-  const t14 = toToken.img;
-  const t15 = toToken.symbol;
   let t16;
-  if ($[16] !== toAmount) {
-    t16 = formatTokenAmount(toAmount);
-    $[16] = toAmount;
-    $[17] = t16;
+  if ($[32] !== t10 || $[33] !== t15 || $[34] !== t9) {
+    t16 = /* @__PURE__ */ jsxs("div", { className: t9, children: [
+      t10,
+      t15
+    ] });
+    $[32] = t10;
+    $[33] = t15;
+    $[34] = t9;
+    $[35] = t16;
   } else {
-    t16 = $[17];
+    t16 = $[35];
   }
   let t17;
-  if ($[18] !== t16 || $[19] !== toToken.address || $[20] !== toToken.img || $[21] !== toToken.network || $[22] !== toToken.symbol) {
-    t17 = /* @__PURE__ */ jsx(TokenBadge, { address: t12, chainId: t13, img: t14, symbol: t15, showNetworkIcon: true, amount: t16, classes: badgeClasses });
-    $[18] = t16;
-    $[19] = toToken.address;
-    $[20] = toToken.img;
-    $[21] = toToken.network;
-    $[22] = toToken.symbol;
-    $[23] = t17;
+  if ($[36] !== t11 || $[37] !== t12 || $[38] !== t16) {
+    t17 = /* @__PURE__ */ jsxs("div", { className: t11, children: [
+      t12,
+      t16
+    ] });
+    $[36] = t11;
+    $[37] = t12;
+    $[38] = t16;
+    $[39] = t17;
   } else {
-    t17 = $[23];
+    t17 = $[39];
   }
   let t18;
-  if ($[24] !== t11 || $[25] !== t17) {
-    t18 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      t11,
+  if ($[40] !== t13 || $[41] !== t14 || $[42] !== t17) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: t13, children: [
+      t14,
       t17
     ] });
-    $[24] = t11;
-    $[25] = t17;
-    $[26] = t18;
-  } else {
-    t18 = $[26];
-  }
-  let t19;
-  if ($[27] !== t10 || $[28] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5", children: [
-      t2,
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-[8px] px-[16px]", children: [
-        t10,
-        t18
-      ] })
-    ] });
-    $[27] = t10;
-    $[28] = t18;
-    $[29] = t19;
+    $[40] = t13;
+    $[41] = t14;
+    $[42] = t17;
+    $[43] = t18;
   } else {
-    t19 = $[29];
+    t18 = $[43];
   }
-  return t19;
+  return t18;
 };
 const TradeDetails = () => {
-  const $ = distExports.c(6);
+  const $ = distExports.c(7);
   const {
     fromToken,
     toToken,
     fromAmount,
     toAmount,
-    swapSide
+    swapSide,
+    tradeFlowType
   } = useTradeFlowContext();
   let t0;
-  if ($[0] !== fromAmount || $[1] !== fromToken || $[2] !== swapSide || $[3] !== toAmount || $[4] !== toToken) {
-    t0 = /* @__PURE__ */ jsx(TradeDetailsBase, { fromToken, toToken, fromAmount, toAmount, swapSide });
+  if ($[0] !== fromAmount || $[1] !== fromToken || $[2] !== swapSide || $[3] !== toAmount || $[4] !== toToken || $[5] !== tradeFlowType) {
+    t0 = /* @__PURE__ */ jsx(TradeDetailsBase, { fromToken, toToken, fromAmount, toAmount, swapSide, tradeFlowType });
     $[0] = fromAmount;
     $[1] = fromToken;
     $[2] = swapSide;
     $[3] = toAmount;
     $[4] = toToken;
-    $[5] = t0;
+    $[5] = tradeFlowType;
+    $[6] = t0;
   } else {
-    t0 = $[5];
+    t0 = $[6];
   }
   return t0;
 };