@chaibuilder/sdk 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/page-lock-BdYmCks0.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("./index-WQwzsC7A.cjs"),E=require("@tanstack/react-query"),r=require("react"),c=r.lazy(()=>Promise.resolve().then(()=>require("./take-over-request-BNxcjY2j.cjs"))),o=r.lazy(()=>Promise.resolve().then(()=>require("./page-locked-dialog-B1FAtK92.cjs"))),l=r.lazy(()=>Promise.resolve().then(()=>require("./active-in-another-tab-B47YjQGN.cjs"))),S=r.lazy(()=>Promise.resolve().then(()=>require("./continue-editing-in-this-client-CtMYsk-A.cjs"))),s=n=>u.jsx(r.Suspense,{children:u.jsx(n,{})}),A=({isFetchingPageData:n})=>{e.useChaibuilderRealtime();const{pageStatus:t}=e.usePageLockStatus(),{pageLockMeta:a}=e.usePageLockMeta(),T=E.useQueryClient(),i=r.useRef(t);if(r.useEffect(()=>{t===e.PAGE_STATUS.EDITING&&i.current!==e.PAGE_STATUS.TAKE_OVER_REQUESTED&&T.invalidateQueries({queryKey:[e.ACTIONS.GET_DRAFT_PAGE]}),i.current=t},[t,T]),n)return null;switch(t){case e.PAGE_STATUS.EDITING:case e.PAGE_STATUS.CHECKING:case e.PAGE_STATUS.FORCE_TAKE_OVER:return a.type===e.EVENT.CONTINUE_EDITING_IN_THIS_CLIENT?s(S):null;case e.PAGE_STATUS.LOCKED:return s(o);case e.PAGE_STATUS.TAKE_OVER_REQUESTED:return s(c);case e.PAGE_STATUS.ACTIVE_IN_ANOTHER_TAB:return s(l);case e.PAGE_STATUS.CONNECTION_LOST:return u.jsx(e.BlurContainer,{children:null});default:return null}};exports.default=A;

package/dist/page-lock-Bfbs6RgL.js

@@ -0,0 +1,30 @@
+import { jsx as n } from "react/jsx-runtime";
+import { u as E, a as c, b as T, P as e, A as l, B as I, E as _ } from "./index-ZuacEL1j.js";
+import { useQueryClient as C } from "@tanstack/react-query";
+import { useRef as p, useEffect as N, Suspense as A, lazy as s } from "react";
+const m = s(() => import("./take-over-request-C4FeDtN_.js")), f = s(() => import("./page-locked-dialog-B6MKTRfY.js")), O = s(() => import("./active-in-another-tab-CyjngVA6.js")), S = s(() => import("./continue-editing-in-this-client-CS2aQ7yY.js")), r = (a) => /* @__PURE__ */ n(A, { children: /* @__PURE__ */ n(a, {}) }), L = ({ isFetchingPageData: a }) => {
+  E();
+  const { pageStatus: t } = c(), { pageLockMeta: o } = T(), u = C(), i = p(t);
+  if (N(() => {
+    t === e.EDITING && i.current !== e.TAKE_OVER_REQUESTED && u.invalidateQueries({ queryKey: [l.GET_DRAFT_PAGE] }), i.current = t;
+  }, [t, u]), a) return null;
+  switch (t) {
+    case e.EDITING:
+    case e.CHECKING:
+    case e.FORCE_TAKE_OVER:
+      return o.type === _.CONTINUE_EDITING_IN_THIS_CLIENT ? r(S) : null;
+    case e.LOCKED:
+      return r(f);
+    case e.TAKE_OVER_REQUESTED:
+      return r(m);
+    case e.ACTIVE_IN_ANOTHER_TAB:
+      return r(O);
+    case e.CONNECTION_LOST:
+      return /* @__PURE__ */ n(I, { children: null });
+    default:
+      return null;
+  }
+};
+export {
+  L as default
+};

