@chaibuilder/sdk 4.0.0-beta.31 → 4.0.0-beta.33

package/dist/{page-manager-new-Bg8H6yrg.js → page-manager-new-l68-Lc9h.js}

@@ -1,19 +1,19 @@
-import { jsxs as w, Fragment as F, jsx as t } from "react/jsx-runtime";
-import { d as ie } from "./index-DsQXiNA_.js";
-import { aB as be, aC as ge, ap as ke, k as de, T as R, aR as Ne, L as ve, m as Se, g as Le, c as Te, av as Ae, aS as Ce, aT as Ee } from "./index-DtMksfXx.js";
+import { jsxs as y, Fragment as q, jsx as t } from "react/jsx-runtime";
+import { d as ie } from "./index-C7bidKtE.js";
+import { s as be, t as ge, w as ke, i as de, T as B, aQ as Ne, L as ve, k as Se, e as Le, c as Ae, aw as Te, aR as Ce, aS as Ee } from "./index-BDrc0HJQ.js";
 import { u as J } from "./use-page-expand-manager-Cf4MUEJw.js";
-import { compact as ue, filter as B, isEmpty as g, uniqBy as $e, keyBy as me, mapValues as Me, startCase as Ue, toLower as $, includes as q, get as W, find as H, map as Ie } from "lodash-es";
+import { compact as ue, filter as F, isEmpty as g, uniqBy as $e, keyBy as me, mapValues as Me, startCase as Ue, toLower as $, includes as _, get as R, find as W, map as Ie } from "lodash-es";
 import { atom as ze, useAtom as Be, useSetAtom as Fe } from "jotai";
-import { ExternalLink as Oe, Pencil as je, NotepadText as Ge, MoreHorizontal as De, Lock as Re, Edit as We, Plus as He, ChevronRight as _e, StarsIcon as qe, Hash as Ve, File as he } from "lucide-react";
-import { useRef as Qe, useEffect as E, useMemo as _, useState as v, useCallback as le, startTransition as Xe, Suspense as C, lazy as M } from "react";
-import { useTranslation as Ye } from "react-i18next";
-import { B as Je } from "./register-chai-top-bar-D6GjnauV.js";
+import { ExternalLink as Oe, Pencil as je, NotepadText as Ge, MoreHorizontal as De, Lock as Re, Plus as We, ChevronRight as He, StarsIcon as _e, Hash as qe, File as he } from "lucide-react";
+import { useRef as Qe, useEffect as E, useMemo as H, useState as v, useCallback as le, startTransition as Ve, Suspense as C, lazy as M } from "react";
+import { useTranslation as Xe } from "react-i18next";
+import { B as Ye } from "./register-chai-top-bar-D6GjnauV.js";
 const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
