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

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

@@ -1,188 +1,86 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { d as distExports } from '../../../../_virtual/index.js';
-import { Button } from '../../../ui/button.js';
-import { useMinViemClient } from '../../../../hooks/useMinViemClient.js';
-import { useAccount } from 'wagmi';
-import { ReactComponent as ForwardRef } from '../../../../assets/spinner.svg.js';
-import { useCancelOtcOrderEventCallbacks, useCancelOtcOrderAndWait } from '../../../../hooks/otc/mutations/useCancelLimitOrder.js';
-import { LimitOrderStateChecker } from '../../../../hooks/otc/queries/utils.js';
-import { useChainMatches } from '../../../../hooks/useChainMatches.js';
-import { useSwitchChainWithGuard } from '../../../../hooks/useSwitchChainWithGuard.js';
-
-const Controls = (t0) => {
-  const $ = distExports.c(38);
-  const {
-    order,
-    onDismiss,
-    onCancelTxError,
-    onCancelTxSuccess
-  } = t0;
-  let t1;
-  if ($[0] !== order.state) {
-    t1 = LimitOrderStateChecker.cancellable.has(order.state);
-    $[0] = order.state;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const cancellable = t1;
-  const orderChainId = order.chainId;
-  const {
-    forcedChainMatchesWalletChain,
-    isConnected
-  } = useChainMatches(orderChainId);
-  const {
-    address: account
-  } = useAccount();
-  let t2;
-  if ($[2] !== account || $[3] !== orderChainId) {
-    t2 = {
-      chainId: orderChainId,
-      account
-    };
-    $[2] = account;
-    $[3] = orderChainId;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const {
-    minClient
-  } = useMinViemClient(t2);
-  const {
-    mutateAsync: switchChain
-  } = useSwitchChainWithGuard();
-  const cancelOrderEvents = useCancelOtcOrderEventCallbacks(order);
-  let t3;
-  if ($[5] !== cancelOrderEvents || $[6] !== forcedChainMatchesWalletChain || $[7] !== orderChainId || $[8] !== switchChain) {
-    t3 = async (variables) => {
-      if (!forcedChainMatchesWalletChain) {
-        await switchChain({
-          chainId: orderChainId
-        });
-      }
-      cancelOrderEvents.onMutate?.(variables);
-    };
-    $[5] = cancelOrderEvents;
-    $[6] = forcedChainMatchesWalletChain;
-    $[7] = orderChainId;
-    $[8] = switchChain;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] !== cancelOrderEvents || $[11] !== onCancelTxSuccess) {
-    t4 = (data, vars) => {
-      onCancelTxSuccess(data);
-      cancelOrderEvents.onSuccess?.(data, vars);
-    };
-    $[10] = cancelOrderEvents;
-    $[11] = onCancelTxSuccess;
-    $[12] = t4;
-  } else {
-    t4 = $[12];
-  }
-  let t5;
-  if ($[13] !== cancelOrderEvents || $[14] !== onCancelTxError) {
-    t5 = (error, vars_0) => {
-      onCancelTxError(error);
-      cancelOrderEvents.onError?.(error, vars_0);
-    };
-    $[13] = cancelOrderEvents;
-    $[14] = onCancelTxError;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  let t6;
-  if ($[16] !== t3 || $[17] !== t4 || $[18] !== t5) {
-    t6 = {
-      onMutate: t3,
-      onSuccess: t4,
-      onError: t5
-    };
-    $[16] = t3;
-    $[17] = t4;
-    $[18] = t5;
-    $[19] = t6;
-  } else {
-    t6 = $[19];
-  }
-  let t7;
-  if ($[20] !== account || $[21] !== minClient || $[22] !== orderChainId || $[23] !== t6) {
-    t7 = {
-      chainId: orderChainId,
-      account,
-      client: minClient,
-      mutationOptions: t6
-    };
-    $[20] = account;
-    $[21] = minClient;
-    $[22] = orderChainId;
-    $[23] = t6;
-    $[24] = t7;
-  } else {
-    t7 = $[24];
-  }
-  const {
-    cancelOtcOrder,
-    isPending,
-    isSuccess
-  } = useCancelOtcOrderAndWait(t7);
-  let t8;
-  if ($[25] !== cancelOrderEvents || $[26] !== cancelOtcOrder || $[27] !== cancellable || $[28] !== isConnected || $[29] !== isPending || $[30] !== isSuccess || $[31] !== order.orderHash) {
-    t8 = cancellable && isConnected && !isSuccess ? /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "xl", radius: "sm", className: "w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1", disabled: isPending, onClick: () => cancelOtcOrder({
-      orderHash: order.orderHash,
-      onTxSent: (t92) => {
-        const {
-          chainId,
-          transactionHash
-        } = t92;
-        cancelOrderEvents.onTxSent?.({
-          chainId,
-          txHash: transactionHash
-        });
-      }
-    }), children: [
-      "Cancel This Order",
-      isPending && /* @__PURE__ */ jsx(ForwardRef, { width: 16, height: 16, className: "animate-spin direction-reverse" })
-    ] }) : null;
-    $[25] = cancelOrderEvents;
-    $[26] = cancelOtcOrder;
-    $[27] = cancellable;
-    $[28] = isConnected;
-    $[29] = isPending;
-    $[30] = isSuccess;
-    $[31] = order.orderHash;
-    $[32] = t8;
-  } else {
-    t8 = $[32];
-  }
-  const cancelBtn = t8;
-  let t9;
-  if ($[33] !== onDismiss) {
-    t9 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
-    $[33] = onDismiss;
-    $[34] = t9;
-  } else {
-    t9 = $[34];
-  }
-  const dismissBtn = t9;
-  let t10;
-  if ($[35] !== cancelBtn || $[36] !== dismissBtn) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-auto", children: [
-      cancelBtn,
-      dismissBtn
-    ] });
-    $[35] = cancelBtn;
-    $[36] = dismissBtn;
-    $[37] = t10;
-  } else {
-    t10 = $[37];
-  }
-  return t10;
+import { Button as e } from "../../../ui/button.js";
+import { useMinViemClient as t } from "../../../../hooks/useMinViemClient.js";
+import { LimitOrderStateChecker as n } from "../../../../hooks/otc/queries/utils.js";
+import { useChainMatches as r } from "../../../../hooks/useChainMatches.js";
+import { ForwardRef as i } from "../../../../assets/spinner.js";
+import { useSwitchChainWithGuard as a } from "../../../../hooks/useSwitchChainWithGuard.js";
+import { useCancelOtcOrderAndWait as o, useCancelOtcOrderEventCallbacks as s } from "../../../../hooks/otc/mutations/useCancelLimitOrder.js";
+import { c } from "react-compiler-runtime";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useAccount as d } from "wagmi";
+//#region src/components/widget/OtcOrderItem/OtcOrderDetails/Controls.tsx
+var f = (f) => {
+	let p = c(38), { order: m, onDismiss: h, onCancelTxError: g, onCancelTxSuccess: _ } = f, v;
+	p[0] === m.state ? v = p[1] : (v = n.cancellable.has(m.state), p[0] = m.state, p[1] = v);
+	let y = v, b = m.chainId, { forcedChainMatchesWalletChain: x, isConnected: S } = r(b), { address: C } = d(), w;
+	p[2] !== C || p[3] !== b ? (w = {
+		chainId: b,
+		account: C
+	}, p[2] = C, p[3] = b, p[4] = w) : w = p[4];
+	let { minClient: T } = t(w), { mutateAsync: E } = a(), D = s(m), O;
+	p[5] !== D || p[6] !== x || p[7] !== b || p[8] !== E ? (O = async (e) => {
+		x || await E({ chainId: b }), D.onMutate?.(e);
+	}, p[5] = D, p[6] = x, p[7] = b, p[8] = E, p[9] = O) : O = p[9];
+	let k;
+	p[10] !== D || p[11] !== _ ? (k = (e, t) => {
+		_(e), D.onSuccess?.(e, t);
+	}, p[10] = D, p[11] = _, p[12] = k) : k = p[12];
+	let A;
+	p[13] !== D || p[14] !== g ? (A = (e, t) => {
+		g(e), D.onError?.(e, t);
+	}, p[13] = D, p[14] = g, p[15] = A) : A = p[15];
+	let j;
+	p[16] !== O || p[17] !== k || p[18] !== A ? (j = {
+		onMutate: O,
+		onSuccess: k,
+		onError: A
+	}, p[16] = O, p[17] = k, p[18] = A, p[19] = j) : j = p[19];
+	let M;
+	p[20] !== C || p[21] !== T || p[22] !== b || p[23] !== j ? (M = {
+		chainId: b,
+		account: C,
+		client: T,
+		mutationOptions: j
+	}, p[20] = C, p[21] = T, p[22] = b, p[23] = j, p[24] = M) : M = p[24];
+	let { cancelOtcOrder: N, isPending: P, isSuccess: F } = o(M), I;
+	p[25] !== D || p[26] !== N || p[27] !== y || p[28] !== S || p[29] !== P || p[30] !== F || p[31] !== m.orderHash ? (I = y && S && !F ? /* @__PURE__ */ u(e, {
+		variant: "secondary",
+		size: "xl",
+		radius: "sm",
+		className: "w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1",
+		disabled: P,
+		onClick: () => N({
+			orderHash: m.orderHash,
+			onTxSent: (e) => {
+				let { chainId: t, transactionHash: n } = e;
+				D.onTxSent?.({
+					chainId: t,
+					txHash: n
+				});
+			}
+		}),
+		children: ["Cancel This Order", P && /* @__PURE__ */ l(i, {
+			width: 16,
+			height: 16,
+			className: "animate-spin direction-reverse"
+		})]
+	}) : null, p[25] = D, p[26] = N, p[27] = y, p[28] = S, p[29] = P, p[30] = F, p[31] = m.orderHash, p[32] = I) : I = p[32];
+	let L = I, R;
+	p[33] === h ? R = p[34] : (R = /* @__PURE__ */ l(e, {
+		variant: "default",
+		size: "xl",
+		radius: "sm",
+		className: "w-full text-sm",
+		onClick: h,
+		children: "Make Another Trade"
+	}), p[33] = h, p[34] = R);
+	let z = R, B;
+	return p[35] !== L || p[36] !== z ? (B = /* @__PURE__ */ u("div", {
+		className: "flex flex-col gap-4 mt-auto",
+		children: [L, z]
+	}), p[35] = L, p[36] = z, p[37] = B) : B = p[37], B;
 };
