@velora-dex/widget 0.2.5-dev.13 → 0.2.5-dev.14

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

@@ -2,11 +2,11 @@ import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../_virtual/index.js';
 import { MarketSwapSteps } from './steps.js';
 import { TradeOverview } from './TradeOverview.js';
-import { formatUnits } from 'viem/utils';
 import { useRef, useEffect } from 'react';
 import { useMarketSwapStep } from '../../../hooks/swap/tradeFlow/useMarketSwapStep.js';
 import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
 import { useCurrentSwapPrice } from '../../../hooks/swap/prices/useSwapPrices.js';
+import { useSwapAmountsWithSlippage } from './utils/useSwapAmountsWithSlippage.js';
 
 function MarketSwapTradeOverview(t0) {
   const $ = distExports.c(17);
@@ -54,7 +54,7 @@ function MarketSwapTradeOverview(t0) {
   return t1;
 }
 function MarketSwapTradeOverviewFlow(t0) {
-  const $ = distExports.c(33);
+  const $ = distExports.c(37);
   const {
     orderProps,
     marketPrice,
@@ -80,6 +80,7 @@ function MarketSwapTradeOverviewFlow(t0) {
     explorerLink,
     result,
     usedPrice,
+    submittedSwapRequest,
     error,
     erroredStep,
     tradeFlowType
@@ -102,79 +103,100 @@ function MarketSwapTradeOverviewFlow(t0) {
   }
   useEffect(t2, t3);
   let t4;
-  if ($[4] !== usedPrice) {
-    t4 = (orderProps_0) => usedPrice ? formatUnits(BigInt(usedPrice.srcAmount), usedPrice.srcDecimals) : orderProps_0.fromAmount;
-    $[4] = usedPrice;
+  if ($[4] !== submittedSwapRequest) {
+    t4 = submittedSwapRequest ? {
+      srcAmount: submittedSwapRequest.swapTxInput.srcAmount,
+      destAmount: submittedSwapRequest.swapTxInput.destAmount,
+      swapSide: submittedSwapRequest.swapTxInput.priceRoute.side
+    } : void 0;
+    $[4] = submittedSwapRequest;
     $[5] = t4;
   } else {
     t4 = $[5];
   }
-  const getFromAmount = t4;
+  const submittedSwapWei = t4;
   let t5;
   if ($[6] !== usedPrice) {
-    t5 = (orderProps_1) => usedPrice ? formatUnits(BigInt(usedPrice.destAmount), usedPrice.destDecimals) : orderProps_1.toAmount;
+    t5 = usedPrice ? {
+      srcAmount: usedPrice.srcAmount,
+      destAmount: usedPrice.destAmount,
+      swapSide: usedPrice.side
+    } : void 0;
     $[6] = usedPrice;
     $[7] = t5;
   } else {
     t5 = $[7];
   }
-  const getToAmount = t5;
+  const usedPriceWei = t5;
   let t6;
-  if ($[8] !== onClose || $[9] !== reset) {
-    t6 = () => {
-      onClose?.();
-      reset();
+  if ($[8] !== orderProps.fromAmount || $[9] !== orderProps.swapSide || $[10] !== orderProps.toAmount) {
+    t6 = {
+      srcAmount: orderProps.fromAmount,
+      destAmount: orderProps.toAmount,
+      swapSide: orderProps.swapSide
     };
-    $[8] = onClose;
-    $[9] = reset;
-    $[10] = t6;
+    $[8] = orderProps.fromAmount;
+    $[9] = orderProps.swapSide;
+    $[10] = orderProps.toAmount;
+    $[11] = t6;
   } else {
-    t6 = $[10];
+    t6 = $[11];
   }
-  const onDismiss = t6;
-  const t7 = orderProps.fromToken;
-  const t8 = orderProps.toToken;
-  let t9;
-  if ($[11] !== getFromAmount || $[12] !== orderProps) {
-    t9 = getFromAmount(orderProps);
-    $[11] = getFromAmount;
-    $[12] = orderProps;
-    $[13] = t9;
+  let t7;
+  if ($[12] !== orderProps.fromToken || $[13] !== orderProps.toToken || $[14] !== submittedSwapWei || $[15] !== t6 || $[16] !== usedPriceWei) {
+    t7 = {
+      submittedSwapWei,
+      usedPriceWei,
+      formDataUnit: t6,
+      fromToken: orderProps.fromToken,
+      toToken: orderProps.toToken
+    };
+    $[12] = orderProps.fromToken;
+    $[13] = orderProps.toToken;
+    $[14] = submittedSwapWei;
+    $[15] = t6;
+    $[16] = usedPriceWei;
+    $[17] = t7;
   } else {
-    t9 = $[13];
+    t7 = $[17];
   }
-  let t10;
-  if ($[14] !== getToAmount || $[15] !== orderProps) {
-    t10 = getToAmount(orderProps);
-    $[14] = getToAmount;
-    $[15] = orderProps;
-    $[16] = t10;
+  const amountsAndSide = useSwapAmountsWithSlippage(t7);
+  let t8;
+  if ($[18] !== onClose || $[19] !== reset) {
+    t8 = () => {
+      onClose?.();
+      reset();
+    };
+    $[18] = onClose;
+    $[19] = reset;
+    $[20] = t8;
   } else {
-    t10 = $[16];
+    t8 = $[20];
   }
-  let t11;
-  if ($[17] !== cancelFlow || $[18] !== error || $[19] !== erroredStep || $[20] !== explorerLink || $[21] !== isFlowCancellable || $[22] !== onDismiss || $[23] !== orderProps.fromToken || $[24] !== orderProps.swapSide || $[25] !== orderProps.toToken || $[26] !== result || $[27] !== retryFlow || $[28] !== step || $[29] !== t10 || $[30] !== t9 || $[31] !== tradeFlowType) {
-    t11 = /* @__PURE__ */ jsx(MarketSwapTradeOverview, { fromToken: t7, toToken: t8, fromAmount: t9, toAmount: t10, swapSide: orderProps.swapSide, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
-    $[17] = cancelFlow;
-    $[18] = error;
-    $[19] = erroredStep;
-    $[20] = explorerLink;
-    $[21] = isFlowCancellable;
-    $[22] = onDismiss;
-    $[23] = orderProps.fromToken;
-    $[24] = orderProps.swapSide;
-    $[25] = orderProps.toToken;
-    $[26] = result;
-    $[27] = retryFlow;
-    $[28] = step;
-    $[29] = t10;
-    $[30] = t9;
-    $[31] = tradeFlowType;
-    $[32] = t11;
+  const onDismiss = t8;
+  let t9;
+  if ($[21] !== amountsAndSide.destAmount || $[22] !== amountsAndSide.srcAmount || $[23] !== amountsAndSide.swapSide || $[24] !== cancelFlow || $[25] !== error || $[26] !== erroredStep || $[27] !== explorerLink || $[28] !== isFlowCancellable || $[29] !== onDismiss || $[30] !== orderProps.fromToken || $[31] !== orderProps.toToken || $[32] !== result || $[33] !== retryFlow || $[34] !== step || $[35] !== tradeFlowType) {
+    t9 = /* @__PURE__ */ jsx(MarketSwapTradeOverview, { fromToken: orderProps.fromToken, toToken: orderProps.toToken, fromAmount: amountsAndSide.srcAmount, toAmount: amountsAndSide.destAmount, swapSide: amountsAndSide.swapSide, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, activeStep: step, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+    $[21] = amountsAndSide.destAmount;
+    $[22] = amountsAndSide.srcAmount;
+    $[23] = amountsAndSide.swapSide;
+    $[24] = cancelFlow;
+    $[25] = error;
+    $[26] = erroredStep;
+    $[27] = explorerLink;
+    $[28] = isFlowCancellable;
+    $[29] = onDismiss;
+    $[30] = orderProps.fromToken;
+    $[31] = orderProps.toToken;
+    $[32] = result;
+    $[33] = retryFlow;
+    $[34] = step;
+    $[35] = tradeFlowType;
+    $[36] = t9;
   } else {
-    t11 = $[32];
+    t9 = $[36];
   }
-  return t11;
+  return t9;
 }
 const MarketSwapTradeOverviewScreen = (props) => {
   const $ = distExports.c(2);

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

@@ -1 +1 @@
-{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { formatUnits } from \"viem/utils\";\nimport { useEffect, useRef } from \"react\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  const startMarketSwapRef = useRef(startMarketSwap);\n  useEffect(() => {\n    startMarketSwapRef.current({\n      onTxSent: handleTxSent,\n    });\n  }, []);\n\n  const getFromAmount = (orderProps: MinTradeOverviewProps) =>\n    usedPrice\n      ? formatUnits(BigInt(usedPrice.srcAmount), usedPrice.srcDecimals)\n      : orderProps.fromAmount;\n\n  const getToAmount = (orderProps: MinTradeOverviewProps) =>\n    usedPrice\n      ? formatUnits(BigInt(usedPrice.destAmount), usedPrice.destDecimals)\n      : orderProps.toAmount;\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={getFromAmount(orderProps)}\n      toAmount={getToAmount(orderProps)}\n      swapSide={orderProps.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onRetry={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","MarketSwapSteps","MarketSwapTradeOverviewFlow","orderProps","marketPrice","onClose","step","startMarketSwap","cancelFlow","retryFlow","reset","usedPrice","useMarketSwapStep","startMarketSwapRef","useRef","t2","t3","Symbol","for","current","onTxSent","handleTxSent","useEffect","t4","orderProps_0","formatUnits","BigInt","srcAmount","srcDecimals","getFromAmount","t5","orderProps_1","destAmount","destDecimals","getToAmount","t6","t7","t8","t9","t10","t11","MarketSwapTradeOverviewScreen","props","useCurrentSwapPrice"],"mappings":"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"}
+{"version":3,"file":"MarketSwapTradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/MarketSwapTradeOverview.tsx"],"sourcesContent":["import type { SubmitSwapResult } from \"@/hooks/swap/tradeFlow/useMarketFlow\";\nimport { MarketSwapSteps, type MarketSwapStepKey } from \"./steps\";\nimport {\n  TradeOverview,\n  type MinTradeOverviewProps,\n  type TradeOverviewProps,\n} from \"./TradeOverview\";\nimport type { MarketSwapFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { useEffect, useRef } from \"react\";\nimport { useMarketSwapStep } from \"@/hooks/swap/tradeFlow/useMarketSwapStep\";\nimport type { OptimalRate } from \"@velora-dex/sdk\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\nimport { useCurrentSwapPrice } from \"@/hooks/swap/prices/useSwapPrices\";\nimport { useSwapAmountsWithSlippage } from \"./utils/useSwapAmountsWithSlippage\";\nexport type { FlowStep } from \"./Step/types\";\n\ntype MarketSwapTradeOverviewProps = Pick<\n  TradeOverviewProps<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"isFlowCancellable\"\n  | \"explorerLink\"\n  | \"activeStep\"\n  | \"result\"\n  | \"error\"\n  | \"erroredStep\"\n  | \"tradeFlowType\"\n  | \"swapSide\"\n>;\n\nexport function MarketSwapTradeOverview({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  onDismiss,\n  onHelp,\n  onCancelFlow,\n  onRetry,\n  activeStep,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: MarketSwapTradeOverviewProps) {\n  return (\n    <TradeOverview<MarketSwapStepKey, SubmitSwapResult, MarketSwapFlowType>\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      steps={MarketSwapSteps}\n      activeStep={activeStep}\n      onDismiss={onDismiss}\n      onHelp={onHelp}\n      onCancelFlow={onCancelFlow}\n      onRetry={onRetry}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport type MarketSwapTradeOverviewFlowProps = {\n  marketPrice: OptimalRate;\n  orderProps: MinTradeOverviewProps;\n  onClose?: () => void;\n};\n\nfunction MarketSwapTradeOverviewFlow({\n  orderProps,\n  marketPrice,\n  onClose,\n}: MarketSwapTradeOverviewFlowProps) {\n  const {\n    step,\n    startMarketSwap,\n    isFlowCancellable,\n    cancelFlow,\n    retryFlow,\n    reset,\n    explorerLink,\n    result,\n    usedPrice,\n    submittedSwapRequest,\n    error,\n    erroredStep,\n    tradeFlowType,\n  } = useMarketSwapStep({\n    marketPrice,\n  });\n\n  // avoid multiple instances of transaction submitted at once due to unstable fn ref\n  const startMarketSwapRef = useRef(startMarketSwap);\n  useEffect(() => {\n    startMarketSwapRef.current({\n      onTxSent: handleTxSent,\n    });\n  }, []);\n\n  const submittedSwapWei = submittedSwapRequest ?  {\n    srcAmount: submittedSwapRequest.swapTxInput.srcAmount,\n    destAmount: submittedSwapRequest.swapTxInput.destAmount,\n    swapSide: submittedSwapRequest.swapTxInput.priceRoute.side,\n  } : undefined;\n\n  const usedPriceWei = usedPrice ? {\n    srcAmount: usedPrice.srcAmount,\n    destAmount: usedPrice.destAmount,\n    swapSide: usedPrice.side,\n  } : undefined;\n\n\n  const amountsAndSide = useSwapAmountsWithSlippage({\n    submittedSwapWei,\n    usedPriceWei,\n    formDataUnit: {\n      srcAmount: orderProps.fromAmount,\n      destAmount: orderProps.toAmount,\n      swapSide: orderProps.swapSide,\n    },\n    fromToken: orderProps.fromToken,\n    toToken: orderProps.toToken,\n  });\n\n  const onDismiss = () => {\n    onClose?.();\n    // reset at this point helps to:\n    // 1. reset all mutations\n    // 2. reset trackedPrice\n    reset();\n  };\n\n  return (\n    <MarketSwapTradeOverview\n      fromToken={orderProps.fromToken}\n      toToken={orderProps.toToken}\n      fromAmount={amountsAndSide.srcAmount}\n      toAmount={amountsAndSide.destAmount}\n      swapSide={amountsAndSide.swapSide}\n      onDismiss={onDismiss}\n      onCancelFlow={cancelFlow}\n      onRetry={retryFlow}\n      activeStep={step}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n}\n\nexport const MarketSwapTradeOverviewScreen = (\n  props: MarketSwapTradeOverviewFlowProps\n) => {\n  useCurrentSwapPrice(); // keep prices updated while in the flow\n  return <MarketSwapTradeOverviewFlow {...props} />;\n};\n"],"names":["MarketSwapTradeOverview","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","onDismiss","onHelp","onCancelFlow","onRetry","activeStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","MarketSwapSteps","MarketSwapTradeOverviewFlow","orderProps","marketPrice","onClose","step","startMarketSwap","cancelFlow","retryFlow","reset","usedPrice","submittedSwapRequest","useMarketSwapStep","startMarketSwapRef","useRef","t2","t3","Symbol","for","current","onTxSent","handleTxSent","useEffect","t4","srcAmount","swapTxInput","destAmount","priceRoute","side","undefined","submittedSwapWei","t5","usedPriceWei","t6","t7","formDataUnit","amountsAndSide","useSwapAmountsWithSlippage","t8","t9","MarketSwapTradeOverviewScreen","props","useCurrentSwapPrice"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQzC,eAAO,MAAM,IAAI,GAAI,gDAKlB,SAAS,4CAkCX,CAAC"}
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/Step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAmBzC,eAAO,MAAM,IAAI,GAAI,gDAKlB,SAAS,4CAmDX,CAAC"}

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"}