@velora-dex/widget 0.4.14-dev.4 → 0.5.0

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":"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"}

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/DeltaOrderTradeOverview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,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,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAyB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AA2GF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}
+{"version":3,"file":"DeltaOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/DeltaOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB/D,KAAK,4BAA4B,GAAG,IAAI,CACtC,kBAAkB,CAChB,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,CAClB,EACC,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,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,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,4BAA4B,2CAyB9B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAmIF,eAAO,MAAM,6BAA6B,GACxC,OAAO,gCAAgC,4CAIxC,CAAC"}

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

@@ -7,10 +7,11 @@ import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
 import { addDeltaOrderToast } from '../../../lib/utils/toasts.js';
 import { useCurrentSwapPrice } from '../../../hooks/swap/prices/useSwapPrices.js';
 import { useSwapAmountsWithSlippage } from './utils/useSwapAmountsWithSlippage.js';
-import { getSwapSideFromDeltaPrice } from '../../../hooks/swap/prices/delta/queries/utils.js';
+import { getSwapSideFromDeltaOrder, getSwapSideFromDeltaPrice } from '../../../hooks/swap/prices/delta/queries/utils.js';
 import { useRunOnMount } from '../../../core/screen/hooks/useRunOnMount.js';
+import { isOrderCrosschain } from '../../../hooks/swap/prices/delta/orders/utils.js';
+import { amountAfterSlippage } from '../../../lib/utils/slippage.js';
 import { useSlippage } from '../../../hooks/useSlippage.js';