+//#endregion
+export { f as Controls };
 
-export { Controls };
-//# sourceMappingURL=Controls.js.map
+//# sourceMappingURL=Controls.js.map

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

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

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

@@ -1,95 +1,53 @@
-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, constructExpiresInDetail, constructOrderRateDetail } from '../../LimitOrderItem/LimitOrderDetails/utils.js';
-import { Controls } from './Controls.js';
-import { LimitOrderStateChecker } from '../../../../hooks/otc/queries/utils.js';
-import { constructOrderStatusDetail, constructOrderTypeDetail } from './utils.js';
-import { isOtcOrderWithExtra } from '../utils.js';
-import { useDateNow } from '../../../../lib/utils/useDateNow.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 OtcOrderDetails = (t0) => {
-  const $ = distExports.c(16);
-  let callbacks;
-  let order;
-  if ($[0] !== t0) {
-    ({
-      order,
-      ...callbacks
-    } = t0);
-    $[0] = t0;
-    $[1] = callbacks;
-    $[2] = order;
-  } else {
-    callbacks = $[1];
-    order = $[2];
-  }
-  let t1;
-  if ($[3] !== order) {
-    t1 = isOtcOrderWithExtra(order) && constructPayReceiveInfoProps(order);
-    $[3] = order;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const payReceiveInfoProps = t1;
-  const active = LimitOrderStateChecker.active.has(order.state);
-  const now = useDateNow();
-  const isExpired = now >= new Date(order.expiry * 1e3).getTime() || order.state === "EXPIRED";
-  const showExpiresIn = active && !isExpired;
-  const details = [constructSubmitDateDetail({
-    createdAt: order.createdAt * 1e3
-  }), showExpiresIn && constructExpiresInDetail({
-    deadline: order.expiry
-  }), constructOrderRateDetail(order), constructOrderStatusDetail(order), constructOrderTypeDetail(order)].filter(isTruthy);
-  let t2;
-  if ($[5] !== payReceiveInfoProps) {
-    t2 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
-    $[5] = payReceiveInfoProps;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== details) {
-    t3 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
-    $[7] = details;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  let t4;
-  if ($[9] !== callbacks || $[10] !== order) {
-    t4 = /* @__PURE__ */ jsx(Controls, { order, ...callbacks });
-    $[9] = callbacks;
-    $[10] = order;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 h-[470px] flex flex-col", children: [
-      t2,
-      t3,
-      t4
-    ] });
-    $[12] = t2;
-    $[13] = t3;
-    $[14] = t4;
-    $[15] = t5;
-  } else {
-    t5 = $[15];
-  }
-  return t5;
+import { isTruthy as e } from "../../../../lib/utils/index.js";
+import { useDateNow as t } from "../../../../lib/utils/useDateNow.js";
+import { DetailWithValueList as n } from "../../Details/DetailWithValueList.js";
+import { LimitOrderStateChecker as r } from "../../../../hooks/otc/queries/utils.js";
+import { isOtcOrderWithExtra as i } from "../utils.js";
+import { PayReceiveInfo as a } from "../../PayReceiveInfo/PayReceiveInfo.js";
+import { constructExpiresInDetail as o, constructOrderRateDetail as s, constructPayReceiveInfoProps as c, constructSubmitDateDetail as l } from "../../LimitOrderItem/LimitOrderDetails/utils.js";
+import { Controls as u } from "./Controls.js";
+import { constructOrderStatusDetail as d, constructOrderTypeDetail as f } from "./utils.js";
+import { c as p } from "react-compiler-runtime";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/widget/OtcOrderItem/OtcOrderDetails/OtcOrderDetails.tsx
+var g = {
+	root: "pt-4 gap-4",
+	title: "text-contrast-5 dark:text-contrast-6",
+	value: "text-contrast-4 dark:text-contrast-6"
+}, _ = (_) => {
+	let v = p(16), y, b;
+	v[0] === _ ? (y = v[1], b = v[2]) : ({order: b, ...y} = _, v[0] = _, v[1] = y, v[2] = b);
+	let x;
+	v[3] === b ? x = v[4] : (x = i(b) && c(b), v[3] = b, v[4] = x);
+	let S = x, C = r.active.has(b.state), w = t() >= (/* @__PURE__ */ new Date(b.expiry * 1e3)).getTime() || b.state === "EXPIRED", T = C && !w, E = [
+		l({ createdAt: b.createdAt * 1e3 }),
+		T && o({ deadline: b.expiry }),
+		s(b),
+		d(b),
+		f(b)
+	].filter(e), D;
+	v[5] === S ? D = v[6] : (D = S && /* @__PURE__ */ m(a, { ...S }), v[5] = S, v[6] = D);
+	let O;
+	v[7] === E ? O = v[8] : (O = /* @__PURE__ */ m(n, {
+		details: E,
+		classes: g
+	}), v[7] = E, v[8] = O);
+	let k;
+	v[9] !== y || v[10] !== b ? (k = /* @__PURE__ */ m(u, {
+		order: b,
+		...y
+	}), v[9] = y, v[10] = b, v[11] = k) : k = v[11];
+	let A;
+	return v[12] !== D || v[13] !== O || v[14] !== k ? (A = /* @__PURE__ */ h("div", {
+		className: "px-6 pb-8 h-[470px] flex flex-col",
+		children: [
+			D,
+			O,
+			k
+		]
+	}), v[12] = D, v[13] = O, v[14] = k, v[15] = A) : A = v[15], A;
 };
