md-components-mdigial-azamat 0.0.33 → 0.0.36

package/dist/header-97863d08.js

@@ -0,0 +1,22 @@
+import { TabValues as f, SearchedArrays as i } from "./Header/types.js";
+const u = (e) => e ? Object.entries(e).reduce(
+  (s, [r, n]) => (Array.isArray(n) ? s.arrays[r] = n : s.nonArrays[r] = n, s),
+  {
+    arrays: {},
+    nonArrays: {}
+  }
+) : { arrays: {}, nonArrays: {} }, a = (e) => e != null && e.nonArrays ? Object.entries(e.nonArrays).map(([s, r], n) => ({
+  id: n + 1,
+  title: f[s],
+  count: r
+})) : [], b = (e, s, r, n) => r != null && r.arrays ? s === e ? Object.values(r.arrays).flat() : r.arrays[Object.keys(i).find(
+  (y) => {
+    var t;
+    return i[y] === ((t = n.find((o) => o.id === s)) == null ? void 0 : t.title);
+  }
+)] || [] : [];
+export {
+  b as a,
+  u as f,
+  a as g
+};

package/dist/{index-60dfa873.js → index-2265d593.js}

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as r } from "./cn-d8c04b28.js";
+import { c as r } from "./cn-6a4bf187.js";
 const u = ({
   className: t = "",
   src: l = "/",

package/dist/index-3a534581.js

@@ -0,0 +1,261 @@
+import { jsx as l, jsxs as _ } from "react/jsx-runtime";
+import { useRef as h, useEffect as $, useMemo as P, useState as I } from "react";
+import { S as M, C as W } from "./search-dd4eb6f8.js";
+import { HtmlContent as Y } from "./HtmlContent/HtmlContent.js";
+import { a as q } from "./languages-list-8419e560.js";
+import { u as z } from "./useClickOutside-197b0df2.js";
+import { I as G } from "./index-2265d593.js";
+import { f as B, g as K, a as Q } from "./header-97863d08.js";
+import { TabsOutlined as V } from "./Header/components/TabsOutlined/TabsOutlined.js";
+function J(o, e, t, p) {
+  var i = this, s = h(null), f = h(0), b = h(0), a = h(null), m = h([]), w = h(), x = h(), E = h(o), g = h(!0);
+  E.current = o;
+  var d = typeof window < "u", r = !e && e !== 0 && d;
+  if (typeof o != "function")
+    throw new TypeError("Expected a function");
+  e = +e || 0;
+  var u = !!(t = t || {}).leading, R = !("trailing" in t) || !!t.trailing, v = "maxWait" in t, C = "debounceOnServer" in t && !!t.debounceOnServer, N = v ? Math.max(+t.maxWait || 0, e) : null;
+  $(function() {
+    return g.current = !0, function() {
+      g.current = !1;
+    };
+  }, []);
+  var O = P(function() {
+    var F = function(n) {
+      var c = m.current, A = w.current;
+      return m.current = w.current = null, f.current = n, b.current = b.current || n, x.current = E.current.apply(A, c);
+    }, T = function(n, c) {
+      r && cancelAnimationFrame(a.current), a.current = r ? requestAnimationFrame(n) : setTimeout(n, c);
+    }, k = function(n) {
+      if (!g.current)
+        return !1;
+      var c = n - s.current;
+      return !s.current || c >= e || c < 0 || v && n - f.current >= N;
+    }, H = function(n) {
+      return a.current = null, R && m.current ? F(n) : (m.current = w.current = null, x.current);
+    }, S = function n() {
+      var c = Date.now();
+      if (u && b.current === f.current && U(), k(c))
+        return H(c);
+      if (g.current) {
+        var A = e - (c - s.current), D = v ? Math.min(A, N - (c - f.current)) : A;
+        T(n, D);
+      }
+    }, U = function() {
+      p && p({});
+    }, y = function() {
+      if (d || C) {
+        var n = Date.now(), c = k(n);
+        if (m.current = [].slice.call(arguments), w.current = i, s.current = n, c) {
+          if (!a.current && g.current)
+            return f.current = s.current, T(S, e), u ? F(s.current) : x.current;
+          if (v)
+            return T(S, e), F(s.current);
+        }
+        return a.current || T(S, e), x.current;
+      }
+    };
+    return y.cancel = function() {
+      var n = a.current;
+      n && (r ? cancelAnimationFrame(a.current) : clearTimeout(a.current)), f.current = 0, m.current = s.current = w.current = a.current = null, n && p && p({});
+    }, y.isPending = function() {
+      return !!a.current;
+    }, y.flush = function() {
+      return a.current ? H(Date.now()) : x.current;
+    }, y;
+  }, [u, v, e, N, R, r, d, C, p]);
+  return O;
+}
+const X = {}.VITE_API_URL || "https://mbank.kg/api/", Z = "app_language", L = () => localStorage.getItem(Z) || q.RU, j = async (o, e = {}) => {
+  const t = L(), p = `${X}${o}`;
+  try {
+    const i = await fetch(p, {
+      ...e,
+      headers: {
+        "Accept-Language": t,
+        "Content-Type": "application/json",
+        ...e.headers
+      }
+    });
+    if (!i.ok) {
+      if (e.method === "GET" || !e.method)
+        return { data: null };
+      throw new Error(`HTTP error! status: ${i.status}`);
+    }
+    return { data: await i.json() };
+  } catch (i) {
+    if (e.method === "GET" || !e.method)
+      return { data: null };
+    throw i;
+  }
+}, ee = {
+  getHeaderSections(o, e) {
+    const t = `v2/header/?page_type=${e || ""}`;
+    return j(t, {
+      method: "GET",
+      headers: {
+        "Accept-Language": o || L()
+      }
+    });
+  },
+  searchHeader(o, e) {
+    const t = `v2/search/?search=${encodeURIComponent(o)}`;
+    return j(t, {
+      method: "GET",
+      headers: {
+        "Accept-Language": e || L()
+      }
+    });
+  }
+}, re = 8, de = ({ closeSearch: o, onClick: e }) => {
+  const [t, p] = I(8), [i, s] = I(!1), { ref: f } = z(i, () => {
+    s(!1);
+  }), [b, a] = I(), m = J(async (r) => {
+    if (r.trim() !== "")
+      try {
+        const { data: u } = await ee.searchHeader(r);
+        a(u), s(!0);
+      } catch {
+        console.log("No results found");
+      }
+  }, 500), w = (r) => {
+    const u = r.target.value;
+    m(u);
+  }, x = b ? B(b) : { arrays: {}, nonArrays: {} }, g = [...K(x)].sort(
+    (r, u) => r.title === "common_words.all" ? -1 : u.title === "common_words.all" ? 1 : 0
+  ), d = Q(
+    re,
+    t,
+    x,
+    g
+  );
+  return /* @__PURE__ */ l("div", { className: "w-full max-w-[1200px] mx-auto", children: /* @__PURE__ */ _("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ _("div", { className: "flex items-center gap-2 relative", children: [
+      /* @__PURE__ */ l(
+        "input",
+        {
+          className: `
+            w-full h-[52px] rounded-2xl bg-[#F4F6F7]
+            pl-[44px] pr-[170px] py-[4px] text-[16px] leading-[24px]
+            text-[#0E0F11] transition-all outline-none border-0
+            placeholder:text-[#768793]
+          `,
+          type: "text",
+          placeholder: "Поиск...",
+          onChange: w
+        }
+      ),
+      /* @__PURE__ */ l(
+        "span",
+        {
+          className: `
+            absolute left-[5px] top-1/2 -translate-y-1/2
+            w-9 h-9 flex items-center justify-center cursor-pointer p-[7px]
+          `,
+          children: /* @__PURE__ */ l(
+            G,
+            {
+              src: M,
+              alt: "search icon",
+              width: 18,
+              height: 18
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          className: `
+            w-9 h-9 flex items-center justify-center cursor-pointer
+            bg-[#EAEFF0] rounded-full p-[10px] border-none
+          `,
+          onClick: o,
+          children: /* @__PURE__ */ l(
+            G,
+            {
+              src: W,
+              alt: "close icon",
+              width: 16,
+              height: 16
+            }
+          )
+        }
+      )
+    ] }),
+    i && (d != null && d.length ? /* @__PURE__ */ _(
+      "div",
+      {
+        ref: f,
+        className: `
+              flex flex-col gap-3 absolute top-[70px] left-0 w-full max-h-[400px]
+              p-[12px_20px_20px_20px] rounded-[20px] bg-white z-[1000]
+              shadow-[0_4px_25px_rgba(0,0,0,0.05)]
+              animate-fadeInDropdown
+            `,
+        children: [
+          /* @__PURE__ */ l(
+            V,
+            {
+              onClick: (r) => p(r),
+              activeTab: t,
+              navigation: g
+            }
+          ),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: `
+                flex flex-col gap-2 overflow-y-auto
+                scrollbar-thin scrollbar-thumb-black/40 scrollbar-track-transparent
+              `,
+              children: d == null ? void 0 : d.map((r, u) => /* @__PURE__ */ _(
+                "a",
+                {
+                  href: (r == null ? void 0 : r.link) || "#",
+                  className: `
+                    flex flex-col gap-[2px] p-[8px_12px]
+                    hover:bg-[#F4F6F7] rounded-[12px]
+                  `,
+                  onClick: e,
+                  children: [
+                    /* @__PURE__ */ l("span", { className: "text-[#0E0F11] text-[16px] font-medium leading-[24px]", children: r == null ? void 0 : r.title }),
+                    /* @__PURE__ */ l(
+                      Y,
+                      {
+                        className: `
+                      text-[#768793] text-[14px] leading-[20px]
+                      font-[tabular-nums] overflow-hidden
+                    `,
+                        data: (r == null ? void 0 : r.body) ?? ""
+                      }
+                    )
+                  ]
+                },
+                u
+              ))
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ l(
+      "div",
+      {
+        ref: f,
+        className: `
+              absolute top-[70px] left-0 w-full
+              p-[20px] rounded-[20px] bg-white shadow
+              text-[16px] font-medium
+            `,
+        children: "Ничего не найдено"
+      }
+    ))
+  ] }) });
+};
+export {
+  de as H,
+  re as T,
+  ee as a,
+  J as c
+};