@velora-dex/widget 0.1.2 → 0.2.0

package/dist/components/widget/TokenSwitcher/TokenSwitcher.js

@@ -4,7 +4,7 @@ import { cn } from '../../../lib/utils/index.js';
 import { ArrowDown } from 'lucide-react';
 
 const TokenSwitcher = (t0) => {
-  const $ = distExports.c(16);
+  const $ = distExports.c(17);
   const {
     enableSwitchTokens,
     onSwitchTokens,
@@ -20,54 +20,57 @@ const TokenSwitcher = (t0) => {
     t2 = $[1];
   }
   const t3 = enableSwitchTokens ? onSwitchTokens : void 0;
-  let t4;
-  if ($[2] !== classes?.iconContainer || $[3] !== enableSwitchTokens) {
-    t4 = cn("h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full", {
-      "transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]": enableSwitchTokens
+  const t4 = !enableSwitchTokens;
+  let t5;
+  if ($[2] !== classes?.iconContainer || $[3] !== enableSwitchTokens || $[4] !== t4) {
+    t5 = cn("h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full", {
+      "transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]": enableSwitchTokens,
+      "cursor-not-allowed": t4
     }, classes?.iconContainer);
     $[2] = classes?.iconContainer;
     $[3] = enableSwitchTokens;
     $[4] = t4;
+    $[5] = t5;
   } else {
-    t4 = $[4];
+    t5 = $[5];
   }
-  const t5 = classes?.icon;
-  let t6;
-  if ($[5] !== t5) {
-    t6 = cn("stroke-contrast-5 dark:stroke-contrast-7", t5);
-    $[5] = t5;
+  const t6 = classes?.icon;
+  let t7;
+  if ($[6] !== t6) {
+    t7 = cn("stroke-contrast-5 dark:stroke-contrast-7", t6);
     $[6] = t6;
+    $[7] = t7;
   } else {
-    t6 = $[6];
+    t7 = $[7];
   }
-  let t7;
-  if ($[7] !== t6) {
-    t7 = /* @__PURE__ */ jsx(ArrowDown, { className: t6, size: 16 });
-    $[7] = t6;
+  let t8;
+  if ($[8] !== t7) {
+    t8 = /* @__PURE__ */ jsx(ArrowDown, { className: t7, size: 16 });
     $[8] = t7;
+    $[9] = t8;
   } else {
-    t7 = $[8];
+    t8 = $[9];
   }
-  let t8;
-  if ($[9] !== t4 || $[10] !== t7) {
-    t8 = /* @__PURE__ */ jsx("div", { className: t4, children: t7 });
-    $[9] = t4;
-    $[10] = t7;
+  let t9;
+  if ($[10] !== t5 || $[11] !== t8) {
+    t9 = /* @__PURE__ */ jsx("div", { className: t5, children: t8 });
+    $[10] = t5;
     $[11] = t8;
+    $[12] = t9;
   } else {
-    t8 = $[11];
+    t9 = $[12];
   }
-  let t9;
-  if ($[12] !== t2 || $[13] !== t3 || $[14] !== t8) {
-    t9 = /* @__PURE__ */ jsx("div", { className: t2, onClick: t3, children: t8 });
-    $[12] = t2;
-    $[13] = t3;
-    $[14] = t8;
+  let t10;
+  if ($[13] !== t2 || $[14] !== t3 || $[15] !== t9) {
+    t10 = /* @__PURE__ */ jsx("div", { className: t2, onClick: t3, children: t9 });
+    $[13] = t2;
+    $[14] = t3;
     $[15] = t9;
+    $[16] = t10;
   } else {
-    t9 = $[15];
+    t10 = $[16];
   }
-  return t9;
+  return t10;
 };
 
 export { TokenSwitcher };

package/dist/components/widget/TokenSwitcher/TokenSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSwitcher.js","sources":["../../../../src/components/widget/TokenSwitcher/TokenSwitcher.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { TokenSwitcherProps } from \"./types\";\n\nexport const TokenSwitcher: React.FC<TokenSwitcherProps> = ({\n  enableSwitchTokens,\n  onSwitchTokens,\n  classes,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center relative h-[8px]\",\n        classes?.root\n      )}\n      onClick={enableSwitchTokens ? onSwitchTokens : undefined}\n    >\n      <div\n        className={cn(\n          \"h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full\",\n          {\n            \"transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]\":\n              enableSwitchTokens,\n          },\n          classes?.iconContainer\n        )}\n      >\n        <ArrowDown\n          className={cn(\n            \"stroke-contrast-5 dark:stroke-contrast-7\",\n            classes?.icon\n          )}\n          size={16}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["TokenSwitcher","t0","$","_c","enableSwitchTokens","onSwitchTokens","classes","t1","root","t2","cn","t3","undefined","t4","iconContainer","t5","icon","t6","t7","t8","t9"],"mappings":"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"}
+{"version":3,"file":"TokenSwitcher.js","sources":["../../../../src/components/widget/TokenSwitcher/TokenSwitcher.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { TokenSwitcherProps } from \"./types\";\n\nexport const TokenSwitcher: React.FC<TokenSwitcherProps> = ({\n  enableSwitchTokens,\n  onSwitchTokens,\n  classes,\n}) => {\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center relative h-[8px]\",\n        classes?.root\n      )}\n      onClick={enableSwitchTokens ? onSwitchTokens : undefined}\n    >\n      <div\n        className={cn(\n          \"h-[30px] w-[30px] absolute flex items-center justify-center bg-contrast-7 dark:bg-contrast-4 border-2 border-contrast-9 dark:border-contrast-3 rounded-full\",\n          {\n            \"transition-all duration-200 cursor-pointer hover:rotate-[0.5turn]\":\n              enableSwitchTokens,\n            \"cursor-not-allowed\": !enableSwitchTokens,\n          },\n          classes?.iconContainer\n        )}\n      >\n        <ArrowDown\n          className={cn(\n            \"stroke-contrast-5 dark:stroke-contrast-7\",\n            classes?.icon\n          )}\n          size={16}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["TokenSwitcher","t0","$","_c","enableSwitchTokens","onSwitchTokens","classes","t1","root","t2","cn","t3","undefined","t4","t5","iconContainer","t6","icon","t7","t8","t9","t10"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isActiveState = stepState === \"ongoing\";\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <div\n          className={`font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`}\n        >\n          {title}\n        </div>\n        {isActiveState && description && (\n          <div className=\"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["stepCircleClasses","active","inactive","Step","t0","$","_c","title","description","stepState","stepNumber","isActiveState","t1","Spinner","t2","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11"],"mappings":"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"}
+{"version":3,"file":"Step.js","sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\nimport type { StepProps } from \"./types\";\n\nconst stepCircleClasses = {\n  active: \"bg-primary-azul-1 text-contrast-8 dark:text-contrast-7\",\n  inactive:\n    \"bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5\",\n};\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isActiveState = stepState === \"ongoing\";\n\n  return (\n    <div className=\"flex gap-[13px] bg-inherit\">\n      <div className=\"flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit\">\n        {isActiveState && (\n          <Spinner className=\"absolute inset-0 w-full h-full animate-spin direction-reverse\" />\n        )}\n        <div\n          className={cn(\n            \"flex items-center justify-center w-[28px] h-[28px] rounded-full relative\",\n            isActiveState\n              ? stepCircleClasses.active\n              : stepCircleClasses.inactive\n          )}\n        >\n          <span>{stepNumber}</span>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-1 pt-0.5\">\n        <div\n          className={`font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`}\n        >\n          {title}\n        </div>\n        {isActiveState && description && (\n          <div className=\"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\">\n            {description}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["stepCircleClasses","active","inactive","Step","t0","$","_c","title","description","stepState","stepNumber","isActiveState","t1","Spinner","t2","t3","cn","t4","t5","t6","t7","t8","t9","t10","t11"],"mappings":";;;;;AAIA,MAAMA,iBAAAA,GAAoB;AAAA,EACxBC,MAAAA,EAAQ,wDAAA;AAAA,EACRC,QAAAA,EACE;AACJ,CAAA;AAEO,MAAMC,OAAOC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAN,EAAAA;AAMnB,EAAA,MAAAO,gBAAsBF,SAAAA,KAAc,SAAA;AAAU,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAM,aAAAA,EAAA;AAKvCC,IAAAA,EAAAA,GAAAD,aAAAA,oBACC,GAAA,CAACE,UAAA,EAAA,EAAkB,SAAA,EAAA,+DAAA,EAA+D,CAAA;AACnFR,IAAAA,CAAAA,MAAAM,aAAAA;AAAAN,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAIG,EAAA,MAAAS,EAAAA,GAAAH,aAAAA,GACIX,iBAAAA,CAAiBC,MAAAA,GACjBD,iBAAAA,CAAiBE,QAAAA;AAAS,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAV,CAAAA,QAAAS,EAAAA,EAAA;AAJrBC,IAAAA,EAAAA,GAAAC,EAAAA,CACT,4EACAF,EAGF,CAAA;AAACT,IAAAA,CAAAA,MAAAS,EAAAA;AAAAT,IAAAA,CAAAA,MAAAU,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAV,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAZ,CAAAA,QAAAK,UAAAA,EAAA;AAEDO,IAAAA,EAAAA,mBAAA,GAAA,CAAA,UAAOP,QAAAA,EAAAA,UAAAA,EAAW,CAAA;AAAOL,IAAAA,CAAAA,MAAAK,UAAAA;AAAAL,IAAAA,CAAAA,MAAAY,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAZ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAa,EAAAA;AAAA,EAAA,IAAAb,EAAA,CAAA,CAAA,KAAAU,MAAAV,CAAAA,QAAAY,EAAAA,EAAA;AAR3BC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAH,EAAAA,EAOXE,QAAAA,EAAAA,EAAAA,EACF,CAAA;AAAMZ,IAAAA,CAAAA,MAAAU,EAAAA;AAAAV,IAAAA,CAAAA,MAAAY,EAAAA;AAAAZ,IAAAA,CAAAA,MAAAa,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAb,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAO,MAAAP,CAAAA,SAAAa,EAAAA,EAAA;AAbRC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qFAAA,EACZP,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGDM;AAAAA,KAAAA,EAUF,CAAA;AAAMb,IAAAA,CAAAA,MAAAO,EAAAA;AAAAP,IAAAA,CAAAA,OAAAa,EAAAA;AAAAb,IAAAA,CAAAA,OAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,EAAA,CAAA;AAAA,EAAA;AAGS,EAAA,MAAAe,EAAAA,kBAAeX,SAAAA,KAAc,UAAA,GAAd,yCAAA,iCAAqG,CAAA,CAAA;AAAE,EAAA,IAAAY,EAAAA;AAAA,EAAA,IAAAhB,EAAA,EAAA,CAAA,KAAAe,MAAAf,CAAAA,SAAAE,KAAAA,EAAA;AADnIc,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EACa,SAAA,EAAAD,EAAAA,EAEVb,QAAAA,EAAAA,KAAAA,EACH,CAAA;AAAMF,IAAAA,CAAAA,OAAAe,EAAAA;AAAAf,IAAAA,CAAAA,OAAAE,KAAAA;AAAAF,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAhB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAiB,EAAAA;AAAA,EAAA,IAAAjB,EAAA,EAAA,CAAA,KAAAG,eAAAH,CAAAA,SAAAM,aAAAA,EAAA;AACLW,IAAAA,EAAAA,GAAAX,iBAAAH,WAAAA,oBACC,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yDACZA,QAAAA,EAAAA,WAAAA,EACH,CAAA;AACDH,IAAAA,CAAAA,OAAAG,WAAAA;AAAAH,IAAAA,CAAAA,OAAAM,aAAAA;AAAAN,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAjB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAkB,GAAAA;AAAA,EAAA,IAAAlB,EAAA,EAAA,CAAA,KAAAgB,MAAAhB,CAAAA,SAAAiB,EAAAA,EAAA;AAVHC,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4BAAA,EACbF,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAKCC;AAAAA,KAAAA,EAKH,CAAA;AAAMjB,IAAAA,CAAAA,OAAAgB,EAAAA;AAAAhB,IAAAA,CAAAA,OAAAiB,EAAAA;AAAAjB,IAAAA,CAAAA,OAAAkB,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAlB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAmB,GAAAA;AAAA,EAAA,IAAAnB,EAAA,EAAA,CAAA,KAAAkB,OAAAlB,CAAAA,SAAAc,EAAAA,EAAA;AA3BRK,IAAAA,GAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,4BAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAeAI;AAAAA,KAAAA,EAYF,CAAA;AAAMlB,IAAAA,CAAAA,OAAAkB,GAAAA;AAAAlB,IAAAA,CAAAA,OAAAc,EAAAA;AAAAd,IAAAA,CAAAA,OAAAmB,GAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,GAAAA,GAAAnB,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OA5BNmB,GAAAA;AA4BM;;;;"}

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

@@ -6,38 +6,25 @@ import { useTradeFlowContext } from './tradeFlowContext.js';
 import { VerticalDash } from './VerticalDash.js';
 
 const StepperBase = (t0) => {
-  const $ = distExports.c(16);
-  let activeStep;
-  let steps;
-  let titleFnProps;
+  const $ = distExports.c(10);
+  let t1;
+  let t2;
+  let t3;
   if ($[0] !== t0) {
-    ({
+    const {
       steps,
       activeStep,
       ...titleFnProps
-    } = t0);
-    $[0] = t0;
-    $[1] = activeStep;
-    $[2] = steps;
-    $[3] = titleFnProps;
-  } else {
-    activeStep = $[1];
-    steps = $[2];
-    titleFnProps = $[3];
-  }
-  let t1;
-  let t2;
-  let t3;
-  if ($[4] !== activeStep || $[5] !== steps || $[6] !== titleFnProps) {
+    } = t0;
     const activeStepIndex = activeStep ? steps.findIndex((step) => step.key === activeStep.key) : -1;
     const isActiveStepLast = activeStepIndex === steps.length - 1;
     t1 = "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2";
-    if ($[10] !== isActiveStepLast) {
+    if ($[4] !== isActiveStepLast) {
       t2 = !isActiveStepLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
-      $[10] = isActiveStepLast;
-      $[11] = t2;
+      $[4] = isActiveStepLast;
+      $[5] = t2;
     } else {
-      t2 = $[11];
+      t2 = $[5];
     }
     t3 = steps.map((step_0, i) => {
       const prepareStepPropsParams = {
@@ -50,29 +37,27 @@ const StepperBase = (t0) => {
       const stepProps = prepareStepProps(prepareStepPropsParams);
       return stepProps ? /* @__PURE__ */ jsx(Step, { ...stepProps }, step_0.key) : null;
     });
-    $[4] = activeStep;
-    $[5] = steps;
-    $[6] = titleFnProps;
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
+    $[0] = t0;
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
   } else {
-    t1 = $[7];
-    t2 = $[8];
-    t3 = $[9];
+    t1 = $[1];
+    t2 = $[2];
+    t3 = $[3];
   }
   let t4;
-  if ($[12] !== t1 || $[13] !== t2 || $[14] !== t3) {
+  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
     t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: t1, children: [
       t2,
       t3
     ] }) });
-    $[12] = t1;
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = t4;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
   } else {
-    t4 = $[15];
+    t4 = $[9];
   }
   return t4;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        {steps.map((step, i) => {\n          const prepareStepPropsParams = {\n            currentStep: step,\n            activeStepIndex,\n            currentStepIndex: i,\n            activeStep,\n            titleFnProps,\n          };\n\n          const stepProps = prepareStepProps(prepareStepPropsParams);\n\n          return stepProps ? <Step key={step.key} {...stepProps} /> : null;\n        })}\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","activeStep","steps","titleFnProps","t1","t2","t3","activeStepIndex","findIndex","step","key","isActiveStepLast","length","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepProps","prepareStepProps","t4","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        {steps.map((step, i) => {\n          const prepareStepPropsParams = {\n            currentStep: step,\n            activeStepIndex,\n            currentStepIndex: i,\n            activeStep,\n            titleFnProps,\n          };\n\n          const stepProps = prepareStepProps(prepareStepPropsParams);\n\n          return stepProps ? <Step key={step.key} {...stepProps} /> : null;\n        })}\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","t1","t2","t3","steps","activeStep","titleFnProps","activeStepIndex","findIndex","step","key","isActiveStepLast","length","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepProps","prepareStepProps","t4","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}

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 { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\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      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={pendingCancellation}\n        onClick={onCancelOrder}\n      >\n        Cancel This Order\n        {pendingCancellation && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\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","Spinner","button3","t4","TradeCompletedFooter"],"mappings":";;;;;;AAUA,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,eAEA,QAAA,kBAAA,GAAA,QAASA,IAAAA,EAAAA,YAAAA,EAAkB,GAAA,EAAA,uBAA6B,MAAA,EAAA,QAAA,EAAS,QAAA,EAAA,kBAAA,EAEjE,CAAA,EACF,CAAA,GAAS,IAAA;AACHJ,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,iBAAa,CAAKI,sBAAAA,mBAChB,IAAA,CAAC,MAAA,EAAA,EACS,SAAA,WAAA,EACH,IAAA,EAAA,IAAA,EACE,MAAA,EAAA,MACG,SAAA,EAAA,+EAAA,EACAC,QAAAA,EAAAA,mBAAAA,EACDL,SAAAA,aAAAA,EACV,QAAA,EAAA;AAAA,MAAA,mBAAA;AAAA,MAEEK,mBAAAA,wBACEM,UAAA,EAAA,EACQ,KAAA,EAAA,IACC,MAAA,EAAA,EAAA,EACE,WAAA,gCAAA,EAAgC;AAAA,KAAA,EAGhD,CAAA,GAAS,IAAA;AACHd,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;AAnBV,EAAA,MAAAe,OAAAA,GACEF,EAAAA;AAkBS,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 { ReactComponent as Spinner } from \"@/assets/spinner.svg\";\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      <Button\n        variant=\"secondary\"\n        size=\"xl\"\n        radius=\"sm\"\n        className=\"w-full text-sm text-secondary-radical-red-1 dark:text-secondary-radical-red-1\"\n        disabled={pendingCancellation}\n        onClick={onCancelOrder}\n      >\n        Cancel This Order\n        {pendingCancellation && (\n          <Spinner\n            width={16}\n            height={16}\n            className=\"animate-spin direction-reverse\"\n          />\n        )}\n      </Button>\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","Spinner","button3","t4","TradeCompletedFooter"],"mappings":"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"}

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

@@ -63,7 +63,7 @@ const TradeCompletedHeader = (t0) => {
   return t1;
 };
 const TradeCompletedHeaderSwap = (t0) => {
-  const $ = distExports.c(8);
+  const $ = distExports.c(11);
   const {
     swapTradeFlowType
   } = t0;
@@ -71,49 +71,58 @@ const TradeCompletedHeaderSwap = (t0) => {
     result,
     toToken
   } = useTradeFlowContext();
-  const surplus = getSurplusAmounts({
-    result,
-    toToken
-  });
+  let t1;
+  if ($[0] !== result || $[1] !== toToken) {
+    t1 = getSurplusAmounts({
+      result,
+      toToken
+    });
+    $[0] = result;
+    $[1] = toToken;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const surplus = t1;
   const surplusDisplay = surplus?.surplusStr ? `+${surplus.surplusStr} ${toToken.symbol ?? toToken.address}` : null;
   const {
     data: tokenPriceObject
   } = useTokenPrice(toToken);
   const tokenPrice = tokenPriceObject?.price;
   const amountInUSD = surplus?.diffUnit && tokenPrice ? Number(surplus.diffUnit) * tokenPrice : null;
-  let t1;
-  if ($[0] !== amountInUSD) {
-    t1 = amountInUSD ? formatFiatPrice(amountInUSD) : null;
-    $[0] = amountInUSD;
-    $[1] = t1;
+  let t2;
+  if ($[3] !== amountInUSD) {
+    t2 = amountInUSD ? formatFiatPrice(amountInUSD) : null;
+    $[3] = amountInUSD;
+    $[4] = t2;
   } else {
-    t1 = $[1];
+    t2 = $[4];
   }
-  const formattedAmountInUSD = t1;
-  let t2;
-  if ($[2] !== formattedAmountInUSD || $[3] !== surplusDisplay) {
-    t2 = surplusDisplay && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
+  const formattedAmountInUSD = t2;
+  let t3;
+  if ($[5] !== formattedAmountInUSD || $[6] !== surplusDisplay) {
+    t3 = surplusDisplay && /* @__PURE__ */ jsxs("div", { className: "text-xs text-contrast-2", children: [
       "Congrats! You received a surplus of ",
       surplusDisplay,
       " ",
       formattedAmountInUSD && `(${formattedAmountInUSD})`
     ] });
-    $[2] = formattedAmountInUSD;
-    $[3] = surplusDisplay;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== swapTradeFlowType || $[6] !== t2) {
-    t3 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: swapTradeFlowType, children: t2 });
-    $[5] = swapTradeFlowType;
-    $[6] = t2;
+    $[5] = formattedAmountInUSD;
+    $[6] = surplusDisplay;
     $[7] = t3;
   } else {
     t3 = $[7];
   }
-  return t3;
+  let t4;
+  if ($[8] !== swapTradeFlowType || $[9] !== t3) {
+    t4 = /* @__PURE__ */ jsx(TradeCompletedHeaderBase, { tradeFlowType: swapTradeFlowType, children: t3 });
+    $[8] = swapTradeFlowType;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
 };
 const TradeCompletedHeaderOrder = (t0) => {
   const $ = distExports.c(12);

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\n  const subTitle1 = isFillOTC ? (\n    <div>Your OTC order has been executed.</div>\n  ) : (\n    <div>Your {isLimit ? \"limit\" : \"OTC\"} order is now created.</div>\n  );\n\n  const subTitle2 = !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 tradeFlowType={orderTradeFlowType}>\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","t1","tradeFlowCompletedTitle","t2","t3","TradeCompletedHeader","isOrderTradeFlowType","TradeCompletedHeaderSwap","swapTradeFlowType","result","toToken","useTradeFlowContext","surplus","getSurplusAmounts","surplusDisplay","surplusStr","symbol","address","data","tokenPriceObject","useTokenPrice","tokenPrice","price","amountInUSD","diffUnit","Number","formatFiatPrice","formattedAmountInUSD","TradeCompletedHeaderOrder","orderTradeFlowType","isLimit","isFillOTC","subTitle1","subTitle2","t4"],"mappings":";;;;;;;;;AAgBA,MAAMA,2BAA2BC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,aAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAJ,EAAAA;AAOzB,EAAA,MAAAK,EAAAA,GAAAC,wBAAwBH,aAAa,CAAA;AAAC,EAAA,IAAAI,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAI,EAAAA,EAAA;AADzCE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,0DAAA,EACZF,QAAAA,EAAAA,EAAAA,EACH,CAAA;AAAMJ,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,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,KAAAG,YAAAH,CAAAA,QAAAM,EAAAA,EAAA;AAHRC,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,kCAAA,EACbD,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGCH;AAAAA,KAAAA,EACH,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,QAAAA;AAAAH,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OALNO,EAAAA;AAKM,CAAA;AAIH,MAAMC,uBAAuBT,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC;AAAAA,GAAA,GAAAH,EAAAA;AAEkB,EAAA,IACjDU,oBAAAA,CAAqBP,aAAa,CAAA,EAAC;AAAA,IAAA,IAAAE,GAAAA;AAAA,IAAA,IAAAJ,CAAAA,QAAAE,aAAAA,EAAA;AAC9BE,MAAAA,GAAAA,uBAAC,yBAAA,EAAA,EAA8CF,kBAAAA,EAAAA,aAAAA,EAAa,CAAA;AAAIF,MAAAA,CAAAA,MAAAE,aAAAA;AAAAF,MAAAA,CAAAA,MAAAI,GAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,GAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,IAAA;AAAA,IAAA,OAAhEI,GAAAA;AAAAA,EAAgE;AAAA,EAAA,IAAAA,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAAE,aAAAA,EAAA;AAGlEE,IAAAA,EAAAA,uBAAC,wBAAA,EAAA,EAA4CF,iBAAAA,EAAAA,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAA9DI,EAAAA;AAA8D;AAGvE,MAAMM,2BAA2BX,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAU;AAAAA,GAAA,GAAAZ,EAAAA;AAKhC,EAAA,MAAA;AAAA,IAAAa,MAAAA;AAAAA,IAAAC;AAAAA,MAA4BC,mBAAAA,EAAoB;AAChD,EAAA,MAAAC,UAAgBC,iBAAAA,CAAA;AAAA,IAAAJ,MAAAA;AAAAA,IAAAC;AAAAA,GAAqC,CAAA;AAErD,EAAA,MAAAI,cAAAA,GAAuBF,OAAAA,EAAOG,UAAAA,GAC1B,CAAA,CAAA,EAAIH,OAAAA,CAAOG,UAAA,CAAA,CAAA,EAAeL,OAAAA,CAAOM,MAAAA,IAAWN,OAAAA,CAAOO,OAAQ,CAAA,CAAA,GAAE,IAAA;AAGjE,EAAA,MAAA;AAAA,IAAAC,IAAAA,EAAAC;AAAAA,GAAA,GAAmCC,cAAcV,OAAO,CAAA;AACxD,EAAA,MAAAW,aAAmBF,gBAAAA,EAAgBG,KAAAA;AACnC,EAAA,MAAAC,WAAAA,GACEX,SAAOY,QAAAA,IAAcH,UAAAA,GACjBI,OAAOb,OAAAA,CAAOY,QAAS,IAAIH,UAAAA,GAAU,IAAA;AAChC,EAAA,IAAApB,EAAAA;AAAA,EAAA,IAAAJ,CAAAA,QAAA0B,WAAAA,EAAA;AACkBtB,IAAAA,EAAAA,GAAAsB,WAAAA,GACzBG,eAAAA,CAAgBH,WAAW,CAAA,GAAC,IAAA;AACxB1B,IAAAA,CAAAA,MAAA0B,WAAAA;AAAA1B,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAFR,EAAA,MAAA8B,oBAAAA,GAA6B1B,EAAAA;AAEpB,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAA8B,wBAAA9B,CAAAA,QAAAiB,cAAAA,EAAA;AAIJX,IAAAA,EAAAA,GAAAW,cAAAA,oBACC,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yBAAA,EAA0B,QAAA,EAAA;AAAA,MAAA,sCAAA;AAAA,MACFA,cAAAA;AAAAA,MAAgB,GAAA;AAAA,MACpDa,oBAAAA,IAAwB,IAAIA,oBAAoB,CAAA,CAAA;AAAA,KAAA,EACnD,CAAA;AACD9B,IAAAA,CAAAA,MAAA8B,oBAAAA;AAAA9B,IAAAA,CAAAA,MAAAiB,cAAAA;AAAAjB,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,KAAAW,qBAAAX,CAAAA,QAAAM,EAAAA,EAAA;AANHC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EAAwCI,aAAAA,EAAAA,iBAAAA,EACtCL,QAAAA,EAAAA,EAAAA,EAMH,CAAA;AAA2BN,IAAAA,CAAAA,MAAAW,iBAAAA;AAAAX,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAP3BO,EAAAA;AAO2B,CAAA;AAI/B,MAAMwB,4BAA4BhC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAA+B;AAAAA,GAAA,GAAAjC,EAAAA;AAKjC,EAAA,MAAAkC,UAAgBD,kBAAAA,KAAuB,YAAA;AACvC,EAAA,MAAAE,YAAkBF,kBAAAA,KAAuB,cAAA;AAAe,EAAA,IAAA5B,EAAAA;AAAA,EAAA,IAAAJ,EAAA,CAAA,CAAA,KAAAkC,aAAAlC,CAAAA,QAAAiC,OAAAA,EAAA;AAEtC7B,IAAAA,EAAAA,GAAA8B,4BAChB,GAAA,CAAA,KAAA,EAAA,EAAK,QAAA,EAAA,mCAAA,EAAiC,CAAA,wBAEtC,KAAA,EAAA,EAAK,QAAA,EAAA;AAAA,MAAA,OAAA;AAAA,MAAMD,UAAU,OAAA,GAAU,KAAA;AAAA,MAAM;AAAA,KAAA,EAAsB,CAAA;AAC5DjC,IAAAA,CAAAA,MAAAkC,SAAAA;AAAAlC,IAAAA,CAAAA,MAAAiC,OAAAA;AAAAjC,IAAAA,CAAAA,MAAAI,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAA,EAAA;AAJD,EAAA,MAAAmC,SAAAA,GAAkB/B,EAAAA;AAIhB,EAAA,IAAAE,EAAAA;AAAA,EAAA,IAAAN,EAAA,CAAA,CAAA,KAAAkC,aAAAlC,CAAAA,QAAAiC,OAAAA,EAAA;AAEgB3B,IAAAA,EAAAA,IAAC4B,SAAAA,oBACjB,IAAA,UAAK,QAAA,EAAA;AAAA,MAAA,6CAAA;AAAA,MACyCD,UAAU,OAAA,GAAU,KAAA;AAAA,MAAO,GAAA;AAAA,MAAI;AAAA,KAAA,EAE7E,CAAA;AACDjC,IAAAA,CAAAA,MAAAkC,SAAAA;AAAAlC,IAAAA,CAAAA,MAAAiC,OAAAA;AAAAjC,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AALD,EAAA,MAAAoC,SAAAA,GAAkB9B,EAAAA;AAKhB,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAP,EAAA,CAAA,CAAA,KAAAmC,aAAAnC,CAAAA,QAAAoC,SAAAA,EAAA;AAIE7B,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,+DAAA,EACZ4B,QAAAA,EAAAA;AAAAA,MAAAA,SAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACH,CAAA;AAAMpC,IAAAA,CAAAA,MAAAmC,SAAAA;AAAAnC,IAAAA,CAAAA,MAAAoC,SAAAA;AAAApC,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAqC,EAAAA;AAAA,EAAA,IAAArC,EAAA,CAAA,CAAA,KAAAgC,sBAAAhC,CAAAA,SAAAO,EAAAA,EAAA;AAJR8B,IAAAA,EAAAA,mBAAA,GAAA,CAAC,wBAAA,EAAA,EAAwCL,aAAAA,EAAAA,kBAAAA,EACvCzB,QAAAA,EAAAA,EAAAA,EAIF,CAAA;AAA2BP,IAAAA,CAAAA,MAAAgC,kBAAAA;AAAAhC,IAAAA,CAAAA,OAAAO,EAAAA;AAAAP,IAAAA,CAAAA,OAAAqC,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAArC,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAL3BqC,EAAAA;AAK2B,CAAA;;;;"}
+{"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\n  const subTitle1 = isFillOTC ? (\n    <div>Your OTC order has been executed.</div>\n  ) : (\n    <div>Your {isLimit ? \"limit\" : \"OTC\"} order is now created.</div>\n  );\n\n  const subTitle2 = !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 tradeFlowType={orderTradeFlowType}>\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","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","subTitle1","subTitle2"],"mappings":"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"}

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

@@ -1,62 +1,105 @@
 import { jsx } from 'react/jsx-runtime';
+import { d as distExports } from '../../../../_virtual/index.js';
 import { useTokenTransfersFromReceipt } from '../../../../tokens/utils/transferAmountsFromReceipt.js';
 import { TokenBadge } from '../../TokenBadge/TokenBadge.js';
 import { useTradeFlowContext } from '../tradeFlowContext.js';
 import { getExpectedTransferAmounts, getResultAmounts } from './utils.js';
-import { useMemo } from 'react';
+import 'react';
 import { isTruthy } from '../../../../lib/utils/index.js';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 function useTradeCompletedDetails() {
+  const $ = distExports.c(19);
   const {
     fromToken,
     toToken,
     result
   } = useTradeFlowContext();
   const isLimitOrderFlow = result?.tradeFlowType === "limitOrder";
-  const resultWeiAmounts = useMemo(() => {
-    return getExpectedTransferAmounts({
+  let t0;
+  if ($[0] !== result) {
+    t0 = getExpectedTransferAmounts({
       result
     });
-  }, [result]);
-  const receipt = result?.tradeFlowType === "marketSwap" ? (
-    // for batch txs callsReceipt will be available, but not the usual tx receipt
-    result.swap.receipt || result.swap.callsReceipt
-  ) : void 0;
+    $[0] = result;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const resultWeiAmounts = t0;
+  const receipt = result?.tradeFlowType === "marketSwap" ? result.swap.receipt || result.swap.callsReceipt : void 0;
+  let t1;
+  if ($[2] !== fromToken || $[3] !== toToken) {
+    t1 = [fromToken, toToken];
+    $[2] = fromToken;
+    $[3] = toToken;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  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 = {
+      receipt,
+      tokens: t1,
+      senderAddress: t2,
+      receiverAddress: t3,
+      chainId: fromToken.network,
+      expectedTokenTransfers: t4
+    };
+    $[5] = fromToken.network;
+    $[6] = receipt;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
   const {
     data: tokenTransfers
-  } = useTokenTransfersFromReceipt({
-    receipt,
-    tokens: [fromToken, toToken],
-    senderAddress: result?.account,
-    receiverAddress: result?.receiverAddress,
-    chainId: fromToken.network,
-    expectedTokenTransfers: resultWeiAmounts?.tokensMap
-  });
+  } = useTokenTransfersFromReceipt(t5);
   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: isLimitOrderFlow ? "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: isLimitOrderFlow ? "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 })
-  }, !isLimitOrderFlow && {
-    key: "rate",
-    title: "Best Rate",
-    value: amounts.rateStr
-  }].filter(isTruthy);
+  let t6;
+  if ($[12] !== fromAmountFinal || $[13] !== fromToken || $[14] !== isLimitOrderFlow || $[15] !== resultWeiAmounts?.isBuy || $[16] !== toAmountFinal || $[17] !== toToken) {
+    const amounts = getResultAmounts({
+      fromAmountWei: fromAmountFinal,
+      toAmountWei: toAmountFinal,
+      isBuy: resultWeiAmounts?.isBuy,
+      fromToken,
+      toToken
+    });
+    t6 = [{
+      key: "sold",
+      title: isLimitOrderFlow ? "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: isLimitOrderFlow ? "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 })
+    }, !isLimitOrderFlow && {
+      key: "rate",
+      title: "Best Rate",
+      value: amounts.rateStr
+    }].filter(isTruthy);
+    $[12] = fromAmountFinal;
+    $[13] = fromToken;
+    $[14] = isLimitOrderFlow;
+    $[15] = resultWeiAmounts?.isBuy;
+    $[16] = toAmountFinal;
+    $[17] = toToken;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  const details = t6;
   return details;
 }