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

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":"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"}
+{"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,34 +105,39 @@ 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 orderCreated = "is now created";
+const orderCancelled = "has been cancelled following your request";
 const TradeCompletedHeaderOrder = (t0) => {
-  const $ = distExports.c(5);
+  const $ = distExports.c(6);
   const {
-    orderTradeFlowType
+    orderTradeFlowType,
+    isOrderCancelled
   } = t0;
   const isLimit = orderTradeFlowType === "limitOrder";
   const isFillOTC = orderTradeFlowType === "fillOtcOrder";
@@ -137,12 +147,12 @@ const TradeCompletedHeaderOrder = (t0) => {
     subTitle = "Your OTC order has been executed.";
   } else {
     if (isLimit) {
-      subTitle = "Your limit order is now created.";
+      subTitle = `Your limit order ${isOrderCancelled ? orderCancelled : orderCreated}.`;
     } else {
       if (isTwap) {
-        subTitle = "Your TWAP order is now created.";
+        subTitle = `Your TWAP order ${isOrderCancelled ? orderCancelled : orderCreated}.`;
       } else {
-        subTitle = "Your order is now created.";
+        subTitle = `Your order ${isOrderCancelled ? orderCancelled : orderCreated}.`;
       }
     }
   }
@@ -155,13 +165,14 @@ const TradeCompletedHeaderOrder = (t0) => {
     t1 = $[1];
   }
   let t2;
-  if ($[2] !== orderTradeFlowType || $[3] !== t1) {
-    t2 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, children: t1 });
-    $[2] = orderTradeFlowType;
-    $[3] = t1;
-    $[4] = t2;
+  if ($[2] !== isOrderCancelled || $[3] !== orderTradeFlowType || $[4] !== t1) {
+    t2 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, isOrderCancelled, children: t1 });
+    $[2] = isOrderCancelled;
+    $[3] = orderTradeFlowType;
+    $[4] = t1;
+    $[5] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[5];
   }
   return t2;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TradeCompleteHeader.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {tradeFlowCompletedTitle[tradeFlowType]}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n}: Pick<TradeCompletedHeaderBaseProps, \"tradeFlowType\">) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return <TradeCompletedHeaderOrder orderTradeFlowType={tradeFlowType} />;\n  }\n\n  return <TradeCompletedHeaderSwap swapTradeFlowType={tradeFlowType} />;\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase tradeFlowType={swapTradeFlowType}>\n      {surplusDisplay && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n  const isTwap = orderTradeFlowType === \"twapOrder\";\n\n  let subTitle: string;\n  if (isFillOTC) {\n    subTitle = \"Your OTC order has been executed.\";\n  } else if (isLimit) {\n    subTitle = \"Your limit order is now created.\";\n  } else if (isTwap) {\n    subTitle = \"Your TWAP order is now created.\";\n  } else {\n    subTitle = \"Your order is now created.\";\n  }\n\n  return (\n    <TradeCompletedHeaderBase tradeFlowType={orderTradeFlowType}>\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"names":["TradeCompletedHeaderBase","t0","$","_c","tradeFlowType","children","t1","tradeFlowCompletedTitle","t2","t3","TradeCompletedHeader","isOrderTradeFlowType","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","useTradeFlowContext","getSurplusAmounts","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","useTokenPrice","tokenPrice","price","amountInUSD","diffUnit","Number","formatFiatPrice","formattedAmountInUSD","t4","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","isTwap","subTitle"],"mappings":"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"}
