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

package/dist/components/widget/TradeOverview/CancelButtonWithDrawer.js

@@ -0,0 +1,84 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { CancelButton } from '../Button/CancelButton/CancelButton.js';
+import { cancelOrderTooltip } from '../Button/CancelButton/constants.js';
+import { ControlledDrawer } from '../Drawer/index.js';
+import { useLocalDrawerControls } from '../Drawer/state/useDrawerControls.js';
+import { ConfirmCancelOrder } from './CancelOrder/ConfirmCancel.js';
+import { getOrderCancelDetailsForTradeFlowType } from './CancelOrder/utils.js';
+import { useTradeFlowContext } from './tradeFlowContext.js';
+
+function CancelButtonWithDrawer(t0) {
+  const $ = distExports.c(18);
+  const {
+    onCancelOrder,
+    className
+  } = t0;
+  const {
+    orderCancellationStep,
+    tradeFlowType
+  } = useTradeFlowContext();
+  const isPending = orderCancellationStep === "order-cancellation-approval" || orderCancellationStep === "order-cancellation-execution";
+  let t1;
+  if ($[0] !== tradeFlowType) {
+    t1 = getOrderCancelDetailsForTradeFlowType(tradeFlowType);
+    $[0] = tradeFlowType;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const orderCancelDetails = t1;
+  const cancelOrderDrawerControls = useLocalDrawerControls();
+  const onClick = orderCancelDetails ? cancelOrderDrawerControls.onOpen : onCancelOrder;
+  let t2;
+  if ($[2] !== className || $[3] !== isPending || $[4] !== onClick) {
+    t2 = /* @__PURE__ */ jsx(CancelButton, { className, disabled: isPending, isLoading: isPending, onClick, tooltip: cancelOrderTooltip, children: "Cancel Order" });
+    $[2] = className;
+    $[3] = isPending;
+    $[4] = onClick;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const CancelBtn = t2;
+  if (orderCancelDetails === null) {
+    return CancelBtn;
+  }
+  let t3;
+  if ($[6] !== isPending || $[7] !== onCancelOrder || $[8] !== orderCancelDetails.orderType || $[9] !== orderCancellationStep) {
+    t3 = /* @__PURE__ */ jsx(ConfirmCancelOrder, { orderTypeToCancel: orderCancelDetails.orderType, onConfirmCancel: onCancelOrder, isCancelling: isPending, step: orderCancellationStep });
+    $[6] = isPending;
+    $[7] = onCancelOrder;
+    $[8] = orderCancelDetails.orderType;
+    $[9] = orderCancellationStep;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== cancelOrderDrawerControls || $[12] !== orderCancelDetails.cancelTexts.drawerTitle || $[13] !== t3) {
+    t4 = /* @__PURE__ */ jsx(ControlledDrawer, { ...cancelOrderDrawerControls, title: orderCancelDetails.cancelTexts.drawerTitle, showGoBackButton: true, children: t3 });
+    $[11] = cancelOrderDrawerControls;
+    $[12] = orderCancelDetails.cancelTexts.drawerTitle;
+    $[13] = t3;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== CancelBtn || $[16] !== t4) {
+    t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      CancelBtn,
+      t4
+    ] });
+    $[15] = CancelBtn;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  return t5;
+}
+
+export { CancelButtonWithDrawer };
+//# sourceMappingURL=CancelButtonWithDrawer.js.map

package/dist/components/widget/TradeOverview/CancelButtonWithDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButtonWithDrawer.js","sources":["../../../../src/components/widget/TradeOverview/CancelButtonWithDrawer.tsx"],"sourcesContent":["import { CancelButton } from \"../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../Button/CancelButton/constants\";\nimport { ControlledDrawer } from \"../Drawer\";\nimport { useLocalDrawerControls } from \"../Drawer/state/useDrawerControls\";\nimport { ConfirmCancelOrder } from \"./CancelOrder/ConfirmCancel\";\nimport { getOrderCancelDetailsForTradeFlowType } from \"./CancelOrder/utils\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\n\ntype CancelButtonWithDrawerProps = {\n  className?: string;\n  onCancelOrder: () => void;\n};\n\nexport function CancelButtonWithDrawer({\n  onCancelOrder,\n  className,\n}: CancelButtonWithDrawerProps) {\n  const { orderCancellationStep, tradeFlowType } = useTradeFlowContext();\n\n  const isPending =\n    orderCancellationStep === \"order-cancellation-approval\" ||\n    orderCancellationStep === \"order-cancellation-execution\";\n\n  const orderCancelDetails =\n    getOrderCancelDetailsForTradeFlowType(tradeFlowType);\n\n  const cancelOrderDrawerControls = useLocalDrawerControls();\n\n  const onClick = orderCancelDetails\n    ? cancelOrderDrawerControls.onOpen\n    : onCancelOrder;\n\n  const CancelBtn = (\n    <CancelButton\n      className={className}\n      disabled={isPending}\n      isLoading={isPending}\n      onClick={onClick}\n      tooltip={cancelOrderTooltip}\n    >\n      Cancel Order\n    </CancelButton>\n  );\n\n  if (orderCancelDetails === null) {\n    return CancelBtn;\n  }\n\n  return (\n    <>\n      {CancelBtn}\n      <ControlledDrawer\n        {...cancelOrderDrawerControls}\n        title={orderCancelDetails.cancelTexts.drawerTitle}\n        showGoBackButton\n      >\n        <ConfirmCancelOrder\n          orderTypeToCancel={orderCancelDetails.orderType}\n          onConfirmCancel={onCancelOrder}\n          isCancelling={isPending}\n          step={orderCancellationStep}\n        />\n      </ControlledDrawer>\n    </>\n  );\n}\n"],"names":["CancelButtonWithDrawer","t0","$","_c","onCancelOrder","className","orderCancellationStep","tradeFlowType","useTradeFlowContext","isPending","t1","getOrderCancelDetailsForTradeFlowType","orderCancelDetails","cancelOrderDrawerControls","useLocalDrawerControls","onClick","onOpen","t2","cancelOrderTooltip","CancelBtn","t3","orderType","t4","cancelTexts","drawerTitle","t5"],"mappings":"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"}

package/dist/components/widget/TradeOverview/CancelOrder/ConfirmCancel.d.ts

