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

package/dist/components/widget/OrderExpiryInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["UnstyledInput","NumericFormat","NumericFormatProps","DropdownWithItems","DropdownItem","DropdownWithItemsProps","ChevronIcon","jotaiStore","useAtom","timeUnitAtom","limitTimeUnitAtom","TimeUnit","TimeUnitObject","otcTimeUnitAtom","minTimeUnit","neverTimeUnit","timeUnits","useEffect","useState","TimeUnitsDropdownProps","expiryTimeValue","selectedTimeUnit","onSelect","timeUnit","classes","type","OrderExpiryInputProps","TimeUnitsDropdown","React","FC","t0","$","_c","isLimit","t1","specificTimeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","timeUnitObject","setTimeUnitObject","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","sub","get","trigger","t7","t8","OrderExpiryInput","props"],"sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/widget/OrderExpiryInput/index.tsx"],"sourcesContent":["import { UnstyledInput } from \"@/components/ui/input\";\nimport { NumericFormat, type NumericFormatProps } from \"react-number-format\";\nimport { DropdownWithItems } from \"../Dropdown/DropdownWithItems\";\nimport type { DropdownItem, DropdownWithItemsProps } from \"../Dropdown/types\";\nimport { ChevronIcon } from \"../Icon/ChevronIcon\";\nimport { jotaiStore, useAtom } from \"@/core/store\";\nimport {\n  timeUnitAtom as limitTimeUnitAtom,\n  type TimeUnit,\n  type TimeUnitObject,\n} from \"@/core/limit/state/deadlineAtom\";\nimport { timeUnitAtom as otcTimeUnitAtom } from \"@/core/otc/state/deadlineAtom\";\nimport {\n  minTimeUnit,\n  neverTimeUnit,\n  timeUnits,\n} from \"@/core/limit/state/constants\";\nimport { useEffect, useState } from \"react\";\n\ntype TimeUnitsDropdownProps = {\n  expiryTimeValue: number;\n  selectedTimeUnit: TimeUnit;\n  onSelect: (timeUnit: TimeUnitObject) => void;\n  classes?: DropdownWithItemsProps[\"classes\"];\n  type: OrderExpiryInputProps[\"type\"];\n};\n\nconst TimeUnitsDropdown: React.FC<TimeUnitsDropdownProps> = ({\n  expiryTimeValue,\n  selectedTimeUnit,\n  onSelect,\n  classes,\n  type,\n}) => {\n  const isLimit = type === \"limit\";\n  const specificTimeUnits = isLimit\n    ? timeUnits.filter((item) => item.label !== \"never\")\n    : timeUnits; // OTC can have 0 deadline\n\n  const items = specificTimeUnits.map<DropdownItem>((item) => ({\n    label: item.label,\n    onSelect: () => {\n      onSelect(item);\n    },\n    className: \"capitalize\",\n    selected: item.label === selectedTimeUnit,\n  }));\n\n  const label =\n    expiryTimeValue > 1 || selectedTimeUnit === neverTimeUnit.label\n      ? selectedTimeUnit\n      : selectedTimeUnit.slice(0, -1); //  \"days\" -> \"day\"\n\n  const menuTrigger = (\n    <div className=\"flex justify-between items-center gap-1.5 text-contrast-3 dark:text-contrast-7 text-sm cursor-pointer\">\n      <span className=\"capitalize\">{label}</span>\n      <ChevronIcon width={12} height={12} className=\"pt-[2px]\" />\n    </div>\n  );\n\n  return (\n    <DropdownWithItems\n      items={items}\n      menuTrigger={menuTrigger}\n      classes={classes}\n      align=\"end\"\n    />\n  );\n};\n\nconst TimeUnitInput = ({ type }: OrderExpiryInputProps) => {\n  const isLimit = type === \"limit\";\n  const subscribedAtom = isLimit ? limitTimeUnitAtom : otcTimeUnitAtom;\n  const [timeUnitObject, setTimeUnitObject] = useAtom(subscribedAtom);\n\n  const onValueChange: NumericFormatProps[\"onValueChange\"] = (\n    { floatValue },\n    sourceInfo\n  ) => {\n    // source=\"event\" when changed by user input\n    // source=\"prop\" when changed by prop update\n    // do not respond to external value changes (e.g. when setting orderDeadline from inputProps)\n    if (sourceInfo.source === \"prop\") return;\n\n    setValue(floatValue ?? 0);\n\n    if (floatValue === neverTimeUnit.value && !isLimit) {\n      setTimeUnitObject(neverTimeUnit);\n    } else if (floatValue !== undefined) {\n      setTimeUnitObject({\n        label: timeUnitObject.label,\n        value: floatValue,\n      });\n    } else {\n      setTimeUnitObject(minTimeUnit);\n    }\n  };\n\n  // Use localValue to reflect user input immediately, even if it's temporarily invalid (e.g., empty or below minimum).\n  // The atom enforces validation (e.g., minimum expiry for limit), but the input field doesn't update if the atom's value doesn't change.\n  // This allows the user to see what they type, even if the atom silently corrects the value (e.g., always setting 10min for limit orders).\n  // And at the same time, onBlur resets the input field to the atom's value to ensure consistency.\n  const [value, setValue] = useState(timeUnitObject.value);\n  // Sync local value when atom value changes (e.g., from inputProps)\n  useEffect(() => {\n    return jotaiStore.sub(subscribedAtom, () => {\n      setValue(jotaiStore.get(subscribedAtom).value);\n    });\n  }, [subscribedAtom]);\n\n  return (\n    <div className=\"flex justify-between items-center flex-1\">\n      {timeUnitObject.label !== neverTimeUnit.label && (\n        <NumericFormat\n          className=\"min-w-0 w-full text-lg font-geist-mono text-contrast-3 dark:text-contrast-8\"\n          placeholder=\"0\"\n          value={value}\n          onValueChange={onValueChange}\n          decimalScale={0}\n          allowNegative={false}\n          allowLeadingZeros={false}\n          customInput={UnstyledInput}\n          thousandSeparator\n          onBlur={() => {\n            setValue(timeUnitObject.value);\n          }}\n        />\n      )}\n      <TimeUnitsDropdown\n        selectedTimeUnit={timeUnitObject.label}\n        onSelect={setTimeUnitObject}\n        expiryTimeValue={value}\n        classes={{\n          trigger: \"w-full min-h-[28px]\",\n        }}\n        type={type}\n      />\n    </div>\n  );\n};\n\ntype OrderExpiryInputProps = {\n  type: \"limit\" | \"otc\";\n};\n\nexport const OrderExpiryInput = (props: OrderExpiryInputProps) => {\n  return (\n    <div className=\"flex flex-col gap-[8px] p-4 border-1 rounded-[12px] border-transparent transition-all focus-within:border-primary-azul-1 bg-contrast-8 dark:bg-contrast-2\">\n      <div className=\"flex items-center justify-between text-xs text-contrast-3 dark:text-contrast-7\">\n        <span>Order Expiry</span>\n      </div>\n      <div className=\"flex items-center justify-between gap-1.5\">\n        <TimeUnitInput {...props} />\n      </div>\n    </div>\n  );\n};\n"],"names":["TimeUnitsDropdown","t0","$","_c","expiryTimeValue","selectedTimeUnit","onSelect","classes","type","isLimit","t1","specificTimeUnits","timeUnits","filter","_temp","t2","item_0","label","item","className","selected","map","items","neverTimeUnit","slice","t3","t4","Symbol","for","t5","menuTrigger","t6","TimeUnitInput","subscribedAtom","limitTimeUnitAtom","otcTimeUnitAtom","timeUnitObject","setTimeUnitObject","useAtom","onValueChange","sourceInfo","floatValue","source","setValue","value","undefined","minTimeUnit","useState","jotaiStore","sub","get","useEffect","UnstyledInput","trigger","t7","t8","OrderExpiryInput","props"],"mappings":"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"}

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

@@ -1,86 +1,188 @@
-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;
+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;
 };
-//#endregion
-export { f as Controls };
 
-//# sourceMappingURL=Controls.js.map
+export { Controls };
+//# sourceMappingURL=Controls.js.map

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

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

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

@@ -1,53 +1,95 @@
-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;
+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;
 };
-//#endregion
-export { _ as OtcOrderDetails };
 
-//# sourceMappingURL=OtcOrderDetails.js.map
+export { OtcOrderDetails };
+//# sourceMappingURL=OtcOrderDetails.js.map

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

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

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

@@ -1,19 +1,18 @@
-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 })
-	};
+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 })
+  };
 }
-function r(e) {
-	return {
-		title: "Order Type",
-		value: e.type
-	};
+function constructOrderTypeDetail(order) {
+  return {
+    title: "Order Type",
+    value: order.type
+  };
 }
-//#endregion
-export { n as constructOrderStatusDetail, r as constructOrderTypeDetail };
 
-//# sourceMappingURL=utils.js.map
+export { constructOrderStatusDetail, constructOrderTypeDetail };
+//# sourceMappingURL=utils.js.map

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

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