@cagatayfdn/flora-components 0.0.164 → 0.0.166

package/dist/ErrorLogModal-DJd2j2Qz.js

@@ -0,0 +1,611 @@
+import { j as o } from "./jsx-runtime-BcAkpsdy.js";
+import { useRef as z, useState as E, useEffect as ee } from "react";
+import { c as F } from "./index-BHf7G3IG.js";
+import "./hooks/useAauth.js";
+import le from "./hooks/useNiceModal.js";
+import "./components/Drawer/Provider.js";
+import h from "./components/Icon/index.js";
+import { N as ce } from "./index-H7XbDVmH.js";
+import "./assets/images/500_error_2x.gif";
+import S, { t as A } from "./locales/i18n.js";
+import "./components/Tooltip/Tooltip.js";
+import "./react-toastify.esm-BUWNP7Nm.js";
+import oe from "./utils/date.js";
+import Ne from "./components/Input/Input.js";
+import Ee from "./components/ScrollContainer/ScrollContainer.js";
+import "./components/Charts/index.js";
+import "./components/Checkbox/Checkbox.js";
+import "./components/Confirm/Confirm.js";
+import "./components/Datepicker/Datepicker.js";
+import te from "./components/Divider/Divider.js";
+import "./components/FileUpload/FileUpload.js";
+import de from "./components/Modal/Modal.js";
+import ne from "./components/Grid/Column.js";
+import Se from "./components/Grid/Row.js";
+import Q from "./components/InfoDate/InfoDate.js";
+import { q as Re } from "./index-Bkqwn3Ht.js";
+import { d as J } from "./helper-1SQ9SI45.js";
+import { startFetcher as Be } from "./utils/fetcher.js";
+import "./utils/yup.js";
+import { FloraIcons as R } from "./assets/icons/flora-icons.js";
+import P from "./components/IconBox/IconBox.js";
+import { S as Me } from "./Select-nhp2PiJK.js";
+import $e from "./components/StatusTag/StatusTag.js";
+import "./components/Switch/Switch.js";
+import "./components/Textarea/Textarea.js";
+import "./utils/test.js";
+import { AppearanceButton as se, NotificationAppearanceType as He } from "./enums/appearance.js";
+import re from "./components/Button/Button.js";
+import { Notification as We } from "./components/Notification/Notification.js";
+import './ReactToastify.css';import './ErrorLogModal.css';/* empty css                       */
+import { u as Ge } from "./useTranslation-CnCPcxVj.js";
+import { T as qe } from "./Trans-B4ILpbwK.js";
+const Ae = "_realTimeLogModalStyle_ew0yg_1", Pe = "_modalLeft_ew0yg_30", Fe = "_buttonGroup_ew0yg_37", De = "_iosIcon_ew0yg_48", H = {
+  realTimeLogModalStyle: Ae,
+  modalLeft: Pe,
+  buttonGroup: Fe,
+  iosIcon: De
+}, Ke = "_realTimeLogModalStyle_1f0fd_2", Ue = "_customHeader_1f0fd_10", Ye = "_modalHeader_1f0fd_18", ze = "_modalLeft_1f0fd_38", Je = "_buttonGroup_1f0fd_45", Qe = "_iosIcon_1f0fd_56", Ve = "_modalLoader_1f0fd_86", Xe = "_dash_1f0fd_90", Ze = "_searchWrapper_1f0fd_95", Oe = "_chevronIcons_1f0fd_101", eo = "_logInput_1f0fd_123", oo = "_searchResult_1f0fd_130", to = "_loadingWrap_1f0fd_140", no = "_modalRight_1f0fd_151", so = "_inputsWrapper_1f0fd_155", ro = "_search_1f0fd_95", ao = "_cliCommand_1f0fd_172", lo = "_buttonsWrapper_1f0fd_198", co = "_downloadIconBtn_1f0fd_204", io = "_downloadIconBtn__disabled_1f0fd_228", mo = "_copyIconBtn_1f0fd_238", uo = "_copyIconBtn__disabled_1f0fd_262", po = "_iconGroup_1f0fd_272", fo = "_activeIcon_1f0fd_284", l = {
+  realTimeLogModalStyle: Ke,
+  customHeader: Ue,
+  modalHeader: Ye,
+  modalLeft: ze,
+  buttonGroup: Je,
+  iosIcon: Qe,
+  modalLoader: Ve,
+  dash: Xe,
+  searchWrapper: Ze,
+  chevronIcons: Oe,
+  logInput: eo,
+  searchResult: oo,
+  loadingWrap: to,
+  modalRight: no,
+  inputsWrapper: so,
+  search: ro,
+  cliCommand: ao,
+  buttonsWrapper: lo,
+  downloadIconBtn: co,
+  downloadIconBtn__disabled: io,
+  copyIconBtn: mo,
+  copyIconBtn__disabled: uo,
+  iconGroup: po,
+  activeIcon: fo
+}, at = {
+  status: (d) => ({
+    title: S.t("label.status"),
+    dataIndex: "status",
+    className: "capitalize",
+    render: (i) => /* @__PURE__ */ o.jsx($e, { status: d[i], text: i })
+  }),
+  dateCreated: {
+    title: S.t("label.date_created"),
+    dataIndex: "created_date",
+    render: (d) => /* @__PURE__ */ o.jsx(Q, { date: d })
+  }
+}, lt = {
+  edit: (d, i) => ({
+    title: S.t("label.edit"),
+    dataIndex: d,
+    render: (f, g) => /* @__PURE__ */ o.jsx(P, { icon: R.Edit, onClick: () => i(f, g) })
+  }),
+  delete: (d, i) => ({
+    title: S.t("label.delete"),
+    dataIndex: d,
+    render: (f, g) => /* @__PURE__ */ o.jsx(P, { icon: R.Trash, onClick: () => i(f, g) })
+  }),
+  download: (d, i) => ({
+    title: S.t("label.export"),
+    dataIndex: d,
+    render: (f, g) => /* @__PURE__ */ o.jsx(P, { icon: R.Download, onClick: () => i(f, g) })
+  }),
+  detail: (d, i) => ({
+    title: S.t("label.detail"),
+    dataIndex: d,
+    render: (f, g) => /* @__PURE__ */ o.jsx(P, { icon: R.Link, onClick: () => i(f, g) })
+  })
+}, ae = 200, go = 100, xo = (d) => {
+  const {
+    onClose: i,
+    projectPk: f,
+    interval: g,
+    appPk: B,
+    logTypes: N,
+    logs: W,
+    minLineLimit: k,
+    responseCount: b,
+    lastLogIndex: m = 0,
+    download: ie,
+    onFetchLogs: me,
+    onClearLogs: ue,
+    withoutPermission: pe
+  } = d, j = z(null), [, fe] = le(d.id), [G, ge] = E(!1), [I, xe] = E(), [y, V] = E(""), [x, he] = E(), [M, D] = E(0), C = W || [], K = b === void 0, _e = (e, t, r, n) => {
+    const s = {
+      applications: [t || N[0].value],
+      scroll_mode: e || void 0
+    };
+    console.group("getLogs called with params:"), console.log("direction", e), console.log("selectedApp", t), console.log("onSuccess", r), console.log("onError", n), console.log("body", s), console.groupEnd(), me({ projectPk: f, appPk: B, applications: s.applications, scroll_mode: s.scroll_mode, withoutPermission: pe }).then(
+      (c) => {
+        var a, p, L;
+        if (c && ((L = (p = (a = Object == null ? void 0 : Object.prototype) == null ? void 0 : a.hasOwnProperty) == null ? void 0 : p.call) != null && L.call(p, c, "error"))) {
+          console.log("onError", c, n), n && n();
+          return;
+        }
+        r && r();
+      }
+    );
+  };
+  function Ie(e) {
+    let t = 0;
+    const r = {};
+    return e.forEach((n, s) => {
+      const c = n.message.match(/<mark\b[^>]*>/g);
+      t += c ? c.length : 0, c && (r[s] = c);
+    }), { total: t, filteredLogs: r };
+  }
+  const ve = Be(_e, g * 1e3), X = z(), u = z(ve), we = (e, t, r, n) => {
+    if (!t || t.length < 1)
+      return e;
+    let s = e;
+    if (n.group)
+      if (n.regex) {
+        let a;
+        try {
+          a = new RegExp(
+            t,
+            n.caseSensitive ? "g" : "gi"
+          );
+        } catch {
+          return e;
+        }
+        s = e.filter((p) => a.test(p.message));
+      } else
+        n.caseSensitive ? s = e.filter(
+          (a) => a.message.includes(t)
+        ) : s = e.filter(
+          (a) => a.message.toLocaleLowerCase().includes(t.toLocaleLowerCase())
+        );
+    return s.map((a, p) => ({
+      ...a,
+      message: je(a.message, t, n, p) + `
+`
+    }));
+  }, je = (e, t, r, n) => {
+    if (!t)
+      return e;
+    try {
+      if (r.regex) {
+        let s;
+        const c = t.match(/^\/(.+)\/([gimsuy]*)$/);
+        return c ? s = new RegExp(c[1], c[2]) : s = new RegExp(
+          t,
+          r.caseSensitive ? "g" : "gi"
+        ), e.replace(
+          s,
+          (a) => `<mark data-mark-index="${n}">${a}</mark>`
+        );
+      } else {
+        if (r.caseSensitive)
+          return e.split(t).join(`<mark data-mark-index="${n}">${t}</mark>`);
+        {
+          const s = new RegExp(t, "gi");
+          return e.replace(
+            s,
+            (c) => `<mark data-mark-index="${n}">${c}</mark>`
+          );
+        }
+      }
+    } catch {
+      return e;
+    }
+  }, Le = () => {
+    V("");
+  }, ke = () => {
+    ge(!G);
+  }, be = () => {
+    let e = "";
+    C.forEach((t) => {
+      e += t.message;
+    }), We({
+      type: He.SUCCESS,
+      message: A("text.copied"),
+      closeTime: 3e3
+    }), navigator.clipboard.writeText(e);
+  }, U = (e, t) => {
+    e.currentTarget.classList.toggle(l.activeIcon), he({
+      ...x,
+      [t]: !(x != null && x[t])
+    });
+  }, ye = (e) => {
+    var t, r;
+    xe(e), clearTimeout(X.current), (t = u.current) == null || t.stopInterval(), (r = u.current) == null || r.fetch(void 0, e), J(() => {
+      var n;
+      (n = j.current) == null || n.scrollToIndex({ index: "LAST" });
+    }, 300)();
+  }, Z = (e) => {
+    e.classList.add(l.selectedMark);
+  }, q = (e) => {
+    Array.from(e).forEach(
+      (t) => t.classList.remove(l.selectedMark)
+    );
+  }, Ce = (e, t, r) => {
+    var c;
+    let n = e - 1;
+    n < 1 && (n = t), D(n);
+    let s = 0;
+    for (const a in r) {
+      const p = r[a];
+      if (s + p.length >= n) {
+        const L = n - s - 1;
+        (c = j.current) == null || c.scrollToIndex({ index: Number(a) });
+        const $ = document.querySelector(
+          `[data-index="${Number(a) + 1}"]`
+        );
+        if ($) {
+          const w = $.getElementsByTagName("mark");
+          q(w);
+        }
+        J(() => {
+          const w = document.querySelector(
+            `[data-index="${a}"]`
+          );
+          if (w) {
+            const T = w.getElementsByTagName("mark");
+            T[L] && (q(T), Z(T[L]));
+          }
+        }, 300)();
+        break;
+      } else
+        s += p.length;
+    }
+  }, O = (e, t, r) => {
+    var c;
+    let n = e + 1;
+    n > t && (n = 1), D(n);
+    let s = 0;
+    for (const a in r) {
+      const p = r[a];
+      if (s + p.length >= n) {
+        const L = n - s - 1;
+        (c = j.current) == null || c.scrollToIndex({ index: Number(a) });
+        const $ = document.querySelector(
+          `[data-index="${Number(a) - 1}"]`
+        );
+        if ($) {
+          const w = $.getElementsByTagName("mark");
+          q(w);
+        }
+        J(() => {
+          const w = document.querySelector(
+            `[data-index="${a}"]`
+          );
+          if (w) {
+            const T = w.getElementsByTagName("mark");
+            T[L] && (q(T), Z(T[L]));
+          }
+        }, 300)();
+        break;
+      } else
+        s += p.length;
+    }
+  }, _ = we(C, y, u, {
+    regex: x == null ? void 0 : x.regex,
+    caseSensitive: x == null ? void 0 : x.caseSensitive,
+    group: x == null ? void 0 : x.group
+  }), v = Ie(_), Y = (e) => {
+    e.key === "Enter" && O(
+      M,
+      v.total,
+      v.filteredLogs
+    );
+  }, Te = (e, t) => /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      "data-index": e,
+      dangerouslySetInnerHTML: { __html: t.message }
+    }
+  );
+  return ee(() => {
+    var r;
+    const e = () => {
+      var n;
+      console.log("onSuccessFirstRequest"), (n = u.current) == null || n.startInterval("newer", I);
+    }, t = () => {
+      var n;
+      console.log("onErrorFirstRequest"), (n = u.current) == null || n.startInterval(void 0, I);
+    };
+    return (r = u.current) == null || r.fetch(void 0, I, e, t), () => {
+      clearTimeout(X.current), u.current.stopInterval(), ue();
+    };
+  }, []), ee(() => (window.removeEventListener("keydown", Y), window.addEventListener("keydown", Y), () => {
+    window.removeEventListener("keydown", Y);
+  }), [M, v.total, v.filteredLogs]), /* @__PURE__ */ o.jsx(
+    de,
+    {
+      visible: !0,
+      showClose: !1,
+      onClose: () => {
+      },
+      className: F(l.realTimeLogModalStyle, {
+        "w-[90%]!": !G,
+        "w-full! h-full!": G
+      }),
+      headerClass: l.customHeader,
+      header: /* @__PURE__ */ o.jsxs("div", { className: l.modalHeader, children: [
+        /* @__PURE__ */ o.jsxs("div", { className: l.modalLeft, children: [
+          /* @__PURE__ */ o.jsxs("div", { className: l.buttonGroup, children: [
+            /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: l.iosIcon,
+                onClick: () => {
+                  i && i(), fe();
+                },
+                children: /* @__PURE__ */ o.jsx(h, { name: "close-window" })
+              }
+            ),
+            /* @__PURE__ */ o.jsx("div", { className: l.iosIcon, onClick: ke, children: /* @__PURE__ */ o.jsx(h, { name: "expand-window" }) })
+          ] }),
+          /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(
+            Me,
+            {
+              name: "logTypeSelect",
+              style: { height: 39 },
+              wrapperClassName: l.logSelect,
+              value: I,
+              items: N,
+              searchable: !1,
+              placeholder: `${A("placeholder.selected_log_type")}: ${N[0].label}`,
+              itemPrefix: `${A("placeholder.selected_log_type")}: `,
+              onChange: (e) => {
+                ye(e);
+              }
+            }
+          ) }),
+          /* @__PURE__ */ o.jsxs("div", { className: l.searchWrapper, children: [
+            /* @__PURE__ */ o.jsx(
+              Ne,
+              {
+                name: "logSearch",
+                type: "text",
+                placeholder: A("placeholder.search"),
+                isFormGroup: !1,
+                value: y,
+                className: l.logInput,
+                prefixClickable: !0,
+                suffixClickable: !0,
+                onChange: (e) => {
+                  var t;
+                  V(e.target.value), e.target.value.length > 1 && ((t = u.current) == null || t.stopInterval()), D(0);
+                },
+                prefix: /* @__PURE__ */ o.jsxs("div", { className: l.iconGroup, children: [
+                  /* @__PURE__ */ o.jsx(
+                    h,
+                    {
+                      name: "group",
+                      onClick: (e) => {
+                        U(e, "group");
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ o.jsx(
+                    h,
+                    {
+                      name: "case-sensitive",
+                      onClick: (e) => {
+                        U(e, "caseSensitive");
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ o.jsx(
+                    h,
+                    {
+                      name: "regex",
+                      onClick: (e) => {
+                        U(e, "regex");
+                      }
+                    }
+                  )
+                ] }),
+                suffix: y.length > 0 ? /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(h, { onClick: Le, name: "close" }) }) : /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(h, { name: "search" }) })
+              }
+            ),
+            /* @__PURE__ */ o.jsxs("div", { className: l.searchResult, children: [
+              y.length > 0 ? M : 0,
+              /* @__PURE__ */ o.jsxs("span", { children: [
+                "/",
+                y.length > 0 ? v.total : 0
+              ] })
+            ] }),
+            /* @__PURE__ */ o.jsxs("div", { className: l.chevronIcons, children: [
+              /* @__PURE__ */ o.jsx(
+                h,
+                {
+                  name: "chevron-left",
+                  onClick: () => {
+                    O(
+                      M,
+                      v.total,
+                      v.filteredLogs
+                    );
+                  }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                h,
+                {
+                  name: "chevron-left",
+                  onClick: () => {
+                    Ce(
+                      M,
+                      v.total,
+                      v.filteredLogs
+                    );
+                  }
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ o.jsx("div", { className: l.modalRight, children: /* @__PURE__ */ o.jsxs("div", { className: l.buttonsWrapper, children: [
+          /* @__PURE__ */ o.jsx(
+            re,
+            {
+              appearance: se.PRIMARY,
+              className: F(l.downloadIconBtn, {
+                [l.downloadIconBtn__disabled]: C.length === 0
+              }),
+              onClick: () => {
+                var e;
+                return ie(
+                  {
+                    applications: [
+                      I || N[0].value
+                    ],
+                    start_datetime: oe(
+                      (e = C == null ? void 0 : C[0]) == null ? void 0 : e.log_timestamp
+                    ).format(),
+                    end_datetime: oe().format()
+                  },
+                  !0
+                );
+              },
+              children: /* @__PURE__ */ o.jsx(h, { name: R.Download })
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            re,
+            {
+              appearance: se.PRIMARY,
+              className: F(l.copyIconBtn, {
+                [l.copyIconBtn__disabled]: C.length === 0
+              }),
+              onClick: be,
+              children: /* @__PURE__ */ o.jsx(h, { name: R.Copy })
+            }
+          )
+        ] }) })
+      ] }),
+      children: /* @__PURE__ */ o.jsx(
+        Re,
+        {
+          ref: j,
+          style: {
+            overflow: "auto",
+            height: G ? "100%" : "500px"
+          },
+          data: _,
+          initialTopMostItemIndex: _.length - 1 || 0,
+          totalCount: _.length,
+          itemContent: Te,
+          onScroll: (e) => {
+            e.currentTarget.scrollHeight - e.currentTarget.scrollTop <= e.currentTarget.clientHeight + ae || u.current.stopInterval();
+          },
+          atTopThreshold: go,
+          atTopStateChange: (e) => {
+            var n;
+            if (console.log("atTop, filteredLogs.length, responseCount, minLineLimit, atTop", _.length, b, k, e), y.length > 0 || K)
+              return;
+            const t = () => _.length - m < 30 || m === 0 ? 10 : m, r = () => {
+              var s;
+              (s = j.current) == null || s.scrollToIndex({
+                index: t()
+              });
+            };
+            e && !K && ((n = u.current) == null || n.fetch(
+              "older",
+              I,
+              r
+            ));
+          },
+          atBottomThreshold: ae,
+          atBottomStateChange: (e) => {
+            if (console.log("atBottom, filteredLogs.length, responseCount, minLineLimit, atBottom", _.length, b, k, e), _.length <= 0 || y.length > 0 || K)
+              return;
+            const t = () => {
+              var n, s;
+              if (console.log("onNewerSuccess ,first", _.length), (n = j.current) == null || n.scrollToIndex({
+                index: _.length - 50
+              }), b < k) {
+                u.current.stopInterval(), console.log(
+                  "onNewerSuccess minLineLimit",
+                  b,
+                  k
+                ), (s = j.current) == null || s.scrollToIndex({
+                  index: _.length - 1
+                }), u.current.startInterval("newer", I);
+                return;
+              }
+            }, r = () => {
+              var n;
+              console.log("Error fetching newer logs"), u.current.stopInterval(), (n = j.current) == null || n.scrollToIndex({
+                index: _.length - 10
+              }), u.current.startInterval("newer", I);
+            };
+            e && u.current.fetch(
+              "newer",
+              I,
+              t,
+              r
+            );
+          }
+        }
+      )
+    }
+  );
+}, ct = ce.create(xo), ho = ({ id: d, onClose: i, errors: f }) => {
+  const { t: g } = Ge(), [B, N] = E(!1), [, W] = le(d), k = () => {
+    W(), i && i();
+  }, b = () => {
+    N(!B);
+  };
+  return /* @__PURE__ */ o.jsx(
+    de,
+    {
+      onClose: () => {
+      },
+      showClose: !1,
+      headerClass: "bg-gray-57 p-0! border-b border-b-dark-47! h-[90px] w-full",
+      className: F(H.realTimeLogModalStyle, {
+        "w-[90%]!": !B,
+        "w-full! h-full!": B
+      }),
+      header: /* @__PURE__ */ o.jsxs("div", { className: "flex items-center pr-[30px] w-full h-full", children: [
+        /* @__PURE__ */ o.jsx("div", { className: H.modalLeft, children: /* @__PURE__ */ o.jsxs("div", { className: H.buttonGroup, children: [
+          /* @__PURE__ */ o.jsx(
+            "div",
+            {
+              className: H.iosIcon,
+              onClick: () => {
+                k && k(), W();
+              },
+              children: /* @__PURE__ */ o.jsx(h, { name: "close-window" })
+            }
+          ),
+          /* @__PURE__ */ o.jsx("div", { className: H.iosIcon, onClick: b, children: /* @__PURE__ */ o.jsx(h, { name: "expand-window" }) })
+        ] }) }),
+        /* @__PURE__ */ o.jsx("div", { children: g("title.error_log") })
+      ] }),
+      children: /* @__PURE__ */ o.jsx(Ee, { children: f && f.length > 0 ? f.map((m) => /* @__PURE__ */ o.jsxs("div", { className: "container-fluid", children: [
+        /* @__PURE__ */ o.jsxs(Se, { children: [
+          /* @__PURE__ */ o.jsxs(ne, { children: [
+            /* @__PURE__ */ o.jsx("b", { children: `${g("label.created_date")}:` }),
+            /* @__PURE__ */ o.jsx(Q, { date: m == null ? void 0 : m.created_date })
+          ] }),
+          /* @__PURE__ */ o.jsxs(ne, { children: [
+            /* @__PURE__ */ o.jsx("b", { children: `${g("label.date_updated")}:` }),
+            /* @__PURE__ */ o.jsx(Q, { date: m == null ? void 0 : m.update_date })
+          ] })
+        ] }),
+        /* @__PURE__ */ o.jsx(te, { className: "mt-4 mb-4" }),
+        /* @__PURE__ */ o.jsx("p", { className: "whitespace-pre-line", children: m == null ? void 0 : m.log_data }),
+        /* @__PURE__ */ o.jsx(te, { className: "mt-4 mb-4" })
+      ] }, m == null ? void 0 : m.id)) : /* @__PURE__ */ o.jsx(qe, { i18nKey: "text.not_found", values: { dataname: "Log" } }) })
+    }
+  );
+}, dt = ce.create(ho);
+export {
+  dt as E,
+  ct as R,
+  lt as T,
+  at as a
+};