@velora-dex/widget 0.4.2 → 0.4.4-dev.1

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

@@ -1,187 +1,173 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../../_virtual/index.js';
 import { Button } from '../../../ui/button.js';
-import { useCancelDeltaOrderEventCallbacks, useCancelDeltaOrders } from '../../../../hooks/swap/prices/delta/mutations/useCancelDeltaOrders.js';
-import { DeltaOrderStatusChecker } from '../../../../hooks/swap/prices/delta/orders/utils.js';
 import { useMinViemClient } from '../../../../hooks/useMinViemClient.js';
 import { constructExplorerOrderDetailsLink } from '../../../../lib/utils/explorer.js';
-import { useAccount } from 'wagmi';
-import { ReactComponent as ForwardRef } from '../../../../assets/spinner.svg.js';
-import { useChainMatches } from '../../../../hooks/useChainMatches.js';
-import { useSwitchChainWithGuard } from '../../../../hooks/useSwitchChainWithGuard.js';
+import { useChainId, useAccount } from 'wagmi';
+import { useCancelOrWithdrawAndCancelDeltaOrder } from '../../../../hooks/swap/prices/delta/mutations/useCancelOrWithdrawAndCancelDeltaOrder.js';
+import { CancelButton } from '../../Button/CancelButton/CancelButton.js';
+import { DismissButton } from '../../Button/DismissButton.js';
+import { cancelOrderTooltip } from '../../Button/CancelButton/constants.js';
 
 const Controls = (t0) => {
-  const $ = distExports.c(40);
-  const {
-    order,
-    onDismiss,
-    onCancelError,
-    onCancelSuccess
-  } = 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 ($[0] !== order.status) {
-    t1 = DeltaOrderStatusChecker.cancellable.has(order.status);
-    $[0] = order.status;
-    $[1] = t1;
+  if ($[3] !== order.id) {
+    t1 = constructExplorerOrderDetailsLink(order.id);
+    $[3] = order.id;
+    $[4] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[4];
   }
-  const cancellable = t1;
+  const explorerLink = t1;
   let t2;
-  if ($[2] !== order.id) {
-    t2 = constructExplorerOrderDetailsLink(order.id);
-    $[2] = order.id;
-    $[3] = 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 = $[3];
+    t2 = $[6];
   }
-  const explorerLink = t2;
-  const orderChainId = order.chainId;
-  const {
-    forcedChainMatchesWalletChain,
-    isConnected
-  } = useChainMatches(orderChainId);
-  const {
-    address: account
-  } = useAccount();
+  const explorerBtn = t2;
   let t3;
-  if ($[4] !== account || $[5] !== orderChainId) {
-    t3 = {
-      chainId: orderChainId,
-      account
-    };
-    $[4] = account;
-    $[5] = orderChainId;
-    $[6] = t3;
+  if ($[7] !== order || $[8] !== props) {
+    t3 = /* @__PURE__ */ jsx(CancelOrDismissBtn, { order, ...props });
+    $[7] = order;
+    $[8] = props;
+    $[9] = t3;
   } else {
-    t3 = $[6];
+    t3 = $[9];
   }
-  const {
-    minClient
-  } = useMinViemClient(t3);
-  const {
-    mutateAsync: switchChain
-  } = useSwitchChainWithGuard();
-  const cancelOrderEvents = useCancelDeltaOrderEventCallbacks(order);
   let t4;
-  if ($[7] !== cancelOrderEvents || $[8] !== forcedChainMatchesWalletChain || $[9] !== orderChainId || $[10] !== switchChain) {
-    t4 = async (variables) => {
-      if (!forcedChainMatchesWalletChain) {
-        await switchChain({
-          chainId: orderChainId
-        });
-      }
-      cancelOrderEvents.onMutate?.(variables);
-    };
-    $[7] = cancelOrderEvents;
-    $[8] = forcedChainMatchesWalletChain;
-    $[9] = orderChainId;
-    $[10] = switchChain;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== cancelOrderEvents || $[13] !== onCancelSuccess) {
-    t5 = (data, vars, onMutationResult, context) => {
-      onCancelSuccess?.(data, vars, onMutationResult, context);
-      cancelOrderEvents.onSuccess?.(data, vars);
-    };
-    $[12] = cancelOrderEvents;
-    $[13] = onCancelSuccess;
-    $[14] = t5;
+  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 {
-    t5 = $[14];
+    t4 = $[12];
   }
-  let t6;
-  if ($[15] !== cancelOrderEvents || $[16] !== onCancelError) {
-    t6 = (error, vars_0, onMutationResult_0, context_0) => {
-      onCancelError?.(error, vars_0, onMutationResult_0, context_0);
-      cancelOrderEvents.onError?.(error, vars_0);
+  return t4;
+};
+const CancelOrDismissBtn = (t0) => {
+  const $ = distExports.c(21);
+  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
     };
-    $[15] = cancelOrderEvents;
-    $[16] = onCancelError;
-    $[17] = t6;
+    $[0] = account;
+    $[1] = chainId;
+    $[2] = t1;
   } else {
-    t6 = $[17];
+    t1 = $[2];
   }
-  let t7;
-  if ($[18] !== t4 || $[19] !== t5 || $[20] !== t6) {
-    t7 = {
-      onMutate: t4,
-      onSuccess: t5,
-      onError: t6
+  const {
+    minClient
+  } = useMinViemClient(t1);
+  let t2;
+  if ($[3] !== onCancelError || $[4] !== onCancelSuccess) {
+    t2 = {
+      onError: onCancelError,
+      onSuccess: onCancelSuccess
     };
-    $[18] = t4;
-    $[19] = t5;
-    $[20] = t6;
-    $[21] = t7;
+    $[3] = onCancelError;
+    $[4] = onCancelSuccess;
+    $[5] = t2;
   } else {
-    t7 = $[21];
+    t2 = $[5];
   }
-  let t8;
-  if ($[22] !== account || $[23] !== minClient || $[24] !== orderChainId || $[25] !== t7) {
-    t8 = {
-      chainId: orderChainId,
+  let t3;
+  if ($[6] !== account || $[7] !== chainId || $[8] !== logger || $[9] !== minClient || $[10] !== order || $[11] !== t2) {
+    t3 = {
+      chainId,
       account,
       client: minClient,
-      mutationOptions: t7
+      order,
+      logger,
+      mutationOptions: t2
     };
-    $[22] = account;
-    $[23] = minClient;
-    $[24] = orderChainId;
-    $[25] = t7;
-    $[26] = t8;
+    $[6] = account;
+    $[7] = chainId;
+    $[8] = logger;
+    $[9] = minClient;
+    $[10] = order;
+    $[11] = t2;
+    $[12] = t3;
   } else {
-    t8 = $[26];
+    t3 = $[12];
   }
   const {
-    mutate,
+    cancelDeltaOrder,
+    isOrderCancellable,
+    isEthOrder,
     isPending,
     isSuccess
-  } = useCancelDeltaOrders(t8);
-  let t9;
-  if ($[27] !== cancellable || $[28] !== isConnected || $[29] !== isPending || $[30] !== isSuccess || $[31] !== mutate || $[32] !== onDismiss || $[33] !== order.id) {
-    t9 = cancellable && isConnected ? /* @__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 || isSuccess, onClick: () => mutate({
-      orderIds: [order.id]
-    }), children: [
-      "Cancel This Order",
-      isPending && /* @__PURE__ */ jsx(ForwardRef, { width: 16, height: 16, className: "animate-spin direction-reverse" })
-    ] }) : /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
-    $[27] = cancellable;
-    $[28] = isConnected;
-    $[29] = isPending;
-    $[30] = isSuccess;
-    $[31] = mutate;
-    $[32] = onDismiss;
-    $[33] = order.id;
-    $[34] = t9;
-  } else {
-    t9 = $[34];
+  } = useCancelOrWithdrawAndCancelDeltaOrder(t3);
+  if (!isConnected || !isOrderCancellable || isSuccess) {
+    let t42;
+    if ($[13] !== onDismiss) {
+      t42 = /* @__PURE__ */ jsx(DismissButton, { onClick: onDismiss, children: "Make Another Trade" });
+      $[13] = onDismiss;
+      $[14] = t42;
+    } else {
+      t42 = $[14];
+    }
+    return t42;
   }
-  const button1 = t9;
-  let t10;
-  if ($[35] !== explorerLink) {
-    t10 = /* @__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" }) });
-    $[35] = explorerLink;
-    $[36] = t10;
+  let t4;
+  if ($[15] !== cancelDeltaOrder) {
+    t4 = () => {
+      cancelDeltaOrder();
+    };
+    $[15] = cancelDeltaOrder;
+    $[16] = t4;
   } else {
-    t10 = $[36];
+    t4 = $[16];
   }
-  const explorerBtn = t10;
-  let t11;
-  if ($[37] !== button1 || $[38] !== explorerBtn) {
-    t11 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 mt-auto", children: [
-      button1,
-      explorerBtn
-    ] });
-    $[37] = button1;
-    $[38] = explorerBtn;
-    $[39] = t11;
+  const onClick = t4;
+  const t5 = isEthOrder ? "Withdraw & Cancel Order" : "Cancel Order";
+  let t6;
+  if ($[17] !== isPending || $[18] !== onClick || $[19] !== t5) {
+    t6 = /* @__PURE__ */ jsx(CancelButton, { disabled: isPending, onClick, isLoading: isPending, tooltip: cancelOrderTooltip, children: t5 });
+    $[17] = isPending;
+    $[18] = onClick;
+    $[19] = t5;
+    $[20] = t6;
   } else {
-    t11 = $[39];
+    t6 = $[20];
   }
-  return t11;
+  return t6;
 };
 
 export { Controls };

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

@@ -1 +1 @@
-{"version":3,"file":"Controls.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport {\n  type CancelDeltaOrdersMutationOptions,\n  useCancelDeltaOrderEventCallbacks,\n  useCancelDeltaOrders,\n} from \"@/hooks/swap/prices/delta/mutations/useCancelDeltaOrders\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { useMinViemClient } from \"@/hooks/useMinViemClient\";\nimport { constructExplorerOrderDetailsLink } from \"@/lib/utils/explorer\";\nimport { useAccount } from \"wagmi\";\nimport type { LimitOrderItem } from \"../types\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { SupportedChainId } from \"@/lib/web3/wagmi/types\";\nimport { useChainMatches } from \"@/hooks/useChainMatches\";\nimport { useSwitchChainWithGuard } from \"@/hooks/useSwitchChainWithGuard\";\n\nexport type LimitOrderControlsProps = {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n  onCancelSuccess: CancelDeltaOrdersMutationOptions[\"onSuccess\"];\n  onCancelError: CancelDeltaOrdersMutationOptions[\"onError\"];\n};\n\nexport const Controls = ({\n  order,\n  onDismiss,\n  onCancelError,\n  onCancelSuccess,\n}: LimitOrderControlsProps) => {\n  const cancellable = DeltaOrderStatusChecker.cancellable.has(order.status);\n\n  const explorerLink = constructExplorerOrderDetailsLink(order.id);\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 = useCancelDeltaOrderEventCallbacks(order);\n\n  const { mutate, isPending, isSuccess } = useCancelDeltaOrders({\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, onMutationResult, context) => {\n        onCancelSuccess?.(data, vars, onMutationResult, context);\n        cancelOrderEvents.onSuccess?.(data, vars);\n      },\n      onError: (error, vars, onMutationResult, context) => {\n        onCancelError?.(error, vars, onMutationResult, context);\n        cancelOrderEvents.onError?.(error, vars);\n      },\n    },\n  });\n\n  const button1 =\n    cancellable && isConnected ? (\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 || isSuccess}\n        onClick={() =>\n          mutate({\n            orderIds: [order.id],\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    ) : (\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  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      {button1}\n      {explorerBtn}\n    </div>\n  );\n};\n"],"names":["Controls","t0","$","_c","order","onDismiss","onCancelError","onCancelSuccess","t1","status","DeltaOrderStatusChecker","cancellable","has","t2","id","constructExplorerOrderDetailsLink","explorerLink","orderChainId","chainId","forcedChainMatchesWalletChain","isConnected","useChainMatches","address","account","useAccount","t3","minClient","useMinViemClient","mutateAsync","switchChain","useSwitchChainWithGuard","cancelOrderEvents","useCancelDeltaOrderEventCallbacks","t4","variables","onMutate","t5","data","vars","onMutationResult","context","onSuccess","t6","error","vars_0","onMutationResult_0","context_0","onError","t7","t8","client","mutationOptions","mutate","isPending","isSuccess","useCancelDeltaOrders","t9","orderIds","Spinner","button1","t10","explorerBtn","t11"],"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 { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { DismissButton } from \"../../Button/DismissButton\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { cancelOrderTooltip } from \"../../Button/CancelButton/constants\";\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 {\n    cancelDeltaOrder,\n    isOrderCancellable,\n    isEthOrder,\n    isPending,\n    isSuccess,\n  } = useCancelOrWithdrawAndCancelDeltaOrder({\n    chainId,\n    account,\n    client: minClient,\n    order,\n    logger,\n    mutationOptions: {\n      onError: onCancelError,\n      onSuccess: onCancelSuccess,\n    },\n  });\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  )\n    return (\n      <DismissButton onClick={onDismiss}>Make Another Trade</DismissButton>\n    );\n\n  const onClick = () => {\n    cancelDeltaOrder();\n  };\n\n  return (\n    <CancelButton\n      disabled={isPending}\n      onClick={onClick}\n      isLoading={isPending}\n      tooltip={cancelOrderTooltip}\n    >\n      {isEthOrder ? \"Withdraw & Cancel Order\" : \"Cancel Order\"}\n    </CancelButton>\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","onError","onSuccess","client","mutationOptions","cancelDeltaOrder","isOrderCancellable","isEthOrder","isPending","isSuccess","useCancelOrWithdrawAndCancelDeltaOrder","onClick","t5","t6","cancelOrderTooltip"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { LimitOrderItem } from '../types';
 import { LimitOrderControlsProps } from './Controls';
-export declare const LimitOrderDetails: ({ order, ...callbacks }: {
+export declare const LimitOrderDetails: ({ order: selectedOrder, ...controlsProps }: {
     order: LimitOrderItem;
     onDismiss: () => void;
-} & Pick<LimitOrderControlsProps, "onCancelSuccess" | "onCancelError">) => import("react/jsx-runtime").JSX.Element;
+} & Pick<LimitOrderControlsProps, "onCancelSuccess" | "onCancelError" | "logger">) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=LimitOrderDetails.d.ts.map

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;AASpE,eAAO,MAAM,iBAAiB,GAAI,yBAG/B;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,IAAI,CAAC,uBAAuB,EAAE,iBAAiB,GAAG,eAAe,CAAC,4CAuBrE,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,4CA2DA,CAAC"}

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

@@ -7,6 +7,7 @@ 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",
@@ -14,82 +15,164 @@ const detailsClasses = {
   value: "text-contrast-4 dark:text-contrast-6"
 };
 const LimitOrderDetails = (t0) => {
-  const $ = distExports.c(18);
-  let callbacks;
-  let order;
+  const $ = distExports.c(36);
+  let controlsProps;
+  let selectedOrder;
   if ($[0] !== t0) {
     ({
-      order,
-      ...callbacks
+      order: selectedOrder,
+      ...controlsProps
     } = t0);
     $[0] = t0;
-    $[1] = callbacks;
-    $[2] = order;
+    $[1] = controlsProps;
+    $[2] = selectedOrder;
   } else {
-    callbacks = $[1];
-    order = $[2];
+    controlsProps = $[1];
+    selectedOrder = $[2];
   }
-  let t1;
-  if ($[3] !== order) {
-    t1 = isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);
-    $[3] = order;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  const payReceiveInfoProps = t1;
+  const t1 = selectedOrder.id;
   let t2;
-  if ($[5] !== order) {
-    const overallPending = DeltaOrderStatusChecker.pending.has(order.status) || DeltaOrderStatusChecker.executing.has(order.status);
-    t2 = [constructSubmitDateDetail(order), overallPending && constructExpiresInDetail({
-      expiresIn: +order.expiresAt
-    }), constructOrderRateDetail(order), constructOrderStatusDetail(order), constructOrderTypeDetail(order)].filter(isTruthy);
-    $[5] = order;
-    $[6] = t2;
+  if ($[3] !== selectedOrder.status) {
+    t2 = DeltaOrderStatusChecker.completed.has(selectedOrder.status);
+    $[3] = selectedOrder.status;
+    $[4] = t2;
   } else {
-    t2 = $[6];
-  }
-  const details = t2;
-  let t3;
-  if ($[7] !== payReceiveInfoProps) {
-    t3 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
-    $[7] = payReceiveInfoProps;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
+    t2 = $[4];
   }
+  const t3 = !t2;
   let t4;
-  if ($[9] !== details) {
-    t4 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
-    $[9] = details;
-    $[10] = 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 = $[10];
+    t4 = $[7];
   }
   let t5;
-  if ($[11] !== callbacks || $[12] !== order) {
-    t5 = /* @__PURE__ */ jsx(Controls, { order, ...callbacks });
-    $[11] = callbacks;
-    $[12] = order;
-    $[13] = t5;
+  let t6;
+  let t7;
+  let t8;
+  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);
+    };
+    t8 = (order_2) => {
+      controlsProps?.logger?.log("Delta Order timeout", order_2);
+    };
+    $[8] = controlsProps?.logger;
+    $[9] = t5;
+    $[10] = t6;
+    $[11] = t7;
+    $[12] = t8;
   } else {
-    t5 = $[13];
+    t5 = $[9];
+    t6 = $[10];
+    t7 = $[11];
+    t8 = $[12];
   }
-  let t6;
-  if ($[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 h-[470px] flex flex-col", children: [
-      t3,
-      t4,
-      t5
-    ] });
+  let t9;
+  if ($[13] !== selectedOrder.id || $[14] !== t3 || $[15] !== t4 || $[16] !== t5 || $[17] !== t6 || $[18] !== t7 || $[19] !== t8) {
+    t9 = {
+      orderId: t1,
+      enabled: t3,
+      select: t4,
+      onAuctionSuccess: t5,
+      onAuctionFailure: t6,
+      onUpdatedAuction: t7,
+      onTimeoutGettingOrder: t8
+    };
+    $[13] = selectedOrder.id;
     $[14] = t3;
     $[15] = t4;
     $[16] = t5;
     $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  const {
+    data: lastDeltaOrderState
+  } = useWatchDeltaAuction(t9);
+  const order_3 = lastDeltaOrderState ?? selectedOrder;
+  let t10;
+  if ($[21] !== order_3) {
+    t10 = isLimitOrderWithExtra(order_3) && constructPayReceiveInfoProps(order_3);
+    $[21] = order_3;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  const payReceiveInfoProps = t10;
+  let t11;
+  if ($[23] !== order_3) {
+    const overallPending = DeltaOrderStatusChecker.pending.has(order_3.status) || DeltaOrderStatusChecker.executing.has(order_3.status);
+    t11 = [constructSubmitDateDetail(order_3), overallPending && constructExpiresInDetail({
+      deadline: order_3.order.deadline
+    }), constructOrderRateDetail(order_3), constructOrderStatusDetail(order_3), constructOrderTypeDetail(order_3)].filter(isTruthy);
+    $[23] = order_3;
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  const details = t11;
+  let t12;
+  if ($[25] !== payReceiveInfoProps) {
+    t12 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
+    $[25] = payReceiveInfoProps;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== details) {
+    t13 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
+    $[27] = details;
+    $[28] = t13;
+  } else {
+    t13 = $[28];
+  }
+  let t14;
+  if ($[29] !== controlsProps || $[30] !== order_3) {
+    t14 = /* @__PURE__ */ jsx(Controls, { order: order_3, ...controlsProps });
+    $[29] = controlsProps;
+    $[30] = order_3;
+    $[31] = t14;
+  } else {
+    t14 = $[31];
+  }
+  let t15;
+  if ($[32] !== t12 || $[33] !== t13 || $[34] !== t14) {
+    t15 = /* @__PURE__ */ jsxs("div", { className: "px-6 pb-8 min-h-[470px] flex flex-col", children: [
+      t12,
+      t13,
+      t14
+    ] });
+    $[32] = t12;
+    $[33] = t13;
+    $[34] = t14;
+    $[35] = t15;
   } else {
-    t6 = $[17];
+    t15 = $[35];
   }
-  return t6;
+  return t15;
 };
 
 export { LimitOrderDetails };