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

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

@@ -1,87 +1,93 @@
 import { cn as e } from "../../../lib/utils/index.js";
-import { getTwapAuctionDeadlines as t } from "../../../lib/utils/twap.js";
-import { DeltaOrderStatusChecker as n, getDisplayedOrderStatus as r, isTWAPAuction as i } from "../../../hooks/swap/prices/delta/orders/utils.js";
-import { useDateNow as a } from "../../../lib/utils/useDateNow.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 { twapSliceInfo as l } from "./utils.js";
+import { getDisplayedDeltaOrderStatus as t, getTwapAuctionDeadlines as n, twapSliceInfo as r } from "../../../lib/utils/twap.js";
+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 { c as f } from "react-compiler-runtime";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+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(10), { 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, o;
-	t[3] === n ? (a = t[4], o = t[5]) : (a = /* @__PURE__ */ m(x, { ...n }), o = /* @__PURE__ */ m(E, { ...n }), t[3] = n, t[4] = a, t[5] = o);
-	let s;
-	return t[6] !== i || t[7] !== a || t[8] !== o ? (s = /* @__PURE__ */ h("div", {
+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: 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[6] = i, t[7] = a, t[8] = o, t[9] = s) : s = t[9], 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 = u(i), t[0] = i, t[1] = c);
-	let l = c, d;
+	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 p = d, _;
-	t[4] !== n.address || t[5] !== n.img || t[6] !== n.network ? (_ = /* @__PURE__ */ m(s, {
+	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] !== l || 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,
@@ -90,50 +96,50 @@ var g = "-", _ = (e) => {
 			w,
 			r.symbol,
 			" ",
-			p
+			f
 		]
-	}), t[18] = r.symbol, t[19] = p, t[20] = l, 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: l } = r;
-	if (!a || !o || !s || !l) return g;
-	let d, p;
-	if (n[0] !== l || 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, l)?.rateFormatted;
+			let e = l(s, c)?.rateFormatted;
 			if (!e) {
-				p = g;
+				f = _;
 				break bb0;
 			}
 			d = u(e);
 		}
-		n[0] = l, 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,
@@ -141,65 +147,65 @@ var g = "-", _ = (e) => {
 			w
 		]
 	}), n[12] = b, n[13] = S, n[14] = w, n[15] = T) : T = n[15], T;
-}, w = (t) => {
-	let i = f(10), { status: a, extraLabel: o } = t, s;
-	i[0] === a ? s = i[1] : (s = e("text-[10px] p-0.5 px-2 rounded-lg w-max", {
-		"text-secondary-shamrock-green-2 bg-[#00976733]": n.success.has(a),
-		"text-secondary-radical-red-1 bg-[#FF3B301A]": n.failed.has(a),
-		"text-secondary-orange-peel-1 bg-[#FF950033]": n.pending.has(a) || n.executing.has(a)
-	}), i[0] = a, i[1] = 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),
+		"text-secondary-orange-peel-1 bg-[#FF950033]": i.pending.has(a) || i.executing.has(a)
+	}), r[0] = a, r[1] = s);
 	let c;
-	i[2] === a ? c = i[3] : (c = r(a), i[2] = a, i[3] = c);
+	r[2] === a ? c = r[3] : (c = t(a), r[2] = a, r[3] = c);
 	let l;
-	i[4] === o ? l = i[5] : (l = o && /* @__PURE__ */ h(p, { children: [" ", o] }), i[4] = o, i[5] = l);
+	r[4] === o ? l = r[5] : (l = o && /* @__PURE__ */ g(m, { children: [" ", o] }), r[4] = o, r[5] = l);
 	let u;
-	return i[6] !== s || i[7] !== c || i[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]
-	}), i[6] = s, i[7] = c, i[8] = l, i[9] = u) : u = i[9], u;
-}, T = {
+	}), r[6] = s, r[7] = c, r[8] = l, r[9] = u) : u = r[9], u;
+}, E = {
 	left: "dark:text-contrast-7",
 	right: "text-contrast-5"
-}, E = (e) => {
-	let r = f(24), a;
-	r[0] === e.status ? a = r[1] : (a = n.pending.has(e.status) || n.executing.has(e.status), r[0] = e.status, r[1] = a);
-	let o = a, s;
-	r[2] === e ? s = r[3] : (s = i(e), r[2] = e, r[3] = s);
-	let c = s, u;
-	r[4] !== c || r[5] !== e ? (u = c ? l(e) : void 0, r[4] = c, r[5] = e, r[6] = u) : u = r[6];
-	let d = u, p;
-	r[7] !== c || r[8] !== e ? (p = c ? t(e).endsInMs / 1e3 : e.order.deadline, r[7] = c, r[8] = e, r[9] = p) : p = r[9];
-	let g = p, _;
-	r[10] === e.extra ? _ = r[11] : (_ = /* @__PURE__ */ m(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, 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
-	}), r[10] = e.extra, r[11] = _);
+		classes: E
+	}), t[10] = e.extra, t[11] = _);
 	let v;
