@velora-dex/widget 0.4.14 → 0.5.0

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;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    goToBeforeSwap,\n    isNonFlowStep,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedSwapRequest,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startMarketSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const submittedSwapWei = submittedSwapRequest\n    ? {\n        srcAmount: submittedSwapRequest.swapTxInput.srcAmount,\n        destAmount: submittedSwapRequest.swapTxInput.destAmount,\n        swapSide: submittedSwapRequest.swapTxInput.priceRoute.side,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.destAmount,\n        swapSide: usedPrice.side,\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: marketPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={goToBeforeSwap}\n      onRestartFlow={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","MarketSwapSteps","MarketSwapTradeOverviewFlow","orderProps","marketPrice","onClose","step","startMarketSwap","cancelFlow","retryFlow","reset","goToBeforeSwap","isNonFlowStep","usedPrice","submittedSwapRequest","useMarketSwapStep","t2","onTxSent","handleTxSent","useRunOnMount","t3","srcAmount","swapTxInput","destAmount","priceRoute","side","undefined","submittedSwapWei","t4","usedPriceWei","t5","t6","formDataUnit","price","amountsAndSide","useSwapAmountsWithSlippage","t7","t8","MarketSwapTradeOverviewScreen","props","useCurrentSwapPrice"],"mappings":"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"}
+{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n  | \"onCancelOrder\"\n  | \"orderCancellationStep\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onRestartFlow,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n  onCancelOrder,\n  orderCancellationStep,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={orderCancellationStep}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    goToBeforeSwap,\n    isNonFlowStep,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedSwapRequest,\n    error,\n    erroredStep,\n    tradeFlowType,\n    isSwapTxCancellable,\n    swapTxCancellationStep,\n    cancelSwapTx,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    if (isNonFlowStep) {\n      // don't start the flow if we're in a non-flow step\n      return;\n    }\n    startMarketSwap({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const submittedSwapWei = submittedSwapRequest\n    ? {\n        srcAmount: submittedSwapRequest.swapTxInput.srcAmount,\n        destAmount: submittedSwapRequest.swapTxInput.destAmount,\n        swapSide: submittedSwapRequest.swapTxInput.priceRoute.side,\n      }\n    : undefined;\n\n  const usedPriceWei = usedPrice\n    ? {\n        srcAmount: usedPrice.srcAmount,\n        destAmount: usedPrice.destAmount,\n        swapSide: usedPrice.side,\n      }\n    : undefined;\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n    price: marketPrice,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  const onCancelOrder = isSwapTxCancellable ? cancelSwapTx : undefined;\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={goToBeforeSwap}\n      onRestartFlow={retryFlow}\n      onCancelOrder={onCancelOrder}\n      orderCancellationStep={swapTxCancellationStep}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onResubmit","onRestartFlow","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","onCancelOrder","orderCancellationStep","t1","MarketSwapSteps","MarketSwapTradeOverviewFlow","orderProps","marketPrice","onClose","step","startMarketSwap","cancelFlow","retryFlow","reset","goToBeforeSwap","isNonFlowStep","usedPrice","submittedSwapRequest","isSwapTxCancellable","swapTxCancellationStep","cancelSwapTx","useMarketSwapStep","t2","onTxSent","handleTxSent","useRunOnMount","t3","srcAmount","swapTxInput","destAmount","priceRoute","side","undefined","submittedSwapWei","t4","usedPriceWei","t5","t6","formDataUnit","price","amountsAndSide","useSwapAmountsWithSlippage","t7","t8","MarketSwapTradeOverviewScreen","props","useCurrentSwapPrice"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"names":[],"mappings":"AAKA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AA2DF,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,eAAe,CAAC,4CAShE,CAAC"}
+{"version":3,"file":"TradeCompleteFooter.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"names":[],"mappings":"AAIA,KAAK,yBAAyB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAoDF,eAAO,MAAM,oBAAoB,GAAI,+BAGlC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,eAAe,CAAC,4CAShE,CAAC"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js

@@ -2,21 +2,20 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../../_virtual/index.js';
 import { Button } from '../../../ui/button.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
-import { CancelButton } from '../../Button/CancelButton/CancelButton.js';
-import { cancelOrderTooltip } from '../../Button/CancelButton/constants.js';
+import { CancelButtonWithDrawer } from '../CancelButtonWithDrawer.js';
 
 const TradeCompletedFooterBase = (t0) => {
-  const $ = distExports.c(12);
+  const $ = distExports.c(11);
   const {
     onDismiss,
     onCancelOrder,
     explorerLink
   } = t0;
   const {
-    orderCancellationStep
+    orderCancellationStep,
+    isOrderCancelled
   } = useTradeFlowContext();
-  const successfulCancellation = orderCancellationStep === "success";
-  const pendingCancellation = orderCancellationStep === "pending";
+  const successfulCancellation = orderCancellationStep === "order-cancellation-success" || isOrderCancelled;
   let t1;
   if ($[0] !== onDismiss) {
     t1 = /* @__PURE__ */ jsx(Button, { variant: "default", size: "xl", radius: "sm", className: "w-full text-sm", onClick: onDismiss, children: "Make Another Trade" });
@@ -36,29 +35,28 @@ const TradeCompletedFooterBase = (t0) => {
   }
   const button2 = t2;
   let t3;
-  if ($[4] !== onCancelOrder || $[5] !== pendingCancellation || $[6] !== successfulCancellation) {
-    t3 = onCancelOrder && !successfulCancellation ? /* @__PURE__ */ jsx(CancelButton, { disabled: pendingCancellation, onClick: onCancelOrder, isLoading: pendingCancellation, tooltip: cancelOrderTooltip, children: "Cancel This Order" }) : null;
+  if ($[4] !== onCancelOrder || $[5] !== successfulCancellation) {
+    t3 = onCancelOrder && !successfulCancellation ? /* @__PURE__ */ jsx(CancelButtonWithDrawer, { onCancelOrder }) : null;
     $[4] = onCancelOrder;
-    $[5] = pendingCancellation;
-    $[6] = successfulCancellation;
-    $[7] = t3;
+    $[5] = successfulCancellation;
+    $[6] = t3;
   } else {
-    t3 = $[7];
+    t3 = $[6];
   }
   const button3 = t3;
   let t4;
-  if ($[8] !== button1 || $[9] !== button2 || $[10] !== button3) {
+  if ($[7] !== button1 || $[8] !== button2 || $[9] !== button3) {
     t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center w-full gap-4", children: [
       button1,
       button2,
       button3
     ] });
-    $[8] = button1;
-    $[9] = button2;
-    $[10] = button3;
-    $[11] = t4;
+    $[7] = button1;
+    $[8] = button2;
+    $[9] = button3;
+    $[10] = t4;
   } else {
-    t4 = $[11];
+    t4 = $[10];
   }
   return t4;
 };

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { CancelButton } from \"../../Button/CancelButton/CancelButton\";\nimport { cancelOrderTooltip } from \"../../Button/CancelButton/constants\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  onCancelOrder?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  onCancelOrder,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  const { orderCancellationStep } = useTradeFlowContext();\n\n  const successfulCancellation = orderCancellationStep === \"success\";\n  const pendingCancellation = orderCancellationStep === \"pending\";\n\n  const button1 = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const button2 = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const button3 =\n    onCancelOrder && !successfulCancellation ? (\n      <CancelButton\n        disabled={pendingCancellation}\n        onClick={onCancelOrder}\n        isLoading={pendingCancellation}\n        tooltip={cancelOrderTooltip}\n      >\n        Cancel This Order\n      </CancelButton>\n    ) : null;\n\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      {button1}\n      {button2}\n      {button3}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n  onCancelOrder,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\" | \"onCancelOrder\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      onCancelOrder={onCancelOrder}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","onCancelOrder","explorerLink","orderCancellationStep","useTradeFlowContext","successfulCancellation","pendingCancellation","t1","button1","t2","button2","t3","cancelOrderTooltip","button3","t4","TradeCompletedFooter"],"mappings":";;;;;;;AAWA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAKhC,EAAA,MAAA;AAAA,IAAAM;AAAAA,MAAkCC,mBAAAA,EAAoB;AAEtD,EAAA,MAAAC,yBAA+BF,qBAAAA,KAA0B,SAAA;AACzD,EAAA,MAAAG,sBAA4BH,qBAAAA,KAA0B,SAAA;AAAU,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAT,CAAAA,QAAAE,SAAAA,EAAA;AAG9DO,IAAAA,EAAAA,mBAAA,GAAA,CAAC,MAAA,EAAA,EACS,OAAA,EAAA,SAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACDP,OAAAA,EAAAA,SAAAA,EACV,QAAA,EAAA,oBAAA,EAED,CAAA;AAASF,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AATX,EAAA,MAAAU,OAAAA,GACED,EAAAA;AASA,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAX,CAAAA,QAAAI,YAAAA,EAAA;AAEcO,IAAAA,EAAAA,GAAAP,YAAAA,uBACb,MAAA,EAAA,EACS,OAAA,EAAA,aACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,IAAA,EACG,SAAA,EAAA,gBAAA,EACV,SAAA,IAAA,EAEA,QAAA,kBAAA,GAAA,CAAA,GAAA,EAAA,EAASA,IAAAA,gBAAkB,GAAA,EAAA,uBAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA,GAXc,IAAA;AAYRJ,IAAAA,CAAAA,MAAAI,YAAAA;AAAAJ,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAZR,EAAA,MAAAY,OAAAA,GAAgBD,EAAAA;AAYP,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAb,CAAAA,CAAA,CAAA,CAAA,KAAAG,aAAAA,IAAAH,CAAAA,QAAAQ,mBAAAA,IAAAR,CAAAA,CAAA,CAAA,CAAA,KAAAO,sBAAAA,EAAA;AAGPM,IAAAA,EAAAA,GAAAV,aAAAA,IAAA,CAAkBI,sBAAAA,mBAChB,GAAA,CAAC,gBACWC,QAAAA,EAAAA,mBAAAA,EACDL,OAAAA,EAAAA,aAAAA,EACEK,SAAAA,EAAAA,mBAAAA,EACFM,OAAAA,EAAAA,kBAAAA,EACV,+BAED,CAAA,GARF,IAAA;AASQd,IAAAA,CAAAA,MAAAG,aAAAA;AAAAH,IAAAA,CAAAA,MAAAQ,mBAAAA;AAAAR,IAAAA,CAAAA,MAAAO,sBAAAA;AAAAP,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAVV,EAAA,MAAAe,OAAAA,GACEF,EAAAA;AASS,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAhB,CAAAA,CAAA,CAAA,CAAA,KAAAU,OAAAA,IAAAV,CAAAA,QAAAY,OAAAA,IAAAZ,CAAAA,CAAA,EAAA,CAAA,KAAAe,OAAAA,EAAA;AAGTC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,2CAAA,EACZN,QAAAA,EAAAA;AAAAA,MAAAA,OAAAA;AAAAA,MACAE,OAAAA;AAAAA,MACAG;AAAAA,KAAAA,EACH,CAAA;AAAMf,IAAAA,CAAAA,MAAAU,OAAAA;AAAAV,IAAAA,CAAAA,MAAAY,OAAAA;AAAAZ,IAAAA,CAAAA,OAAAe,OAAAA;AAAAf,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAJNgB,EAAAA;AAIM,CAAA;AAIH,MAAMC,uBAAuBlB,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAInC,EAAA,MAAA;AAAA,IAAAK;AAAAA,MAAyBE,mBAAAA,EAAoB;AAAE,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAT,CAAAA,CAAA,CAAA,CAAA,KAAAI,YAAAA,IAAAJ,CAAAA,QAAAG,aAAAA,IAAAH,CAAAA,CAAA,CAAA,CAAA,KAAAE,SAAAA,EAAA;AAE7CO,IAAAA,EAAAA,uBAAC,wBAAA,EAAA,EACYP,SAAAA,EACIC,aAAAA,EACDC,YAAAA,EAAY,CAAA;AAC1BJ,IAAAA,CAAAA,MAAAI,YAAAA;AAAAJ,IAAAA,CAAAA,MAAAG,aAAAA;AAAAH,IAAAA,CAAAA,MAAAE,SAAAA;AAAAF,IAAAA,CAAAA,MAAAS,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAT,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAJFS,EAAAA;AAIE;;;;"}
+{"version":3,"file":"TradeCompleteFooter.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteFooter.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport { CancelButtonWithDrawer } from \"../CancelButtonWithDrawer\";\n\ntype TradeCompletedFooterProps = {\n  onDismiss?: () => void;\n  onCancelOrder?: () => void;\n  explorerLink?: string;\n};\n\nconst TradeCompletedFooterBase = ({\n  onDismiss,\n  onCancelOrder,\n  explorerLink,\n}: TradeCompletedFooterProps) => {\n  const { orderCancellationStep, isOrderCancelled } = useTradeFlowContext();\n\n  const successfulCancellation =\n    orderCancellationStep === \"order-cancellation-success\" || isOrderCancelled;\n\n  const button1 = (\n    <Button\n      variant=\"default\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      onClick={onDismiss}\n    >\n      Make Another Trade\n    </Button>\n  );\n\n  const button2 = explorerLink ? (\n    <Button\n      variant=\"secondary\"\n      size=\"xl\"\n      radius=\"sm\"\n      className=\"w-full text-sm\"\n      asChild\n    >\n      <a href={explorerLink} rel=\"noopener noreferrer\" target=\"_blank\">\n        View On Explorer\n      </a>\n    </Button>\n  ) : null;\n\n  const button3 =\n    onCancelOrder && !successfulCancellation ? (\n      <CancelButtonWithDrawer onCancelOrder={onCancelOrder} />\n    ) : null;\n\n  return (\n    <div className=\"flex flex-col justify-center w-full gap-4\">\n      {button1}\n      {button2}\n      {button3}\n    </div>\n  );\n};\n\nexport const TradeCompletedFooter = ({\n  onDismiss,\n  onCancelOrder,\n}: Pick<TradeCompletedFooterProps, \"onDismiss\" | \"onCancelOrder\">) => {\n  const { explorerLink } = useTradeFlowContext();\n  return (\n    <TradeCompletedFooterBase\n      onDismiss={onDismiss}\n      onCancelOrder={onCancelOrder}\n      explorerLink={explorerLink}\n    />\n  );\n};\n"],"names":["TradeCompletedFooterBase","t0","$","_c","onDismiss","onCancelOrder","explorerLink","orderCancellationStep","isOrderCancelled","useTradeFlowContext","successfulCancellation","t1","button1","t2","button2","t3","button3","t4","TradeCompletedFooter"],"mappings":"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"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.d.ts

@@ -1,7 +1,8 @@
 import { TradeFlowType } from '../../../../hooks/swap/tradeFlow/common/types';
 type TradeCompletedHeaderBaseProps = {
     tradeFlowType: TradeFlowType;
+    isOrderCancelled?: boolean;
 };
-export declare const TradeCompletedHeader: ({ tradeFlowType, }: Pick<TradeCompletedHeaderBaseProps, "tradeFlowType">) => import("react/jsx-runtime").JSX.Element;
+export declare const TradeCompletedHeader: ({ tradeFlowType, isOrderCancelled, }: TradeCompletedHeaderBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TradeCompleteHeader.d.ts.map

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,qCAAqC,CAAC;AAI7C,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAgBF,eAAO,MAAM,oBAAoB,GAAI,oBAElC,IAAI,CAAC,6BAA6B,EAAE,eAAe,CAAC,4CAMtD,CAAC"}
+{"version":3,"file":"TradeCompleteHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAGV,aAAa,EACd,MAAM,qCAAqC,CAAC;AAI7C,KAAK,6BAA6B,GAAG;IACnC,aAAa,EAAE,aAAa,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAoBF,eAAO,MAAM,oBAAoB,GAAI,sCAGlC,6BAA6B,4CAgB/B,CAAC"}

package/dist/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.js

@@ -11,61 +11,66 @@ const TradeCompletedHeaderBase = (t0) => {
   const $ = distExports.c(5);
   const {
     tradeFlowType,
-    children
+    children,
+    isOrderCancelled
   } = t0;
-  const t1 = tradeFlowCompletedTitle[tradeFlowType];
-  let t2;
-  if ($[0] !== t1) {
-    t2 = /* @__PURE__ */ jsx("div", { className: "font-medium text-lg text-contrast-5 dark:text-contrast-9", children: t1 });
-    $[0] = t1;
-    $[1] = t2;
+  const title = isOrderCancelled ? "Order Cancelled" : tradeFlowCompletedTitle[tradeFlowType];
+  let t1;
+  if ($[0] !== title) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "font-medium text-lg text-contrast-5 dark:text-contrast-9", children: title });
+    $[0] = title;
+    $[1] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[1];
   }
-  let t3;
-  if ($[2] !== children || $[3] !== t2) {
-    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center", children: [
-      t2,
+  let t2;
+  if ($[2] !== children || $[3] !== t1) {
+    t2 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 items-center", children: [
+      t1,
       children
     ] });
     $[2] = children;