@@ -0,0 +1,12 @@
+import { OrderTypeToCancel } from './constants';
+import { CancelOrderStepKey } from '../steps';
+export type ConfirmCancelOrderStep = "order-cancellation-pre-confirm" | CancelOrderStepKey;
+type ConfirmCancelOrderProps = {
+    orderTypeToCancel: OrderTypeToCancel;
+    onConfirmCancel: () => void;
+    isCancelling: boolean;
+    step?: ConfirmCancelOrderStep;
+};
+export declare const ConfirmCancelOrder: ({ orderTypeToCancel, onConfirmCancel, isCancelling, step, }: ConfirmCancelOrderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmCancel.d.ts.map

package/dist/components/widget/TradeOverview/CancelOrder/ConfirmCancel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmCancel.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/ConfirmCancel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAkInD,MAAM,MAAM,sBAAsB,GAC9B,gCAAgC,GAChC,kBAAkB,CAAC;AAEvB,KAAK,uBAAuB,GAAG;IAC7B,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,6DAKhC,uBAAuB,4CAWzB,CAAC"}

package/dist/components/widget/TradeOverview/CancelOrder/ConfirmCancel.js

@@ -0,0 +1,227 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
+import { Switch } from '../../../ui/switch.js';
+import { WarningWithTitle } from '../../Warning/Warning.js';
+import { useState, useId } from 'react';
+import { CancelOrderTexts } from './constants.js';
+import { CancelButton } from '../../Button/CancelButton/CancelButton.js';
+import { cn } from '../../../../lib/utils/index.js';
+
+const warningClasses = {
+  root: "bg-[rgba(255,153,0,0.05)]"
+};
+const TxNonceWarning = "When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.";
+const CancelOrderWarning = (t0) => {
+  const $ = distExports.c(10);
+  const {
+    orderTypeToCancel
+  } = t0;
+  const {
+    warningTitle,
+    warningMessage
+  } = CancelOrderTexts[orderTypeToCancel];
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx("div", { children: "Because execution is asynchronous, your cancellation may not take effect immediately. The order could still execute if matched before the cancellation is processed." });
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  let t2;
+  if ($[1] !== orderTypeToCancel) {
+    t2 = orderTypeToCancel === "Market Swap" && /* @__PURE__ */ jsx("div", { children: TxNonceWarning });
+    $[1] = orderTypeToCancel;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsx("div", { children: "Proceed only if you understand this risk." });
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t2 || $[5] !== warningMessage) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      warningMessage,
+      t1,
+      t2,
+      t3
+    ] });
+    $[4] = t2;
+    $[5] = warningMessage;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t4 || $[8] !== warningTitle) {
+    t5 = /* @__PURE__ */ jsx(WarningWithTitle, { title: warningTitle, message: t4, classes: warningClasses });
+    $[7] = t4;
+    $[8] = warningTitle;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  return t5;
+};
+const progressStep2Text = {
+  "order-cancellation-pre-confirm": "I understand the risks mentioned above",
+  "order-cancellation-approval": "We need a signature on your wallet to cancel your order",
+  "order-cancellation-execution": "The order is being cancelled, but it may still be executed",
+  "order-cancellation-success": "Order cancelled",
+  "order-cancellation-error": "Order cancellation failed"
+};
+const CancelOrderToggleAndStep = (t0) => {
+  const $ = distExports.c(13);
+  const {
+    step,
+    checked,
+    setToggle
+  } = t0;
+  let SwitchComponent = null;
+  const labelId = useId();
+  if (step === "order-cancellation-pre-confirm") {
+    let t12;
+    if ($[0] !== checked || $[1] !== labelId || $[2] !== setToggle) {
+      t12 = /* @__PURE__ */ jsx(Switch, { id: labelId, checked, className: "cursor-pointer", onCheckedChange: setToggle });
+      $[0] = checked;
+      $[1] = labelId;
+      $[2] = setToggle;
+      $[3] = t12;
+    } else {
+      t12 = $[3];
+    }
+    SwitchComponent = t12;
+  }
+  const text = progressStep2Text[step];
+  const t1 = !!SwitchComponent;
+  let t2;
+  if ($[4] !== t1) {
+    t2 = cn("flex items-center gap-1.5 w-fit", {
+      "cursor-pointer": t1
+    });
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const t3 = SwitchComponent ? labelId : void 0;
+  let t4;
+  if ($[6] !== text) {
+    t4 = /* @__PURE__ */ jsx("div", { className: "text-sm text-contrast-4 dark:text-contrast-6", children: text });
+    $[6] = text;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== SwitchComponent || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("label", { className: t2, htmlFor: t3, children: [
+      SwitchComponent,
+      t4
+    ] });
+    $[8] = SwitchComponent;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+};
+const CancelOrderControls = (t0) => {
+  const $ = distExports.c(12);
+  const {
+    onConfirmCancel,
+    isCancelling,
+    step
+  } = t0;
+  const [acknowledged, setAcknowledged] = useState(false);
+  const isPending = isCancelling || step === "order-cancellation-approval" || step === "order-cancellation-execution";
+  const isSuccess = step === "order-cancellation-success";
+  let t1;
+  if ($[0] !== acknowledged || $[1] !== step) {
+    t1 = /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(CancelOrderToggleAndStep, { step, checked: acknowledged, setToggle: setAcknowledged }) });
+    $[0] = acknowledged;
+    $[1] = step;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = !acknowledged || isPending || isSuccess;
+  const t3 = isPending || isSuccess ? "cta" : "default";
+  const t4 = isPending ? "Cancelling Your Order" : "Confirm";
+  let t5;
+  if ($[3] !== isPending || $[4] !== onConfirmCancel || $[5] !== t2 || $[6] !== t3 || $[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: "mt-7 flex items-center justify-between gap-2", children: /* @__PURE__ */ jsx(CancelButton, { isLoading: isPending, onClick: onConfirmCancel, disabled: t2, variant: t3, children: t4 }) });
+    $[3] = isPending;
+    $[4] = onConfirmCancel;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t1 || $[10] !== t5) {
+    t6 = /* @__PURE__ */ jsxs("div", { children: [
+      t1,
+      t5
+    ] });
+    $[9] = t1;
+    $[10] = t5;
+    $[11] = t6;
+  } else {
+    t6 = $[11];
+  }
+  return t6;
+};
+const ConfirmCancelOrder = (t0) => {
+  const $ = distExports.c(9);
+  const {
+    orderTypeToCancel,
+    onConfirmCancel,
+    isCancelling,
+    step: t1
+  } = t0;
+  const step = t1 === void 0 ? "order-cancellation-pre-confirm" : t1;
+  let t2;
+  if ($[0] !== orderTypeToCancel) {
+    t2 = /* @__PURE__ */ jsx(CancelOrderWarning, { orderTypeToCancel });
+    $[0] = orderTypeToCancel;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== isCancelling || $[3] !== onConfirmCancel || $[4] !== step) {
+    t3 = /* @__PURE__ */ jsx(CancelOrderControls, { onConfirmCancel, isCancelling, step });
+    $[2] = isCancelling;
+    $[3] = onConfirmCancel;
+    $[4] = step;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t2 || $[7] !== t3) {
+    t4 = /* @__PURE__ */ jsxs("div", { className: "p-6 flex flex-col gap-7", children: [
+      t2,
+      t3
+    ] });
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
+};
+
+export { ConfirmCancelOrder };
+//# sourceMappingURL=ConfirmCancel.js.map

package/dist/components/widget/TradeOverview/CancelOrder/ConfirmCancel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmCancel.js","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/ConfirmCancel.tsx"],"sourcesContent":["import { Switch } from \"@/components/ui/switch\";\nimport { WarningWithTitle } from \"../../Warning/Warning\";\nimport { useId, useState } from \"react\";\nimport type { WarningProps } from \"../../Warning/types\";\nimport { CancelOrderTexts, type OrderTypeToCancel } from \"./constants\";\nimport type { CancelOrderStepKey } from \"../steps\";\nimport { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { cn } from \"@/lib/utils\";\n\nconst warningClasses: WarningProps[\"classes\"] = {\n  root: \"bg-[rgba(255,153,0,0.05)]\",\n};\n\ntype CancelOrderWarningProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n};\n\nconst TxNonceWarning =\n  \"When cancelling a pending transaction your wallet must respect a custom `nonce` transaction parameter that matches the nonce of the cancelling transaction.\";\n\nconst CancelOrderWarning = ({ orderTypeToCancel }: CancelOrderWarningProps) => {\n  const { warningTitle, warningMessage } = CancelOrderTexts[orderTypeToCancel];\n  return (\n    <WarningWithTitle\n      title={warningTitle}\n      message={\n        <div className=\"flex flex-col gap-2\">\n          {warningMessage}\n          <div>\n            Because execution is asynchronous, your cancellation may not take\n            effect immediately. The order could still execute if matched before\n            the cancellation is processed.\n          </div>\n          {orderTypeToCancel === \"Market Swap\" && <div>{TxNonceWarning}</div>}\n          <div>Proceed only if you understand this risk.</div>\n        </div>\n      }\n      classes={warningClasses}\n    />\n  );\n};\n\ntype CancelOrderControlsProps = {\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step: ConfirmCancelOrderStep;\n};\n\ntype CancelOrderToggleAndStepProps = {\n  step: ConfirmCancelOrderStep;\n  checked: boolean;\n  setToggle: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nconst progressStep2Text: Record<ConfirmCancelOrderStep, string> = {\n  \"order-cancellation-pre-confirm\": \"I understand the risks mentioned above\",\n  \"order-cancellation-approval\":\n    \"We need a signature on your wallet to cancel your order\",\n  \"order-cancellation-execution\":\n    \"The order is being cancelled, but it may still be executed\",\n  \"order-cancellation-success\": \"Order cancelled\",\n  \"order-cancellation-error\": \"Order cancellation failed\",\n};\n\nconst CancelOrderToggleAndStep = ({\n  step,\n  checked,\n  setToggle,\n}: CancelOrderToggleAndStepProps) => {\n  let SwitchComponent: React.ReactNode = null;\n\n  // guarantees uniqueness for Component instance (even when many such Components are rendered)\n  const labelId = useId();\n\n  if (step === \"order-cancellation-pre-confirm\") {\n    SwitchComponent = (\n      <Switch\n        id={labelId}\n        checked={checked}\n        className=\"cursor-pointer\"\n        onCheckedChange={setToggle}\n      />\n    );\n  }\n\n  const text = progressStep2Text[step];\n  return (\n    <label\n      className={cn(\"flex items-center gap-1.5 w-fit\", {\n        \"cursor-pointer\": !!SwitchComponent,\n      })}\n      htmlFor={SwitchComponent ? labelId : undefined}\n    >\n      {SwitchComponent}\n      <div className=\"text-sm text-contrast-4 dark:text-contrast-6\">{text}</div>\n    </label>\n  );\n};\n\nconst CancelOrderControls = ({\n  onConfirmCancel,\n  isCancelling,\n  step,\n}: CancelOrderControlsProps) => {\n  const [acknowledged, setAcknowledged] = useState(false);\n\n  const isPending =\n    isCancelling ||\n    step === \"order-cancellation-approval\" ||\n    step === \"order-cancellation-execution\";\n  const isSuccess = step === \"order-cancellation-success\";\n\n  return (\n    <div>\n      <div>\n        <CancelOrderToggleAndStep\n          step={step}\n          checked={acknowledged}\n          setToggle={setAcknowledged}\n        />\n      </div>\n      <div className=\"mt-7 flex items-center justify-between gap-2\">\n        <CancelButton\n          isLoading={isPending}\n          onClick={onConfirmCancel}\n          disabled={!acknowledged || isPending || isSuccess}\n          variant={isPending || isSuccess ? \"cta\" : \"default\"}\n        >\n          {isPending ? \"Cancelling Your Order\" : \"Confirm\"}\n        </CancelButton>\n      </div>\n    </div>\n  );\n};\n\nexport type ConfirmCancelOrderStep =\n  | \"order-cancellation-pre-confirm\"\n  | CancelOrderStepKey;\n\ntype ConfirmCancelOrderProps = {\n  orderTypeToCancel: OrderTypeToCancel;\n  onConfirmCancel: () => void;\n  isCancelling: boolean;\n  step?: ConfirmCancelOrderStep;\n};\n\nexport const ConfirmCancelOrder = ({\n  orderTypeToCancel,\n  onConfirmCancel,\n  isCancelling,\n  step = \"order-cancellation-pre-confirm\",\n}: ConfirmCancelOrderProps) => {\n  return (\n    <div className=\"p-6 flex flex-col gap-7\">\n      <CancelOrderWarning orderTypeToCancel={orderTypeToCancel} />\n      <CancelOrderControls\n        onConfirmCancel={onConfirmCancel}\n        isCancelling={isCancelling}\n        step={step}\n      />\n    </div>\n  );\n};\n"],"names":["warningClasses","root","TxNonceWarning","CancelOrderWarning","t0","$","_c","orderTypeToCancel","warningTitle","warningMessage","CancelOrderTexts","t1","Symbol","for","t2","t3","t4","t5","progressStep2Text","CancelOrderToggleAndStep","step","checked","setToggle","SwitchComponent","labelId","useId","text","cn","undefined","CancelOrderControls","onConfirmCancel","isCancelling","acknowledged","setAcknowledged","useState","isPending","isSuccess","t6","ConfirmCancelOrder"],"mappings":";;;;;;;;;AASA,MAAMA,cAAAA,GAA0C;AAAA,EAC9CC,IAAAA,EAAM;AACR,CAAA;AAMA,MAAMC,cAAAA,GACJ,6JAAA;AAEF,MAAMC,qBAAqBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAC1B,EAAA,MAAA;AAAA,IAAAI,YAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAyCC,iBAAiBH,iBAAiB,CAAA;AAAE,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAOrEF,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAK,QAAA,EAAA,sKAAA,EAIL,CAAA;AAAMN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAS,EAAAA;AAAA,EAAA,IAAAT,CAAAA,QAAAE,iBAAAA,EAAA;AACLO,IAAAA,EAAAA,GAAAP,iBAAAA,KAAsB,aAAA,oBAAiB,GAAA,UAAML,QAAAA,EAAAA,cAAAA,EAAe,CAAA;AAAMG,IAAAA,CAAAA,MAAAE,iBAAAA;AAAAF,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,EAAA,CAAA,CAAA,KAAAO,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACnEE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAK,QAAA,EAAA,2CAAA,EAAyC,CAAA;AAAMV,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAS,MAAAT,CAAAA,QAAAI,cAAAA,EAAA;AARtDO,IAAAA,EAAAA,iCAAe,SAAA,EAAA,qBAAA;;MAEbL,EAAAA;AAAAA,MAKCG,EAAAA;AAAAA,MACDC;AAAAA,KAAAA,EACF,CAAA;AAAMV,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAI,cAAAA;AAAAJ,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAZ,EAAA,CAAA,CAAA,KAAAW,MAAAX,CAAAA,QAAAG,YAAAA,EAAA;AAZVS,IAAAA,EAAAA,uBAAC,gBAAA,EAAA,EACQT,KAAAA,EAAAA,cAEL,OAAA,EAAAQ,EAAAA,EAWOhB,SAAAA,cAAAA,EAAc,CAAA;AACvBK,IAAAA,CAAAA,MAAAW,EAAAA;AAAAX,IAAAA,CAAAA,MAAAG,YAAAA;AAAAH,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAfFY,EAAAA;AAeE,CAAA;AAgBN,MAAMC,iBAAAA,GAA4D;AAAA,EAChE,gCAAA,EAAkC,wCAAA;AAAA,EAClC,6BAAA,EACE,yDAAA;AAAA,EACF,8BAAA,EACE,4DAAA;AAAA,EACF,4BAAA,EAA8B,iBAAA;AAAA,EAC9B,0BAAA,EAA4B;AAC9B,CAAA;AAEA,MAAMC,2BAA2Bf,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAc,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAlB,EAAAA;AAKhC,EAAA,IAAAmB,eAAAA,GAAuC,IAAA;AAGvC,EAAA,MAAAC,UAAgBC,KAAAA,EAAM;AAEtB,EAAA,IAAIL,SAAS,gCAAA,EAAgC;AAAA,IAAA,IAAAT,GAAAA;AAAA,IAAA,IAAAN,CAAAA,CAAA,CAAA,CAAA,KAAAgB,OAAAA,IAAAhB,CAAAA,QAAAmB,OAAAA,IAAAnB,CAAAA,CAAA,CAAA,CAAA,KAAAiB,SAAAA,EAAA;AAEzCX,MAAAA,GAAAA,uBAAC,MAAA,EAAA,EACKa,EAAAA,EAAAA,SACKH,OAAAA,EACC,SAAA,EAAA,gBAAA,EACOC,eAAAA,EAAAA,SAAAA,EAAS,CAAA;AAC1BjB,MAAAA,CAAAA,MAAAgB,OAAAA;AAAAhB,MAAAA,CAAAA,MAAAmB,OAAAA;AAAAnB,MAAAA,CAAAA,MAAAiB,SAAAA;AAAAjB,MAAAA,CAAAA,MAAAM,GAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,IAAA;AANJkB,IAAAA,eAAAA,GACEA,GAAAA;AAAAA,EADa;AAUjB,EAAA,MAAAG,IAAAA,GAAaR,kBAAkBE,IAAI,CAAA;AAIX,EAAA,MAAAT,EAAAA,GAAA,CAAC,CAACY,eAAAA;AAAe,EAAA,IAAAT,EAAAA;AAAA,EAAA,IAAAT,CAAAA,QAAAM,EAAAA,EAAA;AAD1BG,IAAAA,EAAAA,GAAAa,GAAG,iCAAA,EAAmC;AAAA,MAAA,gBAAA,EAC7BhB;AAAAA,KACnB,CAAA;AAACN,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AACO,EAAA,MAAAU,EAAAA,GAAAQ,kBAAAC,OAAAA,GAAAI,MAAAA;AAAqC,EAAA,IAAAZ,EAAAA;AAAA,EAAA,IAAAX,CAAAA,QAAAqB,IAAAA,EAAA;AAG9CV,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,8CAAA,EAAgDU,QAAAA,EAAAA,IAAAA,EAAK,CAAA;AAAMrB,IAAAA,CAAAA,MAAAqB,IAAAA;AAAArB,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,CAAA,CAAA,CAAA,KAAAkB,eAAAA,IAAAlB,EAAA,CAAA,CAAA,KAAAS,EAAAA,IAAAT,CAAAA,CAAA,EAAA,CAAA,KAAAU,EAAAA,IAAAV,CAAAA,SAAAW,EAAAA,EAAA;AAP5EC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,OAAA,EAAA,EACa,SAAA,EAAAH,EAAAA,EAGF,SAAAC,EAAAA,EAERQ,QAAAA,EAAAA;AAAAA,MAAAA,eAAAA;AAAAA,MACDP;AAAAA,KAAAA,EACF,CAAA;AAAQX,IAAAA,CAAAA,MAAAkB,eAAAA;AAAAlB,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,OAAAU,EAAAA;AAAAV,IAAAA,CAAAA,OAAAW,EAAAA;AAAAX,IAAAA,CAAAA,OAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OARRY,EAAAA;AAQQ,CAAA;AAIZ,MAAMY,sBAAsBzB,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAwB,eAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAX;AAAAA,GAAA,GAAAhB,EAAAA;AAK3B,EAAA,MAAA,CAAA4B,YAAAA,EAAAC,eAAA,CAAA,GAAwCC,SAAS,KAAK,CAAA;AAEtD,EAAA,MAAAC,SAAAA,GACEJ,YAAAA,IACAX,IAAAA,KAAS,6BAAA,IACTA,IAAAA,KAAS,8BAAA;AACX,EAAA,MAAAgB,YAAkBhB,IAAAA,KAAS,4BAAA;AAA6B,EAAA,IAAAT,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAA2B,gBAAA3B,CAAAA,QAAAe,IAAAA,EAAA;AAIpDT,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SACE,QAAA,kBAAA,GAAA,CAAC,wBAAA,EAAA,EACOS,MACGY,OAAAA,EAAAA,YAAAA,EACEC,SAAAA,EAAAA,eAAAA,EAAe,CAAA,EAE9B,CAAA;AAAM5B,IAAAA,CAAAA,MAAA2B,YAAAA;AAAA3B,IAAAA,CAAAA,MAAAe,IAAAA;AAAAf,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAKQ,EAAA,MAAAS,EAAAA,GAAA,CAACkB,YAAAA,IAADG,SAAAA,IAAAC,SAAAA;AACD,EAAA,MAAArB,EAAAA,GAAAoB,SAAAA,IAAAC,SAAAA,GAAA,KAAA,GAAA,SAAA;AAER,EAAA,MAAApB,EAAAA,GAAAmB,YAAA,uBAAA,GAAA,SAAA;AAA+C,EAAA,IAAAlB,EAAAA;AAAA,EAAA,IAAAZ,EAAA,CAAA,CAAA,KAAA8B,aAAA9B,CAAAA,CAAA,CAAA,MAAAyB,eAAAA,IAAAzB,CAAAA,CAAA,CAAA,CAAA,KAAAS,EAAAA,IAAAT,EAAA,CAAA,CAAA,KAAAU,MAAAV,CAAAA,QAAAW,EAAAA,EAAA;AAPpDC,IAAAA,EAAAA,gCAAe,SAAA,EAAA,8CAAA,EACb,8BAAC,YAAA,EAAA,EACYkB,SAAAA,EAAAA,SAAAA,EACFL,OAAAA,mBACC,QAAA,EAAAhB,EAAAA,EACD,OAAA,EAAAC,EAAAA,EAERC,cACH,CAAA,EACF,CAAA;AAAMX,IAAAA,CAAAA,MAAA8B,SAAAA;AAAA9B,IAAAA,CAAAA,MAAAyB,eAAAA;AAAAzB,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAU,EAAAA;AAAAV,IAAAA,CAAAA,MAAAW,EAAAA;AAAAX,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAgC,EAAAA;AAAA,EAAA,IAAAhC,EAAA,CAAA,CAAA,KAAAM,MAAAN,CAAAA,SAAAY,EAAAA,EAAA;AAjBRoB,IAAAA,EAAAA,wBAAA,KAAA,EAAA,EACE1B,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAOAM;AAAAA,KAAAA,EAUF,CAAA;AAAMZ,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,OAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,OAAAgC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAlBNgC,EAAAA;AAkBM,CAAA;AAeH,MAAMC,qBAAqBlC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,iBAAAA;AAAAA,IAAAuB,eAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAX,IAAAA,EAAAT;AAAAA,GAAA,GAAAP,EAAAA;AAIjC,EAAA,MAAAgB,IAAAA,GAAAT,EAAAA,KAAAiB,MAAAA,GAAA,gCAAA,GAAAjB,EAAAA;AAAuC,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAT,CAAAA,QAAAE,iBAAAA,EAAA;AAInCO,IAAAA,EAAAA,uBAAC,sBAAsCP,iBAAAA,EAAiB,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,iBAAAA;AAAAF,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAU,EAAAA;AAAA,EAAA,IAAAV,CAAAA,CAAA,CAAA,CAAA,KAAA0B,YAAAA,IAAA1B,CAAAA,QAAAyB,eAAAA,IAAAzB,CAAAA,CAAA,CAAA,CAAA,KAAAe,IAAAA,EAAA;AAC5DL,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EACkBe,eAAAA,EACHC,YAAAA,EACRX,IAAAA,EAAI,CAAA;AACVf,IAAAA,CAAAA,MAAA0B,YAAAA;AAAA1B,IAAAA,CAAAA,MAAAyB,eAAAA;AAAAzB,IAAAA,CAAAA,MAAAe,IAAAA;AAAAf,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAW,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAS,MAAAT,CAAAA,QAAAU,EAAAA,EAAA;AANJC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yBAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MACAC;AAAAA,KAAAA,EAKF,CAAA;AAAMV,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAU,EAAAA;AAAAV,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAPNW,EAAAA;AAOM;;;;"}