package/dist/page-locked-dialog-B1FAtK92.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index-DF5DEvqb.cjs"),t=require("./index-WQwzsC7A.cjs"),c=require("lucide-react"),o=require("react"),C=require("react-i18next"),O=()=>{const m=t.useCurrentPageOwner(),p=t.useSendRealtimeEvent(),{setPageStatus:T}=t.usePageLockStatus(),{data:s,isFetching:j}=t.useChaiUserInfo((m==null?void 0:m.userId)||""),{pageLockMeta:d,setPageLockMeta:f}=t.usePageLockMeta(),{t:a}=C.useTranslation(),[u,i]=o.useState(""),[n,g]=o.useState({}),[N,v]=o.useState(!1),l=o.useRef(null);o.useEffect(()=>{d!=null&&d.type&&(l.current&&clearTimeout(l.current),g(d),f({}),i(""))},[d,f]);const k=()=>{u!==t.EVENT.TAKE_OVER_REQUEST&&(i(t.EVENT.TAKE_OVER_REQUEST),p(t.EVENT.TAKE_OVER_REQUEST),l.current=setTimeout(()=>i(""),2e4))},b=()=>{u!==t.EVENT.FORCE_TAKE_OVER_REQUEST&&(i(t.EVENT.FORCE_TAKE_OVER_REQUEST),p(t.EVENT.FORCE_TAKE_OVER_REQUEST),T(t.PAGE_STATUS.CHECKING),l.current=setTimeout(()=>i(""),2e4))},R=()=>{g({}),l.current&&clearTimeout(l.current),i("")},x=j?"Loading...":(s==null?void 0:s.name)||"Current editor",h=u===t.EVENT.TAKE_OVER_REQUEST,E=u===t.EVENT.FORCE_TAKE_OVER_REQUEST;return e.jsx(t.BlurContainer,{children:e.jsxs(r.Card,{className:"mx-auto w-full max-w-md",children:[e.jsx(r.CardHeader,{className:"space-y-1 border-b pb-3",children:e.jsxs(r.CardTitle,{className:"flex items-center gap-2 text-xl",children:[e.jsx(c.LockKeyhole,{className:"h-8 w-8 rounded-md bg-sky-500/20 p-1.5 text-sky-500"}),e.jsx("span",{children:a("Page Locked for Editing")})]})}),e.jsxs(r.CardContent,{className:"space-y-4 p-4",children:[e.jsxs("div",{className:"relative rounded-md border border-green-500 px-2 pb-2 pt-4",children:[e.jsx("div",{className:"absolute -top-2.5 left-3 w-max rounded-full bg-green-500 px-3 py-1 text-xs font-medium leading-3 text-white",children:"Current Editor"}),e.jsxs("div",{className:"flex items-center space-x-4 p-1",children:[s!=null&&s.avatar?e.jsx("img",{src:s.avatar,alt:s.name,className:"h-12 w-12 flex-shrink-0 rounded-full bg-black p-3 text-white"}):e.jsx(c.UserIcon,{className:"h-12 w-12 flex-shrink-0 rounded-full bg-black p-3 text-white"}),e.jsxs("div",{className:"flex-1 space-y-0",children:[e.jsx("div",{className:"truncate font-medium leading-tight text-black",children:x}),(s==null?void 0:s.email)&&e.jsx("p",{className:"truncate text-sm leading-tight text-muted-foreground",children:s.email})]})]})]}),((n==null?void 0:n.type)===t.EVENT.TAKE_OVER_REJECTED||(n==null?void 0:n.type)===t.EVENT.FORCE_TAKE_OVER_REQUEST)&&e.jsx("section",{className:"space-y-2",children:e.jsxs("div",{className:"flex items-center justify-between gap-x-2 rounded border border-red-500 bg-red-500/10 py-2 pl-3 pr-2 text-sm font-medium text-red-500",children:[e.jsxs("div",{className:"flex items-start gap-x-2",children:[e.jsx(c.AlertCircleIcon,{className:"mt-px flex h-4 w-4 shrink-0"}),e.jsxs("div",{className:"font-light leading-tight",children:[e.jsx("span",{className:"font-medium",children:(s==null?void 0:s.name)||"The current editor"}),(n==null?void 0:n.type)===t.EVENT.TAKE_OVER_REJECTED?" rejected your take over request.":" forcefully took over this page."]})]}),e.jsx(r.Button,{size:"icon",variant:"ghost",onClick:R,className:"flex-shrink-0",children:e.jsx(c.X,{className:"h-4 w-4"})})]})})]}),e.jsx(r.CardFooter,{className:"flex flex-col gap-3 border-t pt-3",children:e.jsxs("section",{className:"space-y-2",children:[e.jsx("h3",{className:"text-xs font-semibold uppercase tracking-wide text-muted-foreground",children:a("Take Over Options")}),e.jsxs("div",{className:"rounded-md border bg-muted/40 p-3",children:[e.jsxs("div",{className:"mb-2",children:[e.jsx("p",{className:"text-sm font-medium",children:a("Take Over Request:")}),e.jsx("p",{className:"mt-1 text-xs text-muted-foreground",children:a("Send a request to {{currentEditorName}} asking them to release the page. They can accept or decline your request.",{currentEditorName:x})})]}),e.jsxs(r.Button,{disabled:h,variant:"default",onClick:k,className:"mt-3 w-full gap-2",children:[e.jsx(c.Edit,{className:"h-4 w-4"}),h?"Take over request sent":"Send Take Over Request"]}),h&&e.jsx("p",{className:"mt-2 text-xs text-muted-foreground",children:a("Request sent. If no response, try again or use force take over.")})]}),e.jsx(r.Accordion,{type:"single",collapsible:!0,className:"w-full",children:e.jsxs(r.AccordionItem,{value:"force-takeover",className:"rounded-md border border-destructive/40 bg-destructive/5",children:[e.jsx(r.AccordionTrigger,{className:"px-3 py-2 hover:no-underline",children:e.jsx("div",{className:"flex items-center gap-2 text-left",children:e.jsxs("div",{children:[e.jsxs("p",{className:"flex items-center gap-x-2 text-sm font-medium text-destructive",children:[e.jsx(c.ShieldAlert,{className:"h-4 w-4 text-destructive"}),a("Force Take Over")]}),e.jsx("p",{className:"pl-6 text-xs font-normal leading-tight text-muted-foreground",children:a("Immediately take control (use with caution)")})]})})}),e.jsx(r.AccordionContent,{className:"px-3 pb-3",children:e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex items-start gap-2 rounded-md border border-destructive/40 bg-background p-2",children:[e.jsx("input",{type:"checkbox",id:"force-takeover",checked:N,onChange:y=>v(y.target.checked),className:"mt-0.5 h-4 w-4 rounded border-gray-300"}),e.jsx("label",{htmlFor:"force-takeover",className:"flex-1 text-xs text-muted-foreground",children:a("I understand this will immediately close the editor for {{currentEditorName}}. I am using this option with caution.",{currentEditorName:x})})]}),e.jsxs(r.Button,{disabled:!N||E,variant:"destructive",onClick:b,className:"w-full gap-2",children:[e.jsx(c.ShieldAlert,{className:"h-4 w-4"}),a(E?"Take over page...":"Force Take Over")]}),E&&e.jsx("p",{className:"text-xs text-muted-foreground",children:a("Attempting to forcefully take over this page. Please wait while we update the editing session.")})]})})]})})]})})]})})};exports.default=O;

