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

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

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderTradeOverview.js","names":["SubmitOtcOrderResult","UserDefinedOtcPrice","TradeOverview","MinTradeOverviewProps","TradeOverviewProps","OtcOrderSteps","OtcOrderStepKey","OtcOrderFlowType","formatUnits","useOtcOrderStep","addPreWrapToOTCOrderProps","handleTxSent","useRunOnMount","OtcOrderTradeOverviewProps","Pick","OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderTradeOverviewScreenProps","orderProps","otcPrice","onClose","OtcOrderTradeOverviewScreen","orderPropsFromForm","otcPriceFromForm","userDefinedPrice","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","preWrapETH","onTxSent","getFromAmount","orderProps_0","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitOtcOrderResult,\n  UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOTCOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={OtcOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  otcPrice: UserDefinedOtcPrice;\n  onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  otcPrice: otcPriceFromForm,\n  onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOTCOrderProps({\n    orderProps: orderPropsFromForm,\n    userDefinedPrice: otcPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startOtcOrder,\n    cancelOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useOtcOrderStep({\n    otcPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n  return (\n    <OtcOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OtcOrderTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"sourcesContent":["import type {\n  SubmitOtcOrderResult,\n  UserDefinedOtcPrice,\n} from \"@/hooks/otc/tradeFlow/useOtcOrderFlow\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport { OtcOrderSteps, type OtcOrderStepKey } from \"./steps\";\nimport type { OtcOrderFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useOtcOrderStep } from \"@/hooks/otc/tradeFlow/useOtcOrderStep\";\nimport { addPreWrapToOTCOrderProps } from \"./utils/preWrap\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useRunOnMount } from \"@/core/screen/hooks/useRunOnMount\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onResubmit\"\n  | \"onCancelOrder\"\n  | \"onRestartFlow\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"orderCancellationStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n>;\n\nexport function OtcOrderTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onResubmit,\n  onCancelOrder,\n  onRestartFlow,\n  activeStep,\n  orderCancellationStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: OtcOrderTradeOverviewProps) {\n  return (\n    <TradeOverview<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      steps={OtcOrderSteps}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onResubmit={onResubmit}\n      onCancelOrder={onCancelOrder}\n      onRestartFlow={onRestartFlow}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type OtcOrderTradeOverviewScreenProps = {\n  orderProps: MinTradeOverviewProps;\n  otcPrice: UserDefinedOtcPrice;\n  onClose?: () => void;\n};\n\nexport function OtcOrderTradeOverviewScreen({\n  orderProps: orderPropsFromForm,\n  otcPrice: otcPriceFromForm,\n  onClose,\n}: OtcOrderTradeOverviewScreenProps) {\n  const { orderProps, userDefinedPrice: otcPrice } = addPreWrapToOTCOrderProps({\n    orderProps: orderPropsFromForm,\n    userDefinedPrice: otcPriceFromForm,\n  });\n\n  const {\n    step,\n    orderCancellationStep,\n    startOtcOrder,\n    cancelOtcOrder,\n    cancelFlow,\n    retryFlow,\n    isFlowCancellable,\n    isOrderCancellable,\n    reset,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useOtcOrderStep({\n    otcPrice,\n    preWrapETH: orderProps?.preWrapETH,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  useRunOnMount(() => {\n    startOtcOrder({\n      onTxSent: handleTxSent,\n    });\n  });\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.srcAmount), orderProps.fromToken.decimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    otcPrice\n      ? formatUnits(BigInt(otcPrice.destAmount), orderProps.toToken.decimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to reset all mutations\n    reset();\n  };\n\n  const onCancelOrder = isOrderCancellable ? cancelOtcOrder : undefined;\n\n  return (\n    <OtcOrderTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onResubmit={retryFlow}\n      onCancelOrder={onCancelOrder}\n      activeStep={step}\n      orderCancellationStep={orderCancellationStep}\n      isFlowCancellable={isFlowCancellable}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n"],"names":["OtcOrderTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","onDismiss","onHelp","onCancelFlow","onResubmit","onCancelOrder","onRestartFlow","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps","OtcOrderTradeOverviewScreen","orderProps","orderPropsFromForm","otcPrice","otcPriceFromForm","onClose","userDefinedPrice","addPreWrapToOTCOrderProps","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","useOtcOrderStep","preWrapETH","onTxSent","handleTxSent","useRunOnMount","getFromAmount","orderProps_0","formatUnits","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t2","undefined","T0","t3","t4","t5","t6","t7"],"mappings":"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"}

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

@@ -1,73 +1,166 @@
-import { cn as e } from "../../../../lib/utils/index.js";
-import { ForwardRef as t } from "../../../../assets/spinner.js";
-import { TRADE_OVERVIEW_TRANSITION_DURATION_S as n, motionBaseProps as r } from "../motionProps.js";
-import { c as i } from "react-compiler-runtime";
-import { createElement as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { motion as c } from "motion/react";
-//#region src/components/widget/TradeOverview/Step/Step.tsx
-var l = {
-	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"
-}, u = .3, d = 1 * u, f = .5, p = (p) => {
-	let m = i(34), { title: h, description: g, stepState: _, stepNumber: v } = p, y = v === 1, b = _ === "ongoing", x = v * u, S;
-	m[0] === x ? S = m[1] : (S = {
-		delay: x,
-		duration: n
-	}, m[0] = x, m[1] = S);
-	let C = `font-medium ${_ === "upcoming" ? "text-contrast-5 dark:text-contrast-7" : "text-contrast-1 dark:text-white"}`, w;
-	m[2] !== S || m[3] !== C ? (w = {
-		...r,
-		transition: S,
-		className: C
-	}, m[2] = S, m[3] = C, m[4] = w) : w = m[4];
-	let T = w, E = y ? d + f : d, D;
-	m[5] === E ? D = m[6] : (D = {
-		...r,
-		transition: {
-			delay: E,
-			duration: n
-		},
-		className: "text-xs text-contrast-5 dark:text-contrast-6 max-w-xs"
-	}, m[5] = E, m[6] = D);
-	let O = D, k;
-	m[7] === b ? k = m[8] : (k = b && /* @__PURE__ */ o(t, { className: "absolute inset-0 w-full h-full animate-spin direction-reverse -scale-x-100" }), m[7] = b, m[8] = k);
-	let A = b ? l.active : l.inactive, j;
-	m[9] === A ? j = m[10] : (j = e("flex items-center justify-center w-[28px] h-[28px] rounded-full relative", A), m[9] = A, m[10] = j);
-	let M;
-	m[11] === v ? M = m[12] : (M = /* @__PURE__ */ o("span", { children: v }), m[11] = v, m[12] = M);
-	let N;
-	m[13] !== M || m[14] !== j ? (N = /* @__PURE__ */ o("div", {
-		className: j,
-		children: M
-	}), m[13] = M, m[14] = j, m[15] = N) : N = m[15];
-	let P;
-	m[16] !== N || m[17] !== k ? (P = /* @__PURE__ */ s("div", {
-		className: "flex items-center justify-center w-[34px] h-[34px] rounded-full relative bg-inherit",
-		children: [k, N]
-	}), m[16] = N, m[17] = k, m[18] = P) : P = m[18];
-	let F = `step-title-${v}`, I;
-	m[19] !== T || m[20] !== F || m[21] !== h ? (I = /* @__PURE__ */ a(c.div, {
-		...T,
-		key: F
-	}, h), m[19] = T, m[20] = F, m[21] = h, m[22] = I) : I = m[22];
-	let L;
-	m[23] !== g || m[24] !== b || m[25] !== O || m[26] !== v ? (L = b && g && /* @__PURE__ */ a(c.div, {
-		...O,
-		key: `step-desc-${v}`
-	}, g), m[23] = g, m[24] = b, m[25] = O, m[26] = v, m[27] = L) : L = m[27];
-	let R;
-	m[28] !== I || m[29] !== L ? (R = /* @__PURE__ */ s("div", {
-		className: "flex flex-col gap-1 pt-0.5",
-		children: [I, L]
-	}), m[28] = I, m[29] = L, m[30] = R) : R = m[30];
-	let z;
-	return m[31] !== P || m[32] !== R ? (z = /* @__PURE__ */ s("div", {
-		className: "flex gap-[13px] bg-inherit",
-		children: [P, R]
-	}), m[31] = P, m[32] = R, m[33] = z) : z = m[33], z;
+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(34);
+  const {
+    title,
+    description,
+    stepState,
+    stepNumber
+  } = t0;
+  const isFirstStep = stepNumber === 1;
+  const isActiveState = stepState === "ongoing";
+  const t1 = stepNumber * delayMultiplier;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = {
+      delay: t1,
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+    };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  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 {
+    t4 = $[4];
+  }
+  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 {
+    t6 = $[6];
+  }
+  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 {
+    t7 = $[8];
+  }
+  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
+    ] });
+    $[16] = t11;
+    $[17] = t7;
+    $[18] = t12;
+  } else {
+    t12 = $[18];
+  }
+  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 {
+    t14 = $[22];
+  }
+  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 {
+    t15 = $[27];
+  }
+  let t16;
+  if ($[28] !== t14 || $[29] !== t15) {
+    t16 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 pt-0.5", children: [
+      t14,
+      t15
+    ] });
+    $[28] = t14;
+    $[29] = t15;
+    $[30] = t16;
+  } else {
+    t16 = $[30];
+  }
+  let t17;
+  if ($[31] !== t12 || $[32] !== t16) {
+    t17 = /* @__PURE__ */ jsxs("div", { className: "flex gap-[13px] bg-inherit", children: [
+      t12,
+      t16
+    ] });
+    $[31] = t12;
+    $[32] = t16;
+    $[33] = t17;
+  } else {
+    t17 = $[33];
+  }
+  return t17;
 };
-//#endregion
-export { p as Step };
 
-//# sourceMappingURL=Step.js.map
+export { Step };
+//# sourceMappingURL=Step.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["cn","ReactComponent","Spinner","StepProps","motion","motionBaseProps","TRADE_OVERVIEW_TRANSITION_DURATION_S","MotionDivProps","stepCircleClasses","active","inactive","delayMultiplier","descDelay","firstStepOffset","Step","t0","$","_c","title","description","stepState","stepNumber","isFirstStep","isActiveState","t1","t2","delay","duration","t3","t4","transition","className","motionTitleProps","t5","t6","motionDescProps","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17"],"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"],"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/Step/utils.js

@@ -1,19 +1,43 @@
-//#region src/components/widget/TradeOverview/Step/utils.ts
-function e(e) {
-	return "subSteps" in e;
+function isFlowStepWithSubSteps(step) {
+  return "subSteps" in step;
 }
-function t({ currentStep: t, activeStep: n, currentStepIndex: r, activeStepIndex: i, titleFnProps: a, stepNumberCorrection: o }) {
-	let s;
-	if (s = i === r ? "ongoing" : i > r ? "done" : i === r - 1 ? "next" : "upcoming", s === "done") return null;
-	let { title: c, description: l } = e(t) ? t.subSteps.find((e) => e.key === n?.subStep) ?? t.subSteps[0] : t, u = typeof c == "string" ? c : c[s], d = typeof u == "function" ? u(a) : u, f = typeof l == "function" ? l(a) : l, p = r + 1 + o;
-	return {
-		title: d,
-		description: f,
-		stepState: s,
-		stepNumber: p
-	};
+function prepareStepProps({
+  currentStep,
+  activeStep,
+  currentStepIndex,
+  activeStepIndex,
+  titleFnProps,
+  stepNumberCorrection
+}) {
+  let stepState;
+  if (activeStepIndex === currentStepIndex) {
+    stepState = "ongoing";
+  } else if (activeStepIndex > currentStepIndex) {
+    stepState = "done";
+  } else if (activeStepIndex === currentStepIndex - 1) {
+    stepState = "next";
+  } else {
+    stepState = "upcoming";
+  }
+  if (stepState === "done") {
+    return null;
+  }
+  const stepOrSubStep = isFlowStepWithSubSteps(currentStep) ? currentStep.subSteps.find((subStep) => subStep.key === activeStep?.subStep) ?? currentStep.subSteps[0] : currentStep;
+  const {
+    title: stepTitle,
+    description: stepDesc
+  } = stepOrSubStep;
+  const titleOrFn = typeof stepTitle === "string" ? stepTitle : stepTitle[stepState];
+  const title = typeof titleOrFn === "function" ? titleOrFn(titleFnProps) : titleOrFn;
+  const description = typeof stepDesc === "function" ? stepDesc(titleFnProps) : stepDesc;
+  const stepNumber = currentStepIndex + 1 + stepNumberCorrection;
+  return {
+    title,
+    description,
+    stepState,
+    stepNumber
+  };
 }
-//#endregion
-export { t as prepareStepProps };
 
-//# sourceMappingURL=utils.js.map
+export { isFlowStepWithSubSteps, prepareStepProps };
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["ActiveStep","FlowStep","FlowStepWithSubSteps","StepState","TitleFnProps","StepProps","isFlowStepWithSubSteps","step","Key","PrepareStepPropsParams","currentStep","activeStep","currentStepIndex","activeStepIndex","titleFnProps","stepNumberCorrection","prepareStepProps","stepState","stepOrSubStep","subSteps","find","subStep","key","title","stepTitle","description","stepDesc","titleOrFn","stepNumber"],"sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"sourcesContent":["import type {\n  ActiveStep,\n  FlowStep,\n  FlowStepWithSubSteps,\n  StepState,\n  TitleFnProps,\n  StepProps,\n} from \"./types\";\n\nexport function isFlowStepWithSubSteps<Key extends string = string>(\n  step: FlowStep<Key>\n): step is FlowStepWithSubSteps<Key> {\n  return \"subSteps\" in step;\n}\n\ntype PrepareStepPropsParams<Key extends string = string> = {\n  currentStep: FlowStep<Key>;\n  activeStep?: ActiveStep<Key>;\n  currentStepIndex: number;\n  activeStepIndex: number;\n  titleFnProps: TitleFnProps;\n  stepNumberCorrection: number;\n};\n\nexport function prepareStepProps<Key extends string = string>({\n  currentStep,\n  activeStep,\n  currentStepIndex,\n  activeStepIndex,\n  titleFnProps,\n  stepNumberCorrection,\n}: PrepareStepPropsParams<Key>): StepProps | null {\n  let stepState: StepState;\n\n  if (activeStepIndex === currentStepIndex) {\n    stepState = \"ongoing\";\n  } else if (activeStepIndex > currentStepIndex) {\n    stepState = \"done\";\n  } else if (activeStepIndex === currentStepIndex - 1) {\n    stepState = \"next\";\n  } else {\n    stepState = \"upcoming\";\n  }\n  if (stepState === \"done\") {\n    return null;\n  }\n\n  const stepOrSubStep = isFlowStepWithSubSteps(currentStep)\n    ? (currentStep.subSteps.find(\n        (subStep) => subStep.key === activeStep?.subStep\n      ) ?? currentStep.subSteps[0])\n    : currentStep;\n\n  const { title: stepTitle, description: stepDesc } = stepOrSubStep;\n\n  const titleOrFn =\n    typeof stepTitle === \"string\" ? stepTitle : stepTitle[stepState];\n\n  const title =\n    typeof titleOrFn === \"function\" ? titleOrFn(titleFnProps) : titleOrFn;\n\n  const description =\n    typeof stepDesc === \"function\" ? stepDesc(titleFnProps) : stepDesc;\n\n  // if first step of the flow is skipped in the current flow (prepare-swap is skipped unless in resubmit flow),\n  // we need to avoid marking the inital step as stepNumber=2\n  const stepNumber = currentStepIndex + 1 + stepNumberCorrection;\n\n  return { title, description, stepState, stepNumber };\n}\n"],"mappings":";AASA,SAAgBM,EACdC,GACmC;AACnC,QAAO,cAAcA;;AAYvB,SAAgBS,EAA8C,EAC5DN,gBACAC,eACAC,qBACAC,oBACAC,iBACAC,2BACgD;CAChD,IAAIE;AAWJ,KATA,AAOEA,IAPEJ,MAAoBD,IACV,YACHC,IAAkBD,IACf,SACHC,MAAoBD,IAAmB,IACpC,SAEA,YAEVK,MAAc,OAChB,QAAO;CAST,IAAM,EAAEM,OAAOC,GAAWC,aAAaC,MANjBpB,EAAuBI,EAAY,GACpDA,EAAYS,SAASC,MACnBC,MAAYA,EAAQC,QAAQX,GAAYU,QAC1C,IAAIX,EAAYS,SAAS,KAC1BT,GAIEiB,IACJ,OAAOH,KAAc,WAAWA,IAAYA,EAAUP,IAElDM,IACJ,OAAOI,KAAc,aAAaA,EAAUb,EAAa,GAAGa,GAExDF,IACJ,OAAOC,KAAa,aAAaA,EAASZ,EAAa,GAAGY,GAItDE,IAAahB,IAAmB,IAAIG;AAE1C,QAAO;EAAEQ;EAAOE;EAAaR;EAAWW;EAAY"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"sourcesContent":["import type {\n  ActiveStep,\n  FlowStep,\n  FlowStepWithSubSteps,\n  StepState,\n  TitleFnProps,\n  StepProps,\n} from \"./types\";\n\nexport function isFlowStepWithSubSteps<Key extends string = string>(\n  step: FlowStep<Key>\n): step is FlowStepWithSubSteps<Key> {\n  return \"subSteps\" in step;\n}\n\ntype PrepareStepPropsParams<Key extends string = string> = {\n  currentStep: FlowStep<Key>;\n  activeStep?: ActiveStep<Key>;\n  currentStepIndex: number;\n  activeStepIndex: number;\n  titleFnProps: TitleFnProps;\n  stepNumberCorrection: number;\n};\n\nexport function prepareStepProps<Key extends string = string>({\n  currentStep,\n  activeStep,\n  currentStepIndex,\n  activeStepIndex,\n  titleFnProps,\n  stepNumberCorrection,\n}: PrepareStepPropsParams<Key>): StepProps | null {\n  let stepState: StepState;\n\n  if (activeStepIndex === currentStepIndex) {\n    stepState = \"ongoing\";\n  } else if (activeStepIndex > currentStepIndex) {\n    stepState = \"done\";\n  } else if (activeStepIndex === currentStepIndex - 1) {\n    stepState = \"next\";\n  } else {\n    stepState = \"upcoming\";\n  }\n  if (stepState === \"done\") {\n    return null;\n  }\n\n  const stepOrSubStep = isFlowStepWithSubSteps(currentStep)\n    ? (currentStep.subSteps.find(\n        (subStep) => subStep.key === activeStep?.subStep\n      ) ?? currentStep.subSteps[0])\n    : currentStep;\n\n  const { title: stepTitle, description: stepDesc } = stepOrSubStep;\n\n  const titleOrFn =\n    typeof stepTitle === \"string\" ? stepTitle : stepTitle[stepState];\n\n  const title =\n    typeof titleOrFn === \"function\" ? titleOrFn(titleFnProps) : titleOrFn;\n\n  const description =\n    typeof stepDesc === \"function\" ? stepDesc(titleFnProps) : stepDesc;\n\n  // if first step of the flow is skipped in the current flow (prepare-swap is skipped unless in resubmit flow),\n  // we need to avoid marking the inital step as stepNumber=2\n  const stepNumber = currentStepIndex + 1 + stepNumberCorrection;\n\n  return { title, description, stepState, stepNumber };\n}\n"],"names":["isFlowStepWithSubSteps","step","prepareStepProps","currentStep","activeStep","currentStepIndex","activeStepIndex","titleFnProps","stepNumberCorrection","stepState","stepOrSubStep","subSteps","find","subStep","key","title","stepTitle","description","stepDesc","titleOrFn","stepNumber"],"mappings":"AASO,SAASA,uBACdC,IAAAA,EACmC;AACnC,EAAA,OAAO,UAAA,IAAcA,IAAAA;AACvB;AAWO,SAASC,gBAAAA,CAA8C;AAAA,EAC5DC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC;AAC2B,CAAA,EAAqB;AAChD,EAAA,IAAIC,SAAAA;AAEJ,EAAA,IAAIH,oBAAoBD,gBAAAA,EAAkB;AACxCI,IAAAA,SAAAA,GAAY,SAAA;AAAA,EACd,CAAA,MAAA,IAAWH,kBAAkBD,gBAAAA,EAAkB;AAC7CI,IAAAA,SAAAA,GAAY,MAAA;AAAA,EACd,CAAA,MAAA,IAAWH,eAAAA,KAAoBD,gBAAAA,GAAmB,CAAA,EAAG;AACnDI,IAAAA,SAAAA,GAAY,MAAA;AAAA,EACd,CAAA,MAAO;AACLA,IAAAA,SAAAA,GAAY,UAAA;AAAA,EACd;AACA,EAAA,IAAIA,cAAc,MAAA,EAAQ;AACxB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAMC,gBAAgBV,sBAAAA,CAAuBG,WAAW,CAAA,GACnDA,WAAAA,CAAYQ,SAASC,IAAAA,CACnBC,CAAAA,OAAAA,KAAYA,OAAAA,CAAQC,GAAAA,KAAQV,YAAYS,OAC3C,CAAA,IAAKV,WAAAA,CAAYQ,QAAAA,CAAS,CAAC,CAAA,GAC3BR,WAAAA;AAEJ,EAAA,MAAM;AAAA,IAAEY,KAAAA,EAAOC,SAAAA;AAAAA,IAAWC,WAAAA,EAAaC;AAAAA,GAAS,GAAIR,aAAAA;AAEpD,EAAA,MAAMS,YACJ,OAAOH,SAAAA,KAAc,QAAA,GAAWA,SAAAA,GAAYA,UAAUP,SAAS,CAAA;AAEjE,EAAA,MAAMM,QACJ,OAAOI,SAAAA,KAAc,UAAA,GAAaA,SAAAA,CAAUZ,YAAY,CAAA,GAAIY,SAAAA;AAE9D,EAAA,MAAMF,cACJ,OAAOC,QAAAA,KAAa,UAAA,GAAaA,QAAAA,CAASX,YAAY,CAAA,GAAIW,QAAAA;AAI5D,EAAA,MAAME,UAAAA,GAAaf,mBAAmB,CAAA,GAAIG,oBAAAA;AAE1C,EAAA,OAAO;AAAA,IAAEO,KAAAA;AAAAA,IAAOE,WAAAA;AAAAA,IAAaR,SAAAA;AAAAA,IAAWW;AAAAA,GAAW;AACrD;;;;"}

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

@@ -1,59 +1,108 @@
-import { isTruthy as e } from "../../../lib/utils/index.js";
-import { useTradeFlowContext as t } from "./tradeFlowContext.js";
-import { stepItemProps as n } from "./motionProps.js";
-import { Step as r } from "./Step/Step.js";
-import { prepareStepProps as i } from "./Step/utils.js";
-import { VerticalDash as a } from "./VerticalDash.js";
-import { useInitialValue as o } from "../../../core/screen/hooks/useInitialValue.js";
-import { c as s } from "react-compiler-runtime";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { AnimatePresence as d, motion as f } from "motion/react";
-//#region src/components/widget/TradeOverview/Stepper.tsx
-var p = 3, m = (t) => {
-	let m = s(10), { steps: h, activeStep: g, ..._ } = t, v;
-	m[0] !== g || m[1] !== h ? (v = g ? h.findIndex((e) => e.key === g.key) : -1, m[0] = g, m[1] = h, m[2] = v) : v = m[2];
-	let y = v, b = y === h.length - 1, x = o(y), S = h.map((e, t) => {
-		let a = i({
-			currentStep: e,
-			activeStepIndex: y,
-			currentStepIndex: t,
-			activeStep: g,
-			titleFnProps: _,
-			stepNumberCorrection: -1 * x
-		});
-		return a ? /* @__PURE__ */ l(f.div, {
-			...n,
-			children: /* @__PURE__ */ l(r, { ...a })
-		}, e.key) : null;
-	}).filter(e), C = S.length > p ? S.slice(0, p) : S, w;
-	m[3] === b ? w = m[4] : (w = !b && /* @__PURE__ */ l("div", {
-		className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center",
-		children: /* @__PURE__ */ l(a, {})
-	}), m[3] = b, m[4] = w);
-	let T;
-	m[5] === C ? T = m[6] : (T = /* @__PURE__ */ l(d, {
-		mode: "popLayout",
-		children: C
-	}), m[5] = C, m[6] = T);
-	let E;
-	return m[7] !== w || m[8] !== T ? (E = /* @__PURE__ */ l(c, { children: /* @__PURE__ */ u("div", {
-		className: "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2",
-		children: [w, T]
-	}) }), m[7] = w, m[8] = T, m[9] = E) : E = m[9], E;
-}, h = () => {
-	let e = s(7), { fromToken: n, toToken: r, fromAmount: i, toAmount: a, steps: o, activeStep: c } = t();
-	if (!c) return null;
-	let u;
-	return e[0] !== c || e[1] !== i || e[2] !== n || e[3] !== o || e[4] !== a || e[5] !== r ? (u = /* @__PURE__ */ l(m, {
-		steps: o,
-		activeStep: c,
-		fromToken: n,
-		toToken: r,
-		fromAmount: i,
-		toAmount: a
-	}), e[0] = c, e[1] = i, e[2] = n, e[3] = o, e[4] = a, e[5] = r, e[6] = u) : u = e[6], u;
+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';
+import { useInitialValue } from '../../../core/screen/hooks/useInitialValue.js';
+import { isTruthy } from '../../../lib/utils/index.js';
+
+const MAX_DISPLAYED_STEPS_AT_ONCE = 3;
+const StepperBase = (t0) => {
+  const $ = distExports.c(10);
+  const {
+    steps,
+    activeStep,
+    ...titleFnProps
+  } = t0;
+  let t1;
+  if ($[0] !== activeStep || $[1] !== steps) {
+    t1 = activeStep ? steps.findIndex((step) => step.key === activeStep.key) : -1;
+    $[0] = activeStep;
+    $[1] = steps;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const activeStepIndex = t1;
+  const isActiveStepLast = activeStepIndex === steps.length - 1;
+  const startedAtStepWithIndex = useInitialValue(activeStepIndex);
+  const validSteps = steps.map((step_0, i) => {
+    const prepareStepPropsParams = {
+      currentStep: step_0,
+      activeStepIndex,
+      currentStepIndex: i,
+      activeStep,
+      titleFnProps,
+      stepNumberCorrection: -1 * startedAtStepWithIndex
+    };
+    const stepProps = prepareStepProps(prepareStepPropsParams);
+    if (!stepProps) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(motion.div, { ...stepItemProps, children: /* @__PURE__ */ jsx(Step, { ...stepProps }) }, step_0.key);
+  }).filter(isTruthy);
+  const renderedSteps = validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE) : validSteps;
+  let t2;
+  if ($[3] !== isActiveStepLast) {
+    t2 = !isActiveStepLast && /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-[17px] flex justify-center", children: /* @__PURE__ */ jsx(VerticalDash, {}) });
+    $[3] = isActiveStepLast;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== renderedSteps) {
+    t3 = /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: renderedSteps });
+    $[5] = renderedSteps;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== t2 || $[8] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2", children: [
+      t2,
+      t3
+    ] }) });
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+const Stepper = () => {
+  const $ = distExports.c(7);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount,
+    steps,
+    activeStep
+  } = useTradeFlowContext();
+  if (!activeStep) {
+    return null;
+  }
+  let t0;
+  if ($[0] !== activeStep || $[1] !== fromAmount || $[2] !== fromToken || $[3] !== steps || $[4] !== toAmount || $[5] !== toToken) {
+    t0 = /* @__PURE__ */ jsx(StepperBase, { steps, activeStep, fromToken, toToken, fromAmount, toAmount });
+    $[0] = activeStep;
+    $[1] = fromAmount;
+    $[2] = fromToken;
+    $[3] = steps;
+    $[4] = toAmount;
+    $[5] = toToken;
+    $[6] = t0;
+  } else {
+    t0 = $[6];
+  }
+  return t0;
 };
-//#endregion
-export { h as Stepper };
 
-//# sourceMappingURL=Stepper.js.map
+export { Stepper };
+//# sourceMappingURL=Stepper.js.map