package/dist/components/widget/TradeOverview/CancelOrder/constants.d.ts

@@ -0,0 +1,8 @@
+export type OrderTypeToCancel = "Market Swap" | "Delta Swap" | "Delta Limit";
+export type CancelOrderText = {
+    drawerTitle: string;
+    warningTitle: React.ReactNode;
+    warningMessage: React.ReactNode;
+};
+export declare const CancelOrderTexts: Record<OrderTypeToCancel, CancelOrderText>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/widget/TradeOverview/CancelOrder/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/constants.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,YAAY,GAAG,aAAa,CAAC;AAC7E,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAkBvE,CAAC"}

package/dist/components/widget/TradeOverview/CancelOrder/constants.js

@@ -0,0 +1,20 @@
+const CancelOrderTexts = {
+  "Market Swap": {
+    drawerTitle: "Cancel Market Order",
+    warningTitle: "You are about to cancel a Market Swap Order",
+    warningMessage: null
+  },
+  "Delta Swap": {
+    drawerTitle: "Cancel Delta Order",
+    warningTitle: "You are about to cancel a Delta Swap Order",
+    warningMessage: "Delta Orders use intent-based execution. After you submit your trade intent, the protocol routes it across a large mempool of liquidity sources and execution agents."
+  },
+  "Delta Limit": {
+    drawerTitle: "Cancel Delta Order",
+    warningTitle: "You are about to cancel a Delta Limit Order",
+    warningMessage: "Delta Limit Orders use intent-based execution. After you submit your trade, the protocol routes it across a large mempool of liquidity sources and execution agents."
+  }
+};
+
+export { CancelOrderTexts };
+//# sourceMappingURL=constants.js.map