+//#endregion
+export { _ as OtcOrderDetails };
 
-export { OtcOrderDetails };
-//# sourceMappingURL=OtcOrderDetails.js.map
+//# sourceMappingURL=OtcOrderDetails.js.map

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

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

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

@@ -1,18 +1,19 @@
-import { jsx } from 'react/jsx-runtime';
-import { StatusBadge } from '../OtcOrderListItem.js';
-
-function constructOrderStatusDetail(order) {
-  return {
-    title: "Order Status",
-    value: /* @__PURE__ */ jsx(StatusBadge, { state: order.state })
-  };
+import { StatusBadge as e } from "../OtcOrderListItem.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/widget/OtcOrderItem/OtcOrderDetails/utils.tsx
+function n(n) {
+	return {
+		title: "Order Status",
+		value: /* @__PURE__ */ t(e, { state: n.state })
+	};
 }
-function constructOrderTypeDetail(order) {
-  return {
-    title: "Order Type",
-    value: order.type
-  };
+function r(e) {
+	return {
+		title: "Order Type",
+		value: e.type
+	};
 }
+//#endregion
+export { n as constructOrderStatusDetail, r as constructOrderTypeDetail };
 
-export { constructOrderStatusDetail, constructOrderTypeDetail };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/utils.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { StatusBadge } from \"../OtcOrderListItem\";\nimport type { OtcOrderItem } from \"../types\";\n\nexport function constructOrderStatusDetail(\n  order: OtcOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={order.state} />,\n  };\n}\n\nexport function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n"],"names":["constructOrderStatusDetail","order","title","value","state","constructOrderTypeDetail","type"],"mappings":";;;AAIO,SAASA,2BACdC,KAAAA,EACiB;AACjB,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,cAAA;AAAA,IACPC,KAAAA,kBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAOF,MAAMG,KAAAA,EAAM;AAAA,GACzC;AACF;AAEO,SAASC,yBAAyBJ,KAAAA,EAAsC;AAC7E,EAAA,OAAO;AAAA,IACLC,KAAAA,EAAO,YAAA;AAAA,IACPC,OAAOF,KAAAA,CAAMK;AAAAA,GACf;AACF;;;;"}
+{"version":3,"file":"utils.js","names":["DetailWithValue","StatusBadge","OtcOrderItem","constructOrderStatusDetail","order","title","value","state","constructOrderTypeDetail","type"],"sources":["../../../../../src/components/widget/OtcOrderItem/OtcOrderDetails/utils.tsx"],"sourcesContent":["import type { DetailWithValue } from \"../../Details/types\";\nimport { StatusBadge } from \"../OtcOrderListItem\";\nimport type { OtcOrderItem } from \"../types\";\n\nexport function constructOrderStatusDetail(\n  order: OtcOrderItem\n): DetailWithValue {\n  return {\n    title: \"Order Status\",\n    value: <StatusBadge state={order.state} />,\n  };\n}\n\nexport function constructOrderTypeDetail(order: OtcOrderItem): DetailWithValue {\n  return {\n    title: \"Order Type\",\n    value: order.type,\n  };\n}\n"],"mappings":";;;AAIA,SAAgBG,EACdC,GACiB;AACjB,QAAO;EACLC,OAAO;EACPC,OAAO,kBAAC,GAAD,EAAa,OAAOF,EAAMG,OAAM,CAAA;EACxC;;AAGH,SAAgBC,EAAyBJ,GAAsC;AAC7E,QAAO;EACLC,OAAO;EACPC,OAAOF,EAAMK;EACd"}