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

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

@@ -1,4 +1,5 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import { d as distExports } from '../../../_virtual/index.js';
 import { CardHeader, CardContent, CardFooter, Card } from '../../ui/card.js';
 import { TradeOverviewHeader } from './TradeOverviewHeader.js';
@@ -11,30 +12,20 @@ import { TradeCompletedFooter } from './TradeComplete/TradeCompleteFooter.js';
 import { TradeErrorFooter } from './TradeError/TradeErrorFooter.js';
 import { TradeError } from './TradeError/index.js';
 import { cn } from '../../../lib/utils/index.js';
-import { WIDGET_HEIGHT_CLASSNAME } from '../../../core/constants.js';
+import { WIDGET_MIN_HEIGHT_CLASSNAME } from '../../../core/constants.js';
+import { motion } from 'motion/react';
+import { headerProps, tradeDetailsProps, completedFlowProps, flowProps, footerProps } from './motionProps.js';
 
-const TradeInProgressContent = () => {
-  const $ = distExports.c(1);
-  let t0;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(TradeDetails, {}),
-      /* @__PURE__ */ jsx(Stepper, {})
-    ] });
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  return t0;
-};
 const Content = () => {
-  const $ = distExports.c(7);
+  const $ = distExports.c(17);
   const {
     result,
     error,
     erroredStep,
     tradeFlowType
   } = useTradeFlowContext();
+  let step;
+  let content;
   if (error) {
     let t02;
     if ($[0] !== error || $[1] !== erroredStep || $[2] !== tradeFlowType) {
@@ -46,30 +37,76 @@ const Content = () => {
     } else {
       t02 = $[3];
     }
-    return t02;
-  }
-  if (result) {
-    let t02;
-    if ($[4] !== result.tradeFlowType) {
-      t02 = /* @__PURE__ */ jsx(TradeComplete, { tradeFlowType: result.tradeFlowType });
-      $[4] = result.tradeFlowType;
-      $[5] = t02;
+    content = t02;
+    step = "error";
+  } else {
+    if (result) {
+      let t02;
+      if ($[4] !== result.tradeFlowType) {
+        t02 = /* @__PURE__ */ jsx(TradeComplete, { tradeFlowType: result.tradeFlowType });
+        $[4] = result.tradeFlowType;
+        $[5] = t02;
+      } else {
+        t02 = $[5];
+      }
+      content = t02;
+      step = "complete";
     } else {
-      t02 = $[5];
+      let t02;
+      if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+        t02 = /* @__PURE__ */ jsx(Stepper, {});
+        $[6] = t02;
+      } else {
+        t02 = $[6];
+      }
+      content = t02;
+      step = "in-progress";
     }
-    return t02;
   }
-  let t0;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = /* @__PURE__ */ jsx(TradeInProgressContent, {});
-    $[6] = t0;
+  const contentMotionProps = step === "complete" ? completedFlowProps : flowProps;
+  const t0 = `details-${step}`;
+  let t1;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx(TradeDetails, {});
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  let t2;
+  if ($[8] !== t0) {
+    t2 = /* @__PURE__ */ createElement(motion.div, { ...tradeDetailsProps, key: t0 }, t1);
+    $[8] = t0;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = `flow-${step}`;
+  let t4;
+  if ($[10] !== content || $[11] !== contentMotionProps || $[12] !== t3) {
+    t4 = /* @__PURE__ */ createElement(motion.div, { ...contentMotionProps, key: t3 }, content);
+    $[10] = content;
+    $[11] = contentMotionProps;
+    $[12] = t3;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== t2 || $[15] !== t4) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      t2,
+      t4
+    ] });
+    $[14] = t2;
+    $[15] = t4;
+    $[16] = t5;
   } else {
-    t0 = $[6];
+    t5 = $[16];
   }
