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

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

@@ -4,155 +4,200 @@ import { TokenBadge } from '../TokenBadge/TokenBadge.js';
 import { formatTokenAmount } from '../../../lib/utils/formatTokenBalance.js';
 import { useTradeFlowContext } from './tradeFlowContext.js';
 import { TradeDetailsDisplay } from './TradeDetailsDisplay.js';
+import { isSwapTradeFlowType } from '../../../hooks/swap/tradeFlow/common/utils.js';
 
 const badgeClasses = {
   root: "text-xs text-contrast-1 dark:text-contrast-8 font-medium"
 };
 const TradeDetailsBase = (t0) => {
-  const $ = distExports.c(30);
+  const $ = distExports.c(44);
   const {
     fromToken,
     toToken,
     fromAmount,
     toAmount,
+    tradeFlowType,
     swapSide: t1
   } = t0;
   const swapSide = t1 === void 0 ? "SELL" : t1;
-  const isSell = swapSide === "SELL";
-  const fromTokenLabel = isSell ? "Swap" : "Swap (at least)";
-  const toTokenLabel = isSell ? "For (at least)" : "For";
   let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
-    $[0] = t2;
+  if ($[0] !== tradeFlowType) {
+    t2 = isSwapTradeFlowType(tradeFlowType);
+    $[0] = tradeFlowType;
+    $[1] = t2;
   } else {
-    t2 = $[0];
+    t2 = $[1];
   }
-  let t3;
-  if ($[1] !== fromTokenLabel) {
-    t3 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: fromTokenLabel });
-    $[1] = fromTokenLabel;
-    $[2] = t3;
+  const isSwapFlow = t2;
+  const isSell = swapSide === "SELL";
+  let fromTokenLabel;
+  let toTokenLabel;
+  if (isSwapFlow) {
+    fromTokenLabel = isSell ? "Swap" : "For (at most)";
+    toTokenLabel = isSell ? "For (at least)" : "Buy";
   } else {
-    t3 = $[2];
+    fromTokenLabel = "Pay";
+    toTokenLabel = "Receive";
   }
-  const t4 = fromToken.address;
-  const t5 = fromToken.network;
-  const t6 = fromToken.img;
-  const t7 = fromToken.symbol;
+  let T0;
+  let t10;
+  let t11;
+  let t12;
+  let t13;
+  let t14;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
   let t8;
-  if ($[3] !== fromAmount) {
-    t8 = formatTokenAmount(fromAmount);
-    $[3] = fromAmount;
-    $[4] = t8;
-  } else {
-    t8 = $[4];
-  }
   let t9;
-  if ($[5] !== fromToken.address || $[6] !== fromToken.img || $[7] !== fromToken.network || $[8] !== fromToken.symbol || $[9] !== t8) {
-    t9 = /* @__PURE__ */ jsx(TokenBadge, { address: t4, chainId: t5, img: t6, symbol: t7, showNetworkIcon: true, amount: t8, classes: badgeClasses });
-    $[5] = fromToken.address;
-    $[6] = fromToken.img;
-    $[7] = fromToken.network;
-    $[8] = fromToken.symbol;
-    $[9] = t8;
-    $[10] = t9;
-  } else {
-    t9 = $[10];
-  }
-  let t10;
-  if ($[11] !== t3 || $[12] !== t9) {
-    t10 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      t3,
-      t9
+  if ($[2] !== fromAmount || $[3] !== fromToken || $[4] !== fromTokenLabel || $[5] !== isSell || $[6] !== isSwapFlow || $[7] !== toAmount || $[8] !== toToken || $[9] !== toTokenLabel) {
+    const fromTokenObj = {
+      token: fromToken,
+      label: fromTokenLabel,
+      amount: fromAmount
+    };
+    const toTokenObj = {
+      token: toToken,
+      label: toTokenLabel,
+      amount: toAmount
+    };
+    const [firstToken, secondToken] = isSell || !isSwapFlow ? [fromTokenObj, toTokenObj] : [toTokenObj, fromTokenObj];
+    t13 = "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";
+    if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+      t14 = /* @__PURE__ */ jsx(TradeDetailsDisplay, {});
+      $[23] = t14;
+    } else {
+      t14 = $[23];
+    }
+    t11 = "flex items-center justify-between py-[8px] px-[16px]";
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs", children: firstToken.label }),
+      /* @__PURE__ */ jsx(TokenBadge, { address: firstToken.token.address, chainId: firstToken.token.network, img: firstToken.token.img, symbol: firstToken.token.symbol, showNetworkIcon: true, amount: formatTokenAmount(firstToken.amount), classes: badgeClasses })
     ] });
-    $[11] = t3;
-    $[12] = t9;
-    $[13] = t10;
+    t9 = "flex items-center gap-1";
+    t10 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: secondToken.label });
+    T0 = TokenBadge;
+    t3 = secondToken.token.address;
+    t4 = secondToken.token.network;
+    t5 = secondToken.token.img;
+    t6 = secondToken.token.symbol;
+    t7 = true;
+    t8 = formatTokenAmount(secondToken.amount);
+    $[2] = fromAmount;
+    $[3] = fromToken;
+    $[4] = fromTokenLabel;
+    $[5] = isSell;
+    $[6] = isSwapFlow;
+    $[7] = toAmount;
+    $[8] = toToken;
+    $[9] = toTokenLabel;
+    $[10] = T0;
+    $[11] = t10;
+    $[12] = t11;
+    $[13] = t12;
+    $[14] = t13;
+    $[15] = t14;
+    $[16] = t3;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+    $[20] = t7;
+    $[21] = t8;
+    $[22] = t9;
   } else {
-    t10 = $[13];
+    T0 = $[10];
+    t10 = $[11];
+    t11 = $[12];
+    t12 = $[13];
+    t13 = $[14];
+    t14 = $[15];
+    t3 = $[16];
+    t4 = $[17];
+    t5 = $[18];
+    t6 = $[19];
+    t7 = $[20];
+    t8 = $[21];
+    t9 = $[22];
   }
