@velora-dex/widget 0.6.0 → 0.6.1-dev.2

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.js","names":["useTokenPrice","formatFiatPrice","getSurplusAmounts","useTradeFlowContext","OrderTradeFlowType","SwapTradeFlowType","TradeFlowType","tradeFlowCompletedTitle","isOrderTradeFlowType","TradeCompletedHeaderBaseProps","tradeFlowType","isOrderCancelled","TradeCompletedHeaderBase","t0","$","_c","children","title","t1","t2","TradeCompletedHeader","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","tokenPrice","price","amountInUSD","diffUnit","Number","formattedAmountInUSD","t3","t4","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","subTitle1","subTitle2"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  isOrderCancelled?: boolean;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n  isOrderCancelled,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  const title = isOrderCancelled\n    ? \"Order Cancelled\"\n    : tradeFlowCompletedTitle[tradeFlowType];\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n  isOrderCancelled,\n}: TradeCompletedHeaderBaseProps) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return (\n      <TradeCompletedHeaderOrder\n        orderTradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n    );\n  }\n\n  return (\n    <TradeCompletedHeaderSwap\n      swapTradeFlowType={tradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    />\n  );\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n  isOrderCancelled,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={swapTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      {surplusDisplay && !isOrderCancelled && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n\n  const subTitle1 = isFillOTC ? (\n    <div>Your OTC order has been executed.</div>\n  ) : (\n    <div>\n      Your {isLimit ? \"limit\" : \"OTC\"} order{\" \"}\n      {isOrderCancelled\n        ? \"has been cancelled following your request\"\n        : \"is now created\"}\n      .\n    </div>\n  );\n\n  const subTitle2 = !isOrderCancelled && !isFillOTC && (\n    <div>\n      You can check the order status on the main {isLimit ? \"Limit\" : \"OTC\"}{\" \"}\n      Order interface\n    </div>\n  );\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={orderTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle1}\n        {subTitle2}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"TradeCompleteHeader.js","names":["useTokenPrice","formatFiatPrice","getSurplusAmounts","useTradeFlowContext","OrderTradeFlowType","SwapTradeFlowType","TradeFlowType","tradeFlowCompletedTitle","isOrderTradeFlowType","TradeCompletedHeaderBaseProps","tradeFlowType","isOrderCancelled","TradeCompletedHeaderBase","t0","$","_c","children","title","t1","t2","TradeCompletedHeader","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","tokenPrice","price","amountInUSD","diffUnit","Number","formattedAmountInUSD","t3","t4","orderCreated","orderCancelled","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","isTwap","subTitle"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  isOrderCancelled?: boolean;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n  isOrderCancelled,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  const title = isOrderCancelled\n    ? \"Order Cancelled\"\n    : tradeFlowCompletedTitle[tradeFlowType];\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n  isOrderCancelled,\n}: TradeCompletedHeaderBaseProps) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return (\n      <TradeCompletedHeaderOrder\n        orderTradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n    );\n  }\n\n  return (\n    <TradeCompletedHeaderSwap\n      swapTradeFlowType={tradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    />\n  );\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n  isOrderCancelled,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={swapTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      {surplusDisplay && !isOrderCancelled && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst orderCreated = \"is now created\";\nconst orderCancelled = \"has been cancelled following your request\";\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n  const isTwap = orderTradeFlowType === \"twapOrder\";\n\n  let subTitle: string;\n  if (isFillOTC) {\n    subTitle = \"Your OTC order has been executed.\";\n  } else if (isLimit) {\n    //has been cancelled following your request\n    //is now created\n    subTitle = `Your limit order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else if (isTwap) {\n    subTitle = `Your TWAP order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else {\n    subTitle = `Your order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  }\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={orderTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMjE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAOjE,CAAC"}

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

@@ -4,7 +4,8 @@ var e = {
 	marketSwap: "Swap Completed",
 	limitOrder: "Order Created",
 	otcOrder: "Order Created",
-	fillOtcOrder: "Order Completed"
+	fillOtcOrder: "Order Completed",
+	twapOrder: "Order Created"
 };
 //#endregion
 export { e as tradeFlowCompletedTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["TradeFlowType","tradeFlowCompletedTitle","Record","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nexport const tradeFlowCompletedTitle: Record<TradeFlowType, string> = {\n  deltaOrder: \"Order Completed\",\n  marketSwap: \"Swap Completed\",\n  limitOrder: \"Order Created\",\n  otcOrder: \"Order Created\",\n  fillOtcOrder: \"Order Completed\",\n};\n"],"mappings":";AAEA,IAAaC,IAAyD;CACpEE,YAAY;CACZC,YAAY;CACZC,YAAY;CACZC,UAAU;CACVC,cAAc;CACf"}