-  return t0;
+  return t5;
 };
 const Footer = (t0) => {
-  const $ = distExports.c(9);
+  const $ = distExports.c(12);
   const {
     onDismiss,
     onCancelFlow,
@@ -80,7 +117,10 @@ const Footer = (t0) => {
     result,
     error
   } = useTradeFlowContext();
+  let step;
+  let content;
   if (error) {
+    step = "error";
     let t12;
     if ($[0] !== onDismiss || $[1] !== onRetry) {
       t12 = /* @__PURE__ */ jsx(TradeErrorFooter, { onDismiss, onRetry });
@@ -90,30 +130,45 @@ const Footer = (t0) => {
     } else {
       t12 = $[2];
     }
-    return t12;
-  }
-  if (result) {
-    let t12;
-    if ($[3] !== onCancelOrder || $[4] !== onDismiss) {
-      t12 = /* @__PURE__ */ jsx(TradeCompletedFooter, { onDismiss, onCancelOrder });
-      $[3] = onCancelOrder;
-      $[4] = onDismiss;
-      $[5] = t12;
+    content = t12;
+  } else {
+    if (result) {
+      step = "complete";
+      let t12;
+      if ($[3] !== onCancelOrder || $[4] !== onDismiss) {
+        t12 = /* @__PURE__ */ jsx(TradeCompletedFooter, { onDismiss, onCancelOrder });
+        $[3] = onCancelOrder;
+        $[4] = onDismiss;
+        $[5] = t12;
+      } else {
+        t12 = $[5];
+      }
+      content = t12;
     } else {
-      t12 = $[5];
+      step = "in-progress";
+      let t12;
+      if ($[6] !== onCancelFlow || $[7] !== onDismiss) {
+        t12 = /* @__PURE__ */ jsx(TradeOverviewFooter, { onDismiss, onCancelFlow });
+        $[6] = onCancelFlow;
+        $[7] = onDismiss;
+        $[8] = t12;
+      } else {
+        t12 = $[8];
+      }
+      content = t12;
     }
-    return t12;
   }
-  let t1;
-  if ($[6] !== onCancelFlow || $[7] !== onDismiss) {
-    t1 = /* @__PURE__ */ jsx(TradeOverviewFooter, { onDismiss, onCancelFlow });
-    $[6] = onCancelFlow;
-    $[7] = onDismiss;
-    $[8] = t1;
+  const t1 = `footer-${step}`;
+  let t2;
+  if ($[9] !== content || $[10] !== t1) {
+    t2 = /* @__PURE__ */ createElement(motion.div, { ...footerProps, key: t1 }, content);
+    $[9] = content;
+    $[10] = t1;
+    $[11] = t2;
   } else {
-    t1 = $[8];
+    t2 = $[11];
   }
-  return t1;
+  return t2;
 };
 const TradeOverviewBase = (t0) => {
   const $ = distExports.c(16);
@@ -126,7 +181,7 @@ const TradeOverviewBase = (t0) => {
   } = t0;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = cn("max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none", WIDGET_HEIGHT_CLASSNAME);
+    t1 = cn("max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none", WIDGET_MIN_HEIGHT_CLASSNAME);
     $[0] = t1;
   } else {
     t1 = $[0];
@@ -145,7 +200,7 @@ const TradeOverviewBase = (t0) => {
   }
   let t3;
   if ($[4] !== onHelp || $[5] !== t2) {
-    t3 = /* @__PURE__ */ jsx(CardHeader, { className: "p-0", children: /* @__PURE__ */ jsx(TradeOverviewHeader, { onBack: t2, onHelp }) });
+    t3 = /* @__PURE__ */ jsx(CardHeader, { className: "p-0", children: /* @__PURE__ */ createElement(motion.div, { ...headerProps, key: "trade-overview-header" }, /* @__PURE__ */ jsx(TradeOverviewHeader, { onBack: t2, onHelp })) });
     $[4] = onHelp;
     $[5] = t2;
     $[6] = t3;
@@ -154,14 +209,14 @@ const TradeOverviewBase = (t0) => {
   }
   let t4;
   if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(CardContent, { className: "flex flex-col p-0 gap-[22px]", children: /* @__PURE__ */ jsx(Content, {}) });
+    t4 = /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx(Content, {}) });
     $[7] = t4;
   } else {
     t4 = $[7];
   }
   let t5;
   if ($[8] !== onCancelFlow || $[9] !== onCancelOrder || $[10] !== onDismiss || $[11] !== onRetry) {
-    t5 = /* @__PURE__ */ jsx(CardFooter, { className: "p-0 mt-auto", children: /* @__PURE__ */ jsx(Footer, { onDismiss, onCancelFlow, onRetry, onCancelOrder }) });
+    t5 = /* @__PURE__ */ jsx(CardFooter, { className: "p-0 pt-6 mt-auto", children: /* @__PURE__ */ jsx(Footer, { onDismiss, onCancelFlow, onRetry, onCancelOrder }) });
     $[8] = onCancelFlow;
     $[9] = onCancelOrder;
     $[10] = onDismiss;

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"sourcesContent":["import {\n  Card,\n  CardHeader,\n  CardContent,\n  CardFooter,\n} from \"@/components/ui/card\";\nimport { TradeOverviewHeader } from \"./TradeOverviewHeader\";\nimport { TradeDetails, type MinTradeFlowToken } from \"./TradeDetails\";\nimport { Stepper } from \"./Stepper\";\nimport { TradeOverviewFooter } from \"./TradeOverviewFooter\";\nimport type { FlowStep, ActiveStep } from \"./Step/types\";\nimport {\n  TradeFlowContext,\n  useTradeFlowContext,\n  type TradeFlowContextProps,\n} from \"./tradeFlowContext\";\nimport { TradeComplete } from \"./TradeComplete\";\nimport { TradeCompletedFooter } from \"./TradeComplete/TradeCompleteFooter\";\nimport { TradeErrorFooter } from \"./TradeError/TradeErrorFooter\";\nimport { TradeError } from \"./TradeError\";\nimport type { GenericStep } from \"./steps\";\nimport { cn } from \"@/lib/utils\";\nimport { WIDGET_HEIGHT_CLASSNAME } from \"@/core/constants\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\n\n// --- Main TradeOverview ---\nexport type MinTradeOverviewProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  swapSide?: SwapSideUnion;\n};\n\nexport type PreWrapTradeOverviewProps = MinTradeOverviewProps & {\n  preWrapETH: boolean;\n};\n\nexport type TradeOverviewProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n> = MinTradeOverviewProps & {\n  tradeFlowType: FlowType;\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  orderCancellationStep?: GenericStep;\n  onHelp?: () => void;\n  onDismiss?: () => void;\n  onCancelFlow?: () => void;\n  onRetry?: () => void;\n  onCancelOrder?: () => void;\n  isFlowCancellable?: boolean;\n  explorerLink?: string;\n  error?: Error | null;\n  erroredStep?: Key;\n  result?: Result;\n};\n\nconst TradeInProgressContent = () => {\n  return (\n    <>\n      <TradeDetails />\n      <Stepper />\n    </>\n  );\n};\n\nconst Content = () => {\n  const { result, error, erroredStep, tradeFlowType } = useTradeFlowContext();\n\n  if (error) {\n    return (\n      <TradeError\n        error={error}\n        erroredStep={erroredStep}\n        tradeFlowType={tradeFlowType}\n      />\n    );\n  }\n\n  if (result) {\n    return <TradeComplete tradeFlowType={result.tradeFlowType} />;\n  }\n\n  return <TradeInProgressContent />;\n};\n\nconst Footer = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onRetry,\n}: Pick<\n  TradeOverviewProps,\n  \"onDismiss\" | \"onCancelFlow\" | \"onRetry\" | \"onCancelOrder\"\n>) => {\n  const { result, error } = useTradeFlowContext();\n\n  if (error) {\n    return <TradeErrorFooter onDismiss={onDismiss} onRetry={onRetry} />;\n  }\n\n  if (result) {\n    return (\n      <TradeCompletedFooter\n        onDismiss={onDismiss}\n        onCancelOrder={onCancelOrder}\n      />\n    );\n  }\n\n  return (\n    <TradeOverviewFooter onDismiss={onDismiss} onCancelFlow={onCancelFlow} />\n  );\n};\n\nconst TradeOverviewBase = ({\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onRetry,\n  onCancelOrder,\n}: Pick<\n  TradeOverviewProps,\n  \"onHelp\" | \"onDismiss\" | \"onCancelFlow\" | \"onRetry\" | \"onCancelOrder\"\n>) => {\n  return (\n    <Card\n      className={cn(\n        \"max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none\",\n        WIDGET_HEIGHT_CLASSNAME\n      )}\n    >\n      <CardHeader className=\"p-0\">\n        <TradeOverviewHeader\n          onBack={() => {\n            onDismiss?.();\n            onCancelFlow?.();\n          }}\n          onHelp={onHelp}\n        />\n      </CardHeader>\n      <CardContent className=\"flex flex-col p-0 gap-[22px]\">\n        <Content />\n      </CardContent>\n      <CardFooter className=\"p-0 mt-auto\">\n        <Footer\n          onDismiss={onDismiss}\n          onCancelFlow={onCancelFlow}\n          onRetry={onRetry}\n          onCancelOrder={onCancelOrder}\n        />\n      </CardFooter>\n    </Card>\n  );\n};\n\ntype TradeOverviewProviderProps<\n  Key extends string = string,\n  Result = unknown,\n> = TradeFlowContextProps<Key, Result> & {\n  children: React.ReactNode;\n};\n\nconst TradeOverviewProvider = <Key extends string = string, Result = unknown>({\n  children,\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  activeStep,\n  orderCancellationStep,\n  steps,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProviderProps<Key, Result>) => {\n  const contextValue = {\n    fromToken,\n    toToken,\n    fromAmount,\n    toAmount,\n    swapSide,\n    activeStep,\n    orderCancellationStep,\n    steps,\n    isFlowCancellable,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  };\n  return (\n    <TradeFlowContext.Provider value={contextValue}>\n      {children}\n    </TradeFlowContext.Provider>\n  );\n};\n\nexport const TradeOverview = <\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n>({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  steps,\n  activeStep,\n  orderCancellationStep,\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onRetry,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProps<Key, Result, FlowType>) => {\n  return (\n    <TradeOverviewProvider\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      steps={steps}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      swapSide={swapSide}\n    >\n      <TradeOverviewBase\n        onHelp={onHelp}\n        onDismiss={onDismiss}\n        onCancelFlow={onCancelFlow}\n        onRetry={onRetry}\n        onCancelOrder={onCancelOrder}\n      />\n    </TradeOverviewProvider>\n  );\n};\n"],"names":["TradeInProgressContent","$","_c","t0","Symbol","for","Content","result","error","erroredStep","tradeFlowType","useTradeFlowContext","Footer","onDismiss","onCancelFlow","onCancelOrder","onRetry","t1","TradeOverviewBase","onHelp","cn","WIDGET_HEIGHT_CLASSNAME","t2","t3","t4","t5","t6","TradeOverviewProvider","children","fromToken","toToken","fromAmount","toAmount","swapSide","activeStep","orderCancellationStep","steps","isFlowCancellable","explorerLink","contextValue","TradeOverview"],"mappings":"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"}
+{"version":3,"file":"TradeOverview.js","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"sourcesContent":["import {\n  Card,\n  CardHeader,\n  CardContent,\n  CardFooter,\n} from \"@/components/ui/card\";\nimport { TradeOverviewHeader } from \"./TradeOverviewHeader\";\nimport { TradeDetails, type MinTradeFlowToken } from \"./TradeDetails\";\nimport { Stepper } from \"./Stepper\";\nimport { TradeOverviewFooter } from \"./TradeOverviewFooter\";\nimport type { FlowStep, ActiveStep } from \"./Step/types\";\nimport {\n  TradeFlowContext,\n  useTradeFlowContext,\n  type TradeFlowContextProps,\n} from \"./tradeFlowContext\";\nimport { TradeComplete } from \"./TradeComplete\";\nimport { TradeCompletedFooter } from \"./TradeComplete/TradeCompleteFooter\";\nimport { TradeErrorFooter } from \"./TradeError/TradeErrorFooter\";\nimport { TradeError } from \"./TradeError\";\nimport type { GenericStep } from \"./steps\";\nimport { cn } from \"@/lib/utils\";\nimport { WIDGET_MIN_HEIGHT_CLASSNAME } from \"@/core/constants\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport { motion } from \"motion/react\";\nimport type { JSX } from \"react\";\n\nimport {\n  completedFlowProps,\n  flowProps,\n  footerProps,\n  headerProps,\n  tradeDetailsProps,\n} from \"./motionProps\";\n\n// --- Main TradeOverview ---\nexport type MinTradeOverviewProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  swapSide?: SwapSideUnion;\n};\n\nexport type PreWrapTradeOverviewProps = MinTradeOverviewProps & {\n  preWrapETH: boolean;\n};\n\nexport type TradeOverviewProps<\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n> = MinTradeOverviewProps & {\n  tradeFlowType: FlowType;\n  steps: FlowStep<Key>[];\n  activeStep?: ActiveStep<Key>;\n  orderCancellationStep?: GenericStep;\n  onHelp?: () => void;\n  onDismiss?: () => void;\n  onCancelFlow?: () => void;\n  onRetry?: () => void;\n  onCancelOrder?: () => void;\n  isFlowCancellable?: boolean;\n  explorerLink?: string;\n  error?: Error | null;\n  erroredStep?: Key;\n  result?: Result;\n};\n\nconst Content = () => {\n  const { result, error, erroredStep, tradeFlowType } = useTradeFlowContext();\n\n  let step: \"in-progress\" | \"complete\" | \"error\";\n  let content: JSX.Element;\n  if (error) {\n    content = (\n      <TradeError\n        error={error}\n        erroredStep={erroredStep}\n        tradeFlowType={tradeFlowType}\n      />\n    );\n    step = \"error\";\n  } else if (result) {\n    content = <TradeComplete tradeFlowType={result.tradeFlowType} />;\n    step = \"complete\";\n  } else {\n    content = <Stepper />;\n    step = \"in-progress\";\n  }\n\n  const contentMotionProps =\n    step === \"complete\" ? completedFlowProps : flowProps;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <motion.div {...tradeDetailsProps} key={`details-${step}`}>\n        <TradeDetails />\n      </motion.div>\n      <motion.div {...contentMotionProps} key={`flow-${step}`}>\n        {content}\n      </motion.div>\n    </div>\n  );\n};\n\nconst Footer = ({\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onRetry,\n}: Pick<\n  TradeOverviewProps,\n  \"onDismiss\" | \"onCancelFlow\" | \"onRetry\" | \"onCancelOrder\"\n>) => {\n  const { result, error } = useTradeFlowContext();\n\n  let step: \"in-progress\" | \"complete\" | \"error\";\n  let content: JSX.Element;\n  if (error) {\n    step = \"error\";\n    content = <TradeErrorFooter onDismiss={onDismiss} onRetry={onRetry} />;\n  } else if (result) {\n    step = \"complete\";\n    content = (\n      <TradeCompletedFooter\n        onDismiss={onDismiss}\n        onCancelOrder={onCancelOrder}\n      />\n    );\n  } else {\n    step = \"in-progress\";\n    content = (\n      <TradeOverviewFooter onDismiss={onDismiss} onCancelFlow={onCancelFlow} />\n    );\n  }\n\n  return (\n    <motion.div {...footerProps} key={`footer-${step}`}>\n      {content}\n    </motion.div>\n  );\n};\n\nconst TradeOverviewBase = ({\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onRetry,\n  onCancelOrder,\n}: Pick<\n  TradeOverviewProps,\n  \"onHelp\" | \"onDismiss\" | \"onCancelFlow\" | \"onRetry\" | \"onCancelOrder\"\n>) => {\n  return (\n    <Card\n      className={cn(\n        \"max-w-[460px] bg-contrast-8 dark:bg-contrast-2 rounded-2xl p-[24px] shadow-[0px_-1px_0px_0px_rgba(13,107,202,0.05)_inset] gap-0 border-none\",\n        WIDGET_MIN_HEIGHT_CLASSNAME\n      )}\n    >\n      <CardHeader className=\"p-0\">\n        <motion.div {...headerProps} key=\"trade-overview-header\">\n          <TradeOverviewHeader\n            onBack={() => {\n              onDismiss?.();\n              onCancelFlow?.();\n            }}\n            onHelp={onHelp}\n          />\n        </motion.div>\n      </CardHeader>\n      <CardContent className=\"p-0\">\n        <Content />\n      </CardContent>\n      <CardFooter className=\"p-0 pt-6 mt-auto\">\n        <Footer\n          onDismiss={onDismiss}\n          onCancelFlow={onCancelFlow}\n          onRetry={onRetry}\n          onCancelOrder={onCancelOrder}\n        />\n      </CardFooter>\n    </Card>\n  );\n};\n\ntype TradeOverviewProviderProps<\n  Key extends string = string,\n  Result = unknown,\n> = TradeFlowContextProps<Key, Result> & {\n  children: React.ReactNode;\n};\n\nconst TradeOverviewProvider = <Key extends string = string, Result = unknown>({\n  children,\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  activeStep,\n  orderCancellationStep,\n  steps,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProviderProps<Key, Result>) => {\n  const contextValue = {\n    fromToken,\n    toToken,\n    fromAmount,\n    toAmount,\n    swapSide,\n    activeStep,\n    orderCancellationStep,\n    steps,\n    isFlowCancellable,\n    explorerLink,\n    result,\n    error,\n    erroredStep,\n    tradeFlowType,\n  };\n  return (\n    <TradeFlowContext.Provider value={contextValue}>\n      {children}\n    </TradeFlowContext.Provider>\n  );\n};\n\nexport const TradeOverview = <\n  Key extends string = string,\n  Result = unknown,\n  FlowType extends string = string,\n>({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide,\n  steps,\n  activeStep,\n  orderCancellationStep,\n  onHelp,\n  onDismiss,\n  onCancelFlow,\n  onCancelOrder,\n  onRetry,\n  isFlowCancellable,\n  explorerLink,\n  result,\n  error,\n  erroredStep,\n  tradeFlowType,\n}: TradeOverviewProps<Key, Result, FlowType>) => {\n  return (\n    <TradeOverviewProvider\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      activeStep={activeStep}\n      orderCancellationStep={orderCancellationStep}\n      steps={steps}\n      isFlowCancellable={isFlowCancellable}\n      explorerLink={explorerLink}\n      result={result}\n      error={error}\n      erroredStep={erroredStep}\n      tradeFlowType={tradeFlowType}\n      swapSide={swapSide}\n    >\n      <TradeOverviewBase\n        onHelp={onHelp}\n        onDismiss={onDismiss}\n        onCancelFlow={onCancelFlow}\n        onRetry={onRetry}\n        onCancelOrder={onCancelOrder}\n      />\n    </TradeOverviewProvider>\n  );\n};\n"],"names":["Content","$","_c","result","error","erroredStep","tradeFlowType","useTradeFlowContext","step","content","t0","Symbol","for","contentMotionProps","completedFlowProps","flowProps","t1","t2","tradeDetailsProps","t3","t4","t5","Footer","onDismiss","onCancelFlow","onCancelOrder","onRetry","footerProps","TradeOverviewBase","onHelp","cn","WIDGET_MIN_HEIGHT_CLASSNAME","headerProps","t6","TradeOverviewProvider","children","fromToken","toToken","fromAmount","toAmount","swapSide","activeStep","orderCancellationStep","steps","isFlowCancellable","explorerLink","contextValue","TradeOverview"],"mappings":"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"}

package/dist/components/widget/TradeOverview/motionProps.d.ts

@@ -0,0 +1,20 @@
+import { motion } from 'motion/react';
+import { ComponentProps } from 'react';
+export declare const TRADE_OVERVIEW_TRANSITION_DURATION_S = 0.5;
+export declare const motionBaseProps: {
+    readonly initial: {
+        readonly opacity: 0;
+    };
+    readonly animate: {
+        readonly opacity: 1;
+    };
+};
+export type MotionDivProps = ComponentProps<typeof motion.div>;
+export declare const flowProps: MotionDivProps;
+export declare const tradeDetailsProps: MotionDivProps;
+export declare const completedFlowProps: MotionDivProps;
+export declare const headerProps: MotionDivProps;
+export declare const footerProps: MotionDivProps;
+export declare const lottieProps: MotionDivProps;
+export declare const stepItemProps: MotionDivProps;
+//# sourceMappingURL=motionProps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motionProps.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/motionProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAOxD,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;AAE/D,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,cAM/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,cAahC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAMzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAOzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAUzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,cAwB3B,CAAC"}

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

@@ -0,0 +1,121 @@
+const TRADE_OVERVIEW_TRANSITION_DURATION_S = 0.5;
+const TRADE_OVERVIEW_HEADER_DELAY_S = 0.15;
+const TRADE_OVERVIEW_LOTTIE_DELAY_S = 0.3;
+const TRADE_OVERVIEW_CONTENT_DELAY_S = 0.6;
+const TRADE_OVERVIEW_FOOTER_DELAY_S = 0.9;
+const motionBaseProps = {
+  initial: {
+    opacity: 0
+    // start from invisible
+  },
+  animate: {
+    opacity: 1
+    // animate to fully visible
+  }
+};
+const flowProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_CONTENT_DELAY_S
+    // delay to start the fade
+  }
+};
+const tradeDetailsProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_LOTTIE_DELAY_S
+    // delay to start the fade
+  }
+};
+const completedFlowProps = {
+  initial: {
+    opacity: 0,
+    // start from invisible
+    y: 20
+    // start slightly below
+  },
+  animate: {
+    opacity: 1,
+    // animate to fully visible
+    y: 0
+    // animate to original position
+  },
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade and slide
+    delay: TRADE_OVERVIEW_CONTENT_DELAY_S
+    // delay to start the animation
+  }
+};
+const headerProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_HEADER_DELAY_S
+    // delay to start the fade
+  }
+};
+const footerProps = {
+  ...motionBaseProps,
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S,
+    // duration of the fade
+    delay: TRADE_OVERVIEW_FOOTER_DELAY_S
+    // delay to start the fade
+  },
+  className: "w-full"
+};
+const lottieProps = {
+  ...motionBaseProps,
+  exit: {
+    // need to wrap in AnimatePresence for exit animation
+    opacity: 0
+    // fade out on unmount
+  },
+  transition: {
+    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+    // duration of the fade
+  },
+  className: "h-full w-full"
+};
+const stepItemProps = {
+  initial: {
+    opacity: 0
+    // start from invisible
+  },
+  animate: {
+    opacity: 1
+    // animate to fully visible
+  },
+  exit: {
+    // need to wrap in AnimatePresence for exit animation
+    opacity: 0,
+    // fade out on unmount
+    y: -20
+    // move slightly above
+  },
+  transition: {
+    opacity: {
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+      // duration of the fade
+    },
+    y: {
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+      // duration of the slide up on exit
+    },
+    layout: {
+      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S
+      // duration for animating position
+    }
+  },
+  layout: "position"
+  // animate position only without resizing
+};
+
+export { TRADE_OVERVIEW_TRANSITION_DURATION_S, completedFlowProps, flowProps, footerProps, headerProps, lottieProps, motionBaseProps, stepItemProps, tradeDetailsProps };
+//# sourceMappingURL=motionProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motionProps.js","sources":["../../../../src/components/widget/TradeOverview/motionProps.ts"],"sourcesContent":["import type { motion } from \"motion/react\";\nimport type { ComponentProps } from \"react\";\n\nexport const TRADE_OVERVIEW_TRANSITION_DURATION_S = 0.5;\n\nconst TRADE_OVERVIEW_HEADER_DELAY_S = 0.15; // first to appear\nconst TRADE_OVERVIEW_LOTTIE_DELAY_S = 0.3; // second to appear\nconst TRADE_OVERVIEW_CONTENT_DELAY_S = 0.6; // third to appear\nconst TRADE_OVERVIEW_FOOTER_DELAY_S = 0.9; // last to appear\n\nexport const motionBaseProps = {\n  initial: {\n    opacity: 0, // start from invisible\n  },\n  animate: {\n    opacity: 1, // animate to fully visible\n  },\n} as const;\n\nexport type MotionDivProps = ComponentProps<typeof motion.div>;\n\nexport const flowProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_CONTENT_DELAY_S, // delay to start the fade\n  },\n};\n\nexport const tradeDetailsProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_LOTTIE_DELAY_S, // delay to start the fade\n  },\n};\n\nexport const completedFlowProps: MotionDivProps = {\n  initial: {\n    opacity: 0, // start from invisible\n    y: 20, // start slightly below\n  },\n  animate: {\n    opacity: 1, // animate to fully visible\n    y: 0, // animate to original position\n  },\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade and slide\n    delay: TRADE_OVERVIEW_CONTENT_DELAY_S, // delay to start the animation\n  },\n};\n\nexport const headerProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_HEADER_DELAY_S, // delay to start the fade\n  },\n};\n\nexport const footerProps: MotionDivProps = {\n  ...motionBaseProps,\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    delay: TRADE_OVERVIEW_FOOTER_DELAY_S, // delay to start the fade\n  },\n  className: \"w-full\",\n};\n\nexport const lottieProps: MotionDivProps = {\n  ...motionBaseProps,\n  exit: {\n    // need to wrap in AnimatePresence for exit animation\n    opacity: 0, // fade out on unmount\n  },\n  transition: {\n    duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n  },\n  className: \"h-full w-full\",\n};\n\nexport const stepItemProps: MotionDivProps = {\n  initial: {\n    opacity: 0, // start from invisible\n  },\n  animate: {\n    opacity: 1, // animate to fully visible\n  },\n  exit: {\n    // need to wrap in AnimatePresence for exit animation\n    opacity: 0, // fade out on unmount\n    y: -20, // move slightly above\n  },\n  transition: {\n    opacity: {\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the fade\n    },\n    y: {\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration of the slide up on exit\n    },\n    layout: {\n      duration: TRADE_OVERVIEW_TRANSITION_DURATION_S, // duration for animating position\n    },\n  },\n  layout: \"position\", // animate position only without resizing\n};\n"],"names":["TRADE_OVERVIEW_TRANSITION_DURATION_S","TRADE_OVERVIEW_HEADER_DELAY_S","TRADE_OVERVIEW_LOTTIE_DELAY_S","TRADE_OVERVIEW_CONTENT_DELAY_S","TRADE_OVERVIEW_FOOTER_DELAY_S","motionBaseProps","initial","opacity","animate","flowProps","transition","duration","delay","tradeDetailsProps","completedFlowProps","y","headerProps","footerProps","className","lottieProps","exit","stepItemProps","layout"],"mappings":"AAGO,MAAMA,oCAAAA,GAAuC;AAEpD,MAAMC,6BAAAA,GAAgC,IAAA;AACtC,MAAMC,6BAAAA,GAAgC,GAAA;AACtC,MAAMC,8BAAAA,GAAiC,GAAA;AACvC,MAAMC,6BAAAA,GAAgC,GAAA;AAE/B,MAAMC,eAAAA,GAAkB;AAAA,EAC7BC,OAAAA,EAAS;AAAA,IACPC,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAC,OAAAA,EAAS;AAAA,IACPD,OAAAA,EAAS;AAAA;AAAA;AAEb;AAIO,MAAME,SAAAA,GAA4B;AAAA,EACvC,GAAGJ,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOT;AAAAA;AAAAA;AAEX;AAEO,MAAMU,iBAAAA,GAAoC;AAAA,EAC/C,GAAGR,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOV;AAAAA;AAAAA;AAEX;AAEO,MAAMY,kBAAAA,GAAqC;AAAA,EAChDR,OAAAA,EAAS;AAAA,IACPC,OAAAA,EAAS,CAAA;AAAA;AAAA,IACTQ,CAAAA,EAAG;AAAA;AAAA,GACL;AAAA,EACAP,OAAAA,EAAS;AAAA,IACPD,OAAAA,EAAS,CAAA;AAAA;AAAA,IACTQ,CAAAA,EAAG;AAAA;AAAA,GACL;AAAA,EACAL,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOT;AAAAA;AAAAA;AAEX;AAEO,MAAMa,WAAAA,GAA8B;AAAA,EACzC,GAAGX,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOX;AAAAA;AAAAA;AAEX;AAEO,MAAMgB,WAAAA,GAA8B;AAAA,EACzC,GAAGZ,eAAAA;AAAAA,EACHK,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX,oCAAAA;AAAAA;AAAAA,IACVY,KAAAA,EAAOR;AAAAA;AAAAA,GACT;AAAA,EACAc,SAAAA,EAAW;AACb;AAEO,MAAMC,WAAAA,GAA8B;AAAA,EACzC,GAAGd,eAAAA;AAAAA,EACHe,IAAAA,EAAM;AAAA;AAAA,IAEJb,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAG,UAAAA,EAAY;AAAA,IACVC,QAAAA,EAAUX;AAAAA;AAAAA,GACZ;AAAA,EACAkB,SAAAA,EAAW;AACb;AAEO,MAAMG,aAAAA,GAAgC;AAAA,EAC3Cf,OAAAA,EAAS;AAAA,IACPC,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAC,OAAAA,EAAS;AAAA,IACPD,OAAAA,EAAS;AAAA;AAAA,GACX;AAAA,EACAa,IAAAA,EAAM;AAAA;AAAA,IAEJb,OAAAA,EAAS,CAAA;AAAA;AAAA,IACTQ,CAAAA,EAAG;AAAA;AAAA,GACL;AAAA,EACAL,UAAAA,EAAY;AAAA,IACVH,OAAAA,EAAS;AAAA,MACPI,QAAAA,EAAUX;AAAAA;AAAAA,KACZ;AAAA,IACAe,CAAAA,EAAG;AAAA,MACDJ,QAAAA,EAAUX;AAAAA;AAAAA,KACZ;AAAA,IACAsB,MAAAA,EAAQ;AAAA,MACNX,QAAAA,EAAUX;AAAAA;AAAAA;AACZ,GACF;AAAA,EACAsB,MAAAA,EAAQ;AAAA;AACV;;;;"}