-	r[12] !== g || r[13] !== o ? (v = o && /* @__PURE__ */ m(D, { deadline: g }), r[12] = g, r[13] = o, r[14] = v) : v = r[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;
-	r[15] !== d || r[16] !== e.status ? (y = /* @__PURE__ */ m(w, {
+	t[15] !== d || t[16] !== e.status ? (y = /* @__PURE__ */ h(T, {
 		status: e.status,
 		extraLabel: d
-	}), r[15] = d, r[16] = e.status, r[17] = y) : y = r[17];
+	}), t[15] = d, t[16] = e.status, t[17] = y) : y = t[17];
 	let b;
-	r[18] !== v || r[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]
-	}), r[18] = v, r[19] = y, r[20] = b) : b = r[20];
+	}), t[18] = v, t[19] = y, t[20] = b) : b = t[20];
 	let x;
-	return r[21] !== _ || r[22] !== b ? (x = /* @__PURE__ */ h("div", {
+	return t[21] !== _ || t[22] !== b ? (x = /* @__PURE__ */ g("div", {
 		className: "flex items-center justify-between",
 		children: [_, b]
-	}), r[21] = _, r[22] = b, r[23] = x) : x = r[23], x;
-}, D = (e) => {
-	let t = f(4), { deadline: n, classes: r, showSeconds: i } = e, o = (n - a() / 1e3) * 1e3, s;
-	return t[0] !== r || t[1] !== i || t[2] !== o ? (s = /* @__PURE__ */ m(d, {
-		timeMs: o,
+	}), t[21] = _, t[22] = b, t[23] = x) : x = t[23], x;
+}, 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] = o, t[3] = s) : s = t[3], s;
+	}), 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","DeltaOrderStatusChecker","getDisplayedOrderStatus","isTwapAuction","WithClasses","DeltaAuctionStatus","useDateNow","Duration","twapSliceInfo","getTwapAuctionDeadlines","missingContent","LimitOrdersListItem","t0","$","_c","auction","onClick","t1","t2","t3","t4","srcTokenBadgeClasses","logo","root","destTokenBadgeClasses","networkIconClasses","name","TradeAndNetwork","extra","chainId","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  DeltaOrderStatusChecker,\n  getDisplayedOrderStatus,\n  isTwapAuction,\n} from \"@/hooks/swap/prices/delta/orders/utils\";\nimport type { WithClasses } from \"@/types/withClasses\";\nimport type { DeltaAuctionStatus } from \"@velora-dex/sdk\";\nimport { useDateNow } from \"@/lib/utils/useDateNow\";\nimport { Duration } from \"../Duration/Duration\";\nimport { twapSliceInfo } from \"./utils\";\nimport { getTwapAuctionDeadlines } 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 {...auction} />\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\">) => {\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: DeltaAuctionStatus;\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      {getDisplayedOrderStatus(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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"}
+{"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/constants.d.ts

@@ -2,7 +2,7 @@ export declare const defaultOrderParams: {
     limit: number;
 };
 export declare const activeOrderParams: {
-    status: "ACTIVE"[];
+    status: "PENDING"[];
     limit: number;
 };
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1,6 +1,6 @@
 var e = { limit: 500 }, t = {
 	...e,
-	status: ["ACTIVE"]
+	status: ["PENDING"]
 };
 //#endregion
 export { t as activeOrderParams, e as defaultOrderParams };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","defaultOrderParams","limit","activeOrderParams","status","const"],"sources":["../../../../src/components/widget/LimitOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n//  MAX_ORDERS_LIMIT in API is 1000\nconst LIMIT_OF_ORDERS = 500;\n\nexport const defaultOrderParams = {\n  limit: LIMIT_OF_ORDERS,\n};\n\nexport const activeOrderParams = {\n  ...defaultOrderParams,\n  status: [\"ACTIVE\" as const],\n};\n"],"mappings":"AAIA,IAAaC,IAAqB,EAChCC,OAAOF,KACR,EAEYG,IAAoB;CAC/B,GAAGF;CACHG,QAAQ,CAAC,SAAiB;CAC3B"}
+{"version":3,"file":"constants.js","names":["LIMIT_OF_ORDERS","defaultOrderParams","limit","activeOrderParams","status","const"],"sources":["../../../../src/components/widget/LimitOrderItem/constants.ts"],"sourcesContent":["// fetch this many orders at once\n//  MAX_ORDERS_LIMIT in API is 1000\nconst LIMIT_OF_ORDERS = 500;\n\nexport const defaultOrderParams = {\n  limit: LIMIT_OF_ORDERS,\n};\n\nexport const activeOrderParams = {\n  ...defaultOrderParams,\n  status: [\"PENDING\" as const],\n};\n"],"mappings":"AAIA,IAAaC,IAAqB,EAChCC,OAAOF,KACR,EAEYG,IAAoB;CAC/B,GAAGF;CACHG,QAAQ,CAAC,UAAkB;CAC5B"}

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

@@ -1,8 +1,6 @@
 import { AllChainsTokenMap } from '../../../hooks/tokens/types';
 import { DeltaAuction } from '@velora-dex/sdk';
 import { LimitOrderItem, LimitOrderItemWithExtra } from './types';
-import { DeltaAuctionWithTwapOrder } from '../../../hooks/swap/prices/delta/orders/types';
 export declare function constructLimitOrderItem(auction: DeltaAuction, allChainsTokenMap: AllChainsTokenMap): LimitOrderItem;
 export declare function isLimitOrderWithExtra(order: LimitOrderItem): order is LimitOrderItemWithExtra;
-export declare function twapSliceInfo(auction: Pick<DeltaAuctionWithTwapOrder, "transactions" | "order">): string;
 //# 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,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAGvE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAExF,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;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,IAAI,CAAC,yBAAyB,EAAE,cAAc,GAAG,OAAO,CAAC,GACjE,MAAM,CAER"}
+{"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

@@ -40,10 +40,7 @@ function a(e) {
 	let { srcToken: t, destToken: n, srcAmountUnit: r, destAmountUnit: i } = e.extra;
 	return !!(t && n && r && i);
 }
-function o(e) {
-	return `${e.transactions.length}/${e.order.numSlices}`;
-}
 //#endregion
-export { i as constructLimitOrderItem, a as isLimitOrderWithExtra, o as twapSliceInfo };
+export { i as constructLimitOrderItem, a as isLimitOrderWithExtra };
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["getUnifiedDeltaOrderData","AllChainsTokenMap","prepTokenKey","isSupportedChainId","DeltaAuction","LimitOrderItem","LimitOrderItemWithExtra","formatUnits","Token","DeltaAuctionWithTwapOrder","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","twapSliceInfo","Pick","transactions","length","numSlices"],"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\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/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\nexport function twapSliceInfo(\n  auction: Pick<DeltaAuctionWithTwapOrder, \"transactions\" | \"order\">\n): string {\n  return `${auction.transactions.length}/${auction.order.numSlices}`;\n}\n"],"mappings":";;;;;AAUA,SAAgBU,EACdC,GACAC,GACgB;CAChB,IAAM,EACJC,cACAC,eACAC,eACAC,gBACAC,UAAUC,GACVC,WAAWC,MACTpB,EAAyBW,EAAQ,EAEjCM,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,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;;AAGtD,SAAgBgB,EACd3B,GACQ;CACR,OAAO,GAAGA,EAAQ6B,aAAaC,OAAM,GAAI9B,EAAQ0B,MAAMK"}
+{"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,9 +1,9 @@
 import { isTruthy as e } from "../../../../lib/utils/index.js";
-import { useDateNow as t } from "../../../../lib/utils/useDateNow.js";
-import { DetailWithValueList as n } from "../../Details/DetailWithValueList.js";
-import { LimitOrderStateChecker as r } from "../../../../hooks/otc/queries/utils.js";
-import { isOtcOrderWithExtra as i } from "../utils.js";
-import { PayReceiveInfo as a } from "../../PayReceiveInfo/PayReceiveInfo.js";
+import { DetailWithValueList as t } from "../../Details/DetailWithValueList.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";
 import { constructExpiresInDetail as o, constructOrderRateDetail as s, constructPayReceiveInfoProps as c, constructSubmitDateDetail as l } from "../../LimitOrderItem/LimitOrderDetails/utils.js";
 import { Controls as u } from "./Controls.js";
 import { constructOrderStatusDetail as d, constructOrderTypeDetail as f } from "./utils.js";
@@ -18,17 +18,17 @@ var g = {
 	let v = p(16), y, b;
 	v[0] === _ ? (y = v[1], b = v[2]) : ({order: b, ...y} = _, v[0] = _, v[1] = y, v[2] = b);
 	let x;
-	v[3] === b ? x = v[4] : (x = i(b) && c(b), v[3] = b, v[4] = x);
-	let S = x, C = r.active.has(b.state), w = t() >= (/* @__PURE__ */ new Date(b.expiry * 1e3)).getTime() || b.state === "EXPIRED", T = C && !w, E = [
+	v[3] === b ? x = v[4] : (x = r(b) && c(b), v[3] = b, v[4] = x);
+	let S = x, C = n.active.has(b.state), w = a() >= (/* @__PURE__ */ new Date(b.expiry * 1e3)).getTime() || b.state === "EXPIRED", T = C && !w, E = [
 		l({ createdAt: b.createdAt * 1e3 }),
 		T && o({ deadline: b.expiry }),
 		s(b),
 		d(b),
 		f(b)
 	].filter(e), D;
-	v[5] === S ? D = v[6] : (D = S && /* @__PURE__ */ m(a, { ...S }), v[5] = S, v[6] = D);
+	v[5] === S ? D = v[6] : (D = S && /* @__PURE__ */ m(i, { ...S }), v[5] = S, v[6] = D);
 	let O;
-	v[7] === E ? O = v[8] : (O = /* @__PURE__ */ m(n, {
+	v[7] === E ? O = v[8] : (O = /* @__PURE__ */ m(t, {
 		details: E,
 		classes: g
 	}), v[7] = E, v[8] = O);