@velora-dex/widget 0.8.4-dev.0 → 0.8.5-dev.0

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.js

@@ -1,143 +1,145 @@
 import { cn as e } from "../../../lib/utils/index.js";
 import { getDisplayedDeltaOrderStatus as t, getTwapAuctionDeadlines as n, twapSliceInfo as r } from "../../../lib/utils/twap.js";
-import { DeltaOrderV2StatusChecker as i, isTWAPAuction as a } from "../../../hooks/swap/prices/delta/orders/utils.js";
-import { NetworkWithIcon as o } from "../NetworkWithIcon/NetworkWithIcon.js";
-import { TokenBadge as s } from "../TokenBadge/TokenBadge.js";
-import { calcRate as c } from "../../../lib/utils/rate.js";
-import { formatTokenAmount as l } from "../../../lib/utils/formatTokenBalance.js";
-import { Duration as u } from "../Duration/Duration.js";
-import { useDateNow as d } from "../../../lib/utils/useDateNow.js";
-import { c as f } from "react-compiler-runtime";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { DeltaOrderStatusChecker as i, getAuctionSrcChainId as a, isTWAPAuction as o } from "../../../hooks/swap/prices/delta/orders/utils.js";
+import { NetworkWithIcon as s } from "../NetworkWithIcon/NetworkWithIcon.js";
+import { TokenBadge as c } from "../TokenBadge/TokenBadge.js";
+import { calcRate as l } from "../../../lib/utils/rate.js";
+import { formatTokenAmount as u } from "../../../lib/utils/formatTokenBalance.js";
+import { Duration as d } from "../Duration/Duration.js";
+import { useDateNow as f } from "../../../lib/utils/useDateNow.js";
+import { c as p } from "react-compiler-runtime";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/widget/LimitOrderItem/LimitOrderListItem.tsx
-var g = "-", _ = (e) => {
-	let t = f(12), { auction: n, onClick: r } = e, i;
-	t[0] !== n || t[1] !== r ? (i = () => r(n), t[0] = n, t[1] = r, t[2] = i) : i = t[2];
-	let a;
-	t[3] !== n.extra || t[4] !== n.input.chainId ? (a = /* @__PURE__ */ m(x, {
+var _ = "-", v = (e) => {
+	let t = p(14), { auction: n, onClick: r } = e, i;
+	t[0] === n ? i = t[1] : (i = a(n), t[0] = n, t[1] = i);
+	let o = i, s;
+	t[2] !== n || t[3] !== r ? (s = () => r(n), t[2] = n, t[3] = r, t[4] = s) : s = t[4];
+	let c;
+	t[5] !== n.extra || t[6] !== o ? (c = /* @__PURE__ */ h(S, {
 		extra: n.extra,
-		chainId: n.input.chainId
-	}), t[3] = n.extra, t[4] = n.input.chainId, t[5] = a) : a = t[5];
-	let o;
-	t[6] === n ? o = t[7] : (o = /* @__PURE__ */ m(E, { ...n }), t[6] = n, t[7] = o);
-	let s;
-	return t[8] !== i || t[9] !== a || t[10] !== o ? (s = /* @__PURE__ */ h("div", {
+		chainId: o
+	}), t[5] = n.extra, t[6] = o, t[7] = c) : c = t[7];
+	let l;
+	t[8] === n ? l = t[9] : (l = /* @__PURE__ */ h(D, { ...n }), t[8] = n, t[9] = l);
+	let u;
+	return t[10] !== s || t[11] !== c || t[12] !== l ? (u = /* @__PURE__ */ g("div", {
 		className: "bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer",
-		onClick: i,
-		children: [a, o]
-	}), t[8] = i, t[9] = a, t[10] = o, t[11] = s) : s = t[11], s;
-}, v = {
+		onClick: s,
+		children: [c, l]
+	}), t[10] = s, t[11] = c, t[12] = l, t[13] = u) : u = t[13], u;
+}, y = {
 	logo: "size-[16px]",
 	root: "z-1"
-}, y = {
+}, b = {
 	logo: "size-[16px]",
 	root: "-ml-1"
-}, b = {
+}, x = {
 	root: "gap-2",
 	name: "dark:text-contrast-7"
-}, x = (e) => {
-	let t = f(7), { extra: n, chainId: r } = e, i;
-	t[0] === n ? i = t[1] : (i = /* @__PURE__ */ m(S, { ...n }), t[0] = n, t[1] = i);
-	let a = r, s;
-	t[2] === a ? s = t[3] : (s = /* @__PURE__ */ m(o, {
-		networkId: a,
-		classes: b
-	}), t[2] = a, t[3] = s);
-	let c;
-	return t[4] !== i || t[5] !== s ? (c = /* @__PURE__ */ h("div", {
-		className: "flex items-center justify-between pb-4",
-		children: [i, s]
-	}), t[4] = i, t[5] = s, t[6] = c) : c = t[6], c;
 }, S = (e) => {
-	let t = f(29), { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: a, visualItemType: o } = e;
-	if (!n || !r || !i || !a) return g;
-	let c;
-	t[0] === i ? c = t[1] : (c = l(i), t[0] = i, t[1] = c);
-	let u = c, d;
-	t[2] === a ? d = t[3] : (d = l(a), t[2] = a, t[3] = d);
-	let p = d, _;
-	t[4] !== n.address || t[5] !== n.img || t[6] !== n.network ? (_ = /* @__PURE__ */ m(s, {
+	let t = p(7), { extra: n, chainId: r } = e, i;
+	t[0] === n ? i = t[1] : (i = /* @__PURE__ */ h(C, { ...n }), t[0] = n, t[1] = i);
+	let a;
+	t[2] === r ? a = t[3] : (a = /* @__PURE__ */ h(s, {
+		networkId: r,
+		classes: x
+	}), t[2] = r, t[3] = a);
+	let o;
+	return t[4] !== i || t[5] !== a ? (o = /* @__PURE__ */ g("div", {
+		className: "flex items-center justify-between pb-4",
+		children: [i, a]
+	}), t[4] = i, t[5] = a, t[6] = o) : o = t[6], o;
+}, C = (e) => {
+	let t = p(29), { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: a, visualItemType: o } = e;
+	if (!n || !r || !i || !a) return _;
+	let s;
+	t[0] === i ? s = t[1] : (s = u(i), t[0] = i, t[1] = s);
+	let l = s, d;
+	t[2] === a ? d = t[3] : (d = u(a), t[2] = a, t[3] = d);
+	let f = d, m;
+	t[4] !== n.address || t[5] !== n.img || t[6] !== n.network ? (m = /* @__PURE__ */ h(c, {
 		address: n.address,
 		chainId: n.network,
 		img: n.img,
-		classes: v
-	}), t[4] = n.address, t[5] = n.img, t[6] = n.network, t[7] = _) : _ = t[7];
-	let b;
-	t[8] !== r.address || t[9] !== r.img || t[10] !== r.network ? (b = /* @__PURE__ */ m(s, {
+		classes: y
+	}), t[4] = n.address, t[5] = n.img, t[6] = n.network, t[7] = m) : m = t[7];
+	let v;
+	t[8] !== r.address || t[9] !== r.img || t[10] !== r.network ? (v = /* @__PURE__ */ h(c, {
 		address: r.address,
 		img: r.img,
 		chainId: r.network,
-		classes: y
-	}), t[8] = r.address, t[9] = r.img, t[10] = r.network, t[11] = b) : b = t[11];
+		classes: b
+	}), t[8] = r.address, t[9] = r.img, t[10] = r.network, t[11] = v) : v = t[11];
 	let x;
-	t[12] !== _ || t[13] !== b ? (x = /* @__PURE__ */ h("div", {
+	t[12] !== m || t[13] !== v ? (x = /* @__PURE__ */ g("div", {
 		className: "flex items-center",
-		children: [_, b]
-	}), t[12] = _, t[13] = b, t[14] = x) : x = t[14];
+		children: [m, v]
+	}), t[12] = m, t[13] = v, t[14] = x) : x = t[14];
 	let S = x, C;
-	t[15] === o ? C = t[16] : (C = /* @__PURE__ */ m("div", {
+	t[15] === o ? C = t[16] : (C = /* @__PURE__ */ h("div", {
 		className: "text-xs font-medium text-contrast-5",
 		children: o
 	}), t[15] = o, t[16] = C);
 	let w;
-	t[17] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ m("span", {
+	t[17] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ h("span", {
 		className: "mx-1",
 		children: "→"
 	}), t[17] = w) : w = t[17];
 	let T;
-	t[18] !== r.symbol || t[19] !== p || t[20] !== u || t[21] !== n.symbol ? (T = /* @__PURE__ */ h("div", {
+	t[18] !== r.symbol || t[19] !== f || t[20] !== l || t[21] !== n.symbol ? (T = /* @__PURE__ */ g("div", {
 		className: "text-sm font-medium dark:text-contrast-9",
 		children: [
 			n.symbol,
 			" ",
-			u,
+			l,
 			w,
 			r.symbol,
 			" ",
-			p
+			f
 		]
-	}), t[18] = r.symbol, t[19] = p, t[20] = u, t[21] = n.symbol, t[22] = T) : T = t[22];
+	}), t[18] = r.symbol, t[19] = f, t[20] = l, t[21] = n.symbol, t[22] = T) : T = t[22];
 	let E;
-	t[23] !== C || t[24] !== T ? (E = /* @__PURE__ */ h("div", {
+	t[23] !== C || t[24] !== T ? (E = /* @__PURE__ */ g("div", {
 		className: "ml-2 flex flex-col",
 		children: [C, T]
 	}), t[23] = C, t[24] = T, t[25] = E) : E = t[25];
 	let D = E, O;
-	return t[26] !== S || t[27] !== D ? (O = /* @__PURE__ */ h("div", {
+	return t[26] !== S || t[27] !== D ? (O = /* @__PURE__ */ g("div", {
 		className: "flex items-center",
 		children: [S, D]
 	}), t[26] = S, t[27] = D, t[28] = O) : O = t[28], O;
-}, C = (t) => {
-	let n = f(16), { extra: r, classes: i } = t, { srcToken: a, destToken: o, srcAmountUnit: s, destAmountUnit: u } = r;
-	if (!a || !o || !s || !u) return g;
-	let d, p;
-	if (n[0] !== u || n[1] !== s) {
-		p = Symbol.for("react.early_return_sentinel");
+}, w = (t) => {
+	let n = p(16), { extra: r, classes: i } = t, { srcToken: a, destToken: o, srcAmountUnit: s, destAmountUnit: c } = r;
+	if (!a || !o || !s || !c) return _;
+	let d, f;
+	if (n[0] !== c || n[1] !== s) {
+		f = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let e = c(s, u)?.rateFormatted;
+			let e = l(s, c)?.rateFormatted;
 			if (!e) {
-				p = g;
+				f = _;
 				break bb0;
 			}
-			d = l(e);
+			d = u(e);
 		}
-		n[0] = u, n[1] = s, n[2] = d, n[3] = p;
-	} else d = n[2], p = n[3];
-	if (p !== Symbol.for("react.early_return_sentinel")) return p;
-	let _ = `${d} ${o.symbol}`, v = `per ${a.symbol}`, y = i?.root, b;
+		n[0] = c, n[1] = s, n[2] = d, n[3] = f;
+	} else d = n[2], f = n[3];
+	if (f !== Symbol.for("react.early_return_sentinel")) return f;
+	let m = `${d} ${o.symbol}`, v = `per ${a.symbol}`, y = i?.root, b;
 	n[4] === y ? b = n[5] : (b = e("text-xs", y), n[4] = y, n[5] = b);
 	let x = i?.left, S;
-	n[6] !== _ || n[7] !== x ? (S = /* @__PURE__ */ m("span", {
+	n[6] !== m || n[7] !== x ? (S = /* @__PURE__ */ h("span", {
 		className: x,
-		children: _
-	}), n[6] = _, n[7] = x, n[8] = S) : S = n[8];
+		children: m
+	}), n[6] = m, n[7] = x, n[8] = S) : S = n[8];
 	let C = i?.right, w;
-	n[9] !== v || n[10] !== C ? (w = /* @__PURE__ */ m("span", {
+	n[9] !== v || n[10] !== C ? (w = /* @__PURE__ */ h("span", {
 		className: C,
 		children: v
 	}), n[9] = v, n[10] = C, n[11] = w) : w = n[11];
 	let T;
-	return n[12] !== b || n[13] !== S || n[14] !== w ? (T = /* @__PURE__ */ h("div", {
+	return n[12] !== b || n[13] !== S || n[14] !== w ? (T = /* @__PURE__ */ g("div", {
 		className: b,
 		children: [
 			S,
@@ -145,8 +147,8 @@ var g = "-", _ = (e) => {
 			w
 		]
 	}), n[12] = b, n[13] = S, n[14] = w, n[15] = T) : T = n[15], T;
-}, w = (n) => {
-	let r = f(10), { status: a, extraLabel: o } = n, s;
+}, T = (n) => {
+	let r = p(10), { status: a, extraLabel: o } = n, s;
 	r[0] === a ? s = r[1] : (s = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
 		"text-secondary-shamrock-green-2 bg-[#00976733]": i.success.has(a),
 		"text-secondary-radical-red-1 bg-[#FF3B301A]": i.failed.has(a),
@@ -155,55 +157,55 @@ var g = "-", _ = (e) => {
 	let c;
 	r[2] === a ? c = r[3] : (c = t(a), r[2] = a, r[3] = c);
 	let l;
-	r[4] === o ? l = r[5] : (l = o && /* @__PURE__ */ h(p, { children: [" ", o] }), r[4] = o, r[5] = l);
+	r[4] === o ? l = r[5] : (l = o && /* @__PURE__ */ g(m, { children: [" ", o] }), r[4] = o, r[5] = l);
 	let u;
-	return r[6] !== s || r[7] !== c || r[8] !== l ? (u = /* @__PURE__ */ h("div", {
+	return r[6] !== s || r[7] !== c || r[8] !== l ? (u = /* @__PURE__ */ g("div", {
 		className: s,
 		children: [c, l]
 	}), r[6] = s, r[7] = c, r[8] = l, r[9] = u) : u = r[9], u;
-}, T = {
+}, E = {
 	left: "dark:text-contrast-7",
 	right: "text-contrast-5"
-}, E = (e) => {
-	let t = f(24), o;
-	t[0] === e.status ? o = t[1] : (o = i.pending.has(e.status) || i.executing.has(e.status), t[0] = e.status, t[1] = o);
-	let s = o, c;
-	t[2] === e ? c = t[3] : (c = a(e), t[2] = e, t[3] = c);
+}, D = (e) => {
+	let t = p(24), a;
+	t[0] === e.status ? a = t[1] : (a = i.pending.has(e.status) || i.executing.has(e.status), t[0] = e.status, t[1] = a);
+	let s = a, c;
+	t[2] === e ? c = t[3] : (c = o(e), t[2] = e, t[3] = c);
 	let l = c, u;
 	t[4] !== l || t[5] !== e ? (u = l ? r(e) : void 0, t[4] = l, t[5] = e, t[6] = u) : u = t[6];
-	let d = u, p;
-	t[7] !== l || t[8] !== e ? (p = l ? n(e).endsInMs / 1e3 : e.order.deadline, t[7] = l, t[8] = e, t[9] = p) : p = t[9];
-	let g = p, _;
-	t[10] === e.extra ? _ = t[11] : (_ = /* @__PURE__ */ m(C, {
+	let d = u, f;
+	t[7] !== l || t[8] !== e ? (f = l ? n(e).endsInMs / 1e3 : e.order.deadline, t[7] = l, t[8] = e, t[9] = f) : f = t[9];
+	let m = f, _;
+	t[10] === e.extra ? _ = t[11] : (_ = /* @__PURE__ */ h(w, {
 		extra: e.extra,
-		classes: T
+		classes: E
 	}), t[10] = e.extra, t[11] = _);
 	let v;
-	t[12] !== g || t[13] !== s ? (v = s && /* @__PURE__ */ m(D, { deadline: g }), t[12] = g, t[13] = s, t[14] = v) : v = t[14];
+	t[12] !== m || t[13] !== s ? (v = s && /* @__PURE__ */ h(O, { deadline: m }), t[12] = m, t[13] = s, t[14] = v) : v = t[14];
 	let y;
-	t[15] !== d || t[16] !== e.status ? (y = /* @__PURE__ */ m(w, {
+	t[15] !== d || t[16] !== e.status ? (y = /* @__PURE__ */ h(T, {
 		status: e.status,
 		extraLabel: d
 	}), t[15] = d, t[16] = e.status, t[17] = y) : y = t[17];
 	let b;
-	t[18] !== v || t[19] !== y ? (b = /* @__PURE__ */ h("div", {
+	t[18] !== v || t[19] !== y ? (b = /* @__PURE__ */ g("div", {
 		className: "flex items-center gap-1",
 		children: [v, y]
 	}), t[18] = v, t[19] = y, t[20] = b) : b = t[20];
 	let x;
-	return t[21] !== _ || t[22] !== b ? (x = /* @__PURE__ */ h("div", {
+	return t[21] !== _ || t[22] !== b ? (x = /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-between",
 		children: [_, b]
 	}), t[21] = _, t[22] = b, t[23] = x) : x = t[23], x;
-}, D = (e) => {
-	let t = f(4), { deadline: n, classes: r, showSeconds: i } = e, a = (n - d() / 1e3) * 1e3, o;
-	return t[0] !== r || t[1] !== i || t[2] !== a ? (o = /* @__PURE__ */ m(u, {
+}, O = (e) => {
+	let t = p(4), { deadline: n, classes: r, showSeconds: i } = e, a = (n - f() / 1e3) * 1e3, o;
+	return t[0] !== r || t[1] !== i || t[2] !== a ? (o = /* @__PURE__ */ h(d, {
 		timeMs: a,
 		classes: r,
 		showSeconds: i
 	}), t[0] = r, t[1] = i, t[2] = a, t[3] = o) : o = t[3], o;
 };
 //#endregion
-export { _ as LimitOrdersListItem, C as Rate, w as StatusBadge, D as TimeTillExpiry, x as TradeAndNetwork };
+export { v as LimitOrdersListItem, w as Rate, T as StatusBadge, O as TimeTillExpiry, S as TradeAndNetwork };
 
 //# sourceMappingURL=LimitOrderListItem.js.map

package/dist/components/widget/LimitOrderItem/LimitOrderListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderListItem.js","names":["TokenBadge","LimitOrderItem","LimitOrderItemExtra","NetworkWithIcon","formatTokenAmount","calcRate","SupportedChainId","cn","DeltaOrderV2StatusChecker","isTWAPAuction","WithClasses","DeltaV2","useDateNow","Duration","getDisplayedDeltaOrderStatus","getTwapAuctionDeadlines","twapSliceInfo","missingContent","LimitOrdersListItem","t0","$","_c","auction","onClick","t1","t2","extra","input","chainId","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","visualItemType","formattedSrcAmount","formattedDestAmount","address","img","network","t5","icons","t6","t7","Symbol","for","t8","symbol","t9","typeAndAmounts","t10","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","extraLabel","success","has","failed","overallPending","pending","executing","rateClasses","RateAndStatus","props","isTwap","undefined","extraStatusLabel","endsInMs","order","deadline","TimeTillExpiry","showSeconds","now","timeMs"],"sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { LimitOrderItem, LimitOrderItemExtra } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  DeltaOrderV2StatusChecker,\n  isTWAPAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { DeltaV2 } from \"@velora-dex/sdk\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\nimport { Duration } from \"../Duration/Duration\";\nimport {\n  getDisplayedDeltaOrderStatus,\n  getTwapAuctionDeadlines,\n  twapSliceInfo,\n} from \"@/lib/utils/twap\";\n\nconst missingContent = \"-\";\n\nexport const LimitOrdersListItem = ({\n  auction,\n  onClick,\n}: {\n  auction: LimitOrderItem;\n  onClick: (auction: LimitOrderItem) => void;\n}) => {\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(auction)}\n    >\n      <TradeAndNetwork extra={auction.extra} chainId={auction.input.chainId} />\n      <RateAndStatus {...auction} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\nexport const TradeAndNetwork = ({\n  extra,\n  chainId,\n}: {\n  extra: LimitOrderItemExtra;\n  chainId: number;\n}) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} />\n      <NetworkWithIcon\n        networkId={chainId as SupportedChainId}\n        classes={networkIconClasses}\n      />\n    </div>\n  );\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n  visualItemType,\n}: LimitOrderItemExtra) => {\n  // @TODO we'll miss a big piece of info if we don't have the tokens\n  // consider to fetch them onchain if missing in useQuery(select)\n  // or just add more token lists\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">\n        {visualItemType}\n      </div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: { extra: Omit<LimitOrderItemExtra, \"visualItemType\"> } & WithClasses<\n  \"root\" | \"left\" | \"right\"\n>) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({\n  status,\n  extraLabel,\n}: {\n  status: DeltaV2.DeltaOrderStatus;\n  extraLabel?: React.ReactNode;\n}) => {\n  const success = DeltaOrderV2StatusChecker.success.has(status);\n  const failed = DeltaOrderV2StatusChecker.failed.has(status);\n  const overallPending =\n    DeltaOrderV2StatusChecker.pending.has(status) ||\n    DeltaOrderV2StatusChecker.executing.has(status);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": overallPending,\n      })}\n    >\n      {getDisplayedDeltaOrderStatus(status)}\n      {extraLabel && <> {extraLabel}</>}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (props: LimitOrderItem) => {\n  const overallPending =\n    DeltaOrderV2StatusChecker.pending.has(props.status) ||\n    DeltaOrderV2StatusChecker.executing.has(props.status);\n  const isTwap = isTWAPAuction(props);\n\n  const extraStatusLabel = isTwap ? twapSliceInfo(props) : undefined;\n  const deadline = isTwap\n    ? getTwapAuctionDeadlines(props).endsInMs / 1000\n    : props.order.deadline;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={props.extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {overallPending && <TimeTillExpiry deadline={deadline} />}\n        <StatusBadge status={props.status} extraLabel={extraStatusLabel} />\n      </div>\n    </div>\n  );\n};\n\nexport const TimeTillExpiry = ({\n  deadline,\n  classes,\n  showSeconds,\n}: {\n  deadline: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const now = useDateNow();\n  const timeMs = (deadline - now / 1000) * 1000;\n\n  return (\n    <Duration timeMs={timeMs} classes={classes} showSeconds={showSeconds} />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LimitOrderListItem.js","names":["TokenBadge","LimitOrderItem","LimitOrderItemExtra","NetworkWithIcon","formatTokenAmount","calcRate","SupportedChainId","cn","DeltaOrderStatusChecker","getAuctionSrcChainId","isTWAPAuction","WithClasses","DeltaOrderStatus","useDateNow","Duration","getDisplayedDeltaOrderStatus","getTwapAuctionDeadlines","twapSliceInfo","missingContent","LimitOrdersListItem","t0","$","_c","auction","onClick","t1","srcChainId","t2","t3","extra","t4","t5","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","chainId","Trade","srcToken","destToken","srcAmountUnit","destAmountUnit","visualItemType","formattedSrcAmount","formattedDestAmount","address","img","network","icons","t6","t7","Symbol","for","t8","symbol","t9","typeAndAmounts","t10","Rate","classes","bb0","rateFormatted","left","right","StatusBadge","status","extraLabel","success","has","failed","overallPending","pending","executing","rateClasses","RateAndStatus","props","isTwap","undefined","extraStatusLabel","endsInMs","order","deadline","TimeTillExpiry","showSeconds","now","timeMs"],"sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"sourcesContent":["import { TokenBadge } from \"../TokenBadge/TokenBadge\";\nimport type { LimitOrderItem, LimitOrderItemExtra } from \"./types\";\nimport { NetworkWithIcon } from \"../NetworkWithIcon/NetworkWithIcon\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport { calcRate } from \"@/lib/utils/rate\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  DeltaOrderStatusChecker,\n  getAuctionSrcChainId,\n  isTWAPAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { DeltaOrderStatus } from \"@velora-dex/sdk\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\nimport { Duration } from \"../Duration/Duration\";\nimport {\n  getDisplayedDeltaOrderStatus,\n  getTwapAuctionDeadlines,\n  twapSliceInfo,\n} from \"@/lib/utils/twap\";\n\nconst missingContent = \"-\";\n\nexport const LimitOrdersListItem = ({\n  auction,\n  onClick,\n}: {\n  auction: LimitOrderItem;\n  onClick: (auction: LimitOrderItem) => void;\n}) => {\n  const srcChainId = getAuctionSrcChainId(auction) as SupportedChainId;\n  return (\n    <div\n      className={\"bg-white dark:bg-contrast-3 p-4 rounded-sm cursor-pointer\"}\n      onClick={() => onClick(auction)}\n    >\n      <TradeAndNetwork extra={auction.extra} chainId={srcChainId} />\n      <RateAndStatus {...auction} />\n    </div>\n  );\n};\n\nconst srcTokenBadgeClasses = { logo: \"size-[16px]\", root: \"z-1\" };\nconst destTokenBadgeClasses = { logo: \"size-[16px]\", root: \"-ml-1\" };\nconst networkIconClasses = { root: \"gap-2\", name: \"dark:text-contrast-7\" };\n\nexport const TradeAndNetwork = ({\n  extra,\n  chainId,\n}: Pick<LimitOrderItem, \"extra\"> & { chainId: SupportedChainId }) => {\n  return (\n    <div className=\"flex items-center justify-between pb-4\">\n      <Trade {...extra} />\n      <NetworkWithIcon\n        networkId={chainId}\n        classes={networkIconClasses}\n      />\n    </div>\n  );\n};\n\nconst Trade = ({\n  srcToken,\n  destToken,\n  srcAmountUnit,\n  destAmountUnit,\n  visualItemType,\n}: LimitOrderItemExtra) => {\n  // @TODO we'll miss a big piece of info if we don't have the tokens\n  // consider to fetch them onchain if missing in useQuery(select)\n  // or just add more token lists\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const icons = (\n    <div className=\"flex items-center\">\n      <TokenBadge\n        address={srcToken.address}\n        chainId={srcToken.network}\n        img={srcToken.img}\n        classes={srcTokenBadgeClasses}\n      />\n      <TokenBadge\n        address={destToken.address}\n        img={destToken.img}\n        chainId={destToken.network}\n        classes={destTokenBadgeClasses}\n      />\n    </div>\n  );\n\n  const typeAndAmounts = (\n    <div className=\"ml-2 flex flex-col\">\n      <div className=\"text-xs font-medium text-contrast-5\">\n        {visualItemType}\n      </div>\n      <div className=\"text-sm font-medium dark:text-contrast-9\">\n        {srcToken.symbol} {formattedSrcAmount}\n        <span className=\"mx-1\">→</span>\n        {destToken.symbol} {formattedDestAmount}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex items-center\">\n      {icons}\n      {typeAndAmounts}\n    </div>\n  );\n};\n\nexport const Rate = ({\n  extra,\n  classes,\n}: { extra: Omit<LimitOrderItemExtra, \"visualItemType\"> } & WithClasses<\n  \"root\" | \"left\" | \"right\"\n>) => {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n  if (!srcToken || !destToken || !srcAmountUnit || !destAmountUnit)\n    return missingContent;\n\n  const rateFormatted = calcRate(srcAmountUnit, destAmountUnit)?.rateFormatted;\n  if (!rateFormatted) return missingContent;\n\n  const left = `${formatTokenAmount(rateFormatted)} ${destToken.symbol}`;\n  const right = `per ${srcToken.symbol}`;\n\n  return (\n    <div className={cn(\"text-xs\", classes?.root)}>\n      <span className={classes?.left}>{left}</span>{\" \"}\n      <span className={classes?.right}>{right}</span>\n    </div>\n  );\n};\n\nexport const StatusBadge = ({\n  status,\n  extraLabel,\n}: {\n  status: DeltaOrderStatus;\n  extraLabel?: React.ReactNode;\n}) => {\n  const success = DeltaOrderStatusChecker.success.has(status);\n  const failed = DeltaOrderStatusChecker.failed.has(status);\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(status) ||\n    DeltaOrderStatusChecker.executing.has(status);\n\n  return (\n    <div\n      className={cn(\"text-[10px] p-0.5 px-2 rounded-lg w-max\", {\n        \"text-secondary-shamrock-green-2 bg-[#00976733]\": success,\n        \"text-secondary-radical-red-1 bg-[#FF3B301A]\": failed,\n        \"text-secondary-orange-peel-1 bg-[#FF950033]\": overallPending,\n      })}\n    >\n      {getDisplayedDeltaOrderStatus(status)}\n      {extraLabel && <> {extraLabel}</>}\n    </div>\n  );\n};\n\nconst rateClasses = {\n  left: \"dark:text-contrast-7\",\n  right: \"text-contrast-5\",\n};\n\nconst RateAndStatus = (props: LimitOrderItem) => {\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(props.status) ||\n    DeltaOrderStatusChecker.executing.has(props.status);\n  const isTwap = isTWAPAuction(props);\n\n  const extraStatusLabel = isTwap ? twapSliceInfo(props) : undefined;\n  const deadline = isTwap\n    ? getTwapAuctionDeadlines(props).endsInMs / 1000\n    : props.order.deadline;\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <Rate extra={props.extra} classes={rateClasses} />\n      <div className=\"flex items-center gap-1\">\n        {overallPending && <TimeTillExpiry deadline={deadline} />}\n        <StatusBadge status={props.status} extraLabel={extraStatusLabel} />\n      </div>\n    </div>\n  );\n};\n\nexport const TimeTillExpiry = ({\n  deadline,\n  classes,\n  showSeconds,\n}: {\n  deadline: number;\n  showSeconds?: boolean;\n} & WithClasses<\"root\">) => {\n  const now = useDateNow();\n  const timeMs = (deadline - now / 1000) * 1000;\n\n  return (\n    <Duration timeMs={timeMs} classes={classes} showSeconds={showSeconds} />\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/LimitOrderItem/types.d.ts

@@ -1,7 +1,7 @@
 import { Token } from '../../../tokens/state/types';
-import { DeltaV2 } from '@velora-dex/sdk';
+import { DeltaAuction } from '@velora-dex/sdk';
 import { MarkRequired } from 'ts-essentials';
-export type LimitOrderItem = DeltaV2.DeltaAuction & {
+export type LimitOrderItem = DeltaAuction & {
     itemType: "limit-order";
     extra: LimitOrderItemExtra;
 };

package/dist/components/widget/LimitOrderItem/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,GAAG;IAClD,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,mBAAmB,EACnB,UAAU,GAAG,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAC9D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG;IACrD,KAAK,EAAE,2BAA2B,CAAC;CACpC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG;IAC1C,QAAQ,EAAE,aAAa,CAAC;IACxB,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,YAAY,CACpD,mBAAmB,EACnB,UAAU,GAAG,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAC9D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG;IACrD,KAAK,EAAE,2BAA2B,CAAC;CACpC,CAAC"}

package/dist/components/widget/LimitOrderItem/utils.d.ts

@@ -1,6 +1,6 @@
 import { AllChainsTokenMap } from '../../../hooks/tokens/types';
-import { DeltaV2 } from '@velora-dex/sdk';
+import { DeltaAuction } from '@velora-dex/sdk';
 import { LimitOrderItem, LimitOrderItemWithExtra } from './types';
-export declare function constructLimitOrderItem(auction: DeltaV2.DeltaAuction, allChainsTokenMap: AllChainsTokenMap): LimitOrderItem;
+export declare function constructLimitOrderItem(auction: DeltaAuction, allChainsTokenMap: AllChainsTokenMap): LimitOrderItem;
 export declare function isLimitOrderWithExtra(order: LimitOrderItem): order is LimitOrderItemWithExtra;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/widget/LimitOrderItem/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvE,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,OAAO,CAAC,YAAY,EAC7B,iBAAiB,EAAE,iBAAiB,GACnC,cAAc,CAuEhB;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,GACpB,KAAK,IAAI,uBAAuB,CAGlC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIvE,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,iBAAiB,GACnC,cAAc,CAuEhB;AAED,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,cAAc,GACpB,KAAK,IAAI,uBAAuB,CAGlC"}

package/dist/components/widget/LimitOrderItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaV2","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","constructLimitOrderItem","auction","DeltaAuction","allChainsTokenMap","srcAmount","destAmount","srcChainId","destChainId","srcToken","srcTokenAddress","destToken","destTokenAddress","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","visualItemType","type","onChainOrderType","extra","itemType","isLimitOrderWithExtra","order"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaV2 } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaV2.DeltaAuction,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const {\n    srcAmount,\n    destAmount,\n    srcChainId,\n    destChainId,\n    srcToken: srcTokenAddress,\n    destToken: destTokenAddress,\n  } = getUnifiedDeltaOrderData(auction);\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(srcChainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  let visualItemType;\n  if (auction.type === \"LIMIT\") {\n    visualItemType = \"Limit\";\n  } else if (\n    auction.onChainOrderType === \"TWAPOrder\" ||\n    auction.onChainOrderType === \"TWAPBuyOrder\"\n  ) {\n    visualItemType = \"TWAP\";\n  } else if (auction.onChainOrderType === \"ExternalOrder\") {\n    visualItemType = \"External Order\";\n  } else {\n    visualItemType = \"Swap\";\n  }\n\n  const extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n    visualItemType,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n"],"mappings":";;;;;AASA,SAAgBS,EACdC,GACAE,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTpB,EAAyBU,EAAQ,EAEjCO,GACAE,GAEAE,GACAC;CAEJ,IAAInB,EAAmBY,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFV,EAAa;GAC/BsB,SAASN;GACTO,SAASV;GACV,CAEuCQ;EACxC,AAAIG,MACFT,IAAWS,GACXL,IAAgBd,EAAYoB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;CAI1E,IAAIzB,EAAmBa,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFV,EAAa;GAChCsB,SAASJ;GACTK,SAAST;GACV,CAEwCa;EACzC,AAAIC,MACFX,IAAYW,GACZR,IAAiBf,EAAYoB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;CACJ,AAUEA,IAVErB,EAAQsB,SAAS,UACF,UAEjBtB,EAAQuB,qBAAqB,eAC7BvB,EAAQuB,qBAAqB,iBAEZ,SACRvB,EAAQuB,qBAAqB,kBACrB,mBAEA;CAGnB,IAAMC,IAAQ;EACZjB;EACAE;EACAN;EACAC;EACAO;EACAC;EACAS;EACD;CAED,OAAO;EACL,GAAGrB;EACHwB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;CACrE,OAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC"}
+{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaAuction","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","constructLimitOrderItem","auction","allChainsTokenMap","srcAmount","destAmount","srcChainId","destChainId","srcToken","srcTokenAddress","destToken","destTokenAddress","srcAmountUnit","destAmountUnit","srcTokenKey","address","network","foundSrcToken","BigInt","decimals","destTokenKey","foundDestToken","visualItemType","type","onChainOrderType","extra","itemType","isLimitOrderWithExtra","order"],"sources":["../../../../src/components/widget/LimitOrderItem/utils.ts"],"sourcesContent":["import { getUnifiedDeltaOrderData } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { AllChainsTokenMap } from \"@/hooks/tokens/types\";\nimport { prepTokenKey } from \"@/hooks/tokens/useTokensByAddress\";\nimport { isSupportedChainId } from \"@/lib/web3/wagmi/utils\";\nimport type { DeltaAuction } from \"@velora-dex/sdk\";\nimport type { LimitOrderItem, LimitOrderItemWithExtra } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport type { Token } from \"@/tokens/state/types\";\n\nexport function constructLimitOrderItem(\n  auction: DeltaAuction,\n  allChainsTokenMap: AllChainsTokenMap\n): LimitOrderItem {\n  const {\n    srcAmount,\n    destAmount,\n    srcChainId,\n    destChainId,\n    srcToken: srcTokenAddress,\n    destToken: destTokenAddress,\n  } = getUnifiedDeltaOrderData(auction);\n\n  let srcToken: Token | undefined;\n  let destToken: Token | undefined;\n\n  let srcAmountUnit: string | undefined;\n  let destAmountUnit: string | undefined;\n\n  if (isSupportedChainId(srcChainId)) {\n    const srcTokenKey = prepTokenKey({\n      address: srcTokenAddress,\n      network: srcChainId,\n    });\n\n    const foundSrcToken = allChainsTokenMap[srcTokenKey];\n    if (foundSrcToken) {\n      srcToken = foundSrcToken;\n      srcAmountUnit = formatUnits(BigInt(srcAmount), foundSrcToken.decimals);\n    }\n  }\n\n  if (isSupportedChainId(destChainId)) {\n    const destTokenKey = prepTokenKey({\n      address: destTokenAddress,\n      network: destChainId,\n    });\n\n    const foundDestToken = allChainsTokenMap[destTokenKey];\n    if (foundDestToken) {\n      destToken = foundDestToken;\n      destAmountUnit = formatUnits(BigInt(destAmount), foundDestToken.decimals);\n    }\n  }\n\n  let visualItemType;\n  if (auction.type === \"LIMIT\") {\n    visualItemType = \"Limit\";\n  } else if (\n    auction.onChainOrderType === \"TWAPOrder\" ||\n    auction.onChainOrderType === \"TWAPBuyOrder\"\n  ) {\n    visualItemType = \"TWAP\";\n  } else if (auction.onChainOrderType === \"ExternalOrder\") {\n    visualItemType = \"External Order\";\n  } else {\n    visualItemType = \"Swap\";\n  }\n\n  const extra = {\n    srcToken,\n    destToken,\n    srcAmount,\n    destAmount,\n    srcAmountUnit,\n    destAmountUnit,\n    visualItemType,\n  };\n\n  return {\n    ...auction,\n    extra,\n    itemType: \"limit-order\",\n  };\n}\n\nexport function isLimitOrderWithExtra(\n  order: LimitOrderItem\n): order is LimitOrderItemWithExtra {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = order.extra;\n  return !!(srcToken && destToken && srcAmountUnit && destAmountUnit);\n}\n"],"mappings":";;;;;AASA,SAAgBS,EACdC,GACAC,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTnB,EAAyBU,EAAQ,EAEjCM,GACAE,GAEAE,GACAC;CAEJ,IAAIlB,EAAmBW,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFT,EAAa;GAC/BqB,SAASN;GACTO,SAASV;GACV,CAEuCQ;EACxC,AAAIG,MACFT,IAAWS,GACXL,IAAgBb,EAAYmB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;CAI1E,IAAIxB,EAAmBY,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFT,EAAa;GAChCqB,SAASJ;GACTK,SAAST;GACV,CAEwCa;EACzC,AAAIC,MACFX,IAAYW,GACZR,IAAiBd,EAAYmB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;CACJ,AAUEA,IAVEpB,EAAQqB,SAAS,UACF,UAEjBrB,EAAQsB,qBAAqB,eAC7BtB,EAAQsB,qBAAqB,iBAEZ,SACRtB,EAAQsB,qBAAqB,kBACrB,mBAEA;CAGnB,IAAMC,IAAQ;EACZjB;EACAE;EACAN;EACAC;EACAO;EACAC;EACAS;EACD;CAED,OAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;CACrE,OAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/Controls.js

@@ -1,6 +1,6 @@
 import { Button as e } from "../../../ui/button.js";
 import { useMinViemClient as t } from "../../../../hooks/useMinViemClient.js";
-import { LimitOrderStateChecker as n } from "../../../../hooks/otc/queries/utils.js";
+import { OTCOrderStateChecker as n } from "../../../../hooks/otc/queries/utils.js";
 import { useChainMatches as r } from "../../../../hooks/useChainMatches.js";
 import { ForwardRef as i } from "../../../../assets/spinner.js";
 import { useSwitchChainWithGuard as a } from "../../../../hooks/useSwitchChainWithGuard.js";

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","useAccount","ReactComponent","Spinner","OtcOrderItem","useCancelOtcOrderAndWait","useCancelOtcOrderEventCallbacks","LimitOrderStateChecker","TransactionReceipt","SupportedChainId","useChainMatches","useSwitchChainWithGuard","OtcOrderControlsProps","order","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","t1","state","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","address","account","t2","minClient","mutateAsync","switchChain","cancelOrderEvents","t3","variables","onMutate","t4","data","vars","onSuccess","t5","vars_0","onError","t6","t7","client","mutationOptions","cancelOtcOrder","isPending","isSuccess","t8","orderHash","onTxSent","t9","transactionHash","txHash","cancelBtn","dismissBtn","t10"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useAccount } from \"wagmi\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { OtcOrderItem } from \"../types\";\nimport {\n  useCancelOtcOrderAndWait,\n  useCancelOtcOrderEventCallbacks,\n} from \"@/hooks/otc/mutations/useCancelLimitOrder\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport type { TransactionReceipt } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport type OtcOrderControlsProps = {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n  onCancelTxSuccess: (receipt: TransactionReceipt) => void;\n  onCancelTxError: (error: Error) => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n  onCancelTxError,\n  onCancelTxSuccess,\n}: OtcOrderControlsProps) => {\n  const cancellable = LimitOrderStateChecker.cancellable.has(order.state);\n\n  // [!IMPORTANT]: viemClient and sdk should be initialized with order's chainId\n  // otherwise cancellation will fail after switchChain\n  const orderChainId = order.chainId as SupportedChainId;\n  const { forcedChainMatchesWalletChain, isConnected } =\n    useChainMatches(orderChainId);\n\n  const { address: account } = useAccount();\n  const { minClient } = useMinViemClient({ chainId: orderChainId, account });\n  const { mutateAsync: switchChain } = useSwitchChainWithGuard();\n\n  const cancelOrderEvents = useCancelOtcOrderEventCallbacks(order);\n\n  const { cancelOtcOrder, isPending, isSuccess } = useCancelOtcOrderAndWait({\n    chainId: orderChainId,\n    account,\n    client: minClient,\n    mutationOptions: {\n      onMutate: async (variables) => {\n        if (!forcedChainMatchesWalletChain) {\n          await switchChain({\n            chainId: orderChainId,\n          });\n        }\n        cancelOrderEvents.onMutate?.(variables);\n      },\n      onSuccess: (data, vars) => {\n        onCancelTxSuccess(data);\n        cancelOrderEvents.onSuccess?.(data, vars);\n      },\n      onError: (error, vars) => {\n        onCancelTxError(error);\n        cancelOrderEvents.onError?.(error, vars);\n      },\n    },\n  });\n\n  const cancelBtn =\n    cancellable && isConnected && !isSuccess ? (\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={isPending}\n        onClick={() =>\n          cancelOtcOrder({\n            orderHash: order.orderHash,\n            onTxSent: ({ chainId, transactionHash }) => {\n              cancelOrderEvents.onTxSent?.({\n                chainId,\n                txHash: transactionHash,\n              });\n            },\n          })\n        }\n      >\n        Cancel This Order\n        {isPending && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\n    ) : null;\n\n  const dismissBtn = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {cancelBtn}\n      {dismissBtn}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","useAccount","ReactComponent","Spinner","OtcOrderItem","useCancelOtcOrderAndWait","useCancelOtcOrderEventCallbacks","OTCOrderStateChecker","TransactionReceipt","SupportedChainId","useChainMatches","useSwitchChainWithGuard","OtcOrderControlsProps","order","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","t1","state","cancellable","has","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","address","account","t2","minClient","mutateAsync","switchChain","cancelOrderEvents","t3","variables","onMutate","t4","data","vars","onSuccess","t5","vars_0","onError","t6","t7","client","mutationOptions","cancelOtcOrder","isPending","isSuccess","t8","orderHash","onTxSent","t9","transactionHash","txHash","cancelBtn","dismissBtn","t10"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { useAccount } from \"wagmi\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { OtcOrderItem } from \"../types\";\nimport {\n  useCancelOtcOrderAndWait,\n  useCancelOtcOrderEventCallbacks,\n} from \"@/hooks/otc/mutations/useCancelLimitOrder\";\nimport { OTCOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport type { TransactionReceipt } from \"viem\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport type OtcOrderControlsProps = {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n  onCancelTxSuccess: (receipt: TransactionReceipt) => void;\n  onCancelTxError: (error: Error) => void;\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n  onCancelTxError,\n  onCancelTxSuccess,\n}: OtcOrderControlsProps) => {\n  const cancellable = OTCOrderStateChecker.cancellable.has(order.state);\n\n  // [!IMPORTANT]: viemClient and sdk should be initialized with order's chainId\n  // otherwise cancellation will fail after switchChain\n  const orderChainId = order.chainId as SupportedChainId;\n  const { forcedChainMatchesWalletChain, isConnected } =\n    useChainMatches(orderChainId);\n\n  const { address: account } = useAccount();\n  const { minClient } = useMinViemClient({ chainId: orderChainId, account });\n  const { mutateAsync: switchChain } = useSwitchChainWithGuard();\n\n  const cancelOrderEvents = useCancelOtcOrderEventCallbacks(order);\n\n  const { cancelOtcOrder, isPending, isSuccess } = useCancelOtcOrderAndWait({\n    chainId: orderChainId,\n    account,\n    client: minClient,\n    mutationOptions: {\n      onMutate: async (variables) => {\n        if (!forcedChainMatchesWalletChain) {\n          await switchChain({\n            chainId: orderChainId,\n          });\n        }\n        cancelOrderEvents.onMutate?.(variables);\n      },\n      onSuccess: (data, vars) => {\n        onCancelTxSuccess(data);\n        cancelOrderEvents.onSuccess?.(data, vars);\n      },\n      onError: (error, vars) => {\n        onCancelTxError(error);\n        cancelOrderEvents.onError?.(error, vars);\n      },\n    },\n  });\n\n  const cancelBtn =\n    cancellable && isConnected && !isSuccess ? (\n      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={isPending}\n        onClick={() =>\n          cancelOtcOrder({\n            orderHash: order.orderHash,\n            onTxSent: ({ chainId, transactionHash }) => {\n              cancelOrderEvents.onTxSent?.({\n                chainId,\n                txHash: transactionHash,\n              });\n            },\n          })\n        }\n      >\n        Cancel This Order\n        {isPending && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\n    ) : null;\n\n  const dismissBtn = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {cancelBtn}\n      {dismissBtn}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.js

@@ -1,6 +1,6 @@
 import { isTruthy as e } from "../../../../lib/utils/index.js";
 import { DetailWithValueList as t } from "../../Details/DetailWithValueList.js";
-import { LimitOrderStateChecker as n } from "../../../../hooks/otc/queries/utils.js";
+import { OTCOrderStateChecker as n } from "../../../../hooks/otc/queries/utils.js";
 import { isOtcOrderWithExtra as r } from "../utils.js";
 import { PayReceiveInfo as i } from "../../PayReceiveInfo/PayReceiveInfo.js";
 import { useDateNow as a } from "../../../../lib/utils/useDateNow.js";

package/dist/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderDetails.js","names":["OtcOrderItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","OtcOrderControlsProps","LimitOrderStateChecker","constructOrderStatusDetail","constructOrderTypeDetail","isOtcOrderWithExtra","useDateNow","detailsClasses","root","title","value","OtcOrderDetails","t0","$","_c","callbacks","order","t1","payReceiveInfoProps","active","has","state","now","isExpired","Date","expiry","getTime","showExpiresIn","details","createdAt","deadline","filter","t2","t3","t4","t5"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"@/components/widget/LimitOrderItem/LimitOrderDetails/utils\";\n\nimport { Controls, type OtcOrderControlsProps } from \"./Controls\";\nimport { LimitOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { constructOrderStatusDetail, constructOrderTypeDetail } from \"./utils\";\nimport { isOtcOrderWithExtra } from \"../utils\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const OtcOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n} & Pick<OtcOrderControlsProps, \"onCancelTxSuccess\" | \"onCancelTxError\">) => {\n  const payReceiveInfoProps =\n    isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const active = LimitOrderStateChecker.active.has(order.state);\n\n  const now = useDateNow();\n  const isExpired =\n    now >= new Date(order.expiry * 1000).getTime() || order.state === \"EXPIRED\";\n  const showExpiresIn = active && !isExpired;\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail({ createdAt: order.createdAt * 1000 }),\n    showExpiresIn && constructExpiresInDetail({ deadline: order.expiry }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAMgB,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAD,KAMyCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OANxC,cAAAE,KAAAH,GAMwCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAG,IAEHC,IAAAJ,EAAA,MAAjEI,IAAAZ,EAAoBW,EAA6C,IAAnClB,EAA6BkB,EAAM,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CADnE,IAAAC,IACED,GAEFE,IAAejB,EAAsBiB,OAAOC,IAAKJ,EAAKK,MAAO,EAG7DE,IADYjB,GAEVgB,qBAAO,IAAIE,KAAKR,EAAKS,SAAU,IAAK,EAAAC,SAAuC,IAAzBV,EAAKK,UAAW,WACpEM,IAAsBR,KAAA,CAAWI,GAEjCK,IAAmC;EACjC7B,EAA0B,EAAA8B,WAAab,EAAKa,YAAa,KAAM,CAAC;EAChEF,KAAiB/B,EAAyB,EAAAkC,UAAYd,EAAKS,QAAS,CAAC;EACrE5B,EAAyBmB,EAAM;EAC/Bb,EAA2Ba,EAAM;EACjCZ,EAAyBY,EAAM;EAChC,CAAAe,OAAQtC,EAAS,EAACuC;CAAA,AAAAnB,EAAA,OAAAK,IAIoDc,IAAAnB,EAAA,MAAlEmB,IAAAd,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAmB;CAAA,IAAAC;CAAA,AAAApB,EAAA,OAAAe,IACDK,IAAApB,EAAA,MAAlEoB,IAAA,kBAAC,GAAD;EAA8BL;EAAkBrB,SAAAA;EAAkB,CAAA,EAAAM,EAAA,KAAAe,GAAAf,EAAA,KAAAoB;CAAA,IAAAC;CAAA,AAAArB,EAAA,OAAAE,KAAAF,EAAA,QAAAG,KAClEkB,IAAA,kBAAC,GAAD;EAAiBlB;EAAK,GAAMD;EAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;CACrC,OADqCtB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAoB,KAAApB,EAAA,QAAAqB,KAH3CC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GACI;KAAArB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KAJNsB"}
+{"version":3,"file":"OtcOrderDetails.js","names":["OtcOrderItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructExpiresInDetail","constructOrderRateDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","OtcOrderControlsProps","OTCOrderStateChecker","constructOrderStatusDetail","constructOrderTypeDetail","isOtcOrderWithExtra","useDateNow","detailsClasses","root","title","value","OtcOrderDetails","t0","$","_c","callbacks","order","t1","payReceiveInfoProps","active","has","state","now","isExpired","Date","expiry","getTime","showExpiresIn","details","createdAt","deadline","filter","t2","t3","t4","t5"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.tsx"],"sourcesContent":["import type { OtcOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"@/components/widget/LimitOrderItem/LimitOrderDetails/utils\";\n\nimport { Controls, type OtcOrderControlsProps } from \"./Controls\";\nimport { OTCOrderStateChecker } from \"@/hooks/otc/queries/utils\";\nimport { constructOrderStatusDetail, constructOrderTypeDetail } from \"./utils\";\nimport { isOtcOrderWithExtra } from \"../utils\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\nexport const OtcOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: OtcOrderItem;\n  onDismiss: () => void;\n} & Pick<OtcOrderControlsProps, \"onCancelTxSuccess\" | \"onCancelTxError\">) => {\n  const payReceiveInfoProps =\n    isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const active = OTCOrderStateChecker.active.has(order.state);\n\n  const now = useDateNow();\n  const isExpired =\n    now >= new Date(order.expiry * 1000).getTime() || order.state === \"EXPIRED\";\n  const showExpiresIn = active && !isExpired;\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail({ createdAt: order.createdAt * 1000 }),\n    showExpiresIn && constructExpiresInDetail({ deadline: order.expiry }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...callbacks} />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAkBA,IAAMgB,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EAEYC,KAAkBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAAC,GAAAC;CAAA,AAAAH,EAAA,OAAAD,KAMyCG,IAAAF,EAAA,IAAAG,IAAAH,EAAA,OANxC,cAAAE,KAAAH,GAMwCC,EAAA,KAAAD,GAAAC,EAAA,KAAAE,GAAAF,EAAA,KAAAG;CAAA,IAAAC;CAAA,AAAAJ,EAAA,OAAAG,IAEHC,IAAAJ,EAAA,MAAjEI,IAAAZ,EAAoBW,EAA6C,IAAnClB,EAA6BkB,EAAM,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAI;CADnE,IAAAC,IACED,GAEFE,IAAejB,EAAoBiB,OAAOC,IAAKJ,EAAKK,MAAO,EAG3DE,IADYjB,GAEVgB,qBAAO,IAAIE,KAAKR,EAAKS,SAAU,IAAK,EAAAC,SAAuC,IAAzBV,EAAKK,UAAW,WACpEM,IAAsBR,KAAA,CAAWI,GAEjCK,IAAmC;EACjC7B,EAA0B,EAAA8B,WAAab,EAAKa,YAAa,KAAM,CAAC;EAChEF,KAAiB/B,EAAyB,EAAAkC,UAAYd,EAAKS,QAAS,CAAC;EACrE5B,EAAyBmB,EAAM;EAC/Bb,EAA2Ba,EAAM;EACjCZ,EAAyBY,EAAM;EAChC,CAAAe,OAAQtC,EAAS,EAACuC;CAAA,AAAAnB,EAAA,OAAAK,IAIoDc,IAAAnB,EAAA,MAAlEmB,IAAAd,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAL,EAAA,KAAAK,GAAAL,EAAA,KAAAmB;CAAA,IAAAC;CAAA,AAAApB,EAAA,OAAAe,IACDK,IAAApB,EAAA,MAAlEoB,IAAA,kBAAC,GAAD;EAA8BL;EAAkBrB,SAAAA;EAAkB,CAAA,EAAAM,EAAA,KAAAe,GAAAf,EAAA,KAAAoB;CAAA,IAAAC;CAAA,AAAArB,EAAA,OAAAE,KAAAF,EAAA,QAAAG,KAClEkB,IAAA,kBAAC,GAAD;EAAiBlB;EAAK,GAAMD;EAAa,CAAA,EAAAF,EAAA,KAAAE,GAAAF,EAAA,MAAAG,GAAAH,EAAA,MAAAqB,KAAAA,IAAArB,EAAA;CAAA,IAAAsB;CACrC,OADqCtB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAoB,KAAApB,EAAA,QAAAqB,KAH3CC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GACI;KAAArB,EAAA,MAAAmB,GAAAnB,EAAA,MAAAoB,GAAApB,EAAA,MAAAqB,GAAArB,EAAA,MAAAsB,KAAAA,IAAAtB,EAAA,KAJNsB"}

package/dist/components/widget/OtcOrderItem/OtcOrderListItem.d.ts

@@ -1,8 +1,8 @@
 import { OtcOrderItem } from './types';
-import { LimitOrderFromApi } from '@velora-dex/sdk';
+import { OTCOrderFromApi } from '@velora-dex/sdk';
 export declare const OtcOrdersListItem: ({ orderItem, onClick, }: {
     orderItem: OtcOrderItem;
     onClick: (orderItem: OtcOrderItem) => void;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const StatusBadge: ({ state }: Pick<LimitOrderFromApi, "state">) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusBadge: ({ state }: Pick<OTCOrderFromApi, "state">) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=OtcOrderListItem.d.ts.map

package/dist/components/widget/OtcOrderItem/OtcOrderListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AASzD,eAAO,MAAM,iBAAiB,GAAI,yBAG/B;IACD,SAAS,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C,4CAgBA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,4CAgBtE,CAAC"}
+{"version":3,"file":"OtcOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/OtcOrderItem/OtcOrderListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAUvD,eAAO,MAAM,iBAAiB,GAAI,yBAG/B;IACD,SAAS,EAAE,YAAY,CAAC;IACxB,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C,4CAiBA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,4CAgBpE,CAAC"}