@velora-dex/widget 0.0.14 → 0.0.16

package/dist/components/widget/YouGet/YouGet.js

@@ -3,24 +3,13 @@ import { d as distExports } from '../../../_virtual/index.js';
 import { DetailWithTooltip } from '../Details/DetailWithTooltip.js';
 import { TokenBadge } from '../TokenBadge/TokenBadge.js';
 import { formatUnits } from 'viem';
-import { removeTrailingZeros } from '../../../lib/utils/removeZeroDecimals.js';
-import { toDecimal } from '../../../lib/utils/toDecimal.js';
+import { toDecimalTrimmed } from '../../../lib/utils/toDecimal.js';
 import { Line } from '../Line/Line.js';
 import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
 
-globalThis.jotaiAtomCache = globalThis.jotaiAtomCache || {
-  cache: /* @__PURE__ */ new Map(),
-  get(name, inst) {
-    if (this.cache.has(name)) {
-      return this.cache.get(name);
-    }
-    this.cache.set(name, inst);
-    return inst;
-  }
-};
 const deltaTooltipDesc = "Delta transactions are gasless, meaning you don’t need native tokens to pay for network costs, but you pay them with the tokens that you will receive.";
 const YouGet = (t0) => {
-  const $ = distExports.c(28);
+  const $ = distExports.c(29);
   const {
     token,
     amountWei,
@@ -28,141 +17,141 @@ const YouGet = (t0) => {
     swapFeesUSD,
     networkCostUSD
   } = t0;
-  const amountUnit = formatUnits(BigInt(amountWei), token.decimals);
-  const t1 = +amountUnit;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = removeTrailingZeros(toDecimal(t1));
-    $[0] = t1;
-    $[1] = t2;
+  let t1;
+  if ($[0] !== amountWei || $[1] !== token.decimals) {
+    const amountUnit = formatUnits(BigInt(amountWei), token.decimals);
+    t1 = toDecimalTrimmed(amountUnit);
+    $[0] = amountWei;
+    $[1] = token.decimals;
+    $[2] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[2];
   }
-  const formattedAmountUnit = t2;
-  let t3;
-  if ($[2] !== swapFeesUSD) {
-    t3 = swapFeesUSD ? formatFiatPrice(Number(swapFeesUSD)) : null;
-    $[2] = swapFeesUSD;
-    $[3] = t3;
+  const formattedAmountUnit = t1;
+  let t2;
+  if ($[3] !== swapFeesUSD) {
+    t2 = swapFeesUSD ? formatFiatPrice(Number(swapFeesUSD)) : null;
+    $[3] = swapFeesUSD;
+    $[4] = t2;
   } else {
-    t3 = $[3];
+    t2 = $[4];
   }
-  const formattedSwapFeesUSD = t3;
-  let t4;
-  if ($[4] !== networkCostUSD) {
-    t4 = networkCostUSD ? formatFiatPrice(Number(networkCostUSD)) : null;
-    $[4] = networkCostUSD;
-    $[5] = t4;
+  const formattedSwapFeesUSD = t2;
+  let t3;
+  if ($[5] !== networkCostUSD) {
+    t3 = networkCostUSD ? formatFiatPrice(Number(networkCostUSD)) : null;
+    $[5] = networkCostUSD;
+    $[6] = t3;
   } else {
-    t4 = $[5];
+    t3 = $[6];
   }
-  const formattedNetworkCostUSD = t4;
+  const formattedNetworkCostUSD = t3;
   const swapFeesUSDToDisplay = formattedSwapFeesUSD === "$0.00" ? "$0" : formattedSwapFeesUSD;
   const networkCostUSDToDisplay = formattedNetworkCostUSD === "$0.00" ? "$0" : formattedNetworkCostUSD;
-  let t5;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsx("div", { children: "Network Cost:" });
-    $[6] = t5;
+  let t4;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /* @__PURE__ */ jsx("div", { children: "Network Cost:" });
+    $[7] = t4;
   } else {
-    t5 = $[6];
+    t4 = $[7];
   }
-  let t6;
-  if ($[7] !== networkCostUSDToDisplay) {
-    t6 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
-      t5,
+  let t5;
+  if ($[8] !== networkCostUSDToDisplay) {
+    t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+      t4,
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: networkCostUSDToDisplay })
     ] });