package/dist/components/widget/TradeOverview/CancelOrder/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/constants.ts"],"sourcesContent":["export type OrderTypeToCancel = \"Market Swap\" | \"Delta Swap\" | \"Delta Limit\";\nexport type CancelOrderText = {\n  drawerTitle: string;\n  warningTitle: React.ReactNode;\n  warningMessage: React.ReactNode;\n};\n\nexport const CancelOrderTexts: Record<OrderTypeToCancel, CancelOrderText> = {\n  \"Market Swap\": {\n    drawerTitle: \"Cancel Market Order\",\n    warningTitle: \"You are about to cancel a Market Swap Order\",\n    warningMessage: null,\n  },\n  \"Delta Swap\": {\n    drawerTitle: \"Cancel Delta Order\",\n    warningTitle: \"You are about to cancel a Delta Swap Order\",\n    warningMessage:\n      \"Delta Orders use intent-based execution. After you submit your trade intent, the protocol routes it across a large mempool of liquidity sources and execution agents.\",\n  },\n  \"Delta Limit\": {\n    drawerTitle: \"Cancel Delta Order\",\n    warningTitle: \"You are about to cancel a Delta Limit Order\",\n    warningMessage:\n      \"Delta Limit Orders use intent-based execution. After you submit your trade, the protocol routes it across a large mempool of liquidity sources and execution agents.\",\n  },\n};\n"],"names":["CancelOrderTexts","drawerTitle","warningTitle","warningMessage"],"mappings":"AAOO,MAAMA,gBAAAA,GAA+D;AAAA,EAC1E,aAAA,EAAe;AAAA,IACbC,WAAAA,EAAa,qBAAA;AAAA,IACbC,YAAAA,EAAc,6CAAA;AAAA,IACdC,cAAAA,EAAgB;AAAA,GAClB;AAAA,EACA,YAAA,EAAc;AAAA,IACZF,WAAAA,EAAa,oBAAA;AAAA,IACbC,YAAAA,EAAc,4CAAA;AAAA,IACdC,cAAAA,EACE;AAAA,GACJ;AAAA,EACA,aAAA,EAAe;AAAA,IACbF,WAAAA,EAAa,oBAAA;AAAA,IACbC,YAAAA,EAAc,6CAAA;AAAA,IACdC,cAAAA,EACE;AAAA;AAEN;;;;"}