package/dist/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.d.ts

@@ -0,0 +1,18 @@
+import { DeltaOrMarketPrice } from '../../../../hooks/swap/prices/types';
+import { Token } from '../../../../tokens/state/types';
+import { SwapSideUnion } from '@velora-dex/sdk';
+import { MarkOptional } from 'ts-essentials';
+type SwapAmounts = Pick<DeltaOrMarketPrice, "srcAmount" | "destAmount">;
+type UseSwapAmountsWithSlippageInput = {
+    submittedSwapWei?: SwapSideAmounts;
+    usedPriceWei?: SwapSideAmounts;
+    formDataUnit: MarkOptional<SwapSideAmounts, "swapSide">;
+    fromToken: Pick<Token, "decimals">;
+    toToken: Pick<Token, "decimals">;
+};
+type SwapSideAmounts = SwapAmounts & {
+    swapSide: SwapSideUnion;
+};
+export declare function useSwapAmountsWithSlippage({ submittedSwapWei, usedPriceWei, formDataUnit, fromToken, toToken }: UseSwapAmountsWithSlippageInput): SwapSideAmounts;
+export {};
+//# sourceMappingURL=useSwapAmountsWithSlippage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapAmountsWithSlippage.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,KAAK,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,YAAY,CAAC,CAAA;AACvE,KAAK,+BAA+B,GAAG;IACrC,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,YAAY,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IACxD,SAAS,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;CAClC,CAAA;AAED,KAAK,eAAe,GAAG,WAAW,GAAG;IACnC,QAAQ,EAAE,aAAa,CAAC;CACzB,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EAAC,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAC,EAAE,+BAA+B,GAAG,eAAe,CA0C/J"}

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

