@velora-dex/widget 0.2.5-dev.9 → 0.3.2-dev.1

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

@@ -1,111 +1,165 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import { d as distExports } from '../../../../_virtual/index.js';
 import { cn } from '../../../../lib/utils/index.js';
 import { ReactComponent as ForwardRef } from '../../../../assets/spinner.svg.js';
+import { motion } from 'motion/react';
+import { TRADE_OVERVIEW_TRANSITION_DURATION_S, motionBaseProps } from '../motionProps.js';
 
 const stepCircleClasses = {
   active: "bg-primary-azul-1 text-contrast-8 dark:text-contrast-7",
   inactive: "bg-contrast-6 text-contrast-5 dark:bg-contrast-3 dark:text-contrast-5"
 };
+const delayMultiplier = 0.3;
+const descDelay = 1 * delayMultiplier;
+const firstStepOffset = 0.5;
 const Step = (t0) => {
-  const $ = distExports.c(24);
+  const $ = distExports.c(34);
   const {
     title,
     description,
     stepState,
     stepNumber
   } = t0;
+  const isFirstStep = stepNumber === 1;
   const isActiveState = stepState === "ongoing";
-  let t1;
-  if ($[0] !== isActiveState) {
-    t1 = isActiveState && /* @__PURE__ */ jsx(ForwardRef, { className: "absolute inset-0 w-full h-full animate-spin direction-reverse" });
-    $[0] = isActiveState;
-    $[1] = t1;
+  const t1 = stepNumber * delayMultiplier;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = {
+      delay: t1,
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+    };
+    $[0] = t1;
+    $[1] = t2;
   } else {
-    t1 = $[1];
+    t2 = $[1];
   }
-  const t2 = isActiveState ? stepCircleClasses.active : stepCircleClasses.inactive;
-  let t3;
-  if ($[2] !== t2) {
-    t3 = cn("flex items-center justify-center w-[28px] h-[28px] rounded-full relative", t2);
+  const t3 = `font-medium ${stepState === "upcoming" ? "text-contrast-5 dark:text-contrast-7" : "text-contrast-1 dark:text-white"}`;
+  let t4;
+  if ($[2] !== t2 || $[3] !== t3) {
+    t4 = {
+      ...motionBaseProps,
+      transition: t2,
+      className: t3
+    };
     $[2] = t2;
     $[3] = t3;
+    $[4] = t4;
   } else {
-    t3 = $[3];
+    t4 = $[4];
   }
-  let t4;
-  if ($[4] !== stepNumber) {
-    t4 = /* @__PURE__ */ jsx("span", { children: stepNumber });
-    $[4] = stepNumber;
-    $[5] = t4;
+  const motionTitleProps = t4;
+  const t5 = isFirstStep ? descDelay + firstStepOffset : descDelay;
+  let t6;
+  if ($[5] !== t5) {
+    t6 = {
+      ...motionBaseProps,
+      transition: {
+        delay: t5,
+        duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+      },
+      className: "text-xs text-contrast-5 dark:text-contrast-6 max-w-xs"
+    };
+    $[5] = t5;
+    $[6] = t6;
   } else {
-    t4 = $[5];
+    t6 = $[6];
   }
-  let t5;
-  if ($[6] !== t3 || $[7] !== t4) {
-    t5 = /* @__PURE__ */ jsx("div", { className: t3, children: t4 });
-    $[6] = t3;
-    $[7] = t4;
-    $[8] = t5;
+  const motionDescProps = t6;
+  let t7;
+  if ($[7] !== isActiveState) {
+    t7 = isActiveState && /* @__PURE__ */ jsx(ForwardRef, { className: "absolute inset-0 w-full h-full animate-spin direction-reverse -scale-x-100" });
+    $[7] = isActiveState;
+    $[8] = t7;
   } else {
-    t5 = $[8];
+    t7 = $[8];
   }
-  let t6;
-  if ($[9] !== t1 || $[10] !== t5) {
-    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit", children: [
-      t1,
-      t5
+  const t8 = isActiveState ? stepCircleClasses.active : stepCircleClasses.inactive;
+  let t9;
+  if ($[9] !== t8) {
+    t9 = cn("flex items-center justify-center w-[28px] h-[28px] rounded-full relative", t8);
+    $[9] = t8;
+    $[10] = t9;
+  } else {
+    t9 = $[10];
+  }
+  let t10;
+  if ($[11] !== stepNumber) {
+    t10 = /* @__PURE__ */ jsx("span", { children: stepNumber });
+    $[11] = stepNumber;
+    $[12] = t10;
+  } else {
+    t10 = $[12];
+  }
+  let t11;
+  if ($[13] !== t10 || $[14] !== t9) {
+    t11 = /* @__PURE__ */ jsx("div", { className: t9, children: t10 });
+    $[13] = t10;
+    $[14] = t9;
+    $[15] = t11;
+  } else {
+    t11 = $[15];
+  }
+  let t12;
+  if ($[16] !== t11 || $[17] !== t7) {
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit", children: [
+      t7,
+      t11
     ] });
-    $[9] = t1;
-    $[10] = t5;
-    $[11] = t6;
+    $[16] = t11;
+    $[17] = t7;
+    $[18] = t12;
   } else {
-    t6 = $[11];
+    t12 = $[18];
   }
-  const t7 = `font-medium ${stepState === "upcoming" ? "text-contrast-5 dark:text-contrast-7" : "text-contrast-1 dark:text-white"}`;
-  let t8;
-  if ($[12] !== t7 || $[13] !== title) {
-    t8 = /* @__PURE__ */ jsx("div", { className: t7, children: title });
-    $[12] = t7;
-    $[13] = title;
-    $[14] = t8;
+  const t13 = `step-title-${stepNumber}`;
+  let t14;
+  if ($[19] !== motionTitleProps || $[20] !== t13 || $[21] !== title) {
+    t14 = /* @__PURE__ */ createElement(motion.div, { ...motionTitleProps, key: t13 }, title);
+    $[19] = motionTitleProps;
+    $[20] = t13;
+    $[21] = title;
+    $[22] = t14;
   } else {
-    t8 = $[14];
+    t14 = $[22];
   }
-  let t9;
-  if ($[15] !== description || $[16] !== isActiveState) {
-    t9 = isActiveState && description && /* @__PURE__ */ jsx("div", { className: "text-xs text-contrast-5 dark:text-contrast-6 max-w-xs", children: description });
-    $[15] = description;
-    $[16] = isActiveState;
-    $[17] = t9;
+  let t15;
+  if ($[23] !== description || $[24] !== isActiveState || $[25] !== motionDescProps || $[26] !== stepNumber) {
+    t15 = isActiveState && description && /* @__PURE__ */ createElement(motion.div, { ...motionDescProps, key: `step-desc-${stepNumber}` }, description);
+    $[23] = description;
+    $[24] = isActiveState;
+    $[25] = motionDescProps;
+    $[26] = stepNumber;
+    $[27] = t15;
   } else {
-    t9 = $[17];
+    t15 = $[27];
   }
-  let t10;
-  if ($[18] !== t8 || $[19] !== t9) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 pt-0.5", children: [
-      t8,
-      t9
+  let t16;
+  if ($[28] !== t14 || $[29] !== t15) {
+    t16 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 pt-0.5", children: [
+      t14,
+      t15
     ] });
-    $[18] = t8;
-    $[19] = t9;
-    $[20] = t10;
+    $[28] = t14;
+    $[29] = t15;
+    $[30] = t16;
   } else {
-    t10 = $[20];
+    t16 = $[30];
   }
-  let t11;
-  if ($[21] !== t10 || $[22] !== t6) {
-    t11 = /* @__PURE__ */ jsxs("div", { className: "flex gap-[13px] bg-inherit", children: [
-      t6,
-      t10
+  let t17;
+  if ($[31] !== t12 || $[32] !== t16) {
+    t17 = /* @__PURE__ */ jsxs("div", { className: "flex gap-[13px] bg-inherit", children: [
+      t12,
+      t16
     ] });
-    $[21] = t10;
-    $[22] = t6;
-    $[23] = t11;
+    $[31] = t12;
+    $[32] = t16;
+    $[33] = t17;
   } else {
-    t11 = $[23];
+    t17 = $[33];
   }
-  return t11;
+  return t17;
 };
 
 export { Step };

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\";\nimport { motion } from \"motion/react\";\nimport {\n  motionBaseProps,\n  TRADE_OVERVIEW_TRANSITION_DURATION_S,\n  type MotionDivProps,\n} from \"../motionProps\";\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\nconst delayMultiplier = 0.3;\n\nconst descDelay = 1 * delayMultiplier; // description must appear after title\nconst firstStepOffset = 0.5; // additional delay for the first step description to appear\n\nexport const Step = ({\n  title,\n  description,\n  stepState,\n  stepNumber,\n}: StepProps) => {\n  const isFirstStep = stepNumber === 1;\n  const isActiveState = stepState === \"ongoing\";\n\n  const motionTitleProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: stepNumber * delayMultiplier,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: `font-medium ${stepState === \"upcoming\" ? \"text-contrast-5 dark:text-contrast-7\" : \"text-contrast-1 dark:text-white\"}`,\n  };\n\n  const motionDescProps: MotionDivProps = {\n    ...motionBaseProps,\n    transition: {\n      delay: isFirstStep ? descDelay + firstStepOffset : descDelay,\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,\n    },\n    className: \"text-xs text-contrast-5 dark:text-contrast-6 max-w-xs\",\n  };\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 -scale-x-100\" />\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        <motion.div {...motionTitleProps} key={`step-title-${stepNumber}`}>\n          {title}\n        </motion.div>\n        {isActiveState && description && (\n          <motion.div {...motionDescProps} key={`step-desc-${stepNumber}`}>\n            {description}\n          </motion.div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["stepCircleClasses","active","inactive","delayMultiplier","descDelay","firstStepOffset","Step","t0","$","_c","title","description","stepState","stepNumber","isFirstStep","isActiveState","t1","t2","delay","duration","TRADE_OVERVIEW_TRANSITION_DURATION_S","t3","t4","motionBaseProps","transition","className","motionTitleProps","t5","t6","motionDescProps","t7","Spinner","t8","t9","cn","t10","t11","t12","t13","t14","t15","t16","t17"],"mappings":"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"}

package/dist/components/widget/TradeOverview/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"names":[],"mappings":"AAoEA,eAAO,MAAM,OAAO,+CAcnB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"names":[],"mappings":"AA4EA,eAAO,MAAM,OAAO,+CAcnB,CAAC"}

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

@@ -1,15 +1,19 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
+import { motion, AnimatePresence } from 'motion/react';
 import { Step } from './Step/Step.js';
 import { prepareStepProps } from './Step/utils.js';
 import { useTradeFlowContext } from './tradeFlowContext.js';
 import { VerticalDash } from './VerticalDash.js';
+import { stepItemProps } from './motionProps.js';
 
 const StepperBase = (t0) => {
-  const $ = distExports.c(10);
+  const $ = distExports.c(16);
+  let T0;
   let t1;
   let t2;
   let t3;
+  let t4;
   if ($[0] !== t0) {
     const {
       steps,
@@ -18,15 +22,17 @@ const StepperBase = (t0) => {
     } = 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 ($[4] !== isActiveStepLast) {
-      t2 = !isActiveStepLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
-      $[4] = isActiveStepLast;
-      $[5] = t2;
+    t3 = "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2";
+    if ($[6] !== isActiveStepLast) {
+      t4 = !isActiveStepLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
+      $[6] = isActiveStepLast;
+      $[7] = t4;
     } else {
-      t2 = $[5];
+      t4 = $[7];
     }
-    t3 = steps.map((step_0, i) => {
+    T0 = AnimatePresence;
+    t1 = "popLayout";
+    t2 = steps.map((step_0, i) => {
       const prepareStepPropsParams = {
         currentStep: step_0,
         activeStepIndex,
@@ -35,31 +41,45 @@ const StepperBase = (t0) => {
         titleFnProps
       };
       const stepProps = prepareStepProps(prepareStepPropsParams);
-      return stepProps ? /* @__PURE__ */ jsx(Step, { ...stepProps }, step_0.key) : null;
+      return stepProps ? /* @__PURE__ */ jsx(motion.div, { ...stepItemProps, children: /* @__PURE__ */ jsx(Step, { ...stepProps }) }, step_0.key) : null;
     });
     $[0] = t0;
-    $[1] = t1;
-    $[2] = t2;
-    $[3] = t3;
+    $[1] = T0;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
   } else {
-    t1 = $[1];
-    t2 = $[2];
-    t3 = $[3];
+    T0 = $[1];
+    t1 = $[2];
+    t2 = $[3];
+    t3 = $[4];
+    t4 = $[5];
   }
-  let t4;
-  if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
-    t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: t1, children: [
-      t2,
-      t3
+  let t5;
+  if ($[8] !== T0 || $[9] !== t1 || $[10] !== t2) {
+    t5 = /* @__PURE__ */ jsx(T0, { mode: t1, children: t2 });
+    $[8] = T0;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
+    t6 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: t3, children: [
+      t4,
+      t5
     ] }) });
-    $[6] = t1;
-    $[7] = t2;
-    $[8] = t3;
-    $[9] = t4;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = t6;
   } else {
-    t4 = $[9];
+    t6 = $[15];
   }
-  return t4;
+  return t6;
 };
 const Stepper = () => {
   const $ = distExports.c(7);

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","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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"}
+{"version":3,"file":"Stepper.js","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"sourcesContent":["// import { Informative } from \"../Informative/Informative\";\nimport { AnimatePresence, motion } from \"motion/react\";\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\";\nimport { stepItemProps } from \"./motionProps\";\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        <AnimatePresence mode=\"popLayout\">\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 ? (\n              <motion.div key={step.key} {...stepItemProps}>\n                <Step {...stepProps} />\n              </motion.div>\n            ) : null;\n          })}\n        </AnimatePresence>\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","T0","t1","t2","t3","t4","steps","activeStep","titleFnProps","activeStepIndex","findIndex","step","key","isActiveStepLast","length","AnimatePresence","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepProps","prepareStepProps","stepItemProps","t5","t6","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"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;AAMzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CAQlE,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;AAKzE,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,4CAKlE,CAAC"}

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

@@ -2,48 +2,39 @@ 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 { TradeDetailsDisplay } from '../TradeDetailsDisplay.js';
 
 const TradeComplete = (t0) => {
-  const $ = distExports.c(6);
+  const $ = distExports.c(5);
   const {
     tradeFlowType
   } = t0;
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx("div", { className: "flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5", children: /* @__PURE__ */ jsx(TradeDetailsDisplay, {}) });
-    $[0] = t1;
+  if ($[0] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeCompletedHeader, { tradeFlowType });
+    $[0] = tradeFlowType;
+    $[1] = t1;
   } else {
-    t1 = $[0];
+    t1 = $[1];
   }
   let t2;
-  if ($[1] !== tradeFlowType) {
-    t2 = /* @__PURE__ */ jsx(TradeCompletedHeader, { tradeFlowType });
-    $[1] = tradeFlowType;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(TradeCompletedDetails, {});
     $[2] = t2;
   } else {
     t2 = $[2];
   }
   let t3;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(TradeCompletedDetails, {});
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== t2) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+  if ($[3] !== t1) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
       t1,
-      t2,
-      t3
+      t2
     ] });
-    $[4] = t2;
-    $[5] = t4;
+    $[3] = t1;
+    $[4] = t3;
   } else {
-    t4 = $[5];
+    t3 = $[4];
   }
-  return t4;
+  return t3;
 };
 
 export { TradeComplete };

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\";\nimport { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\n\ntype TradeCompleteProps = {\n  tradeFlowType: TradeFlowType;\n};\n\nexport const TradeComplete = ({ tradeFlowType }: TradeCompleteProps) => (\n  <div className=\"flex flex-col gap-4\">\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n    </div>\n    <TradeCompletedHeader tradeFlowType={tradeFlowType} />\n    <TradeCompletedDetails />\n  </div>\n);\n"],"names":["TradeComplete","t0","$","_c","tradeFlowType","t1","Symbol","for","t2","t3","t4"],"mappings":";;;;;;AAUO,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,EAAA,CAAA,CAAA,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAE/DF,IAAAA,EAAAA,uBAAA,KAAA,EAAA,EAAe,SAAA,EAAA,yIAAA,EACb,QAAA,kBAAA,GAAA,CAAC,uBAAmB,CAAA,EACtB,CAAA;AAAMH,IAAAA,CAAAA,MAAAG,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAE,aAAAA,EAAA;AACNI,IAAAA,EAAAA,uBAAC,wBAAoCJ,aAAAA,EAAa,CAAA;AAAIF,IAAAA,CAAAA,MAAAE,aAAAA;AAAAF,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,KAAAI,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AACtDE,IAAAA,EAAAA,uBAAC,qBAAA,EAAA,EAAqB,CAAA;AAAGP,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAQ,EAAAA;AAAA,EAAA,IAAAR,CAAAA,QAAAM,EAAAA,EAAA;AAL3BE,IAAAA,EAAAA,iCAAe,SAAA,EAAA,qBAAA,EACbL,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAGAG,EAAAA;AAAAA,MACAC;AAAAA,KAAAA,EACF,CAAA;AAAMP,IAAAA,CAAAA,MAAAM,EAAAA;AAAAN,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OANNQ,EAAAA;AAMM;;;;"}
+{"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;;;;"}

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;AAY3D,wBAAgB,wBAAwB,IAAI,eAAe,EAAE,CA+E5D"}
+{"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"}