@0xbot/chat-react 1.0.8 → 1.0.10

package/dist/id-B63SRnJH.mjs

@@ -0,0 +1,16 @@
+import { m as c } from "./core-BncCIRvy.mjs";
+const v = c`<svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="28"
+ height="28"
+ viewBox="0 0 28 28"
+ fill="none">
+  <path
+    fill="#949E9E"
+    fill-rule="evenodd"
+    d="M7.974 2.975h12.052c1.248 0 2.296 0 3.143.092.89.096 1.723.307 2.461.844a4.9 4.9 0 0 1 1.084 1.084c.537.738.748 1.57.844 2.461.092.847.092 1.895.092 3.143v6.802c0 1.248 0 2.296-.092 3.143-.096.89-.307 1.723-.844 2.461a4.9 4.9 0 0 1-1.084 1.084c-.738.537-1.57.748-2.461.844-.847.092-1.895.092-3.143.092H7.974c-1.247 0-2.296 0-3.143-.092-.89-.096-1.723-.307-2.461-.844a4.901 4.901 0 0 1-1.084-1.084c-.537-.738-.748-1.571-.844-2.461C.35 19.697.35 18.649.35 17.4v-6.802c0-1.248 0-2.296.092-3.143.096-.89.307-1.723.844-2.461A4.9 4.9 0 0 1 2.37 3.91c.738-.537 1.571-.748 2.461-.844.847-.092 1.895-.092 3.143-.092ZM5.133 5.85c-.652.071-.936.194-1.117.326a2.1 2.1 0 0 0-.465.465c-.132.181-.255.465-.325 1.117-.074.678-.076 1.573-.076 2.917v6.65c0 1.344.002 2.239.076 2.917.07.652.193.936.325 1.117a2.1 2.1 0 0 0 .465.465c.181.132.465.255 1.117.326.678.073 1.574.075 2.917.075h11.9c1.344 0 2.239-.002 2.917-.075.652-.071.936-.194 1.117-.326.179-.13.335-.286.465-.465.132-.181.255-.465.326-1.117.073-.678.075-1.573.075-2.917v-6.65c0-1.344-.002-2.239-.075-2.917-.071-.652-.194-.936-.326-1.117a2.1 2.1 0 0 0-.465-.465c-.181-.132-.465-.255-1.117-.326-.678-.073-1.573-.075-2.917-.075H8.05c-1.343 0-2.239.002-2.917.075Zm.467 7.275a3.15 3.15 0 1 1 6.3 0 3.15 3.15 0 0 1-6.3 0Zm8.75-1.75a1.4 1.4 0 0 1 1.4-1.4h3.5a1.4 1.4 0 0 1 0 2.8h-3.5a1.4 1.4 0 0 1-1.4-1.4Zm0 5.25a1.4 1.4 0 0 1 1.4-1.4H21a1.4 1.4 0 1 1 0 2.8h-5.25a1.4 1.4 0 0 1-1.4-1.4Z"
+    clip-rule="evenodd"/>
+</svg>`;
+export {
+  v as idSvg
+};

package/dist/image-BFYG_I7p.mjs

