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

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,70 +105,97 @@ 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(5);
+  const $ = distExports.c(15);
   const {
-    orderTradeFlowType
+    orderTradeFlowType,
+    isOrderCancelled
   } = t0;
   const isLimit = orderTradeFlowType === "limitOrder";
   const isFillOTC = orderTradeFlowType === "fillOtcOrder";
-  const isTwap = orderTradeFlowType === "twapOrder";
-  let subTitle;
-  if (isFillOTC) {
-    subTitle = "Your OTC order has been executed.";
-  } else {
-    if (isLimit) {
-      subTitle = "Your limit order is now created.";
-    } else {
-      if (isTwap) {
-        subTitle = "Your TWAP order is now created.";
-      } else {
-        subTitle = "Your order is now created.";
-      }
-    }
-  }
   let t1;
-  if ($[0] !== subTitle) {
-    t1 = /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 items-center text-xs dark:text-contrast-6", children: subTitle });
-    $[0] = subTitle;
-    $[1] = t1;
+  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",
+      " ",
+      isOrderCancelled ? "has been cancelled following your request" : "is now created",
+      "."
+    ] });
+    $[0] = isFillOTC;
+    $[1] = isLimit;
+    $[2] = isOrderCancelled;
+    $[3] = t1;
   } else {
-    t1 = $[1];
+    t1 = $[3];
   }
+  const subTitle1 = t1;
   let t2;
-  if ($[2] !== orderTradeFlowType || $[3] !== t1) {
-    t2 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: orderTradeFlowType, children: t1 });
-    $[2] = orderTradeFlowType;
-    $[3] = t1;
-    $[4] = t2;
+  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"
+    ] });
+    $[4] = isFillOTC;
+    $[5] = isLimit;
+    $[6] = isOrderCancelled;
+    $[7] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[7];
   }