package/dist/components/widget/TradeOverview/CancelOrder/utils.d.ts

@@ -0,0 +1,12 @@
+import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
+import { OrderItem } from '../../AppHeader/Activities/utils';
+import { CancelOrderText, OrderTypeToCancel } from './constants';
+export declare function getOrderCancelDetailsForOrderItem(orderItem: OrderItem): {
+    orderType: OrderTypeToCancel;
+    cancelTexts: CancelOrderText;
+} | null;
+export declare function getOrderCancelDetailsForTradeFlowType(tradeFlowType: TradeFlowType): {
+    orderType: OrderTypeToCancel;
+    cancelTexts: CancelOrderText;
+} | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/widget/TradeOverview/CancelOrder/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,iBAAiB,EACvB,MAAM,aAAa,CAAC;AA4BrB,wBAAgB,iCAAiC,CAC/C,SAAS,EAAE,SAAS,GACnB;IAAE,SAAS,EAAE,iBAAiB,CAAC;IAAC,WAAW,EAAE,eAAe,CAAA;CAAE,GAAG,IAAI,CAOvE;AAiBD,wBAAgB,qCAAqC,CACnD,aAAa,EAAE,aAAa,GAC3B;IAAE,SAAS,EAAE,iBAAiB,CAAC;IAAC,WAAW,EAAE,eAAe,CAAA;CAAE,GAAG,IAAI,CAOvE"}

