@velora-dex/widget 0.6.1-dev.1 → 0.6.1-dev.3

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js

@@ -1,162 +1,95 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
-import { Button } from '../../../ui/button.js';
-import { constructTxLinkForChain } from '../../../../lib/utils/explorer.js';
-import { getTxHash } from '../../../../transactions/hash.js';
-import { useLocalDrawerControls } from '../../Drawer/state/useDrawerControls.js';
-import { useReplaceTx } from '../../../../hooks/txs/mutations/useReplaceTx.js';
-import { getOrderCancelDetailsForOrderItem } from '../../TradeOverview/CancelOrder/utils.js';
-import { isStandaloneTransactionItem } from '../../../../transactions/utils.js';
-import { getTxStatus } from '../../../../transactions/status.js';
-import { CancelButtonWithDrawer } from '../../Button/CancelButton/CancelButtonWithDrawer.js';
-
-const Controls = (t0) => {
-  const $ = distExports.c(31);
-  const {
-    txItem,
-    onDismiss,
-    onCancelTxSuccess,
-    onCancelTxError
-  } = t0;
-  const txHash = getTxHash(txItem);
-  const isSwapTx = txItem.action === "swap";
-  let t1;
-  if ($[0] !== txItem) {
-    t1 = getTxStatus(txItem);
-    $[0] = txItem;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const txIsFinalized = t1 !== "pending";
-  const t2 = isSwapTx && !txIsFinalized;
-  let t3;
-  if ($[2] !== onCancelTxSuccess) {
-    t3 = (details) => {
-      onCancelTxSuccess?.(details.replacementTxReceipt);
-    };
-    $[2] = onCancelTxSuccess;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== onCancelTxError) {
-    t4 = (error) => {
-      onCancelTxError?.(error);
-    };
-    $[4] = onCancelTxError;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  let t5;
-  if ($[6] !== t2 || $[7] !== t3 || $[8] !== t4 || $[9] !== txItem.chainId || $[10] !== txItem.id) {
-    t5 = {
-      chainId: txItem.chainId,
-      txHash: txItem.id,
-      cancelTxType: "SWAP",
-      enabled: t2,
-      onSuccess: t3,
-      onError: t4
-    };
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-    $[9] = txItem.chainId;
-    $[10] = txItem.id;
-    $[11] = t5;
-  } else {
-    t5 = $[11];
-  }
-  const replaceTxMut = useReplaceTx(t5);
-  const linkTxHash = isStandaloneTransactionItem(txItem) && txItem.replacementTx?.hash || txHash;
-  const explorerLink = linkTxHash ? constructTxLinkForChain({
-    chainId: txItem.chainId,
-    txHash: linkTxHash
-  }) : void 0;
-  let t6;
-  if ($[12] !== explorerLink) {
-    t6 = explorerLink ? /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm", asChild: true, children: /* @__PURE__ */ jsx("a", { href: explorerLink, rel: "noopener noreferrer", target: "_blank", children: "View On Explorer" }) }) : null;
-    $[12] = explorerLink;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  const explorerButton = t6;
-  let t7;
-  if ($[14] !== txItem) {
-    t7 = getOrderCancelDetailsForOrderItem(txItem);
-    $[14] = txItem;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  const orderCancelDetails = t7;
-  const canCancelTx = isSwapTx && replaceTxMut.isWalletSupported && !replaceTxMut.isSuccess && orderCancelDetails !== null && !txIsFinalized;
-  const cancelOrderDrawerControls = useLocalDrawerControls();
-  let btn1;
-  if (canCancelTx) {
-    const cancelDrawerTitle = orderCancelDetails.cancelTexts.drawerTitle || "Cancel Order";
-    let t82;
-    if ($[16] !== replaceTxMut || $[17] !== txItem.id) {
-      t82 = async () => {
-        try {
-          const result = await replaceTxMut.replaceTx({
-            hash: txItem.id,
-            action: "cancel"
-          });
-          return result;
-        } catch {
-          replaceTxMut.reset();
-        }
-      };
-      $[16] = replaceTxMut;
-      $[17] = txItem.id;
-      $[18] = t82;
-    } else {
-      t82 = $[18];
-    }
-    const cancelSwap = t82;
-    let t9;
-    if ($[19] !== cancelDrawerTitle || $[20] !== cancelOrderDrawerControls || $[21] !== cancelSwap || $[22] !== orderCancelDetails.orderType || $[23] !== replaceTxMut.isPending || $[24] !== replaceTxMut.step) {
-      t9 = /* @__PURE__ */ jsx(CancelButtonWithDrawer, { isPending: replaceTxMut.isPending, drawerControls: cancelOrderDrawerControls, cancelBtnText: "Cancel Order", cancelDrawerTitle, orderTypeToCancel: orderCancelDetails.orderType, onCancel: cancelSwap, step: replaceTxMut.step });
-      $[19] = cancelDrawerTitle;
-      $[20] = cancelOrderDrawerControls;
-      $[21] = cancelSwap;
-      $[22] = orderCancelDetails.orderType;
-      $[23] = replaceTxMut.isPending;
-      $[24] = replaceTxMut.step;
-      $[25] = t9;
-    } else {
-      t9 = $[25];
-    }
-    btn1 = t9;
-  } else {
-    let t82;
-    if ($[26] !== onDismiss) {
-      t82 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
-      $[26] = onDismiss;
-      $[27] = t82;
-    } else {
-      t82 = $[27];
-    }
-    btn1 = t82;
-  }
-  let t8;
-  if ($[28] !== btn1 || $[29] !== explorerButton) {
-    t8 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-auto", children: [
-      btn1,
-      explorerButton
-    ] });
-    $[28] = btn1;
-    $[29] = explorerButton;
-    $[30] = t8;
-  } else {
-    t8 = $[30];
-  }
-  return t8;
+import { Button as e } from "../../../ui/button.js";
+import { constructTxLinkForChain as t } from "../../../../lib/utils/explorer.js";
+import { isStandaloneTransactionItem as n } from "../../../../transactions/utils.js";
+import { useLocalDrawerControls as r } from "../../Drawer/state/useDrawerControls.js";
+import { getTxHash as i } from "../../../../transactions/hash.js";
+import { getOrderCancelDetailsForOrderItem as a } from "../../TradeOverview/CancelOrder/utils.js";
+import { CancelButtonWithDrawer as o } from "../../Button/CancelButton/CancelButtonWithDrawer.js";
+import { getTxStatus as s } from "../../../../transactions/status.js";
+import { useReplaceTx as c } from "../../../../hooks/txs/mutations/useReplaceTx.js";
+import { c as l } from "react-compiler-runtime";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx
+var f = (f) => {
+	let p = l(31), { txItem: m, onDismiss: h, onCancelTxSuccess: g, onCancelTxError: _ } = f, v = i(m), y = m.action === "swap", b;
+	p[0] === m ? b = p[1] : (b = s(m), p[0] = m, p[1] = b);
+	let x = b !== "pending", S = y && !x, C;
+	p[2] === g ? C = p[3] : (C = (e) => {
+		g?.(e.replacementTxReceipt);
+	}, p[2] = g, p[3] = C);
+	let w;
+	p[4] === _ ? w = p[5] : (w = (e) => {
+		_?.(e);
+	}, p[4] = _, p[5] = w);
+	let T;
+	p[6] !== S || p[7] !== C || p[8] !== w || p[9] !== m.chainId || p[10] !== m.id ? (T = {
+		chainId: m.chainId,
+		txHash: m.id,
+		cancelTxType: "SWAP",
+		enabled: S,
+		onSuccess: C,
+		onError: w
+	}, p[6] = S, p[7] = C, p[8] = w, p[9] = m.chainId, p[10] = m.id, p[11] = T) : T = p[11];
+	let E = c(T), D = n(m) && m.replacementTx?.hash || v, O = D ? t({
+		chainId: m.chainId,
+		txHash: D
+	}) : void 0, k;
+	p[12] === O ? k = p[13] : (k = O ? /* @__PURE__ */ u(e, {
+		variant: "secondary",
+		size: "xl",
+		radius: "sm",
+		className: "w-full text-sm",
+		asChild: !0,
+		children: /* @__PURE__ */ u("a", {
+			href: O,
+			rel: "noopener noreferrer",
+			target: "_blank",
+			children: "View On Explorer"
+		})
+	}) : null, p[12] = O, p[13] = k);
+	let A = k, j;
+	p[14] === m ? j = p[15] : (j = a(m), p[14] = m, p[15] = j);
+	let M = j, N = y && E.isWalletSupported && !E.isSuccess && M !== null && !x, P = r(), F;
+	if (N) {
+		let e = M.cancelTexts.drawerTitle || "Cancel Order", t;
+		p[16] !== E || p[17] !== m.id ? (t = async () => {
+			try {
+				return await E.replaceTx({
+					hash: m.id,
+					action: "cancel"
+				});
+			} catch {
+				E.reset();
+			}
+		}, p[16] = E, p[17] = m.id, p[18] = t) : t = p[18];
+		let n = t, r;
+		p[19] !== e || p[20] !== P || p[21] !== n || p[22] !== M.orderType || p[23] !== E.isPending || p[24] !== E.step ? (r = /* @__PURE__ */ u(o, {
+			isPending: E.isPending,
+			drawerControls: P,
+			cancelBtnText: "Cancel Order",
+			cancelDrawerTitle: e,
+			orderTypeToCancel: M.orderType,
+			onCancel: n,
+			step: E.step
+		}), p[19] = e, p[20] = P, p[21] = n, p[22] = M.orderType, p[23] = E.isPending, p[24] = E.step, p[25] = r) : r = p[25], F = r;
+	} else {
+		let t;
+		p[26] === h ? t = p[27] : (t = /* @__PURE__ */ u(e, {
+			variant: "default",
+			size: "xl",
+			radius: "sm",
+			className: "w-full text-sm",
+			onClick: h,
+			children: "Make Another Trade"
+		}), p[26] = h, p[27] = t), F = t;
+	}
+	let I;
+	return p[28] !== F || p[29] !== A ? (I = /* @__PURE__ */ d("div", {
+		className: "flex flex-col gap-4 mt-auto",
+		children: [F, A]
+	}), p[28] = F, p[29] = A, p[30] = I) : I = p[30], I;
 };
+//#endregion
+export { f as Controls };
 
-export { Controls };
-//# sourceMappingURL=Controls.js.map
+//# sourceMappingURL=Controls.js.map

package/dist/components/widget/TransactionDetails/LimitOrderDetails/Controls.js.map

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nimport { constructTxLinkForChain } from \"@/lib/utils/explorer\";\nimport type { TransactionListItem } from \"../types\";\nimport { getTxHash } from \"@/transactions/hash\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { useReplaceTx } from \"@/hooks/txs/mutations/useReplaceTx\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport type { JSX } from \"react\";\nimport type { TransactionReceipt } from \"viem\";\nimport { isStandaloneTransactionItem } from \"@/transactions/utils\";\nimport { getTxStatus } from \"@/transactions/status\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type TransactionItemControlsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const Controls = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionItemControlsProps) => {\n  const txHash = getTxHash(txItem);\n\n  const isSwapTx = txItem.action === \"swap\";\n\n  // successfully mined (counting txs from DB as mined already),\n  // reverted or cancelled with a replacement tx\n  const txIsFinalized = getTxStatus(txItem) !== \"pending\";\n\n  const replaceTxMut = useReplaceTx({\n    chainId: txItem.chainId,\n    txHash: txItem.id,\n    cancelTxType: \"SWAP\",\n    enabled: isSwapTx && !txIsFinalized,\n    onSuccess: (details) => {\n      onCancelTxSuccess?.(details.replacementTxReceipt);\n    },\n    onError: (error) => {\n      onCancelTxError?.(error);\n    },\n  });\n\n  const linkTxHash =\n    // link to replacement tx if it exists,\n    // original tx will be dropped and won't open on explorers\n    (isStandaloneTransactionItem(txItem) && txItem.replacementTx?.hash) ||\n    txHash;\n\n  const explorerLink = linkTxHash\n    ? constructTxLinkForChain({ chainId: txItem.chainId, txHash: linkTxHash })\n    : undefined;\n\n  const explorerButton = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(txItem);\n  const canCancelTx =\n    isSwapTx &&\n    replaceTxMut.isWalletSupported &&\n    !replaceTxMut.isSuccess &&\n    orderCancelDetails !== null &&\n    !txIsFinalized;\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  let btn1: JSX.Element | null = null;\n  if (canCancelTx) {\n    const cancelBtnText = \"Cancel Order\";\n    const cancelDrawerTitle =\n      orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n    const cancelSwap = async () => {\n      try {\n        const result = await replaceTxMut.replaceTx({\n          hash: txItem.id,\n          action: \"cancel\",\n        });\n        return result;\n      } catch {\n        // allow to re-trigger cancellation after error (like UserCancelledError)\n        replaceTxMut.reset();\n      }\n    };\n\n    btn1 = (\n      <CancelButtonWithDrawer\n        isPending={replaceTxMut.isPending}\n        drawerControls={cancelOrderDrawerControls}\n        cancelBtnText={cancelBtnText}\n        cancelDrawerTitle={cancelDrawerTitle}\n        orderTypeToCancel={orderCancelDetails.orderType}\n        onCancel={cancelSwap}\n        step={replaceTxMut.step}\n      />\n    );\n  } else {\n    btn1 = (\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\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {btn1}\n      {explorerButton}\n    </div>\n  );\n};\n"],"names":["Controls","t0","$","_c","txItem","onDismiss","onCancelTxSuccess","onCancelTxError","txHash","getTxHash","isSwapTx","action","t1","getTxStatus","txIsFinalized","t2","t3","details","replacementTxReceipt","t4","error","t5","chainId","id","cancelTxType","enabled","onSuccess","onError","replaceTxMut","useReplaceTx","linkTxHash","isStandaloneTransactionItem","replacementTx","hash","explorerLink","constructTxLinkForChain","undefined","t6","explorerButton","t7","getOrderCancelDetailsForOrderItem","orderCancelDetails","canCancelTx","isWalletSupported","isSuccess","cancelOrderDrawerControls","useLocalDrawerControls","btn1","cancelDrawerTitle","cancelTexts","drawerTitle","t8","result","replaceTx","reset","cancelSwap","t9","orderType","isPending","step","cancelBtnText"],"mappings":"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"}
+{"version":3,"file":"Controls.js","names":["Button","constructTxLinkForChain","TransactionListItem","getTxHash","useLocalDrawerControls","useReplaceTx","getOrderCancelDetailsForOrderItem","JSX","TransactionReceipt","isStandaloneTransactionItem","getTxStatus","CancelButtonWithDrawer","TransactionItemControlsProps","txItem","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","Controls","t0","$","_c","txHash","isSwapTx","action","t1","txIsFinalized","t2","t3","details","replacementTxReceipt","t4","t5","chainId","id","cancelTxType","enabled","onSuccess","onError","replaceTxMut","linkTxHash","replacementTx","hash","explorerLink","undefined","t6","explorerButton","t7","orderCancelDetails","canCancelTx","isWalletSupported","isSuccess","cancelOrderDrawerControls","btn1","cancelDrawerTitle","cancelTexts","drawerTitle","t8","result","replaceTx","reset","cancelSwap","t9","orderType","isPending","step","cancelBtnText"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\n\nimport { constructTxLinkForChain } from \"@/lib/utils/explorer\";\nimport type { TransactionListItem } from \"../types\";\nimport { getTxHash } from \"@/transactions/hash\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { useReplaceTx } from \"@/hooks/txs/mutations/useReplaceTx\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport type { JSX } from \"react\";\nimport type { TransactionReceipt } from \"viem\";\nimport { isStandaloneTransactionItem } from \"@/transactions/utils\";\nimport { getTxStatus } from \"@/transactions/status\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type TransactionItemControlsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const Controls = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionItemControlsProps) => {\n  const txHash = getTxHash(txItem);\n\n  const isSwapTx = txItem.action === \"swap\";\n\n  // successfully mined (counting txs from DB as mined already),\n  // reverted or cancelled with a replacement tx\n  const txIsFinalized = getTxStatus(txItem) !== \"pending\";\n\n  const replaceTxMut = useReplaceTx({\n    chainId: txItem.chainId,\n    txHash: txItem.id,\n    cancelTxType: \"SWAP\",\n    enabled: isSwapTx && !txIsFinalized,\n    onSuccess: (details) => {\n      onCancelTxSuccess?.(details.replacementTxReceipt);\n    },\n    onError: (error) => {\n      onCancelTxError?.(error);\n    },\n  });\n\n  const linkTxHash =\n    // link to replacement tx if it exists,\n    // original tx will be dropped and won't open on explorers\n    (isStandaloneTransactionItem(txItem) && txItem.replacementTx?.hash) ||\n    txHash;\n\n  const explorerLink = linkTxHash\n    ? constructTxLinkForChain({ chainId: txItem.chainId, txHash: linkTxHash })\n    : undefined;\n\n  const explorerButton = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(txItem);\n  const canCancelTx =\n    isSwapTx &&\n    replaceTxMut.isWalletSupported &&\n    !replaceTxMut.isSuccess &&\n    orderCancelDetails !== null &&\n    !txIsFinalized;\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  let btn1: JSX.Element | null = null;\n  if (canCancelTx) {\n    const cancelBtnText = \"Cancel Order\";\n    const cancelDrawerTitle =\n      orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n    const cancelSwap = async () => {\n      try {\n        const result = await replaceTxMut.replaceTx({\n          hash: txItem.id,\n          action: \"cancel\",\n        });\n        return result;\n      } catch {\n        // allow to re-trigger cancellation after error (like UserCancelledError)\n        replaceTxMut.reset();\n      }\n    };\n\n    btn1 = (\n      <CancelButtonWithDrawer\n        isPending={replaceTxMut.isPending}\n        drawerControls={cancelOrderDrawerControls}\n        cancelBtnText={cancelBtnText}\n        cancelDrawerTitle={cancelDrawerTitle}\n        orderTypeToCancel={orderCancelDetails.orderType}\n        onCancel={cancelSwap}\n        step={replaceTxMut.step}\n      />\n    );\n  } else {\n    btn1 = (\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\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      {btn1}\n      {explorerButton}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.js

@@ -1,86 +1,51 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
-import { DetailWithValueList } from '../../Details/DetailWithValueList.js';
-import { isTruthy } from '../../../../lib/utils/index.js';
-import { PayReceiveInfo } from '../../PayReceiveInfo/PayReceiveInfo.js';
-import { constructPayReceiveInfoProps, constructSubmitDateDetail, constructTxRateDetail, constructTxStatusDetail, constructOrderTypeDetail } from './utils.js';
-import { Controls } from './Controls.js';
-import { isTransactionItemSwapWithExtra } from '../utils.js';
-
-const detailsClasses = {
-  root: "pt-4 gap-4",
-  title: "text-contrast-5 dark:text-contrast-6",
-  value: "text-contrast-4 dark:text-contrast-6"
-};
-const TransactionDetails = (t0) => {
-  const $ = distExports.c(17);
-  const {
-    txItem,
-    onDismiss,
-    onCancelTxSuccess,
-    onCancelTxError
-  } = t0;
-  let t1;
-  if ($[0] !== txItem) {
-    t1 = isTransactionItemSwapWithExtra(txItem) && constructPayReceiveInfoProps(txItem);
-    $[0] = txItem;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const payReceiveInfoProps = t1;
-  let t2;
-  if ($[2] !== txItem) {
-    t2 = [constructSubmitDateDetail(txItem), constructTxRateDetail(txItem), constructTxStatusDetail(txItem), constructOrderTypeDetail()].filter(isTruthy);
-    $[2] = txItem;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const details = t2;
-  let t3;
-  if ($[4] !== payReceiveInfoProps) {
-    t3 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
-    $[4] = payReceiveInfoProps;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== details) {
-    t4 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
-    $[6] = details;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== onCancelTxError || $[9] !== onCancelTxSuccess || $[10] !== onDismiss || $[11] !== txItem) {
-    t5 = /* @__PURE__ */ jsx(Controls, { txItem, onDismiss, onCancelTxSuccess, onCancelTxError });
-    $[8] = onCancelTxError;
-    $[9] = onCancelTxSuccess;
-    $[10] = onDismiss;
-    $[11] = txItem;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  let t6;
-  if ($[13] !== t3 || $[14] !== t4 || $[15] !== t5) {
-    t6 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 h-[470px] flex flex-col", children: [
-      t3,
-      t4,
-      t5
-    ] });
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t5;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  return t6;
+import { isTruthy as e } from "../../../../lib/utils/index.js";
+import { DetailWithValueList as t } from "../../Details/DetailWithValueList.js";
+import { isTransactionItemSwapWithExtra as n } from "../utils.js";
+import { PayReceiveInfo as r } from "../../PayReceiveInfo/PayReceiveInfo.js";
+import { constructOrderTypeDetail as i, constructPayReceiveInfoProps as a, constructSubmitDateDetail as o, constructTxRateDetail as s, constructTxStatusDetail as c } from "./utils.js";
+import { Controls as l } from "./Controls.js";
+import { c as u } from "react-compiler-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.tsx
+var p = {
+	root: "pt-4 gap-4",
+	title: "text-contrast-5 dark:text-contrast-6",
+	value: "text-contrast-4 dark:text-contrast-6"
+}, m = (m) => {
+	let h = u(17), { txItem: g, onDismiss: _, onCancelTxSuccess: v, onCancelTxError: y } = m, b;
+	h[0] === g ? b = h[1] : (b = n(g) && a(g), h[0] = g, h[1] = b);
+	let x = b, S;
+	h[2] === g ? S = h[3] : (S = [
+		o(g),
+		s(g),
+		c(g),
+		i()
+	].filter(e), h[2] = g, h[3] = S);
+	let C = S, w;
+	h[4] === x ? w = h[5] : (w = x && /* @__PURE__ */ d(r, { ...x }), h[4] = x, h[5] = w);
+	let T;
+	h[6] === C ? T = h[7] : (T = /* @__PURE__ */ d(t, {
+		details: C,
+		classes: p
+	}), h[6] = C, h[7] = T);
+	let E;
+	h[8] !== y || h[9] !== v || h[10] !== _ || h[11] !== g ? (E = /* @__PURE__ */ d(l, {
+		txItem: g,
+		onDismiss: _,
+		onCancelTxSuccess: v,
+		onCancelTxError: y
+	}), h[8] = y, h[9] = v, h[10] = _, h[11] = g, h[12] = E) : E = h[12];
+	let D;
+	return h[13] !== w || h[14] !== T || h[15] !== E ? (D = /* @__PURE__ */ f("div", {
+		className: "px-6 pb-8 h-[470px] flex flex-col",
+		children: [
+			w,
+			T,
+			E
+		]
+	}), h[13] = w, h[14] = T, h[15] = E, h[16] = D) : D = h[16], D;
 };
+//#endregion
+export { m as TransactionDetails };
 
-export { TransactionDetails };
-//# sourceMappingURL=TransactionDetails.js.map
+//# sourceMappingURL=TransactionDetails.js.map

package/dist/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionDetails.js","sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.tsx"],"sourcesContent":["import type { TransactionListItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructTxRateDetail,\n  constructTxStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls } from \"./Controls\";\nimport { isTransactionItemSwapWithExtra } from \"../utils\";\nimport type { TransactionReceipt } from \"viem\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\ntype TransactionDetailsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const TransactionDetails = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionDetailsProps) => {\n  const payReceiveInfoProps =\n    isTransactionItemSwapWithExtra(txItem) &&\n    constructPayReceiveInfoProps(txItem);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(txItem),\n    constructTxRateDetail(txItem),\n    constructTxStatusDetail(txItem),\n    constructOrderTypeDetail(),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls\n        txItem={txItem}\n        onDismiss={onDismiss}\n        onCancelTxSuccess={onCancelTxSuccess}\n        onCancelTxError={onCancelTxError}\n      />\n    </div>\n  );\n};\n"],"names":["detailsClasses","root","title","value","TransactionDetails","t0","$","_c","txItem","onDismiss","onCancelTxSuccess","onCancelTxError","t1","isTransactionItemSwapWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t2","constructSubmitDateDetail","constructTxRateDetail","constructTxStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t3","t4","t5","t6"],"mappings":"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"}
+{"version":3,"file":"TransactionDetails.js","names":["TransactionListItem","DetailWithValueList","isTruthy","DetailWithValue","PayReceiveInfo","constructTxRateDetail","constructTxStatusDetail","constructOrderTypeDetail","constructPayReceiveInfoProps","constructSubmitDateDetail","Controls","isTransactionItemSwapWithExtra","TransactionReceipt","detailsClasses","root","title","value","TransactionDetailsProps","txItem","onDismiss","onCancelTxSuccess","receipt","onCancelTxError","error","Error","TransactionDetails","t0","$","_c","t1","payReceiveInfoProps","t2","filter","details","t3","t4","t5","t6"],"sources":["../../../../../src/components/widget/TransactionDetails/LimitOrderDetails/TransactionDetails.tsx"],"sourcesContent":["import type { TransactionListItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructTxRateDetail,\n  constructTxStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls } from \"./Controls\";\nimport { isTransactionItemSwapWithExtra } from \"../utils\";\nimport type { TransactionReceipt } from \"viem\";\n\nconst detailsClasses = {\n  root: \"pt-4 gap-4\",\n  title: \"text-contrast-5 dark:text-contrast-6\",\n  value: \"text-contrast-4 dark:text-contrast-6\",\n};\n\ntype TransactionDetailsProps = {\n  txItem: TransactionListItem;\n  onDismiss: () => void;\n  onCancelTxSuccess?: (receipt: TransactionReceipt) => void;\n  onCancelTxError?: (error: Error) => void;\n};\n\nexport const TransactionDetails = ({\n  txItem,\n  onDismiss,\n  onCancelTxSuccess,\n  onCancelTxError,\n}: TransactionDetailsProps) => {\n  const payReceiveInfoProps =\n    isTransactionItemSwapWithExtra(txItem) &&\n    constructPayReceiveInfoProps(txItem);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(txItem),\n    constructTxRateDetail(txItem),\n    constructTxStatusDetail(txItem),\n    constructOrderTypeDetail(),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls\n        txItem={txItem}\n        onDismiss={onDismiss}\n        onCancelTxSuccess={onCancelTxSuccess}\n        onCancelTxError={onCancelTxError}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;AAiBA,IAAMa,IAAiB;CACrBC,MAAM;CACNC,OAAO;CACPC,OAAO;CACR,EASYS,KAAqBC,MAAA;CAAA,IAAAC,IAAAC,EAAA,GAAA,EAAC,EAAAV,WAAAC,cAAAC,sBAAAE,uBAAAI,GAKTG;AAAA,CAAAF,EAAA,OAAAT,IAGcW,IAAAF,EAAA,MADpCE,IAAAlB,EAA+BO,EACK,IAApCV,EAA6BU,EAAO,EAAAS,EAAA,KAAAT,GAAAS,EAAA,KAAAE;CAFtC,IAAAC,IACED,GACqCE;AAAA,CAAAJ,EAAA,OAAAT,IAOrBa,IAAAJ,EAAA,MALiBI,IAAA;EACjCtB,EAA0BS,EAAO;EACjCb,EAAsBa,EAAO;EAC7BZ,EAAwBY,EAAO;EAC/BX,GAA0B;EAC3B,CAAAyB,OAAQ9B,EAAS,EAAAyB,EAAA,KAAAT,GAAAS,EAAA,KAAAI;CALlB,IAAAE,IAAmCF,GAKhBG;AAAA,CAAAP,EAAA,OAAAG,IAIoDI,IAAAP,EAAA,MAAlEO,IAAAJ,KAAuB,kBAAC,GAAD,EAAe,GAAKA,GAAuB,CAAA,EAAAH,EAAA,KAAAG,GAAAH,EAAA,KAAAO;CAAA,IAAAC;AAAA,CAAAR,EAAA,OAAAM,IACDE,IAAAR,EAAA,MAAlEQ,IAAA,kBAAC,GAAD;EAA8BF;EAAkBpB,SAAAA;EAAkB,CAAA,EAAAc,EAAA,KAAAM,GAAAN,EAAA,KAAAQ;CAAA,IAAAC;AAAA,CAAAT,EAAA,OAAAL,KAAAK,EAAA,OAAAP,KAAAO,EAAA,QAAAR,KAAAQ,EAAA,QAAAT,KAClEkB,IAAA,kBAAC,GAAD;EACUlB;EACGC;EACQC;EACFE;EACjB,CAAA,EAAAK,EAAA,KAAAL,GAAAK,EAAA,KAAAP,GAAAO,EAAA,MAAAR,GAAAQ,EAAA,MAAAT,GAAAS,EAAA,MAAAS,KAAAA,IAAAT,EAAA;CAAA,IAAAU;AACE,QADFV,EAAA,QAAAO,KAAAP,EAAA,QAAAQ,KAAAR,EAAA,QAAAS,KARJC,IAAA,kBAAA,OAAA;EAAe,WAAA;YAAf;GACGH;GACDC;GACAC;GAMI;KAAAT,EAAA,MAAAO,GAAAP,EAAA,MAAAQ,GAAAR,EAAA,MAAAS,GAAAT,EAAA,MAAAU,KAAAA,IAAAV,EAAA,KATNU"}

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

@@ -1,88 +1,77 @@
-import { jsx } from 'react/jsx-runtime';
-import dayjs from 'dayjs';
-import { Rate, StatusBadge } from '../TransactionListItem.js';
-import { formatTokenAmount } from '../../../../lib/utils/formatTokenBalance.js';
-import { getTxStatus } from '../../../../transactions/status.js';
-
-function constructSubmitDateDetail({
-  timestamp
-}) {
-  return {
-    title: "Submit Date",
-    value: dayjs(timestamp).format("DD MMM YYYY h:mm A")
-  };
+import { formatTokenAmount as e } from "../../../../lib/utils/formatTokenBalance.js";
+import { getTxStatus as t } from "../../../../transactions/status.js";
+import { Rate as n, StatusBadge as r } from "../TransactionListItem.js";
+import { jsx as i } from "react/jsx-runtime";
+import a from "dayjs";
+//#region src/components/widget/TransactionDetails/LimitOrderDetails/utils.tsx
+function o({ timestamp: e }) {
+	return {
+		title: "Submit Date",
+		value: a(e).format("DD MMM YYYY h:mm A")
+	};
 }
-const rateClasses = {
-  left: "dark:text-contrast-6",
-  right: "dark:text-contrast-6"
+var s = {
+	left: "dark:text-contrast-6",
+	right: "dark:text-contrast-6"
 };
-function constructTxRateDetail({
-  extra
-}) {
-  return {
-    title: "Order Rate",
-    value: /* @__PURE__ */ jsx(Rate, { extra, classes: rateClasses })
-  };
+function c({ extra: e }) {
+	return {
+		title: "Order Rate",
+		value: /* @__PURE__ */ i(n, {
+			extra: e,
+			classes: s
+		})
+	};
 }
-function constructTxStatusDetail(tx) {
-  return {
-    title: "Order Status",
-    value: /* @__PURE__ */ jsx(StatusBadge, { status: getTxStatus(tx) })
-  };
+function l(e) {
+	return {
+		title: "Order Status",
+		value: /* @__PURE__ */ i(r, { status: t(e) })
+	};
 }
-function constructOrderTypeDetail() {
-  return {
-    title: "Order Type",
-    value: "SWAP"
-  };
+function u() {
+	return {
+		title: "Order Type",
+		value: "SWAP"
+	};
 }
-const tokenBadgeClasses = {
-  amount: "dark:text-contrast-9",
-  symbol: "dark:text-contrast-9",
-  logo: "size-[18px]"
+var d = {
+	amount: "dark:text-contrast-9",
+	symbol: "dark:text-contrast-9",
+	logo: "size-[18px]"
 };
-function constructPayReceiveInfoProps({
-  extra
-}) {
-  const {
-    srcToken,
-    destToken,
-    srcAmountUnit,
-    destAmountUnit
-  } = extra;
-  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);
-  const formattedDestAmount = formatTokenAmount(destAmountUnit);
-  const topTokenBadgeProps = {
-    address: srcToken.address,
-    symbol: srcToken.symbol,
-    chainId: srcToken.network,
-    img: srcToken.img,
-    amount: formattedSrcAmount,
-    amountPosition: "right",
-    classes: tokenBadgeClasses,
-    showNetworkIcon: true
-  };
-  const bottomTokenBadgeProps = {
-    address: destToken.address,
-    symbol: destToken.symbol,
-    chainId: destToken.network,
-    img: destToken.img,
-    amount: formattedDestAmount,
-    amountPosition: "right",
-    classes: tokenBadgeClasses,
-    showNetworkIcon: true
-  };
-  return {
-    topToken: {
-      tokenBadgeProps: topTokenBadgeProps,
-      label: "Pay"
-    },
-    bottomToken: {
-      tokenBadgeProps: bottomTokenBadgeProps,
-      label: "Receive"
-    }
-  };
+function f({ extra: t }) {
+	let { srcToken: n, destToken: r, srcAmountUnit: i, destAmountUnit: a } = t, o = e(i), s = e(a), c = {
+		address: n.address,
+		symbol: n.symbol,
+		chainId: n.network,
+		img: n.img,
+		amount: o,
+		amountPosition: "right",
+		classes: d,
+		showNetworkIcon: !0
+	}, l = {
+		address: r.address,
+		symbol: r.symbol,
+		chainId: r.network,
+		img: r.img,
+		amount: s,
+		amountPosition: "right",
+		classes: d,
+		showNetworkIcon: !0
+	};
+	return {
+		topToken: {
+			tokenBadgeProps: c,
+			label: "Pay"
+		},
+		bottomToken: {
+			tokenBadgeProps: l,
+			label: "Receive"
+		}
+	};
 }
+//#endregion
+export { u as constructOrderTypeDetail, f as constructPayReceiveInfoProps, o as constructSubmitDateDetail, c as constructTxRateDetail, l as constructTxStatusDetail };
 
-export { constructOrderTypeDetail, constructPayReceiveInfoProps, constructSubmitDateDetail, constructTxRateDetail, constructTxStatusDetail };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map