package/dist/page-locked-dialog-B6MKTRfY.js

@@ -0,0 +1,133 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { W as O, X as w, Y as A, Z as S, B as p, _ as F, $ as K, a0 as I, a1 as U, a2 as V } from "./index-Ct7ElCGK.js";
+import { aq as q, ao as Q, a as P, ap as j, b as B, B as D, E as a, P as L } from "./index-ZuacEL1j.js";
+import { LockKeyhole as G, UserIcon as H, AlertCircleIcon as J, X, Edit as z, ShieldAlert as v } from "lucide-react";
+import { useState as f, useRef as W, useEffect as Y } from "react";
+import { useTranslation as Z } from "react-i18next";
+const ae = () => {
+  const o = q(), x = Q(), { setPageStatus: T } = P(), { data: r, isFetching: k } = j((o == null ? void 0 : o.userId) || ""), { pageLockMeta: l, setPageLockMeta: E } = B(), { t: s } = Z(), [d, c] = f(""), [n, g] = f({}), [N, b] = f(!1), i = W(null);
+  Y(() => {
+    l != null && l.type && (i.current && clearTimeout(i.current), g(l), E({}), c(""));
+  }, [l, E]);
+  const R = () => {
+    d !== a.TAKE_OVER_REQUEST && (c(a.TAKE_OVER_REQUEST), x(a.TAKE_OVER_REQUEST), i.current = setTimeout(() => c(""), 2e4));
+  }, C = () => {
+    d !== a.FORCE_TAKE_OVER_REQUEST && (c(a.FORCE_TAKE_OVER_REQUEST), x(a.FORCE_TAKE_OVER_REQUEST), T(L.CHECKING), i.current = setTimeout(() => c(""), 2e4));
+  }, _ = () => {
+    g({}), i.current && clearTimeout(i.current), c("");
+  }, m = k ? "Loading..." : (r == null ? void 0 : r.name) || "Current editor", u = d === a.TAKE_OVER_REQUEST, h = d === a.FORCE_TAKE_OVER_REQUEST;
+  return /* @__PURE__ */ e(D, { children: /* @__PURE__ */ t(O, { className: "mx-auto w-full max-w-md", children: [
+    /* @__PURE__ */ e(w, { className: "space-y-1 border-b pb-3", children: /* @__PURE__ */ t(A, { className: "flex items-center gap-2 text-xl", children: [
+      /* @__PURE__ */ e(G, { className: "h-8 w-8 rounded-md bg-sky-500/20 p-1.5 text-sky-500" }),
+      /* @__PURE__ */ e("span", { children: s("Page Locked for Editing") })
+    ] }) }),
+    /* @__PURE__ */ t(S, { className: "space-y-4 p-4", children: [
+      /* @__PURE__ */ t("div", { className: "relative rounded-md border border-green-500 px-2 pb-2 pt-4", children: [
+        /* @__PURE__ */ e("div", { className: "absolute -top-2.5 left-3 w-max rounded-full bg-green-500 px-3 py-1 text-xs font-medium leading-3 text-white", children: "Current Editor" }),
+        /* @__PURE__ */ t("div", { className: "flex items-center space-x-4 p-1", children: [
+          r != null && r.avatar ? /* @__PURE__ */ e(
+            "img",
+            {
+              src: r.avatar,
+              alt: r.name,
+              className: "h-12 w-12 flex-shrink-0 rounded-full bg-black p-3 text-white"
+            }
+          ) : /* @__PURE__ */ e(H, { className: "h-12 w-12 flex-shrink-0 rounded-full bg-black p-3 text-white" }),
+          /* @__PURE__ */ t("div", { className: "flex-1 space-y-0", children: [
+            /* @__PURE__ */ e("div", { className: "truncate font-medium leading-tight text-black", children: m }),
+            (r == null ? void 0 : r.email) && /* @__PURE__ */ e("p", { className: "truncate text-sm leading-tight text-muted-foreground", children: r.email })
+          ] })
+        ] })
+      ] }),
+      ((n == null ? void 0 : n.type) === a.TAKE_OVER_REJECTED || (n == null ? void 0 : n.type) === a.FORCE_TAKE_OVER_REQUEST) && /* @__PURE__ */ e("section", { className: "space-y-2", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-x-2 rounded border border-red-500 bg-red-500/10 py-2 pl-3 pr-2 text-sm font-medium text-red-500", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-start gap-x-2", children: [
+          /* @__PURE__ */ e(J, { className: "mt-px flex h-4 w-4 shrink-0" }),
+          /* @__PURE__ */ t("div", { className: "font-light leading-tight", children: [
+            /* @__PURE__ */ e("span", { className: "font-medium", children: (r == null ? void 0 : r.name) || "The current editor" }),
+            (n == null ? void 0 : n.type) === a.TAKE_OVER_REJECTED ? " rejected your take over request." : " forcefully took over this page."
+          ] })
+        ] }),
+        /* @__PURE__ */ e(p, { size: "icon", variant: "ghost", onClick: _, className: "flex-shrink-0", children: /* @__PURE__ */ e(X, { className: "h-4 w-4" }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(F, { className: "flex flex-col gap-3 border-t pt-3", children: /* @__PURE__ */ t("section", { className: "space-y-2", children: [
+      /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: s("Take Over Options") }),
+      /* @__PURE__ */ t("div", { className: "rounded-md border bg-muted/40 p-3", children: [
+        /* @__PURE__ */ t("div", { className: "mb-2", children: [
+          /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: s("Take Over Request:") }),
+          /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-muted-foreground", children: s(
+            "Send a request to {{currentEditorName}} asking them to release the page. They can accept or decline your request.",
+            { currentEditorName: m }
+          ) })
+        ] }),
+        /* @__PURE__ */ t(
+          p,
+          {
+            disabled: u,
+            variant: "default",
+            onClick: R,
+            className: "mt-3 w-full gap-2",
+            children: [
+              /* @__PURE__ */ e(z, { className: "h-4 w-4" }),
+              u ? "Take over request sent" : "Send Take Over Request"
+            ]
+          }
+        ),
+        u && /* @__PURE__ */ e("p", { className: "mt-2 text-xs text-muted-foreground", children: s("Request sent. If no response, try again or use force take over.") })
+      ] }),
+      /* @__PURE__ */ e(K, { type: "single", collapsible: !0, className: "w-full", children: /* @__PURE__ */ t(
+        I,
+        {
+          value: "force-takeover",
+          className: "rounded-md border border-destructive/40 bg-destructive/5",
+          children: [
+            /* @__PURE__ */ e(U, { className: "px-3 py-2 hover:no-underline", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-2 text-left", children: /* @__PURE__ */ t("div", { children: [
+              /* @__PURE__ */ t("p", { className: "flex items-center gap-x-2 text-sm font-medium text-destructive", children: [
+                /* @__PURE__ */ e(v, { className: "h-4 w-4 text-destructive" }),
+                s("Force Take Over")
+              ] }),
+              /* @__PURE__ */ e("p", { className: "pl-6 text-xs font-normal leading-tight text-muted-foreground", children: s("Immediately take control (use with caution)") })
+            ] }) }) }),
+            /* @__PURE__ */ e(V, { className: "px-3 pb-3", children: /* @__PURE__ */ t("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ t("div", { className: "flex items-start gap-2 rounded-md border border-destructive/40 bg-background p-2", children: [
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "checkbox",
+                    id: "force-takeover",
+                    checked: N,
+                    onChange: (y) => b(y.target.checked),
+                    className: "mt-0.5 h-4 w-4 rounded border-gray-300"
+                  }
+                ),
+                /* @__PURE__ */ e("label", { htmlFor: "force-takeover", className: "flex-1 text-xs text-muted-foreground", children: s(
+                  "I understand this will immediately close the editor for {{currentEditorName}}. I am using this option with caution.",
+                  { currentEditorName: m }
+                ) })
+              ] }),
+              /* @__PURE__ */ t(
+                p,
+                {
+                  disabled: !N || h,
+                  variant: "destructive",
+                  onClick: C,
+                  className: "w-full gap-2",
+                  children: [
+                    /* @__PURE__ */ e(v, { className: "h-4 w-4" }),
+                    s(h ? "Take over page..." : "Force Take Over")
+                  ]
+                }
+              ),
+              h && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: s(
+                "Attempting to forcefully take over this page. Please wait while we update the editing session."
+              ) })
+            ] }) })
+          ]
+        }
+      ) })
+    ] }) })
+  ] }) });
+};
+export {
+  ae as default
+};

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

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

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

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