@velora-dex/widget 0.4.2-dev.3 → 0.4.3

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

@@ -1,173 +1,187 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } 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 { 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';
+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';
 
 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(21);
+  const $ = distExports.c(40);
   const {
     order,
-    logger,
     onDismiss,
     onCancelError,
     onCancelSuccess
   } = t0;
-  const chainId = useChainId();
+  let t1;
+  if ($[0] !== order.status) {
+    t1 = DeltaOrderStatusChecker.cancellable.has(order.status);
+    $[0] = order.status;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const cancellable = t1;
+  let t2;
+  if ($[2] !== order.id) {
+    t2 = constructExplorerOrderDetailsLink(order.id);
+    $[2] = order.id;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const explorerLink = t2;
+  const orderChainId = order.chainId;
   const {
-    address: account,
+    forcedChainMatchesWalletChain,
     isConnected
+  } = useChainMatches(orderChainId);
+  const {
+    address: account
   } = useAccount();
-  let t1;
-  if ($[0] !== account || $[1] !== chainId) {
-    t1 = {
-      chainId,
+  let t3;
+  if ($[4] !== account || $[5] !== orderChainId) {
+    t3 = {
+      chainId: orderChainId,
       account
     };
-    $[0] = account;
-    $[1] = chainId;
-    $[2] = t1;
+    $[4] = account;
+    $[5] = orderChainId;
+    $[6] = t3;
   } else {
-    t1 = $[2];
+    t3 = $[6];
   }
   const {
     minClient
-  } = useMinViemClient(t1);
-  let t2;
-  if ($[3] !== onCancelError || $[4] !== onCancelSuccess) {
-    t2 = {
-      onError: onCancelError,
-      onSuccess: onCancelSuccess
+  } = 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);
     };
-    $[3] = onCancelError;
-    $[4] = onCancelSuccess;
-    $[5] = t2;
+    $[7] = cancelOrderEvents;
+    $[8] = forcedChainMatchesWalletChain;
+    $[9] = orderChainId;
+    $[10] = switchChain;
+    $[11] = t4;
   } else {
-    t2 = $[5];
+    t4 = $[11];
   }
-  let t3;
-  if ($[6] !== account || $[7] !== chainId || $[8] !== logger || $[9] !== minClient || $[10] !== order || $[11] !== t2) {
-    t3 = {
-      chainId,
+  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;
+  } else {
+    t5 = $[14];
+  }
+  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);
+    };
+    $[15] = cancelOrderEvents;
+    $[16] = onCancelError;
+    $[17] = t6;
+  } else {
+    t6 = $[17];
+  }
+  let t7;
+  if ($[18] !== t4 || $[19] !== t5 || $[20] !== t6) {
+    t7 = {
+      onMutate: t4,
+      onSuccess: t5,
+      onError: t6
+    };
+    $[18] = t4;
+    $[19] = t5;
+    $[20] = t6;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] !== account || $[23] !== minClient || $[24] !== orderChainId || $[25] !== t7) {
+    t8 = {
+      chainId: orderChainId,
       account,
       client: minClient,
-      order,
-      logger,
-      mutationOptions: t2
+      mutationOptions: t7
     };
-    $[6] = account;
-    $[7] = chainId;
-    $[8] = logger;
-    $[9] = minClient;
-    $[10] = order;
-    $[11] = t2;
-    $[12] = t3;
+    $[22] = account;
+    $[23] = minClient;
+    $[24] = orderChainId;
+    $[25] = t7;
+    $[26] = t8;
   } else {
-    t3 = $[12];
+    t8 = $[26];
   }
   const {
-    cancelDeltaOrder,
-    isOrderCancellable,
-    isEthOrder,
+    mutate,
     isPending,
     isSuccess
-  } = 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;
+  } = 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];
   }
-  let t4;
-  if ($[15] !== cancelDeltaOrder) {
-    t4 = () => {
-      cancelDeltaOrder();
-    };
-    $[15] = cancelDeltaOrder;
-    $[16] = t4;
+  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;
   } else {
-    t4 = $[16];
+    t10 = $[36];
   }
-  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;
+  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;
   } else {
-    t6 = $[20];
+    t11 = $[39];
   }
