@velora-dex/widget 0.2.5-dev.8 → 0.3.1

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

@@ -5,8 +5,8 @@ import { OtcOrderSteps } from './steps.js';
 import { formatUnits } from 'viem/utils';
 import { useOtcOrderStep } from '../../../hooks/otc/tradeFlow/useOtcOrderStep.js';
 import { addPreWrapToOrderProps } from './utils/preWrap.js';
-import { useRef, useEffect } from 'react';
 import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
+import { useRunOnMount } from '../../../core/screen/hooks/useRunOnMount.js';
 
 function OtcOrderTradeOverview(t0) {
   const $ = distExports.c(18);
@@ -88,47 +88,43 @@ function OtcOrderTradeOverviewScreen(t0) {
     otcPrice,
     preWrapETH: orderProps?.preWrapETH
   });
-  const startOtcOrderRef = useRef(startOtcOrder);
   let t1;
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] !== startOtcOrder) {
     t1 = () => {
-      startOtcOrderRef.current({
+      startOtcOrder({
         onTxSent: handleTxSent
       });
     };
-    t2 = [];
-    $[0] = t1;
-    $[1] = t2;
+    $[0] = startOtcOrder;
+    $[1] = t1;
   } else {
-    t1 = $[0];
-    t2 = $[1];
+    t1 = $[1];
   }
-  useEffect(t1, t2);
+  useRunOnMount(t1);
   const getFromAmount = (orderProps_0) => otcPrice ? formatUnits(BigInt(otcPrice.srcAmount), orderProps_0.fromToken.decimals) : orderProps_0.fromAmount;
   const getToAmount = (orderProps_1) => otcPrice ? formatUnits(BigInt(otcPrice.destAmount), orderProps_1.toToken.decimals) : orderProps_1.toAmount;
-  let t3;
+  let t2;
   if ($[2] !== onClose || $[3] !== reset) {
-    t3 = () => {
+    t2 = () => {
       onClose?.();
       reset();
     };
     $[2] = onClose;
     $[3] = reset;
-    $[4] = t3;
+    $[4] = t2;
   } else {
-    t3 = $[4];
+    t2 = $[4];
   }
-  const onDismiss = t3;
+  const onDismiss = t2;
   const onCancelOrder = isOrderCancellable ? cancelOtcOrder : void 0;
   const T0 = OtcOrderTradeOverview;
-  const t4 = orderProps.fromToken;
-  const t5 = orderProps.toToken;
-  const t6 = getFromAmount(orderProps);
-  const t7 = getToAmount(orderProps);
-  let t8;
-  if ($[5] !== T0 || $[6] !== cancelFlow || $[7] !== error || $[8] !== erroredStep || $[9] !== isFlowCancellable || $[10] !== onCancelOrder || $[11] !== onDismiss || $[12] !== orderCancellationStep || $[13] !== orderProps || $[14] !== result || $[15] !== retryFlow || $[16] !== step || $[17] !== t6 || $[18] !== t7 || $[19] !== tradeFlowType) {
-    t8 = /* @__PURE__ */ jsx(T0, { fromToken: t4, toToken: t5, fromAmount: t6, toAmount: t7, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, result, error, erroredStep, tradeFlowType });
+  const t3 = orderProps.fromToken;
+  const t4 = orderProps.toToken;
+  const t5 = getFromAmount(orderProps);
+  const t6 = getToAmount(orderProps);
+  let t7;
+  if ($[5] !== T0 || $[6] !== cancelFlow || $[7] !== error || $[8] !== erroredStep || $[9] !== isFlowCancellable || $[10] !== onCancelOrder || $[11] !== onDismiss || $[12] !== orderCancellationStep || $[13] !== orderProps || $[14] !== result || $[15] !== retryFlow || $[16] !== step || $[17] !== t5 || $[18] !== t6 || $[19] !== tradeFlowType) {
+    t7 = /* @__PURE__ */ jsx(T0, { fromToken: t3, toToken: t4, fromAmount: t5, toAmount: t6, onDismiss, onCancelFlow: cancelFlow, onRetry: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, result, error, erroredStep, tradeFlowType });
     $[5] = T0;
     $[6] = cancelFlow;
     $[7] = error;
@@ -141,14 +137,14 @@ function OtcOrderTradeOverviewScreen(t0) {
     $[14] = result;
     $[15] = retryFlow;
     $[16] = step;
-    $[17] = t6;
-    $[18] = t7;
+    $[17] = t5;
+    $[18] = t6;
     $[19] = tradeFlowType;
-    $[20] = t8;
+    $[20] = t7;
   } else {
-    t8 = $[20];
+    t7 = $[20];
   }
-  return t8;
+  return t7;
 }
 
 export { OtcOrderTradeOverview, OtcOrderTradeOverviewScreen };

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

@@ -1 +1 @@
-{"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 { addPreWrapToOrderProps } from \"./utils/preWrap\";\nimport { useEffect, useRef } from \"react\";\nimport { handleTxSent } from \"@/lib/utils/transactionHandlers\";\n\ntype OtcOrderTradeOverviewProps = Pick<\n  TradeOverviewProps<OtcOrderStepKey, SubmitOtcOrderResult, OtcOrderFlowType>,\n  | \"fromToken\"\n  | \"toToken\"\n  | \"fromAmount\"\n  | \"toAmount\"\n  | \"onDismiss\"\n  | \"onHelp\"\n  | \"onCancelFlow\"\n  | \"onRetry\"\n  | \"onCancelOrder\"\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  onRetry,\n  onCancelOrder,\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      onRetry={onRetry}\n      onCancelOrder={onCancelOrder}\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 } = addPreWrapToOrderProps({\n    orderProps: orderPropsFromForm,\n    priceMode: \"userInputOrder\",\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  const startOtcOrderRef = useRef(startOtcOrder);\n  useEffect(() => {\n    startOtcOrderRef.current({\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      onRetry={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","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps","OtcOrderTradeOverviewScreen","orderProps","orderPropsFromForm","otcPrice","otcPriceFromForm","onClose","userDefinedPrice","addPreWrapToOrderProps","priceMode","step","startOtcOrder","cancelOtcOrder","cancelFlow","retryFlow","isOrderCancellable","reset","useOtcOrderStep","preWrapETH","startOtcOrderRef","useRef","t2","Symbol","for","current","onTxSent","handleTxSent","useEffect","getFromAmount","orderProps_0","formatUnits","BigInt","srcAmount","decimals","getToAmount","orderProps_1","destAmount","t3","undefined","T0","t4","t5","t6","t7","t8"],"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 { addPreWrapToOrderProps } 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  | \"onRetry\"\n  | \"onCancelOrder\"\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  onRetry,\n  onCancelOrder,\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      onRetry={onRetry}\n      onCancelOrder={onCancelOrder}\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 } = addPreWrapToOrderProps({\n    orderProps: orderPropsFromForm,\n    priceMode: \"userInputOrder\",\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      onRetry={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","onRetry","onCancelOrder","activeStep","orderCancellationStep","isFlowCancellable","explorerLink","result","error","erroredStep","tradeFlowType","t1","OtcOrderSteps","OtcOrderTradeOverviewScreen","orderProps","orderPropsFromForm","otcPrice","otcPriceFromForm","onClose","userDefinedPrice","addPreWrapToOrderProps","priceMode","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.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"}

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":";;;;;;;;;AAoBA,MAAMA,cAAcC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAC,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAD,EAAAA,EAAA;AAA8B,IAAA,MAAA;AAAA,MAAAQ,KAAAA;AAAAA,MAAAC,UAAAA;AAAAA,MAAA,GAAAC;AAAAA,KAAA,GAAAV,EAAAA;AAKhD,IAAA,MAAAW,eAAAA,GAAwBF,aACpBD,KAAAA,CAAKI,SAAAA,CAAWC,UAAUA,IAAAA,CAAIC,GAAAA,KAASL,UAAAA,CAAUK,GAChD,CAAA,GAFmB,EAAA;AAIxB,IAAA,MAAAC,gBAAAA,GAAyBJ,eAAAA,KAAoBH,KAAAA,CAAKQ,MAAAA,GAAU,CAAA;AAIzCV,IAAAA,EAAAA,GAAA,oEAAA;AAAoE,IAAA,IAAAL,CAAAA,QAAAc,gBAAAA,EAAA;AAEhFR,MAAAA,EAAAA,GAAA,CAACQ,oCAEA,GAAA,CAAA,KAAA,EAAA,EAAe,WAAA,8DAAA,EACb,QAAA,kBAAA,GAAA,CAAC,gBAAY,CAAA,EACf,CAAA;AACDd,MAAAA,CAAAA,MAAAc,gBAAAA;AAAAd,MAAAA,CAAAA,MAAAM,EAAAA;AAAAA,IAAA,CAAA,MAAA;AAAAA,MAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,IAAA;AACAE,IAAAA,EAAAA,GAAAc,eAAAA;AAAqBb,IAAAA,EAAAA,GAAA,WAAA;AACnBC,IAAAA,EAAAA,GAAAG,KAAAA,CAAKU,GAAAA,CAAK,CAAAC,MAAAA,EAAAC,CAAAA,KAAA;AACT,MAAA,MAAAC,sBAAAA,GAA+B;AAAA,QAAAC,WAAAA,EAChBT,MAAAA;AAAAA,QAAIF,eAAAA;AAAAA,QAAAY,gBAAAA,EAECH,CAAAA;AAAAA,QAACX,UAAAA;AAAAA,QAAAC;AAAAA,OAGrB;AAEA,MAAA,MAAAc,SAAAA,GAAkBC,iBAAiBJ,sBAAsB,CAAA;AAAE,MAAA,OAEpDG,SAAAA,mBACL,GAAA,CAAA,MAAA,CAAA,GAAA,EAAA,KAA+BE,aAAAA,EAC7B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAI,GAAKF,SAAAA,EAAS,CAAA,EAAA,EADJX,MAAAA,CAAIC,GAErB,CAAA,GAHK,IAAA;AAAA,IAIC,CACT,CAAA;AAACb,IAAAA,CAAAA,MAAAD,EAAAA;AAAAC,IAAAA,CAAAA,MAAAE,EAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAH,IAAAA,CAAAA,MAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAJ,IAAAA,EAAAA,GAAAF,EAAA,CAAA,CAAA;AAAAG,IAAAA,EAAAA,GAAAH,EAAA,CAAA,CAAA;AAAAI,IAAAA,EAAAA,GAAAJ,EAAA,CAAA,CAAA;AAAAK,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAAM,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA0B,EAAAA;AAAA,EAAA,IAAA1B,CAAAA,CAAA,CAAA,CAAA,KAAAE,EAAAA,IAAAF,CAAAA,QAAAG,EAAAA,IAAAH,CAAAA,CAAA,EAAA,CAAA,KAAAI,EAAAA,EAAA;AAjBJsB,IAAAA,EAAAA,mBAAA,GAAA,CAAC,EAAA,EAAA,EAAqB,IAAA,EAAAvB,EAAAA,EACnBC,QAAAA,EAAAA,EAAAA,EAiBH,CAAA;AAAkBJ,IAAAA,CAAAA,MAAAE,EAAAA;AAAAF,IAAAA,CAAAA,MAAAG,EAAAA;AAAAH,IAAAA,CAAAA,OAAAI,EAAAA;AAAAJ,IAAAA,CAAAA,OAAA0B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA1B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAA2B,EAAAA;AAAA,EAAA,IAAA3B,CAAAA,CAAA,EAAA,CAAA,KAAAK,EAAAA,IAAAL,CAAAA,SAAAM,EAAAA,IAAAN,CAAAA,CAAA,EAAA,CAAA,KAAA0B,EAAAA,EAAA;AA3BtBC,IAAAA,EAAAA,mCACE,QAAA,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAAtB,EAAAA,EAEZC,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,MAMDoB;AAAAA,KAAAA,EAmBF,CAAA,EAAM,CAAA;AAIL1B,IAAAA,CAAAA,OAAAK,EAAAA;AAAAL,IAAAA,CAAAA,OAAAM,EAAAA;AAAAN,IAAAA,CAAAA,OAAA0B,EAAAA;AAAA1B,IAAAA,CAAAA,OAAA2B,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAA3B,EAAA,EAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAhCH2B,EAAAA;AAgCG,CAAA;AAYA,MAAMC,UAAUA,MAAA;AAAA,EAAA,MAAA5B,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACrB,EAAA,MAAA;AAAA,IAAA4B,SAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAzB,KAAAA;AAAAA,IAAAC;AAAAA,MACEyB,mBAAAA,EAAoB;AAAE,EAAA,IAAAlC,EAAAA;AAAA,EAAA,IAAAC,CAAAA,QAAAQ,UAAAA,IAAAR,EAAA,CAAA,CAAA,KAAA+B,UAAAA,IAAA/B,CAAAA,CAAA,CAAA,CAAA,KAAA6B,aAAA7B,CAAAA,CAAA,CAAA,CAAA,KAAAO,KAAAA,IAAAP,CAAAA,QAAAgC,QAAAA,IAAAhC,CAAAA,CAAA,CAAA,CAAA,KAAA8B,OAAAA,EAAA;AAGtB/B,IAAAA,EAAAA,uBAAC,WAAA,EAAA,EACQQ,KAAAA,EACKC,YACDqB,SAAAA,EACFC,OAAAA,EACGC,YACFC,QAAAA,EAAQ,CAAA;AAClBhC,IAAAA,CAAAA,MAAAQ,UAAAA;AAAAR,IAAAA,CAAAA,MAAA+B,UAAAA;AAAA/B,IAAAA,CAAAA,MAAA6B,SAAAA;AAAA7B,IAAAA,CAAAA,MAAAO,KAAAA;AAAAP,IAAAA,CAAAA,MAAAgC,QAAAA;AAAAhC,IAAAA,CAAAA,MAAA8B,OAAAA;AAAA9B,IAAAA,CAAAA,MAAAD,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAC,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAPFD,EAAAA;AAOE;;;;"}

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