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

package/dist/components/widget/Button/CancelButton/CancelButton.js

@@ -6,7 +6,7 @@ import { cn } from '../../../../lib/utils/index.js';
 import { TooltipTrigger, TooltipContent, Tooltip } from '../../../ui/tooltip.js';
 
 const CancelButton = (t0) => {
-  const $ = distExports.c(22);
+  const $ = distExports.c(23);
   let children;
   let className;
   let isLoading;
@@ -33,67 +33,71 @@ const CancelButton = (t0) => {
     props = $[4];
     tooltip = $[5];
   }
-  let t1;
-  if ($[6] !== className) {
-    t1 = cn("w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1", className);
+  const t1 = props.variant === "secondary" || props.variant === void 0;
+  let t2;
+  if ($[6] !== className || $[7] !== t1) {
+    t2 = cn("w-full text-sm", className, {
+      "text-secondary-radical-red-1 dark:text-secondary-radical-red-1": t1
+    });
     $[6] = className;
     $[7] = t1;
+    $[8] = t2;
   } else {
-    t1 = $[7];
+    t2 = $[8];
   }
-  let t2;
-  if ($[8] !== isLoading) {
-    t2 = isLoading && /* @__PURE__ */ jsx(ForwardRef, { width: 16, height: 16, className: "animate-spin direction-reverse" });
-    $[8] = isLoading;
-    $[9] = t2;
+  let t3;
+  if ($[9] !== isLoading) {
+    t3 = isLoading && /* @__PURE__ */ jsx(ForwardRef, { width: 16, height: 16, className: "animate-spin direction-reverse" });
+    $[9] = isLoading;
+    $[10] = t3;
   } else {
-    t2 = $[9];
+    t3 = $[10];
   }
-  let t3;
-  if ($[10] !== children || $[11] !== props || $[12] !== t1 || $[13] !== t2) {
-    t3 = /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "xl", radius: "sm", className: t1, ...props, children: [
+  let t4;
+  if ($[11] !== children || $[12] !== props || $[13] !== t2 || $[14] !== t3) {
+    t4 = /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "xl", radius: "sm", className: t2, ...props, children: [
       children,
-      t2
+      t3
     ] });
-    $[10] = children;
-    $[11] = props;
-    $[12] = t1;
+    $[11] = children;
+    $[12] = props;
     $[13] = t2;
     $[14] = t3;
+    $[15] = t4;
   } else {
-    t3 = $[14];
+    t4 = $[15];
   }
-  const buttonComp = t3;
+  const buttonComp = t4;
   if (tooltip !== void 0) {
-    let t4;
-    if ($[15] !== buttonComp) {
-      t4 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: buttonComp });
-      $[15] = buttonComp;
-      $[16] = t4;
-    } else {
-      t4 = $[16];
-    }
     let t5;
-    if ($[17] !== tooltip) {
-      t5 = /* @__PURE__ */ jsx(TooltipContent, { children: tooltip });
-      $[17] = tooltip;
-      $[18] = t5;
+    if ($[16] !== buttonComp) {
+      t5 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: buttonComp });
+      $[16] = buttonComp;
+      $[17] = t5;
     } else {
-      t5 = $[18];
+      t5 = $[17];
     }
     let t6;
-    if ($[19] !== t4 || $[20] !== t5) {
-      t6 = /* @__PURE__ */ jsxs(Tooltip, { children: [
-        t4,
-        t5
+    if ($[18] !== tooltip) {
+      t6 = /* @__PURE__ */ jsx(TooltipContent, { children: tooltip });
+      $[18] = tooltip;
+      $[19] = t6;
+    } else {
+      t6 = $[19];
+    }
+    let t7;
+    if ($[20] !== t5 || $[21] !== t6) {
+      t7 = /* @__PURE__ */ jsxs(Tooltip, { children: [
+        t5,
+        t6
       ] });
-      $[19] = t4;
       $[20] = t5;
       $[21] = t6;
+      $[22] = t7;
     } else {
-      t6 = $[21];
+      t7 = $[22];
     }
-    return t6;
+    return t7;
   }
   return buttonComp;
 };

package/dist/components/widget/Button/CancelButton/CancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","sources":["../../../../../src/components/widget/Button/CancelButton/CancelButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\n\nexport const CancelButton = ({\n  children,\n  isLoading,\n  className,\n  tooltip,\n  ...props\n}: ComponentProps<typeof Button> & {\n  isLoading?: boolean;\n  tooltip?: string;\n}) => {\n  const buttonComp = (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className={cn(\n        \"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {isLoading && (\n        <Spinner\n          width={16}\n          height={16}\n          className=\"animate-spin direction-reverse\"\n        />\n      )}\n    </Button>\n  );\n\n  if (tooltip !== undefined) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{buttonComp}</TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return buttonComp;\n};\n"],"names":["CancelButton","t0","$","_c","children","className","isLoading","props","tooltip","t1","cn","t2","Spinner","t3","buttonComp","undefined","t4","t5","t6"],"mappings":"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"}
+{"version":3,"file":"CancelButton.js","sources":["../../../../../src/components/widget/Button/CancelButton/CancelButton.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n} from \"@/components/ui/tooltip\";\n\nexport const CancelButton = ({\n  children,\n  isLoading,\n  className,\n  tooltip,\n  ...props\n}: ComponentProps<typeof Button> & {\n  isLoading?: boolean;\n  tooltip?: string;\n}) => {\n  const buttonComp = (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className={cn(\"w-full text-sm\", className, {\n        \"text-secondary-radical-red-1 dark:text-secondary-radical-red-1\":\n          props.variant === \"secondary\" || props.variant === undefined,\n      })}\n      {...props}\n    >\n      {children}\n      {isLoading && (\n        <Spinner\n          width={16}\n          height={16}\n          className=\"animate-spin direction-reverse\"\n        />\n      )}\n    </Button>\n  );\n\n  if (tooltip !== undefined) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{buttonComp}</TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return buttonComp;\n};\n"],"names":["CancelButton","t0","$","_c","children","className","isLoading","props","tooltip","t1","variant","undefined","t2","cn","t3","Spinner","t4","buttonComp","t5","t6","t7"],"mappings":"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"}

package/dist/components/widget/Button/CancelButton/CancelButtonWithDrawer.d.ts

@@ -0,0 +1,15 @@
+import { DrawerControls } from '../../Drawer/state/useDrawerControls';
+import { ConfirmCancelOrderStep } from '../../TradeOverview/CancelOrder/ConfirmCancel';
+import { OrderTypeToCancel } from '../../TradeOverview/CancelOrder/constants';
+type CancelButtonWithDrawerProps = {
+    isPending: boolean;
+    cancelBtnText: string;
+    cancelDrawerTitle: string;
+    orderTypeToCancel: OrderTypeToCancel;
+    onCancel: () => void;
+    step?: ConfirmCancelOrderStep;
+    drawerControls: Omit<DrawerControls, "logger">;
+};
+export declare function CancelButtonWithDrawer({ isPending, drawerControls, cancelBtnText, cancelDrawerTitle, orderTypeToCancel, onCancel, step, }: CancelButtonWithDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CancelButtonWithDrawer.d.ts.map

package/dist/components/widget/Button/CancelButton/CancelButtonWithDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButtonWithDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Button/CancelButton/CancelButtonWithDrawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,+CAA+C,CAAC;AACvD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAEnF,KAAK,2BAA2B,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;CAChD,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,IAAI,GACL,EAAE,2BAA2B,2CAyB7B"}

package/dist/components/widget/Button/CancelButton/CancelButtonWithDrawer.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { CancelButton } from './CancelButton.js';
+import { cancelOrderTooltip } from './constants.js';
+import { ControlledDrawer } from '../../Drawer/index.js';
+import { ConfirmCancelOrder } from '../../TradeOverview/CancelOrder/ConfirmCancel.js';
+
+function CancelButtonWithDrawer(t0) {
+  const $ = distExports.c(16);
+  const {
+    isPending,
+    drawerControls,
+    cancelBtnText,
+    cancelDrawerTitle,
+    orderTypeToCancel,
+    onCancel,
+    step
+  } = t0;
+  let t1;
+  if ($[0] !== cancelBtnText || $[1] !== drawerControls.onOpen || $[2] !== isPending) {
+    t1 = /* @__PURE__ */ jsx(CancelButton, { disabled: isPending, onClick: drawerControls.onOpen, isLoading: isPending, tooltip: cancelOrderTooltip, children: cancelBtnText });
+    $[0] = cancelBtnText;
+    $[1] = drawerControls.onOpen;
+    $[2] = isPending;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  let t2;
+  if ($[4] !== isPending || $[5] !== onCancel || $[6] !== orderTypeToCancel || $[7] !== step) {
+    t2 = /* @__PURE__ */ jsx(ConfirmCancelOrder, { orderTypeToCancel, onConfirmCancel: onCancel, isCancelling: isPending, step });
+    $[4] = isPending;
+    $[5] = onCancel;
+    $[6] = orderTypeToCancel;
+    $[7] = step;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== cancelDrawerTitle || $[10] !== drawerControls || $[11] !== t2) {
+    t3 = /* @__PURE__ */ jsx(ControlledDrawer, { ...drawerControls, title: cancelDrawerTitle, showGoBackButton: true, children: t2 });
+    $[9] = cancelDrawerTitle;
+    $[10] = drawerControls;
+    $[11] = t2;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  let t4;
+  if ($[13] !== t1 || $[14] !== t3) {
+    t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t1,
+      t3
+    ] });
+    $[13] = t1;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  return t4;
+}
+
+export { CancelButtonWithDrawer };
+//# sourceMappingURL=CancelButtonWithDrawer.js.map

package/dist/components/widget/Button/CancelButton/CancelButtonWithDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButtonWithDrawer.js","sources":["../../../../../src/components/widget/Button/CancelButton/CancelButtonWithDrawer.tsx"],"sourcesContent":["import { CancelButton } from \"./CancelButton\";\nimport { cancelOrderTooltip } from \"./constants\";\nimport { ControlledDrawer } from \"../../Drawer\";\nimport type { DrawerControls } from \"../../Drawer/state/useDrawerControls\";\nimport {\n  ConfirmCancelOrder,\n  type ConfirmCancelOrderStep,\n} from \"../../TradeOverview/CancelOrder/ConfirmCancel\";\nimport type { OrderTypeToCancel } from \"../../TradeOverview/CancelOrder/constants\";\n\ntype CancelButtonWithDrawerProps = {\n  isPending: boolean;\n  cancelBtnText: string;\n  cancelDrawerTitle: string;\n  orderTypeToCancel: OrderTypeToCancel;\n  onCancel: () => void;\n  step?: ConfirmCancelOrderStep;\n  drawerControls: Omit<DrawerControls, \"logger\">;\n};\n\nexport function CancelButtonWithDrawer({\n  isPending,\n  drawerControls,\n  cancelBtnText,\n  cancelDrawerTitle,\n  orderTypeToCancel,\n  onCancel,\n  step,\n}: CancelButtonWithDrawerProps) {\n  return (\n    <>\n      <CancelButton\n        disabled={isPending}\n        onClick={drawerControls.onOpen}\n        isLoading={isPending}\n        tooltip={cancelOrderTooltip}\n      >\n        {cancelBtnText}\n      </CancelButton>\n      <ControlledDrawer\n        {...drawerControls}\n        title={cancelDrawerTitle}\n        showGoBackButton\n      >\n        <ConfirmCancelOrder\n          orderTypeToCancel={orderTypeToCancel}\n          onConfirmCancel={onCancel}\n          isCancelling={isPending}\n          step={step}\n        />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"names":["CancelButtonWithDrawer","t0","$","_c","isPending","drawerControls","cancelBtnText","cancelDrawerTitle","orderTypeToCancel","onCancel","step","t1","onOpen","cancelOrderTooltip","t2","t3","t4"],"mappings":"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"}

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts

@@ -6,17 +6,19 @@ export type DrawerControls = {
     onOpenChange: (open: boolean) => void;
     logger: LoggerInstance;
 };
-export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | "wrap-eth-drawer" | "connect-wallet-drawer" | "order-details" | "fill-order-review-and-confirm-drawer" | `import-token-drawer-${"from" | "to" | undefined}`;
+export type DrawerId = "account-button-drawer" | "trade-parameters-drawer" | "receiver-address-drawer" | "wrap-eth-drawer" | "connect-wallet-drawer" | "order-details" | "fill-order-review-and-confirm-drawer" | `import-token-drawer-${"from" | "to" | undefined}` | "custom-duration-drawer";
 export declare const openDrawerAtom: import('jotai').PrimitiveAtom<DrawerId | null> & {
     init: DrawerId | null;
 };
 export declare const useOpenDrawerId: () => DrawerId | null;
 export declare const useSetOpenDrawer: () => (args_0: DrawerId | ((prev: DrawerId | null) => DrawerId | null) | null) => void;
-export declare const useDrawerControls: ({ onOpen: _onOpen, onClose: _onClose, drawerId, }: {
+type DrawerControlsProps = {
     onOpen?: () => void;
     onClose?: () => void;
     drawerId: DrawerId;
-}) => DrawerControls;
+};
+export declare const useDrawerControls: ({ onOpen: _onOpen, onClose: _onClose, drawerId, }: DrawerControlsProps) => DrawerControls;
+export declare const useLocalDrawerControls: ({ onOpen: _onOpen, onClose: _onClose, }?: Omit<DrawerControlsProps, "drawerId">) => Omit<DrawerControls, "logger">;
 /**
  * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.
  *
@@ -37,4 +39,5 @@ export declare const useDrawerContainerHeightTransition: (containerRef: React.Re
     isDrawerFullCover: boolean;
     isDrawerOpen: boolean;
 };
+export {};
 //# sourceMappingURL=useDrawerControls.d.ts.map

package/dist/components/widget/Drawer/state/useDrawerControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,CAAC;AAEvD,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAU1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,wFAE5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B;IACD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,KAAG,cAyCH,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,GAC7C,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,KACnD;IACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAoEvB,CAAC"}
+{"version":3,"file":"useDrawerControls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAChB,uBAAuB,GACvB,yBAAyB,GACzB,yBAAyB,GACzB,iBAAiB,GACjB,uBAAuB,GACvB,eAAe,GACf,sCAAsC,GACtC,uBAAuB,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,GAClD,wBAAwB,CAAC;AAE7B,eAAO,MAAM,cAAc;;CAA8B,CAAC;AAU1D,eAAO,MAAM,eAAe,QAAO,QAAQ,GAAG,IAE7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,wFAE5B,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mDAI/B,mBAAmB,KAAG,cAyCxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,0CAGpC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAM,KAAG,IAAI,CAClD,cAAc,EACd,QAAQ,CA2BT,CAAC;AAYF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kCAAkC,GAC7C,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,KACnD;IACD,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;CAoEvB,CAAC"}

package/dist/components/widget/Drawer/state/useDrawerControls.js

@@ -2,8 +2,8 @@ import { d as distExports } from '../../../../_virtual/index.js';
 import { DRAWER_HEIGHT } from '../../../../core/constants.js';
 import { useLogger } from '../../../../core/logger.js';
 import { atom } from 'jotai';
+import { useState, useRef, useLayoutEffect } from 'react';
 import { useAtom, useAtomValue, useSetAtom } from '../../../../core/store.js';
-import { useRef, useLayoutEffect } from 'react';
 
 const openDrawerAtom = atom(null);
 openDrawerAtom.onMount = (set) => {
@@ -100,6 +100,79 @@ const useDrawerControls = (t0) => {
   }
   return t4;
 };
+const useLocalDrawerControls = (t0) => {
+  const $ = distExports.c(14);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = {} ;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    onOpen: _onOpen,
+    onClose: _onClose
+  } = t1;
+  const [open, setOpen] = useState(false);
+  let t2;
+  if ($[2] !== _onOpen) {
+    t2 = () => {
+      setOpen(true);
+      _onOpen?.();
+    };
+    $[2] = _onOpen;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const onOpen = t2;
+  let t3;
+  if ($[4] !== _onClose) {
+    t3 = () => {
+      setOpen(false);
+      _onClose?.();
+    };
+    $[4] = _onClose;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const onClose = t3;
+  let t4;
+  if ($[6] !== onClose || $[7] !== onOpen) {
+    t4 = (open_0) => {
+      if (open_0) {
+        onOpen();
+      } else {
+        onClose();
+      }
+    };
+    $[6] = onClose;
+    $[7] = onOpen;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const onOpenChange = t4;
+  let t5;
+  if ($[9] !== onClose || $[10] !== onOpen || $[11] !== onOpenChange || $[12] !== open) {
+    t5 = {
+      open,
+      onOpenChange,
+      onOpen,
+      onClose
+    };
+    $[9] = onClose;
+    $[10] = onOpen;
+    $[11] = onOpenChange;
+    $[12] = open;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  return t5;
+};
 const fullCoverDrawers = /* @__PURE__ */ new Set([]);
 const transition = "height 0.3s ease-in-out";
 const useDrawerContainerHeightTransition = (containerRef) => {
@@ -184,5 +257,5 @@ const useDrawerContainerHeightTransition = (containerRef) => {
   return t4;
 };
 
-export { openDrawerAtom, useDrawerContainerHeightTransition, useDrawerControls, useOpenDrawerId, useSetOpenDrawer };
+export { openDrawerAtom, useDrawerContainerHeightTransition, useDrawerControls, useLocalDrawerControls, useOpenDrawerId, useSetOpenDrawer };
 //# sourceMappingURL=useDrawerControls.js.map

package/dist/components/widget/Drawer/state/useDrawerControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\nimport { useLayoutEffect, useRef } from \"react\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`;\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n}): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n    logger,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n  containerRef: React.RefObject<HTMLDivElement | null>\n): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"names":["openDrawerAtom","atom","onMount","set","useOpenDrawerId","useAtomValue","useSetOpenDrawer","useSetAtom","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","useRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}
+{"version":3,"file":"useDrawerControls.js","sources":["../../../../../src/components/widget/Drawer/state/useDrawerControls.ts"],"sourcesContent":["import { DRAWER_HEIGHT } from \"@/core/constants\";\nimport { useLogger } from \"@/core/logger\";\nimport type { LoggerInstance } from \"@/lib/utils/logger\";\nimport { atom } from \"jotai\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useAtom, useAtomValue, useSetAtom } from \"@/core/store\";\n\nexport type DrawerControls = {\n  open: boolean;\n  onOpen: () => void;\n  onClose: () => void;\n  onOpenChange: (open: boolean) => void;\n  logger: LoggerInstance;\n};\n\nexport type DrawerId =\n  | \"account-button-drawer\"\n  | \"trade-parameters-drawer\"\n  | \"receiver-address-drawer\"\n  | \"wrap-eth-drawer\"\n  | \"connect-wallet-drawer\"\n  | \"order-details\"\n  | \"fill-order-review-and-confirm-drawer\"\n  | `import-token-drawer-${\"from\" | \"to\" | undefined}`\n  | \"custom-duration-drawer\";\n\nexport const openDrawerAtom = atom<DrawerId | null>(null);\n\nopenDrawerAtom.onMount = (set) => {\n  return () => {\n    // Reset open drawer on unmount to prevent stuck open drawers on remount.\n    // This happens, for example, on route change in the UI with any drawer open.\n    set(null);\n  };\n};\n\nexport const useOpenDrawerId = (): DrawerId | null => {\n  return useAtomValue(openDrawerAtom);\n};\n\nexport const useSetOpenDrawer = () => {\n  return useSetAtom(openDrawerAtom);\n};\n\ntype DrawerControlsProps = {\n  onOpen?: () => void;\n  onClose?: () => void;\n  drawerId: DrawerId;\n};\n\nexport const useDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n  drawerId,\n}: DrawerControlsProps): DrawerControls => {\n  const [openDrawer, setOpenDrawer] = useAtom(openDrawerAtom);\n\n  const open = openDrawer === drawerId;\n\n  const logger = useLogger(drawerId);\n\n  const onOpen = () => {\n    logger.info(\"onOpen\");\n    setOpenDrawer(drawerId);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    logger.info(\"onClose\");\n    setOpenDrawer((currentOpenDrawer) => {\n      // only reset openDrawer if closing the drawer that is currently open,\n      // so that we don't interfere with other drawers that are opening at the same time\n      if (currentOpenDrawer === drawerId) {\n        return null;\n      }\n      return currentOpenDrawer;\n    });\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n    logger,\n  };\n};\n\nexport const useLocalDrawerControls = ({\n  onOpen: _onOpen,\n  onClose: _onClose,\n}: Omit<DrawerControlsProps, \"drawerId\"> = {}): Omit<\n  DrawerControls,\n  \"logger\"\n> => {\n  const [open, setOpen] = useState(false);\n  const onOpen = () => {\n    setOpen(true);\n    _onOpen?.();\n  };\n  const onClose = () => {\n    setOpen(false);\n    _onClose?.();\n  };\n\n  const onOpenChange = (open: boolean) => {\n    if (open) {\n      onOpen();\n    } else {\n      onClose();\n    }\n  };\n\n  return {\n    open,\n    // expect onOpenChange not to be triggered for a controlled <Drawer open={open}/>.\n    onOpenChange,\n    onOpen,\n    onClose,\n  };\n};\n\n/**\n * Drawer IDs that should be considered full-cover drawers.\n *\n * When a full-cover drawer opens, the widget container height is transitioned to a fixed WIDGET_HEIGHT_CLASSNAME height.\n * When the drawer closes, the widget container height is transitioned back to the natural height.\n */\nconst fullCoverDrawers = new Set<DrawerId>([]);\n\nconst transition = \"height 0.3s ease-in-out\";\n\n/**\n * Hook that manages smooth height transitions for the main widget container when full-cover drawers open/close.\n *\n * When a full-cover drawer opens, this hook smoothly animates the widget height from its natural height\n * to a fixed WIDGET_HEIGHT_CLASSNAME height. When the drawer closes, it animates back to the original height and then\n * resets to auto for natural sizing.\n *\n * This prevents jarring height jumps and provides a polished user experience during drawer interactions.\n *\n * @returns {Object} containerRef - React ref that should be attached to the widget container element\n *\n * @example\n * const { containerRef } = useDrawerContainerHeightTransition();\n * return <div ref={containerRef} className=\"widget-container\">...</div>\n */\nexport const useDrawerContainerHeightTransition = (\n  containerRef: React.RefObject<HTMLDivElement | null>\n): {\n  drawerId: DrawerId | null;\n  isDrawerFullCover: boolean;\n  isDrawerOpen: boolean;\n} => {\n  const previousHeightRef = useRef<number | null>(null);\n\n  const currentDrawerId = useOpenDrawerId();\n  const isDrawerFullCover =\n    !!currentDrawerId && fullCoverDrawers.has(currentDrawerId);\n\n  useLayoutEffect(() => {\n    if (containerRef.current) {\n      const container = containerRef.current;\n\n      if (isDrawerFullCover) {\n        // Get current height\n        const currentHeight = container.scrollHeight;\n        // widget will be fully covered by the drawer, won't see the transition\n        const shouldSkipTransition = currentHeight <= DRAWER_HEIGHT;\n        if (shouldSkipTransition) {\n          return;\n        }\n        previousHeightRef.current = currentHeight;\n        container.style.overflow = \"hidden\";\n\n        // Set current height first (no transition)\n        container.style.transition = \"none\";\n        container.style.height = `${currentHeight}px`;\n\n        // Use requestAnimationFrame to ensure the first height is painted\n        requestAnimationFrame(() => {\n          // Enable transition and set target height\n          container.style.transition = transition;\n          container.style.height = `${DRAWER_HEIGHT}px`;\n        });\n      } else if (previousHeightRef.current !== null) {\n        // Only transition back if we have a previous height\n        container.style.transition = transition;\n        container.style.height = `${previousHeightRef.current}px`;\n        previousHeightRef.current = null;\n\n        // After transition completes, reset to auto\n        const onTransitionEnd = (event: TransitionEvent) => {\n          if (\n            event.target === container &&\n            event.propertyName === \"height\" &&\n            event.type === \"transitionend\"\n          ) {\n            container.style.height = \"auto\";\n            container.style.transition = \"\";\n            container.style.overflow = \"\";\n\n            container.removeEventListener(\"transitionend\", onTransitionEnd);\n          }\n        };\n        container.addEventListener(\"transitionend\", onTransitionEnd);\n\n        return () => {\n          // cleanup just in case\n          container.removeEventListener(\"transitionend\", onTransitionEnd);\n        };\n      }\n    }\n  }, [containerRef, isDrawerFullCover]);\n\n  return {\n    drawerId: currentDrawerId,\n    isDrawerFullCover,\n    isDrawerOpen: !!currentDrawerId,\n  };\n};\n"],"names":["openDrawerAtom","atom","onMount","set","useOpenDrawerId","useAtomValue","useSetOpenDrawer","useSetAtom","useDrawerControls","t0","$","_c","onOpen","_onOpen","onClose","_onClose","drawerId","openDrawer","setOpenDrawer","useAtom","open","logger","useLogger","t1","info","t2","currentOpenDrawer","t3","open_0","onOpenChange","t4","useLocalDrawerControls","setOpen","useState","t5","fullCoverDrawers","Set","transition","useDrawerContainerHeightTransition","containerRef","previousHeightRef","useRef","currentDrawerId","has","isDrawerFullCover","current","container","currentHeight","scrollHeight","shouldSkipTransition","DRAWER_HEIGHT","style","overflow","height","requestAnimationFrame","onTransitionEnd","event","target","propertyName","type","removeEventListener","addEventListener","useLayoutEffect","isDrawerOpen"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAEL,KAAK,6CAA6C,EACnD,MAAM,4EAA4E,CAAC;AAGpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,6CAA6C,CAAC,WAAW,CAAC,CAAC;IAC5E,aAAa,EAAE,6CAA6C,CAAC,SAAS,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qBAAqB,uBAAuB,4CAuBpE,CAAC"}
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/LimitOrderItem/LimitOrderDetails/Controls.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAEL,KAAK,6CAA6C,EACnD,MAAM,4EAA4E,CAAC;AAEpF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,6CAA6C,CAAC,WAAW,CAAC,CAAC;IAC5E,aAAa,EAAE,6CAA6C,CAAC,SAAS,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,qBAAqB,uBAAuB,4CAuBpE,CAAC"}

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

@@ -5,9 +5,10 @@ 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 { 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);
@@ -67,7 +68,7 @@ const Controls = (t0) => {
   return t4;
 };
 const CancelOrDismissBtn = (t0) => {
-  const $ = distExports.c(21);
+  const $ = distExports.c(31);
   const {
     order,
     logger,
@@ -95,79 +96,114 @@ const CancelOrDismissBtn = (t0) => {
   const {
     minClient
   } = useMinViemClient(t1);
+  const cancelOrderDrawerControls = useLocalDrawerControls();
   let t2;
-  if ($[3] !== onCancelError || $[4] !== onCancelSuccess) {
-    t2 = {
-      onError: onCancelError,
-      onSuccess: onCancelSuccess
+  if ($[3] !== cancelOrderDrawerControls) {
+    t2 = () => {
+      cancelOrderDrawerControls.onClose();
     };
-    $[3] = onCancelError;
-    $[4] = onCancelSuccess;
-    $[5] = t2;
+    $[3] = cancelOrderDrawerControls;
+    $[4] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[4];
   }
   let t3;
-  if ($[6] !== account || $[7] !== chainId || $[8] !== logger || $[9] !== minClient || $[10] !== order || $[11] !== t2) {
+  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: t2
+      mutationOptions: t3
     };
-    $[6] = account;
-    $[7] = chainId;
-    $[8] = logger;
-    $[9] = minClient;
-    $[10] = order;
-    $[11] = t2;
-    $[12] = t3;
+    $[9] = account;
+    $[10] = chainId;
+    $[11] = logger;
+    $[12] = minClient;
+    $[13] = order;
+    $[14] = t3;
+    $[15] = t4;
   } else {
-    t3 = $[12];
+    t4 = $[15];
   }
   const {
     cancelDeltaOrder,
     isOrderCancellable,
     isEthOrder,
     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;
+    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 {
-      t42 = $[14];
+      t62 = $[19];
     }
-    return t42;
+    return t62;
   }
-  let t4;
-  if ($[15] !== cancelDeltaOrder) {
-    t4 = () => {
-      cancelDeltaOrder();
+  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();
+      }
     };
-    $[15] = cancelDeltaOrder;
-    $[16] = t4;
+    $[20] = cancelDeltaOrder;
+    $[21] = reset;
+    $[22] = t6;
   } else {
-    t4 = $[16];
+    t6 = $[22];
   }
-  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 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 {
-    t6 = $[20];
+    t7 = $[30];
   }
-  return t6;
+  return t7;
 };
 
 export { Controls };