-  let t11;
-  if ($[14] !== toTokenLabel) {
-    t11 = /* @__PURE__ */ jsx("span", { className: "text-xs", children: toTokenLabel });
-    $[14] = toTokenLabel;
-    $[15] = t11;
+  let t15;
+  if ($[24] !== T0 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t6 || $[29] !== t7 || $[30] !== t8) {
+    t15 = /* @__PURE__ */ jsx(T0, { address: t3, chainId: t4, img: t5, symbol: t6, showNetworkIcon: t7, amount: t8, classes: badgeClasses });
+    $[24] = T0;
+    $[25] = t3;
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = t6;
+    $[29] = t7;
+    $[30] = t8;
+    $[31] = t15;
   } else {
-    t11 = $[15];
+    t15 = $[31];
   }
-  const t12 = toToken.address;
-  const t13 = toToken.network;
-  const t14 = toToken.img;
-  const t15 = toToken.symbol;
   let t16;
-  if ($[16] !== toAmount) {
-    t16 = formatTokenAmount(toAmount);
-    $[16] = toAmount;
-    $[17] = t16;
+  if ($[32] !== t10 || $[33] !== t15 || $[34] !== t9) {
+    t16 = /* @__PURE__ */ jsxs("div", { className: t9, children: [
+      t10,
+      t15
+    ] });
+    $[32] = t10;
+    $[33] = t15;
+    $[34] = t9;
+    $[35] = t16;
   } else {
-    t16 = $[17];
+    t16 = $[35];
   }
   let t17;
-  if ($[18] !== t16 || $[19] !== toToken.address || $[20] !== toToken.img || $[21] !== toToken.network || $[22] !== toToken.symbol) {
-    t17 = /* @__PURE__ */ jsx(TokenBadge, { address: t12, chainId: t13, img: t14, symbol: t15, showNetworkIcon: true, amount: t16, classes: badgeClasses });
-    $[18] = t16;
-    $[19] = toToken.address;
-    $[20] = toToken.img;
-    $[21] = toToken.network;
-    $[22] = toToken.symbol;
-    $[23] = t17;
+  if ($[36] !== t11 || $[37] !== t12 || $[38] !== t16) {
+    t17 = /* @__PURE__ */ jsxs("div", { className: t11, children: [
+      t12,
+      t16
+    ] });
+    $[36] = t11;
+    $[37] = t12;
+    $[38] = t16;
+    $[39] = t17;
   } else {
-    t17 = $[23];
+    t17 = $[39];
   }
   let t18;
-  if ($[24] !== t11 || $[25] !== t17) {
-    t18 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      t11,
+  if ($[40] !== t13 || $[41] !== t14 || $[42] !== t17) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: t13, children: [
+      t14,
       t17
     ] });
-    $[24] = t11;
-    $[25] = t17;
-    $[26] = t18;
-  } else {
-    t18 = $[26];
-  }
-  let t19;
-  if ($[27] !== t10 || $[28] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("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", children: [
-      t2,
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-[8px] px-[16px]", children: [
-        t10,
-        t18
-      ] })
-    ] });
-    $[27] = t10;
-    $[28] = t18;
-    $[29] = t19;
+    $[40] = t13;
+    $[41] = t14;
+    $[42] = t17;
+    $[43] = t18;
   } else {
-    t19 = $[29];
+    t18 = $[43];
   }
-  return t19;
+  return t18;
 };
 const TradeDetails = () => {
-  const $ = distExports.c(6);
+  const $ = distExports.c(7);
   const {
     fromToken,
     toToken,
     fromAmount,
     toAmount,
-    swapSide
+    swapSide,
+    tradeFlowType
   } = useTradeFlowContext();
   let t0;
-  if ($[0] !== fromAmount || $[1] !== fromToken || $[2] !== swapSide || $[3] !== toAmount || $[4] !== toToken) {
-    t0 = /* @__PURE__ */ jsx(TradeDetailsBase, { fromToken, toToken, fromAmount, toAmount, swapSide });
+  if ($[0] !== fromAmount || $[1] !== fromToken || $[2] !== swapSide || $[3] !== toAmount || $[4] !== toToken || $[5] !== tradeFlowType) {
+    t0 = /* @__PURE__ */ jsx(TradeDetailsBase, { fromToken, toToken, fromAmount, toAmount, swapSide, tradeFlowType });
     $[0] = fromAmount;
     $[1] = fromToken;
     $[2] = swapSide;
     $[3] = toAmount;
     $[4] = toToken;
-    $[5] = t0;
+    $[5] = tradeFlowType;
+    $[6] = t0;
   } else {
-    t0 = $[5];
+    t0 = $[6];
   }
   return t0;
 };

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