-  B(e, (a) => {
+  F(e, (a) => {
     const n = $(s);
-    return q($((a == null ? void 0 : a.name) || ""), n) || q($((a == null ? void 0 : a.slug) || ""), n);
+    return _($((a == null ? void 0 : a.name) || ""), n) || _($((a == null ? void 0 : a.slug) || ""), n);
   })
-), Ke = (e, s) => {
+), Je = (e, s) => {
   const a = /* @__PURE__ */ new Set(), n = me(e, "id");
   return s.forEach((i) => {
     let o = i;
@@ -28,14 +28,14 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
       children: n.children ? Y(n.children, s, a) : []
     };
   const i = n.children && n.children.some(
-    (o) => q($(o.name || ""), $(s)) || q($(o.slug || ""), $(s))
+    (o) => _($(o.name || ""), $(s)) || _($(o.slug || ""), $(s))
   );
   return {
     ...n,
     shouldExpandOnSearch: i,
     children: n.children ? Y(n.children, s, a) : []
   };
-}), Ze = (e) => {
+}), Ke = (e) => {
   if (!e || !e.length) return [];
   const s = {};
   e.forEach((n) => {
@@ -48,18 +48,18 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
 }, fe = (e) => !e || !e.length ? [] : [...e].sort((a, n) => (a.name || "").localeCompare(n.name || "")).map((a) => ({
   ...a,
   children: a.children ? fe(a.children) : []
-})), et = (e, s, a, n) => {
+})), Ze = (e, s, a, n) => {
   if (!e || !e.length) return [];
   let i = e;
-  if (a !== "all" && (i = ue(B(e, { pageType: a }))), g(s))
+  if (a !== "all" && (i = ue(F(e, { pageType: a }))), g(s))
     i = ce(i, s);
   else {
-    const h = ce(i, s), c = Ke(e, h);
+    const h = ce(i, s), c = Je(e, h);
     i = $e([...h, ...c], "id");
   }
-  const o = fe(Ze(i)), f = Y(o, s, n), P = B(f, (h) => n(h.pageType)).sort(
+  const o = fe(Ke(i)), f = Y(o, s, n), P = F(f, (h) => n(h.pageType)).sort(
     (h, c) => (h.name || "").localeCompare(c.name || "")
-  ), d = B(f, (h) => !n(h.pageType));
+  ), d = F(f, (h) => !n(h.pageType));
   let p = [];
   if (a === "all") {
     const h = me(d, "pageType");
@@ -75,11 +75,11 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
   } else
     p = d.sort((h, c) => (h.name || "").localeCompare(c.name || ""));
   return [...P, ...p];
-}, tt = ze({
+}, et = ze({
   pageId: null,
   position: { x: 0, y: 0 }
-}), nt = ({ pageId: e, children: s }) => {
-  const [a, n] = Be(tt), i = Qe(null), o = a.pageId === e;
+}), tt = ({ pageId: e, children: s }) => {
+  const [a, n] = Be(et), i = Qe(null), o = a.pageId === e;
   E(() => {
     const d = () => n({ pageId: null, position: { x: 0, y: 0 } });
     if (o)
@@ -91,7 +91,7 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
     const d = `${window.location.pathname}?page=${e}`;
     window.open(d, "_blank"), n({ pageId: null, position: { x: 0, y: 0 } });
   };
-  return /* @__PURE__ */ w(F, { children: [
+  return /* @__PURE__ */ y(q, { children: [
     /* @__PURE__ */ t("span", { onContextMenu: f, children: s }),
     o && /* @__PURE__ */ t(
       "div",
@@ -99,8 +99,8 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
         ref: i,
         className: "fixed z-[9999] max-w-[160px] rounded-md border border-gray-200 bg-white",
         style: { top: a.position.y, left: a.position.x },
-        children: /* @__PURE__ */ t("div", { className: "", children: /* @__PURE__ */ w(
-          Je,
+        children: /* @__PURE__ */ t("div", { className: "", children: /* @__PURE__ */ y(
+          Ye,
           {
             variant: "ghost",
             onClick: P,
@@ -114,7 +114,7 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
       }
     )
   ] });
-}, st = ({ page: e }) => {
+}, nt = ({ page: e }) => {
   var n, i;
   const { isExpanded: s, toggleExpanded: a } = J(e == null ? void 0 : e.id);
   return /* @__PURE__ */ t(
@@ -126,7 +126,7 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
       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 ${(i = e == null ? void 0 : e.children) != null && i.length ? "hover:text-blue-400" : "opacity-0"}`,
       children: /* @__PURE__ */ t(
-        _e,
+        He,
         {
           size: 12,
           className: `stroke-[4] transition-transform duration-200 ${s ? "rotate-90" : ""}`
@@ -134,13 +134,13 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
       )
     }
   );
-}, at = ({ page: e, pageType: s }) => /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center gap-x-1", children: e.dynamic ? /* @__PURE__ */ t(qe, { size: 12, className: "text-yellow-400" }) : s != null && s.icon ? /* @__PURE__ */ t(
+}, st = ({ page: e, pageType: s }) => /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center gap-x-1", children: e.dynamic ? /* @__PURE__ */ t(_e, { 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(Ve, { size: 12, className: "stroke-[1] text-slate-500" }) }), rt = ({ isOnline: e }) => /* @__PURE__ */ t("div", { className: `h-2 w-2 rounded-full ${e ? "bg-green-300" : "bg-gray-300"}` }), ot = ({
+) : s != null && s.hasSlug ? /* @__PURE__ */ t(he, { size: 12, className: "stroke-[1] text-slate-500" }) : /* @__PURE__ */ t(qe, { size: 12, className: "stroke-[1] text-slate-500" }) }), at = ({ 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: a,
@@ -149,20 +149,20 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
   selectedLanguage: o,
   showUntranslatedPages: f
 }) => {
-  const P = be(), { pageToUser: d } = ge(), p = W(d, [e == null ? void 0 : e.id, "userId"]), { data: h } = ke(p), c = h && P !== p ? h == null ? void 0 : h.name : null, x = de(), k = a === e.id, V = !!e.isTemplate, y = _(() => H(s, { key: e.pageType }), [s, e.pageType]);
-  let u = W(i, e == null ? void 0 : e.id);
-  u = W(u, "lang") === o ? u : null;
-  const L = o === x || !!u, A = (u == null ? void 0 : u.name) || (e == null ? void 0 : e.name) || "No name";
+  const P = be(), { pageToUser: d } = ge(), p = R(d, [e == null ? void 0 : e.id, "userId"]), { data: h } = ke(p), c = h && P !== p ? h == null ? void 0 : h.name : null, x = de(), k = a === e.id, Q = !!e.isTemplate, w = H(() => W(s, { key: e.pageType }), [s, e.pageType]);
+  let u = R(i, e == null ? void 0 : e.id);
+  u = R(u, "lang") === o ? u : null;
+  const L = o === x || !!u, T = (u == null ? void 0 : u.name) || (e == null ? void 0 : e.name) || "No name";
   let N = (u == null ? void 0 : u.slug) || (e == null ? void 0 : e.slug) || "";
-  const O = N + (e != null && e.dynamic ? `/${y == null ? void 0 : y.dynamicSlug}` : "") + (e != null && e.dynamicSlugCustom ? `${e.dynamicSlugCustom}` : "");
+  const O = N + (e != null && e.dynamic ? `/${w == null ? void 0 : w.dynamicSlug}` : "") + (e != null && e.dynamicSlugCustom ? `${e.dynamicSlugCustom}` : "");
   if (N.startsWith("/") && !f) {
     const l = N.split("/").pop();
     N = N.endsWith(l) && e.dynamic ? "" : `/${l}`;
   }
-  const j = _(() => {
+  const j = H(() => {
     const l = "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]", U = `${k ? "border-primary/30 bg-primary/5" : "border-transparent hover:border-gray-200 hover:bg-gray-100"}`;
     return L ? `${l} ${U} ${c ? "opacity-60" : ""}` : `${l} bg-gray-100 opacity-50 group-hover:border-gray-200 border-transparent group-hover:bg-blue-100`;
-  }, [L, k, c]), G = _(() => {
+  }, [L, k, c]), G = H(() => {
     if (e.isPartialGroup) return !1;
     if (u) {
       if (!u.online || g(u.changes)) return !1;
@@ -170,27 +170,27 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
       return !1;
     return !0;
   }, [u, e]);
-  return /* @__PURE__ */ w("div", { className: "group relative", children: [
-    /* @__PURE__ */ t(nt, { pageId: e.id, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ y("div", { className: "group relative", children: [
+    /* @__PURE__ */ t(tt, { pageId: e.id, children: /* @__PURE__ */ y(
       "div",
       {
         onClick: () => !e.isPartialGroup && L && n("select", e == null ? void 0 : e.id),
         className: j,
         children: [
-          /* @__PURE__ */ t(st, { page: e }),
-          !e.isPartialGroup && /* @__PURE__ */ t(rt, { isOnline: u ? u.online : e.online }),
-          !e.isPartialGroup && /* @__PURE__ */ t(at, { page: e, pageType: y }),
-          /* @__PURE__ */ t(R, { content: A, side: "top", showTooltip: A.length > 35, children: /* @__PURE__ */ t("span", { className: "max-w-[40%] truncate font-medium text-black", children: A }) }),
-          (N || e.dynamic) && /* @__PURE__ */ t(R, { content: O, side: "top", showTooltip: !0, children: /* @__PURE__ */ w("span", { className: "max-w-[40%] truncate font-mono text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ t(nt, { page: e }),
+          !e.isPartialGroup && /* @__PURE__ */ t(at, { isOnline: u ? u.online : e.online }),
+          !e.isPartialGroup && /* @__PURE__ */ t(st, { page: e, pageType: w }),
+          /* @__PURE__ */ t(B, { content: T, side: "top", showTooltip: T.length > 35, children: /* @__PURE__ */ t("span", { className: "max-w-[40%] truncate font-medium text-black", children: T }) }),
+          (N || e.dynamic) && /* @__PURE__ */ t(B, { content: O, side: "top", showTooltip: !0, children: /* @__PURE__ */ y("span", { className: "max-w-[40%] truncate font-mono text-xs text-muted-foreground", children: [
             N,
-            e.dynamic && (y == null ? void 0 : y.dynamicSlug) && /* @__PURE__ */ w("span", { className: "text-xs text-gray-500", children: [
+            e.dynamic && (w == null ? void 0 : w.dynamicSlug) && /* @__PURE__ */ y("span", { className: "text-xs text-gray-500", children: [
               "/",
-              y == null ? void 0 : y.dynamicSlug,
+              w == null ? void 0 : w.dynamicSlug,
               e.dynamicSlugCustom
             ] })
           ] }) }),
-          G && /* @__PURE__ */ t(R, { content: "Has unpublished changes", side: "top", children: /* @__PURE__ */ t("span", { className: "text-amber-500", children: /* @__PURE__ */ t(je, { size: 12, className: "stroke-[2]" }) }) }),
-          V && /* @__PURE__ */ t(R, { content: "Template", side: "top", children: /* @__PURE__ */ t("span", { className: "text-blue-500", children: /* @__PURE__ */ t(Ge, { size: 16 }) }) }),
+          G && /* @__PURE__ */ t(B, { content: "Has unpublished changes", side: "top", children: /* @__PURE__ */ t("span", { className: "text-amber-500", children: /* @__PURE__ */ t(je, { size: 12, className: "stroke-[2]" }) }) }),
+          Q && /* @__PURE__ */ t(B, { content: "Template", side: "top", children: /* @__PURE__ */ t("span", { className: "text-blue-500", children: /* @__PURE__ */ t(Ge, { size: 16 }) }) }),
           !e.isPartialGroup && L && !c ? /* @__PURE__ */ t("div", { className: "duration absolute right-0.5 top-[3px]", children: /* @__PURE__ */ t(
             Ne,
             {
@@ -204,17 +204,14 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
               setUnmarkAsTemplate: (l) => n("unmarkAsTemplate", l),
               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(De, { className: "h-4 w-4", onClick: (l) => l.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(Re, { className: "h-3.5 w-3.5 fill-red-200 text-red-500" }) }) : null
+          ) }) : c ? /* @__PURE__ */ y("span", { className: "duration absolute right-1.5 top-1/2 flex -translate-y-1/2 items-center gap-x-1 text-xs text-red-500", children: [
+            /* @__PURE__ */ t(Re, { className: "h-3 w-3 fill-red-200 text-red-500" }),
+            /* @__PURE__ */ t(B, { content: `${c} is editing this page`, children: /* @__PURE__ */ t("span", { className: "font-bold", children: c }) })
+          ] }) : null
         ]
       }
     ) }),
-    /* @__PURE__ */ t(F, { children: c && /* @__PURE__ */ w("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(We, { 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__ */ w(
+    /* @__PURE__ */ t(q, { children: !L && !e.isPartialGroup && !c && /* @__PURE__ */ y(
       "button",
       {
         onClick: (l) => {
@@ -222,11 +219,11 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
         },
         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(He, { size: 12, className: "stroke-[3]" }),
+          /* @__PURE__ */ t(We, { size: 12, className: "stroke-[3]" }),
           " ",
-          /* @__PURE__ */ w("span", { className: "text-[10px]", children: [
+          /* @__PURE__ */ y("span", { className: "text-[10px]", children: [
             "Add ",
-            W(ve, o),
+            R(ve, o),
             " Page"
           ] })
         ]
@@ -244,9 +241,9 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
   showUntranslatedPages: P
 }) => {
   const { expandedPages: d } = J();
-  return /* @__PURE__ */ t("div", { className: "space-y-0.5", style: { paddingLeft: `${s * 10}px` }, children: e.map((p) => /* @__PURE__ */ w(F, { children: [
+  return /* @__PURE__ */ t("div", { className: "space-y-0.5", style: { paddingLeft: `${s * 10}px` }, children: e.map((p) => /* @__PURE__ */ y(q, { children: [
     /* @__PURE__ */ t(
-      ot,
+      rt,
       {
         page: p,
         pageTypes: a,
@@ -271,34 +268,34 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
       }
     )
   ] }, p.id)) });
-}, it = M(() => import("./page-manager-search-and-filter-CyfO7O96.js")), lt = M(() => import("./add-new-page-C5HlQfzy.js")), ct = M(() => import("./delete-page-LnzR01A8.js")), dt = M(() => import("./duplicate-page-CXzYy7vx.js")), ut = M(() => import("./mark-as-template-DNHYNjI9.js")), mt = M(() => import("./unmark-as-template-DeeWUTco.js")), ht = M(() => import("./unpublish-page-U_79Pwc0.js")), vt = ({ close: e }) => {
-  const { t: s } = Ye(), { languages: a, setSelectedLang: n } = ie(), { data: i } = Se(), { data: o, isFetching: f } = Le(), [P, d] = Te(), { updateForSelectedPage: p, expandPagesOnSearch: h } = J(null), c = de(), x = P.get("page"), [k, V] = v(""), [y, u] = v(null), [L, A] = v(null), [N, O] = v(null), [j, G] = v(null), [l, U] = v(""), [K, Z] = v(null), [ee, te] = v(null), [b, Q] = v(c), [xe, ye] = v(!1), ne = Fe(Ae), D = xe && b !== c, { data: I, isFetching: we } = Ce(b), se = le(
+}, ot = M(() => import("./page-manager-search-and-filter-DJn98D02.js")), it = M(() => import("./add-new-page-Y0d9tHh0.js")), lt = M(() => import("./delete-page-B53nkF74.js")), ct = M(() => import("./duplicate-page-DCRVR-kF.js")), dt = M(() => import("./mark-as-template-AbZrkEYl.js")), ut = M(() => import("./unmark-as-template-CKVMibvu.js")), mt = M(() => import("./unpublish-page-A5qn6E6g.js")), Nt = ({ close: e }) => {
+  const { t: s } = Xe(), { languages: a, setSelectedLang: n } = ie(), { data: i } = Se(), { data: o, isFetching: f } = Le(), [P, d] = Ae(), { updateForSelectedPage: p, expandPagesOnSearch: h } = J(null), c = de(), x = P.get("page"), [k, Q] = v(""), [w, u] = v(null), [L, T] = v(null), [N, O] = v(null), [j, G] = v(null), [l, U] = v(""), [K, Z] = v(null), [ee, te] = v(null), [b, V] = v(c), [xe, we] = v(!1), ne = Fe(Te), D = xe && b !== c, { data: I, isFetching: ye } = Ce(b), se = le(
     (m) => {
       var r;
-      return (r = H(i, { key: m })) == null ? void 0 : r.hasSlug;
+      return (r = W(i, { key: m })) == null ? void 0 : r.hasSlug;
     },
     [i]
-  ), S = _(() => o ? D ? B(o, (m) => !(I != null && I[m.id])) : et(o, k, l, se) : [], [o, se, k, l, I, D]);
+  ), S = H(() => o ? D ? F(o, (m) => !(I != null && I[m.id])) : Ze(o, k, l, se) : [], [o, se, k, l, I, D]);
   E(() => {
     n(c);
   }, [c, n]), E(() => {
     const m = P.get("lang");
     if (m) {
-      const r = a, T = a[0] ?? c, z = r.includes(m);
-      Xe(() => {
-        z && b !== m ? Q(m) : !z && b !== T && Q(T);
+      const r = a, A = a[0] ?? c, z = r.includes(m);
+      Ve(() => {
+        z && b !== m ? V(m) : !z && b !== A && V(A);
       });
     }
   }, []), E(() => {
     if (!g(l)) return;
     const m = sessionStorage.getItem("pageTypeFilter") || "all";
-    !g(i) && m && (H(i, { key: m }) ? U(m) : U("all"));
+    !g(i) && m && (W(i, { key: m }) ? U(m) : U("all"));
   }, [i, l]), E(() => {
-    if (x && !f && !H(o, { id: x })) {
+    if (x && !f && !W(o, { id: x })) {
       const r = new URLSearchParams(P.toString());
       if (r.delete("page"), [...r.keys()].length > 0) {
         if (typeof window < "u" && window.history && window.location) {
-          const T = r.toString(), z = window.location.hash || "", oe = window.location.pathname, Pe = T ? `${oe}?${T}${z}` : `${oe}${z}`;
+          const A = r.toString(), z = window.location.hash || "", oe = window.location.pathname, Pe = A ? `${oe}?${A}${z}` : `${oe}${z}`;
           window.history.replaceState(window.history.state, "", Pe);
         }
         d(r);
@@ -321,11 +318,11 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
     },
     [e, d, X, b, c]
   ), re = (m, r) => {
-    var T;
+    var A;
     if (r)
       switch (m) {
         case "add":
-          A(r);
+          T(r);
           break;
         case "select":
           ae(r);
@@ -335,7 +332,7 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
             edit: !0,
             id: r == null ? void 0 : r.id,
             primaryPage: r == null ? void 0 : r.primaryPage
-          }) : A(r);
+          }) : T(r);
           break;
         case "delete":
           u(r);
@@ -355,31 +352,31 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
         case "addLanguagePage":
           ne({
             edit: !1,
-            primaryPage: ((T = r == null ? void 0 : r.page) == null ? void 0 : T.id) || "",
+            primaryPage: ((A = r == null ? void 0 : r.page) == null ? void 0 : A.id) || "",
             preselectedLang: (r == null ? void 0 : r.language) || b
           });
           break;
       }
   };
-  return /* @__PURE__ */ w(F, { children: [
-    /* @__PURE__ */ w("div", { className: "flex h-full flex-col justify-between", children: [
+  return /* @__PURE__ */ y(q, { children: [
+    /* @__PURE__ */ y("div", { className: "flex h-full flex-col justify-between", children: [
       /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
-        it,
+        ot,
         {
           pages: S,
           search: k,
-          setSearch: V,
+          setSearch: Q,
           languages: [c, ...a],
           selectedLanguage: b,
-          setSelectedLanguage: Q,
+          setSelectedLanguage: V,
           selectedPageType: l,
           setSelectedPageType: U,
           onAddPage: (m) => re("add", m),
           showUntranslatedPages: D,
-          setShowUntranslatedPages: ye
+          setShowUntranslatedPages: we
         }
       ) }),
-      /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-4 pb-6 pt-2", children: f || we ? /* @__PURE__ */ t("div", { className: "space-y-2", children: Ie([...Array(15).keys()], (m) => /* @__PURE__ */ t("div", { className: "h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200" }, m)) }) : g(S) ? /* @__PURE__ */ w("div", { className: "flex h-[70vh] flex-col items-center justify-center gap-y-1 text-sm font-medium text-slate-500", children: [
+      /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-4 pb-6 pt-2", children: f || ye ? /* @__PURE__ */ t("div", { className: "space-y-2", children: Ie([...Array(15).keys()], (m) => /* @__PURE__ */ t("div", { className: "h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200" }, m)) }) : g(S) ? /* @__PURE__ */ y("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") })
@@ -398,21 +395,21 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : g(s) ? e : ue(
       ) })
     ] }),
     L && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(
-      lt,
+      it,
       {
         closePanel: e,
         editPage: ae,
         addEditPage: L,
-        setAddEditPage: A
+        setAddEditPage: T
       }
     ) }),
-    y && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ct, { page: y, onClose: () => u(null) }) }),
-    N && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ht, { page: N, onClose: () => O(null) }) }),
-    j && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ut, { page: j, onClose: () => G(null) }) }),
-    ee && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(mt, { page: ee, onClose: () => te(null) }) }),
-    K && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(dt, { page: K, onClose: () => Z(null), closePanel: e }) })
+    w && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(lt, { page: w, onClose: () => u(null) }) }),
+    N && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(mt, { page: N, onClose: () => O(null) }) }),
+    j && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(dt, { page: j, onClose: () => G(null) }) }),
+    ee && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ut, { page: ee, onClose: () => te(null) }) }),
+    K && /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(ct, { page: K, onClose: () => Z(null), closePanel: e }) })
   ] });
 };
 export {
-  vt as default
+  Nt as default
 };

package/dist/{page-manager-search-and-filter-CDXunXNd.cjs → page-manager-search-and-filter-BOpne6v-.cjs}

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

package/dist/{page-manager-search-and-filter-CyfO7O96.js → page-manager-search-and-filter-DJn98D02.js}

@@ -1,22 +1,22 @@
 import { jsx as e, jsxs as a, Fragment as k } from "react/jsx-runtime";
 import { B as m, z as E } from "./register-chai-top-bar-D6GjnauV.js";
-import { x as g, y as b, z as y, S as L, A as F, B as I, E as N } from "./index-DsQXiNA_.js";
-import { k as j, L as T, m as $, A as B } from "./index-DtMksfXx.js";
+import { w as g, x as b, y, S as F, z as L, A as I, B as w } from "./index-C7bidKtE.js";
+import { i as j, L as T, k as $, A as B } from "./index-BDrc0HJQ.js";
 import { u as G } from "./use-page-expand-manager-Cf4MUEJw.js";
 import { useQueryClient as D } from "@tanstack/react-query";
-import { isEmpty as w, filter as x, map as S, get as o } from "lodash-es";
+import { isEmpty as N, filter as x, map as S, get as i } from "lodash-es";
 import { Star as M, Plus as R, FilterXIcon as W, Filter as q, ListFilter as K, Search as P, ChevronsUpDown as Q, ChevronsDownUp as _, RefreshCw as O } from "lucide-react";
 import { useState as U } from "react";
 import { useTranslation as f } from "react-i18next";
 const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
-  const { t: l } = f(), [r, i] = U(""), { data: c } = $(), h = (t) => {
+  const { t: l } = f(), [r, o] = U(""), { data: c } = $(), h = (t) => {
     if (!r) return !0;
-    const d = r.toLowerCase(), u = (v) => String(o(t, v, "")).toLowerCase().includes(d);
+    const d = r.toLowerCase(), u = (v) => String(i(t, v, "")).toLowerCase().includes(d);
     return u("name") || u("key");
   }, p = c.find((t) => t.key === n);
-  return /* @__PURE__ */ a(L, { onValueChange: s, value: n, children: [
+  return /* @__PURE__ */ a(F, { onValueChange: s, value: n, children: [
     /* @__PURE__ */ e(
-      F,
+      L,
       {
         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: /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between gap-x-1.5", children: [
@@ -39,31 +39,31 @@ const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
             placeholder: l("Search page types..."),
             className: "h-8 w-full rounded border pl-8 text-xs shadow-none",
             value: r,
-            onChange: (t) => i(t.target.value),
+            onChange: (t) => o(t.target.value),
             onKeyDown: (t) => t.stopPropagation()
           }
         )
       ] }) }),
-      /* @__PURE__ */ e(N, { value: "all", children: l("All") }),
-      !w(x(c, (t) => t.hasSlug && h(t))) && /* @__PURE__ */ a(k, { children: [
+      /* @__PURE__ */ e(w, { value: "all", children: l("All") }),
+      !N(x(c, (t) => t.hasSlug && h(t))) && /* @__PURE__ */ a(k, { children: [
         /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: l("Pages") }),
         S(
           [...x(c, (t) => t.hasSlug && h(t))].sort(
-            (t, d) => o(t, "name", "").localeCompare(o(d, "name", ""))
+            (t, d) => i(t, "name", "").localeCompare(i(d, "name", ""))
           ),
-          (t) => /* @__PURE__ */ e(N, { value: o(t, "key"), children: o(t, "name") }, o(t, "key"))
+          (t) => /* @__PURE__ */ e(w, { value: i(t, "key"), children: i(t, "name") }, i(t, "key"))
         )
       ] }),
-      !w(x(c, (t) => !t.hasSlug && h(t))) && /* @__PURE__ */ a(k, { children: [
+      !N(x(c, (t) => !t.hasSlug && h(t))) && /* @__PURE__ */ a(k, { children: [
         /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: l("Partials") }),
         S(
           [...x(c, (t) => !t.hasSlug && h(t))].sort(
-            (t, d) => o(t, "name", "").localeCompare(o(d, "name", ""))
+            (t, d) => i(t, "name", "").localeCompare(i(d, "name", ""))
           ),
-          (t) => /* @__PURE__ */ e(N, { value: o(t, "key"), children: o(t, "name") }, o(t, "key"))
+          (t) => /* @__PURE__ */ e(w, { value: i(t, "key"), children: i(t, "name") }, i(t, "key"))
         )
       ] }),
-      w(x(c, h)) && /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-sm text-gray-500", children: l("No matching page types found") })
+      N(x(c, h)) && /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-sm text-gray-500", children: l("No matching page types found") })
     ] })
   ] });
 }, X = ({ search: n, setSearch: s }) => {
@@ -85,12 +85,13 @@ const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
         value: n,
         onChange: (r) => s(r.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"
+        autoComplete: "off",
+        autoFocus: !0
       }
     )
   ] });
 }, H = ({ pages: n }) => {
-  const { t: s } = f(), { expandAll: l, collapseAll: r, expandedPages: i } = G(null);
+  const { t: s } = f(), { expandAll: l, collapseAll: r, expandedPages: o } = G(null);
   return /* @__PURE__ */ a("div", { className: "flex gap-1", children: [
     /* @__PURE__ */ a(g, { children: [
       /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "outline", size: "icon", onClick: () => l(n), className: "rounded p-1 text-gray-500", children: /* @__PURE__ */ e(Q, {}) }) }),
@@ -100,7 +101,7 @@ const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
       /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(
         m,
         {
-          disabled: i.length === 0,
+          disabled: o.length === 0,
           variant: "outline",
           size: "icon",
           onClick: () => r(),
@@ -113,19 +114,19 @@ const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
   ] });
 }, J = ({ languages: n, selectedLanguage: s, setSelectedLanguage: l }) => {
   const r = j();
-  return /* @__PURE__ */ e("div", { className: "scrollbar-hide flex gap-1 overflow-x-auto pb-1", children: n.map((i) => /* @__PURE__ */ a(
+  return /* @__PURE__ */ e("div", { className: "scrollbar-hide flex gap-1 overflow-x-auto pb-1", children: n.map((o) => /* @__PURE__ */ a(
     m,
     {
-      variant: s === i ? "default" : "outline",
+      variant: s === o ? "default" : "outline",
       size: "sm",
-      className: `h-6 flex-shrink-0 whitespace-nowrap rounded px-3 text-xs font-normal ${s === i ? "bg-black text-white hover:bg-black" : "text-gray-500"}`,
-      onClick: () => l(i.toLowerCase()),
+      className: `h-6 flex-shrink-0 whitespace-nowrap rounded px-3 text-xs font-normal ${s === o ? "bg-black text-white hover:bg-black" : "text-gray-500"}`,
+      onClick: () => l(o.toLowerCase()),
       children: [
-        i === r && /* @__PURE__ */ e(M, { size: 4, className: `p-0.5 ${s === r ? "fill-white" : "fill-black"}` }),
-        T[i] || ""
+        o === r && /* @__PURE__ */ e(M, { size: 4, className: `p-0.5 ${s === r ? "fill-white" : "fill-black"}` }),
+        T[o] || ""
       ]
     },
-    i
+    o
   )) });
 }, A = () => {
   const { t: n } = f(), s = D();
@@ -142,12 +143,12 @@ const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
     ) }),
     /* @__PURE__ */ e(y, { side: "bottom", children: n("Refresh pages list") })
   ] });
-}, oe = ({
+}, ie = ({
   pages: n,
   search: s,
   setSearch: l,
   languages: r,
-  onAddPage: i,
+  onAddPage: o,
   selectedLanguage: c,
   setSelectedLanguage: h,
   selectedPageType: p,
@@ -161,7 +162,7 @@ const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
       /* @__PURE__ */ e(V, { selectedPageType: p, setSelectedPageType: t }),
       /* @__PURE__ */ e(X, { search: s, setSearch: l }),
       /* @__PURE__ */ e(H, { pages: n }),
-      /* @__PURE__ */ a(m, { variant: "default", onClick: i, className: "rounded px-3 font-normal", children: [
+      /* @__PURE__ */ a(m, { variant: "default", onClick: o, className: "rounded px-3 font-normal", children: [
         /* @__PURE__ */ e(R, { strokeWidth: 2, className: "stroke-white stroke-[3]" }),
         /* @__PURE__ */ e("span", { className: "font-normal text-white", children: v("Add Page") })
       ] }),
@@ -198,5 +199,5 @@ const V = ({ selectedPageType: n, setSelectedPageType: s }) => {
 };
 export {
   J as LanguageSelector,
-  oe as default
+  ie as default
 };