package/dist/components/widget/TradeOverview/CancelOrder/utils.js

@@ -0,0 +1,49 @@
+import { isOtcOrderItem, isLimitOrderItem, isTransactionListItem } from '../../AppHeader/Activities/utils.js';
+import { CancelOrderTexts } from './constants.js';
+
+function getCancelOrderTexts(orderType) {
+  return CancelOrderTexts[orderType];
+}
+function getOrderTypeToCancelFromOrderItem(orderItem) {
+  if (isOtcOrderItem(orderItem)) {
+    return null;
+  }
+  if (isLimitOrderItem(orderItem)) {
+    return orderItem.type === "LIMIT" ? "Delta Limit" : "Delta Swap";
+  }
+  if (isTransactionListItem(orderItem) && orderItem.action === "swap") {
+    return "Market Swap";
+  }
+  return null;
+}
+function getOrderCancelDetailsForOrderItem(orderItem) {
+  const orderType = getOrderTypeToCancelFromOrderItem(orderItem);
+  if (orderType === null) return null;
+  return {
+    orderType,
+    cancelTexts: getCancelOrderTexts(orderType)
+  };
+}
+function getOrderTypeToCancelFromTradeFlowType(tradeFlowType) {
+  if (tradeFlowType === "deltaOrder") {
+    return "Delta Swap";
+  }
+  if (tradeFlowType === "limitOrder") {
+    return "Delta Limit";
+  }
+  if (tradeFlowType === "marketSwap") {
+    return "Market Swap";
+  }
+  return null;
+}
+function getOrderCancelDetailsForTradeFlowType(tradeFlowType) {
+  const orderType = getOrderTypeToCancelFromTradeFlowType(tradeFlowType);
+  if (orderType === null) return null;
+  return {
+    orderType,
+    cancelTexts: getCancelOrderTexts(orderType)
+  };
+}
+
+export { getOrderCancelDetailsForOrderItem, getOrderCancelDetailsForTradeFlowType };
+//# sourceMappingURL=utils.js.map