@@ -0,0 +1,74 @@
+import { d as distExports } from '../../../../_virtual/index.js';
+import { useSlippage } from '../../../../hooks/useSlippage.js';
+import { useSwapSide } from '../../SwapModeSwitcher/state/swapSideAtom.js';
+import { formatUnits, parseUnits } from 'viem';
+import { applySlippage } from '../../../../lib/utils/price.js';
+
+function useSwapAmountsWithSlippage(t0) {
+  const $ = distExports.c(12);
+  const {
+    submittedSwapWei,
+    usedPriceWei,
+    formDataUnit,
+    fromToken,
+    toToken
+  } = t0;
+  const {
+    resolvedSlippage
+  } = useSlippage("swap");
+  const swapSideFromInput = useSwapSide();
+  const swapSide = submittedSwapWei?.swapSide || usedPriceWei?.swapSide || formDataUnit.swapSide || swapSideFromInput;
+  let amounts;
+  if ($[0] !== formDataUnit.destAmount || $[1] !== formDataUnit.srcAmount || $[2] !== fromToken.decimals || $[3] !== resolvedSlippage || $[4] !== submittedSwapWei || $[5] !== swapSide || $[6] !== toToken.decimals || $[7] !== usedPriceWei) {
+    amounts = {
+      srcAmount: formDataUnit.srcAmount,
+      destAmount: formDataUnit.destAmount
+    };
+    if (submittedSwapWei) {
+      amounts.srcAmount = formatUnits(BigInt(submittedSwapWei.srcAmount), fromToken.decimals);
+      amounts.destAmount = formatUnits(BigInt(submittedSwapWei.destAmount), toToken.decimals);
+    } else {
+      if (usedPriceWei) {
+        const amountsAfterSlippage = applySlippage(usedPriceWei, resolvedSlippage, swapSide);
+        amounts.srcAmount = formatUnits(BigInt(amountsAfterSlippage.srcAmount), fromToken.decimals);
+        amounts.destAmount = formatUnits(BigInt(amountsAfterSlippage.destAmount), toToken.decimals);
+      } else {
+        const weiFromAmount = parseUnits(formDataUnit.srcAmount, fromToken.decimals);
+        const weiToAmount = parseUnits(formDataUnit.destAmount, toToken.decimals);
+        const amountsAfterSlippage_0 = applySlippage({
+          srcAmount: weiFromAmount.toString(),
+          destAmount: weiToAmount.toString()
+        }, resolvedSlippage, swapSide);
+        amounts.srcAmount = formatUnits(BigInt(amountsAfterSlippage_0.srcAmount), fromToken.decimals);
+        amounts.destAmount = formatUnits(BigInt(amountsAfterSlippage_0.destAmount), toToken.decimals);
+      }
+    }
+    $[0] = formDataUnit.destAmount;
+    $[1] = formDataUnit.srcAmount;
+    $[2] = fromToken.decimals;
+    $[3] = resolvedSlippage;
+    $[4] = submittedSwapWei;
+    $[5] = swapSide;
+    $[6] = toToken.decimals;
+    $[7] = usedPriceWei;
+    $[8] = amounts;
+  } else {
+    amounts = $[8];
+  }
+  let t1;
+  if ($[9] !== amounts || $[10] !== swapSide) {
+    t1 = {
+      ...amounts,
+      swapSide
+    };
+    $[9] = amounts;
+    $[10] = swapSide;
+    $[11] = t1;
+  } else {
+    t1 = $[11];
+  }
+  return t1;
+}
+
+export { useSwapAmountsWithSlippage };
+//# sourceMappingURL=useSwapAmountsWithSlippage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwapAmountsWithSlippage.js","sources":["../../../../../src/components/widget/TradeOverview/utils/useSwapAmountsWithSlippage.ts"],"sourcesContent":["import { useSlippage } from \"@/hooks/useSlippage\";\nimport { useSwapSide } from \"../../SwapModeSwitcher/state/swapSideAtom\";\nimport { formatUnits, parseUnits } from \"viem\";\nimport { applySlippage } from \"@/lib/utils/price\";\nimport type { DeltaOrMarketPrice } from \"@/hooks/swap/prices/types\";\nimport type { Token } from \"@/tokens/state/types\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { MarkOptional } from \"ts-essentials\";\n\ntype SwapAmounts = Pick<DeltaOrMarketPrice, \"srcAmount\" | \"destAmount\">\ntype UseSwapAmountsWithSlippageInput = {\n  submittedSwapWei?: SwapSideAmounts; // submitted Swap Order or Tx (highest priority)\n  usedPriceWei?: SwapSideAmounts; // used price after slippage is applied (medium priority)\n  formDataUnit: MarkOptional<SwapSideAmounts, \"swapSide\">; // initial data before we have prices or have submitted Swap Order or Tx (lowest priority)\n  fromToken: Pick<Token, \"decimals\">;\n  toToken: Pick<Token, \"decimals\">;\n}\n\ntype SwapSideAmounts = SwapAmounts & {\n  swapSide: SwapSideUnion;\n}\n\nexport function useSwapAmountsWithSlippage({submittedSwapWei, usedPriceWei, formDataUnit, fromToken, toToken}: UseSwapAmountsWithSlippageInput): SwapSideAmounts {\n  const { resolvedSlippage } = useSlippage(\"swap\");\n  const swapSideFromInput = useSwapSide();\n\n  const swapSide = submittedSwapWei?.swapSide || usedPriceWei?.swapSide || formDataUnit.swapSide || swapSideFromInput;\n\n  const amounts: SwapAmounts = {\n    srcAmount: formDataUnit.srcAmount,\n    destAmount: formDataUnit.destAmount,\n  }\n\n  if (submittedSwapWei) {\n    amounts.srcAmount = formatUnits(BigInt(submittedSwapWei.srcAmount), fromToken.decimals)\n    amounts.destAmount = formatUnits(BigInt(submittedSwapWei.destAmount), toToken.decimals)\n  } else if (usedPriceWei) {\n    const amountsAfterSlippage = applySlippage(\n      usedPriceWei,\n      resolvedSlippage,\n      swapSide\n    )\n    amounts.srcAmount = formatUnits(BigInt(amountsAfterSlippage.srcAmount), fromToken.decimals)\n    amounts.destAmount = formatUnits(BigInt(amountsAfterSlippage.destAmount), toToken.decimals)\n  } else {\n    const weiFromAmount = parseUnits(formDataUnit.srcAmount, fromToken.decimals)\n    const weiToAmount = parseUnits(formDataUnit.destAmount, toToken.decimals)\n    // applySlippage on unit amount directly would lose precision and drop decimals\n    const amountsAfterSlippage = applySlippage(\n      {\n        srcAmount: weiFromAmount.toString(),\n        destAmount: weiToAmount.toString(),\n      },\n      resolvedSlippage,\n      swapSide\n    )\n    amounts.srcAmount = formatUnits(BigInt(amountsAfterSlippage.srcAmount), fromToken.decimals)\n    amounts.destAmount = formatUnits(BigInt(amountsAfterSlippage.destAmount), toToken.decimals)\n  }\n\n  return {\n    ...amounts,\n    swapSide,\n  };\n}"],"names":["useSwapAmountsWithSlippage","t0","$","_c","submittedSwapWei","usedPriceWei","formDataUnit","fromToken","toToken","resolvedSlippage","useSlippage","swapSideFromInput","useSwapSide","swapSide","amounts","destAmount","srcAmount","decimals","formatUnits","BigInt","amountsAfterSlippage","applySlippage","weiFromAmount","parseUnits","weiToAmount","amountsAfterSlippage_0","toString","t1"],"mappings":"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"}

