@velora-dex/widget 0.6.0 → 0.6.1-dev.1

package/dist/components/widget/DexesList/DexItem.js

@@ -1,205 +1,361 @@
-import { isTruthy as e } from "../../../lib/utils/index.js";
-import { useWidgetConfig as t } from "../../../core/state/configAtom.js";
-import { Tooltip as n, TooltipContent as r, TooltipTrigger as i } from "../../ui/tooltip.js";
-import { formatFiatPrice as a } from "../../../lib/utils/formatFiatPrice.js";
-import { toDecimalTrimmed as o } from "../../../lib/utils/toDecimal.js";
-import { amountAfterSlippage as s } from "../../../lib/utils/slippage.js";
-import { useSlippage as c } from "../../../hooks/useSlippage.js";
-import { getDestAmountAfterFeeAndSlippage as l } from "../../../lib/utils/price.js";
-import { SwapRate as u } from "../SwapRate/SwapRate.js";
-import d from "./assets/unknown-dex.js";
-import f from "./assets/exchanges/velora-light.js";
-import p from "./assets/exchanges/velora-dark.js";
-import m from "./assets/exchanges/uniswap.js";
-import { ForwardRef as h } from "./assets/gas.js";
-import g from "./assets/exchanges/hashflow.js";
-import _ from "./assets/exchanges/biswap.js";
-import v from "./assets/exchanges/cheeseswap.js";
-import y from "./assets/exchanges/complusswap.js";
-import b from "./assets/exchanges/shibaswap.js";
-import x from "./assets/exchanges/quickswap.js";
-import S from "./assets/exchanges/icons.js";
-import { VeloraDex as C } from "./constants.js";
-import { DetailWithValueList as w } from "../Details/DetailWithValueList.js";
-import { c as T } from "react-compiler-runtime";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { formatUnits as O } from "viem";
-import { InfoIcon as k } from "lucide-react";
-//#region src/components/widget/DexesList/DexItem.tsx
-var A = S, j = (e) => {
-	let t = T(37), { price: n, exchange: r, gasCostUSD: i, srcAmount: o, destAmount: s, savedAmountUSD: c, srcToken: l, destToken: d, quote: f, is100Percent: p } = e, m = P[r] ?? r, g;
-	t[0] === r ? g = t[1] : (g = /* @__PURE__ */ E(L, { exchange: r }), t[0] = r, t[1] = g);
-	let _;
-	t[2] === m ? _ = t[3] : (_ = /* @__PURE__ */ E("div", {
-		className: "font-medium text-contrast-4 dark:text-contrast-9 overflow-hidden whitespace-nowrap text-ellipsis",
-		children: m
-	}), t[2] = m, t[3] = _);
-	let v;
-	t[4] !== g || t[5] !== _ ? (v = /* @__PURE__ */ D("div", {
-		className: "flex items-center justify-center gap-1.5",
-		children: [g, _]
-	}), t[4] = g, t[5] = _, t[6] = v) : v = t[6];
-	let y = n.side === "BUY", b;
-	t[7] !== s || t[8] !== d || t[9] !== o || t[10] !== l || t[11] !== y ? (b = /* @__PURE__ */ E("div", {
-		className: "text-contrast-3 dark:text-contrast-7 font-geist-mono text-end",
-		children: /* @__PURE__ */ E(u, {
-			srcToken: l,
-			destToken: d,
-			srcAmountWei: o,
-			destAmountWei: s,
-			reverse: y
-		})
-	}), t[7] = s, t[8] = d, t[9] = o, t[10] = l, t[11] = y, t[12] = b) : b = t[12];
-	let x;
-	t[13] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ E(h, {}), t[13] = x) : x = t[13];
-	let S = +i, C;
-	t[14] === S ? C = t[15] : (C = a(S), t[14] = S, t[15] = C);
-	let w;
-	t[16] === C ? w = t[17] : (w = /* @__PURE__ */ D("div", {
-		className: "text-[11px] text-contrast-5 flex items-center gap-1 justify-end pr-0.5",
-		children: [
-			x,
-			" ",
-			C
-		]
-	}), t[16] = C, t[17] = w);
-	let O;
-	t[18] !== b || t[19] !== w ? (O = /* @__PURE__ */ D("div", {
-		className: "flex flex-col gap-1",
-		children: [b, w]
-	}), t[18] = b, t[19] = w, t[20] = O) : O = t[20];
-	let k;
-	t[21] !== s || t[22] !== d || t[23] !== i || t[24] !== p || t[25] !== n || t[26] !== f || t[27] !== c || t[28] !== o || t[29] !== l ? (k = /* @__PURE__ */ E(N, {
-		price: n,
-		srcAmount: o,
-		srcToken: l,
-		destAmount: s,
-		destToken: d,
-		gasCostUSD: i,
-		savedAmountUSD: c,
-		quote: f,
-		is100Percent: p
-	}), t[21] = s, t[22] = d, t[23] = i, t[24] = p, t[25] = n, t[26] = f, t[27] = c, t[28] = o, t[29] = l, t[30] = k) : k = t[30];
-	let A;
-	t[31] !== O || t[32] !== k ? (A = /* @__PURE__ */ D("div", {
-		className: "flex items-center gap-1",
-		children: [O, k]
-	}), t[31] = O, t[32] = k, t[33] = A) : A = t[33];
-	let j;
-	return t[34] !== A || t[35] !== v ? (j = /* @__PURE__ */ D("div", {
-		className: "text-xs px-3 py-2 bg-contrast-9 dark:bg-contrast-3 rounded-sm flex items-center justify-between gap-1 wrap-anywhere",
-		children: [v, A]
-	}), t[34] = A, t[35] = v, t[36] = j) : j = t[36], j;
-}, M = {
-	root: "min-w-[200px]",
-	value: "dark:text-contrast-3"
-}, N = (t) => {
-	let u = T(16), { price: d, srcAmount: f, srcToken: p, destAmount: m, destToken: h, savedAmountUSD: g, gasCostUSD: _, quote: v, is100Percent: y } = t, { resolvedSlippage: b } = c("swap"), x;
-	if (u[0] !== m || u[1] !== h.decimals || u[2] !== h.symbol || u[3] !== _ || u[4] !== y || u[5] !== d || u[6] !== v || u[7] !== b || u[8] !== g || u[9] !== f || u[10] !== p.decimals || u[11] !== p.symbol) {
-		let t = O(BigInt(f), p.decimals), n = O(BigInt(m), h.decimals), r;
-		if (d.side === "BUY") {
-			let e = s(f, b, "BUY").toFixed(0);
-			r = {
-				title: "Maximum to Pay",
-				value: `${o(O(BigInt(e), p.decimals))} ${p.symbol}`
-			};
-		} else {
-			let e = l({
-				price: d,
-				slippagePercent: b
-			});
-			r = {
-				title: "Minimum Received",
-				value: `${o(O(BigInt(e), h.decimals))} ${h.symbol}`
-			};
-		}
-		let i = o(t), c = o(n);
-		x = [
-			{
-				title: "Quote",
-				value: `${y ? "100% " : ""} ${v}`
-			},
-			{
-				title: "You Pay",
-				value: `${i} ${p.symbol}`
-			},
-			{
-				title: "You Receive",
-				value: `${c} ${h.symbol}`
-			},
-			r,
-			{
-				title: "Exp. Slippage",
-				value: `${b}%`
-			},
-			{
-				title: "Network Fees",
-				value: `$${_}`
-			},
-			g && {
-				title: "You Save",
-				value: `🎉 ${a(g)}`
-			}
-		].filter(e), u[0] = m, u[1] = h.decimals, u[2] = h.symbol, u[3] = _, u[4] = y, u[5] = d, u[6] = v, u[7] = b, u[8] = g, u[9] = f, u[10] = p.decimals, u[11] = p.symbol, u[12] = x;
-	} else x = u[12];
-	let S = x, C;
-	u[13] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ E(i, {
-		asChild: !0,
-		children: /* @__PURE__ */ E(k, {
-			size: 16,
-			className: "text-contrast-6 dark:text-contrast-5 cursor-pointer"
-		})
-	}), u[13] = C) : C = u[13];
-	let A;
-	return u[14] === S ? A = u[15] : (A = /* @__PURE__ */ D(n, { children: [C, /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E(w, {
-		details: S,
-		classes: M
-	}) })] }), u[14] = S, u[15] = A), A;
-}, P = {
-	paraswaplimitorders: C,
-	uniswapforkoptimized: C
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { d as distExports } from '../../../_virtual/index.js';
+import { InfoIcon } from 'lucide-react';
+import { TooltipTrigger, Tooltip, TooltipContent } from '../../ui/tooltip.js';
+import { SwapRate } from '../SwapRate/SwapRate.js';
+import { formatFiatPrice } from '../../../lib/utils/formatFiatPrice.js';
+import { useWidgetConfig } from '../../../core/state/configAtom.js';
+import unknownDexSVGUrl from './assets/unknown-dex.svg.js';
+import VeloraLightSVGUrl from './assets/exchanges/velora-light.svg.js';
+import VeloraDarkSVGUrl from './assets/exchanges/velora-dark.svg.js';
+import UniswapSVGUrl from './assets/exchanges/uniswap.svg.js';
+import { ReactComponent as ForwardRef } from './assets/gas.svg.js';
+import HashflowPNGUrl from './assets/exchanges/hashflow.png.js';
+import BiswapPNGUrl from './assets/exchanges/biswap.png.js';
+import CheeseswapPNGUrl from './assets/exchanges/cheeseswap.png.js';
+import ComplusswapPNGUrl from './assets/exchanges/complusswap.png.js';
+import ShibaswapPNGUrl from './assets/exchanges/shibaswap.png.js';
+import QuickswapPNGUrl from './assets/exchanges/quickswap.png.js';
+import dexIconUrls from './assets/exchanges/icons.json.js';
+import { VeloraDex } from './constants.js';
+import { DetailWithValueList } from '../Details/DetailWithValueList.js';
+import { formatUnits } from 'viem';
+import { toDecimalTrimmed } from '../../../lib/utils/toDecimal.js';
+import { isTruthy } from '../../../lib/utils/index.js';
+import { getDestAmountAfterFeeAndSlippage } from '../../../lib/utils/price.js';
+import { useSlippage } from '../../../hooks/useSlippage.js';
+import { amountAfterSlippage } from '../../../lib/utils/slippage.js';
+
+const dexIconUrlsMap = dexIconUrls;
+const DexItem = (t0) => {
+  const $ = distExports.c(37);
+  const {
+    price,
+    exchange,
+    gasCostUSD,
+    srcAmount,
+    destAmount,
+    savedAmountUSD,
+    srcToken,
+    destToken,
+    quote,
+    is100Percent
+  } = t0;
+  const dexName = renamedDexes[exchange] ?? exchange;
+  let t1;
+  if ($[0] !== exchange) {
+    t1 = /* @__PURE__ */ jsx(DexIconComp, { exchange });
+    $[0] = exchange;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== dexName) {
+    t2 = /* @__PURE__ */ jsx("div", { className: "font-medium text-contrast-4 dark:text-contrast-9 overflow-hidden whitespace-nowrap text-ellipsis", children: dexName });
+    $[2] = dexName;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-1.5", children: [
+      t1,
+      t2
+    ] });
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const t4 = price.side === "BUY";
+  let t5;
+  if ($[7] !== destAmount || $[8] !== destToken || $[9] !== srcAmount || $[10] !== srcToken || $[11] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { className: "text-contrast-3 dark:text-contrast-7 font-geist-mono text-end", children: /* @__PURE__ */ jsx(SwapRate, { srcToken, destToken, srcAmountWei: srcAmount, destAmountWei: destAmount, reverse: t4 }) });
+    $[7] = destAmount;
+    $[8] = destToken;
+    $[9] = srcAmount;
+    $[10] = srcToken;
+    $[11] = t4;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsx(ForwardRef, {});
+    $[13] = t6;
+  } else {
+    t6 = $[13];
+  }
+  const t7 = +gasCostUSD;
+  let t8;
+  if ($[14] !== t7) {
+    t8 = formatFiatPrice(t7);
+    $[14] = t7;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  let t9;
+  if ($[16] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-contrast-5 flex items-center gap-1 justify-end pr-0.5", children: [
+      t6,
+      " ",
+      t8
+    ] });
+    $[16] = t8;
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  let t10;
+  if ($[18] !== t5 || $[19] !== t9) {
+    t10 = /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      t5,
+      t9
+    ] });
+    $[18] = t5;
+    $[19] = t9;
+    $[20] = t10;
+  } else {
+    t10 = $[20];
+  }
+  let t11;
+  if ($[21] !== destAmount || $[22] !== destToken || $[23] !== gasCostUSD || $[24] !== is100Percent || $[25] !== price || $[26] !== quote || $[27] !== savedAmountUSD || $[28] !== srcAmount || $[29] !== srcToken) {
+    t11 = /* @__PURE__ */ jsx(TooltipDexInfo, { price, srcAmount, srcToken, destAmount, destToken, gasCostUSD, savedAmountUSD, quote, is100Percent });
+    $[21] = destAmount;
+    $[22] = destToken;
+    $[23] = gasCostUSD;
+    $[24] = is100Percent;
+    $[25] = price;
+    $[26] = quote;
+    $[27] = savedAmountUSD;
+    $[28] = srcAmount;
+    $[29] = srcToken;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] !== t10 || $[32] !== t11) {
+    t12 = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      t10,
+      t11
+    ] });
+    $[31] = t10;
+    $[32] = t11;
+    $[33] = t12;
+  } else {
+    t12 = $[33];
+  }
+  let t13;
+  if ($[34] !== t12 || $[35] !== t3) {
+    t13 = /* @__PURE__ */ jsxs("div", { className: "text-xs px-3 py-2 bg-contrast-9 dark:bg-contrast-3 rounded-sm flex items-center justify-between gap-1 wrap-anywhere", children: [
+      t3,
+      t12
+    ] });
+    $[34] = t12;
+    $[35] = t3;
+    $[36] = t13;
+  } else {
+    t13 = $[36];
+  }
+  return t13;
+};
+const detailsClasses = {
+  root: "min-w-[200px]",
+  value: "dark:text-contrast-3"
+};
+const TooltipDexInfo = (t0) => {
+  const $ = distExports.c(16);
+  const {
+    price,
+    srcAmount,
+    srcToken,
+    destAmount,
+    destToken,
+    savedAmountUSD,
+    gasCostUSD,
+    quote,
+    is100Percent
+  } = t0;
+  const {
+    resolvedSlippage
+  } = useSlippage("swap");
+  let t1;
+  if ($[0] !== destAmount || $[1] !== destToken.decimals || $[2] !== destToken.symbol || $[3] !== gasCostUSD || $[4] !== is100Percent || $[5] !== price || $[6] !== quote || $[7] !== resolvedSlippage || $[8] !== savedAmountUSD || $[9] !== srcAmount || $[10] !== srcToken.decimals || $[11] !== srcToken.symbol) {
+    const srcAmountUnit = formatUnits(BigInt(srcAmount), srcToken.decimals);
+    const destAmountUnit = formatUnits(BigInt(destAmount), destToken.decimals);
+    let minMaxDetail;
+    if (price.side === "BUY") {
+      const maxSrcAmount = amountAfterSlippage(srcAmount, resolvedSlippage, "BUY").toFixed(0);
+      const maxSrcAmountUnit = formatUnits(BigInt(maxSrcAmount), srcToken.decimals);
+      const formattedMaxSrcAmount = toDecimalTrimmed(maxSrcAmountUnit);
+      minMaxDetail = {
+        title: "Maximum to Pay",
+        value: `${formattedMaxSrcAmount} ${srcToken.symbol}`
+      };
+    } else {
+      const minDestAmount = getDestAmountAfterFeeAndSlippage({
+        price,
+        slippagePercent: resolvedSlippage
+      });
+      const minDestAmountUnit = formatUnits(BigInt(minDestAmount), destToken.decimals);
+      const formattedMinDestAmount = toDecimalTrimmed(minDestAmountUnit);
+      minMaxDetail = {
+        title: "Minimum Received",
+        value: `${formattedMinDestAmount} ${destToken.symbol}`
+      };
+    }
+    const formatedSrcAmount = toDecimalTrimmed(srcAmountUnit);
+    const formatedDestAmount = toDecimalTrimmed(destAmountUnit);
+    t1 = [{
+      title: "Quote",
+      value: `${is100Percent ? "100% " : ""} ${quote}`
+    }, {
+      title: "You Pay",
+      value: `${formatedSrcAmount} ${srcToken.symbol}`
+    }, {
+      title: "You Receive",
+      value: `${formatedDestAmount} ${destToken.symbol}`
+    }, minMaxDetail, {
+      title: "Exp. Slippage",
+      value: `${resolvedSlippage}%`
+    }, {
+      title: "Network Fees",
+      value: `$${gasCostUSD}`
+    }, savedAmountUSD && {
+      title: "You Save",
+      value: `🎉 ${formatFiatPrice(savedAmountUSD)}`
+    }].filter(isTruthy);
+    $[0] = destAmount;
+    $[1] = destToken.decimals;
+    $[2] = destToken.symbol;
+    $[3] = gasCostUSD;
+    $[4] = is100Percent;
+    $[5] = price;
+    $[6] = quote;
+    $[7] = resolvedSlippage;
+    $[8] = savedAmountUSD;
+    $[9] = srcAmount;
+    $[10] = srcToken.decimals;
+    $[11] = srcToken.symbol;
+    $[12] = t1;
+  } else {
+    t1 = $[12];
+  }
+  const details = t1;
+  let t2;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(InfoIcon, { size: 16, className: "text-contrast-6 dark:text-contrast-5 cursor-pointer" }) });
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  let t3;
+  if ($[14] !== details) {
+    t3 = /* @__PURE__ */ jsxs(Tooltip, { children: [
+      t2,
+      /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx(DetailWithValueList, { details, classes: detailsClasses }) })
+    ] });
+    $[14] = details;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  return t3;
+};
+const renamedDexes = {
+  paraswaplimitorders: VeloraDex,
+  uniswapforkoptimized: VeloraDex
 };