-  return t6;
+  return t11;
 };
 
 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 { 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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"}
+{"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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"}

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: selectedOrder, ...controlsProps }: {
+export declare const LimitOrderDetails: ({ order, ...callbacks }: {
     order: LimitOrderItem;
     onDismiss: () => void;
-} & Pick<LimitOrderControlsProps, "onCancelSuccess" | "onCancelError" | "logger">) => import("react/jsx-runtime").JSX.Element;
+} & Pick<LimitOrderControlsProps, "onCancelSuccess" | "onCancelError">) => 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;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;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"}

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

@@ -7,7 +7,6 @@ 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",
@@ -15,164 +14,82 @@ const detailsClasses = {
   value: "text-contrast-4 dark:text-contrast-6"
 };
 const LimitOrderDetails = (t0) => {
-  const $ = distExports.c(36);
-  let controlsProps;
-  let selectedOrder;
+  const $ = distExports.c(18);
+  let callbacks;
+  let order;
   if ($[0] !== t0) {
     ({
-      order: selectedOrder,
-      ...controlsProps
+      order,
+      ...callbacks
     } = t0);
     $[0] = t0;
-    $[1] = controlsProps;
-    $[2] = selectedOrder;
+    $[1] = callbacks;
+    $[2] = order;
   } else {
-    controlsProps = $[1];
-    selectedOrder = $[2];
+    callbacks = $[1];
+    order = $[2];
   }
-  const t1 = selectedOrder.id;
+  let t1;
+  if ($[3] !== order) {
+    t1 = isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);
+    $[3] = order;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const payReceiveInfoProps = t1;
   let t2;
-  if ($[3] !== selectedOrder.status) {
-    t2 = DeltaOrderStatusChecker.completed.has(selectedOrder.status);
-    $[3] = selectedOrder.status;
-    $[4] = 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;
   } else {
-    t2 = $[4];
+    t2 = $[6];
+  }
+  const details = t2;
+  let t3;
+  if ($[7] !== payReceiveInfoProps) {
+    t3 = payReceiveInfoProps && /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
+    $[7] = payReceiveInfoProps;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
   }
-  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;
+  if ($[9] !== details) {
+    t4 = /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses });
+    $[9] = details;
+    $[10] = t4;
   } else {
-    t4 = $[7];
+    t4 = $[10];
   }
   let 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;
+  if ($[11] !== callbacks || $[12] !== order) {
+    t5 = /* @__PURE__ */ jsx(Controls, { order, ...callbacks });
+    $[11] = callbacks;
+    $[12] = order;
+    $[13] = t5;
   } else {
-    t5 = $[9];
-    t6 = $[10];
-    t7 = $[11];
-    t8 = $[12];
+    t5 = $[13];
   }