+{"version":3,"file":"constants.js","names":["TradeFlowType","tradeFlowCompletedTitle","Record","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder","twapOrder"],"sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nexport const tradeFlowCompletedTitle: Record<TradeFlowType, string> = {\n  deltaOrder: \"Order Completed\",\n  marketSwap: \"Swap Completed\",\n  limitOrder: \"Order Created\",\n  otcOrder: \"Order Created\",\n  fillOtcOrder: \"Order Completed\",\n  twapOrder: \"Order Created\",\n};\n"],"mappings":";AAEA,IAAaC,IAAyD;CACpEE,YAAY;CACZC,YAAY;CACZC,YAAY;CACZC,UAAU;CACVC,cAAc;CACdC,WAAW;CACZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAa3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CAgF5D"}
+{"version":3,"file":"useTradeCompleteDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAe3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CAsG5D"}

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

@@ -1,76 +1,98 @@
 import { isTruthy as e } from "../../../../lib/utils/index.js";
-import { TokenBadge as t } from "../../TokenBadge/TokenBadge.js";
-import { useTradeFlowContext as n } from "../tradeFlowContext.js";
-import { isOrderTradeFlowType as r } from "../../../../hooks/swap/tradeFlow/common/utils.js";
-import { useTokenTransfersFromReceipt as i } from "../../../../tokens/utils/transferAmountsFromReceipt.js";
-import { getExpectedTransferAmounts as a, getResultAmounts as o } from "./utils.js";
-import { c as s } from "react-compiler-runtime";
+import { getTwapOrderDeadlineFromSlices as t } from "../../../../hooks/swap/prices/delta/orders/utils.js";
+import { TokenBadge as n } from "../../TokenBadge/TokenBadge.js";
+import { TimeTillExpiry as r } from "../../LimitOrderItem/LimitOrderListItem.js";
+import { useTradeFlowContext as i } from "../tradeFlowContext.js";
+import { isOrderTradeFlowType as a } from "../../../../hooks/swap/tradeFlow/common/utils.js";
+import { useTokenTransfersFromReceipt as o } from "../../../../tokens/utils/transferAmountsFromReceipt.js";
+import { getExpectedTransferAmounts as s, getResultAmounts as c } from "./utils.js";
+import { c as l } from "react-compiler-runtime";
 import "react";
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 //#region src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx
-var l = { root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium" };
-function u() {
-	let u = s(21), { fromToken: d, toToken: f, result: p } = n(), m;
-	u[0] === p ? m = u[1] : (m = !!p?.tradeFlowType && r(p.tradeFlowType), u[0] = p, u[1] = m);
-	let h = m, g;
-	u[2] === p ? g = u[3] : (g = a({ result: p }), u[2] = p, u[3] = g);
-	let _ = g, v = p?.tradeFlowType === "marketSwap" ? p.swap.receipt || p.swap.callsReceipt : void 0, y;
-	u[4] !== d || u[5] !== f ? (y = [d, f], u[4] = d, u[5] = f, u[6] = y) : y = u[6];
-	let b = p?.account, x = p?.receiverAddress, S = _?.tokensMap, C;
-	u[7] !== d.network || u[8] !== v || u[9] !== y || u[10] !== b || u[11] !== x || u[12] !== S ? (C = {
-		receipt: v,
-		tokens: y,
-		senderAddress: b,
-		receiverAddress: x,
-		chainId: d.network,
-		expectedTokenTransfers: S
-	}, u[7] = d.network, u[8] = v, u[9] = y, u[10] = b, u[11] = x, u[12] = S, u[13] = C) : C = u[13];
-	let { data: w } = i(C), T = w?.[d.address]?.sentAmount ?? _?.fromAmountWei, E = w?.[f.address]?.receivedAmount ?? _?.toAmountWei, D;
-	if (u[14] !== T || u[15] !== d || u[16] !== h || u[17] !== _?.isBuy || u[18] !== E || u[19] !== f) {
-		let n = o({
-			fromAmountWei: T,
-			toAmountWei: E,
-			isBuy: _?.isBuy,
-			fromToken: d,
-			toToken: f
+var d = { root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium" };
+function f() {
+	let f = l(33), { fromToken: p, toToken: m, result: h } = i(), g;
+	f[0] === h ? g = f[1] : (g = !!h?.tradeFlowType && a(h.tradeFlowType), f[0] = h, f[1] = g);
+	let _ = g, v = h?.tradeFlowType === "marketSwap", y = h?.tradeFlowType === "twapOrder", b;
+	f[2] === h ? b = f[3] : (b = s({ result: h }), f[2] = h, f[3] = b);
+	let x = b, S = v ? h.swap.receipt || h.swap.callsReceipt : void 0, C;
+	f[4] !== p || f[5] !== m ? (C = [p, m], f[4] = p, f[5] = m, f[6] = C) : C = f[6];
+	let w = h?.account, T = h?.receiverAddress, E = x?.tokensMap, D;
+	f[7] !== p.network || f[8] !== S || f[9] !== C || f[10] !== w || f[11] !== T || f[12] !== E ? (D = {
+		receipt: S,
+		tokens: C,
+		senderAddress: w,
+		receiverAddress: T,
+		chainId: p.network,
+		expectedTokenTransfers: E
+	}, f[7] = p.network, f[8] = S, f[9] = C, f[10] = w, f[11] = T, f[12] = E, f[13] = D) : D = f[13];
+	let { data: O } = o(D), k = O?.[p.address]?.sentAmount ?? x?.fromAmountWei, A = O?.[m.address]?.receivedAmount ?? x?.toAmountWei, j;
+	if (f[14] !== k || f[15] !== p || f[16] !== _ || f[17] !== y || f[18] !== h || f[19] !== x?.isBuy || f[20] !== A || f[21] !== m) {
+		let i = c({
+			fromAmountWei: k,
+			toAmountWei: A,
+			isBuy: x?.isBuy,
+			fromToken: p,
+			toToken: m
 		});
-		D = [
+		if (j = [
 			{
 				key: "sold",
-				title: h ? "Pay" : "You sold",
-				value: /* @__PURE__ */ c(t, {
-					address: d.address,
-					chainId: d.network,
-					img: d.img,
-					symbol: d.symbol,
+				title: _ ? "Pay" : "You sold",
+				value: /* @__PURE__ */ u(n, {
+					address: p.address,
+					chainId: p.network,
+					img: p.img,
+					symbol: p.symbol,
 					showNetworkIcon: !0,
-					amount: n.fromAmountUnit,
-					classes: l
+					amount: i.fromAmountUnit,
+					classes: d
 				})
 			},
 			{
 				key: "received",
-				title: h ? "Receive" : "You received",
-				value: /* @__PURE__ */ c(t, {
-					address: f.address,
-					chainId: f.network,
-					img: f.img,
-					symbol: f.symbol,
+				title: _ ? "Receive" : "You received",
+				value: /* @__PURE__ */ u(n, {
+					address: m.address,
+					chainId: m.network,
+					img: m.img,
+					symbol: m.symbol,
 					showNetworkIcon: !0,
-					amount: n.toAmountUnit,
-					classes: l
+					amount: i.toAmountUnit,
+					classes: d
 				})
 			},
-			!h && {
+			!_ && {
 				key: "rate",
 				title: "Best Rate",
-				value: n.rateStr
+				value: i.rateStr
 			}
-		].filter(e), u[14] = T, u[15] = d, u[16] = h, u[17] = _?.isBuy, u[18] = E, u[19] = f, u[20] = D;
-	} else D = u[20];
-	return D;
+		].filter(e), y) {
+			let { order: e, createdAt: n } = h.twapOrder.sentOrder, i;
+			f[23] !== n || f[24] !== e ? (i = t(e, n), f[23] = n, f[24] = e, f[25] = i) : i = f[25];
+			let a = i, o;
+			f[26] === e.numSlices ? o = f[27] : (o = {
+				key: "orderSplits",
+				title: "Order Splits",
+				value: e.numSlices
+			}, f[26] = e.numSlices, f[27] = o);
+			let s;
+			f[28] === a ? s = f[29] : (s = {
+				key: "orderDuration",
+				title: "Order Duration",
+				value: /* @__PURE__ */ u(r, { deadline: a })
+			}, f[28] = a, f[29] = s);
+			let c;
+			f[30] !== o || f[31] !== s ? (c = [o, s], f[30] = o, f[31] = s, f[32] = c) : c = f[32];
+			let l = c;
+			j.push(...l);
+		}
+		f[14] = k, f[15] = p, f[16] = _, f[17] = y, f[18] = h, f[19] = x?.isBuy, f[20] = A, f[21] = m, f[22] = j;
+	} else j = f[22];
+	return j;
 }
 //#endregion
-export { u as useTradeCompletedDetails };
+export { f as useTradeCompletedDetails };
 
 //# sourceMappingURL=useTradeCompleteDetails.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.js","names":["useTokenTransfersFromReceipt","DetailWithValue","TokenBadge","useTradeFlowContext","getExpectedTransferAmounts","getResultAmounts","Address","useMemo","isTruthy","isOrderTradeFlowType","badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","t0","tradeFlowType","isOrderFlow","t1","resultWeiAmounts","receipt","swap","callsReceipt","undefined","t2","t3","account","t4","receiverAddress","t5","tokensMap","t6","network","tokens","senderAddress","chainId","expectedTokenTransfers","data","tokenTransfers","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","t7","isBuy","amounts","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr","filter","details"],"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"],"mappings":"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"}
+{"version":3,"file":"useTradeCompleteDetails.js","names":["useTokenTransfersFromReceipt","DetailWithValue","TokenBadge","useTradeFlowContext","getExpectedTransferAmounts","getResultAmounts","Address","useMemo","isTruthy","isOrderTradeFlowType","TimeTillExpiry","getTwapOrderDeadlineFromSlices","badgeClasses","root","useTradeCompletedDetails","$","_c","fromToken","toToken","result","t0","tradeFlowType","isOrderFlow","isMarketSwap","isTwap","t1","resultWeiAmounts","receipt","swap","callsReceipt","undefined","t2","t3","account","t4","receiverAddress","t5","tokensMap","t6","network","tokens","senderAddress","chainId","expectedTokenTransfers","data","tokenTransfers","fromAmountFinal","address","sentAmount","fromAmountWei","toAmountFinal","receivedAmount","toAmountWei","details","isBuy","amounts","key","title","value","img","symbol","fromAmountUnit","toAmountUnit","rateStr","filter","order","createdAt","twapOrder","sentOrder","t7","deadline","t8","numSlices","t9","t10","twapDetails","push"],"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\";\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  if (isTwap) {\n    const { order, createdAt } = result.twapOrder.sentOrder;\n    const deadline = getTwapOrderDeadlineFromSlices(order, createdAt);\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 deadline={deadline} />,\n      },\n    ];\n\n    details.push(...twapDetails);\n  }\n\n  return details;\n}\n"],"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;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,CA8LhC;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,54 +1,51 @@
-import { isOrderCrosschain as e } from "../../../../hooks/swap/prices/delta/orders/utils.js";
-import { getSwapSideFromDeltaOrder as t } from "../../../../hooks/swap/prices/delta/queries/utils.js";
-import { calcRate as n } from "../../../../lib/utils/rate.js";
-import { formatTokenBalanceClean as r } from "../../../../lib/utils/formatTokenBalance.js";
+import { getUnifiedDeltaOrderData as e } from "../../../../hooks/swap/prices/delta/orders/utils.js";
+import { calcRate as t } from "../../../../lib/utils/rate.js";
+import { formatTokenBalanceClean as n } from "../../../../lib/utils/formatTokenBalance.js";
 //#region src/components/widget/TradeOverview/TradeComplete/utils.ts
-function i({ result: n }) {
-	if (!n) return;
-	if (n.tradeFlowType === "deltaOrder") {
-		let { srcToken: r, destToken: i, bridge: a } = n.deltaOrder.sentOrder.order, o = n.deltaOrder.lastOrderState?.order.srcAmount || n.deltaOrder.sentOrder.order.srcAmount, s = n.deltaOrder.lastOrderState?.order.destAmount || n.deltaOrder.sentOrder.order.destAmount;
-		e({ bridge: a }) && (s = n.deltaOrder.lastOrderState?.bridgeMetadata?.outputAmount || n.deltaOrder.sentOrder.bridgeMetadata?.outputAmount || n.deltaPrice.receivedDestAmount);
-		let c = {
-			[r]: {
-				token: r,
-				sentAmount: BigInt(o),
-				receivedAmount: 0n
-			},
-			[i]: {
-				token: i,
-				sentAmount: 0n,
-				receivedAmount: BigInt(s)
-			}
-		}, l = t(n.deltaOrder.sentOrder.order) === "BUY";
+function r({ result: t }) {
+	if (!t) return;
+	if (t.tradeFlowType === "deltaOrder") {
+		let { srcToken: n, destToken: r, srcAmount: i, destAmount: a, swapSide: o } = e(t.deltaOrder.lastOrderState || t.deltaOrder.sentOrder);
 		return {
-			fromAmountWei: o,
-			toAmountWei: s,
-			tokensMap: c,
-			isBuy: l
+			fromAmountWei: i,
+			toAmountWei: a,
+			tokensMap: {
+				[n]: {
+					token: n,
+					sentAmount: BigInt(i),
+					receivedAmount: 0n
+				},
+				[r]: {
+					token: r,
+					sentAmount: 0n,
+					receivedAmount: BigInt(a)
+				}
+			},
+			isBuy: o === "BUY"
 		};
 	}
-	if (n.tradeFlowType === "limitOrder") {
-		let { srcToken: e, destToken: t } = n.limitOrder.sentOrder.order, r = n.limitOrder.sentOrder.order.srcAmount, i = n.limitOrder.sentOrder.order.destAmount;
+	if (t.tradeFlowType === "limitOrder") {
+		let n = t.limitOrder.sentOrder, { srcToken: r, destToken: i, srcAmount: a, destAmount: o } = e(n);
 		return {
-			fromAmountWei: r,
-			toAmountWei: i,
+			fromAmountWei: a,
+			toAmountWei: o,
 			tokensMap: {
-				[e]: {
-					token: e,
-					sentAmount: BigInt(r),
+				[r]: {
+					token: r,
+					sentAmount: BigInt(a),
 					receivedAmount: 0n
 				},
-				[t]: {
-					token: t,
+				[i]: {
+					token: i,
 					sentAmount: 0n,
-					receivedAmount: BigInt(i)
+					receivedAmount: BigInt(o)
 				}
 			},
 			isBuy: !1
 		};
 	}
-	if (n.tradeFlowType === "otcOrder") {
-		let { makerAsset: e, takerAsset: t } = n.otcOrder.sentOrder, r = n.otcOrder.sentOrder.makerAmount, i = n.otcOrder.sentOrder.takerAmount;
+	if (t.tradeFlowType === "otcOrder") {
+		let { makerAsset: e, takerAsset: n } = t.otcOrder.sentOrder, r = t.otcOrder.sentOrder.makerAmount, i = t.otcOrder.sentOrder.takerAmount;
 		return {
 			fromAmountWei: r,
 			toAmountWei: i,
@@ -58,8 +55,8 @@ function i({ result: n }) {
 					sentAmount: BigInt(r),
 					receivedAmount: 0n
 				},
-				[t]: {
-					token: t,
+				[n]: {
+					token: n,
 					sentAmount: 0n,
 					receivedAmount: BigInt(i)
 				}
@@ -67,14 +64,14 @@ function i({ result: n }) {
 			isBuy: !1
 		};
 	}
-	if (n.tradeFlowType === "fillOtcOrder") {
-		let { makerAsset: e, takerAsset: t } = n.fill.order, r = n.fill.order.takerAmount, i = n.fill.order.makerAmount;
+	if (t.tradeFlowType === "fillOtcOrder") {
+		let { makerAsset: e, takerAsset: n } = t.fill.order, r = t.fill.order.takerAmount, i = t.fill.order.makerAmount;
 		return {
 			fromAmountWei: r,
 			toAmountWei: i,
 			tokensMap: {
-				[t]: {
-					token: t,
+				[n]: {
+					token: n,
 					sentAmount: BigInt(r),
 					receivedAmount: 0n
 				},
@@ -87,34 +84,54 @@ function i({ result: n }) {
 			isBuy: !1
 		};
 	}
-	let { srcToken: r, destToken: i } = n.marketPrice, a = n.marketPrice.srcAmount, o = n.marketPrice.destAmount;
+	if (t.tradeFlowType === "twapOrder") {
+		let n = t.twapOrder.sentOrder, { srcToken: r, destToken: i, srcAmount: a, destAmount: o, swapSide: s } = e(n);
+		return {
+			fromAmountWei: a,
+			toAmountWei: o,
+			tokensMap: {
+				[r]: {
+					token: r,
+					sentAmount: BigInt(a),
+					receivedAmount: 0n
+				},
+				[i]: {
+					token: i,
+					sentAmount: 0n,
+					receivedAmount: BigInt(o)
+				}
+			},
+			isBuy: s === "BUY"
+		};
+	}
+	let { srcToken: n, destToken: r } = t.marketPrice, i = t.marketPrice.srcAmount, a = t.marketPrice.destAmount;
 	return {
-		fromAmountWei: a,
-		toAmountWei: o,
+		fromAmountWei: i,
+		toAmountWei: a,
 		tokensMap: {
-			[r]: {
-				token: r,
-				sentAmount: BigInt(a),
+			[n]: {
+				token: n,
+				sentAmount: BigInt(i),
 				receivedAmount: 0n
 			},
-			[i]: {
-				token: i,
+			[r]: {
+				token: r,
 				sentAmount: 0n,
-				receivedAmount: BigInt(o)
+				receivedAmount: BigInt(a)
 			}
 		},
-		isBuy: n.marketPrice.side === "BUY"
+		isBuy: t.marketPrice.side === "BUY"
 	};
 }
-function a({ fromAmountWei: e, toAmountWei: t, isBuy: i, fromToken: a, toToken: o }) {
-	if (!e || !t || i === void 0) return {
+function i({ fromAmountWei: e, toAmountWei: r, isBuy: i, fromToken: a, toToken: o }) {
+	if (!e || !r || i === void 0) return {
 		fromAmountWei: "0",
 		toAmountWei: "0",
 		fromAmountUnit: "0",
 		toAmountUnit: "0",
 		rateStr: null
 	};
-	let s = r(e, a.decimals), c = r(t, o.decimals), { srcToken: l, destToken: u, srcAmount: d, destAmount: f } = i ? {
+	let s = n(e, a.decimals), c = n(r, o.decimals), { srcToken: l, destToken: u, srcAmount: d, destAmount: f } = i ? {
 		srcToken: a,
 		destToken: o,
 		srcAmount: s,
@@ -124,21 +141,21 @@ function a({ fromAmountWei: e, toAmountWei: t, isBuy: i, fromToken: a, toToken:
 		destToken: a,
 		srcAmount: c,
 		destAmount: s
-	}, p = n(d, f), m = p ? `1 ${l.symbol ?? l.address} = ${p.rateFormatted} ${u.symbol ?? u.address}` : null;
+	}, p = t(d, f), m = p ? `1 ${l.symbol ?? l.address} = ${p.rateFormatted} ${u.symbol ?? u.address}` : null;
 	return {
 		fromAmountWei: e.toString(),
-		toAmountWei: t.toString(),
+		toAmountWei: r.toString(),
 		fromAmountUnit: s,
 		toAmountUnit: c,
 		...p,
 		rateStr: m
 	};
 }
-function o({ result: e, toToken: t }) {
+function a({ result: e, toToken: t }) {
 	if (!e || e.tradeFlowType !== "deltaOrder") return null;
-	let n = e.deltaOrder.lastOrderState?.transactions;
-	if (!n || n.length === 0) return null;
-	let i = BigInt(e.deltaOrder.lastOrderState?.order.expectedAmount || e.deltaOrder.sentOrder.order.expectedAmount), a = n.reduce((e, t) => e + BigInt(t.receivedAmount), 0n), o = a - i, s = r(o, t.decimals, 2);
+	let r = e.deltaOrder.lastOrderState?.transactions;
+	if (!r || r.length === 0) return null;
+	let i = BigInt(e.deltaOrder.lastOrderState?.order.expectedAmount || e.deltaOrder.sentOrder.order.expectedAmount), a = r.reduce((e, t) => e + BigInt(t.receivedAmount), 0n), o = a - i, s = n(o, t.decimals, 2);
 	return {
 		expectedAmount: i,
 		receivedAmount: a,
@@ -148,6 +165,6 @@ function o({ result: e, toToken: t }) {
 	};
 }
 //#endregion
-export { i as getExpectedTransferAmounts, a as getResultAmounts, o as getSurplusAmounts };
+export { r as getExpectedTransferAmounts, i as getResultAmounts, a as getSurplusAmounts };
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getSwapSideFromDeltaOrder","isOrderCrosschain","ResultAmounts","fromAmountWei","toAmountWei","fromAmountUnit","toAmountUnit","rateStr","rate","rateFormatted","RawAmountsAndSide","tokensMap","Record","isBuy","ResultAmountsInput","fromToken","toToken","getExpectedTransferAmounts","result","tradeFlowType","srcToken","destToken","bridge","deltaOrder","sentOrder","order","lastOrderState","srcAmount","destAmount","bridgeMetadata","outputAmount","deltaPrice","receivedDestAmount","token","sentAmount","BigInt","receivedAmount","swapSide","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","marketPrice","side","getResultAmounts","undefined","decimals","rates","symbol","address","toString","SurplusAmounts","expectedAmount","diffWei","diffUnit","surplusStr","SurplusAmountsInput","getSurplusAmounts","txs","transactions","length","actualReceived","reduce","acc","tx","Number"],"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"],"mappings":";;;;;AAmCA,SAAgBwB,EAA2B,EACzCC,aAGgC;AAChC,KAAI,CAACA,EACH;AAGF,KAAIA,EAAOC,kBAAkB,cAAc;EACzC,IAAM,EAAEC,aAAUC,cAAWC,cAAWJ,EAAOK,WAAWC,UAAUC,OAE9DtB,IACJe,EAAOK,WAAWG,gBAAgBD,MAAME,aACxCT,EAAOK,WAAWC,UAAUC,MAAME,WAEhCvB,IACFc,EAAOK,WAAWG,gBAAgBD,MAAMG,cACxCV,EAAOK,WAAWC,UAAUC,MAAMG;AACpC,EAAI3B,EAAkB,EAAEqB,WAAQ,CAAC,KAC/BlB,IAEEc,EAAOK,WAAWG,gBAAgBG,gBAAgBC,gBAClDZ,EAAOK,WAAWC,UAAUK,gBAAgBC,gBAE5CZ,EAAOa,WAAWC;EAGtB,IAAMrB,IAAY;IACfS,IAAW;IAEVa,OAAOb;IACPc,YAAYC,OAAOhC,EAAc;IACjCiC,gBAAgB;IACjB;IACAf,IAAY;IAEXY,OAAOZ;IACPa,YAAY;IACZE,gBAAgBD,OAAO/B,EAAW;IACpC;GACD,EAKKS,IAHWb,EACfkB,EAAOK,WAAWC,UAAUC,MAC7B,KAC0B;AAE3B,SAAO;GACLtB;GACAC;GACAO;GACAE;GACD;;AAGH,KAAIK,EAAOC,kBAAkB,cAAc;EACzC,IAAM,EAAEC,aAAUC,iBAAcH,EAAOoB,WAAWd,UAAUC,OAEtDtB,IAAgBe,EAAOoB,WAAWd,UAAUC,MAAME,WAClDvB,IAAcc,EAAOoB,WAAWd,UAAUC,MAAMG;AAiBtD,SAAO;GACLzB;GACAC;GACAO,WAlBgB;KACfS,IAAW;KAEVa,OAAOb;KACPc,YAAYC,OAAOhC,EAAc;KACjCiC,gBAAgB;KACjB;KACAf,IAAY;KAEXY,OAAOZ;KACPa,YAAY;KACZE,gBAAgBD,OAAO/B,EAAW;KACpC;IACD;GAMCS,OAAO;GACR;;AAGH,KAAIK,EAAOC,kBAAkB,YAAY;EACvC,IAAM,EAAEoB,eAAYC,kBAAetB,EAAOuB,SAASjB,WAE7CrB,IAAgBe,EAAOuB,SAASjB,UAAUkB,aAC1CtC,IAAcc,EAAOuB,SAASjB,UAAUmB;AAiB9C,SAAO;GACLxC;GACAC;GACAO,WAlBgB;KACf4B,IAAa;KAEZN,OAAOM;KACPL,YAAYC,OAAOhC,EAAc;KACjCiC,gBAAgB;KACjB;KACAI,IAAa;KAEZP,OAAOO;KACPN,YAAY;KACZE,gBAAgBD,OAAO/B,EAAW;KACpC;IACD;GAMCS,OAAO;GACR;;AAGH,KAAIK,EAAOC,kBAAkB,gBAAgB;EAC3C,IAAM,EAAEoB,eAAYC,kBAAetB,EAAO0B,KAAKnB,OAEzCtB,IAAgBe,EAAO0B,KAAKnB,MAAMkB,aAClCvC,IAAcc,EAAO0B,KAAKnB,MAAMiB;AAiBtC,SAAO;GACLvC;GACAC;GACAO,WAlBgB;KACf6B,IAAa;KAEZP,OAAOO;KACPN,YAAYC,OAAOhC,EAAc;KACjCiC,gBAAgB;KACjB;KACAG,IAAa;KAEZN,OAAOM;KACPL,YAAY;KACZE,gBAAgBD,OAAO/B,EAAW;KACpC;IACD;GAMCS,OAAO;GACR;;CAIH,IAAM,EAAEO,aAAUC,iBAAcH,EAAO2B,aACjC1C,IAAgBe,EAAO2B,YAAYlB,WACnCvB,IAAcc,EAAO2B,YAAYjB;AAevC,QAAO;EACLzB;EACAC;EACAO,WAhBgB;IACfS,IAAW;IACVa,OAAOb;IACPc,YAAYC,OAAOhC,EAAc;IACjCiC,gBAAgB;IACjB;IACAf,IAAY;IACXY,OAAOZ;IACPa,YAAY;IACZE,gBAAgBD,OAAO/B,EAAW;IACpC;GACD;EAMCS,OAAOK,EAAO2B,YAAYC,SAAS;EACpC;;AAGH,SAAgBC,EAAiB,EAC/B5C,kBACAC,gBACAS,UACAE,cACAC,cACoC;AACpC,KAAI,CAACb,KAAiB,CAACC,KAAeS,MAAUmC,KAAAA,EAC9C,QAAO;EACL7C,eAAe;EACfC,aAAa;EACbC,gBAAgB;EAChBC,cAAc;EACdC,SAAS;EACV;CAGH,IAAMF,IAAiBZ,EACrBU,GACAY,EAAUkC,SACX,EACK3C,IAAeb,EAAwBW,GAAaY,EAAQiC,SAAS,EAErE,EAAE7B,aAAUC,cAAWM,cAAWC,kBAAef,IACnD;EACEO,UAAUL;EACVM,WAAWL;EACXW,WAAWtB;EACXuB,YAAYtB;EACb,GACD;EACEc,UAAUJ;EACVK,WAAWN;EACXY,WAAWrB;EACXsB,YAAYvB;EACb,EAEC6C,IAAQvD,EAASgC,GAAWC,EAAW,EACvCrB,IAAU2C,IACZ,KAAK9B,EAAS+B,UAAU/B,EAASgC,QAAO,KAAMF,EAAMzC,cAAa,GAAIY,EAAU8B,UAAU9B,EAAU+B,YACnG;AAEJ,QAAO;EACLjD,eAAeA,EAAckD,UAAU;EACvCjD,aAAaA,EAAYiD,UAAU;EACnChD;EACAC;EACA,GAAG4C;EACH3C;EACD;;AAgBH,SAAgBqD,EAAkB,EAChC1C,WACAF,cAC6C;AAK7C,KAJI,CAACE,KAIDA,EAAOC,kBAAkB,aAE3B,QAAO;CAGT,IAAM0C,IAAM3C,EAAOK,WAAWG,gBAAgBoC;AAC9C,KAAI,CAACD,KAAOA,EAAIE,WAAW,EACzB,QAAO;CAIT,IAAMR,IAAiBpB,OACrBjB,EAAOK,WAAWG,gBAAgBD,MAAM8B,kBACtCrC,EAAOK,WAAWC,UAAUC,MAAM8B,eACrC,EAEKS,IAAiBH,EAAII,QAAQC,GAAKC,MAC/BD,IAAM/B,OAAOgC,EAAG/B,eAAe,EACrC,GAAG,EAEAoB,IAAUQ,IAAiBT,GAE3BE,IAAWhE,EAAwB+D,GAASxC,EAAQiC,UAAU,EAAE;AAItE,QAAO;EACLM;EACAnB,gBAAgB4B;EAChBR;EACAC;EACAC,YAPiBU,OAAOX,EAAS,GAAG,IAAIA,IAAW;EAQpD"}
+{"version":3,"file":"utils.js","names":["formatTokenBalanceClean","TradeFlowResult","calcRate","MinTradeFlowToken","Big","Address","TokenTransfers","getUnifiedDeltaOrderData","ResultAmounts","fromAmountWei","toAmountWei","fromAmountUnit","toAmountUnit","rateStr","rate","rateFormatted","RawAmountsAndSide","tokensMap","Record","isBuy","ResultAmountsInput","fromToken","toToken","getExpectedTransferAmounts","result","tradeFlowType","order","deltaOrder","lastOrderState","sentOrder","srcToken","destToken","srcAmount","destAmount","swapSide","token","sentAmount","BigInt","receivedAmount","limitOrder","makerAsset","takerAsset","otcOrder","makerAmount","takerAmount","fill","twapOrder","marketPrice","side","getResultAmounts","undefined","decimals","rates","symbol","address","toString","SurplusAmounts","expectedAmount","diffWei","diffUnit","surplusStr","SurplusAmountsInput","getSurplusAmounts","txs","transactions","length","actualReceived","reduce","acc","tx","Number"],"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 { getUnifiedDeltaOrderData } 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      swapSide,\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 = 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      swapSide,\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 = swapSide === \"BUY\";\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"],"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"}