-function F(e) {
-	e.currentTarget.src = d;
+function onDexImageError(e) {
+  e.currentTarget.src = unknownDexSVGUrl;
 }
-var I = (e) => {
-	let t = T(2), n;
-	return t[0] === e ? n = t[1] : (n = /* @__PURE__ */ E("img", {
-		...e,
-		className: "w-4 h-4 rounded-[50%]"
-	}), t[0] = e, t[1] = n), n;
-}, L = (e) => {
-	let t = T(5), { exchange: n } = e, r = n.toLowerCase(), i = z[r];
-	if (i) {
-		let e;
-		return t[0] === i ? e = t[1] : (e = /* @__PURE__ */ E(i, {}), t[0] = i, t[1] = e), e;
-	}
-	let a = A[r];
-	if (a) {
-		let e;
-		return t[2] === a ? e = t[3] : (e = /* @__PURE__ */ E(I, {
-			src: a,
-			onError: F
-		}), t[2] = a, t[3] = e), e;
-	}
-	let o;
-	return t[4] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ E(I, { src: d }), t[4] = o) : o = t[4], o;
-}, R = () => {
-	let e = T(2), { theme: n } = t(), r = n === "dark" ? p : f, i;
-	return e[0] === r ? i = e[1] : (i = /* @__PURE__ */ E(I, { src: r }), e[0] = r, e[1] = i), i;
-}, z = {
-	velora: R,
-	paraswaplimitorders: R,
-	augustusrfq: R,
-	uniswap: () => /* @__PURE__ */ E(I, { src: m }),
-	quickswap: () => /* @__PURE__ */ E(I, { src: x }),
-	hashflow: () => /* @__PURE__ */ E(I, { src: g }),
-	biswap: () => /* @__PURE__ */ E(I, { src: _ }),
-	cheeseswap: () => /* @__PURE__ */ E(I, { src: v }),
-	shibaswap: () => /* @__PURE__ */ E(I, { src: b }),
-	complusswap: () => /* @__PURE__ */ E(I, { src: y })
+const DexIcon = (props) => {
+  const $ = distExports.c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /* @__PURE__ */ jsx("img", { ...props, className: "w-4 h-4 rounded-[50%]" });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+const DexIconComp = (t0) => {
+  const $ = distExports.c(5);
+  const {
+    exchange
+  } = t0;
+  const loweredExchange = exchange.toLowerCase();
+  const IconComp = iconComponents[loweredExchange];
+  if (IconComp) {
+    let t12;
+    if ($[0] !== IconComp) {
+      t12 = /* @__PURE__ */ jsx(IconComp, {});
+      $[0] = IconComp;
+      $[1] = t12;
+    } else {
+      t12 = $[1];
+    }
+    return t12;
+  }
+  const iconUrl = dexIconUrlsMap[loweredExchange];
+  if (iconUrl) {
+    let t12;
+    if ($[2] !== iconUrl) {
+      t12 = /* @__PURE__ */ jsx(DexIcon, { src: iconUrl, onError: onDexImageError });
+      $[2] = iconUrl;
+      $[3] = t12;
+    } else {
+      t12 = $[3];
+    }
+    return t12;
+  }
+  let t1;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsx(DexIcon, { src: unknownDexSVGUrl });
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  return t1;
+};
+const VeloraIcon = () => {
+  const $ = distExports.c(2);
+  const {
+    theme
+  } = useWidgetConfig();
+  const iconUrl = theme === "dark" ? VeloraDarkSVGUrl : VeloraLightSVGUrl;
+  let t0;
+  if ($[0] !== iconUrl) {
+    t0 = /* @__PURE__ */ jsx(DexIcon, { src: iconUrl });
+    $[0] = iconUrl;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
+};
+const iconComponents = {
+  velora: VeloraIcon,
+  paraswaplimitorders: VeloraIcon,
+  augustusrfq: VeloraIcon,
+  // Uniswap icon from origin looks bad in dark mode
+  uniswap: () => /* @__PURE__ */ jsx(DexIcon, { src: UniswapSVGUrl }),
+  // Quickswap blocks hotlinking (so no <img src="quickswap/..."/>)
+  quickswap: () => /* @__PURE__ */ jsx(DexIcon, { src: QuickswapPNGUrl }),
+  hashflow: () => /* @__PURE__ */ jsx(DexIcon, { src: HashflowPNGUrl }),
+  biswap: () => /* @__PURE__ */ jsx(DexIcon, { src: BiswapPNGUrl }),
+  cheeseswap: () => /* @__PURE__ */ jsx(DexIcon, { src: CheeseswapPNGUrl }),
+  shibaswap: () => /* @__PURE__ */ jsx(DexIcon, { src: ShibaswapPNGUrl }),
+  complusswap: () => /* @__PURE__ */ jsx(DexIcon, { src: ComplusswapPNGUrl })
 };
-//#endregion
-export { j as DexItem };
 
-//# sourceMappingURL=DexItem.js.map
+export { DexItem };
+//# sourceMappingURL=DexItem.js.map