package/dist/components/widget/TradeOverview/CancelOrder/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/CancelOrder/utils.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport {\n  isLimitOrderItem,\n  isOtcOrderItem,\n  isTransactionListItem,\n  type OrderItem,\n} from \"../../AppHeader/Activities/utils\";\nimport {\n  CancelOrderTexts,\n  type CancelOrderText,\n  type OrderTypeToCancel,\n} from \"./constants\";\n\nfunction getCancelOrderTexts(orderType: OrderTypeToCancel): CancelOrderText {\n  return CancelOrderTexts[orderType];\n}\n\n/**\n * Derives the cancel order type from an OrderItem:\n * - Delta limit (itemType \"limit-order\" with type \"LIMIT\") → \"Delta Limit\"\n * - Delta swap (itemType \"limit-order\" with type \"MARKET\") → \"Delta Swap\"\n * - Market swap (itemType \"transaction\" with action \"swap\") → \"Market Swap\"\n * Returns null for OTC orders (no cancel flow in this context).\n */\nfunction getOrderTypeToCancelFromOrderItem(\n  orderItem: OrderItem\n): OrderTypeToCancel | null {\n  if (isOtcOrderItem(orderItem)) {\n    return null;\n  }\n  if (isLimitOrderItem(orderItem)) {\n    return orderItem.type === \"LIMIT\" ? \"Delta Limit\" : \"Delta Swap\";\n  }\n  if (isTransactionListItem(orderItem) && orderItem.action === \"swap\") {\n    return \"Market Swap\";\n  }\n  return null;\n}\n\nexport function getOrderCancelDetailsForOrderItem(\n  orderItem: OrderItem\n): { orderType: OrderTypeToCancel; cancelTexts: CancelOrderText } | null {\n  const orderType = getOrderTypeToCancelFromOrderItem(orderItem);\n  if (orderType === null) return null;\n  return {\n    orderType,\n    cancelTexts: getCancelOrderTexts(orderType),\n  };\n}\n\nfunction getOrderTypeToCancelFromTradeFlowType(\n  tradeFlowType: TradeFlowType\n): OrderTypeToCancel | null {\n  if (tradeFlowType === \"deltaOrder\") {\n    return \"Delta Swap\";\n  }\n  if (tradeFlowType === \"limitOrder\") {\n    return \"Delta Limit\";\n  }\n  if (tradeFlowType === \"marketSwap\") {\n    return \"Market Swap\";\n  }\n  return null;\n}\n\nexport function getOrderCancelDetailsForTradeFlowType(\n  tradeFlowType: TradeFlowType\n): { orderType: OrderTypeToCancel; cancelTexts: CancelOrderText } | null {\n  const orderType = getOrderTypeToCancelFromTradeFlowType(tradeFlowType);\n  if (orderType === null) return null;\n  return {\n    orderType,\n    cancelTexts: getCancelOrderTexts(orderType),\n  };\n}\n"],"names":["getCancelOrderTexts","orderType","CancelOrderTexts","getOrderTypeToCancelFromOrderItem","orderItem","isOtcOrderItem","isLimitOrderItem","type","isTransactionListItem","action","getOrderCancelDetailsForOrderItem","cancelTexts","getOrderTypeToCancelFromTradeFlowType","tradeFlowType","getOrderCancelDetailsForTradeFlowType"],"mappings":";;;AAaA,SAASA,oBAAoBC,SAAAA,EAA+C;AAC1E,EAAA,OAAOC,iBAAiBD,SAAS,CAAA;AACnC;AASA,SAASE,kCACPC,SAAAA,EAC0B;AAC1B,EAAA,IAAIC,cAAAA,CAAeD,SAAS,CAAA,EAAG;AAC7B,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,IAAIE,gBAAAA,CAAiBF,SAAS,CAAA,EAAG;AAC/B,IAAA,OAAOA,SAAAA,CAAUG,IAAAA,KAAS,OAAA,GAAU,aAAA,GAAgB,YAAA;AAAA,EACtD;AACA,EAAA,IAAIC,qBAAAA,CAAsBJ,SAAS,CAAA,IAAKA,SAAAA,CAAUK,WAAW,MAAA,EAAQ;AACnE,IAAA,OAAO,aAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;AAEO,SAASC,kCACdN,SAAAA,EACuE;AACvE,EAAA,MAAMH,SAAAA,GAAYE,kCAAkCC,SAAS,CAAA;AAC7D,EAAA,IAAIH,SAAAA,KAAc,MAAM,OAAO,IAAA;AAC/B,EAAA,OAAO;AAAA,IACLA,SAAAA;AAAAA,IACAU,WAAAA,EAAaX,oBAAoBC,SAAS;AAAA,GAC5C;AACF;AAEA,SAASW,sCACPC,aAAAA,EAC0B;AAC1B,EAAA,IAAIA,kBAAkB,YAAA,EAAc;AAClC,IAAA,OAAO,YAAA;AAAA,EACT;AACA,EAAA,IAAIA,kBAAkB,YAAA,EAAc;AAClC,IAAA,OAAO,aAAA;AAAA,EACT;AACA,EAAA,IAAIA,kBAAkB,YAAA,EAAc;AAClC,IAAA,OAAO,aAAA;AAAA,EACT;AACA,EAAA,OAAO,IAAA;AACT;AAEO,SAASC,sCACdD,aAAAA,EACuE;AACvE,EAAA,MAAMZ,SAAAA,GAAYW,sCAAsCC,aAAa,CAAA;AACrE,EAAA,IAAIZ,SAAAA,KAAc,MAAM,OAAO,IAAA;AAC/B,EAAA,OAAO;AAAA,IACLA,SAAAA;AAAAA,IACAU,WAAAA,EAAaX,oBAAoBC,SAAS;AAAA,GAC5C;AACF;;;;"}

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts

@@ -4,8 +4,8 @@ import { MinTradeOverviewProps, TradeOverviewProps } from './TradeOverview';
 import { MarketSwapFlowType } from '../../../hooks/swap/tradeFlow/common/types';
 import { OptimalRate } from '@velora-dex/sdk';
 export type { FlowStep } from './Step/types';
