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

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

@@ -1,99 +1,210 @@
-import { Button as e } from "../../../ui/button.js";
-import { constructExplorerOrderDetailsLink as t } from "../../../../lib/utils/explorer.js";
-import { useMinViemClient as n } from "../../../../hooks/useMinViemClient.js";
-import { useLocalDrawerControls as r } from "../../Drawer/state/useDrawerControls.js";
-import { useCancelOrWithdrawAndCancelDeltaOrder as i } from "../../../../hooks/swap/prices/delta/mutations/useCancelOrWithdrawAndCancelDeltaOrder.js";
-import { DismissButton as a } from "../../Button/DismissButton.js";
-import { getOrderCancelDetailsForOrderItem as o } from "../../TradeOverview/CancelOrder/utils.js";
-import { CancelButtonWithDrawer as s } from "../../Button/CancelButton/CancelButtonWithDrawer.js";
-import { c } from "react-compiler-runtime";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useAccount as d, useChainId as f } from "wagmi";
-//#region src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx
-var p = (n) => {
-	let r = c(13), i, a;
-	r[0] === n ? (i = r[1], a = r[2]) : ({order: i, ...a} = n, r[0] = n, r[1] = i, r[2] = a);
-	let o;
-	r[3] === i.id ? o = r[4] : (o = t(i.id), r[3] = i.id, r[4] = o);
-	let s = o, d;
-	r[5] === s ? d = r[6] : (d = /* @__PURE__ */ l(e, {
-		variant: "secondary",
-		size: "xl",
-		radius: "sm",
-		className: "w-full text-sm",
-		asChild: !0,
-		children: /* @__PURE__ */ l("a", {
-			href: s,
-			rel: "noopener noreferrer",
-			target: "_blank",
-			children: "View On Explorer"
-		})
-	}), r[5] = s, r[6] = d);
-	let f = d, p;
-	r[7] !== i || r[8] !== a ? (p = /* @__PURE__ */ l(m, {
-		order: i,
-		...a
-	}), r[7] = i, r[8] = a, r[9] = p) : p = r[9];
-	let h;
-	return r[10] !== f || r[11] !== p ? (h = /* @__PURE__ */ u("div", {
-		className: "flex flex-col gap-4 mt-auto",
-		children: [p, f]
-	}), r[10] = f, r[11] = p, r[12] = h) : h = r[12], h;
-}, m = (e) => {
-	let t = c(31), { order: u, logger: p, onDismiss: m, onCancelError: h, onCancelSuccess: g } = e, _ = f(), { address: v, isConnected: y } = d(), b;
-	t[0] !== v || t[1] !== _ ? (b = {
-		chainId: _,
-		account: v
-	}, t[0] = v, t[1] = _, t[2] = b) : b = t[2];
-	let { minClient: x } = n(b), S = r(), C;
-	t[3] === S ? C = t[4] : (C = () => {
-		S.onClose();
-	}, t[3] = S, t[4] = C);
-	let w;
-	t[5] !== h || t[6] !== g || t[7] !== C ? (w = {
-		onError: h,
-		onSuccess: g,
-		onSettled: C
-	}, t[5] = h, t[6] = g, t[7] = C, t[8] = w) : w = t[8];
-	let T;
-	t[9] !== v || t[10] !== _ || t[11] !== p || t[12] !== x || t[13] !== u || t[14] !== w ? (T = {
-		chainId: _,
-		account: v,
-		client: x,
-		order: u,
-		logger: p,
-		mutationOptions: w
-	}, t[9] = v, t[10] = _, t[11] = p, t[12] = x, t[13] = u, t[14] = w, t[15] = T) : T = t[15];
-	let { cancelDeltaOrder: E, isOrderCancellable: D, isEthOrder: O, isPending: k, isSuccess: A, step: j, reset: M } = i(T), N;
-	t[16] === u ? N = t[17] : (N = o(u), t[16] = u, t[17] = N);
-	let P = N;
-	if (!y || !D || A || P === null) {
-		let e;
-		return t[18] === m ? e = t[19] : (e = /* @__PURE__ */ l(a, {
-			onClick: m,
-			children: "Make Another Trade"
-		}), t[18] = m, t[19] = e), e;
-	}
-	let F = O ? "Withdraw & Cancel Order" : "Cancel Order", I = P.cancelTexts.drawerTitle || F, L;
-	t[20] !== E || t[21] !== M ? (L = async () => {
-		try {
-			return await E();
-		} catch {
-			M();
-		}
-	}, t[20] = E, t[21] = M, t[22] = L) : L = t[22];
-	let R = L, z;
-	return t[23] !== F || t[24] !== I || t[25] !== R || t[26] !== S || t[27] !== k || t[28] !== P.orderType || t[29] !== j ? (z = /* @__PURE__ */ l(s, {
-		isPending: k,
-		drawerControls: S,
-		cancelBtnText: F,
-		cancelDrawerTitle: I,
-		orderTypeToCancel: P.orderType,
-		onCancel: R,
-		step: j
-	}), t[23] = F, t[24] = I, t[25] = R, t[26] = S, t[27] = k, t[28] = P.orderType, t[29] = j, t[30] = z) : z = t[30], z;
+import { jsx, jsxs } 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 { constructExplorerOrderDetailsLink } from '../../../../lib/utils/explorer.js';
+import { useChainId, useAccount } from 'wagmi';
+import { useCancelOrWithdrawAndCancelDeltaOrder } from '../../../../hooks/swap/prices/delta/mutations/useCancelOrWithdrawAndCancelDeltaOrder.js';
+import { DismissButton } from '../../Button/DismissButton.js';
+import { useLocalDrawerControls } from '../../Drawer/state/useDrawerControls.js';
+import { getOrderCancelDetailsForOrderItem } from '../../TradeOverview/CancelOrder/utils.js';
+import { CancelButtonWithDrawer } from '../../Button/CancelButton/CancelButtonWithDrawer.js';
+
+const Controls = (t0) => {
+  const $ = distExports.c(13);
+  let order;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      order,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = order;
+    $[2] = props;
+  } else {
+    order = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== order.id) {
+    t1 = constructExplorerOrderDetailsLink(order.id);
+    $[3] = order.id;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const explorerLink = t1;
+  let t2;
+  if ($[5] !== explorerLink) {
+    t2 = /* @__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" }) });
+    $[5] = explorerLink;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const explorerBtn = t2;
+  let t3;
+  if ($[7] !== order || $[8] !== props) {
+    t3 = /* @__PURE__ */ jsx(CancelOrDismissBtn, { order, ...props });
+    $[7] = order;
+    $[8] = props;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== explorerBtn || $[11] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-auto", children: [
+      t3,
+      explorerBtn
+    ] });
+    $[10] = explorerBtn;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+};
+const CancelOrDismissBtn = (t0) => {
+  const $ = distExports.c(31);
+  const {
+    order,
+    logger,
+    onDismiss,
+    onCancelError,
+    onCancelSuccess
+  } = t0;
+  const chainId = useChainId();
+  const {
+    address: account,
+    isConnected
+  } = useAccount();
+  let t1;
+  if ($[0] !== account || $[1] !== chainId) {
+    t1 = {
+      chainId,
+      account
+    };
+    $[0] = account;
+    $[1] = chainId;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const {
+    minClient
+  } = useMinViemClient(t1);
+  const cancelOrderDrawerControls = useLocalDrawerControls();
+  let t2;
+  if ($[3] !== cancelOrderDrawerControls) {
+    t2 = () => {
+      cancelOrderDrawerControls.onClose();
+    };
+    $[3] = cancelOrderDrawerControls;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== onCancelError || $[6] !== onCancelSuccess || $[7] !== t2) {
+    t3 = {
+      onError: onCancelError,
+      onSuccess: onCancelSuccess,
+      onSettled: t2
+    };
+    $[5] = onCancelError;
+    $[6] = onCancelSuccess;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== account || $[10] !== chainId || $[11] !== logger || $[12] !== minClient || $[13] !== order || $[14] !== t3) {
+    t4 = {
+      chainId,
+      account,
+      client: minClient,
+      order,
+      logger,
+      mutationOptions: t3
+    };
+    $[9] = account;
+    $[10] = chainId;
+    $[11] = logger;
+    $[12] = minClient;
+    $[13] = order;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  const {
+    cancelDeltaOrder,
+    isOrderCancellable,
+    isEthOrder,
+    isPending,
+    isSuccess,
+    step: orderCancellationStep,
+    reset
+  } = useCancelOrWithdrawAndCancelDeltaOrder(t4);
+  let t5;
+  if ($[16] !== order) {
+    t5 = getOrderCancelDetailsForOrderItem(order);
+    $[16] = order;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  const orderCancelDetails = t5;
+  if (!isConnected || !isOrderCancellable || isSuccess || orderCancelDetails === null) {
+    let t62;
+    if ($[18] !== onDismiss) {
+      t62 = /* @__PURE__ */ jsx(DismissButton, { onClick: onDismiss, children: "Make Another Trade" });
+      $[18] = onDismiss;
+      $[19] = t62;
+    } else {
+      t62 = $[19];
+    }
+    return t62;
+  }
+  const cancelBtnText = isEthOrder ? "Withdraw & Cancel Order" : "Cancel Order";
+  const cancelDrawerTitle = orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;
+  let t6;
+  if ($[20] !== cancelDeltaOrder || $[21] !== reset) {
+    t6 = async () => {
+      try {
+        const result = await cancelDeltaOrder();
+        return result;
+      } catch {
+        reset();
+      }
+    };
+    $[20] = cancelDeltaOrder;
+    $[21] = reset;
+    $[22] = t6;
+  } else {
+    t6 = $[22];
+  }
+  const cancelOrder = t6;
+  let t7;
+  if ($[23] !== cancelBtnText || $[24] !== cancelDrawerTitle || $[25] !== cancelOrder || $[26] !== cancelOrderDrawerControls || $[27] !== isPending || $[28] !== orderCancelDetails.orderType || $[29] !== orderCancellationStep) {
+    t7 = /* @__PURE__ */ jsx(CancelButtonWithDrawer, { isPending, drawerControls: cancelOrderDrawerControls, cancelBtnText, cancelDrawerTitle, orderTypeToCancel: orderCancelDetails.orderType, onCancel: cancelOrder, step: orderCancellationStep });
+    $[23] = cancelBtnText;
+    $[24] = cancelDrawerTitle;
+    $[25] = cancelOrder;
+    $[26] = cancelOrderDrawerControls;
+    $[27] = isPending;
+    $[28] = orderCancelDetails.orderType;
+    $[29] = orderCancellationStep;
+    $[30] = t7;
+  } else {
+    t7 = $[30];
+  }
+  return t7;
 };
-//#endregion
-export { p as Controls };
 
-//# sourceMappingURL=Controls.js.map
+export { Controls };
+//# sourceMappingURL=Controls.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","names":["Button","useMinViemClient","constructExplorerOrderDetailsLink","useAccount","useChainId","LimitOrderItem","JSX","useCancelOrWithdrawAndCancelDeltaOrder","CancelOrWithdrawAndCancelDeltaOrderMutOptions","DismissButton","LoggerInstance","useLocalDrawerControls","getOrderCancelDetailsForOrderItem","CancelButtonWithDrawer","LimitOrderControlsProps","order","logger","onDismiss","onCancelSuccess","onCancelError","Controls","t0","$","_c","props","t1","id","explorerLink","t2","explorerBtn","t3","t4","CancelOrDismissBtn","chainId","address","account","isConnected","minClient","cancelOrderDrawerControls","onClose","onError","onSuccess","onSettled","client","mutationOptions","cancelDeltaOrder","isOrderCancellable","isEthOrder","isPending","isSuccess","step","orderCancellationStep","reset","t5","orderCancelDetails","t6","cancelBtnText","cancelDrawerTitle","cancelTexts","drawerTitle","result","cancelOrder","t7","orderType"],"sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { constructExplorerOrderDetailsLink } from \"@/lib/utils/explorer\";\nimport { useAccount, useChainId } from \"wagmi\";\nimport type { LimitOrderItem } from \"../types\";\nimport type { JSX } from \"react\";\nimport {\n  useCancelOrWithdrawAndCancelDeltaOrder,\n  type CancelOrWithdrawAndCancelDeltaOrderMutOptions,\n} from \"@/hooks/swap/prices/delta/mutations/useCancelOrWithdrawAndCancelDeltaOrder\";\nimport { DismissButton } from \"../../Button/DismissButton\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type LimitOrderControlsProps = {\n  order: LimitOrderItem;\n  logger?: LoggerInstance;\n  onDismiss: () => void;\n  onCancelSuccess: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onSuccess\"];\n  onCancelError: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onError\"];\n};\n\nexport const Controls = ({ order, ...props }: LimitOrderControlsProps) => {\n  const explorerLink = constructExplorerOrderDetailsLink(order.id);\n\n  const explorerBtn = (\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  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      <CancelOrDismissBtn order={order} {...props} />\n      {explorerBtn}\n    </div>\n  );\n};\n\nconst CancelOrDismissBtn = ({\n  order,\n  logger,\n  onDismiss,\n  onCancelError,\n  onCancelSuccess,\n}: LimitOrderControlsProps): JSX.Element | null => {\n  const chainId = useChainId();\n\n  const { address: account, isConnected } = useAccount();\n  const { minClient } = useMinViemClient({ chainId, account });\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const {\n    cancelDeltaOrder,\n    isOrderCancellable,\n    isEthOrder,\n    isPending,\n    isSuccess,\n    step: orderCancellationStep,\n    reset,\n  } = useCancelOrWithdrawAndCancelDeltaOrder({\n    chainId,\n    account,\n    client: minClient,\n    order,\n    logger,\n    mutationOptions: {\n      onError: onCancelError,\n      onSuccess: onCancelSuccess,\n      onSettled: () => {\n        cancelOrderDrawerControls.onClose();\n      },\n    },\n  });\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(order);\n\n  if (\n    !isConnected || // wallet not connected\n    !isOrderCancellable || // the order is already executed/cancelled onchain or failed/cancelled offchain\n    isSuccess || // cancellation successful\n    orderCancelDetails === null // no cancel flow for this order type\n  )\n    return (\n      <DismissButton onClick={onDismiss}>Make Another Trade</DismissButton>\n    );\n\n  const cancelBtnText = isEthOrder ? \"Withdraw & Cancel Order\" : \"Cancel Order\";\n  const cancelDrawerTitle =\n    orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n  const cancelOrder = async () => {\n    try {\n      const result = await cancelDeltaOrder();\n      return result;\n    } catch {\n      // allow to re-trigger cancellation after error (like UserCancelledError)\n      reset();\n    }\n  };\n\n  return (\n    <CancelButtonWithDrawer\n      isPending={isPending}\n      drawerControls={cancelOrderDrawerControls}\n      cancelBtnText={cancelBtnText}\n      cancelDrawerTitle={cancelDrawerTitle}\n      orderTypeToCancel={orderCancelDetails.orderType}\n      onCancel={cancelOrder}\n      step={orderCancellationStep}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Controls.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { constructExplorerOrderDetailsLink } from \"@/lib/utils/explorer\";\nimport { useAccount, useChainId } from \"wagmi\";\nimport type { LimitOrderItem } from \"../types\";\nimport type { JSX } from \"react\";\nimport {\n  useCancelOrWithdrawAndCancelDeltaOrder,\n  type CancelOrWithdrawAndCancelDeltaOrderMutOptions,\n} from \"@/hooks/swap/prices/delta/mutations/useCancelOrWithdrawAndCancelDeltaOrder\";\nimport { DismissButton } from \"../../Button/DismissButton\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { useLocalDrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport { getOrderCancelDetailsForOrderItem } from \"../../TradeOverview/CancelOrder/utils\";\nimport { CancelButtonWithDrawer } from \"../../Button/CancelButton/CancelButtonWithDrawer\";\n\nexport type LimitOrderControlsProps = {\n  order: LimitOrderItem;\n  logger?: LoggerInstance;\n  onDismiss: () => void;\n  onCancelSuccess: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onSuccess\"];\n  onCancelError: CancelOrWithdrawAndCancelDeltaOrderMutOptions[\"onError\"];\n};\n\nexport const Controls = ({ order, ...props }: LimitOrderControlsProps) => {\n  const explorerLink = constructExplorerOrderDetailsLink(order.id);\n\n  const explorerBtn = (\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  );\n\n  return (\n    <div className=\"flex flex-col gap-4 mt-auto\">\n      <CancelOrDismissBtn order={order} {...props} />\n      {explorerBtn}\n    </div>\n  );\n};\n\nconst CancelOrDismissBtn = ({\n  order,\n  logger,\n  onDismiss,\n  onCancelError,\n  onCancelSuccess,\n}: LimitOrderControlsProps): JSX.Element | null => {\n  const chainId = useChainId();\n\n  const { address: account, isConnected } = useAccount();\n  const { minClient } = useMinViemClient({ chainId, account });\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const {\n    cancelDeltaOrder,\n    isOrderCancellable,\n    isEthOrder,\n    isPending,\n    isSuccess,\n    step: orderCancellationStep,\n    reset,\n  } = useCancelOrWithdrawAndCancelDeltaOrder({\n    chainId,\n    account,\n    client: minClient,\n    order,\n    logger,\n    mutationOptions: {\n      onError: onCancelError,\n      onSuccess: onCancelSuccess,\n      onSettled: () => {\n        cancelOrderDrawerControls.onClose();\n      },\n    },\n  });\n\n  const orderCancelDetails = getOrderCancelDetailsForOrderItem(order);\n\n  if (\n    !isConnected || // wallet not connected\n    !isOrderCancellable || // the order is already executed/cancelled onchain or failed/cancelled offchain\n    isSuccess || // cancellation successful\n    orderCancelDetails === null // no cancel flow for this order type\n  )\n    return (\n      <DismissButton onClick={onDismiss}>Make Another Trade</DismissButton>\n    );\n\n  const cancelBtnText = isEthOrder ? \"Withdraw & Cancel Order\" : \"Cancel Order\";\n  const cancelDrawerTitle =\n    orderCancelDetails.cancelTexts.drawerTitle || cancelBtnText;\n\n  const cancelOrder = async () => {\n    try {\n      const result = await cancelDeltaOrder();\n      return result;\n    } catch {\n      // allow to re-trigger cancellation after error (like UserCancelledError)\n      reset();\n    }\n  };\n\n  return (\n    <CancelButtonWithDrawer\n      isPending={isPending}\n      drawerControls={cancelOrderDrawerControls}\n      cancelBtnText={cancelBtnText}\n      cancelDrawerTitle={cancelDrawerTitle}\n      orderTypeToCancel={orderCancelDetails.orderType}\n      onCancel={cancelOrder}\n      step={orderCancellationStep}\n    />\n  );\n};\n"],"names":["Controls","t0","$","_c","order","props","t1","id","constructExplorerOrderDetailsLink","explorerLink","t2","explorerBtn","t3","t4","CancelOrDismissBtn","logger","onDismiss","onCancelError","onCancelSuccess","chainId","useChainId","address","account","isConnected","useAccount","minClient","useMinViemClient","cancelOrderDrawerControls","useLocalDrawerControls","onClose","onError","onSuccess","onSettled","client","mutationOptions","cancelDeltaOrder","isOrderCancellable","isEthOrder","isPending","isSuccess","step","orderCancellationStep","reset","useCancelOrWithdrawAndCancelDeltaOrder","t5","getOrderCancelDetailsForOrderItem","orderCancelDetails","t6","cancelBtnText","cancelDrawerTitle","cancelTexts","drawerTitle","result","cancelOrder","t7","orderType"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAe/C,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAUpE,eAAO,MAAM,iBAAiB,GAAI,4CAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CACN,uBAAuB,EACvB,iBAAiB,GAAG,eAAe,GAAG,QAAQ,CAC/C,4CA2DA,CAAC"}
+{"version":3,"file":"LimitOrderDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAe/C,OAAO,EAAY,KAAK,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAUpE,eAAO,MAAM,iBAAiB,GAAI,4CAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CACN,uBAAuB,EACvB,iBAAiB,GAAG,eAAe,GAAG,QAAQ,CAC/C,4CAwDA,CAAC"}

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

@@ -1,85 +1,171 @@
-import { isTruthy as e } from "../../../../lib/utils/index.js";
-import { DeltaOrderStatusChecker as t } from "../../../../hooks/swap/prices/delta/orders/utils.js";
-import { useWatchDeltaAuction as n } from "../../../../hooks/swap/prices/delta/queries/useWatchDeltaOrder.js";
-import { DetailWithValueList as r } from "../../Details/DetailWithValueList.js";
-import { isLimitOrderWithExtra as i } from "../utils.js";
-import { PayReceiveInfo as a } from "../../PayReceiveInfo/PayReceiveInfo.js";
-import { constructExpiresInDetail as o, constructOrderRateDetail as s, constructOrderStatusDetail as c, constructOrderTypeDetail as l, constructPayReceiveInfoProps as u, constructSubmitDateDetail as d } from "./utils.js";
-import { Controls as f } from "./Controls.js";
-import { c as p } from "react-compiler-runtime";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.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(36), y, b;
-	v[0] === _ ? (y = v[1], b = v[2]) : ({order: b, ...y} = _, v[0] = _, v[1] = y, v[2] = b);
-	let x = b.id, S;
-	v[3] === b.status ? S = v[4] : (S = t.completed.has(b.status), v[3] = b.status, v[4] = S);
-	let C = !S, w;
-	v[5] !== b.extra || v[6] !== b.itemType ? (w = (e) => e ? {
-		...e,
-		extra: b.extra,
-		itemType: b.itemType
-	} : null, v[5] = b.extra, v[6] = b.itemType, v[7] = w) : w = v[7];
-	let T, E, D, O;
-	v[8] === y?.logger ? (T = v[9], E = v[10], D = v[11], O = v[12]) : (T = (e) => {
-		y?.logger?.log("Delta Order success", e);
-	}, E = (e) => {
-		y?.logger?.log("Delta Order failure", e);
-	}, D = (e) => {
-		y?.logger?.log("Delta Order updated", e);
-	}, O = (e) => {
-		y?.logger?.log("Delta Order timeout", e);
-	}, v[8] = y?.logger, v[9] = T, v[10] = E, v[11] = D, v[12] = O);
-	let k;
-	v[13] !== b.id || v[14] !== C || v[15] !== w || v[16] !== T || v[17] !== E || v[18] !== D || v[19] !== O ? (k = {
-		orderId: x,
-		enabled: C,
-		select: w,
-		onAuctionSuccess: T,
-		onAuctionFailure: E,
-		onUpdatedAuction: D,
-		onTimeoutGettingOrder: O
-	}, v[13] = b.id, v[14] = C, v[15] = w, v[16] = T, v[17] = E, v[18] = D, v[19] = O, v[20] = k) : k = v[20];
-	let { data: A } = n(k), j = A ?? b, M;
-	v[21] === j ? M = v[22] : (M = i(j) && u(j), v[21] = j, v[22] = M);
-	let N = M, P;
-	if (v[23] !== j) {
-		let n = t.pending.has(j.status) || t.executing.has(j.status);
-		P = [
-			d(j),
-			n && o({ deadline: j.order.deadline }),
-			s(j),
-			c(j),
-			l(j)
-		].filter(e), v[23] = j, v[24] = P;
-	} else P = v[24];
-	let F = P, I;
-	v[25] === N ? I = v[26] : (I = N && /* @__PURE__ */ m(a, { ...N }), v[25] = N, v[26] = I);
-	let L;
-	v[27] === F ? L = v[28] : (L = /* @__PURE__ */ m(r, {
-		details: F,
-		classes: g
-	}), v[27] = F, v[28] = L);
-	let R;
-	v[29] !== y || v[30] !== j ? (R = /* @__PURE__ */ m(f, {
-		order: j,
-		...y
-	}), v[29] = y, v[30] = j, v[31] = R) : R = v[31];
-	let z;
-	return v[32] !== I || v[33] !== L || v[34] !== R ? (z = /* @__PURE__ */ h("div", {
-		className: "px-6 pb-8 min-h-[470px] flex flex-col",
-		children: [
-			I,
-			L,
-			R
-		]
-	}), v[32] = I, v[33] = L, v[34] = R, v[35] = z) : z = v[35], z;
+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 { DeltaOrderStatusChecker } from '../../../../hooks/swap/prices/delta/orders/utils.js';
+import { PayReceiveInfo } from '../../PayReceiveInfo/PayReceiveInfo.js';
+import { constructPayReceiveInfoProps, constructSubmitDateDetail, constructExpiresInDetail, constructOrderRateDetail, constructOrderStatusDetail, constructOrderTypeDetail } from './utils.js';
+import { Controls } from './Controls.js';
+import { isLimitOrderWithExtra } from '../utils.js';
+import { useWatchDeltaAuction } from '../../../../hooks/swap/prices/delta/queries/useWatchDeltaOrder.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 LimitOrderDetails = (t0) => {
+  const $ = distExports.c(34);
+  let controlsProps;
+  let selectedOrder;
+  if ($[0] !== t0) {
+    ({
+      order: selectedOrder,
+      ...controlsProps
+    } = t0);
+    $[0] = t0;
+    $[1] = controlsProps;
+    $[2] = selectedOrder;
+  } else {
+    controlsProps = $[1];
+    selectedOrder = $[2];
+  }
+  const t1 = selectedOrder.id;
+  let t2;
+  if ($[3] !== selectedOrder.status) {
+    t2 = DeltaOrderStatusChecker.completed.has(selectedOrder.status);
+    $[3] = selectedOrder.status;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const t3 = !t2;
+  let t4;
+  if ($[5] !== selectedOrder.extra || $[6] !== selectedOrder.itemType) {
+    t4 = (auction) => {
+      if (!auction) {
+        return null;
+      }
+      return {
+        ...auction,
+        extra: selectedOrder.extra,
+        itemType: selectedOrder.itemType
+      };
+    };
+    $[5] = selectedOrder.extra;
+    $[6] = selectedOrder.itemType;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  let t6;
+  let t7;
+  if ($[8] !== controlsProps?.logger) {
+    t5 = (order) => {
+      controlsProps?.logger?.log("Delta Order success", order);
+    };
+    t6 = (order_0) => {
+      controlsProps?.logger?.log("Delta Order failure", order_0);
+    };
+    t7 = (order_1) => {
+      controlsProps?.logger?.log("Delta Order updated", order_1);
+    };
+    $[8] = controlsProps?.logger;
+    $[9] = t5;
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t5 = $[9];
+    t6 = $[10];
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== selectedOrder.id || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 || $[16] !== t6 || $[17] !== t7) {
+    t8 = {
+      orderId: t1,
+      enabled: t3,
+      select: t4,
+      onAuctionSuccess: t5,
+      onAuctionFailure: t6,
+      onUpdatedAuction: t7
+    };
+    $[12] = selectedOrder.id;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = t7;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  const {
+    data: lastDeltaOrderState
+  } = useWatchDeltaAuction(t8);
+  const order_2 = lastDeltaOrderState ?? selectedOrder;
+  let t9;
+  if ($[19] !== order_2) {
+    t9 = isLimitOrderWithExtra(order_2) && constructPayReceiveInfoProps(order_2);
+    $[19] = order_2;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  const payReceiveInfoProps = t9;
+  let t10;
+  if ($[21] !== order_2) {
+    const overallPending = DeltaOrderStatusChecker.pending.has(order_2.status) || DeltaOrderStatusChecker.executing.has(order_2.status);
+    t10 = [constructSubmitDateDetail(order_2), overallPending && constructExpiresInDetail({
+      deadline: order_2.order.deadline
+    }), constructOrderRateDetail(order_2), constructOrderStatusDetail(order_2), constructOrderTypeDetail(order_2)].filter(isTruthy);
+    $[21] = order_2;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  const details = t10;
+  let t11;
+  if ($[23] !== payReceiveInfoProps) {
+    t11 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
+    $[23] = payReceiveInfoProps;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== details) {
+    t12 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
+    $[25] = details;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== controlsProps || $[28] !== order_2) {
+    t13 = /* @__PURE__ */ jsx(Controls, { order: order_2, ...controlsProps });
+    $[27] = controlsProps;
+    $[28] = order_2;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  let t14;
+  if ($[30] !== t11 || $[31] !== t12 || $[32] !== t13) {
+    t14 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 min-h-[470px] flex flex-col", children: [
+      t11,
+      t12,
+      t13
+    ] });
+    $[30] = t11;
+    $[31] = t12;
+    $[32] = t13;
+    $[33] = t14;
+  } else {
+    t14 = $[33];
+  }
+  return t14;
 };
-//#endregion
-export { _ as LimitOrderDetails };
 
-//# sourceMappingURL=LimitOrderDetails.js.map
+export { LimitOrderDetails };
+//# sourceMappingURL=LimitOrderDetails.js.map