npm - @velora-dex/widget - Versions diffs - 0.6.1-dev.4 → 0.7.0 - Mend

@velora-dex/widget 0.6.1-dev.4 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LimitOrderListItem.js","names":["TokenBadge","LimitOrderItem","LimitOrderItemExtra","NetworkWithIcon","formatTokenAmount","calcRate","SupportedChainId","cn","DeltaOrderStatusChecker","getDisplayedOrderStatus","WithClasses","DeltaAuctionStatus","useDateNow","Duration","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","success","has","failed","overallPending","pending","executing","rateClasses","RateAndStatus","props","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} 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\";\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 = ({ status }: { status: DeltaAuctionStatus }) => {\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 </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\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={props.order.deadline} />}\n <StatusBadge status={props.status} />\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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"}
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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"}

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

@@ -1,6 +1,8 @@
 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 CHANGED Viewed

	@@ -1 +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;~~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"}
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"}

package/dist/components/widget/LimitOrderItem/utils.js CHANGED Viewed

@@ -40,7 +40,10 @@ 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 };
+export { i as constructLimitOrderItem, a as isLimitOrderWithExtra, o as twapSliceInfo };
 //# sourceMappingURL=utils.js.map

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

	@@ -1 +1 @@
1	- {"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;AAEJ,~~KAAIlB~~,~~EAAmBW~~,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,~~EALFT~~,EAAa;GAC/~~BqB~~,SAASN;GACTO,SAASV;GACV,CAAC;AAGF,EAAIW,MACFT,IAAWS,GACXL,~~IAAgBb~~,~~EAAYmB~~,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;AAI1E,~~KAAIxB~~,~~EAAmBY~~,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,~~EALFT~~,EAAa;~~GAChCqB~~,SAASJ;GACTK,SAAST;GACV,CAAC;AAGF,EAAIc,MACFX,IAAYW,GACZR,~~IAAiBd~~,~~EAAYmB~~,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;AACJ,CAUEA,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;AAED,QAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;AACrE,QAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC"}
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;AAEJ,KAAInB,EAAmBY,EAAW,EAAE;EAMlC,IAAMW,IAAgBd,EALFV,EAAa;GAC/BsB,SAASN;GACTO,SAASV;GACV,CAAC;AAGF,EAAIW,MACFT,IAAWS,GACXL,IAAgBd,EAAYoB,OAAOd,EAAU,EAAEa,EAAcE,SAAS;;AAI1E,KAAIzB,EAAmBa,EAAY,EAAE;EAMnC,IAAMc,IAAiBlB,EALFV,EAAa;GAChCsB,SAASJ;GACTK,SAAST;GACV,CAAC;AAGF,EAAIc,MACFX,IAAYW,GACZR,IAAiBf,EAAYoB,OAAOb,EAAW,EAAEgB,EAAeF,SAAS;;CAI7E,IAAIG;AACJ,CAUEA,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;AAED,QAAO;EACL,GAAGpB;EACHuB;EACAC,UAAU;EACX;;AAGH,SAAgBC,EACdC,GACkC;CAClC,IAAM,EAAEpB,aAAUE,cAAWE,kBAAeC,sBAAmBe,EAAMH;AACrE,QAAO,CAAC,EAAEjB,KAAYE,KAAaE,KAAiBC;;AAGtD,SAAgBgB,EACd3B,GACQ;AACR,QAAO,GAAGA,EAAQ6B,aAAaC,OAAM,GAAI9B,EAAQ0B,MAAMK"}

package/dist/core/Warnings.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Warnings.d.ts","sourceRoot":"","sources":["../../src/core/Warnings.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,aAAa,sDAwBzB,CAAC;~~AAyMF~~,eAAO,MAAM,iBAAiB,+CA2B7B,CAAC;AA0DF,eAAO,MAAM,YAAY,+CAOxB,CAAC"}
1	+ {"version":3,"file":"Warnings.d.ts","sourceRoot":"","sources":["../../src/core/Warnings.tsx"],"names":[],"mappings":"AA+BA,eAAO,MAAM,aAAa,sDAwBzB,CAAC;AAuNF,eAAO,MAAM,iBAAiB,+CA2B7B,CAAC;AA0DF,eAAO,MAAM,YAAY,+CAOxB,CAAC"}

package/dist/core/Warnings.js CHANGED Viewed