-type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onResubmit" | "onRestartFlow" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide">;
-export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onResubmit, onRestartFlow, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
+type MarketSwapTradeOverviewProps = Pick<TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>, "fromToken" | "toToken" | "fromAmount" | "toAmount" | "onDismiss" | "onHelp" | "onCancelFlow" | "onResubmit" | "onRestartFlow" | "isFlowCancellable" | "explorerLink" | "activeStep" | "result" | "error" | "erroredStep" | "tradeFlowType" | "swapSide" | "onCancelOrder" | "orderCancellationStep">;
+export declare function MarketSwapTradeOverview({ fromToken, toToken, fromAmount, toAmount, swapSide, onDismiss, onHelp, onCancelFlow, onResubmit, onRestartFlow, activeStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, onCancelOrder, orderCancellationStep, }: MarketSwapTradeOverviewProps): import("react/jsx-runtime").JSX.Element;
 export type MarketSwapTradeOverviewFlowProps = {
     marketPrice: OptimalRate;
     orderProps: MinTradeOverviewProps;

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,CACb,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAuB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAiGF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}
+{"version":3,"file":"MarketSwapTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKnD,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,kBAAkB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,GACf,UAAU,GACV,eAAe,GACf,uBAAuB,CAC1B,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,EACb,aAAa,EACb,qBAAqB,GACtB,EAAE,4BAA4B,2CAyB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,qBAAqB,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAwGF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}

package/dist/components/widget/TradeOverview/MarketSwapTradeOverview.js

@@ -9,7 +9,7 @@ import { useSwapAmountsWithSlippage } from './utils/useSwapAmountsWithSlippage.j
 import { useRunOnMount } from '../../../core/screen/hooks/useRunOnMount.js';
 
 function MarketSwapTradeOverview(t0) {
-  const $ = distExports.c(18);
+  const $ = distExports.c(20);
   const {
     fromToken,
     toToken,
@@ -27,11 +27,13 @@ function MarketSwapTradeOverview(t0) {
     result,
     error,
     erroredStep,
-    tradeFlowType
+    tradeFlowType,
+    onCancelOrder,
+    orderCancellationStep
   } = t0;
   let t1;
-  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onDismiss || $[9] !== onHelp || $[10] !== onRestartFlow || $[11] !== onResubmit || $[12] !== result || $[13] !== swapSide || $[14] !== toAmount || $[15] !== toToken || $[16] !== tradeFlowType) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, swapSide, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancelFlow, onResubmit, onRestartFlow, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRestartFlow || $[12] !== onResubmit || $[13] !== orderCancellationStep || $[14] !== result || $[15] !== swapSide || $[16] !== toAmount || $[17] !== toToken || $[18] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, swapSide, steps: MarketSwapSteps, activeStep, onDismiss, onHelp, onCancelFlow, onResubmit, onRestartFlow, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType, onCancelOrder, orderCancellationStep });
     $[0] = activeStep;
     $[1] = error;
     $[2] = erroredStep;
@@ -40,23 +42,25 @@ function MarketSwapTradeOverview(t0) {
     $[5] = fromToken;
     $[6] = isFlowCancellable;
     $[7] = onCancelFlow;
-    $[8] = onDismiss;
-    $[9] = onHelp;
-    $[10] = onRestartFlow;
-    $[11] = onResubmit;
-    $[12] = result;
-    $[13] = swapSide;
-    $[14] = toAmount;
-    $[15] = toToken;
-    $[16] = tradeFlowType;
-    $[17] = t1;
+    $[8] = onCancelOrder;
+    $[9] = onDismiss;
+    $[10] = onHelp;
+    $[11] = onRestartFlow;
+    $[12] = onResubmit;
+    $[13] = orderCancellationStep;
+    $[14] = result;
+    $[15] = swapSide;
+    $[16] = toAmount;
+    $[17] = toToken;
+    $[18] = tradeFlowType;
+    $[19] = t1;
   } else {
-    t1 = $[17];
+    t1 = $[19];
   }
   return t1;
 }
 function MarketSwapTradeOverviewFlow(t0) {
-  const $ = distExports.c(40);
+  const $ = distExports.c(42);
   const {
     orderProps,
     marketPrice,
@@ -87,7 +91,10 @@ function MarketSwapTradeOverviewFlow(t0) {
     submittedSwapRequest,
     error,
     erroredStep,
-    tradeFlowType
+    tradeFlowType,
+    isSwapTxCancellable,
+    swapTxCancellationStep,
+    cancelSwapTx
   } = useMarketSwapStep(t1);
   let t2;
   if ($[2] !== isNonFlowStep || $[3] !== startMarketSwap) {
@@ -180,9 +187,10 @@ function MarketSwapTradeOverviewFlow(t0) {
     t7 = $[22];
   }
   const onDismiss = t7;
+  const onCancelOrder = isSwapTxCancellable ? cancelSwapTx : void 0;
   let t8;
-  if ($[23] !== amountsAndSide.destAmount || $[24] !== amountsAndSide.srcAmount || $[25] !== amountsAndSide.swapSide || $[26] !== cancelFlow || $[27] !== error || $[28] !== erroredStep || $[29] !== explorerLink || $[30] !== goToBeforeSwap || $[31] !== isFlowCancellable || $[32] !== onDismiss || $[33] !== orderProps.fromToken || $[34] !== orderProps.toToken || $[35] !== result || $[36] !== retryFlow || $[37] !== step || $[38] !== tradeFlowType) {
-    t8 = /* @__PURE__ */ jsx(MarketSwapTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onResubmit: goToBeforeSwap, onRestartFlow: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+  if ($[23] !== amountsAndSide.destAmount || $[24] !== amountsAndSide.srcAmount || $[25] !== amountsAndSide.swapSide || $[26] !== cancelFlow || $[27] !== error || $[28] !== erroredStep || $[29] !== explorerLink || $[30] !== goToBeforeSwap || $[31] !== isFlowCancellable || $[32] !== onCancelOrder || $[33] !== onDismiss || $[34] !== orderProps.fromToken || $[35] !== orderProps.toToken || $[36] !== result || $[37] !== retryFlow || $[38] !== step || $[39] !== swapTxCancellationStep || $[40] !== tradeFlowType) {
+    t8 = /* @__PURE__ */ jsx(MarketSwapTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onResubmit: goToBeforeSwap, onRestartFlow: retryFlow, onCancelOrder, orderCancellationStep: swapTxCancellationStep, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
     $[23] = amountsAndSide.destAmount;
     $[24] = amountsAndSide.srcAmount;
     $[25] = amountsAndSide.swapSide;
@@ -192,16 +200,18 @@ function MarketSwapTradeOverviewFlow(t0) {
     $[29] = explorerLink;
     $[30] = goToBeforeSwap;
     $[31] = isFlowCancellable;
-    $[32] = onDismiss;
-    $[33] = orderProps.fromToken;
-    $[34] = orderProps.toToken;
-    $[35] = result;
-    $[36] = retryFlow;
-    $[37] = step;
-    $[38] = tradeFlowType;
-    $[39] = t8;
+    $[32] = onCancelOrder;
+    $[33] = onDismiss;
+    $[34] = orderProps.fromToken;
+    $[35] = orderProps.toToken;
+    $[36] = result;
+    $[37] = retryFlow;
+    $[38] = step;
+    $[39] = swapTxCancellationStep;
+    $[40] = tradeFlowType;
+    $[41] = t8;
   } else {
-    t8 = $[39];
+    t8 = $[41];
   }
   return t8;
 }