-    $[3] = t2;
-    $[4] = t3;
+    $[3] = t1;
+    $[4] = t2;
   } else {
-    t3 = $[4];
+    t2 = $[4];
   }
-  return t3;
+  return t2;
 };
 const TradeCompletedHeader = (t0) => {
-  const $ = distExports.c(4);
+  const $ = distExports.c(6);
   const {
-    tradeFlowType
+    tradeFlowType,
+    isOrderCancelled
   } = t0;
   if (isOrderTradeFlowType(tradeFlowType)) {
     let t12;
-    if ($[0] !== tradeFlowType) {
-      t12 = /* @__PURE__ */ jsx(TradeCompletedHeaderOrder, { orderTradeFlowType: tradeFlowType });
-      $[0] = tradeFlowType;
-      $[1] = t12;
+    if ($[0] !== isOrderCancelled || $[1] !== tradeFlowType) {
+      t12 = /* @__PURE__ */ jsx(TradeCompletedHeaderOrder, { orderTradeFlowType: tradeFlowType, isOrderCancelled });
+      $[0] = isOrderCancelled;
+      $[1] = tradeFlowType;
+      $[2] = t12;
     } else {
-      t12 = $[1];
+      t12 = $[2];
     }
     return t12;
   }
   let t1;
-  if ($[2] !== tradeFlowType) {
-    t1 = /* @__PURE__ */ jsx(TradeCompletedHeaderSwap, { swapTradeFlowType: tradeFlowType });
-    $[2] = tradeFlowType;
-    $[3] = t1;
+  if ($[3] !== isOrderCancelled || $[4] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedHeaderSwap, { swapTradeFlowType: tradeFlowType, isOrderCancelled });
+    $[3] = isOrderCancelled;
+    $[4] = tradeFlowType;
+    $[5] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[5];
   }
   return t1;
 };
 const TradeCompletedHeaderSwap = (t0) => {
-  const $ = distExports.c(11);
+  const $ = distExports.c(13);
   const {
-    swapTradeFlowType
+    swapTradeFlowType,
+    isOrderCancelled
   } = t0;
   const {
     result,
@@ -100,86 +105,95 @@ const TradeCompletedHeaderSwap = (t0) => {
   }
   const formattedAmountInUSD = t2;
   let t3;
-  if ($[5] !== formattedAmountInUSD || $[6] !== surplusDisplay) {
-    t3 = surplusDisplay && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
+  if ($[5] !== formattedAmountInUSD || $[6] !== isOrderCancelled || $[7] !== surplusDisplay) {
+    t3 = surplusDisplay && !isOrderCancelled && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
       "Congrats! You received a surplus of ",
       surplusDisplay,
       " ",
       formattedAmountInUSD && `(${formattedAmountInUSD})`
     ] });
     $[5] = formattedAmountInUSD;
-    $[6] = surplusDisplay;
-    $[7] = t3;
+    $[6] = isOrderCancelled;
+    $[7] = surplusDisplay;
+    $[8] = t3;
   } else {
-    t3 = $[7];
+    t3 = $[8];
   }
   let t4;
-  if ($[8] !== swapTradeFlowType || $[9] !== t3) {
-    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: swapTradeFlowType, children: t3 });
-    $[8] = swapTradeFlowType;
-    $[9] = t3;
-    $[10] = t4;
+  if ($[9] !== isOrderCancelled || $[10] !== swapTradeFlowType || $[11] !== t3) {
+    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: swapTradeFlowType, isOrderCancelled, children: t3 });
+    $[9] = isOrderCancelled;
+    $[10] = swapTradeFlowType;
+    $[11] = t3;
+    $[12] = t4;
   } else {
-    t4 = $[10];
+    t4 = $[12];
   }
   return t4;
 };
 const TradeCompletedHeaderOrder = (t0) => {
-  const $ = distExports.c(12);
+  const $ = distExports.c(15);
   const {
-    orderTradeFlowType
+    orderTradeFlowType,
+    isOrderCancelled
   } = t0;
   const isLimit = orderTradeFlowType === "limitOrder";
   const isFillOTC = orderTradeFlowType === "fillOtcOrder";
   let t1;
-  if ($[0] !== isFillOTC || $[1] !== isLimit) {
+  if ($[0] !== isFillOTC || $[1] !== isLimit || $[2] !== isOrderCancelled) {
     t1 = isFillOTC ? /* @__PURE__ */ jsx("div", { children: "Your OTC order has been executed." }) : /* @__PURE__ */ jsxs("div", { children: [
       "Your ",
       isLimit ? "limit" : "OTC",
-      " order is now created."
+      " order",
+      " ",
+      isOrderCancelled ? "has been cancelled following your request" : "is now created",
+      "."
     ] });
     $[0] = isFillOTC;
     $[1] = isLimit;
-    $[2] = t1;
+    $[2] = isOrderCancelled;
+    $[3] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[3];
   }
   const subTitle1 = t1;
   let t2;
-  if ($[3] !== isFillOTC || $[4] !== isLimit) {
-    t2 = !isFillOTC && /* @__PURE__ */ jsxs("div", { children: [
+  if ($[4] !== isFillOTC || $[5] !== isLimit || $[6] !== isOrderCancelled) {
+    t2 = !isOrderCancelled && !isFillOTC && /* @__PURE__ */ jsxs("div", { children: [
       "You can check the order status on the main ",
       isLimit ? "Limit" : "OTC",
       " ",
       "Order interface"
     ] });
-    $[3] = isFillOTC;
-    $[4] = isLimit;
-    $[5] = t2;
+    $[4] = isFillOTC;
+    $[5] = isLimit;
+    $[6] = isOrderCancelled;
+    $[7] = t2;
   } else {
-    t2 = $[5];
+    t2 = $[7];
   }
   const subTitle2 = t2;
   let t3;
-  if ($[6] !== subTitle1 || $[7] !== subTitle2) {
+  if ($[8] !== subTitle1 || $[9] !== subTitle2) {
     t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 items-center text-xs dark:text-contrast-6", children: [
       subTitle1,
       subTitle2
     ] });
-    $[6] = subTitle1;
-    $[7] = subTitle2;
-    $[8] = t3;
+    $[8] = subTitle1;
+    $[9] = subTitle2;
+    $[10] = t3;
   } else {
-    t3 = $[8];
+    t3 = $[10];
   }
   let t4;
-  if ($[9] !== orderTradeFlowType || $[10] !== t3) {
-    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, children: t3 });
-    $[9] = orderTradeFlowType;
-    $[10] = t3;
-    $[11] = t4;
+  if ($[11] !== isOrderCancelled || $[12] !== orderTradeFlowType || $[13] !== t3) {
+    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, isOrderCancelled, children: t3 });
+    $[11] = isOrderCancelled;
+    $[12] = orderTradeFlowType;
+    $[13] = t3;
+    $[14] = t4;
   } else {
-    t4 = $[11];
+    t4 = $[14];
   }
   return t4;
 };