@@ -47,67 +47,67 @@ var T = { root: "mt-4" }, E = () => {
 		children: "Degen Mode"
 	}), e[0] = t, e[1] = n), n;
 }, O = { root: "mt-4 border-1 border-secondary-radical-red-1 rounded-xs bg-[rgba(255,43,82,0.05)] text-secondary-radical-red-1" }, k = (r) => {
-	let a = b(18), { tokenFrom: o, tokenTo: l, priceImpactPercent: u } = r, f = i(), { enableDegenMode: p } = n(), m = e(t), h = e(s), g = e(c), _;
-	a[0] !== o.address || a[1] !== o.network ? (_ = {
+	let a = b(19), { tokenFrom: o, tokenTo: l, priceImpactPercent: u, tradeMode: f } = r, p = f === "twap", m = f === "swap", h = i(), { enableDegenMode: g } = n(), _ = e(t), v = e(s), y = e(c), w;
+	a[0] !== o.address || a[1] !== o.network ? (w = {
 		token: o.address,
 		chainId: o.network
-	}, a[0] = o.address, a[1] = o.network, a[2] = _) : _ = a[2];
-	let { data: v } = d(_), y = l?.address, w = l?.network || o.network, T;
-	a[3] !== y || a[4] !== w ? (T = {
-		token: y,
-		chainId: w
-	}, a[3] = y, a[4] = w, a[5] = T) : T = a[5];
-	let { data: E } = d(T), O = p && !f && (u == null ? !0 : u < 50);
-	if (!v || !E) {
-		if (!O) return null;
+	}, a[0] = o.address, a[1] = o.network, a[2] = w) : w = a[2];
+	let { data: T } = d(w), E = l?.address, O = l?.network || o.network, k;
+	a[3] !== E || a[4] !== O ? (k = {
+		token: E,
+		chainId: O
+	}, a[3] = E, a[4] = O, a[5] = k) : k = a[5];
+	let { data: A } = d(k), j = g && !h && (u == null ? !0 : u < 50);
+	if (!(T && A) && m) {
+		if (!j) return null;
 		let e;
 		return a[6] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ C("div", { children: [
 			"Ape in anyway with ",
 			/* @__PURE__ */ S(D, {}),
-			" enabled."
+			" enabled (Not recommended)."
 		] }), a[6] = e) : e = a[6], e;
 	}
-	let k;
-	a[7] !== h || a[8] !== g || a[9] !== m || a[10] !== o || a[11] !== l ? (k = /* @__PURE__ */ S("span", {
-		className: "underline cursor-pointer",
-		onClick: () => {
-			m("limit"), h(o), g(l);
-		},
-		children: "Limit Order"
-	}), a[7] = h, a[8] = g, a[9] = m, a[10] = o, a[11] = l, a[12] = k) : k = a[12];
-	let A;
-	a[13] === O ? A = a[14] : (A = O ? /* @__PURE__ */ C(x, { children: [
-		", or ape in anyway with ",
-		/* @__PURE__ */ S(D, {}),
-		" enabled."
-	] }) : ".", a[13] = O, a[14] = A);
-	let j;
-	return a[15] !== k || a[16] !== A ? (j = /* @__PURE__ */ C("div", { children: [
+	let M;
+	a[7] !== p || a[8] !== v || a[9] !== y || a[10] !== _ || a[11] !== o || a[12] !== l ? (M = p ? "Consider increasing the Order Split for a safer price impact" : /* @__PURE__ */ C(x, { children: [
 		"Use a",
 		" ",
-		k,
+		/* @__PURE__ */ S("span", {
+			className: "underline cursor-pointer",
+			onClick: () => {
+				_("limit"), v(o), y(l);
+			},
+			children: "Limit Order"
+		}),
 		" ",
-		"for a better fill",
-		A
-	] }), a[15] = k, a[16] = A, a[17] = j) : j = a[17], j;
+		"for a better fill"
+	] }), a[7] = p, a[8] = v, a[9] = y, a[10] = _, a[11] = o, a[12] = l, a[13] = M) : M = a[13];
+	let N;
+	a[14] === j ? N = a[15] : (N = j ? /* @__PURE__ */ C(x, { children: [
+		", or ape in anyway with ",
+		/* @__PURE__ */ S(D, {}),
+		" enabled (Not recommended)."
+	] }) : ".", a[14] = j, a[15] = N);
+	let P;
+	return a[16] !== M || a[17] !== N ? (P = /* @__PURE__ */ C("div", { children: [M, N] }), a[16] = M, a[17] = N, a[18] = P) : P = a[18], P;
 }, A = (e) => {
-	let t = b(8), { title: n, priceImpactPercent: r, tradeMode: i } = e, { tokenFrom: a, tokenTo: o } = l(i);
+	let t = b(9), { title: n, priceImpactPercent: r, tradeMode: i } = e, { tokenFrom: a, tokenTo: o } = l(i);
 	if (!o) return null;
 	let s;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ S(w, { size: 18 }), t[0] = s) : s = t[0];
 	let c;
-	t[1] !== r || t[2] !== a || t[3] !== o ? (c = /* @__PURE__ */ S(k, {
+	t[1] !== r || t[2] !== a || t[3] !== o || t[4] !== i ? (c = /* @__PURE__ */ S(k, {
 		tokenFrom: a,
 		tokenTo: o,
-		priceImpactPercent: r
-	}), t[1] = r, t[2] = a, t[3] = o, t[4] = c) : c = t[4];
+		priceImpactPercent: r,
+		tradeMode: i
+	}), t[1] = r, t[2] = a, t[3] = o, t[4] = i, t[5] = c) : c = t[5];
 	let u;
-	return t[5] !== c || t[6] !== n ? (u = /* @__PURE__ */ S(h, {
+	return t[6] !== c || t[7] !== n ? (u = /* @__PURE__ */ S(h, {
 		title: n,
 		iconReplacement: s,
 		message: c,
 		classes: O
-	}), t[5] = c, t[6] = n, t[7] = u) : u = t[7], u;
+	}), t[6] = c, t[7] = n, t[8] = u) : u = t[8], u;
 }, j = () => {
 	let e = b(1), t;
 	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ S(m, {