package/dist/configurator/components/FormPropsInputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAmChE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CAqOA,CAAC"}
+{"version":3,"file":"FormPropsInputs.d.ts","sourceRoot":"","sources":["../../../src/configurator/components/FormPropsInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAgChE,eAAO,MAAM,SAAS,GAAI,2BAGvB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CAChD,4CA8OA,CAAC"}

package/dist/configurator/components/common/Input.d.ts

@@ -1,7 +1,8 @@
 import { HTMLInputTypeAttribute } from 'react';
-export declare const ConfiguratorInput: ({ value, onValueChange, placeholder, type, }: {
+export declare const ConfiguratorInput: ({ value, onValueChange, onFocus, placeholder, type, }: {
     value: string | number;
     onValueChange: (value: string) => void;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
     placeholder?: string;
     type?: HTMLInputTypeAttribute;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/configurator/components/common/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/configurator/components/common/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,eAAO,MAAM,iBAAiB,GAAI,8CAK/B;IACD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B,4CAUA,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/configurator/components/common/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,eAAO,MAAM,iBAAiB,GAAI,uDAM/B;IACD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B,4CAWA,CAAC"}

package/dist/core/LimitOrderButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LimitOrderButton.d.ts","sourceRoot":"","sources":["../../src/core/LimitOrderButton.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CAwE/B"}
+{"version":3,"file":"LimitOrderButton.d.ts","sourceRoot":"","sources":["../../src/core/LimitOrderButton.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CA0E/B"}