@@ -0,0 +1,8 @@
+import { m as C } from "./core-BncCIRvy.mjs";
+const l = C`<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+  <path d="M4.98926 3.73932C4.2989 3.73932 3.73926 4.29896 3.73926 4.98932C3.73926 5.67968 4.2989 6.23932 4.98926 6.23932C5.67962 6.23932 6.23926 5.67968 6.23926 4.98932C6.23926 4.29896 5.67962 3.73932 4.98926 3.73932Z" fill="currentColor"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.60497 0.500001H6.39504C5.41068 0.499977 4.59185 0.499958 3.93178 0.571471C3.24075 0.64634 2.60613 0.809093 2.04581 1.21619C1.72745 1.44749 1.44749 1.72745 1.21619 2.04581C0.809093 2.60613 0.64634 3.24075 0.571471 3.93178C0.499958 4.59185 0.499977 5.41065 0.500001 6.39501V7.57815C0.499998 8.37476 0.499995 9.05726 0.534869 9.62725C0.570123 10.2034 0.644114 10.7419 0.828442 11.2302C0.925651 11.4877 1.05235 11.7287 1.21619 11.9542C1.44749 12.2726 1.72745 12.5525 2.04581 12.7838C2.60613 13.1909 3.24075 13.3537 3.93178 13.4285C4.59185 13.5001 5.41066 13.5 6.39503 13.5H7.60496C8.58933 13.5 9.40815 13.5001 10.0682 13.4285C10.7593 13.3537 11.3939 13.1909 11.9542 12.7838C12.2726 12.5525 12.5525 12.2726 12.7838 11.9542C13.1909 11.3939 13.3537 10.7593 13.4285 10.0682C13.5 9.40816 13.5 8.58935 13.5 7.60497V6.39505C13.5 5.41068 13.5 4.59185 13.4285 3.93178C13.3537 3.24075 13.1909 2.60613 12.7838 2.04581C12.5525 1.72745 12.2726 1.44749 11.9542 1.21619C11.3939 0.809093 10.7593 0.64634 10.0682 0.571471C9.40816 0.499958 8.58933 0.499977 7.60497 0.500001ZM3.22138 2.83422C3.38394 2.71612 3.62634 2.61627 4.14721 2.55984C4.68679 2.50138 5.39655 2.5 6.45 2.5H7.55C8.60345 2.5 9.31322 2.50138 9.8528 2.55984C10.3737 2.61627 10.6161 2.71612 10.7786 2.83422C10.9272 2.94216 11.0578 3.07281 11.1658 3.22138C11.2839 3.38394 11.3837 3.62634 11.4402 4.14721C11.4986 4.68679 11.5 5.39655 11.5 6.45V6.49703C10.9674 6.11617 10.386 5.84936 9.74213 5.81948C8.40536 5.75745 7.3556 6.73051 6.40509 7.84229C6.33236 7.92737 6.27406 7.98735 6.22971 8.02911L6.1919 8.00514L6.17483 7.99427C6.09523 7.94353 5.98115 7.87083 5.85596 7.80302C5.56887 7.64752 5.18012 7.4921 4.68105 7.4921C4.66697 7.4921 4.6529 7.49239 4.63884 7.49299C3.79163 7.52878 3.09922 8.1106 2.62901 8.55472C2.58751 8.59392 2.54594 8.6339 2.50435 8.6745C2.50011 8.34653 2.5 7.97569 2.5 7.55V6.45C2.5 5.39655 2.50138 4.68679 2.55984 4.14721C2.61627 3.62634 2.71612 3.38394 2.83422 3.22138C2.94216 3.07281 3.07281 2.94216 3.22138 2.83422ZM10.3703 8.14825C10.6798 8.37526 11.043 8.71839 11.4832 9.20889C11.4744 9.44992 11.4608 9.662 11.4402 9.8528C11.3837 10.3737 11.2839 10.6161 11.1658 10.7786C11.0578 10.9272 10.9272 11.0578 10.7786 11.1658C10.6161 11.2839 10.3737 11.3837 9.8528 11.4402C9.31322 11.4986 8.60345 11.5 7.55 11.5H6.45C5.39655 11.5 4.68679 11.4986 4.14721 11.4402C3.62634 11.3837 3.38394 11.2839 3.22138 11.1658C3.15484 11.1174 3.0919 11.0645 3.03298 11.0075C3.10126 10.9356 3.16806 10.8649 3.23317 10.7959L3.29772 10.7276C3.55763 10.4525 3.78639 10.2126 4.00232 10.0087C4.22016 9.80294 4.39412 9.66364 4.53524 9.57742C4.63352 9.51738 4.69022 9.49897 4.71275 9.49345C4.76387 9.49804 4.81803 9.51537 4.90343 9.56162C4.96409 9.59447 5.02355 9.63225 5.11802 9.69238L5.12363 9.69595C5.20522 9.74789 5.32771 9.82587 5.46078 9.89278C5.76529 10.0459 6.21427 10.186 6.74977 10.0158C7.21485 9.86796 7.59367 9.52979 7.92525 9.14195C8.91377 7.98571 9.38267 7.80495 9.64941 7.81733C9.7858 7.82366 10.0101 7.884 10.3703 8.14825Z" fill="currentColor"/>
+</svg>`;
+export {
+  l as imageSvg
+};