-  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;
+  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
+    ] });
     $[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({
-      expiresIn: 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 {
-    t15 = $[35];
+    t6 = $[17];
   }
-  return t15;
+  return t6;
 };
 
 export { LimitOrderDetails };

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

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderDetails.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\nimport { useWatchDeltaAuction } from \"@/hooks/swap/prices/delta/queries/useWatchDeltaOrder\";\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 LimitOrderDetails = ({\n  order: selectedOrder,\n  ...controlsProps\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<\n  LimitOrderControlsProps,\n  \"onCancelSuccess\" | \"onCancelError\" | \"logger\"\n>) => {\n  // @TODO polling for OtcOrdeItem and TransactionListItem?\n  // Watch delta order if it's selected to get real-time updates on its status\n  const { data: lastDeltaOrderState } =\n    useWatchDeltaAuction<LimitOrderItem | null>({\n      orderId: selectedOrder.id,\n      enabled:\n        // do not enable extra fetch for completed orders\n        !DeltaOrderStatusChecker.completed.has(selectedOrder.status),\n      select: (auction) => {\n        if (!auction) return null;\n        return {\n          ...auction,\n          // reuse existing order item data\n          extra: selectedOrder.extra,\n          itemType: selectedOrder.itemType,\n        };\n      },\n      onAuctionSuccess: (order) => {\n        controlsProps?.logger?.log(\"Delta Order success\", order);\n      },\n      onAuctionFailure: (order) => {\n        controlsProps?.logger?.log(\"Delta Order failure\", order);\n      },\n      onUpdatedAuction: (order) => {\n        controlsProps?.logger?.log(\"Delta Order updated\", order);\n      },\n      onTimeoutGettingOrder: (order) => {\n        controlsProps?.logger?.log(\"Delta Order timeout\", order);\n      },\n    });\n\n  const order = lastDeltaOrderState ?? selectedOrder;\n\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(order),\n    overallPending &&\n      constructExpiresInDetail({\n        expiresIn: order.order.deadline,\n      }),\n    constructOrderRateDetail(order),\n    constructOrderStatusDetail(order),\n    constructOrderTypeDetail(order),\n  ].filter(isTruthy);\n\n  return (\n    <div className=\"px-6 pb-8 min-h-[470px] flex flex-col\">\n      {payReceiveInfoProps && <PayReceiveInfo {...payReceiveInfoProps} />}\n      <DetailWithValueList details={details} classes={detailsClasses} />\n      <Controls order={order} {...controlsProps} />\n    </div>\n  );\n};\n"],"names":["detailsClasses","root","title","value","LimitOrderDetails","t0","$","_c","controlsProps","selectedOrder","order","t1","id","t2","status","DeltaOrderStatusChecker","completed","has","t3","t4","extra","itemType","auction","t5","t6","t7","t8","logger","log","order_0","order_1","order_2","t9","orderId","enabled","select","onAuctionSuccess","onAuctionFailure","onUpdatedAuction","onTimeoutGettingOrder","data","lastDeltaOrderState","useWatchDeltaAuction","order_3","t10","isLimitOrderWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t11","overallPending","pending","executing","constructSubmitDateDetail","constructExpiresInDetail","expiresIn","deadline","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t12","t13","t14","t15"],"mappings":"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"}
+{"version":3,"file":"LimitOrderDetails.js","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/LimitOrderDetails.tsx"],"sourcesContent":["import type { LimitOrderItem } from \"../types\";\nimport { DetailWithValueList } from \"../../Details/DetailWithValueList\";\nimport { isTruthy } from \"@/lib/utils\";\nimport type { DetailWithValue } from \"../../Details/types\";\nimport { DeltaOrderStatusChecker } from \"@/hooks/swap/prices/delta/orders/utils\";\nimport { PayReceiveInfo } from \"../../PayReceiveInfo/PayReceiveInfo\";\nimport {\n  constructExpiresInDetail,\n  constructOrderRateDetail,\n  constructOrderStatusDetail,\n  constructOrderTypeDetail,\n  constructPayReceiveInfoProps,\n  constructSubmitDateDetail,\n} from \"./utils\";\n\nimport { Controls, type LimitOrderControlsProps } from \"./Controls\";\nimport { isLimitOrderWithExtra } from \"../utils\";\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 LimitOrderDetails = ({\n  order,\n  ...callbacks\n}: {\n  order: LimitOrderItem;\n  onDismiss: () => void;\n} & Pick<LimitOrderControlsProps, \"onCancelSuccess\" | \"onCancelError\">) => {\n  const payReceiveInfoProps =\n    isLimitOrderWithExtra(order) && constructPayReceiveInfoProps(order);\n\n  const overallPending =\n    DeltaOrderStatusChecker.pending.has(order.status) ||\n    DeltaOrderStatusChecker.executing.has(order.status);\n\n  const details: DetailWithValue[] = [\n    constructSubmitDateDetail(order),\n    overallPending && constructExpiresInDetail({ expiresIn: +order.expiresAt }),\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","LimitOrderDetails","t0","$","_c","callbacks","order","t1","isLimitOrderWithExtra","constructPayReceiveInfoProps","payReceiveInfoProps","t2","overallPending","DeltaOrderStatusChecker","pending","has","status","executing","constructSubmitDateDetail","constructExpiresInDetail","expiresIn","expiresAt","constructOrderRateDetail","constructOrderStatusDetail","constructOrderTypeDetail","filter","isTruthy","details","t3","t4","t5","t6"],"mappings":"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"}