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

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetails.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  swapSide?: SwapSideUnion;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  swapSide = \"SELL\",\n}: TradeDetailsProps) => {\n  const isSell = swapSide === \"SELL\";\n  const fromTokenLabel = isSell ? \"Swap\" : \"Swap (at least)\";\n  const toTokenLabel = isSell ? \"For (at least)\" : \"For\";\n\n  return (\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n      <div className=\"flex items-center justify-between py-[8px] px-[16px]\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{fromTokenLabel}</span>\n          <TokenBadge\n            address={fromToken.address}\n            chainId={fromToken.network}\n            img={fromToken.img}\n            symbol={fromToken.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(fromAmount)}\n            classes={badgeClasses}\n          />\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{toTokenLabel}</span>\n          <TokenBadge\n            address={toToken.address}\n            chainId={toToken.network}\n            img={toToken.img}\n            symbol={toToken.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(toAmount)}\n            classes={badgeClasses}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nexport const TradeDetails = () => {\n  const { fromToken, toToken, fromAmount, toAmount, swapSide } =\n    useTradeFlowContext();\n\n  return (\n    <TradeDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","swapSide","t1","undefined","isSell","fromTokenLabel","toTokenLabel","t2","Symbol","for","t3","t4","address","t5","network","t6","img","t7","symbol","t8","formatTokenAmount","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","TradeDetails","useTradeFlowContext"],"mappings":"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"}
+{"version":3,"file":"TradeDetails.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetails.tsx"],"sourcesContent":["import { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport { formatTokenAmount } from \"@/lib/utils/formatTokenBalance\";\nimport type { Token } from \"@/tokens/state/types\";\nimport { useTradeFlowContext } from \"./tradeFlowContext\";\nimport { TradeDetailsDisplay } from \"./TradeDetailsDisplay\";\nimport type { SwapSideUnion } from \"@velora-dex/sdk\";\nimport type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { isSwapTradeFlowType } from \"@/hooks/swap/tradeFlow/common/utils\";\n\nexport type MinTradeFlowToken = Pick<\n  Token,\n  \"address\" | \"network\" | \"img\" | \"symbol\" | \"decimals\"\n>;\n\n// --- Details ---\ntype TradeDetailsProps = {\n  fromToken: MinTradeFlowToken;\n  toToken: MinTradeFlowToken;\n  fromAmount: string;\n  toAmount: string;\n  tradeFlowType: TradeFlowType;\n  swapSide?: SwapSideUnion;\n};\n\nconst badgeClasses = {\n  root: \"text-xs text-contrast-1 dark:text-contrast-8 font-medium\",\n};\n\nconst TradeDetailsBase = ({\n  fromToken,\n  toToken,\n  fromAmount,\n  toAmount,\n  tradeFlowType,\n  swapSide = \"SELL\",\n}: TradeDetailsProps) => {\n  const isSwapFlow = isSwapTradeFlowType(tradeFlowType);\n  const isSell = swapSide === \"SELL\";\n\n  let fromTokenLabel: string;\n  let toTokenLabel: string;\n  if (isSwapFlow) {\n    // Swap Flow has special labels for BUY case\n    fromTokenLabel = isSell ? \"Swap\" : \"For (at most)\";\n    toTokenLabel = isSell ? \"For (at least)\" : \"Buy\";\n  } else {\n    fromTokenLabel = \"Pay\";\n    toTokenLabel = \"Receive\";\n  }\n\n  const fromTokenObj = {\n    token: fromToken,\n    label: fromTokenLabel,\n    amount: fromAmount,\n  };\n  const toTokenObj = {\n    token: toToken,\n    label: toTokenLabel,\n    amount: toAmount,\n  };\n\n  const [firstToken, secondToken] =\n    isSell || !isSwapFlow\n      ? [fromTokenObj, toTokenObj]\n      : // Swap Flow has reversed token order for BUY case\n        [toTokenObj, fromTokenObj];\n\n  return (\n    <div className=\"flex flex-col bg-contrast-8 dark:bg-contrast-3 rounded-sm shadow-[0px_4px_16px_rgba(9,22,46,0.05)] text-contrast-5 dark:text-contrast-5\">\n      <TradeDetailsDisplay />\n      <div className=\"flex items-center justify-between py-[8px] px-[16px]\">\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{firstToken.label}</span>\n          <TokenBadge\n            address={firstToken.token.address}\n            chainId={firstToken.token.network}\n            img={firstToken.token.img}\n            symbol={firstToken.token.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(firstToken.amount)}\n            classes={badgeClasses}\n          />\n        </div>\n        <div className=\"flex items-center gap-1\">\n          <span className=\"text-xs\">{secondToken.label}</span>\n          <TokenBadge\n            address={secondToken.token.address}\n            chainId={secondToken.token.network}\n            img={secondToken.token.img}\n            symbol={secondToken.token.symbol}\n            showNetworkIcon\n            amount={formatTokenAmount(secondToken.amount)}\n            classes={badgeClasses}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\nexport const TradeDetails = () => {\n  const { fromToken, toToken, fromAmount, toAmount, swapSide, tradeFlowType } =\n    useTradeFlowContext();\n\n  return (\n    <TradeDetailsBase\n      fromToken={fromToken}\n      toToken={toToken}\n      fromAmount={fromAmount}\n      toAmount={toAmount}\n      swapSide={swapSide}\n      tradeFlowType={tradeFlowType}\n    />\n  );\n};\n"],"names":["badgeClasses","root","TradeDetailsBase","t0","$","_c","fromToken","toToken","fromAmount","toAmount","tradeFlowType","swapSide","t1","undefined","t2","isSwapTradeFlowType","isSwapFlow","isSell","fromTokenLabel","toTokenLabel","T0","t10","t11","t12","t13","t14","t3","t4","t5","t6","t7","t8","t9","fromTokenObj","token","label","amount","toTokenObj","firstToken","secondToken","Symbol","for","address","network","img","symbol","formatTokenAmount","TokenBadge","t15","t16","t17","t18","TradeDetails","useTradeFlowContext"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,mBAAmB,+CAgB/B,CAAC"}
+{"version":3,"file":"TradeDetailsDisplay.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,mBAAmB,+CAoB/B,CAAC"}

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

@@ -1,4 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
+import { createElement } from 'react';
 import { d as distExports } from '../../../_virtual/index.js';
 import { useTradeFlowContext } from './tradeFlowContext.js';
 import ApprovingLottie_1 from './assets/1_approving.lottie.js';
@@ -7,6 +8,8 @@ import ExecutingLottie_3 from './assets/3_executing_step.lottie.js';
 import CompleteLottie_4 from './assets/4_complete_step.lottie.js';
 import ErrorLottie_5 from './assets/5_error_step.lottie.js';
 import { DotLottieReact } from '@lottiefiles/dotlottie-react';
+import { motion, AnimatePresence } from 'motion/react';
+import { lottieProps } from './motionProps.js';
 
 const step2lottie = {
   signature: ApprovingLottie_1,
@@ -20,26 +23,27 @@ const step2lottie = {
   error: ErrorLottie_5
 };
 const TradeDetailsDisplay = () => {
-  const $ = distExports.c(4);
+  const $ = distExports.c(5);
   const {
     derivedStep
   } = useTradeFlowContext();
   const lottiePath = derivedStep ? step2lottie[derivedStep] : null;
   let t0;
-  if ($[0] !== lottiePath) {
-    t0 = lottiePath && /* @__PURE__ */ jsx(DotLottieReact, { src: lottiePath, loop: true, autoplay: true, className: "h-full w-full rounded-sm overflow-hidden" });
-    $[0] = lottiePath;
-    $[1] = t0;
+  if ($[0] !== derivedStep || $[1] !== lottiePath) {
+    t0 = lottiePath && /* @__PURE__ */ createElement(motion.div, { ...lottieProps, key: derivedStep }, /* @__PURE__ */ jsx(DotLottieReact, { src: lottiePath, loop: true, autoplay: true, className: "h-full w-full rounded-sm overflow-hidden" }));
+    $[0] = derivedStep;
+    $[1] = lottiePath;
+    $[2] = t0;
   } else {
-    t0 = $[1];
+    t0 = $[2];
   }
   let t1;
-  if ($[2] !== t0) {
-    t1 = /* @__PURE__ */ jsx("div", { className: "h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]", children: t0 });
-    $[2] = t0;
-    $[3] = t1;
+  if ($[3] !== t0) {
+    t1 = /* @__PURE__ */ jsx("div", { className: "h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)] overflow-hidden", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: t0 }) });
+    $[3] = t0;
+    $[4] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[4];
   }
   return t1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\n\nconst step2lottie: Record<TradeFlowDerivedStep, string> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"order-submission\": ExecutingLottie_3, // Limit/OTC Order submission\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3, // Limit/OTC Order execution\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)]\">\n      {lottiePath && (\n        <DotLottieReact\n          src={lottiePath}\n          loop\n          autoplay\n          className=\"h-full w-full rounded-sm overflow-hidden\"\n        />\n      )}\n    </div>\n  );\n};\n"],"names":["step2lottie","signature","ApprovingLottie_1","auction","InProgressLottie_2","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","t1"],"mappings":";;;;;;;;;;AAgBA,MAAMA,WAAAA,GAAoD;AAAA,EACxDC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,kBAAAA;AAAAA,EACT,kBAAA,EAAoBC,iBAAAA;AAAAA;AAAAA,EACpB,mBAAA,EAAqBA,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAcb,WAAAA,CAAYa,WAAW,CAAA,GAArC,IAAA;AAA8C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,CAAAA,QAAAI,UAAAA,EAAA;AAI5DC,IAAAA,EAAAA,GAAAD,UAAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EACMA,GAAAA,EAAAA,UAAAA,EACL,MAAA,IAAA,EACA,QAAA,EAAA,IAAA,EACU,SAAA,EAAA,0CAAA,EAA0C,CAAA;AAEvDJ,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAN,CAAAA,QAAAK,EAAAA,EAAA;AARHC,IAAAA,EAAAA,mBAAA,GAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qIAAA,EACZD,QAAAA,EAAAA,EAAAA,EAQH,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAM,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAN,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OATNM,EAAAA;AASM;;;;"}
+{"version":3,"file":"TradeDetailsDisplay.js","sources":["../../../../src/components/widget/TradeOverview/TradeDetailsDisplay.tsx"],"sourcesContent":["import {\n  useTradeFlowContext,\n  type TradeFlowDerivedStep,\n} from \"./tradeFlowContext\";\n\n// have to import by ?url because vite can't process .lottie file without a plugin,\n// and <DotLottieReact/> expects a url.\n// .json from inside the .lottie file is larger in size (.lottie is just an archive)\nimport ApprovingLottie_1 from \"./assets/1_approving.lottie?url\";\nimport InProgressLottie_2 from \"./assets/2_in_progress.lottie?url\";\nimport ExecutingLottie_3 from \"./assets/3_executing_step.lottie?url\";\nimport CompleteLottie_4 from \"./assets/4_complete_step.lottie?url\";\nimport ErrorLottie_5 from \"./assets/5_error_step.lottie?url\";\n\nimport { DotLottieReact } from \"@lottiefiles/dotlottie-react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport { lottieProps } from \"./motionProps\";\n\nconst step2lottie: Record<TradeFlowDerivedStep, string> = {\n  signature: ApprovingLottie_1,\n  auction: InProgressLottie_2,\n  \"order-submission\": ExecutingLottie_3, // Limit/OTC Order submission\n  \"swap-tx-execution\": ExecutingLottie_3,\n  \"order-execution\": ExecutingLottie_3, // Limit/OTC Order execution\n  complete: CompleteLottie_4,\n  error: ErrorLottie_5,\n};\n\nexport const TradeDetailsDisplay = () => {\n  const { derivedStep } = useTradeFlowContext();\n  const lottiePath = derivedStep ? step2lottie[derivedStep] : null;\n\n  return (\n    <div className=\"h-[168px] rounded-sm bg-contrast-7 dark:bg-contrast-1 border border-t-0 border-transparent shadow-[0px_4px_16px_rgba(9,22,46,0.05)] overflow-hidden\">\n      <AnimatePresence mode=\"popLayout\">\n        {lottiePath && (\n          <motion.div {...lottieProps} key={derivedStep}>\n            <DotLottieReact\n              src={lottiePath}\n              loop\n              autoplay\n              className=\"h-full w-full rounded-sm overflow-hidden\"\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n"],"names":["step2lottie","signature","ApprovingLottie_1","auction","InProgressLottie_2","ExecutingLottie_3","complete","CompleteLottie_4","error","ErrorLottie_5","TradeDetailsDisplay","$","_c","derivedStep","useTradeFlowContext","lottiePath","t0","lottieProps","t1"],"mappings":";;;;;;;;;;;;;AAkBA,MAAMA,WAAAA,GAAoD;AAAA,EACxDC,SAAAA,EAAWC,iBAAAA;AAAAA,EACXC,OAAAA,EAASC,kBAAAA;AAAAA,EACT,kBAAA,EAAoBC,iBAAAA;AAAAA;AAAAA,EACpB,mBAAA,EAAqBA,iBAAAA;AAAAA,EACrB,iBAAA,EAAmBA,iBAAAA;AAAAA;AAAAA,EACnBC,QAAAA,EAAUC,gBAAAA;AAAAA,EACVC,KAAAA,EAAOC;AACT,CAAA;AAEO,MAAMC,sBAAsBA,MAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AACjC,EAAA,MAAA;AAAA,IAAAC;AAAAA,MAAwBC,mBAAAA,EAAoB;AAC5C,EAAA,MAAAC,UAAAA,GAAmBF,WAAAA,GAAcb,WAAAA,CAAYa,WAAW,CAAA,GAArC,IAAA;AAA8C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,eAAAF,CAAAA,QAAAI,UAAAA,EAAA;AAK1DC,IAAAA,EAAAA,GAAAD,8BACC,aAAA,CAAA,MAAA,CAAA,KAAA,EAAA,GAAgBE,aAAkBJ,GAAAA,EAAAA,WAAAA,EAAAA,sBAC/B,cAAA,EAAA,EACME,GAAAA,EAAAA,YACL,IAAA,EAAA,IAAA,EACA,UAAA,IAAA,EACU,SAAA,EAAA,6CAEd,CAAA;AACDJ,IAAAA,CAAAA,MAAAE,WAAAA;AAAAF,IAAAA,CAAAA,MAAAI,UAAAA;AAAAJ,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAO,EAAAA;AAAA,EAAA,IAAAP,CAAAA,QAAAK,EAAAA,EAAA;AAXLE,IAAAA,EAAAA,mBAAA,GAAA,CAAA,SAAe,SAAA,EAAA,qJAAA,EACb,8BAAC,eAAA,EAAA,EAAqB,IAAA,EAAA,WAAA,EACnBF,QAAAA,EAAAA,EAAAA,EAUH,CAAA,EACF,CAAA;AAAML,IAAAA,CAAAA,MAAAK,EAAAA;AAAAL,IAAAA,CAAAA,MAAAO,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAP,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAbNO,EAAAA;AAaM;;;;"}

package/dist/components/widget/TradeOverview/TradeError/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,eAAO,MAAM,UAAU,GAAI,wCAIxB;IACD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,aAAa,CAAC;CAC9B,4CASA,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIzD,eAAO,MAAM,UAAU,GAAI,wCAIxB;IACD,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,aAAa,CAAC;CAC9B,4CAMA,CAAC"}

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

@@ -1,11 +1,10 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { d as distExports } from '../../../../_virtual/index.js';
-import { TradeDetailsDisplay } from '../TradeDetailsDisplay.js';
 import { TradeErrorDetails } from './TradeErrorDetails.js';
 import { getErrorMessageToDisplay, getErrorScreenTitle } from './utils.js';
 
 const TradeError = (t0) => {
-  const $ = distExports.c(10);
+  const $ = distExports.c(9);
   const {
     error,
     erroredStep,
@@ -32,25 +31,15 @@ const TradeError = (t0) => {
   }
   const errorTitle = t2;
   let t3;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
-    $[6] = t3;
+  if ($[6] !== errorMessage || $[7] !== errorTitle) {
+    t3 = /* @__PURE__ */ jsx(TradeErrorDetails, { errorTitle, errorMessage });
+    $[6] = errorMessage;
+    $[7] = errorTitle;
+    $[8] = t3;
   } else {
-    t3 = $[6];
+    t3 = $[8];
   }
-  let t4;
-  if ($[7] !== errorMessage || $[8] !== errorTitle) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-      t3,
-      /* @__PURE__ */ jsx(TradeErrorDetails, { errorTitle, errorMessage })
-    ] });
-    $[7] = errorMessage;
-    $[8] = errorTitle;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+  return t3;
 };
 
 export { TradeError };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport { TradeDetailsDisplay } from \"../TradeDetailsDisplay\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n  tradeFlowType,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n  tradeFlowType: TradeFlowType;\n}) => {\n  const errorMessage = getErrorMessageToDisplay(error, erroredStep);\n  const errorTitle = getErrorScreenTitle(error, tradeFlowType);\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <TradeDetailsDisplay />\n      <TradeErrorDetails errorTitle={errorTitle} errorMessage={errorMessage} />\n    </div>\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","tradeFlowType","t1","getErrorMessageToDisplay","errorMessage","t2","getErrorScreenTitle","errorTitle","t3","Symbol","for","t4"],"mappings":";;;;;;AAMO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,EAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAQ1B,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACsBE,IAAAA,EAAAA,GAAAC,wBAAAA,CAAyBJ,OAAOC,WAAW,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjE,EAAA,MAAAO,YAAAA,GAAqBF,EAAAA;AAA6C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAI,aAAAA,EAAA;AAC/CI,IAAAA,EAAAA,GAAAC,mBAAAA,CAAoBP,OAAOE,aAAa,CAAA;AAACJ,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAA5D,EAAA,MAAAU,UAAAA,GAAmBF,EAAAA;AAA0C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAY,MAAAA,CAAAC,GAAAA,CAAA,2BAAA,CAAA,EAAA;AAGzDF,IAAAA,EAAAA,uBAAC,mBAAA,EAAA,EAAmB,CAAA;AAAGX,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,IAAAc,EAAAA;AAAA,EAAA,IAAAd,EAAA,CAAA,CAAA,KAAAO,gBAAAP,CAAAA,QAAAU,UAAAA,EAAA;AADzBI,IAAAA,EAAAA,mBAAA,IAAA,CAAA,KAAA,EAAA,EAAe,SAAA,EAAA,qBAAA,EACbH,QAAAA,EAAAA;AAAAA,MAAAA,EAAAA;AAAAA,sBACA,GAAA,CAAC,iBAAA,EAAA,EAA8BD,UAAAA,EAA0BH,YAAAA,EAAY;AAAA,KAAA,EACvE,CAAA;AAAMP,IAAAA,CAAAA,MAAAO,YAAAA;AAAAP,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAc,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAd,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAHNc,EAAAA;AAGM;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/widget/TradeOverview/TradeError/index.tsx"],"sourcesContent":["import type { TradeFlowType } from \"@/hooks/swap/tradeFlow/common/types\";\nimport type { TradeFlowStep } from \"../tradeFlowContext\";\nimport { TradeErrorDetails } from \"./TradeErrorDetails\";\nimport { getErrorMessageToDisplay, getErrorScreenTitle } from \"./utils\";\n\nexport const TradeError = ({\n  error,\n  erroredStep,\n  tradeFlowType,\n}: {\n  error?: Error | null;\n  erroredStep?: TradeFlowStep;\n  tradeFlowType: TradeFlowType;\n}) => {\n  const errorMessage = getErrorMessageToDisplay(error, erroredStep);\n  const errorTitle = getErrorScreenTitle(error, tradeFlowType);\n  return (\n    <TradeErrorDetails errorTitle={errorTitle} errorMessage={errorMessage} />\n  );\n};\n"],"names":["TradeError","t0","$","_c","error","erroredStep","tradeFlowType","t1","getErrorMessageToDisplay","errorMessage","t2","getErrorScreenTitle","errorTitle","t3"],"mappings":";;;;;AAKO,MAAMA,aAAaC,CAAAA,EAAAA,KAAA;AAAA,EAAA,MAAAC,CAAAA,GAAAC,cAAA,CAAA,CAAA;AAAC,EAAA,MAAA;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC;AAAAA,GAAA,GAAAL,EAAAA;AAQ1B,EAAA,IAAAM,EAAAA;AAAA,EAAA,IAAAL,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAG,WAAAA,EAAA;AACsBE,IAAAA,EAAAA,GAAAC,wBAAAA,CAAyBJ,OAAOC,WAAW,CAAA;AAACH,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAG,WAAAA;AAAAH,IAAAA,CAAAA,MAAAK,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAL,EAAA,CAAA,CAAA;AAAA,EAAA;AAAjE,EAAA,MAAAO,YAAAA,GAAqBF,EAAAA;AAA6C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAR,EAAA,CAAA,CAAA,KAAAE,SAAAF,CAAAA,QAAAI,aAAAA,EAAA;AAC/CI,IAAAA,EAAAA,GAAAC,mBAAAA,CAAoBP,OAAOE,aAAa,CAAA;AAACJ,IAAAA,CAAAA,MAAAE,KAAAA;AAAAF,IAAAA,CAAAA,MAAAI,aAAAA;AAAAJ,IAAAA,CAAAA,MAAAQ,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAR,EAAA,CAAA,CAAA;AAAA,EAAA;AAA5D,EAAA,MAAAU,UAAAA,GAAmBF,EAAAA;AAA0C,EAAA,IAAAG,EAAAA;AAAA,EAAA,IAAAX,EAAA,CAAA,CAAA,KAAAO,gBAAAP,CAAAA,QAAAU,UAAAA,EAAA;AAE3DC,IAAAA,EAAAA,mBAAA,GAAA,CAAC,iBAAA,EAAA,EAA8BD,UAAAA,EAA0BH,YAAAA,EAAY,CAAA;AAAIP,IAAAA,CAAAA,MAAAO,YAAAA;AAAAP,IAAAA,CAAAA,MAAAU,UAAAA;AAAAV,IAAAA,CAAAA,MAAAW,EAAAA;AAAAA,EAAA,CAAA,MAAA;AAAAA,IAAAA,EAAAA,GAAAX,EAAA,CAAA,CAAA;AAAA,EAAA;AAAA,EAAA,OAAzEW,EAAAA;AAAyE;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAUzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC9D,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,qBAAqB,GAAG;IAC1B,aAAa,EAAE,QAAQ,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAoJF,eAAO,MAAM,aAAa,GACxB,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,wOAoBC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,4CA2B3C,CAAC"}
+{"version":3,"file":"TradeOverview.d.ts","sourceRoot":"","sources":["../../../../src/components/widget/TradeOverview/TradeOverview.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGtE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAUzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAarD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC9D,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAC5B,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,IAC9B,qBAAqB,GAAG;IAC1B,aAAa,EAAE,QAAQ,CAAC;IACxB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,WAAW,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuKF,eAAO,MAAM,aAAa,GACxB,GAAG,SAAS,MAAM,GAAG,MAAM,EAC3B,MAAM,GAAG,OAAO,EAChB,QAAQ,SAAS,MAAM,GAAG,MAAM,EAChC,wOAoBC,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,4CA2B3C,CAAC"}

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