@chaibuilder/sdk 4.0.0-beta.30 → 4.0.0-beta.32

package/dist/page-manager-new-DP1b_dXt.js

@@ -1,411 +0,0 @@
-import { jsxs as b, Fragment as F, jsx as t } from "react/jsx-runtime";
-import { d as oe } from "./index-BFnMzGe6.js";
-import { aB as ye, aC as ge, ap as ke, k as de, T as D, aR as Ne, L as we, m as ve, g as Se, c as Le, av as Te, aS as Ae, aT as X } from "./index-CA1OwKJX.js";
-import { u as J } from "./use-page-expand-manager-Cf4MUEJw.js";
-import { compact as ue, filter as B, isEmpty as k, uniqBy as Ce, keyBy as me, mapValues as Ee, startCase as Me, toLower as M, includes as _, get as W, find as z, map as Ue } from "lodash-es";
-import { atom as Ie, useAtom as $e, useSetAtom as ze } from "jotai";
-import { ExternalLink as Be, Pencil as Fe, NotepadText as Oe, MoreHorizontal as je, Lock as Ge, Edit as Re, Plus as De, ChevronRight as We, StarsIcon as He, Hash as _e, File as he } from "lucide-react";
-import { useRef as qe, useEffect as E, useMemo as H, useState as v, useCallback as ie, startTransition as Ve, Suspense as C, lazy as U } from "react";
-import { useTranslation as Qe } from "react-i18next";
-import { B as Xe } from "./register-chai-top-bar-D6GjnauV.js";
-const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
-  B(e, (r) => {
-    const n = M(s);
-    return _(M((r == null ? void 0 : r.name) || ""), n) || _(M((r == null ? void 0 : r.slug) || ""), n);
-  })
-), Ye = (e, s) => {
-  const r = /* @__PURE__ */ new Set(), n = me(e, "id");
-  return s.forEach((o) => {
-    let a = o;
-    for (; a.parent && n[a.parent]; )
-      r.add(a.parent), a = n[a.parent];
-  }), Array.from(r).map((o) => n[o]);
-}, Y = (e, s, r) => k(s) ? e : e.map((n) => {
-  if (!r(n.pageType))
-    return {
-      ...n,
-      shouldExpandOnSearch: !0,
-      children: n.children ? Y(n.children, s, r) : []
-    };
-  const o = n.children && n.children.some(
-    (a) => _(M(a.name || ""), M(s)) || _(M(a.slug || ""), M(s))
-  );
-  return {
-    ...n,
-    shouldExpandOnSearch: o,
-    children: n.children ? Y(n.children, s, r) : []
-  };
-}), Je = (e) => {
-  if (!e || !e.length) return [];
-  const s = {};
-  e.forEach((n) => {
-    s[n.id] = { ...n, children: [] };
-  });
-  const r = [];
-  return Object.values(s).forEach((n) => {
-    n.parent && s[n.parent] ? s[n.parent].children.push(n) : r.push(n);
-  }), r;
-}, fe = (e) => !e || !e.length ? [] : [...e].sort((r, n) => (r.name || "").localeCompare(n.name || "")).map((r) => ({
-  ...r,
-  children: r.children ? fe(r.children) : []
-})), Ke = (e, s, r, n) => {
-  if (!e || !e.length) return [];
-  let o = e;
-  if (r !== "all" && (o = ue(B(e, { pageType: r }))), k(s))
-    o = ce(o, s);
-  else {
-    const h = ce(o, s), c = Ye(e, h);
-    o = Ce([...h, ...c], "id");
-  }
-  const a = fe(Je(o)), f = Y(a, s, n), g = B(f, (h) => n(h.pageType)).sort(
-    (h, c) => (h.name || "").localeCompare(c.name || "")
-  ), d = B(f, (h) => !n(h.pageType));
-  let x = [];
-  if (r === "all") {
-    const h = me(d, "pageType");
-    x = Object.values(
-      Ee(h, (c, p) => ({
-        ...c,
-        id: p,
-        name: Me(p),
-        isPartialGroup: !0,
-        children: f.filter((N) => N.pageType === p)
-      }))
-    );
-  } else
-    x = d.sort((h, c) => (h.name || "").localeCompare(c.name || ""));
-  return [...g, ...x];
-}, Ze = Ie({
-  pageId: null,
-  position: { x: 0, y: 0 }
-}), et = ({ pageId: e, children: s }) => {
-  const [r, n] = $e(Ze), o = qe(null), a = r.pageId === e;
-  E(() => {
-    const d = () => n({ pageId: null, position: { x: 0, y: 0 } });
-    if (a)
-      return document.addEventListener("click", d), () => document.removeEventListener("click", d);
-  }, [a, n]);
-  const f = (d) => {
-    d.preventDefault(), d.stopPropagation(), n({ pageId: e, position: { x: d.clientX, y: d.clientY } });
-  }, g = () => {
-    const d = `${window.location.pathname}?page=${e}`;
-    window.open(d, "_blank"), n({ pageId: null, position: { x: 0, y: 0 } });
-  };
-  return /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ t("span", { onContextMenu: f, children: s }),
-    a && /* @__PURE__ */ t(
-      "div",
-      {
-        ref: o,
-        className: "fixed z-[9999] max-w-[160px] rounded-md border border-gray-200 bg-white",
-        style: { top: r.position.y, left: r.position.x },
-        children: /* @__PURE__ */ t("div", { className: "", children: /* @__PURE__ */ b(
-          Xe,
-          {
-            variant: "ghost",
-            onClick: g,
-            className: "w-full px-2.5 py-1 text-start text-sm text-gray-700 hover:bg-gray-100",
-            children: [
-              /* @__PURE__ */ t(Be, { className: "h-4 w-4" }),
-              "Open in new tab"
-            ]
-          }
-        ) })
-      }
-    )
-  ] });
-}, tt = ({ page: e }) => {
-  var n, o;
-  const { isExpanded: s, toggleExpanded: r } = J(e == null ? void 0 : e.id);
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      onClick: (a) => {
-        a.stopPropagation(), r();
-      },
-      disabled: !((n = e == null ? void 0 : e.children) != null && n.length),
-      className: `flex h-[calc(100%-2px)] w-5 items-center justify-center rounded text-gray-400 transition-colors hover:bg-gray-200 hover:px-1 hover:text-gray-500 ${(o = e == null ? void 0 : e.children) != null && o.length ? "hover:text-blue-400" : "opacity-0"}`,
-      children: /* @__PURE__ */ t(
-        We,
-        {
-          size: 12,
-          className: `stroke-[4] transition-transform duration-200 ${s ? "rotate-90" : ""}`
-        }
-      )
-    }
-  );
-}, nt = ({ page: e, pageType: s }) => /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center gap-x-1", children: e.dynamic ? /* @__PURE__ */ t(He, { size: 12, className: "text-yellow-400" }) : s != null && s.icon ? /* @__PURE__ */ t(
-  "div",
-  {
-    className: "flex h-4 max-h-4 w-4 max-w-4 items-center justify-center stroke-[1] text-slate-500",
-    dangerouslySetInnerHTML: { __html: s.icon }
-  }
-) : s != null && s.hasSlug ? /* @__PURE__ */ t(he, { size: 12, className: "stroke-[1] text-slate-500" }) : /* @__PURE__ */ t(_e, { size: 12, className: "stroke-[1] text-slate-500" }) }), st = ({ isOnline: e }) => /* @__PURE__ */ t("div", { className: `h-2 w-2 rounded-full ${e ? "bg-green-300" : "bg-gray-300"}` }), rt = ({
-  page: e,
-  pageTypes: s,
-  currentPage: r,
-  onClickAction: n,
-  languagePages: o,
-  selectedLanguage: a,
-  showUntranslatedPages: f
-}) => {
-  const g = ye(), { pageToUser: d } = ge(), x = W(d, [e == null ? void 0 : e.id, "userId"]), { data: h } = ke(x), c = h && g !== x ? h == null ? void 0 : h.name : null, p = de(), N = r === e.id, q = !!e.isTemplate, P = H(() => z(s, { key: e.pageType }), [s, e.pageType]);
-  let u = W(o, e == null ? void 0 : e.id);
-  u = W(u, "lang") === a ? u : null;
-  const L = a === p || !!u, T = (u == null ? void 0 : u.name) || (e == null ? void 0 : e.name) || "No name";
-  let w = (u == null ? void 0 : u.slug) || (e == null ? void 0 : e.slug) || "";
-  const O = w + (e != null && e.dynamic ? `/${P == null ? void 0 : P.dynamicSlug}` : "") + (e != null && e.dynamicSlugCustom ? `${e.dynamicSlugCustom}` : "");
-  if (w.startsWith("/") && !f) {
-    const i = w.split("/").pop();
-    w = w.endsWith(i) && e.dynamic ? "" : `/${i}`;
-  }
-  const j = H(() => {
-    const i = "flex h-7 min-w-0 flex-1 cursor-pointer select-none items-center gap-x-1.5 rounded px-px text-xs duration-300 border-[1px]", I = `${N ? "border-primary/30 bg-primary/5" : "border-transparent hover:border-gray-200 hover:bg-gray-100"}`;
-    return L ? `${i} ${I} ${c ? "opacity-60" : ""}` : `${i} bg-gray-100 opacity-50 group-hover:border-gray-200 border-transparent group-hover:bg-blue-100`;
-  }, [L, N, c]), G = H(() => {
-    if (e.isPartialGroup) return !1;
-    if (u) {
-      if (!u.online || k(u.changes)) return !1;
-    } else if (e && (!e.online || k(e.changes)))
-      return !1;
-    return !0;
-  }, [u, e]);
-  return /* @__PURE__ */ b("div", { className: "group relative", children: [
-    /* @__PURE__ */ t(et, { pageId: e.id, children: /* @__PURE__ */ b(
-      "div",
-      {
-        onClick: () => !e.isPartialGroup && L && n("select", e == null ? void 0 : e.id),
-        className: j,
-        children: [
-          /* @__PURE__ */ t(tt, { page: e }),
-          !e.isPartialGroup && /* @__PURE__ */ t(st, { isOnline: u ? u.online : e.online }),
-          !e.isPartialGroup && /* @__PURE__ */ t(nt, { page: e, pageType: P }),
-          /* @__PURE__ */ t(D, { content: T, side: "top", showTooltip: T.length > 35, children: /* @__PURE__ */ t("span", { className: "max-w-[40%] truncate font-medium text-black", children: T }) }),
-          (w || e.dynamic) && /* @__PURE__ */ t(D, { content: O, side: "top", showTooltip: !0, children: /* @__PURE__ */ b("span", { className: "max-w-[40%] truncate font-mono text-xs text-muted-foreground", children: [
-            w,
-            e.dynamic && (P == null ? void 0 : P.dynamicSlug) && /* @__PURE__ */ b("span", { className: "text-xs text-gray-500", children: [
-              "/",
-              P == null ? void 0 : P.dynamicSlug,
-              e.dynamicSlugCustom
-            ] })
-          ] }) }),
-          G && /* @__PURE__ */ t(D, { content: "Has unpublished changes", side: "top", children: /* @__PURE__ */ t("span", { className: "text-amber-500", children: /* @__PURE__ */ t(Fe, { size: 12, className: "stroke-[2]" }) }) }),
-          q && /* @__PURE__ */ t(D, { content: "Template", side: "top", children: /* @__PURE__ */ t("span", { className: "text-blue-500", children: /* @__PURE__ */ t(Oe, { size: 16 }) }) }),
-          !e.isPartialGroup && L && !c ? /* @__PURE__ */ t("div", { className: "duration absolute right-0.5 top-[3px]", children: /* @__PURE__ */ t(
-            Ne,
-            {
-              isLanguagePage: !!u,
-              page: u || e,
-              setDuplicatePage: (i) => n("duplicate", i),
-              setAddEditPage: (i) => n("edit", u || i),
-              setUnpublishPage: (i) => n("unpublish", i),
-              setDeletePage: (i) => n("delete", u || i),
-              setMarkAsTemplate: (i) => n("markAsTemplate", i),
-              setUnmarkAsTemplate: (i) => n("unmarkAsTemplate", i),
-              children: /* @__PURE__ */ t("div", { className: "m-0 cursor-pointer rounded border border-transparent p-0.5 duration-100 hover:border-gray-400 hover:bg-white", children: /* @__PURE__ */ t(je, { className: "h-4 w-4", onClick: (i) => i.stopPropagation() }) })
-            }
-          ) }) : c ? /* @__PURE__ */ t("span", { className: "duration absolute right-1.5 top-1/2 -translate-y-1/2 text-xs text-gray-500", children: /* @__PURE__ */ t(Ge, { className: "h-3.5 w-3.5 fill-red-200 text-red-500" }) }) : null
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t(F, { children: c && /* @__PURE__ */ b("button", { className: "absolute right-px top-1/2 flex h-6 -translate-y-1/2 items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100", children: [
-      /* @__PURE__ */ t(Re, { size: 12, className: "stroke-[3]" }),
-      " ",
-      /* @__PURE__ */ t("span", { className: "font-medium", children: c }),
-      " is editing this page"
-    ] }) }),
-    /* @__PURE__ */ t(F, { children: !L && !e.isPartialGroup && !c && /* @__PURE__ */ b(
-      "button",
-      {
-        onClick: (i) => {
-          i.stopPropagation(), n("addLanguagePage", { language: a, page: e });
-        },
-        className: "absolute left-1/2 top-1 flex -translate-x-1/2 items-center gap-x-1 rounded bg-blue-500 px-2 py-0.5 text-xs text-white opacity-0 duration-200 hover:bg-blue-700 group-hover:opacity-100",
-        children: [
-          /* @__PURE__ */ t(De, { size: 12, className: "stroke-[3]" }),
-          " ",
-          /* @__PURE__ */ b("span", { className: "text-[10px]", children: [
-            "Add ",
-            W(we, a),
-            " Page"
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}, xe = ({
-  pages: e,
-  tier: s,
-  pageTypes: r,
-  currentPage: n,
-  onClickAction: o,
-  languagePages: a,
-  selectedLanguage: f,
-  showUntranslatedPages: g
-}) => {
-  const { expandedPages: d } = J();
-  return /* @__PURE__ */ t("div", { className: "space-y-0.5", style: { paddingLeft: `${s * 10}px` }, children: e.map((x) => /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ t(
-      rt,
-      {
-        page: x,
-        pageTypes: r,
-        currentPage: n,
-        onClickAction: o,
-        languagePages: a,
-        selectedLanguage: f,
-        showUntranslatedPages: g
-      }
-    ),
-    x.children && x.children.length > 0 && (d == null ? void 0 : d.includes(x.id)) && /* @__PURE__ */ t(
-      xe,
-      {
-        pages: x.children,
-        tier: s + 1,
-        pageTypes: r,
-        currentPage: n,
-        onClickAction: o,
-        languagePages: a,
-        selectedLanguage: f,
-        showUntranslatedPages: g
-      }
-    )
-  ] }, x.id)) });
-}, at = U(() => import("./page-manager-search-and-filter-DCcYyoPO.js")), lt = U(() => import("./add-new-page-DsvGVrR8.js")), ot = U(() => import("./delete-page-41tvYcEw.js")), it = U(() => import("./duplicate-page-DMmDdmfS.js")), ct = U(() => import("./mark-as-template-raTtKmQ9.js")), dt = U(() => import("./unmark-as-template-vFgMIdxN.js")), ut = U(() => import("./unpublish-page-CxkjTzBB.js")), Nt = ({ close: e }) => {
-  const { t: s } = Qe(), { languages: r, setSelectedLang: n } = oe(), { data: o } = ve(), { data: a, isFetching: f } = Se(), [g, d] = Le(), { updateForSelectedPage: x, expandPagesOnSearch: h } = J(null), c = de(), p = g.get("page"), [N, q] = v(""), [P, u] = v(null), [L, T] = v(null), [w, O] = v(null), [j, G] = v(null), [i, I] = v(""), [K, Z] = v(null), [ee, te] = v(null), [y, V] = v(c), [pe, Pe] = v(!1), ne = ze(Te), R = pe && y !== c, { data: $, isFetching: be } = Ae(y), se = ie(
-    (m) => {
-      var l;
-      return (l = z(o, { key: m })) == null ? void 0 : l.hasSlug;
-    },
-    [o]
-  ), S = H(() => a ? R ? B(a, (m) => !($ != null && $[m.id])) : Ke(a, N, i, se) : [], [a, se, N, i, $, R]);
-  E(() => {
-    n(c);
-  }, [c, n]), E(() => {
-    const m = g.get("lang");
-    if (m) {
-      const l = r, A = r[0] ?? c, le = l.includes(m);
-      Ve(() => {
-        le && y !== m ? V(m) : !le && y !== A && V(A);
-      });
-    }
-  }, []), E(() => {
-    if (!k(i)) return;
-    const m = sessionStorage.getItem("pageTypeFilter") || "all";
-    !k(o) && m && (z(o, { key: m }) ? I(m) : I("all"));
-  }, [o, i]), E(() => {
-    if (p && !f && !z(a, { id: p })) {
-      const l = z(a, { slug: "/" });
-      if (l) {
-        const A = new URLSearchParams({ page: l.id });
-        X(A, d);
-      } else
-        X(new URLSearchParams({}), d, !0);
-    }
-  }, [a, p, f, d]), E(() => {
-    p && !f && !k(S) && x(S, p);
-  }, [p, f, S, x]), E(() => {
-    !k(N) && !k(S) && h(S);
-  }, [N, S, h]);
-  const { setSelectedLang: Q } = oe(), re = ie(
-    (m) => {
-      const l = new URLSearchParams({ page: m });
-      y !== c ? (l.set("lang", y), Q(y)) : Q(""), X(l, d), e();
-    },
-    [e, d, Q, y, c]
-  ), ae = (m, l) => {
-    var A;
-    if (l)
-      switch (m) {
-        case "add":
-          T(l);
-          break;
-        case "select":
-          re(l);
-          break;
-        case "edit":
-          y !== c ? ne({
-            edit: !0,
-            id: l == null ? void 0 : l.id,
-            primaryPage: l == null ? void 0 : l.primaryPage
-          }) : T(l);
-          break;
-        case "delete":
-          u(l);
-          break;
-        case "unpublish":
-          O(l);
-          break;
-        case "markAsTemplate":
-          G(l);
-          break;
-        case "unmarkAsTemplate":
-          te(l);
-          break;
-        case "duplicate":
-          Z(l);
-          break;
-        case "addLanguagePage":
-          ne({
-            edit: !1,
-            primaryPage: ((A = l == null ? void 0 : l.page) == null ? void 0 : A.id) || "",
-            preselectedLang: (l == null ? void 0 : l.language) || y
-          });
-          break;
-      }
-  };
-  return /* @__PURE__ */ b(F, { children: [
-    /* @__PURE__ */ b("div", { className: "flex h-full flex-col justify-between", children: [
-      /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
-        at,
-        {
-          pages: S,
-          search: N,
-          setSearch: q,
-          languages: [c, ...r],
-          selectedLanguage: y,
-          setSelectedLanguage: V,
-          selectedPageType: i,
-          setSelectedPageType: I,
-          onAddPage: (m) => ae("add", m),
-          showUntranslatedPages: R,
-          setShowUntranslatedPages: Pe
-        }
-      ) }),
-      /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-4 pb-6 pt-2", children: f || be ? /* @__PURE__ */ t("div", { className: "space-y-2", children: Ue([...Array(15).keys()], (m) => /* @__PURE__ */ t("div", { className: "h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200" }, m)) }) : k(S) ? /* @__PURE__ */ b("div", { className: "flex h-[70vh] flex-col items-center justify-center gap-y-1 text-sm font-medium text-slate-500", children: [
-        /* @__PURE__ */ t(he, { className: "h-6 w-6 stroke-[1]" }),
-        s("Empty List!"),
-        /* @__PURE__ */ t("span", { className: "font-light", children: s("Add new page to start") })
-      ] }) : /* @__PURE__ */ t(
-        xe,
-        {
-          tier: 0,
-          pages: S,
-          pageTypes: o,
-          currentPage: p || "",
-          onClickAction: ae,
-          languagePages: $,
-          selectedLanguage: y,
-          showUntranslatedPages: R
-        }
-      ) })
-    ] }),
-    L && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
-      lt,
-      {
-        closePanel: e,
-        editPage: re,
-        addEditPage: L,
-        setAddEditPage: T
-      }
-    ) }),
-    P && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ot, { page: P, onClose: () => u(null) }) }),
-    w && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ut, { page: w, onClose: () => O(null) }) }),
-    j && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ct, { page: j, onClose: () => G(null) }) }),
-    ee && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(dt, { page: ee, onClose: () => te(null) }) }),
-    K && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(it, { page: K, onClose: () => Z(null), closePanel: e }) })
-  ] });
-};
-export {
-  Nt as default
-};