@chaibuilder/pages 0.15.5 → 0.15.6

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

@@ -1,354 +0,0 @@
-import { jsxs as p, jsx as s, Fragment as D } from "react/jsx-runtime";
-import { au as pe, f as oe, aj as be, T as H, aD as ye, L as ge, h as ke, b as Ne, i as we, ap as ve, aE as Se, aF as _ } from "./index-zaGKeGBW.js";
-import { u as J } from "./use-page-expand-manager-D6T75I11.js";
-import { compact as ie, filter as j, isEmpty as v, uniqBy as Ae, keyBy as ce, mapValues as Le, startCase as Te, toLower as C, includes as O, find as M, get as q, map as Ee } from "lodash-es";
-import { useLanguages as re } from "@chaibuilder/sdk";
-import { useAtom as Ce } from "jotai";
-import { NotepadText as Ue, MoreHorizontal as $e, Lock as Fe, Edit as Me, Plus as je, ChevronRight as ze, StarsIcon as Be, Hash as Ie, File as de } from "lucide-react";
-import { useMemo as Q, lazy as U, useState as N, useCallback as ae, useEffect as F, Suspense as E } from "react";
-const le = (e, n) => !e || !Array.isArray(e) ? [] : v(n) ? e : ie(
-  j(e, (r) => {
-    const t = C(n);
-    return O(C((r == null ? void 0 : r.name) || ""), t) || O(C((r == null ? void 0 : r.slug) || ""), t);
-  })
-), Ge = (e, n) => {
-  const r = /* @__PURE__ */ new Set(), t = ce(e, "id");
-  return n.forEach((l) => {
-    let o = l;
-    for (; o.parent && t[o.parent]; )
-      r.add(o.parent), o = t[o.parent];
-  }), Array.from(r).map((l) => t[l]);
-}, V = (e, n, r) => v(n) ? e : e.map((t) => {
-  if (!r(t.pageType))
-    return {
-      ...t,
-      shouldExpandOnSearch: !0,
-      children: t.children ? V(t.children, n, r) : []
-    };
-  const l = t.children && t.children.some(
-    (o) => O(C(o.name || ""), C(n)) || O(C(o.slug || ""), C(n))
-  );
-  return {
-    ...t,
-    shouldExpandOnSearch: l,
-    children: t.children ? V(t.children, n, r) : []
-  };
-}), De = (e) => {
-  if (!e || !e.length) return [];
-  const n = {};
-  e.forEach((t) => {
-    n[t.id] = { ...t, children: [] };
-  });
-  const r = [];
-  return Object.values(n).forEach((t) => {
-    t.parent && n[t.parent] ? n[t.parent].children.push(t) : r.push(t);
-  }), r;
-}, ue = (e) => !e || !e.length ? [] : [...e].sort(
-  (r, t) => (r.name || "").localeCompare(t.name || "")
-).map((r) => ({
-  ...r,
-  children: r.children ? ue(r.children) : []
-})), Oe = (e, n, r, t) => {
-  if (!e || !e.length) return [];
-  let l = e;
-  if (r !== "all" && (l = ie(j(e, { pageType: r }))), v(n))
-    l = le(l, n);
-  else {
-    const d = le(l, n), i = Ge(e, d);
-    l = Ae([...d, ...i], "id");
-  }
-  const o = ue(De(l)), b = V(o, n, t), f = j(b, (d) => t(d.pageType)).sort((d, i) => (d.name || "").localeCompare(i.name || "")), P = j(b, (d) => !t(d.pageType));
-  let m = [];
-  if (r === "all") {
-    const d = ce(P, "pageType");
-    m = Object.values(
-      Le(d, (i, x) => ({
-        ...i,
-        id: x,
-        name: Te(x),
-        isPartialGroup: !0,
-        children: b.filter((S) => S.pageType === x)
-      }))
-    );
-  } else
-    m = P.sort((d, i) => (d.name || "").localeCompare(i.name || ""));
-  return [...f, ...m];
-}, Re = ({ page: e }) => {
-  var t, l;
-  const { isExpanded: n, toggleExpanded: r } = J(e == null ? void 0 : e.id);
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      onClick: (o) => {
-        o.stopPropagation(), r();
-      },
-      disabled: !((t = e == null ? void 0 : e.children) != null && t.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 ${(l = e == null ? void 0 : e.children) != null && l.length ? "hover:text-blue-400" : "opacity-0"}`,
-      children: /* @__PURE__ */ s(
-        ze,
-        {
-          size: 12,
-          className: `stroke-[4] transition-transform duration-200 ${n ? "rotate-90" : ""}`
-        }
-      )
-    }
-  );
-}, We = ({ page: e, pageType: n }) => /* @__PURE__ */ s("div", { className: "flex h-full items-center justify-center gap-x-1", children: e.dynamic ? /* @__PURE__ */ s(Be, { size: 12, className: "text-yellow-400" }) : n != null && n.icon ? /* @__PURE__ */ s(
-  "div",
-  {
-    className: "flex h-4 max-h-4 w-4 max-w-4 items-center justify-center stroke-[1] text-slate-500",
-    dangerouslySetInnerHTML: { __html: n.icon }
-  }
-) : n != null && n.hasSlug ? /* @__PURE__ */ s(de, { size: 12, className: "stroke-[1] text-slate-500" }) : /* @__PURE__ */ s(Ie, { size: 12, className: "stroke-[1] text-slate-500" }) }), He = ({ isOnline: e }) => /* @__PURE__ */ s("div", { className: `h-2 w-2 rounded-full ${e ? "bg-green-300" : "bg-gray-300"}` }), _e = ({
-  page: e,
-  pageTypes: n,
-  currentPage: r,
-  onClickAction: t,
-  languagePages: l,
-  selectedLanguage: o,
-  showUntranslatedPages: b
-}) => {
-  const [f] = pe(), P = oe(), m = r === e.id, d = !!e.isTemplate, i = Q(() => M(n, { key: e.pageType }), [n, e.pageType]), x = f == null ? void 0 : f[e.id], { data: S } = be(x), y = S ? S == null ? void 0 : S.name : null;
-  let u = q(l, e == null ? void 0 : e.id);
-  u = q(u, "lang") === o ? u : null;
-  const A = o === P || !!u, L = (u == null ? void 0 : u.name) || (e == null ? void 0 : e.name) || "No name";
-  let g = (u == null ? void 0 : u.slug) || (e == null ? void 0 : e.slug) || "";
-  const z = g + (e != null && e.dynamic ? `/${i == null ? void 0 : i.dynamicSlug}` : "") + (e != null && e.dynamicSlugCustom ? `${e.dynamicSlugCustom}` : "");
-  if (g.startsWith("/") && !b) {
-    const c = g.split("/").pop();
-    g = g.endsWith(c) && e.dynamic ? "" : `/${c}`;
-  }
-  const B = Q(() => {
-    const c = "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]", T = `${m ? "border-primary/30 bg-primary/5" : "border-transparent hover:border-gray-200 hover:bg-gray-100"}`;
-    return A ? `${c} ${T} ${y ? "opacity-60" : ""}` : `${c} bg-gray-100 opacity-50 group-hover:border-gray-200 border-transparent group-hover:bg-blue-100`;
-  }, [A, m, y]);
-  return /* @__PURE__ */ p("div", { className: "group relative", children: [
-    /* @__PURE__ */ p(
-      "div",
-      {
-        onClick: () => !e.isPartialGroup && A && t("select", e == null ? void 0 : e.id),
-        className: B,
-        children: [
-          /* @__PURE__ */ s(Re, { page: e }),
-          !e.isPartialGroup && /* @__PURE__ */ s(He, { isOnline: u ? u.online : e.online }),
-          !e.isPartialGroup && /* @__PURE__ */ s(We, { page: e, pageType: i }),
-          /* @__PURE__ */ s(H, { content: L, side: "top", showTooltip: L.length > 35, children: /* @__PURE__ */ s("span", { className: "max-w-[40%] truncate font-medium text-black", children: L }) }),
-          (g || e.dynamic) && /* @__PURE__ */ s(H, { content: z, side: "top", showTooltip: !0, children: /* @__PURE__ */ p("span", { className: "max-w-[40%] truncate font-mono text-xs text-muted-foreground", children: [
-            g,
-            e.dynamic && (i == null ? void 0 : i.dynamicSlug) && /* @__PURE__ */ p("span", { className: "text-xs text-gray-500", children: [
-              "/",
-              i == null ? void 0 : i.dynamicSlug,
-              e.dynamicSlugCustom
-            ] })
-          ] }) }),
-          d && /* @__PURE__ */ s(H, { content: "Template", side: "top", children: /* @__PURE__ */ s("span", { className: "text-blue-500", children: /* @__PURE__ */ s(Ue, { size: 16 }) }) }),
-          !e.isPartialGroup && A && !y ? /* @__PURE__ */ s("div", { className: "duration absolute right-0.5 top-[3px]", children: /* @__PURE__ */ s(
-            ye,
-            {
-              isLanguagePage: !!u,
-              page: u || e,
-              setDuplicatePage: (c) => t("duplicate", c),
-              setAddEditPage: (c) => t("edit", u || c),
-              setUnpublishPage: (c) => t("unpublish", c),
-              setDeletePage: (c) => t("delete", u || c),
-              setMarkAsTemplate: (c) => t("markAsTemplate", c),
-              setUnmarkAsTemplate: (c) => t("unmarkAsTemplate", c),
-              children: /* @__PURE__ */ s("div", { className: "m-0 cursor-pointer rounded border border-transparent p-0.5 duration-100 hover:border-gray-400 hover:bg-white", children: /* @__PURE__ */ s($e, { className: "h-4 w-4", onClick: (c) => c.stopPropagation() }) })
-            }
-          ) }) : y ? /* @__PURE__ */ s("span", { className: "duration absolute right-1.5 top-1/2 -translate-y-1/2 text-xs text-gray-500", children: /* @__PURE__ */ s(Fe, { className: "h-3.5 w-3.5 fill-red-200 text-red-500" }) }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(D, { children: y && /* @__PURE__ */ p("button", { className: "absolute right-0 top-0 flex h-full 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__ */ s(Me, { size: 12, className: "stroke-[3]" }),
-      " ",
-      /* @__PURE__ */ s("span", { className: "font-medium", children: y }),
-      " is editing this page"
-    ] }) }),
-    /* @__PURE__ */ s(D, { children: !A && !e.isPartialGroup && !y && /* @__PURE__ */ p(
-      "button",
-      {
-        onClick: (c) => {
-          c.stopPropagation(), t("addLanguagePage", { language: o, 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__ */ s(je, { size: 12, className: "stroke-[3]" }),
-          " ",
-          /* @__PURE__ */ p("span", { className: "text-[10px]", children: [
-            "Add ",
-            q(ge, o),
-            " Page"
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}, me = ({
-  pages: e,
-  tier: n,
-  pageTypes: r,
-  currentPage: t,
-  onClickAction: l,
-  languagePages: o,
-  selectedLanguage: b,
-  showUntranslatedPages: f
-}) => {
-  const { expandedPages: P } = J();
-  return /* @__PURE__ */ s("div", { className: "space-y-0.5", style: { paddingLeft: `${n * 10}px` }, children: e.map((m) => /* @__PURE__ */ p(D, { children: [
-    /* @__PURE__ */ s(
-      _e,
-      {
-        page: m,
-        pageTypes: r,
-        currentPage: t,
-        onClickAction: l,
-        languagePages: o,
-        selectedLanguage: b,
-        showUntranslatedPages: f
-      }
-    ),
-    m.children && m.children.length > 0 && (P == null ? void 0 : P.includes(m.id)) && /* @__PURE__ */ s(
-      me,
-      {
-        pages: m.children,
-        tier: n + 1,
-        pageTypes: r,
-        currentPage: t,
-        onClickAction: l,
-        languagePages: o,
-        selectedLanguage: b,
-        showUntranslatedPages: f
-      }
-    )
-  ] }, m.id)) });
-}, qe = U(() => import("./page-manager-search-and-filter-CuAn82Db.js")), Qe = U(() => import("./add-new-page-CD-9ppdS.js")), Ve = U(() => import("./delete-page-CatRlDfx.js")), Je = U(() => import("./duplicate-page-DEmh0df0.js")), Ke = U(() => import("./mark-as-template-v-I05xcZ.js")), Xe = U(() => import("./unmark-as-template-Dsiyocm9.js")), Ye = U(() => import("./unpublish-page-yGyz2jiw.js")), ot = ({ close: e }) => {
-  const { languages: n, setSelectedLang: r } = re(), { data: t } = ke(), { data: l, isFetching: o } = Ne(), [b, f] = we(), { updateForSelectedPage: P, expandPagesOnSearch: m } = J(null), d = oe(), i = b.get("page"), [x, S] = N(""), [y, u] = N(null), [A, L] = N(null), [g, z] = N(null), [B, c] = N(null), [T, R] = N(""), [K, X] = N(null), [Y, Z] = N(null), [k, he] = N(d), [fe, Pe] = N(!1), [, ee] = Ce(ve), I = fe && k !== d, { data: $, isFetching: xe } = Se(k), te = ae(
-    (h) => {
-      var a;
-      return (a = M(t, { key: h })) == null ? void 0 : a.hasSlug;
-    },
-    [t]
-  ), w = Q(() => l ? I ? j(l, (h) => !($ != null && $[h.id])) : Oe(l, x, T, te) : [], [l, te, x, T, $, I]);
-  F(() => {
-    r(d);
-  }, [d, r]), F(() => {
-    if (!v(T)) return;
-    const h = sessionStorage.getItem("pageTypeFilter") || "all";
-    !v(t) && h && (M(t, { key: h }) ? R(h) : R("all"));
-  }, [t, T]), F(() => {
-    if (i && !o && !M(l, { id: i })) {
-      const a = M(l, { slug: "/" });
-      if (a) {
-        const G = new URLSearchParams({ page: a.id });
-        _(G, f);
-      } else
-        _(new URLSearchParams({}), f, !0);
-    }
-  }, [l, i, o, f]), F(() => {
-    i && !o && !v(w) && P(w, i);
-  }, [i, o, w, P]), F(() => {
-    !v(x) && !v(w) && m(w);
-  }, [x, w, m]);
-  const { setSelectedLang: W } = re(), se = ae(
-    (h) => {
-      const a = new URLSearchParams({ page: h });
-      k !== d ? (a.set("lang", k), W(k)) : W(""), _(a, f), e();
-    },
-    [e, f, W, k, d]
-  ), ne = (h, a) => {
-    var G;
-    if (a)
-      switch (h) {
-        case "add":
-          L(a);
-          break;
-        case "select":
-          se(a);
-          break;
-        case "edit":
-          k !== d ? ee({
-            edit: !0,
-            id: a == null ? void 0 : a.id,
-            primaryPage: a == null ? void 0 : a.primaryPage
-          }) : L(a);
-          break;
-        case "delete":
-          u(a);
-          break;
-        case "unpublish":
-          z(a);
-          break;
-        case "markAsTemplate":
-          c(a);
-          break;
-        case "unmarkAsTemplate":
-          Z(a);
-          break;
-        case "duplicate":
-          X(a);
-          break;
-        case "addLanguagePage":
-          ee({
-            edit: !1,
-            primaryPage: ((G = a == null ? void 0 : a.page) == null ? void 0 : G.id) || "",
-            preselectedLang: (a == null ? void 0 : a.language) || k
-          });
-          break;
-      }
-  };
-  return /* @__PURE__ */ p(D, { children: [
-    /* @__PURE__ */ p("div", { className: "flex h-full flex-col justify-between", children: [
-      /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
-        qe,
-        {
-          pages: w,
-          search: x,
-          setSearch: S,
-          languages: [d, ...n],
-          selectedLanguage: k,
-          setSelectedLanguage: he,
-          selectedPageType: T,
-          setSelectedPageType: R,
-          onAddPage: (h) => ne("add", h),
-          showUntranslatedPages: I,
-          setShowUntranslatedPages: Pe
-        }
-      ) }),
-      /* @__PURE__ */ s("div", { className: "flex-1 overflow-y-auto px-4 pb-6 pt-2", children: o || xe ? /* @__PURE__ */ s("div", { className: "space-y-2", children: Ee([...Array(15).keys()], (h) => /* @__PURE__ */ s("div", { className: "h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200" }, h)) }) : v(w) ? /* @__PURE__ */ p("div", { className: "flex h-[70vh] flex-col items-center justify-center gap-y-1 text-sm font-medium text-slate-500", children: [
-        /* @__PURE__ */ s(de, { className: "h-6 w-6 stroke-[1]" }),
-        "Empty List!",
-        /* @__PURE__ */ s("span", { className: "font-light", children: "Add new page to start" })
-      ] }) : /* @__PURE__ */ s(
-        me,
-        {
-          tier: 0,
-          pages: w,
-          pageTypes: t,
-          currentPage: i || "",
-          onClickAction: ne,
-          languagePages: $,
-          selectedLanguage: k,
-          showUntranslatedPages: I
-        }
-      ) })
-    ] }),
-    A && /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(
-      Qe,
-      {
-        closePanel: e,
-        editPage: se,
-        addEditPage: A,
-        setAddEditPage: L
-      }
-    ) }),
-    y && /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(Ve, { page: y, onClose: () => u(null) }) }),
-    g && /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(Ye, { page: g, onClose: () => z(null) }) }),
-    B && /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(Ke, { page: B, onClose: () => c(null) }) }),
-    Y && /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(Xe, { page: Y, onClose: () => Z(null) }) }),
-    K && /* @__PURE__ */ s(E, { children: /* @__PURE__ */ s(Je, { page: K, onClose: () => X(null), closePanel: e }) })
-  ] });
-};
-export {
-  ot as default
-};

package/dist/page-manager-new-CUlpwqpH.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("./index-Blg1T7nL.cjs"),B=require("./use-page-expand-manager-2KjeYfVS.cjs"),n=require("lodash-es"),Q=require("@chaibuilder/sdk"),se=require("jotai"),v=require("lucide-react"),l=require("react"),V=(e,r)=>!e||!Array.isArray(e)?[]:n.isEmpty(r)?e:n.compact(n.filter(e,a=>{const t=n.toLower(r);return n.includes(n.toLower((a==null?void 0:a.name)||""),t)||n.includes(n.toLower((a==null?void 0:a.slug)||""),t)})),te=(e,r)=>{const a=new Set,t=n.keyBy(e,"id");return r.forEach(o=>{let c=o;for(;c.parent&&t[c.parent];)a.add(c.parent),c=t[c.parent]}),Array.from(a).map(o=>t[o])},$=(e,r,a)=>n.isEmpty(r)?e:e.map(t=>{if(!a(t.pageType))return{...t,shouldExpandOnSearch:!0,children:t.children?$(t.children,r,a):[]};const o=t.children&&t.children.some(c=>n.includes(n.toLower(c.name||""),n.toLower(r))||n.includes(n.toLower(c.slug||""),n.toLower(r)));return{...t,shouldExpandOnSearch:o,children:t.children?$(t.children,r,a):[]}}),ne=e=>{if(!e||!e.length)return[];const r={};e.forEach(t=>{r[t.id]={...t,children:[]}});const a=[];return Object.values(r).forEach(t=>{t.parent&&r[t.parent]?r[t.parent].children.push(t):a.push(t)}),a},J=e=>!e||!e.length?[]:[...e].sort((a,t)=>(a.name||"").localeCompare(t.name||"")).map(a=>({...a,children:a.children?J(a.children):[]})),re=(e,r,a,t)=>{if(!e||!e.length)return[];let o=e;if(a!=="all"&&(o=n.compact(n.filter(e,{pageType:a}))),n.isEmpty(r))o=V(o,r);else{const m=V(o,r),d=te(e,m);o=n.uniqBy([...m,...d],"id")}const c=J(ne(o)),b=$(c,r,t),y=n.filter(b,m=>t(m.pageType)).sort((m,d)=>(m.name||"").localeCompare(d.name||"")),p=n.filter(b,m=>!t(m.pageType));let f=[];if(a==="all"){const m=n.keyBy(p,"pageType");f=Object.values(n.mapValues(m,(d,j)=>({...d,id:j,name:n.startCase(j),isPartialGroup:!0,children:b.filter(N=>N.pageType===j)})))}else f=p.sort((m,d)=>(m.name||"").localeCompare(d.name||""));return[...y,...f]},ae=({page:e})=>{var t,o;const{isExpanded:r,toggleExpanded:a}=B.usePageExpandManager(e==null?void 0:e.id);return s.jsx("button",{onClick:c=>{c.stopPropagation(),a()},disabled:!((t=e==null?void 0:e.children)!=null&&t.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:s.jsx(v.ChevronRight,{size:12,className:`stroke-[4] transition-transform duration-200 ${r?"rotate-90":""}`})})},le=({page:e,pageType:r})=>s.jsx("div",{className:"flex h-full items-center justify-center gap-x-1",children:e.dynamic?s.jsx(v.StarsIcon,{size:12,className:"text-yellow-400"}):r!=null&&r.icon?s.jsx("div",{className:"flex h-4 max-h-4 w-4 max-w-4 items-center justify-center stroke-[1] text-slate-500",dangerouslySetInnerHTML:{__html:r.icon}}):r!=null&&r.hasSlug?s.jsx(v.File,{size:12,className:"stroke-[1] text-slate-500"}):s.jsx(v.Hash,{size:12,className:"stroke-[1] text-slate-500"})}),ie=({isOnline:e})=>s.jsx("div",{className:`h-2 w-2 rounded-full ${e?"bg-green-300":"bg-gray-300"}`}),oe=({page:e,pageTypes:r,currentPage:a,onClickAction:t,languagePages:o,selectedLanguage:c,showUntranslatedPages:b})=>{const[y]=x.usePageUserMapping(),p=x.useFallbackLang(),f=a===e.id,m=!!e.isTemplate,d=l.useMemo(()=>n.find(r,{key:e.pageType}),[r,e.pageType]),j=y==null?void 0:y[e.id],{data:N}=x.useChaiUserInfo(j),g=N?N==null?void 0:N.name:null;let h=n.get(o,e==null?void 0:e.id);h=n.get(h,"lang")===c?h:null;const E=c===p||!!h,L=(h==null?void 0:h.name)||(e==null?void 0:e.name)||"No name";let S=(h==null?void 0:h.slug)||(e==null?void 0:e.slug)||"";const C=S+(e!=null&&e.dynamic?`/${d==null?void 0:d.dynamicSlug}`:"")+(e!=null&&e.dynamicSlugCustom?`${e.dynamicSlugCustom}`:"");if(S.startsWith("/")&&!b){const u=S.split("/").pop();S=S.endsWith(u)&&e.dynamic?"":`/${u}`}const q=l.useMemo(()=>{const u="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]",T=`${f?"border-primary/30 bg-primary/5":"border-transparent hover:border-gray-200 hover:bg-gray-100"}`;return E?`${u} ${T} ${g?"opacity-60":""}`:`${u} bg-gray-100 opacity-50 group-hover:border-gray-200 border-transparent group-hover:bg-blue-100`},[E,f,g]);return s.jsxs("div",{className:"group relative",children:[s.jsxs("div",{onClick:()=>!e.isPartialGroup&&E&&t("select",e==null?void 0:e.id),className:q,children:[s.jsx(ae,{page:e}),!e.isPartialGroup&&s.jsx(ie,{isOnline:h?h.online:e.online}),!e.isPartialGroup&&s.jsx(le,{page:e,pageType:d}),s.jsx(x.Tooltip,{content:L,side:"top",showTooltip:L.length>35,children:s.jsx("span",{className:"max-w-[40%] truncate font-medium text-black",children:L})}),(S||e.dynamic)&&s.jsx(x.Tooltip,{content:C,side:"top",showTooltip:!0,children:s.jsxs("span",{className:"max-w-[40%] truncate font-mono text-xs text-muted-foreground",children:[S,e.dynamic&&(d==null?void 0:d.dynamicSlug)&&s.jsxs("span",{className:"text-xs text-gray-500",children:["/",d==null?void 0:d.dynamicSlug,e.dynamicSlugCustom]})]})}),m&&s.jsx(x.Tooltip,{content:"Template",side:"top",children:s.jsx("span",{className:"text-blue-500",children:s.jsx(v.NotepadText,{size:16})})}),!e.isPartialGroup&&E&&!g?s.jsx("div",{className:"duration absolute right-0.5 top-[3px]",children:s.jsx(x.PageActionsDropdown,{isLanguagePage:!!h,page:h||e,setDuplicatePage:u=>t("duplicate",u),setAddEditPage:u=>t("edit",h||u),setUnpublishPage:u=>t("unpublish",u),setDeletePage:u=>t("delete",h||u),setMarkAsTemplate:u=>t("markAsTemplate",u),setUnmarkAsTemplate:u=>t("unmarkAsTemplate",u),children:s.jsx("div",{className:"m-0 cursor-pointer rounded border border-transparent p-0.5 duration-100 hover:border-gray-400 hover:bg-white",children:s.jsx(v.MoreHorizontal,{className:"h-4 w-4",onClick:u=>u.stopPropagation()})})})}):g?s.jsx("span",{className:"duration absolute right-1.5 top-1/2 -translate-y-1/2 text-xs text-gray-500",children:s.jsx(v.Lock,{className:"h-3.5 w-3.5 fill-red-200 text-red-500"})}):null]}),s.jsx(s.Fragment,{children:g&&s.jsxs("button",{className:"absolute right-0 top-0 flex h-full 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:[s.jsx(v.Edit,{size:12,className:"stroke-[3]"})," ",s.jsx("span",{className:"font-medium",children:g})," is editing this page"]})}),s.jsx(s.Fragment,{children:!E&&!e.isPartialGroup&&!g&&s.jsxs("button",{onClick:u=>{u.stopPropagation(),t("addLanguagePage",{language:c,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:[s.jsx(v.Plus,{size:12,className:"stroke-[3]"})," ",s.jsxs("span",{className:"text-[10px]",children:["Add ",n.get(x.LANGUAGES,c)," Page"]})]})})]})},K=({pages:e,tier:r,pageTypes:a,currentPage:t,onClickAction:o,languagePages:c,selectedLanguage:b,showUntranslatedPages:y})=>{const{expandedPages:p}=B.usePageExpandManager();return s.jsx("div",{className:"space-y-0.5",style:{paddingLeft:`${r*10}px`},children:e.map(f=>s.jsxs(s.Fragment,{children:[s.jsx(oe,{page:f,pageTypes:a,currentPage:t,onClickAction:o,languagePages:c,selectedLanguage:b,showUntranslatedPages:y}),f.children&&f.children.length>0&&(p==null?void 0:p.includes(f.id))&&s.jsx(K,{pages:f.children,tier:r+1,pageTypes:a,currentPage:t,onClickAction:o,languagePages:c,selectedLanguage:b,showUntranslatedPages:y})]},f.id))})},ce=l.lazy(()=>Promise.resolve().then(()=>require("./page-manager-search-and-filter-eFsGtm5W.cjs"))),de=l.lazy(()=>Promise.resolve().then(()=>require("./add-new-page-BuK6We-q.cjs"))),ue=l.lazy(()=>Promise.resolve().then(()=>require("./delete-page-B-TP6nJ7.cjs"))),me=l.lazy(()=>Promise.resolve().then(()=>require("./duplicate-page-D4Oiy71Q.cjs"))),he=l.lazy(()=>Promise.resolve().then(()=>require("./mark-as-template-CcnkROAU.cjs"))),xe=l.lazy(()=>Promise.resolve().then(()=>require("./unmark-as-template-DXEs6foh.cjs"))),fe=l.lazy(()=>Promise.resolve().then(()=>require("./unpublish-page-c1mqQEa_.cjs"))),Pe=({close:e})=>{const{languages:r,setSelectedLang:a}=Q.useLanguages(),{data:t}=x.usePageTypes(),{data:o,isFetching:c}=x.useWebsitePages(),[b,y]=x.useSearchParams(),{updateForSelectedPage:p,expandPagesOnSearch:f}=B.usePageExpandManager(null),m=x.useFallbackLang(),d=b.get("page"),[j,N]=l.useState(""),[g,h]=l.useState(null),[E,L]=l.useState(null),[S,C]=l.useState(null),[q,u]=l.useState(null),[T,F]=l.useState(""),[I,G]=l.useState(null),[O,R]=l.useState(null),[k,X]=l.useState(m),[Y,Z]=l.useState(!1),[,D]=se.useAtom(x.addNewLangAtom),M=Y&&k!==m,{data:A,isFetching:ee}=x.useWebsiteLanguagePages(k),W=l.useCallback(P=>{var i;return(i=n.find(t,{key:P}))==null?void 0:i.hasSlug},[t]),w=l.useMemo(()=>o?M?n.filter(o,P=>!(A!=null&&A[P.id])):re(o,j,T,W):[],[o,W,j,T,A,M]);l.useEffect(()=>{a(m)},[m,a]),l.useEffect(()=>{if(!n.isEmpty(T))return;const P=sessionStorage.getItem("pageTypeFilter")||"all";!n.isEmpty(t)&&P&&(n.find(t,{key:P})?F(P):F("all"))},[t,T]),l.useEffect(()=>{if(d&&!c&&!n.find(o,{id:d})){const i=n.find(o,{slug:"/"});if(i){const z=new URLSearchParams({page:i.id});x.navigateToPage(z,y)}else x.navigateToPage(new URLSearchParams({}),y,!0)}},[o,d,c,y]),l.useEffect(()=>{d&&!c&&!n.isEmpty(w)&&p(w,d)},[d,c,w,p]),l.useEffect(()=>{!n.isEmpty(j)&&!n.isEmpty(w)&&f(w)},[j,w,f]);const{setSelectedLang:U}=Q.useLanguages(),H=l.useCallback(P=>{const i=new URLSearchParams({page:P});k!==m?(i.set("lang",k),U(k)):U(""),x.navigateToPage(i,y),e()},[e,y,U,k,m]),_=(P,i)=>{var z;if(i)switch(P){case"add":L(i);break;case"select":H(i);break;case"edit":k!==m?D({edit:!0,id:i==null?void 0:i.id,primaryPage:i==null?void 0:i.primaryPage}):L(i);break;case"delete":h(i);break;case"unpublish":C(i);break;case"markAsTemplate":u(i);break;case"unmarkAsTemplate":R(i);break;case"duplicate":G(i);break;case"addLanguagePage":D({edit:!1,primaryPage:((z=i==null?void 0:i.page)==null?void 0:z.id)||"",preselectedLang:(i==null?void 0:i.language)||k});break}};return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"flex h-full flex-col justify-between",children:[s.jsx(l.Suspense,{children:s.jsx(ce,{pages:w,search:j,setSearch:N,languages:[m,...r],selectedLanguage:k,setSelectedLanguage:X,selectedPageType:T,setSelectedPageType:F,onAddPage:P=>_("add",P),showUntranslatedPages:M,setShowUntranslatedPages:Z})}),s.jsx("div",{className:"flex-1 overflow-y-auto px-4 pb-6 pt-2",children:c||ee?s.jsx("div",{className:"space-y-2",children:n.map([...Array(15).keys()],P=>s.jsx("div",{className:"h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200"},P))}):n.isEmpty(w)?s.jsxs("div",{className:"flex h-[70vh] flex-col items-center justify-center gap-y-1 text-sm font-medium text-slate-500",children:[s.jsx(v.File,{className:"h-6 w-6 stroke-[1]"}),"Empty List!",s.jsx("span",{className:"font-light",children:"Add new page to start"})]}):s.jsx(K,{tier:0,pages:w,pageTypes:t,currentPage:d||"",onClickAction:_,languagePages:A,selectedLanguage:k,showUntranslatedPages:M})})]}),E&&s.jsx(l.Suspense,{children:s.jsx(de,{closePanel:e,editPage:H,addEditPage:E,setAddEditPage:L})}),g&&s.jsx(l.Suspense,{children:s.jsx(ue,{page:g,onClose:()=>h(null)})}),S&&s.jsx(l.Suspense,{children:s.jsx(fe,{page:S,onClose:()=>C(null)})}),q&&s.jsx(l.Suspense,{children:s.jsx(he,{page:q,onClose:()=>u(null)})}),O&&s.jsx(l.Suspense,{children:s.jsx(xe,{page:O,onClose:()=>R(null)})}),I&&s.jsx(l.Suspense,{children:s.jsx(me,{page:I,onClose:()=>G(null),closePanel:e})})]})};exports.default=Pe;

package/dist/page-manager-search-and-filter-CuAn82Db.js

@@ -1,197 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
-import { f as P, L, h as F, A as I } from "./index-zaGKeGBW.js";
-import { u as z } from "./use-page-expand-manager-D6T75I11.js";
-import { Button as m, Tooltip as f, TooltipTrigger as v, TooltipContent as g, Select as j, SelectTrigger as $, SelectContent as G, Input as S, SelectItem as b } from "@chaibuilder/sdk/ui";
-import { useQueryClient as T } from "@tanstack/react-query";
-import { isEmpty as y, filter as u, map as C, get as o } from "lodash-es";
-import { Star as D, Plus as M, FilterXIcon as R, Filter as W, ListFilter as q, Search as A, ChevronsUpDown as B, ChevronsDownUp as K, RefreshCw as Q } from "lucide-react";
-import { useState as _ } from "react";
-const O = ({ selectedPageType: a, setSelectedPageType: i }) => {
-  const [s, l] = _(""), { data: n } = F(), c = (t) => {
-    if (!s) return !0;
-    const d = s.toLowerCase(), h = (x) => String(o(t, x, "")).toLowerCase().includes(d);
-    return h("name") || h("key");
-  }, p = n.find((t) => t.key === a);
-  return /* @__PURE__ */ r(j, { onValueChange: i, value: a, children: [
-    /* @__PURE__ */ e(
-      $,
-      {
-        className: `${a === "all" ? "bg-gray-100/30 hover:bg-gray-100" : "gap-x-1 border bg-gray-100/30 hover:bg-gray-100"} h-9 w-max min-w-[150px] overflow-hidden whitespace-nowrap rounded p-0 px-2 py-1 text-xs text-gray-600 shadow-none ring-0 focus:ring-0 [&>svg]:hidden`,
-        children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-x-1.5", children: [
-          /* @__PURE__ */ e("span", { className: "max-w-[150px] overflow-hidden truncate whitespace-nowrap font-medium leading-tight", children: (p == null ? void 0 : p.name) || "All" }),
-          /* @__PURE__ */ e(
-            q,
-            {
-              className: `${a !== "all" ? "fill-sky-50 text-sky-500" : ""} pointer-events-none h-4 w-4 text-muted-foreground hover:bg-blue-300`
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ r(G, { children: [
-      /* @__PURE__ */ e("div", { className: "sticky top-0 z-10 bg-white pb-2", children: /* @__PURE__ */ r("div", { className: "relative", children: [
-        /* @__PURE__ */ e(A, { strokeWidth: 2, className: "absolute left-2 top-2.5 h-3.5 w-3.5 text-gray-400" }),
-        /* @__PURE__ */ e(
-          S,
-          {
-            placeholder: "Search page types...",
-            className: "h-8 w-full rounded border pl-8 text-xs shadow-none",
-            value: s,
-            onChange: (t) => l(t.target.value),
-            onKeyDown: (t) => t.stopPropagation()
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ e(b, { value: "all", children: "All" }),
-      !y(u(n, (t) => t.hasSlug && c(t))) && /* @__PURE__ */ r(w, { children: [
-        /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: "Pages" }),
-        C(
-          [...u(n, (t) => t.hasSlug && c(t))].sort(
-            (t, d) => o(t, "name", "").localeCompare(o(d, "name", ""))
-          ),
-          (t) => /* @__PURE__ */ e(b, { value: o(t, "key"), children: o(t, "name") }, o(t, "key"))
-        )
-      ] }),
-      !y(u(n, (t) => !t.hasSlug && c(t))) && /* @__PURE__ */ r(w, { children: [
-        /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: "Partials" }),
-        C(
-          [...u(n, (t) => !t.hasSlug && c(t))].sort(
-            (t, d) => o(t, "name", "").localeCompare(o(d, "name", ""))
-          ),
-          (t) => /* @__PURE__ */ e(b, { value: o(t, "key"), children: o(t, "name") }, o(t, "key"))
-        )
-      ] }),
-      y(u(n, c)) && /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-sm text-gray-500", children: "No matching page types found" })
-    ] })
-  ] });
-}, U = ({ search: a, setSearch: i }) => /* @__PURE__ */ r("div", { className: "relative flex h-9 flex-1 items-center gap-2 rounded-md border px-2.5", children: [
-  /* @__PURE__ */ e("label", { htmlFor: "page-search-input", className: "sr-only", children: "Search Pages" }),
-  /* @__PURE__ */ e(
-    A,
-    {
-      className: `${a ? "fill-sky-50 text-sky-500" : ""} pointer-events-none h-4 w-4 text-muted-foreground`,
-      "aria-hidden": "true"
-    }
-  ),
-  /* @__PURE__ */ e(
-    S,
-    {
-      id: "page-search-input",
-      placeholder: "Search pages",
-      value: a,
-      onChange: (s) => i(s.target.value),
-      className: "border-none px-1.5 shadow-none outline-none ring-0 transition-none focus:outline-none focus:ring-0 focus-visible:ring-0",
-      autoComplete: "off"
-    }
-  )
-] }), V = ({ pages: a }) => {
-  const { expandAll: i, collapseAll: s, expandedPages: l } = z(null);
-  return /* @__PURE__ */ r("div", { className: "flex gap-1", children: [
-    /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "outline", size: "icon", onClick: () => i(a), className: "rounded p-1 text-gray-500", children: /* @__PURE__ */ e(B, {}) }) }),
-      /* @__PURE__ */ e(g, { children: "Expand All" })
-    ] }),
-    /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-        m,
-        {
-          disabled: l.length === 0,
-          variant: "outline",
-          size: "icon",
-          onClick: () => s(),
-          className: "rounded p-1 text-gray-500",
-          children: /* @__PURE__ */ e(K, {})
-        }
-      ) }),
-      /* @__PURE__ */ e(g, { children: "Collapse All" })
-    ] })
-  ] });
-}, X = ({ languages: a, selectedLanguage: i, setSelectedLanguage: s }) => {
-  const l = P();
-  return /* @__PURE__ */ e("div", { className: "scrollbar-hide flex gap-1 overflow-x-auto pb-1", children: a.map((n) => /* @__PURE__ */ r(
-    m,
-    {
-      variant: i === n ? "default" : "outline",
-      size: "sm",
-      className: `h-6 flex-shrink-0 whitespace-nowrap rounded px-3 text-xs font-normal ${i === n ? "bg-black text-white hover:bg-black" : "text-gray-500"}`,
-      onClick: () => s(n.toLowerCase()),
-      children: [
-        n === l && /* @__PURE__ */ e(D, { size: 4, className: `p-0.5 ${i === l ? "fill-white" : "fill-black"}` }),
-        L[n] || ""
-      ]
-    },
-    n
-  )) });
-}, k = () => {
-  const a = T();
-  return /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-      m,
-      {
-        size: "sm",
-        variant: "ghost",
-        onClick: () => a.invalidateQueries({ queryKey: [I.GET_WEBSITE_PAGES] }),
-        className: "mt-1 h-6 w-6",
-        children: /* @__PURE__ */ e(Q, {})
-      }
-    ) }),
-    /* @__PURE__ */ e(g, { side: "bottom", children: "Refresh pages list" })
-  ] });
-}, le = ({
-  pages: a,
-  search: i,
-  setSearch: s,
-  languages: l,
-  onAddPage: n,
-  selectedLanguage: c,
-  setSelectedLanguage: p,
-  selectedPageType: t,
-  setSelectedPageType: d,
-  showUntranslatedPages: h,
-  setShowUntranslatedPages: x
-}) => {
-  const N = l.length > 1;
-  return /* @__PURE__ */ r("div", { className: "space-y-3 border-b border-b-gray-200 px-4 pb-1", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ e(O, { selectedPageType: t, setSelectedPageType: d }),
-      /* @__PURE__ */ e(U, { search: i, setSearch: s }),
-      /* @__PURE__ */ e(V, { pages: a }),
-      /* @__PURE__ */ r(m, { variant: "default", onClick: n, className: "rounded px-3 font-normal", children: [
-        /* @__PURE__ */ e(M, { strokeWidth: 2, className: "stroke-white stroke-[3]" }),
-        /* @__PURE__ */ e("span", { className: "font-normal text-white", children: "Add Page" })
-      ] }),
-      !N && /* @__PURE__ */ e(k, {})
-    ] }),
-    N ? /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ e(
-        X,
-        {
-          languages: l,
-          selectedLanguage: c,
-          setSelectedLanguage: (E) => {
-            p(E), x(h && (l == null ? void 0 : l[0]) !== c);
-          }
-        }
-      ),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-x-2", children: [
-        (l == null ? void 0 : l[0]) !== c && /* @__PURE__ */ r(f, { children: [
-          /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-            m,
-            {
-              variant: "ghost",
-              onClick: () => x(!h),
-              className: "h-6 rounded px-3 py-1 text-xs font-normal",
-              children: h ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(W, {})
-            }
-          ) }),
-          /* @__PURE__ */ e(g, { side: "bottom", children: "Toggle Untranslated Pages" })
-        ] }),
-        /* @__PURE__ */ e(k, {})
-      ] })
-    ] }) : /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2" })
-  ] });
-};
-export {
-  X as LanguageSelector,
-  le as default
-};

package/dist/page-manager-search-and-filter-eFsGtm5W.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("./index-Blg1T7nL.cjs"),y=require("./use-page-expand-manager-2KjeYfVS.cjs"),s=require("@chaibuilder/sdk/ui"),b=require("@tanstack/react-query"),r=require("lodash-es"),c=require("lucide-react"),N=require("react"),w=({selectedPageType:n,setSelectedPageType:a})=>{const[o,l]=N.useState(""),{data:i}=m.usePageTypes(),d=t=>{if(!o)return!0;const x=o.toLowerCase(),h=p=>String(r.get(t,p,"")).toLowerCase().includes(x);return h("name")||h("key")},u=i.find(t=>t.key===n);return e.jsxs(s.Select,{onValueChange:a,value:n,children:[e.jsx(s.SelectTrigger,{className:`${n==="all"?"bg-gray-100/30 hover:bg-gray-100":"gap-x-1 border bg-gray-100/30 hover:bg-gray-100"} h-9 w-max min-w-[150px] overflow-hidden whitespace-nowrap rounded p-0 px-2 py-1 text-xs text-gray-600 shadow-none ring-0 focus:ring-0 [&>svg]:hidden`,children:e.jsxs("div",{className:"flex w-full items-center justify-between gap-x-1.5",children:[e.jsx("span",{className:"max-w-[150px] overflow-hidden truncate whitespace-nowrap font-medium leading-tight",children:(u==null?void 0:u.name)||"All"}),e.jsx(c.ListFilter,{className:`${n!=="all"?"fill-sky-50 text-sky-500":""} pointer-events-none h-4 w-4 text-muted-foreground hover:bg-blue-300`})]})}),e.jsxs(s.SelectContent,{children:[e.jsx("div",{className:"sticky top-0 z-10 bg-white pb-2",children:e.jsxs("div",{className:"relative",children:[e.jsx(c.Search,{strokeWidth:2,className:"absolute left-2 top-2.5 h-3.5 w-3.5 text-gray-400"}),e.jsx(s.Input,{placeholder:"Search page types...",className:"h-8 w-full rounded border pl-8 text-xs shadow-none",value:o,onChange:t=>l(t.target.value),onKeyDown:t=>t.stopPropagation()})]})}),e.jsx(s.SelectItem,{value:"all",children:"All"}),!r.isEmpty(r.filter(i,t=>t.hasSlug&&d(t)))&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500",children:"Pages"}),r.map([...r.filter(i,t=>t.hasSlug&&d(t))].sort((t,x)=>r.get(t,"name","").localeCompare(r.get(x,"name",""))),t=>e.jsx(s.SelectItem,{value:r.get(t,"key"),children:r.get(t,"name")},r.get(t,"key")))]}),!r.isEmpty(r.filter(i,t=>!t.hasSlug&&d(t)))&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500",children:"Partials"}),r.map([...r.filter(i,t=>!t.hasSlug&&d(t))].sort((t,x)=>r.get(t,"name","").localeCompare(r.get(x,"name",""))),t=>e.jsx(s.SelectItem,{value:r.get(t,"key"),children:r.get(t,"name")},r.get(t,"key")))]}),r.isEmpty(r.filter(i,d))&&e.jsx("div",{className:"px-3 py-2 text-center text-sm text-gray-500",children:"No matching page types found"})]})]})},C=({search:n,setSearch:a})=>e.jsxs("div",{className:"relative flex h-9 flex-1 items-center gap-2 rounded-md border px-2.5",children:[e.jsx("label",{htmlFor:"page-search-input",className:"sr-only",children:"Search Pages"}),e.jsx(c.Search,{className:`${n?"fill-sky-50 text-sky-500":""} pointer-events-none h-4 w-4 text-muted-foreground`,"aria-hidden":"true"}),e.jsx(s.Input,{id:"page-search-input",placeholder:"Search pages",value:n,onChange:o=>a(o.target.value),className:"border-none px-1.5 shadow-none outline-none ring-0 transition-none focus:outline-none focus:ring-0 focus-visible:ring-0",autoComplete:"off"})]}),S=({pages:n})=>{const{expandAll:a,collapseAll:o,expandedPages:l}=y.usePageExpandManager(null);return e.jsxs("div",{className:"flex gap-1",children:[e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{variant:"outline",size:"icon",onClick:()=>a(n),className:"rounded p-1 text-gray-500",children:e.jsx(c.ChevronsUpDown,{})})}),e.jsx(s.TooltipContent,{children:"Expand All"})]}),e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{disabled:l.length===0,variant:"outline",size:"icon",onClick:()=>o(),className:"rounded p-1 text-gray-500",children:e.jsx(c.ChevronsDownUp,{})})}),e.jsx(s.TooltipContent,{children:"Collapse All"})]})]})},f=({languages:n,selectedLanguage:a,setSelectedLanguage:o})=>{const l=m.useFallbackLang();return e.jsx("div",{className:"scrollbar-hide flex gap-1 overflow-x-auto pb-1",children:n.map(i=>e.jsxs(s.Button,{variant:a===i?"default":"outline",size:"sm",className:`h-6 flex-shrink-0 whitespace-nowrap rounded px-3 text-xs font-normal ${a===i?"bg-black text-white hover:bg-black":"text-gray-500"}`,onClick:()=>o(i.toLowerCase()),children:[i===l&&e.jsx(c.Star,{size:4,className:`p-0.5 ${a===l?"fill-white":"fill-black"}`}),m.LANGUAGES[i]||""]},i))})},j=()=>{const n=b.useQueryClient();return e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{size:"sm",variant:"ghost",onClick:()=>n.invalidateQueries({queryKey:[m.ACTIONS.GET_WEBSITE_PAGES]}),className:"mt-1 h-6 w-6",children:e.jsx(c.RefreshCw,{})})}),e.jsx(s.TooltipContent,{side:"bottom",children:"Refresh pages list"})]})},k=({pages:n,search:a,setSearch:o,languages:l,onAddPage:i,selectedLanguage:d,setSelectedLanguage:u,selectedPageType:t,setSelectedPageType:x,showUntranslatedPages:h,setShowUntranslatedPages:p})=>{const g=l.length>1;return e.jsxs("div",{className:"space-y-3 border-b border-b-gray-200 px-4 pb-1",children:[e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx(w,{selectedPageType:t,setSelectedPageType:x}),e.jsx(C,{search:a,setSearch:o}),e.jsx(S,{pages:n}),e.jsxs(s.Button,{variant:"default",onClick:i,className:"rounded px-3 font-normal",children:[e.jsx(c.Plus,{strokeWidth:2,className:"stroke-white stroke-[3]"}),e.jsx("span",{className:"font-normal text-white",children:"Add Page"})]}),!g&&e.jsx(j,{})]}),g?e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx(f,{languages:l,selectedLanguage:d,setSelectedLanguage:v=>{u(v),p(h&&(l==null?void 0:l[0])!==d)}}),e.jsxs("div",{className:"flex items-center gap-x-2",children:[(l==null?void 0:l[0])!==d&&e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{variant:"ghost",onClick:()=>p(!h),className:"h-6 rounded px-3 py-1 text-xs font-normal",children:h?e.jsx(c.FilterXIcon,{}):e.jsx(c.Filter,{})})}),e.jsx(s.TooltipContent,{side:"bottom",children:"Toggle Untranslated Pages"})]}),e.jsx(j,{})]})]}):e.jsx("div",{className:"flex items-center justify-between gap-2"})]})};exports.LanguageSelector=f;exports.default=k;

package/dist/theme-panel-footer-0GrdOHO_.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Blg1T7nL.cjs"),d=require("@chaibuilder/sdk"),a=require("@chaibuilder/sdk/ui"),l=()=>{const[t]=d.useTheme(),{mutate:o,isPending:i}=s.usePublishPages(),{mutateAsync:n,isPending:u}=s.useUpdateWebsiteSettings(),r=()=>{n({settings:{theme:t}})},c=async()=>{await n({settings:{theme:t}}),o({ids:["THEME"]},{onSuccess:()=>{s.throwConfetti("BOTTOM_RIGHT")}})};return e.jsxs("div",{className:"flex items-center justify-center gap-x-3 border-t bg-white py-3",children:[e.jsx(a.Button,{size:"sm",variant:"outline",disabled:i||u,onClick:r,children:"Save draft"}),e.jsx(a.Button,{size:"sm",disabled:i||u,onClick:c,children:"Publish"})]})};exports.default=l;

package/dist/theme-panel-footer-BzEy5bsg.js

@@ -1,25 +0,0 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { u as l, a as m, t as r } from "./index-zaGKeGBW.js";
-import { useTheme as d } from "@chaibuilder/sdk";
-import { Button as a } from "@chaibuilder/sdk/ui";
-const P = () => {
-  const [e] = d(), { mutate: o, isPending: s } = l(), { mutateAsync: t, isPending: i } = m();
-  return /* @__PURE__ */ h("div", { className: "flex items-center justify-center gap-x-3 border-t bg-white py-3", children: [
-    /* @__PURE__ */ n(a, { size: "sm", variant: "outline", disabled: s || i, onClick: () => {
-      t({ settings: { theme: e } });
-    }, children: "Save draft" }),
-    /* @__PURE__ */ n(a, { size: "sm", disabled: s || i, onClick: async () => {
-      await t({ settings: { theme: e } }), o(
-        { ids: ["THEME"] },
-        {
-          onSuccess: () => {
-            r("BOTTOM_RIGHT");
-          }
-        }
-      );
-    }, children: "Publish" })
-  ] });
-};
-export {
-  P as default
-};

package/dist/unmark-as-template-DXEs6foh.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./index-Blg1T7nL.cjs"),t=require("@chaibuilder/sdk/ui"),u=require("react"),d=({page:i,onClose:a})=>{const[s,n]=u.useState(!1),r=c.useUnmarkAsTemplate(),o=()=>{n(!0),r.mutate(i,{onSuccess:()=>{n(!1),a()},onError:()=>{n(!1)}})};return e.jsx(t.Dialog,{open:!0,onOpenChange:a,children:e.jsxs(t.DialogContent,{children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Unmark as template"}),e.jsx(t.DialogDescription,{className:"space-y-1 py-4 text-xs text-slate-500",children:"Are you sure you want to unmark this page as a template?"})]}),e.jsxs(t.DialogFooter,{className:s?"pointer-events-none opacity-75":"",children:[e.jsx(t.Button,{variant:"outline",onClick:l=>{l.stopPropagation(),a()},children:"Cancel"}),e.jsx(t.Button,{variant:"default",disabled:s,onClick:o,children:"Unmark as template"})]})]})})};exports.default=d;