package/dist/index-Cm7qS4de-ByNXzPPy.mjs

@@ -0,0 +1,188 @@
+import { o as gt, n as wt, i as T, T as st, S as Ht, L as ht, R as jt, C as Bt, j as mt, k as ct, l as Xt, t as pt } from "./helper-DvTqUYSd-DjCOVcV8.mjs";
+import { c as n, B as r, U as kt, V as Ct, F as Ft, l as Mt, h as E } from "./index-DId52aLZ.mjs";
+import { useMemo as V, useRef as Tt } from "react";
+import "react-dom";
+import "axios";
+const Wt = wt.div`
+  height: 100%;
+  position: relative;
+`, Rt = wt.div`
+  text-align: center;
+  margin-top: 17.1px;
+  margin-bottom: 88.41px;
+  color: #606066;
+  font-size: 12px;
+  line-height: 17px;
+  font-weight: 400;
+`, ft = 36;
+function it({ maxHeight: l, gridAreaHeight: A, value: H }) {
+  const w = new r(A).minus(ft), j = w.div(l);
+  return w.minus(H.multipliedBy(j)).plus(ft).toNumber();
+}
+function xt({ targetPrice: l, areaPoints: A, isLeft: H }) {
+  for (let w = 0; w < A.length; w++) {
+    const j = A[w], J = w < A.length - 1 ? A[w + 1] : null;
+    if (!J) return { targetAreaStatPoint: j, targetAreaStatPoints: A };
+    if (H) {
+      if (l.lte(j.middlePrice) && l.gte(J.middlePrice)) return { targetAreaStatPoint: j, targetAreaStatPoints: A.slice(0, w + 1) };
+    } else if (l.gte(j.middlePrice) && l.lte(J.middlePrice)) return { targetAreaStatPoint: j, targetAreaStatPoints: A.slice(0, w + 1) };
+  }
+  return { targetAreaStatPoint: null, targetAreaStatPoints: [] };
+}
+function Lt({ x: l, width: A, minXLN10: H, maxXLN10: w }) {
+  const j = new r(l).div(A).multipliedBy(w.minus(H)).plus(H);
+  return new r(10 ** j.toNumber());
+}
+function nt({ width: l, targetLN10: A, minXLN10: H, maxXLN10: w }) {
+  return A.minus(H).div(w.minus(H)).multipliedBy(l).toNumber();
+}
+function rt({ target: l }) {
+  return new r(Math.log10(l.toNumber()));
+}
+const At = "rgba(38, 39, 41, 0.3)";
+function Jt({ width: l, height: A, params: H, baseTokenSymbol: w, quoteTokenSymbol: j, colorMap: J }) {
+  const { maxLeftHeight: O, maxRightHeight: Y, leftStatAreaPoints: I, rightStatAreaPoints: dt, minXLN10: $, maxXLN10: U } = function({ params: a }) {
+    return V(() => {
+      const m = new r(a.b), o = new r(a.q);
+      let u = new r(a.b0);
+      const P = new r(a.q0), c = new r(a.i), x = new r(a.k), { R: d } = a;
+      d === 1 && u.eq(m) && (u = kt(m, o.minus(P), new r(1).div(c), x));
+      const g = new Ct({ i: c, K: x, B: m, Q: o, B0: u, Q0: P, R: d, mtFeeRate: new r(0), lpFeeRate: new r(0) }), e = new Ft(), t = new r(g.B), i = [], s = [];
+      let X = new r(0), L = new r(0);
+      const C = e.GetMidPrice(g), M = o.gt(0) ? m.div(o) : new r(1);
+      for (let h = 0; h <= 250; h++) {
+        let y = t.multipliedBy(h / 100).multipliedBy(C.multipliedBy(M).multipliedBy(4));
+        h === 0 && (y = t.multipliedBy(1e-11));
+        const S = e == null ? void 0 : e.QuerySellBase(y, g);
+        if (S.isNaN() || !S.gt(0)) i.push({ giveAmount: y, getAmount: new r(0), price: new r(0) });
+        else {
+          const k = S.div(y);
+          i.push({ giveAmount: y, getAmount: S, price: k });
+        }
+      }
+      for (let h = 0; h <= 250; h++) {
+        let y = t.multipliedBy(h / 100).multipliedBy(C.multipliedBy(4));
+        h === 0 && (y = t.multipliedBy(1e-11));
+        const S = e == null ? void 0 : e.QuerySellQuote(y, g);
+        if (S.isNaN() || !S.gt(0)) s.push({ giveAmount: y, getAmount: new r(0), price: new r(0) });
+        else {
+          const k = y.dividedBy(S);
+          s.push({ giveAmount: y, getAmount: S, price: k });
+        }
+      }
+      if (i.length < 2 && s.length < 2) return { leftStatAreaPoints: [], rightStatAreaPoints: [], maxLeftHeight: new r(10).multipliedBy(1.2), maxRightHeight: new r(10).multipliedBy(1.2), middlePriceLN10: new r(0), minXLN10: new r(-1), maxXLN10: new r(1) };
+      const F = [];
+      for (let h = 1; h < i.length; h++) {
+        const y = i[h], { giveAmount: S, getAmount: k, price: N } = y, R = i[h - 1];
+        if (!N.isNaN() && N.gt(0) && R) {
+          const tt = N.minus(R.price).abs(), at = S.minus(R.giveAmount).abs(), Q = k.minus(R.getAmount).abs().multipliedBy(at);
+          h === 1 && F.push({ area: k, price: N, middlePrice: N.plus(tt.div(1.1)), rectangleHeight: Q.plus(Q.multipliedBy(0.03)) }), F.push({ area: k, price: N, middlePrice: N.plus(tt.div(2)), rectangleHeight: Q }), X = r.max(Q, X);
+        }
+      }
+      const p = [];
+      for (let h = 1; h < s.length; h++) {
+        const y = s[h], { giveAmount: S, getAmount: k, price: N } = y, R = s[h - 1], tt = R.price, at = R.giveAmount, Q = R.getAmount;
+        if (!N.isNaN() && N.gt(0) && R) {
+          const ut = N.minus(tt).abs(), St = S.minus(at).abs(), et = k.minus(Q).abs().multipliedBy(St);
+          h === 1 && p.push({ area: k, price: N, middlePrice: N.minus(ut.div(1.1)), rectangleHeight: et.plus(et.multipliedBy(0.03)) }), p.push({ area: k, price: N, middlePrice: N.minus(ut.div(2)), rectangleHeight: et }), L = r.max(et, L);
+        }
+      }
+      const f = i.length > 0 ? i[i.length - 1] : s[0], q = s.length > 0 ? s[0] : i[0], W = s.length > 0 ? s[s.length - 1] : i[0], G = f.price, z = W.price, Z = q.price, v = new r(Math.log10(Z.toNumber()));
+      let D = G.gt(0) ? new r(Math.log10(G.toNumber())) : new r(-Math.log10(z.toNumber())), K = z.gt(0) ? new r(Math.log10(z.toNumber())) : new r(-Math.log10(G.toNumber()));
+      const _ = r.max(v.minus(D).abs(), K.minus(v).abs());
+      return D = v.minus(_), K = v.plus(_), { leftStatAreaPoints: F, rightStatAreaPoints: p, maxLeftHeight: X.multipliedBy(1.2), maxRightHeight: L.multipliedBy(1.2), minXLN10: D, maxXLN10: K, middlePriceLN10: v };
+    }, [a]);
+  }({ params: H }), B = A - 30.13, ot = Tt(null), b = Mt.merge({ grid: "#2A2A2D", midPriceLine: "#313335", leftBg: [0, At, 1, "#31645d"], leftLine: "#55f6db", leftColor: "", rightBg: [0, At, 1, "#67303d"], rightLine: "#ff4f73", rightColor: "", tooltipBg: "#121212", tooltipColor: void 0, textColor: "#606066" }, J), lt = (a) => {
+    var m;
+    const { current: o } = ot, u = a.target;
+    if (u && o) {
+      const P = (m = u.getStage()) === null || m === void 0 ? void 0 : m.getPointerPosition();
+      if (P) {
+        const { x: c } = P, x = l / 2;
+        if (Math.abs(c - x) <= 2 || c <= 2 || l - c <= 2) return;
+        const d = Lt({ x: c, width: l, minXLN10: $, maxXLN10: U });
+        let g = null, e = [];
+        const t = c < x;
+        if (t) {
+          const i = xt({ areaPoints: I, targetPrice: d, isLeft: t });
+          g = i.targetAreaStatPoint, e = i.targetAreaStatPoints;
+        } else {
+          const i = xt({ areaPoints: dt, targetPrice: d, isLeft: t });
+          g = i.targetAreaStatPoint, e = i.targetAreaStatPoints;
+        }
+        if (g) {
+          const i = rt({ target: g.middlePrice }), s = nt({ minXLN10: $, maxXLN10: U, width: l, targetLN10: i }), X = it({ maxHeight: t ? O : Y, gridAreaHeight: B, value: g.rectangleHeight }), L = o.findOne("#tooltip"), C = o.findOne("#toolTipVertLine"), M = o.findOne("#joinCircle"), F = o.findOne("#tooltip-Text"), p = o.findOne("#tooltip-tag"), f = o.findOne("#priceTextLabel"), q = f == null ? void 0 : f.findOne("#priceTextLabel-text"), W = o.findOne("#area");
+          L == null || L.position({ x: s, y: X - 5 - 6 }), F == null || F.fill(b.tooltipColor || (t ? "#00FAD9" : "#FF5072")), F == null || F.text(t ? gt("pool.chart.liquidity-chart-buy", { amount: E(g.area), symbol: w, price: E(g.price) }) : gt("pool.chart.liquidity-chart-sell", { amount: E(g.area), symbol: j, price: E(g.price) })), L && p && (L.width() / 2 > c ? (p.pointerDirection("left"), p.pointerHeight(15), p.pointerWidth(8), L.offsetX(-11), L.offsetY(-11)) : L.width() / 2 + c > l ? (p.pointerDirection("right"), p.pointerHeight(15), p.pointerWidth(8), L.offsetX(11), L.offsetY(-11)) : (p.pointerDirection("down"), p.pointerHeight(8), p.pointerWidth(15), L.offsetX(0), L.offsetY(0))), C == null || C.points([s, B, s, X]), C == null || C.stroke(t ? "#55f6db" : "#ff4f73");
+          let G = t ? "rgb(86, 246, 218)" : "#FF5072", z = t ? "rgba(86, 246, 218, 0.3)" : "rgba(255, 80, 114, 0.3)";
+          b.leftLine && b.rightLine && (G = t ? b.leftLine : b.rightLine, z = t ? `rgba(${pt(b.leftLine)}, 0.4)` : `rgba(${pt(b.rightLine)}, 0.4)`), M && (M.x(s), M.y(X), M.fill(G), M.stroke(z)), f && (f.x(s), f.y(B + 8.08 + 1), f.offsetX(f.width() / 2), f.x() - f.width() / 2 < 0 ? f.x(f.width() / 2) : f.x() + f.width() / 2 > l ? f.x(l - f.width() / 2) : f.x(c)), q && (q.fill(b.tooltipColor || (t ? "#00FAD9" : "#FF5072")), q.text(E(g.price)));
+          const Z = [];
+          for (const _ of e) {
+            const { middlePrice: h, rectangleHeight: y } = _, S = rt({ target: h }), k = nt({ minXLN10: $, maxXLN10: U, width: l, targetLN10: S }), N = it({ maxHeight: t ? O : Y, gridAreaHeight: B, value: y });
+            Z.push(k, N + 1);
+          }
+          const v = Z.slice(), [D, K] = v;
+          t ? (v.push(s, X), v.push(s, B), v.push(D, B), v.push(D, K)) : (v.unshift(D, B), v.unshift(s, B), v.unshift(s, X)), W && (W.points(v), W.fill(t ? b.leftLine || "#2c5b56" : b.rightLine || "#7b3a48")), o.show();
+        }
+      }
+    }
+  }, bt = function({ gridAreaHeight: a, gridAreaWidth: m, horizontalLineCount: o, verticalLineCount: u, color: P = "#2A2A2D" }) {
+    return V(() => {
+      const c = [], x = a / (o + 1), d = [], g = m / (u + 1);
+      for (let e = 0; e < o; e++) {
+        const t = x * (e + 1);
+        c.push([0, t, m, t]);
+      }
+      for (let e = 0; e < u; e++) {
+        const t = g * (e + 1);
+        d.push([t, 0, t, a]);
+      }
+      return n.jsxs(n.Fragment, { children: [c.map((e, t) => n.jsx(T, { points: e, stroke: P, strokeWidth: 1, lineCap: "round", lineJoin: "round", tension: 1, listening: !1 }, t)), d.map((e, t) => n.jsx(T, { points: e, stroke: P, strokeWidth: 1, lineCap: "round", lineJoin: "round", tension: 1, listening: !1 }, t))] });
+    }, [a, m, o, u, P]);
+  }({ gridAreaHeight: B, gridAreaWidth: l, horizontalLineCount: 9, verticalLineCount: 7, color: b.grid }), yt = function({ minXLN10: a, maxXLN10: m, labelCount: o, gridAreaHeight: u, gridAreaWidth: P, color: c = "#606066" }) {
+    return V(() => {
+      const x = P / (o + 1), d = [], g = [];
+      for (let e = 0; e < o; e++) {
+        const t = x / 2 + x * e;
+        d.push({ x: t, y: u + 10.08 + 1, text: E(Lt({ x: x * (e + 1), width: P, minXLN10: a, maxXLN10: m })) });
+        const i = x * (e + 1);
+        g.push([i, u + 1, i, u + 4 + 1]);
+      }
+      return n.jsxs(n.Fragment, { children: [d.map((e, t) => n.jsx(st, { x: e.x, y: e.y, text: e.text, fontSize: 14, fontFamily: "Manrope", fill: c, width: x, padding: 0, align: "center", verticalAlign: "bottom", listening: !1 }, t)), g.map((e, t) => n.jsx(T, { points: e, stroke: c, strokeWidth: 1, lineCap: "butt", lineJoin: "miter", tension: 1, listening: !1 }, t))] });
+    }, [a, m, u, P, o]);
+  }({ gridAreaHeight: B, gridAreaWidth: l, labelCount: 7, minXLN10: $, maxXLN10: U, color: b.textColor }), Nt = function({ gridAreaHeight: a, gridAreaWidth: m, color: o = "#606066" }) {
+    return V(() => {
+      const u = m / 2;
+      return n.jsx(T, { points: [u, 0, u, a - 1], stroke: o, strokeWidth: 1, lineCap: "round", lineJoin: "round", tension: 1, listening: !1 });
+    }, [a, m, o]);
+  }({ gridAreaHeight: B, gridAreaWidth: l, color: b.midPriceLine }), { leftLine: Pt, rightLine: vt } = function({ leftStatAreaPoints: a, rightStatAreaPoints: m, minXLN10: o, maxXLN10: u, maxLeftHeight: P, maxRightHeight: c, gridAreaWidth: x, gridAreaHeight: d, colorMap: g }) {
+    return { leftLine: V(() => {
+      if (a.length < 1) return n.jsx(n.Fragment, {});
+      const e = [];
+      let t = d;
+      for (const M of a) {
+        const { middlePrice: F, rectangleHeight: p } = M, f = rt({ target: F }), q = nt({ minXLN10: o, maxXLN10: u, width: x, targetLN10: f }), W = it({ maxHeight: P, gridAreaHeight: d, value: p });
+        e.push(q, W), W < t && (t = W);
+      }
+      const i = e.slice(), [s, X] = i, L = i[i.length - 1], C = i[i.length - 2];
+      return i.push(C, L), i.push(C, d), i.push(s, d), i.push(s, X), n.jsxs(n.Fragment, { children: [n.jsx(T, { points: i, closed: !0, listening: !1, lineCap: "round", lineJoin: "round", fillLinearGradientStartPoint: { x: 0, y: d }, fillLinearGradientEndPoint: { x: 0, y: t }, fillLinearGradientColorStops: g.leftBg }), n.jsx(T, { points: e, stroke: g.leftLine, strokeWidth: 2, lineCap: "round", lineJoin: "round", listening: !1 })] });
+    }, [a, x, o, u, d, P]), rightLine: V(() => {
+      if (m.length < 1) return n.jsx(n.Fragment, {});
+      const e = [];
+      let t = d;
+      for (const X of m) {
+        const { middlePrice: L, rectangleHeight: C } = X, M = rt({ target: L }), F = nt({ minXLN10: o, maxXLN10: u, width: x, targetLN10: M }), p = it({ maxHeight: c, gridAreaHeight: d, value: C });
+        e.push(F, p), p < t && (t = p);
+      }
+      const i = e.slice(), [s] = i;
+      return i.unshift(s, d), i.unshift(x, d), n.jsxs(n.Fragment, { children: [n.jsx(T, { points: i, closed: !0, listening: !1, lineCap: "round", lineJoin: "round", fillLinearGradientStartPoint: { x: 0, y: d }, fillLinearGradientEndPoint: { x: 0, y: t }, fillLinearGradientColorStops: g.rightBg }), n.jsx(T, { points: e, stroke: g.rightLine, strokeWidth: 2, lineCap: "round", lineJoin: "round", listening: !1 })] });
+    }, [m, x, o, u, d, c]) };
+  }({ leftStatAreaPoints: I, rightStatAreaPoints: dt, minXLN10: $, maxXLN10: U, maxLeftHeight: O, maxRightHeight: Y, gridAreaWidth: l, gridAreaHeight: B, colorMap: b });
+  return n.jsxs(Ht, { width: l, height: A, onMouseMove: lt, onMouseOver: lt, onMouseEnter: lt, onMouseOut: () => {
+    const { current: a } = ot;
+    a && a.hide();
+  }, children: [n.jsxs(ht, { children: [n.jsx(jt, { x: 0, y: 0, width: l, height: B, stroke: b.grid, strokeWidth: 1 }), bt, yt, Pt, vt, Nt] }), n.jsxs(ht, { ref: ot, visible: !1, children: [n.jsx(T, { points: [], closed: !0, listening: !1, lineCap: "round", lineJoin: "round", id: "area" }), n.jsx(T, { points: [], strokeWidth: 1, stroke: "#ff4f73", lineJoin: "round", lineCap: "round", dash: [4, 6], id: "toolTipVertLine" }), n.jsx(Bt, { x: 0, y: 0, radius: 5, fill: "#FF5072", stroke: "rgba(255, 80, 114, 0.3)", strokeWidth: 12, id: "joinCircle" }), n.jsxs(mt, { listening: !1, x: 0, y: 0, id: "priceTextLabel", children: [n.jsx(ct, { fill: b.tooltipBg, id: "priceTextLabel-tag" }), n.jsx(st, { text: "-", fontSize: 14, fontFamily: "Manrope", padding: 2, fill: "#FF5072", id: "priceTextLabel-text" })] }), n.jsxs(mt, { listening: !1, id: "tooltip", children: [n.jsx(ct, { fill: b.tooltipBg, pointerDirection: "down", pointerWidth: 15, pointerHeight: 8, cornerRadius: 8, lineJoin: "round", id: "tooltip-tag" }), n.jsx(st, { text: "", fontFamily: "Manrope", fontSize: 12, lineHeight: 17 / 12, padding: Xt, fill: "#FF5072", id: "tooltip-Text" })] })] })] });
+}
+const Qt = ({ width: l = 834, height: A = 462, baseTokenSymbol: H, quoteTokenSymbol: w, pmmModel: j, pmmParams: J, midPrice: O, notShowTipText: Y, colorMap: I }) => n.jsxs(Wt, { children: [J !== void 0 && O !== void 0 && j !== void 0 && O !== void 0 && n.jsx(Jt, { width: l, height: A, params: J, midPrice: O, pmmModel: j, baseTokenSymbol: H, quoteTokenSymbol: w, colorMap: I }), Y ? "" : n.jsxs(Rt, { children: ["* ", gt("pool.chart.liquidity-chart-tip", { baseTokenSymbol: H })] })] });
+export {
+  Qt as default
+};