+{"version":3,"file":"TradeCompleteHeader.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/TradeCompleteHeader.tsx"],"sourcesContent":["import { useTokenPrice } from \"@/hooks/tokens/prices/useTokenPrices\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\nimport { getSurplusAmounts } from \"./utils\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\nimport type {\n  OrderTradeFlowType,\n  SwapTradeFlowType,\n  TradeFlowType,\n} from \"@/hooks/swap/tradeFlow/common/types\";\nimport { tradeFlowCompletedTitle } from \"./constants\";\nimport { isOrderTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\ntype TradeCompletedHeaderBaseProps = {\n  tradeFlowType: TradeFlowType;\n  isOrderCancelled?: boolean;\n};\n\nconst TradeCompletedHeaderBase = ({\n  tradeFlowType,\n  children,\n  isOrderCancelled,\n}: React.PropsWithChildren<TradeCompletedHeaderBaseProps>) => {\n  const title = isOrderCancelled\n    ? \"Order Cancelled\"\n    : tradeFlowCompletedTitle[tradeFlowType];\n  return (\n    <div className=\"flex flex-col gap-3 items-center\">\n      <div className=\"font-medium text-lg text-contrast-5 dark:text-contrast-9\">\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport const TradeCompletedHeader = ({\n  tradeFlowType,\n  isOrderCancelled,\n}: TradeCompletedHeaderBaseProps) => {\n  if (isOrderTradeFlowType(tradeFlowType)) {\n    return (\n      <TradeCompletedHeaderOrder\n        orderTradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n    );\n  }\n\n  return (\n    <TradeCompletedHeaderSwap\n      swapTradeFlowType={tradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    />\n  );\n};\n\nconst TradeCompletedHeaderSwap = ({\n  swapTradeFlowType,\n  isOrderCancelled,\n}: {\n  swapTradeFlowType: SwapTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const { result, toToken } = useTradeFlowContext();\n  const surplus = getSurplusAmounts({ result, toToken });\n\n  const surplusDisplay = surplus?.surplusStr\n    ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}`\n    : null;\n\n  const { data: tokenPriceObject } = useTokenPrice(toToken);\n  const tokenPrice = tokenPriceObject?.price;\n  const amountInUSD =\n    surplus?.diffUnit && tokenPrice\n      ? Number(surplus.diffUnit) * tokenPrice\n      : null;\n  const formattedAmountInUSD = amountInUSD\n    ? formatFiatPrice(amountInUSD)\n    : null;\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={swapTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      {surplusDisplay && !isOrderCancelled && (\n        <div className=\"text-xs text-contrast-2\">\n          Congrats! You received a surplus of {surplusDisplay}{\" \"}\n          {formattedAmountInUSD && `(${formattedAmountInUSD})`}\n        </div>\n      )}\n    </TradeCompletedHeaderBase>\n  );\n};\n\nconst orderCreated = \"is now created\";\nconst orderCancelled = \"has been cancelled following your request\";\n\nconst TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n  const isTwap = orderTradeFlowType === \"twapOrder\";\n\n  let subTitle: string;\n  if (isFillOTC) {\n    subTitle = \"Your OTC order has been executed.\";\n  } else if (isLimit) {\n    //has been cancelled following your request\n    //is now created\n    subTitle = `Your limit order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else if (isTwap) {\n    subTitle = `Your TWAP order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  } else {\n    subTitle = `Your order ${isOrderCancelled ? orderCancelled : orderCreated}.`;\n  }\n\n  return (\n    <TradeCompletedHeaderBase\n      tradeFlowType={orderTradeFlowType}\n      isOrderCancelled={isOrderCancelled}\n    >\n      <div className=\"flex flex-col gap-2 items-center text-xs dark:text-contrast-6\">\n        {subTitle}\n      </div>\n    </TradeCompletedHeaderBase>\n  );\n};\n"],"names":["TradeCompletedHeaderBase","t0","$","_c","tradeFlowType","children","isOrderCancelled","title","tradeFlowCompletedTitle","t1","t2","TradeCompletedHeader","isOrderTradeFlowType","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","useTradeFlowContext","getSurplusAmounts","surplus","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","useTokenPrice","tokenPrice","price","amountInUSD","diffUnit","Number","formatFiatPrice","formattedAmountInUSD","t3","t4","orderCreated","orderCancelled","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","isTwap","subTitle"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAKzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CAKlE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAMzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CAYlE,CAAC"}

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

@@ -2,37 +2,44 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../../_virtual/index.js';
 import { TradeCompletedDetails } from './TradeCompletedDetails.js';
 import { TradeCompletedHeader } from './TradeCompleteHeader.js';
+import { useTradeFlowContext } from '../tradeFlowContext.js';
 
 const TradeComplete = (t0) => {
-  const $ = distExports.c(5);
+  const $ = distExports.c(8);
   const {
     tradeFlowType
   } = t0;
+  const {
+    isOrderCancelled
+  } = useTradeFlowContext();
   let t1;
-  if ($[0] !== tradeFlowType) {
-    t1 = /* @__PURE__ */ jsx(TradeCompletedHeader, { tradeFlowType });
-    $[0] = tradeFlowType;
-    $[1] = t1;
+  if ($[0] !== isOrderCancelled || $[1] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedHeader, { tradeFlowType, isOrderCancelled });
+    $[0] = isOrderCancelled;
+    $[1] = tradeFlowType;
+    $[2] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[2];
   }
   let t2;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx(TradeCompletedDetails, {});
-    $[2] = t2;
+  if ($[3] !== isOrderCancelled) {
+    t2 = !isOrderCancelled && /* @__PURE__ */ jsx(TradeCompletedDetails, {});
+    $[3] = isOrderCancelled;
+    $[4] = t2;
   } else {
-    t2 = $[2];
+    t2 = $[4];
   }
   let t3;
-  if ($[3] !== t1) {
+  if ($[5] !== t1 || $[6] !== t2) {
     t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       t1,
       t2
     ] });
-    $[3] = t1;
-    $[4] = t3;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t3 = $[4];
+    t3 = $[7];
   }
   return t3;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => (\n  <div className=\"flex flex-col gap-4\">\n    <TradeCompletedHeader tradeFlowType={tradeFlowType} />\n    <TradeCompletedDetails />\n  </div>\n);\n"],"names":["TradeComplete","t0","$","_c","tradeFlowType","t1","t2","Symbol","for","t3"],"mappings":";;;;;AASO,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAAqC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAH,CAAAA,QAAAE,aAAAA,EAAA;AAE/DC,IAAAA,EAAAA,uBAAC,wBAAoCD,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAK,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACtDF,IAAAA,EAAAA,uBAAC,qBAAA,EAAA,EAAqB,CAAA;AAAGJ,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAG,EAAAA,EAAA;AAF3BI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbJ,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACF,CAAA;AAAMJ,IAAAA,CAAAA,MAAAG,EAAAA;AAAAH,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHNO,EAAAA;AAGM;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nimport { TradeCompletedDetails } from \"./TradeCompletedDetails\";\nimport { TradeCompletedHeader } from \"./TradeCompleteHeader\";\nimport { useTradeFlowContext } from \"../tradeFlowContext\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => {\n  const { isOrderCancelled } = useTradeFlowContext();\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeCompletedHeader\n        tradeFlowType={tradeFlowType}\n        isOrderCancelled={isOrderCancelled}\n      />\n      {!isOrderCancelled && <TradeCompletedDetails />}\n    </div>\n  );\n};\n"],"names":["TradeComplete","t0","$","_c","tradeFlowType","isOrderCancelled","useTradeFlowContext","t1","t2","t3"],"mappings":";;;;;;AAUO,MAAMA,gBAAgBC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAC5B,EAAA,MAAA;AAAA,IAAAI;AAAAA,MAA6BC,mBAAAA,EAAoB;AAAE,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAG,oBAAAH,CAAAA,QAAAE,aAAAA,EAAA;AAI/CG,IAAAA,EAAAA,mBAAA,GAAA,CAAC,oBAAA,EAAA,EACgBH,aAAAA,EACGC,gBAAAA,EAAgB,CAAA;AAClCH,IAAAA,CAAAA,MAAAG,gBAAAA;AAAAH,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAG,gBAAAA,EAAA;AACDG,IAAAA,EAAAA,GAAA,CAACH,gBAAAA,oBAAoB,GAAA,CAAC,qBAAA,EAAA,EAAqB,CAAA;AAAGH,IAAAA,CAAAA,MAAAG,gBAAAA;AAAAH,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAK,MAAAL,CAAAA,QAAAM,EAAAA,EAAA;AALjDC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAICC;AAAAA,KAAAA,EACH,CAAA;AAAMN,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANNO,EAAAA;AAMM;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useTradeCompleteDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAgB3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CAwG5D"}
+{"version":3,"file":"useTradeCompleteDetails.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/useTradeCompleteDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAe3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CAsG5D"}