-import { getSwapAmountsFromDeltaOrder } from './utils/swapAmounts.js';
 
 function DeltaOrderTradeOverview(t0) {
   const $ = distExports.c(20);
@@ -64,7 +65,7 @@ function DeltaOrderTradeOverview(t0) {
   return t1;
 }
 function DeltaOrderTradeOverviewFlow(t0) {
-  const $ = distExports.c(44);
+  const $ = distExports.c(45);
   const {
     orderProps,
     deltaPrice,
@@ -121,109 +122,117 @@ function DeltaOrderTradeOverviewFlow(t0) {
     t2 = $[4];
   }
   useRunOnMount(t2);
-  let t3;
-  if ($[5] !== resolvedSlippage || $[6] !== submittedDeltaOrder || $[7] !== usedPrice) {
-    t3 = submittedDeltaOrder ? getSwapAmountsFromDeltaOrder({
-      order: submittedDeltaOrder,
-      price: usedPrice,
-      slippage: resolvedSlippage
-    }) : void 0;
-    $[5] = resolvedSlippage;
-    $[6] = submittedDeltaOrder;
-    $[7] = usedPrice;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
+  let submittedSwapWei;
+  if (submittedDeltaOrder) {
+    if ($[5] !== resolvedSlippage || $[6] !== submittedDeltaOrder.bridgeMetadata?.outputAmount || $[7] !== submittedDeltaOrder.order || $[8] !== usedPrice) {
+      const swapSide = getSwapSideFromDeltaOrder(submittedDeltaOrder.order);
+      submittedSwapWei = {
+        srcAmount: submittedDeltaOrder.order.srcAmount,
+        destAmount: submittedDeltaOrder.order.destAmount,
+        swapSide
+      };
+      if (isOrderCrosschain(submittedDeltaOrder.order)) {
+        const isBridgeOnly = usedPrice && usedPrice.srcToken.toLowerCase() === usedPrice.destToken.toLowerCase();
+        const receivedDestAmountAfterSlippage = swapSide === "SELL" && usedPrice && !isBridgeOnly ? amountAfterSlippage(usedPrice.destAmount, resolvedSlippage, swapSide).toFixed(0) : void 0;
+        submittedSwapWei.destAmount = submittedDeltaOrder.bridgeMetadata?.outputAmount || receivedDestAmountAfterSlippage || submittedSwapWei.destAmount;
+      }
+      $[5] = resolvedSlippage;
+      $[6] = submittedDeltaOrder.bridgeMetadata?.outputAmount;
+      $[7] = submittedDeltaOrder.order;
+      $[8] = usedPrice;
+      $[9] = submittedSwapWei;
+    } else {
+      submittedSwapWei = $[9];
+    }
   }
-  const submittedSwapWei = t3;
-  let t4;
-  if ($[9] !== usedPrice) {
-    t4 = usedPrice ? {
+  let t3;
+  if ($[10] !== usedPrice) {
+    t3 = usedPrice ? {
       srcAmount: usedPrice.srcAmount,
       destAmount: usedPrice.receivedDestAmount,
       swapSide: getSwapSideFromDeltaPrice(usedPrice)
     } : void 0;
-    $[9] = usedPrice;
-    $[10] = t4;
+    $[10] = usedPrice;
+    $[11] = t3;
   } else {
-    t4 = $[10];
+    t3 = $[11];
   }
-  const usedPriceWei = t4;
-  let t5;
-  if ($[11] !== orderProps.fromAmount || $[12] !== orderProps.swapSide || $[13] !== orderProps.toAmount) {
-    t5 = {
+  const usedPriceWei = t3;
+  let t4;
+  if ($[12] !== orderProps.fromAmount || $[13] !== orderProps.swapSide || $[14] !== orderProps.toAmount) {
+    t4 = {
       srcAmount: orderProps.fromAmount,
       destAmount: orderProps.toAmount,
       swapSide: orderProps.swapSide
     };
-    $[11] = orderProps.fromAmount;
-    $[12] = orderProps.swapSide;
-    $[13] = orderProps.toAmount;
-    $[14] = t5;
+    $[12] = orderProps.fromAmount;
+    $[13] = orderProps.swapSide;
+    $[14] = orderProps.toAmount;
+    $[15] = t4;
   } else {
-    t5 = $[14];
+    t4 = $[15];
   }
-  let t6;
-  if ($[15] !== deltaPrice || $[16] !== orderProps.fromToken || $[17] !== orderProps.toToken || $[18] !== submittedSwapWei || $[19] !== t5 || $[20] !== usedPriceWei) {
-    t6 = {
+  let t5;
+  if ($[16] !== deltaPrice || $[17] !== orderProps.fromToken || $[18] !== orderProps.toToken || $[19] !== submittedSwapWei || $[20] !== t4 || $[21] !== usedPriceWei) {
+    t5 = {
       submittedSwapWei,
       usedPriceWei,
-      formDataUnit: t5,
+      formDataUnit: t4,
       fromToken: orderProps.fromToken,
       toToken: orderProps.toToken,
       price: deltaPrice
     };
-    $[15] = deltaPrice;
-    $[16] = orderProps.fromToken;
-    $[17] = orderProps.toToken;
-    $[18] = submittedSwapWei;
-    $[19] = t5;
-    $[20] = usedPriceWei;
-    $[21] = t6;
+    $[16] = deltaPrice;
+    $[17] = orderProps.fromToken;
+    $[18] = orderProps.toToken;
+    $[19] = submittedSwapWei;
+    $[20] = t4;
+    $[21] = usedPriceWei;
+    $[22] = t5;
   } else {
-    t6 = $[21];
+    t5 = $[22];
   }
-  const amountsAndSide = useSwapAmountsWithSlippage(t6);
-  let t7;
-  if ($[22] !== onClose || $[23] !== reset) {
-    t7 = () => {
+  const amountsAndSide = useSwapAmountsWithSlippage(t5);
+  let t6;
+  if ($[23] !== onClose || $[24] !== reset) {
+    t6 = () => {
       onClose?.();
       reset();
     };
-    $[22] = onClose;
-    $[23] = reset;
-    $[24] = t7;
+    $[23] = onClose;
+    $[24] = reset;
+    $[25] = t6;
   } else {
-    t7 = $[24];
+    t6 = $[25];
   }
-  const onDismiss = t7;
+  const onDismiss = t6;
   const onCancelOrder = isOrderCancellable ? cancelDeltaOrder : void 0;
-  let t8;
-  if ($[25] !== amountsAndSide.destAmount || $[26] !== amountsAndSide.srcAmount || $[27] !== amountsAndSide.swapSide || $[28] !== cancelFlow || $[29] !== error || $[30] !== erroredStep || $[31] !== explorerLink || $[32] !== goToBeforeSwap || $[33] !== isFlowCancellable || $[34] !== onCancelOrder || $[35] !== onDismiss || $[36] !== orderCancellationStep || $[37] !== orderProps.fromToken || $[38] !== orderProps.toToken || $[39] !== result || $[40] !== retryFlow || $[41] !== step || $[42] !== tradeFlowType) {
-    t8 = /* @__PURE__ */ jsx(DeltaOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onCancelOrder, onRestartFlow: retryFlow, onResubmit: goToBeforeSwap, activeStep: step, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
-    $[25] = amountsAndSide.destAmount;
-    $[26] = amountsAndSide.srcAmount;
-    $[27] = amountsAndSide.swapSide;
-    $[28] = cancelFlow;
-    $[29] = error;
-    $[30] = erroredStep;
-    $[31] = explorerLink;
-    $[32] = goToBeforeSwap;
-    $[33] = isFlowCancellable;
-    $[34] = onCancelOrder;
-    $[35] = onDismiss;
-    $[36] = orderCancellationStep;
-    $[37] = orderProps.fromToken;
-    $[38] = orderProps.toToken;
-    $[39] = result;
-    $[40] = retryFlow;
-    $[41] = step;
-    $[42] = tradeFlowType;
-    $[43] = t8;
+  let t7;
+  if ($[26] !== amountsAndSide.destAmount || $[27] !== amountsAndSide.srcAmount || $[28] !== amountsAndSide.swapSide || $[29] !== cancelFlow || $[30] !== error || $[31] !== erroredStep || $[32] !== explorerLink || $[33] !== goToBeforeSwap || $[34] !== isFlowCancellable || $[35] !== onCancelOrder || $[36] !== onDismiss || $[37] !== orderCancellationStep || $[38] !== orderProps.fromToken || $[39] !== orderProps.toToken || $[40] !== result || $[41] !== retryFlow || $[42] !== step || $[43] !== tradeFlowType) {
+    t7 = /* @__PURE__ */ jsx(DeltaOrderTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onCancelOrder, onRestartFlow: retryFlow, onResubmit: goToBeforeSwap, activeStep: step, orderCancellationStep, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[26] = amountsAndSide.destAmount;
+    $[27] = amountsAndSide.srcAmount;
+    $[28] = amountsAndSide.swapSide;
+    $[29] = cancelFlow;
+    $[30] = error;
+    $[31] = erroredStep;
+    $[32] = explorerLink;
+    $[33] = goToBeforeSwap;
+    $[34] = isFlowCancellable;
+    $[35] = onCancelOrder;
+    $[36] = onDismiss;
+    $[37] = orderCancellationStep;
+    $[38] = orderProps.fromToken;
+    $[39] = orderProps.toToken;
+    $[40] = result;
+    $[41] = retryFlow;
+    $[42] = step;
+    $[43] = tradeFlowType;
+    $[44] = t7;
   } else {
-    t8 = $[43];
+    t7 = $[44];
   }
-  return t8;
+  return t7;
 }
 const DeltaOrderTradeOverviewScreen = (props) => {
   const $ = distExports.c(2);