-  return t2;
+  const subTitle2 = t2;
+  let t3;
+  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
+    ] });
+    $[8] = subTitle1;
+    $[9] = subTitle2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let 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 = $[14];
+  }
+  return t4;
 };
 
 export { TradeCompletedHeader };

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 TradeCompletedHeaderOrder = ({\n  orderTradeFlowType,\n  isOrderCancelled,\n}: {\n  orderTradeFlowType: OrderTradeFlowType;\n  isOrderCancelled?: boolean;\n}) => {\n  const isLimit = orderTradeFlowType === \"limitOrder\";\n  const isFillOTC = orderTradeFlowType === \"fillOtcOrder\";\n\n  const subTitle1 = isFillOTC ? (\n    <div>Your OTC order has been executed.</div>\n  ) : (\n    <div>\n      Your {isLimit ? \"limit\" : \"OTC\"} order{\" \"}\n      {isOrderCancelled\n        ? \"has been cancelled following your request\"\n        : \"is now created\"}\n      .\n    </div>\n  );\n\n  const subTitle2 = !isOrderCancelled && !isFillOTC && (\n    <div>\n      You can check the order status on the main {isLimit ? \"Limit\" : \"OTC\"}{\" \"}\n      Order interface\n    </div>\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        {subTitle1}\n        {subTitle2}\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","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","subTitle1","subTitle2"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAOjE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMjE,CAAC"}

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

@@ -3,8 +3,7 @@ const tradeFlowCompletedTitle = {
   marketSwap: "Swap Completed",
   limitOrder: "Order Created",
   otcOrder: "Order Created",
-  fillOtcOrder: "Order Completed",
-  twapOrder: "Order Created"
+  fillOtcOrder: "Order Completed"
 };
 
 export { tradeFlowCompletedTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nexport const tradeFlowCompletedTitle: Record<TradeFlowType, string> = {\n  deltaOrder: \"Order Completed\",\n  marketSwap: \"Swap Completed\",\n  limitOrder: \"Order Created\",\n  otcOrder: \"Order Created\",\n  fillOtcOrder: \"Order Completed\",\n  twapOrder: \"Order Created\",\n};\n"],"names":["tradeFlowCompletedTitle","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder","twapOrder"],"mappings":"AAEO,MAAMA,uBAAAA,GAAyD;AAAA,EACpEC,UAAAA,EAAY,iBAAA;AAAA,EACZC,UAAAA,EAAY,gBAAA;AAAA,EACZC,UAAAA,EAAY,eAAA;AAAA,EACZC,QAAAA,EAAU,eAAA;AAAA,EACVC,YAAAA,EAAc,iBAAA;AAAA,EACdC,SAAAA,EAAW;AACb;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/widget/TradeOverview/TradeComplete/constants.ts"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\n\nexport const tradeFlowCompletedTitle: Record<TradeFlowType, string> = {\n  deltaOrder: \"Order Completed\",\n  marketSwap: \"Swap Completed\",\n  limitOrder: \"Order Created\",\n  otcOrder: \"Order Created\",\n  fillOtcOrder: \"Order Completed\",\n};\n"],"names":["tradeFlowCompletedTitle","deltaOrder","marketSwap","limitOrder","otcOrder","fillOtcOrder"],"mappings":"AAEO,MAAMA,uBAAAA,GAAyD;AAAA,EACpEC,UAAAA,EAAY,iBAAA;AAAA,EACZC,UAAAA,EAAY,gBAAA;AAAA,EACZC,UAAAA,EAAY,eAAA;AAAA,EACZC,QAAAA,EAAU,eAAA;AAAA,EACVC,YAAAA,EAAc;AAChB;;;;"}

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;AAa3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CAgF5D"}

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

@@ -7,141 +7,108 @@ import { getExpectedTransferAmounts, getResultAmounts } from './utils.js';
 import 'react';
 import { isTruthy } from '../../../../lib/utils/index.js';
 import { isOrderTradeFlowType } from '../../../../hooks/swap/tradeFlow/common/utils.js';
-import { TimeTillExpiry } from '../../LimitOrderItem/LimitOrderListItem.js';
-import { getTwapOrderDeadlineFromSlices } from '../../../../hooks/swap/prices/delta/orders/utils.js';
-import { useDateNow } from '../../../../lib/utils/useDateNow.js';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 function useTradeCompletedDetails() {
-  const $ = distExports.c(22);
+  const $ = distExports.c(21);
   const {
     fromToken,
     toToken,
     result
   } = useTradeFlowContext();
-  const isOrderFlow = !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);
-  const isMarketSwap = result?.tradeFlowType === "marketSwap";
-  const isTwap = result?.tradeFlowType === "twapOrder";
   let t0;
   if ($[0] !== result) {
-    t0 = getExpectedTransferAmounts({
-      result
-    });
+    t0 = !!result?.tradeFlowType && isOrderTradeFlowType(result.tradeFlowType);
     $[0] = result;
     $[1] = t0;
   } else {
     t0 = $[1];
   }
-  const resultWeiAmounts = t0;
-  const receipt = isMarketSwap ? result.swap.receipt || result.swap.callsReceipt : void 0;
+  const isOrderFlow = t0;
   let t1;
-  if ($[2] !== fromToken || $[3] !== toToken) {
-    t1 = [fromToken, toToken];
-    $[2] = fromToken;
-    $[3] = toToken;
-    $[4] = t1;
+  if ($[2] !== result) {
+    t1 = getExpectedTransferAmounts({
+      result
+    });
+    $[2] = result;
+    $[3] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[3];
   }
-  const t2 = result?.account;
-  const t3 = result?.receiverAddress;
-  const t4 = resultWeiAmounts?.tokensMap;
-  let t5;
-  if ($[5] !== fromToken.network || $[6] !== receipt || $[7] !== t1 || $[8] !== t2 || $[9] !== t3 || $[10] !== t4) {
-    t5 = {
+  const resultWeiAmounts = t1;
+  const receipt = result?.tradeFlowType === "marketSwap" ? result.swap.receipt || result.swap.callsReceipt : void 0;
+  let t2;
+  if ($[4] !== fromToken || $[5] !== toToken) {
+    t2 = [fromToken, toToken];
+    $[4] = fromToken;
+    $[5] = toToken;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const t3 = result?.account;
+  const t4 = result?.receiverAddress;
+  const t5 = resultWeiAmounts?.tokensMap;
+  let t6;
+  if ($[7] !== fromToken.network || $[8] !== receipt || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 || $[12] !== t5) {
+    t6 = {
       receipt,
-      tokens: t1,
-      senderAddress: t2,
-      receiverAddress: t3,
+      tokens: t2,
+      senderAddress: t3,
+      receiverAddress: t4,
       chainId: fromToken.network,
-      expectedTokenTransfers: t4
+      expectedTokenTransfers: t5
     };
-    $[5] = fromToken.network;
-    $[6] = receipt;
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
-    $[11] = t5;
+    $[7] = fromToken.network;
+    $[8] = receipt;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
   } else {
-    t5 = $[11];
+    t6 = $[13];
   }
   const {
     data: tokenTransfers
-  } = useTokenTransfersFromReceipt(t5);
+  } = useTokenTransfersFromReceipt(t6);
   const fromAmountFinal = tokenTransfers?.[fromToken.address]?.sentAmount ?? resultWeiAmounts?.fromAmountWei;
   const toAmountFinal = tokenTransfers?.[toToken.address]?.receivedAmount ?? resultWeiAmounts?.toAmountWei;
-  const amounts = getResultAmounts({
-    fromAmountWei: fromAmountFinal,
-    toAmountWei: toAmountFinal,
-    isBuy: resultWeiAmounts?.isBuy,
-    fromToken,
-    toToken
-  });
-  const details = [{
-    key: "sold",
-    title: isOrderFlow ? "Pay" : "You sold",
-    value: /* @__PURE__ */ jsx(TokenBadge, { address: fromToken.address, chainId: fromToken.network, img: fromToken.img, symbol: fromToken.symbol, showNetworkIcon: true, amount: amounts.fromAmountUnit, classes: badgeClasses })
-  }, {
-    key: "received",
-    title: isOrderFlow ? "Receive" : "You received",
-    value: /* @__PURE__ */ jsx(TokenBadge, { address: toToken.address, chainId: toToken.network, img: toToken.img, symbol: toToken.symbol, showNetworkIcon: true, amount: amounts.toAmountUnit, classes: badgeClasses })
-  }, !isOrderFlow && {
-    key: "rate",
-    title: "Best Rate",
-    value: amounts.rateStr
-  }].filter(isTruthy);
-  const dateNow = useDateNow();
-  if (isTwap) {
-    const order = result.twapOrder.sentOrder.order;
-    let t6;
-    if ($[12] !== dateNow || $[13] !== order) {
-      t6 = getTwapOrderDeadlineFromSlices(order, dateNow);
-      $[12] = dateNow;
-      $[13] = order;
-      $[14] = t6;
-    } else {
-      t6 = $[14];
-    }
-    const deadline = t6;
-    let t7;
-    if ($[15] !== order.numSlices) {
-      t7 = {
-        key: "orderSplits",
-        title: "Order Splits",
-        value: order.numSlices
-      };
-      $[15] = order.numSlices;
-      $[16] = t7;
-    } else {
-      t7 = $[16];
-    }
-    let t8;
-    if ($[17] !== deadline) {
-      t8 = {
-        key: "orderDuration",
-        title: "Order Duration",
-        value: /* @__PURE__ */ jsx(TimeTillExpiry, { showSeconds: true, deadline })
-      };
-      $[17] = deadline;
-      $[18] = t8;
-    } else {
-      t8 = $[18];
-    }
-    let t9;
-    if ($[19] !== t7 || $[20] !== t8) {
-      t9 = [t7, t8];
-      $[19] = t7;
-      $[20] = t8;
-      $[21] = t9;
-    } else {
-      t9 = $[21];
-    }
-    const twapDetails = t9;
-    details.push(...twapDetails);
+  let t7;
+  if ($[14] !== fromAmountFinal || $[15] !== fromToken || $[16] !== isOrderFlow || $[17] !== resultWeiAmounts?.isBuy || $[18] !== toAmountFinal || $[19] !== toToken) {
+    const amounts = getResultAmounts({
+      fromAmountWei: fromAmountFinal,
+      toAmountWei: toAmountFinal,
+      isBuy: resultWeiAmounts?.isBuy,
+      fromToken,
+      toToken
+    });
+    t7 = [{
+      key: "sold",
+      title: isOrderFlow ? "Pay" : "You sold",
+      value: /* @__PURE__ */ jsx(TokenBadge, { address: fromToken.address, chainId: fromToken.network, img: fromToken.img, symbol: fromToken.symbol, showNetworkIcon: true, amount: amounts.fromAmountUnit, classes: badgeClasses })
+    }, {
+      key: "received",
+      title: isOrderFlow ? "Receive" : "You received",
+      value: /* @__PURE__ */ jsx(TokenBadge, { address: toToken.address, chainId: toToken.network, img: toToken.img, symbol: toToken.symbol, showNetworkIcon: true, amount: amounts.toAmountUnit, classes: badgeClasses })
+    }, !isOrderFlow && {
+      key: "rate",
+      title: "Best Rate",
+      value: amounts.rateStr
+    }].filter(isTruthy);
+    $[14] = fromAmountFinal;
+    $[15] = fromToken;
+    $[16] = isOrderFlow;
+    $[17] = resultWeiAmounts?.isBuy;
+    $[18] = toAmountFinal;
+    $[19] = toToken;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
   }
+  const details = t7;
   return details;
 }