-    $[7] = networkCostUSDToDisplay;
-    $[8] = t6;
+    $[8] = networkCostUSDToDisplay;
+    $[9] = t5;
   } else {
-    t6 = $[8];
+    t5 = $[9];
   }
-  let t7;
-  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-    t7 = /* @__PURE__ */ jsx("div", { children: "Swap Fees:" });
-    $[9] = t7;
+  let t6;
+  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsx("div", { children: "Swap Fees:" });
+    $[10] = t6;
   } else {
-    t7 = $[9];
+    t6 = $[10];
   }
-  let t8;
-  if ($[10] !== swapFeesUSDToDisplay) {
-    t8 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
-      t7,
+  let t7;
+  if ($[11] !== swapFeesUSDToDisplay) {
+    t7 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+      t6,
       /* @__PURE__ */ jsx("div", { className: "font-medium", children: swapFeesUSDToDisplay })
     ] });
-    $[10] = swapFeesUSDToDisplay;
-    $[11] = t8;
+    $[11] = swapFeesUSDToDisplay;
+    $[12] = t7;
   } else {
-    t8 = $[11];
+    t7 = $[12];
   }
-  let t9;
-  if ($[12] !== priceMode) {
-    t9 = priceMode === "delta" && /* @__PURE__ */ jsxs("div", { className: "pt-2 flex flex-col gap-2", children: [
+  let t8;
+  if ($[13] !== priceMode) {
+    t8 = priceMode === "delta" && /* @__PURE__ */ jsxs("div", { className: "pt-2 flex flex-col gap-2", children: [
       /* @__PURE__ */ jsx(Line, {}),
       /* @__PURE__ */ jsx("div", { className: "text-wrap text-xs", children: deltaTooltipDesc })
     ] });
-    $[12] = priceMode;
-    $[13] = t9;
+    $[13] = priceMode;
+    $[14] = t8;
   } else {
-    t9 = $[13];
+    t8 = $[14];
   }
-  let t10;
-  if ($[14] !== t6 || $[15] !== t8 || $[16] !== t9) {
-    t10 = /* @__PURE__ */ jsx(DetailWithTooltip, { detail: "You Get (incl. fees)", tooltip: /* @__PURE__ */ jsxs("div", { className: "min-w-[220px] max-w-[320px]", children: [
-      t6,
-      t8,
-      t9
+  let t9;
+  if ($[15] !== t5 || $[16] !== t7 || $[17] !== t8) {
+    t9 = /* @__PURE__ */ jsx(DetailWithTooltip, { detail: "You Get (incl. fees)", tooltip: /* @__PURE__ */ jsxs("div", { className: "min-w-[220px] max-w-[320px]", children: [
+      t5,
+      t7,
+      t8
     ] }) });
-    $[14] = t6;
-    $[15] = t8;
-    $[16] = t9;
-    $[17] = t10;
+    $[15] = t5;
+    $[16] = t7;
+    $[17] = t8;
+    $[18] = t9;
   } else {
-    t10 = $[17];
+    t9 = $[18];
   }
-  let t11;
-  if ($[18] !== formattedAmountUnit) {
-    t11 = /* @__PURE__ */ jsx("div", { className: "max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap", children: formattedAmountUnit });
-    $[18] = formattedAmountUnit;
-    $[19] = t11;
+  let t10;
+  if ($[19] !== formattedAmountUnit) {
+    t10 = /* @__PURE__ */ jsx("div", { className: "max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap", children: formattedAmountUnit });
+    $[19] = formattedAmountUnit;
+    $[20] = t10;
   } else {
-    t11 = $[19];
+    t10 = $[20];
   }
-  let t12;
-  if ($[20] !== token) {
-    t12 = token && /* @__PURE__ */ jsx(TokenBadge, { address: token.address, symbol: token.symbol, chainId: token.network, img: token.img, classes: {
+  let t11;
+  if ($[21] !== token) {
+    t11 = token && /* @__PURE__ */ jsx(TokenBadge, { address: token.address, symbol: token.symbol, chainId: token.network, img: token.img, classes: {
       logo: "size-[14px]"
     } });
-    $[20] = token;
-    $[21] = t12;
+    $[21] = token;
+    $[22] = t11;
   } else {
-    t12 = $[21];
+    t11 = $[22];
   }
-  let t13;
-  if ($[22] !== t11 || $[23] !== t12) {
-    t13 = /* @__PURE__ */ jsxs("div", { className: "text-sm font-geist-mono flex items-center gap-2", children: [
-      t11,
-      t12
+  let t12;
+  if ($[23] !== t10 || $[24] !== t11) {
+    t12 = /* @__PURE__ */ jsxs("div", { className: "text-sm font-geist-mono flex items-center gap-2", children: [
+      t10,
+      t11
     ] });
-    $[22] = t11;
-    $[23] = t12;
-    $[24] = t13;
+    $[23] = t10;
+    $[24] = t11;
+    $[25] = t12;
   } else {
-    t13 = $[24];
+    t12 = $[25];
   }
-  let t14;
-  if ($[25] !== t10 || $[26] !== t13) {
-    t14 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-contrast-4 dark:text-contrast-7", children: [
-      t10,
-      t13
+  let t13;
+  if ($[26] !== t12 || $[27] !== t9) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-contrast-4 dark:text-contrast-7", children: [
+      t9,
+      t12
     ] });
-    $[25] = t10;
-    $[26] = t13;
-    $[27] = t14;
+    $[26] = t12;
+    $[27] = t9;
+    $[28] = t13;
   } else {
-    t14 = $[27];
+    t13 = $[28];
   }
-  return t14;
+  return t13;
 };
 
 export { YouGet };

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

@@ -1 +1 @@
-{"version":3,"file":"YouGet.js","sources":["../../../../src/components/widget/YouGet/YouGet.tsx"],"sourcesContent":["import { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport type { YouGetProps } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport { removeTrailingZeros } from \"@/lib/utils/removeZeroDecimals\";\nimport { toDecimal } from \"@/lib/utils/toDecimal\";\nimport { Line } from \"../Line/Line\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nconst deltaTooltipDesc =\n  \"Delta transactions are gasless, meaning you don’t need native tokens to pay for network costs, but you pay them with the tokens that you will receive.\";\n\nexport const YouGet: React.FC<YouGetProps> = ({\n  token,\n  amountWei,\n  priceMode,\n  swapFeesUSD,\n  networkCostUSD,\n}) => {\n  const amountUnit = formatUnits(BigInt(amountWei), token.decimals);\n  const formattedAmountUnit = removeTrailingZeros(toDecimal(+amountUnit));\n\n  const formattedSwapFeesUSD = swapFeesUSD\n    ? formatFiatPrice(Number(swapFeesUSD))\n    : null;\n  const formattedNetworkCostUSD = networkCostUSD\n    ? formatFiatPrice(Number(networkCostUSD))\n    : null;\n\n  const swapFeesUSDToDisplay =\n    formattedSwapFeesUSD === \"$0.00\" ? \"$0\" : formattedSwapFeesUSD;\n  const networkCostUSDToDisplay =\n    formattedNetworkCostUSD === \"$0.00\" ? \"$0\" : formattedNetworkCostUSD;\n\n  return (\n    <div className=\"flex items-center justify-between text-contrast-4 dark:text-contrast-7\">\n      <DetailWithTooltip\n        detail=\"You Get (incl. fees)\"\n        tooltip={\n          <div className=\"min-w-[220px] max-w-[320px]\">\n            <div className=\"flex items-center justify-between text-sm\">\n              <div>Network Cost:</div>\n              <div className=\"font-medium\">{networkCostUSDToDisplay}</div>\n            </div>\n            <div className=\"flex items-center justify-between text-sm\">\n              <div>Swap Fees:</div>\n              <div className=\"font-medium\">{swapFeesUSDToDisplay}</div>\n            </div>\n\n            {priceMode === \"delta\" && (\n              <div className=\"pt-2 flex flex-col gap-2\">\n                <Line />\n                <div className=\"text-wrap text-xs\">{deltaTooltipDesc}</div>\n              </div>\n            )}\n          </div>\n        }\n      />\n      <div className=\"text-sm font-geist-mono flex items-center gap-2\">\n        <div className=\"max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap\">\n          {formattedAmountUnit}\n        </div>\n        {token && (\n          <TokenBadge\n            address={token.address}\n            symbol={token.symbol}\n            chainId={token.network}\n            img={token.img}\n            classes={{\n              logo: \"size-[14px]\",\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["deltaTooltipDesc","YouGet","t0","$","_c","token","amountWei","priceMode","swapFeesUSD","networkCostUSD","amountUnit","formatUnits","BigInt","decimals","t1","t2","removeTrailingZeros","toDecimal","formattedAmountUnit","t3","formatFiatPrice","Number","formattedSwapFeesUSD","t4","formattedNetworkCostUSD","swapFeesUSDToDisplay","networkCostUSDToDisplay","t5","Symbol","for","t6","t7","t8","t9","t10","t11","t12","address","symbol","network","img","logo","t13","t14"],"mappings":"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"}
+{"version":3,"file":"YouGet.js","sources":["../../../../src/components/widget/YouGet/YouGet.tsx"],"sourcesContent":["import { DetailWithTooltip } from \"@/components/widget/Details/DetailWithTooltip\";\nimport { TokenBadge } from \"@/components/widget/TokenBadge/TokenBadge\";\nimport type { YouGetProps } from \"./types\";\nimport { formatUnits } from \"viem\";\nimport { toDecimalTrimmed } from \"@/lib/utils/toDecimal\";\nimport { Line } from \"../Line/Line\";\nimport { formatFiatPrice } from \"@/lib/utils/formatFiatPrice\";\n\nconst deltaTooltipDesc =\n  \"Delta transactions are gasless, meaning you don’t need native tokens to pay for network costs, but you pay them with the tokens that you will receive.\";\n\nexport const YouGet: React.FC<YouGetProps> = ({\n  token,\n  amountWei,\n  priceMode,\n  swapFeesUSD,\n  networkCostUSD,\n}) => {\n  const amountUnit = formatUnits(BigInt(amountWei), token.decimals);\n  const formattedAmountUnit = toDecimalTrimmed(amountUnit);\n\n  const formattedSwapFeesUSD = swapFeesUSD\n    ? formatFiatPrice(Number(swapFeesUSD))\n    : null;\n  const formattedNetworkCostUSD = networkCostUSD\n    ? formatFiatPrice(Number(networkCostUSD))\n    : null;\n\n  const swapFeesUSDToDisplay =\n    formattedSwapFeesUSD === \"$0.00\" ? \"$0\" : formattedSwapFeesUSD;\n  const networkCostUSDToDisplay =\n    formattedNetworkCostUSD === \"$0.00\" ? \"$0\" : formattedNetworkCostUSD;\n\n  return (\n    <div className=\"flex items-center justify-between text-contrast-4 dark:text-contrast-7\">\n      <DetailWithTooltip\n        detail=\"You Get (incl. fees)\"\n        tooltip={\n          <div className=\"min-w-[220px] max-w-[320px]\">\n            <div className=\"flex items-center justify-between text-sm\">\n              <div>Network Cost:</div>\n              <div className=\"font-medium\">{networkCostUSDToDisplay}</div>\n            </div>\n            <div className=\"flex items-center justify-between text-sm\">\n              <div>Swap Fees:</div>\n              <div className=\"font-medium\">{swapFeesUSDToDisplay}</div>\n            </div>\n\n            {priceMode === \"delta\" && (\n              <div className=\"pt-2 flex flex-col gap-2\">\n                <Line />\n                <div className=\"text-wrap text-xs\">{deltaTooltipDesc}</div>\n              </div>\n            )}\n          </div>\n        }\n      />\n      <div className=\"text-sm font-geist-mono flex items-center gap-2\">\n        <div className=\"max-w-[140px] dark:text-contrast-8 overflow-hidden text-ellipsis whitespace-nowrap\">\n          {formattedAmountUnit}\n        </div>\n        {token && (\n          <TokenBadge\n            address={token.address}\n            symbol={token.symbol}\n            chainId={token.network}\n            img={token.img}\n            classes={{\n              logo: \"size-[14px]\",\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["deltaTooltipDesc","YouGet","t0","$","_c","token","amountWei","priceMode","swapFeesUSD","networkCostUSD","t1","decimals","amountUnit","formatUnits","BigInt","toDecimalTrimmed","formattedAmountUnit","t2","formatFiatPrice","Number","formattedSwapFeesUSD","t3","formattedNetworkCostUSD","swapFeesUSDToDisplay","networkCostUSDToDisplay","t4","Symbol","for","t5","t6","t7","t8","t9","t10","t11","address","symbol","network","img","logo","t12","t13"],"mappings":"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"}