@velora-dex/widget 0.6.1-dev.5 → 0.7.1

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

@@ -1,6 +1,7 @@
 import { LimitOrderItem, LimitOrderItemExtra, RequiredLimitOrderItemExtra } from '../types';
 import { DetailWithValue } from '../../Details/types';
 import { PayReceiveInfoProps } from '../../PayReceiveInfo/types';
+import { DeltaAuctionWithTwapOrder } from '../../../../hooks/swap/prices/delta/orders/types';
 export declare function constructSubmitDateDetail({ createdAt, }: {
     createdAt: string | number;
 }): DetailWithValue;
@@ -10,6 +11,8 @@ export declare function constructExpiresInDetail({ deadline, }: {
 export declare function constructOrderRateDetail({ extra, }: {
     extra: LimitOrderItemExtra;
 }): DetailWithValue;
+export declare function constructTwapDurationDetail(order: DeltaAuctionWithTwapOrder): DetailWithValue;
+export declare function constructTwapSplitsDetail(order: DeltaAuctionWithTwapOrder): DetailWithValue;
 export declare function constructOrderStatusDetail(order: LimitOrderItem): DetailWithValue;
 export declare function constructOrderTypeDetail(order: LimitOrderItem): DetailWithValue;
 export declare function constructPayReceiveInfoProps({ extra, }: {

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAMD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,eAAe,CAOlB;AAOD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,2BAA2B,CAAC;CACpC,GAAG,mBAAmB,CAsCtB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAItE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAKxF,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,GACV,EAAE;IACD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAMD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,eAAe,CAOlB;AAOD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,GACN,EAAE;IACD,KAAK,EAAE,mBAAmB,CAAC;CAC5B,GAAG,eAAe,CAKlB;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,yBAAyB,GAC/B,eAAe,CAuCjB;AAED,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,yBAAyB,GAC/B,eAAe,CAoBjB;AAED,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,GACpB,eAAe,CAKjB;AAQD,wBAAgB,4BAA4B,CAAC,EAC3C,KAAK,GACN,EAAE;IACD,KAAK,EAAE,2BAA2B,CAAC;CACpC,GAAG,mBAAmB,CAsCtB"}

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

@@ -1,63 +1,111 @@
-import { formatTokenAmount as e } from "../../../../lib/utils/formatTokenBalance.js";
-import { Rate as t, StatusBadge as n, TimeTillExpiry as r } from "../LimitOrderListItem.js";
-import { jsx as i } from "react/jsx-runtime";
-import a from "dayjs";
+import "../../../../lib/constants/time.js";
+import { getTwapAuctionDeadlines as e } from "../../../../lib/utils/twap.js";
+import { formatTokenAmount as t } from "../../../../lib/utils/formatTokenBalance.js";
+import { Duration as n } from "../../Duration/Duration.js";
+import { Rate as r, StatusBadge as i, TimeTillExpiry as a } from "../LimitOrderListItem.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "dayjs";
 //#region src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx
-function o({ createdAt: e }) {
+function u({ createdAt: e }) {
 	return {
 		title: "Submit Date",
-		value: a(e).format("DD MMM YYYY h:mm A")
+		value: l(e).format("DD MMM YYYY h:mm A")
 	};
 }
-var s = { root: "dark:text-contrast-6" };
-function c({ deadline: e }) {
+var d = { root: "dark:text-contrast-6" };
+function f({ deadline: e }) {
 	return {
 		title: "Expires in",
-		value: /* @__PURE__ */ i(r, {
+		value: /* @__PURE__ */ s(a, {
 			deadline: e,
-			classes: s
+			classes: d
 		})
 	};
 }
-var l = {
+var p = {
 	left: "dark:text-contrast-6",
 	right: "dark:text-contrast-6"
 };
-function u({ extra: e }) {
+function m({ extra: e }) {
 	return {
 		title: "Order Rate",
-		value: /* @__PURE__ */ i(t, {
+		value: /* @__PURE__ */ s(r, {
 			extra: e,
-			classes: l
+			classes: p
 		})
 	};
 }
-function d(e) {
+function h(t) {
+	let { endsInMs: r, durationMs: i } = e(t), l = (/* @__PURE__ */ new Date()).getTime(), u = r > l, d = u && r - l <= 6e4;
+	return {
+		title: "Order Duration",
+		value: /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+			timeMs: i,
+			classes: { root: "inline-flex" }
+		}), u && /* @__PURE__ */ c(o, { children: [" ", /* @__PURE__ */ c("span", {
+			className: "text-contrast-5 dark:text-contrast-5",
+			children: [
+				"(ends in",
+				" ",
+				/* @__PURE__ */ s(a, {
+					showSeconds: d,
+					deadline: r / 1e3,
+					classes: { root: "inline-flex text-xs text-contrast-5 dark:text-contrast-5" }
+				}),
+				")"
+			]
+		})] })] })
+	};
+}
+function g(e) {
+	return {
+		title: "Order Splits",
+		value: /* @__PURE__ */ c(o, { children: [
+			e.order.numSlices,
+			" Parts",
+			" ",
+			/* @__PURE__ */ c("span", {
+				className: "text-contrast-5 dark:text-contrast-5",
+				children: [
+					"(once every",
+					" ",
+					/* @__PURE__ */ s(n, {
+						timeMs: e.order.interval * 1e3,
+						showSeconds: !0,
+						classes: { root: "inline-flex text-xs text-contrast-5 dark:text-contrast-5" }
+					}),
+					")"
+				]
+			})
+		] })
+	};
+}
+function _(e) {
 	return {
 		title: "Order Status",
-		value: /* @__PURE__ */ i(n, { status: e.status })
+		value: /* @__PURE__ */ s(i, { status: e.status })
 	};
 }
-function f(e) {
+function v(e) {
 	return {
 		title: "Order Type",
 		value: e.type
 	};
 }
-var p = {
+var y = {
 	amount: "dark:text-contrast-9",
 	symbol: "dark:text-contrast-9",
 	logo: "size-[18px]"
 };
-function m({ extra: t }) {
-	let { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: a } = t, o = e(i), s = e(a), c = {
+function b({ extra: e }) {
+	let { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: a } = e, o = t(i), s = t(a), c = {
 		address: n.address,
 		symbol: n.symbol,
 		chainId: n.network,
 		img: n.img,
 		amount: o,
 		amountPosition: "right",
-		classes: p,
+		classes: y,
 		showNetworkIcon: !0
 	}, l = {
 		address: r.address,
@@ -66,7 +114,7 @@ function m({ extra: t }) {
 		img: r.img,
 		amount: s,
 		amountPosition: "right",
-		classes: p,
+		classes: y,
 		showNetworkIcon: !0
 	};
 	return {
@@ -81,6 +129,6 @@ function m({ extra: t }) {
 	};
 }
 //#endregion
-export { c as constructExpiresInDetail, u as constructOrderRateDetail, d as constructOrderStatusDetail, f as constructOrderTypeDetail, m as constructPayReceiveInfoProps, o as constructSubmitDateDetail };
+export { f as constructExpiresInDetail, m as constructOrderRateDetail, _ as constructOrderStatusDetail, v as constructOrderTypeDetail, b as constructPayReceiveInfoProps, u as constructSubmitDateDetail, h as constructTwapDurationDetail, g as constructTwapSplitsDetail };
 
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["dayjs","LimitOrderItem","LimitOrderItemExtra","RequiredLimitOrderItemExtra","DetailWithValue","PayReceiveInfoProps","Rate","StatusBadge","TimeTillExpiry","formatTokenAmount","TokenBadgeProps","constructSubmitDateDetail","createdAt","title","value","format","timeTillExpiryClasses","root","constructExpiresInDetail","deadline","rateClasses","left","right","constructOrderRateDetail","extra","constructOrderStatusDetail","order","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  deadline,\n}: {\n  deadline: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={deadline} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"mappings":";;;;;AAYA,SAAgBW,EAA0B,EACxCC,gBAGkB;AAClB,QAAO;EACLC,OAAO;EACPC,OAAOd,EAAMY,EAAU,CAACG,OAAO,qBAAoB;EACpD;;AAGH,IAAMC,IAAwB,EAC5BC,MAAM,wBACP;AAED,SAAgBC,EAAyB,EACvCC,eAGkB;AAClB,QAAO;EACLN,OAAO;EACPC,OACE,kBAAC,GAAD;GAA0BK;GAAU,SAASH;GAAsB,CAAA;EAEtE;;AAGH,IAAMI,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR;AAED,SAAgBC,EAAyB,EACvCC,YAGkB;AAClB,QAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,GAAD;GAAaU;GAAO,SAASJ;GAAY,CAAA;EACjD;;AAGH,SAAgBK,EACdC,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,QAAQY,EAAMC,QAAO,CAAA;EAC1C;;AAGH,SAAgBC,EACdF,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAOY,EAAMG;EACd;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CV,YAGsB;CACtB,IAAM,EAAEW,aAAUC,cAAWC,kBAAeC,sBAAmBd,GAEzDe,IAAqB9B,EAAkB4B,EAAc,EACrDG,IAAsB/B,EAAkB6B,EAAe,EAEvDG,IAAsC;EAC1CC,SAASP,EAASO;EAClBV,QAAQG,EAASH;EACjBW,SAASR,EAASS;EAClBC,KAAKV,EAASU;EACdd,QAAQQ;EACRO,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB,EAEKC,IAAyC;EAC7CR,SAASN,EAAUM;EACnBV,QAAQI,EAAUJ;EAClBW,SAASP,EAAUQ;EACnBC,KAAKT,EAAUS;EACfd,QAAQS;EACRM,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB;AAED,QAAO;EACLE,UAAU;GACRC,iBAAiBX;GACjBY,OAAO;GACR;EACDC,aAAa;GACXF,iBAAiBF;GACjBG,OAAO;GACT;EACD"}
+{"version":3,"file":"utils.js","names":["dayjs","LimitOrderItem","LimitOrderItemExtra","RequiredLimitOrderItemExtra","DetailWithValue","PayReceiveInfoProps","Rate","StatusBadge","TimeTillExpiry","formatTokenAmount","TokenBadgeProps","DeltaAuctionWithTwapOrder","Duration","getTwapAuctionDeadlines","ONE_MINUTE_MS","constructSubmitDateDetail","createdAt","title","value","format","timeTillExpiryClasses","root","constructExpiresInDetail","deadline","rateClasses","left","right","constructOrderRateDetail","extra","constructTwapDurationDetail","order","endsInMs","durationMs","now","Date","getTime","isFuture","showSecondsInExpiry","constructTwapSplitsDetail","numSlices","interval","constructOrderStatusDetail","status","constructOrderTypeDetail","type","tokenBadgeClasses","amount","symbol","logo","constructPayReceiveInfoProps","srcToken","destToken","srcAmountUnit","destAmountUnit","formattedSrcAmount","formattedDestAmount","topTokenBadgeProps","address","chainId","network","img","amountPosition","const","classes","showNetworkIcon","bottomTokenBadgeProps","topToken","tokenBadgeProps","label","bottomToken"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/utils.tsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport type {\n  LimitOrderItem,\n  LimitOrderItemExtra,\n  RequiredLimitOrderItemExtra,\n} from \"../types\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport type { PayReceiveInfoProps } from \"../../PayReceiveInfo/types\";\nimport { Rate, StatusBadge, TimeTillExpiry } from \"../LimitOrderListItem\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { TokenBadgeProps } from \"../../TokenBadge/types\";\nimport type { DeltaAuctionWithTwapOrder } from \"@/hooks/swap/prices/delta/orders/types\";\nimport { Duration } from \"../../Duration/Duration\";\nimport { getTwapAuctionDeadlines } from \"@/lib/utils/twap\";\nimport { ONE_MINUTE_MS } from \"@/lib/constants/time\";\n\nexport function constructSubmitDateDetail({\n  createdAt,\n}: {\n  createdAt: string | number;\n}): DetailWithValue {\n  return {\n    title: \"Submit Date\",\n    value: dayjs(createdAt).format(\"DD MMM YYYY h:mm A\"),\n  };\n}\n\nconst timeTillExpiryClasses = {\n  root: \"dark:text-contrast-6\",\n};\n\nexport function constructExpiresInDetail({\n  deadline,\n}: {\n  deadline: number;\n}): DetailWithValue {\n  return {\n    title: \"Expires in\",\n    value: (\n      <TimeTillExpiry deadline={deadline} classes={timeTillExpiryClasses} />\n    ),\n  };\n}\n\nconst rateClasses = {\n  left: \"dark:text-contrast-6\",\n  right: \"dark:text-contrast-6\",\n};\n\nexport function constructOrderRateDetail({\n  extra,\n}: {\n  extra: LimitOrderItemExtra;\n}): DetailWithValue {\n  return {\n    title: \"Order Rate\",\n    value: <Rate extra={extra} classes={rateClasses} />,\n  };\n}\n\nexport function constructTwapDurationDetail(\n  order: DeltaAuctionWithTwapOrder\n): DetailWithValue {\n  const { endsInMs, durationMs } = getTwapAuctionDeadlines(order);\n\n  const now = new Date().getTime();\n  const isFuture = endsInMs > now;\n\n  // if less than 1 min to end,\n  // show seconds instead of \"(ends in -)\"\n  const showSecondsInExpiry = isFuture && endsInMs - now <= ONE_MINUTE_MS;\n\n  return {\n    title: \"Order Duration\",\n    value: (\n      <>\n        <Duration\n          timeMs={durationMs}\n          classes={{\n            root: \"inline-flex\",\n          }}\n        />\n        {isFuture && (\n          <>\n            {\" \"}\n            <span className=\"text-contrast-5 dark:text-contrast-5\">\n              (ends in{\" \"}\n              <TimeTillExpiry\n                showSeconds={showSecondsInExpiry}\n                deadline={endsInMs / 1000}\n                classes={{\n                  root: \"inline-flex text-xs text-contrast-5 dark:text-contrast-5\",\n                }}\n              />\n              )\n            </span>\n          </>\n        )}\n      </>\n    ),\n  };\n}\n\nexport function constructTwapSplitsDetail(\n  order: DeltaAuctionWithTwapOrder\n): DetailWithValue {\n  return {\n    title: \"Order Splits\",\n    value: (\n      <>\n        {order.order.numSlices} Parts{\" \"}\n        <span className=\"text-contrast-5 dark:text-contrast-5\">\n          (once every{\" \"}\n          <Duration\n            timeMs={order.order.interval * 1000}\n            showSeconds\n            classes={{\n              root: \"inline-flex text-xs text-contrast-5 dark:text-contrast-5\",\n            }}\n          />\n          )\n        </span>\n      </>\n    ),\n  };\n}\n\nexport function constructOrderStatusDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge status={order.status} />,\n  };\n}\n\nexport function constructOrderTypeDetail(\n  order: LimitOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n\nconst tokenBadgeClasses = {\n  amount: \"dark:text-contrast-9\",\n  symbol: \"dark:text-contrast-9\",\n  logo: \"size-[18px]\",\n};\n\nexport function constructPayReceiveInfoProps({\n  extra,\n}: {\n  extra: RequiredLimitOrderItemExtra;\n}): PayReceiveInfoProps {\n  const { srcToken, destToken, srcAmountUnit, destAmountUnit } = extra;\n\n  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);\n  const formattedDestAmount = formatTokenAmount(destAmountUnit);\n\n  const topTokenBadgeProps: TokenBadgeProps = {\n    address: srcToken.address,\n    symbol: srcToken.symbol,\n    chainId: srcToken.network,\n    img: srcToken.img,\n    amount: formattedSrcAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  const bottomTokenBadgeProps: TokenBadgeProps = {\n    address: destToken.address,\n    symbol: destToken.symbol,\n    chainId: destToken.network,\n    img: destToken.img,\n    amount: formattedDestAmount,\n    amountPosition: \"right\" as const,\n    classes: tokenBadgeClasses,\n    showNetworkIcon: true,\n  };\n\n  return {\n    topToken: {\n      tokenBadgeProps: topTokenBadgeProps,\n      label: \"Pay\",\n    },\n    bottomToken: {\n      tokenBadgeProps: bottomTokenBadgeProps,\n      label: \"Receive\",\n    },\n  };\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgBe,EAA0B,EACxCC,gBAGkB;AAClB,QAAO;EACLC,OAAO;EACPC,OAAOlB,EAAMgB,EAAU,CAACG,OAAO,qBAAoB;EACpD;;AAGH,IAAMC,IAAwB,EAC5BC,MAAM,wBACP;AAED,SAAgBC,EAAyB,EACvCC,eAGkB;AAClB,QAAO;EACLN,OAAO;EACPC,OACE,kBAAC,GAAD;GAA0BK;GAAU,SAASH;GAAsB,CAAA;EAEtE;;AAGH,IAAMI,IAAc;CAClBC,MAAM;CACNC,OAAO;CACR;AAED,SAAgBC,EAAyB,EACvCC,YAGkB;AAClB,QAAO;EACLX,OAAO;EACPC,OAAO,kBAAC,GAAD;GAAaU;GAAO,SAASJ;GAAY,CAAA;EACjD;;AAGH,SAAgBK,EACdC,GACiB;CACjB,IAAM,EAAEC,aAAUC,kBAAenB,EAAwBiB,EAAM,EAEzDG,qBAAM,IAAIC,MAAM,EAACC,SAAS,EAC1BC,IAAWL,IAAWE,GAItBI,IAAsBD,KAAYL,IAAWE,KAAAA;AAEnD,QAAO;EACLhB,OAAO;EACPC,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,QAAQc;GACR,SAAS,EACPX,MAAM,eACP;GAAC,CAAA,EAEHe,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,KACD,kBAAC,QAAD;GAAM,WAAU;aAAhB;IAAsD;IAC3C;IACT,kBAAC,GAAD;KACE,aAAaC;KACb,UAAUN,IAAW;KACrB,SAAS,EACPV,MAAM,4DACP;KAAC,CAAA;;IAGA;KAET,EAAA,CAAA,CACH,EAAA,CAAA;EAEH;;AAGH,SAAgBiB,EACdR,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OACE,kBAAA,GAAA,EAAA,UAAA;GACGY,EAAMA,MAAMS;GAAU;GAAO;GAC9B,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAAsD;KACxC;KACZ,kBAAC,GAAD;MACE,QAAQT,EAAMA,MAAMU,WAAW;MAC/B,aAAA;MACA,SAAS,EACPnB,MAAM,4DACP;MAAC,CAAA;;KAGA;;GACR,EAAA,CAAA;EAEH;;AAGH,SAAgBoB,EACdX,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,QAAQY,EAAMY,QAAO,CAAA;EAC1C;;AAGH,SAAgBC,EACdb,GACiB;AACjB,QAAO;EACLb,OAAO;EACPC,OAAOY,EAAMc;EACd;;AAGH,IAAMC,IAAoB;CACxBC,QAAQ;CACRC,QAAQ;CACRC,MAAM;CACP;AAED,SAAgBC,EAA6B,EAC3CrB,YAGsB;CACtB,IAAM,EAAEsB,aAAUC,cAAWC,kBAAeC,sBAAmBzB,GAEzD0B,IAAqB7C,EAAkB2C,EAAc,EACrDG,IAAsB9C,EAAkB4C,EAAe,EAEvDG,IAAsC;EAC1CC,SAASP,EAASO;EAClBV,QAAQG,EAASH;EACjBW,SAASR,EAASS;EAClBC,KAAKV,EAASU;EACdd,QAAQQ;EACRO,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB,EAEKC,IAAyC;EAC7CR,SAASN,EAAUM;EACnBV,QAAQI,EAAUJ;EAClBW,SAASP,EAAUQ;EACnBC,KAAKT,EAAUS;EACfd,QAAQS;EACRM,gBAAgB;EAChBE,SAASlB;EACTmB,iBAAiB;EAClB;AAED,QAAO;EACLE,UAAU;GACRC,iBAAiBX;GACjBY,OAAO;GACR;EACDC,aAAa;GACXF,iBAAiBF;GACjBG,OAAO;GACT;EACD"}

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

@@ -9,8 +9,9 @@ export declare const TradeAndNetwork: ({ extra, chainId, }: Pick<LimitOrderItem,
 export declare const Rate: ({ extra, classes, }: {
     extra: Omit<LimitOrderItemExtra, "visualItemType">;
 } & WithClasses<"root" | "left" | "right">) => import("react/jsx-runtime").JSX.Element | "-";
-export declare const StatusBadge: ({ status }: {
+export declare const StatusBadge: ({ status, extraLabel, }: {
     status: DeltaAuctionStatus;
+    extraLabel?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const TimeTillExpiry: ({ deadline, classes, showSeconds, }: {
     deadline: number;

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAUnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAM1D,eAAO,MAAM,mBAAmB,GAAI,uBAGjC;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C,4CAUA,CAAC;AAMF,eAAO,MAAM,eAAe,GAAI,qBAG7B,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,4CAU3C,CAAC;AAwDF,eAAO,MAAM,IAAI,GAAI,qBAGlB;IAAE,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAA;CAAE,GAAG,WAAW,CACrE,MAAM,GAAG,MAAM,GAAG,OAAO,CAC1B,kDAiBA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,YAAY;IAAE,MAAM,EAAE,kBAAkB,CAAA;CAAE,4CAkBrE,CAAC;AAuBF,eAAO,MAAM,cAAc,GAAI,qCAI5B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC,MAAM,CAAC,4CAOtB,CAAC"}
+{"version":3,"file":"LimitOrderListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/LimitOrderItem/LimitOrderListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAWnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAQ1D,eAAO,MAAM,mBAAmB,GAAI,uBAGjC;IACD,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C,4CAUA,CAAC;AAMF,eAAO,MAAM,eAAe,GAAI,qBAG7B,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,4CAU3C,CAAC;AAwDF,eAAO,MAAM,IAAI,GAAI,qBAGlB;IAAE,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAA;CAAE,GAAG,WAAW,CACrE,MAAM,GAAG,MAAM,GAAG,OAAO,CAC1B,kDAiBA,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,yBAGzB;IACD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,4CAmBA,CAAC;AA6BF,eAAO,MAAM,cAAc,GAAI,qCAI5B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,WAAW,CAAC,MAAM,CAAC,4CAOtB,CAAC"}

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

@@ -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