@velora-dex/widget 0.4.2 → 0.4.3

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

@@ -1 +1 @@
-{"version":3,"file":"OtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAO5E,KAAK,0BAA0B,GAAG,IAAI,CACpC,kBAAkB,CAAC,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,SAAS,GACT,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,OAAO,EACP,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,0BAA0B,2CAuB5B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GACR,EAAE,gCAAgC,2CAsElC"}
+{"version":3,"file":"OtcOrderTradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/OtcOrderTradeOverview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAiB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAO5E,KAAK,0BAA0B,GAAG,IAAI,CACpC,kBAAkB,CAAC,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,EACzE,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,eAAe,GACf,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,YAAY,GACZ,uBAAuB,GACvB,QAAQ,GACR,OAAO,GACP,aAAa,GACb,eAAe,CAClB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,EACP,UAAU,EACV,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,aAAa,EACb,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,WAAW,EACX,aAAa,GACd,EAAE,0BAA0B,2CAwB5B;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EAAE,kBAAkB,EAC9B,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GACR,EAAE,gCAAgC,2CAsElC"}

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

@@ -9,7 +9,7 @@ import { handleTxSent } from '../../../lib/utils/transactionHandlers.js';
 import { useRunOnMount } from '../../../core/screen/hooks/useRunOnMount.js';
 
 function OtcOrderTradeOverview(t0) {
-  const $ = distExports.c(18);
+  const $ = distExports.c(19);
   const {
     fromToken,
     toToken,
@@ -18,8 +18,9 @@ function OtcOrderTradeOverview(t0) {
     onDismiss,
     onHelp,
     onCancelFlow,
-    onRetry,
+    onResubmit,
     onCancelOrder,
+    onRestartFlow,
     activeStep,
     orderCancellationStep,
     isFlowCancellable,
@@ -30,8 +31,8 @@ function OtcOrderTradeOverview(t0) {
     tradeFlowType
   } = t0;
   let t1;
-  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRetry || $[12] !== orderCancellationStep || $[13] !== result || $[14] !== toAmount || $[15] !== toToken || $[16] !== tradeFlowType) {
-    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: OtcOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onRetry, onCancelOrder, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
+  if ($[0] !== activeStep || $[1] !== error || $[2] !== erroredStep || $[3] !== explorerLink || $[4] !== fromAmount || $[5] !== fromToken || $[6] !== isFlowCancellable || $[7] !== onCancelFlow || $[8] !== onCancelOrder || $[9] !== onDismiss || $[10] !== onHelp || $[11] !== onRestartFlow || $[12] !== onResubmit || $[13] !== orderCancellationStep || $[14] !== result || $[15] !== toAmount || $[16] !== toToken || $[17] !== tradeFlowType) {
+    t1 = /* @__PURE__ */ jsx(TradeOverview, { fromToken, toToken, fromAmount, toAmount, steps: OtcOrderSteps, activeStep, orderCancellationStep, onDismiss, onHelp, onCancelFlow, onResubmit, onCancelOrder, onRestartFlow, isFlowCancellable, explorerLink, result, error, erroredStep, tradeFlowType });
     $[0] = activeStep;
     $[1] = error;
     $[2] = erroredStep;
@@ -43,15 +44,16 @@ function OtcOrderTradeOverview(t0) {
     $[8] = onCancelOrder;
     $[9] = onDismiss;
     $[10] = onHelp;
-    $[11] = onRetry;
-    $[12] = orderCancellationStep;
-    $[13] = result;
-    $[14] = toAmount;
-    $[15] = toToken;
-    $[16] = tradeFlowType;
-    $[17] = t1;
+    $[11] = onRestartFlow;
+    $[12] = onResubmit;
+    $[13] = orderCancellationStep;
+    $[14] = result;
+    $[15] = toAmount;
+    $[16] = toToken;
+    $[17] = tradeFlowType;
+    $[18] = t1;
   } else {
-    t1 = $[17];
+    t1 = $[18];
   }
   return t1;
 }
@@ -124,7 +126,7 @@ function OtcOrderTradeOverviewScreen(t0) {
   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 });
+    t7 = /* @__PURE__ */ jsx(T0, { fromToken: t3, toToken: t4, fromAmount: t5, toAmount: t6, onDismiss, onCancelFlow: cancelFlow, onResubmit: retryFlow, onCancelOrder, activeStep: step, orderCancellationStep, isFlowCancellable, result, error, erroredStep, tradeFlowType });
     $[5] = T0;
     $[6] = cancelFlow;
     $[7] = error;

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 { 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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"}
+{"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  | \"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 } = 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      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","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/utils.d.ts

@@ -6,7 +6,8 @@ type PrepareStepPropsParams<Key extends string = string> = {
     currentStepIndex: number;
     activeStepIndex: number;
     titleFnProps: TitleFnProps;
+    stepNumberCorrection: number;
 };
-export declare function prepareStepProps<Key extends string = string>({ currentStep, activeStep, currentStepIndex, activeStepIndex, titleFnProps, }: PrepareStepPropsParams<Key>): StepProps | null;
+export declare function prepareStepProps<Key extends string = string>({ currentStep, activeStep, currentStepIndex, activeStepIndex, titleFnProps, stepNumberCorrection, }: PrepareStepPropsParams<Key>): StepProps | null;
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,oBAAoB,EAEpB,YAAY,EACZ,SAAS,EACV,MAAM,SAAS,CAAC;AAEjB,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAChE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,GAClB,IAAI,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAEnC;AAED,KAAK,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;CAC5B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EAC5D,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,YAAY,GACb,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAkChD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/Step/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,oBAAoB,EAEpB,YAAY,EACZ,SAAS,EACV,MAAM,SAAS,CAAC;AAEjB,wBAAgB,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAChE,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,GAClB,IAAI,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAEnC;AAED,KAAK,sBAAsB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,WAAW,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,EAAE,EAC5D,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,oBAAoB,GACrB,EAAE,sBAAsB,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,CAsChD"}

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

@@ -6,7 +6,8 @@ function prepareStepProps({
   activeStep,
   currentStepIndex,
   activeStepIndex,
-  titleFnProps
+  titleFnProps,
+  stepNumberCorrection
 }) {
   let stepState;
   if (activeStepIndex === currentStepIndex) {
@@ -29,11 +30,12 @@ function prepareStepProps({
   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: currentStepIndex + 1
+    stepNumber
   };
 }
 

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

@@ -1 +1 @@
-{"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};\n\nexport function prepareStepProps<Key extends string = string>({\n  currentStep,\n  activeStep,\n  currentStepIndex,\n  activeStepIndex,\n  titleFnProps,\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  return { title, description, stepState, stepNumber: currentStepIndex + 1 };\n}\n"],"names":["isFlowStepWithSubSteps","step","prepareStepProps","currentStep","activeStep","currentStepIndex","activeStepIndex","titleFnProps","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;AAUO,SAASC,gBAAAA,CAA8C;AAAA,EAC5DC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC;AAC2B,CAAA,EAAqB;AAChD,EAAA,IAAIC,SAAAA;AAEJ,EAAA,IAAIF,oBAAoBD,gBAAAA,EAAkB;AACxCG,IAAAA,SAAAA,GAAY,SAAA;AAAA,EACd,CAAA,MAAA,IAAWF,kBAAkBD,gBAAAA,EAAkB;AAC7CG,IAAAA,SAAAA,GAAY,MAAA;AAAA,EACd,CAAA,MAAA,IAAWF,eAAAA,KAAoBD,gBAAAA,GAAmB,CAAA,EAAG;AACnDG,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,gBAAgBT,sBAAAA,CAAuBG,WAAW,CAAA,GACnDA,WAAAA,CAAYO,SAASC,IAAAA,CACnBC,CAAAA,OAAAA,KAAYA,OAAAA,CAAQC,GAAAA,KAAQT,YAAYQ,OAC3C,CAAA,IAAKT,WAAAA,CAAYO,QAAAA,CAAS,CAAC,CAAA,GAC3BP,WAAAA;AAEJ,EAAA,MAAM;AAAA,IAAEW,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,CAAUX,YAAY,CAAA,GAAIW,SAAAA;AAE9D,EAAA,MAAMF,cACJ,OAAOC,QAAAA,KAAa,UAAA,GAAaA,QAAAA,CAASV,YAAY,CAAA,GAAIU,QAAAA;AAE5D,EAAA,OAAO;AAAA,IAAEH,KAAAA;AAAAA,IAAOE,WAAAA;AAAAA,IAAaR,SAAAA;AAAAA,IAAWW,YAAYd,gBAAAA,GAAmB;AAAA,GAAE;AAC3E;;;;"}
+{"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.d.ts

@@ -1,2 +1,2 @@
-export declare const Stepper: () => import("react/jsx-runtime").JSX.Element;
+export declare const Stepper: () => import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=Stepper.d.ts.map

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":"AA4EA,eAAO,MAAM,OAAO,+CAcnB,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/Stepper.tsx"],"names":[],"mappings":"AAiGA,eAAO,MAAM,OAAO,sDAgBnB,CAAC"}

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

@@ -6,80 +6,74 @@ 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(16);
-  let T0;
+  const $ = distExports.c(10);
+  const {
+    steps,
+    activeStep,
+    ...titleFnProps
+  } = t0;
   let t1;
-  let t2;
-  let t3;
-  let t4;
-  if ($[0] !== t0) {
-    const {
-      steps,
-      activeStep,
-      ...titleFnProps
-    } = t0;
-    const activeStepIndex = activeStep ? steps.findIndex((step) => step.key === activeStep.key) : -1;
-    const isActiveStepLast = activeStepIndex === steps.length - 1;
-    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 {
-      t4 = $[7];
-    }
-    T0 = AnimatePresence;
-    t1 = "popLayout";
-    t2 = steps.map((step_0, i) => {
-      const prepareStepPropsParams = {
-        currentStep: step_0,
-        activeStepIndex,
-        currentStepIndex: i,
-        activeStep,
-        titleFnProps
-      };
-      const stepProps = prepareStepProps(prepareStepPropsParams);
-      return stepProps ? /* @__PURE__ */ jsx(motion.div, { ...stepItemProps, children: /* @__PURE__ */ jsx(Step, { ...stepProps }) }, step_0.key) : null;
-    });
-    $[0] = t0;
-    $[1] = T0;
+  if ($[0] !== activeStep || $[1] !== steps) {
+    t1 = activeStep ? steps.findIndex((step) => step.key === activeStep.key) : -1;
+    $[0] = activeStep;
+    $[1] = steps;
     $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
-    $[5] = t4;
   } else {
-    T0 = $[1];
     t1 = $[2];
-    t2 = $[3];
-    t3 = $[4];
-    t4 = $[5];
   }
-  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;
+  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 {
-    t5 = $[11];
+    t3 = $[6];
   }
-  let t6;
-  if ($[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
-    t6 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: t3, children: [
-      t4,
-      t5
+  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
     ] }) });
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t5;
-    $[15] = t6;
+    $[7] = t2;
+    $[8] = t3;
+    $[9] = t4;
   } else {
-    t6 = $[15];
+    t4 = $[9];
   }
-  return t6;
+  return t4;
 };
 const Stepper = () => {
   const $ = distExports.c(7);
@@ -91,6 +85,9 @@ const Stepper = () => {
     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 });

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 { AnimatePresence, motion } from \"motion/react\";\nimport { Step } from \"./Step/Step\";\nimport type { ActiveStep, FlowStep } from \"./Step/types\";\nimport { prepareStepProps } from \"./Step/utils\";\nimport type { MinTradeFlowToken } from \"./TradeDetails\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { VerticalDash } from \"./VerticalDash\";\nimport { stepItemProps } from \"./motionProps\";\n\n// --- Stepper ---\ntype StepperProps<Key extends string = string> = {\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n};\n\nconst StepperBase = <Key extends string = string>({\n  steps,\n  activeStep,\n  ...titleFnProps\n}: StepperProps<Key>) => {\n  const activeStepIndex = activeStep\n    ? steps.findIndex((step) => step.key === activeStep.key)\n    : -1;\n\n  const isActiveStepLast = activeStepIndex === steps.length - 1;\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-[28px] relative bg-contrast-8 dark:bg-contrast-2\">\n        {/* Vertical line positioned absolutely */}\n        {!isActiveStepLast && (\n          // show vertical line only if there will be more than 1 step displayed\n          <div className=\"absolute left-[17px] top-0 bottom-[17px] flex justify-center\">\n            <VerticalDash />\n          </div>\n        )}\n        <AnimatePresence mode=\"popLayout\">\n          {steps.map((step, i) => {\n            const prepareStepPropsParams = {\n              currentStep: step,\n              activeStepIndex,\n              currentStepIndex: i,\n              activeStep,\n              titleFnProps,\n            };\n\n            const stepProps = prepareStepProps(prepareStepPropsParams);\n\n            return stepProps ? (\n              <motion.div key={step.key} {...stepItemProps}>\n                <Step {...stepProps} />\n              </motion.div>\n            ) : null;\n          })}\n        </AnimatePresence>\n      </div>\n\n      {/* show StepperHint on the last step, @TODO reenable when we have conditional hints */}\n      {/* {steps.length - activeStepIndex === 1 && <StepperHint />} */}\n    </>\n  );\n};\n\n/* const StepperHint = () => (\n  <Informative\n    title=\"Did you know?\"\n    description=\"There may be a network issue (such as sudden gas price spike) that is delaying your order\"\n    classes={{ root: \"mb-4\" }}\n  />\n); */\n\nexport const Stepper = () => {\n  const { fromToken, toToken, fromAmount, toAmount, steps, activeStep } =\n    useTradeFlowContext();\n\n  return (\n    <StepperBase\n      steps={steps}\n      activeStep={activeStep}\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n    />\n  );\n};\n"],"names":["StepperBase","t0","$","_c","T0","t1","t2","t3","t4","steps","activeStep","titleFnProps","activeStepIndex","findIndex","step","key","isActiveStepLast","length","AnimatePresence","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepProps","prepareStepProps","stepItemProps","t5","t6","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}
+{"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\";\nimport { useInitialValue } from \"@/core/screen/hooks/useInitialValue\";\nimport { isTruthy } from \"@/lib/utils\";\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 MAX_DISPLAYED_STEPS_AT_ONCE = 3;\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  // index of the first step displayed by stepper,\n  // so that we avoid Approve Order #2 when there is a Prepare Swap step in the list before it\n  const startedAtStepWithIndex = useInitialValue(activeStepIndex);\n\n  // let displayedStepsN = 0;\n\n  const validSteps = steps\n    .map((step, i) => {\n      const prepareStepPropsParams = {\n        currentStep: step,\n        activeStepIndex,\n        currentStepIndex: i,\n        activeStep,\n        titleFnProps,\n        stepNumberCorrection: -1 * startedAtStepWithIndex,\n      };\n\n      const stepProps = prepareStepProps(prepareStepPropsParams);\n\n      if (!stepProps) return null;\n\n      return (\n        <motion.div key={step.key} {...stepItemProps}>\n          <Step {...stepProps} />\n        </motion.div>\n      );\n    })\n    .filter(isTruthy);\n\n  // avoid stepper growing too much in height when there are many steps\n  const renderedSteps =\n    validSteps.length > MAX_DISPLAYED_STEPS_AT_ONCE\n      ? validSteps.slice(0, MAX_DISPLAYED_STEPS_AT_ONCE)\n      : validSteps;\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\">{renderedSteps}</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  if (!activeStep) return null;\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":["MAX_DISPLAYED_STEPS_AT_ONCE","StepperBase","t0","$","_c","steps","activeStep","titleFnProps","t1","findIndex","step","key","activeStepIndex","isActiveStepLast","length","startedAtStepWithIndex","useInitialValue","validSteps","map","step_0","i","prepareStepPropsParams","currentStep","currentStepIndex","stepNumberCorrection","stepProps","prepareStepProps","stepItemProps","filter","isTruthy","renderedSteps","slice","t2","t3","t4","Stepper","fromToken","toToken","fromAmount","toAmount","useTradeFlowContext"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAOlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,EACL,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CACtD,CAAC;AAuFF,eAAO,MAAM,YAAY,+CAcxB,CAAC"}
+{"version":3,"file":"TradeDetails.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAgBlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,EACL,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CACtD,CAAC;AAsOF,eAAO,MAAM,YAAY,+CAyBxB,CAAC"}

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

@@ -5,11 +5,17 @@ import { formatTokenAmount } from '../../../lib/utils/formatTokenBalance.js';
 import { useTradeFlowContext } from './tradeFlowContext.js';
 import { TradeDetailsDisplay } from './TradeDetailsDisplay.js';
 import { isSwapTradeFlowType } from '../../../hooks/swap/tradeFlow/common/utils.js';
+import { WarningWithTitle } from '../Warning/Warning.js';
+import { useTokenPrice } from '../../../hooks/tokens/prices/useTokenPrices.js';
+import { PayReceiveInfo } from '../PayReceiveInfo/PayReceiveInfo.js';
+import { InfoIcon } from 'lucide-react';
+import { SwapRate } from '../SwapRate/SwapRate.js';
+import { parseUnits } from 'viem';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
-const TradeDetailsBase = (t0) => {
+const TradeAnimatedProgressDetailsBase = (t0) => {
   const $ = distExports.c(44);
   const {
     fromToken,
@@ -176,28 +182,190 @@ const TradeDetailsBase = (t0) => {
   }
   return t18;
 };
+const tokenBadgeClasses = {
+  amount: "dark:text-contrast-9",
+  symbol: "dark:text-contrast-9",
+  logo: "size-[18px]"
+};
+function constructPayReceiveInfoProps({
+  extra,
+  srcTokenPrice,
+  destTokenPrice
+}) {
+  const {
+    srcToken,
+    destToken,
+    srcAmountUnit,
+    destAmountUnit
+  } = extra;
+  const formattedSrcAmount = formatTokenAmount(srcAmountUnit);
+  const formattedDestAmount = formatTokenAmount(destAmountUnit);
+  const srcUsdAmount = srcTokenPrice !== void 0 ? parseFloat(srcAmountUnit) * srcTokenPrice : void 0;
+  const destUsdAmount = destTokenPrice !== void 0 ? parseFloat(destAmountUnit) * destTokenPrice : void 0;
+  const isCrossChain = srcToken.network !== destToken.network;
+  const topTokenBadgeProps = {
+    address: srcToken.address,
+    symbol: srcToken.symbol,
+    chainId: srcToken.network,
+    img: srcToken.img,
+    amount: formattedSrcAmount,
+    amountPosition: "right",
+    classes: tokenBadgeClasses,
+    showNetworkIcon: isCrossChain
+  };
+  const bottomTokenBadgeProps = {
+    address: destToken.address,
+    symbol: destToken.symbol,
+    chainId: destToken.network,
+    img: destToken.img,
+    amount: formattedDestAmount,
+    amountPosition: "right",
+    classes: tokenBadgeClasses,
+    showNetworkIcon: isCrossChain
+  };
+  const srcAmountWei = parseUnits(srcAmountUnit, srcToken.decimals);
+  const destAmountWei = parseUnits(destAmountUnit, destToken.decimals);
+  return {
+    topToken: {
+      tokenBadgeProps: topTokenBadgeProps,
+      label: "Pay",
+      usdAmount: srcUsdAmount,
+      showNetwork: false,
+      classes: {
+        section: "p-4"
+      }
+    },
+    bottomToken: {
+      tokenBadgeProps: bottomTokenBadgeProps,
+      label: "Receive",
+      usdAmount: destUsdAmount,
+      showNetwork: false,
+      extraLabel: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-normal text-secondary-orange-peel-1", children: [
+        /* @__PURE__ */ jsx(InfoIcon, { size: 16 }),
+        /* @__PURE__ */ jsx(SwapRate, { srcAmountWei: srcAmountWei.toString(), destAmountWei: destAmountWei.toString(), srcToken, destToken })
+      ] }),
+      classes: {
+        section: "p-4"
+      }
+    },
+    classes: {
+      root: "bg-contrast-9 dark:bg-contrast-3",
+      line: "bg-contrast-7 dark:bg-contrast-2"
+    }
+  };
+}
+const warningClasses = {
+  root: "bg-[rgba(255,153,0,0.05)]"
+};
+const PriceChangedWarning = () => {
+  const $ = distExports.c(1);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsx(WarningWithTitle, { title: "Price changed", message: /* @__PURE__ */ jsx("div", { children: "The price changed since your last attempt. Token amounts may differ. Please review before submitting again." }), classes: warningClasses });
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  return t0;
+};
+const TradeReviewDetailsBase = () => {
+  const $ = distExports.c(12);
+  const {
+    fromToken,
+    toToken,
+    fromAmount,
+    toAmount
+  } = useTradeFlowContext();
+  const {
+    data: srcTokenPrice
+  } = useTokenPrice(fromToken);
+  const {
+    data: destTokenPrice
+  } = useTokenPrice(toToken);
+  let t0;
+  if ($[0] !== destTokenPrice?.price || $[1] !== fromAmount || $[2] !== fromToken || $[3] !== srcTokenPrice?.price || $[4] !== toAmount || $[5] !== toToken) {
+    t0 = constructPayReceiveInfoProps({
+      extra: {
+        srcToken: fromToken,
+        destToken: toToken,
+        srcAmountUnit: fromAmount,
+        destAmountUnit: toAmount
+      },
+      srcTokenPrice: srcTokenPrice?.price,
+      destTokenPrice: destTokenPrice?.price
+    });
+    $[0] = destTokenPrice?.price;
+    $[1] = fromAmount;
+    $[2] = fromToken;
+    $[3] = srcTokenPrice?.price;
+    $[4] = toAmount;
+    $[5] = toToken;
+    $[6] = t0;
+  } else {
+    t0 = $[6];
+  }
+  const payReceiveInfoProps = t0;
+  let t1;
+  if ($[7] !== payReceiveInfoProps) {
+    t1 = /* @__PURE__ */ jsx(PayReceiveInfo, { ...payReceiveInfoProps });
+    $[7] = payReceiveInfoProps;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(PriceChangedWarning, {});
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== t1) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 rounded-sm shadow-card-1 text-contrast-5 dark:text-contrast-5", children: [
+      t1,
+      t2
+    ] });
+    $[10] = t1;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
+};
 const TradeDetails = () => {
-  const $ = distExports.c(7);
+  const $ = distExports.c(8);
   const {
     fromToken,
     toToken,
     fromAmount,
     toAmount,
     swapSide,
-    tradeFlowType
+    tradeFlowType,
+    derivedStep
   } = useTradeFlowContext();
+  if (derivedStep === "prepare-swap") {
+    let t02;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t02 = /* @__PURE__ */ jsx(TradeReviewDetailsBase, {});
+      $[0] = t02;
+    } else {
+      t02 = $[0];
+    }
+    return t02;
+  }
   let t0;
-  if ($[0] !== fromAmount || $[1] !== fromToken || $[2] !== swapSide || $[3] !== toAmount || $[4] !== toToken || $[5] !== tradeFlowType) {
-    t0 = /* @__PURE__ */ jsx(TradeDetailsBase, { fromToken, toToken, fromAmount, toAmount, swapSide, tradeFlowType });
-    $[0] = fromAmount;
-    $[1] = fromToken;
-    $[2] = swapSide;
-    $[3] = toAmount;
-    $[4] = toToken;
-    $[5] = tradeFlowType;
-    $[6] = t0;
+  if ($[1] !== fromAmount || $[2] !== fromToken || $[3] !== swapSide || $[4] !== toAmount || $[5] !== toToken || $[6] !== tradeFlowType) {
+    t0 = /* @__PURE__ */ jsx(TradeAnimatedProgressDetailsBase, { fromToken, toToken, fromAmount, toAmount, swapSide, tradeFlowType });
+    $[1] = fromAmount;
+    $[2] = fromToken;
+    $[3] = swapSide;
+    $[4] = toAmount;
+    $[5] = toToken;
+    $[6] = tradeFlowType;
+    $[7] = t0;
   } else {
-    t0 = $[6];
+    t0 = $[7];
   }
   return t0;
 };