@chaibuilder/sdk 4.0.0-beta.49 → 4.0.0-beta.51

package/dist/page-creator-qL3-M8g3.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),W=require("lodash-es"),v=require("lucide-react"),i=require("react"),K=require("sonner"),d=require("./register-chai-top-bar-CCssW5dL.cjs"),l=require("./index-D-r_K4yA.cjs"),V=require("./slug-input-DaNbl597.cjs"),O=require("./index-BYrRPW_c.cjs"),ge=require("./get-seo-defaults-Cw7vFt-B.cjs");function Be({value:n,onChange:x,placeholder:b="Enter custom slug part",dynamicPattern:p,onValidationChange:o}){const[f,c]=i.useState(null),m=i.useRef(null),[I,F]=i.useState(p+n);i.useEffect(()=>{F(p+n)},[n,p]);const B=j=>{const y=j.target.value;if(!y.startsWith(p)){const T=y.replace(p,""),z=p+T;F(z),x(T);return}const u=y.substring(p.length).replace(/\//g,"").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9-_.]/g,"-").replace(/-+/g,"-").replace(/^-+/,"").toLowerCase(),t=(u.match(/\./g)||[]).length,h=t<=1;t>1?c("Invalid slug. Only one dot (.) is allowed in the slug"):c(null),o&&o(h);const g=p+u;F(g),x(u)},q=()=>{if(m.current){const j=m.current;setTimeout(()=>{const y=p.length;j.setSelectionRange(y,y)},0)}},A=j=>{const y=j.currentTarget;(y.selectionStart||0)<=p.length&&setTimeout(()=>{const u=p.length;y.setSelectionRange(u,u)},0)};return e.jsx("div",{children:e.jsxs("div",{className:"relative",children:[e.jsxs("p",{className:"mb-2 text-xs text-gray-500",children:[`${p}`," is a dynamic segment of slug"]}),e.jsx(d.Input,{ref:m,value:I,onChange:B,onFocus:q,onClick:A,placeholder:b,className:f?"border-red-500":""}),f&&e.jsx("div",{className:"mt-1 text-xs text-red-500",children:f})]})})}const se=({children:n,onWheel:x,...b})=>{const p=o=>{try{o.preventDefault();const f=o.currentTarget;f.scrollTop+=o.deltaY}catch{o.preventDefault()}x&&x(o)};return e.jsx(l.CommandList,{...b,onWheel:p,children:n})},ee=(...n)=>n.filter(Boolean).join(" ");function Re({pages:n,selectedParentId:x,onChange:b,className:p,id:o="parentPage",currentPage:f}){const[c,m]=i.useState(!1),[I,F]=i.useState(""),B=d.useChaiFeatureFlag("enable-add-page-dropdown");B||(p="w-full rounded-md border border-gray-300 px-3 py-2");const q=i.useMemo(()=>!n||n.length===0?[]:n.filter(h=>!W.isEmpty(h.slug)).filter(h=>h.slug!=="/").sort((h,g)=>h.slug.localeCompare(g.slug)),[n]),A=i.useMemo(()=>{if(!I.trim())return q;const t=I.toLowerCase();return q.filter(h=>h.name.toLowerCase().includes(t)||h.slug.toLowerCase().includes(t))},[q,I]),j=t=>Math.max(0,(t.match(/\//g)||[]).length-1),y=t=>"    ".repeat(t),R=t=>{if(t==="/")return"/";const h=t.split("/").filter(Boolean);if(h.length<=1){const g=h[0]||"";return`/${V.removeSlugExtension(g)}`}return`/${V.removeSlugExtension(h[h.length-1])}`},u=()=>{if(!x||x==="none")return"None";const t=q.find(h=>h.id===x);return t?`${t.name} (${R(t.slug)})`:"None"};return e.jsxs("div",{className:"space-y-0.5",children:[e.jsx(l.Label,{htmlFor:o,className:"text-sm",children:"Parent"}),B?e.jsxs(l.Popover,{open:c,onOpenChange:m,children:[e.jsx(l.PopoverTrigger,{asChild:!0,children:e.jsxs(d.Button,{id:o,variant:"outline",role:"combobox",className:ee("w-full justify-between",p),"data-testid":"parent-page-selector",children:[u(),e.jsx(v.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(l.PopoverContent,{className:"w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:e.jsxs(l.Command,{shouldFilter:!1,children:[e.jsx("div",{className:"relative border-none py-2",children:e.jsx("div",{className:"sticky top-0 z-10 bg-white px-3 py-2",children:e.jsxs("div",{className:"relative",children:[e.jsx(v.Search,{strokeWidth:2,className:"absolute left-2 top-2 h-4 w-4 text-gray-400"}),e.jsx(d.Input,{placeholder:"Search pages...",className:"h-8 pl-8 text-xs",value:I,onChange:t=>F(t.target.value)})]})})}),e.jsxs(se,{className:"max-h-[300px] overflow-y-auto",children:[e.jsx(l.CommandEmpty,{children:"No pages found."}),e.jsxs(l.CommandGroup,{children:[e.jsxs(l.CommandItem,{value:"none",onSelect:()=>{b(""),m(!1),F("")},className:"flex cursor-pointer items-center justify-between",children:[e.jsx("span",{children:"None"}),e.jsx(v.Check,{className:ee("mr-2 h-4 w-4",x?"opacity-0":"opacity-100")})]}),A.map(t=>{const h=y(j(t.slug)),g=R(t.slug),T=e.jsxs("span",{className:"flex items-center text-sm",children:[h,t.name,e.jsxs("span",{className:"text-xs text-gray-500",children:[" (",g,")"]})]});return e.jsxs(l.CommandItem,{value:t.id,onSelect:()=>{b(t.id),m(!1),F("")},className:"flex cursor-pointer items-center justify-between whitespace-pre-wrap",children:[e.jsx("span",{children:T}),e.jsx(v.Check,{className:ee("mr-2 h-4 w-4 shrink-0",x===t.id?"opacity-100":"opacity-0")})]},t.id)})]})]})]})})]}):e.jsxs("select",{id:o,value:x||"none",onChange:t=>b(t.target.value),className:p,"data-testid":"parent-page-selector",children:[e.jsx("option",{value:"none",children:"None"}),q.map(t=>{const h=j(t.slug),g=h>0?y(h):"",T=R(t.slug);return(f==null?void 0:f.id)&&(f.id===t.id||t.slug.startsWith(f.slug+"/"))?null:e.jsxs("option",{value:t.id,children:[g,t.name," (",T,")"]},t.id)})]})]})}const U=(...n)=>n.filter(Boolean).join(" ");function ze({addEditPage:n,close:x,closePanel:b}){var pe,xe;const{data:p}=O.usePageTypes(),o=i.useMemo(()=>p??[],[p]),f=O.useChangePage(),c=!!(n!=null&&n.id),{data:m}=O.useWebsitePrimaryPages(),{mutate:I,isPending:F}=O.useCreatePage(),{mutate:B,isPending:q}=O.useUpdatePage(),[A,j]=i.useState(null),[y,R]=i.useState(!0),[u,t]=i.useState((n==null?void 0:n.pageType)??"page"),{hasPermission:h}=l.usePermissions(),g=h(O.PAGES_PERMISSIONS.CHANGE_PAGE_TYPE),[T,z]=i.useState(!1),[de,fe]=i.useState(""),{selectedLang:je,fallbackLang:ye}=l.useLanguages(),ne=je||ye,[$,Q]=i.useState(""),[te,Y]=i.useState(!1),le=i.useMemo(()=>{const s=o.find(r=>r.key===u);return(s==null?void 0:s.hasSlug)===!1},[u,o]),[C,Se]=i.useState((n==null?void 0:n.parent)??""),[M,ae]=i.useState((n==null?void 0:n.name)??""),[w,re]=i.useState((n==null?void 0:n.dynamic)??!1),[k,H]=i.useState(w?"":((n==null?void 0:n.slug)??"").split("/").pop()||""),[oe,ie]=i.useState((n==null?void 0:n.dynamicSlugCustom)??""),[ce,ve]=i.useState(!0),[Ce,X]=i.useState(!1),_=F||q,ue=d.useChaiFeatureFlag("enable-add-page-dropdown"),P=i.useMemo(()=>!c||!(n!=null&&n.id)||!m?null:m.find(s=>s.id===n.id),[c,n==null?void 0:n.id,m]),Ne=(P==null?void 0:P.online)||!1,be=i.useMemo(()=>!c||!(n!=null&&n.id)||!m?!1:m.some(s=>s.parent===n.id),[c,n==null?void 0:n.id,m]),a=o.find(s=>s.key===u),G=s=>{if(c&&u!==s){fe(s),z(!0),Q(""),Y(!1);return}t(s),Q(""),Y(!1)},me=()=>{t(de),z(!1),re(!1)},we=s=>{re(s),s?H(""):ie("")},ke=s=>{if(Se(s),s&&s!=="none"){const r=m==null?void 0:m.find(S=>S.id===s),L=(r==null?void 0:r.slug)||"";if(k.startsWith(L)){const S=k.slice(L.length).replace(/^\/+/,"");H(S)}else H(k.replace(/^\/+/,""))}else H(k?`${k}`:"")},Le=()=>M.trim()?w&&!W.isEmpty(k)?(j("Slug must be empty when using dynamic slug"),!1):w&&!ce?(j("Dynamic slug is invalid"),!1):!0:(K.toast.error("Name is required"),!1),De=()=>{const s={pageType:a==null?void 0:a.key,name:M,slug:"",hasSlug:!1};c?B({id:n==null?void 0:n.id,name:M},{onSuccess:()=>{K.toast.success((a==null?void 0:a.name)+" updated successfully"),x()}}):I(s,{onSuccess:r=>{x(),f(r.page.id,b)}})},Ie=(s,r)=>{if(!s.trim()&&!w)return j("Child page slug is required"),!1;const L=V.removeSlugExtension(r),S=V.combineParentChildSlugs(L,s);return Object.keys(O.LANGUAGES).some(J=>S===`/${J}`||(S==null?void 0:S.startsWith(`/${J}/`)))?(j("Slugs cannot start with a language code for primary page"),!1):!0},Fe=(s,r)=>{const L=V.removeSlugExtension(r),S=V.combineParentChildSlugs(L,s),N={pageType:u,name:M,slug:S.replace(/\/$/,""),parent:C,dynamic:w,hasSlug:!0,template:void 0,tracking:{},seo:{},jsonLD:{}};if(w&&(N.dynamicSlugCustom=oe),c){const D=W.pick(N,["pageType","parent","name","slug","dynamic","dynamicSlugCustom"]);B({id:n==null?void 0:n.id,...D},{onSuccess:()=>{K.toast.success("Page updated successfully"),x()}})}else{const D=W.find(o,{key:u});D!=null&&D.trackingDefault&&(N.tracking=D.trackingDefault);const{seo:J,jsonLD:Te}=ge.getSeoDefaults(D,ne);W.set(N,"seo",J),W.set(N,"jsonLD",Te),I(N,{onSuccess:We=>{x(),f(We.page.id,b)}})}},qe=()=>{const s={pageType:u,name:M,slug:k===""?"/":`/${k.replace(/\/$/,"")}`,template:void 0,parent:null,tracking:{}};if(c)B({id:n==null?void 0:n.id,...s},{onSuccess:()=>{K.toast.success("Page updated successfully"),x()}});else{const r=W.find(o,{key:u});r!=null&&r.trackingDefault&&(s.tracking=r.trackingDefault);const{seo:L,jsonLD:S}=ge.getSeoDefaults(r,ne);W.set(s,"seo",L),W.set(s,"jsonLD",S),I(s,{onSuccess:N=>{var D;(D=N==null?void 0:N.page)!=null&&D.id&&f(N.page.id,b),x()}})}},he=s=>{if(s.preventDefault(),j(null),!!Le()){if(!(a!=null&&a.hasSlug)){De();return}if(C&&C!=="none"){const r=m==null?void 0:m.find(S=>S.id===C),L=(r==null?void 0:r.slug)||"";if(!Ie(k,L))return;Fe(k,L)}else qe()}},{pagesType:E,partialsType:Z}=i.useMemo(()=>{const s=r=>$?r.name.toLowerCase().includes($.toLowerCase())||r.key.toLowerCase().includes($.toLowerCase()):!0;return{pagesType:o.filter(r=>r.hasSlug!==!1&&s(r)),partialsType:o.filter(r=>r.hasSlug===!1&&s(r))}},[o,$]);return a!=null&&a.hasSlug?e.jsxs("form",{onSubmit:he,className:"mx-auto w-full max-w-md space-y-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsx(l.Label,{htmlFor:"pageType",className:"text-sm",children:"Type"}),ue?e.jsxs(l.Popover,{open:te,onOpenChange:Y,children:[e.jsx(l.PopoverTrigger,{asChild:!0,children:e.jsxs(d.Button,{variant:"outline",role:"combobox",disabled:c&&!g,className:U("w-full justify-between",c&&!g?"cursor-not-allowed text-gray-500":""),children:[(a==null?void 0:a.name)||"Select page type",e.jsx(v.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(l.PopoverContent,{className:"w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:e.jsxs(l.Command,{shouldFilter:!1,children:[e.jsx("div",{className:"sticky top-0 z-10 bg-white px-3 py-2",children:e.jsxs("div",{className:"relative",children:[e.jsx(v.Search,{strokeWidth:2,className:"absolute left-2 top-2 h-4 w-4 text-gray-400"}),e.jsx(d.Input,{placeholder:"Search page types...",className:"h-8 pl-8 text-xs",value:$,onChange:s=>Q(s.target.value)})]})}),e.jsxs(se,{className:"overflow-y-auto",children:[e.jsx(l.CommandEmpty,{children:"No page type found."}),c?le?e.jsx(l.CommandGroup,{heading:"Partials",children:Z.map(s=>e.jsxs(l.CommandItem,{value:s.key,onSelect:()=>G(s.key),className:"flex cursor-pointer items-center justify-between",children:[s.name,e.jsx(v.Check,{className:U("mr-2 h-4 w-4",u===s.key?"opacity-100":"opacity-0")})]},s.key))}):e.jsx(l.CommandGroup,{heading:"Pages",children:E.map(s=>e.jsxs(l.CommandItem,{value:s.key,onSelect:()=>G(s.key),className:"flex cursor-pointer items-center justify-between",children:[s.name,e.jsx(v.Check,{className:U("mr-2 h-4 w-4",u===s.key?"opacity-100":"opacity-0")})]},s.key))}):e.jsxs(e.Fragment,{children:[E.length>0&&e.jsx(l.CommandGroup,{heading:"Pages",children:E.map(s=>e.jsxs(l.CommandItem,{value:s.key,onSelect:()=>G(s.key),className:"flex cursor-pointer items-center justify-between",children:[s.name,e.jsx(v.Check,{className:U("mr-2 h-4 w-4",u===s.key?"opacity-100":"opacity-0")})]},s.key))}),Z.length>0&&e.jsx(l.CommandGroup,{heading:"Partials",children:Z.map(s=>e.jsxs(l.CommandItem,{value:s.key,onSelect:()=>G(s.key),className:"flex cursor-pointer items-center justify-between",children:[s.name,e.jsx(v.Check,{className:U("mr-2 h-4 w-4",u===s.key?"opacity-100":"opacity-0")})]},s.key))})]})]})]})})]}):e.jsx("select",{id:"pageType",value:u,disabled:c&&!g,onChange:s=>G(s.target.value),className:`w-full rounded-md border border-gray-300 px-3 py-2 ${c&&!g?"cursor-not-allowed text-gray-500":""}`,children:c?le?e.jsx("optgroup",{label:"Partials",children:o.filter(s=>s.hasSlug===!1).map(s=>e.jsx("option",{value:s.key,children:s.name},s.key))}):e.jsx("optgroup",{label:"Pages",children:o.filter(s=>s.hasSlug!==!1).map(s=>e.jsx("option",{value:s.key,children:s.name},s.key))}):e.jsxs(e.Fragment,{children:[e.jsx("optgroup",{label:"Pages",children:o.filter(s=>s.hasSlug!==!1).map(s=>e.jsx("option",{value:s.key,children:s.name},s.key))}),e.jsx("optgroup",{label:"Partials",children:o.filter(s=>s.hasSlug===!1).map(s=>e.jsx("option",{value:s.key,children:s.name},s.key))})]})}),T&&e.jsxs("div",{className:"mt-2 rounded-md border border-yellow-200 bg-yellow-50 p-3",children:[e.jsx("p",{className:"text-sm text-yellow-800",children:"Changing the page type may impact the page data. Are you sure you want to proceed?"}),e.jsxs("div",{className:"mt-2 flex gap-2",children:[e.jsx(d.Button,{variant:"outline",size:"sm",onClick:()=>z(!1),children:"Cancel"}),e.jsx(d.Button,{variant:"default",size:"sm",onClick:me,children:"Confirm"})]})]})]}),e.jsx(Re,{pages:m,selectedParentId:C,onChange:ke,currentPage:n}),e.jsxs("div",{className:"space-y-0.5",children:[e.jsx(l.Label,{htmlFor:"name",className:"text-sm",children:"Name"}),e.jsx(d.Input,{id:"name",value:M,onChange:s=>ae(s.target.value),required:!0,"aria-required":"true",placeholder:"Enter page name"})]}),(a==null?void 0:a.dynamicSegments)&&C&&C!=="none"&&e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx("input",{type:"checkbox",id:"useDynamicSlug",checked:w,onChange:s=>we(s.target.checked),className:"rounded border-gray-300"}),e.jsx(l.Label,{htmlFor:"useDynamicSlug",className:"text-sm",children:"Use Dynamic Slug"})]}),w&&e.jsx("div",{className:"space-y-2",children:e.jsx("div",{className:"space-y-0.5",children:e.jsx(Be,{value:oe,onChange:ie,dynamicPattern:(a==null?void 0:a.dynamicSlug)||"{{id}}",placeholder:"Enter custom slug part (optional)",onValidationChange:ve})})})]}),(!(a!=null&&a.dynamicSegments)||!w)&&e.jsxs("div",{className:"space-y-0.5",children:[e.jsx(l.Label,{htmlFor:"slug",className:"text-sm",children:"Slug"}),e.jsx(V.SlugInput,{value:k,onChange:s=>{var r;H(s),c&&s!==(((r=n==null?void 0:n.slug)==null?void 0:r.split("/").pop())||"")?X(!!(Ne||be)):X(!1)},placeholder:C&&C!=="none"?"Enter page slug":u==="page"?"Leave empty for home page":"Required - e.g. your-slug",parentSlug:C&&C!=="none"?(xe=m==null?void 0:m.find(s=>s.id===C))==null?void 0:xe.slug:void 0,onValidationChange:R}),A&&e.jsx("p",{className:"text-xs text-red-500",children:A}),Ce&&e.jsx("div",{className:"mt-4 rounded-md border border-amber-200 bg-amber-50 p-3",children:e.jsxs("div",{className:"flex items-start space-x-2",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx("svg",{className:"h-5 w-5 text-amber-400",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",clipRule:"evenodd"})})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-sm font-medium text-amber-800",children:"Slug Change Warning"}),e.jsx("div",{className:"mt-1 text-sm text-amber-700",children:e.jsx("p",{children:"The previous URL and any child pages will become inaccessible. You may want to set up a redirect to avoid broken links."})})]})]})})]}),e.jsx(d.Button,{disabled:_||!y&&(!(a!=null&&a.dynamicSegments)||!w)||w&&!ce,type:"submit",className:"w-full",children:c?_?"Updating...":"Update page":_?"Creating...":"Create Page"})]}):e.jsxs("form",{onSubmit:he,className:"mx-auto w-full max-w-md space-y-4",children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsx(l.Label,{htmlFor:"pageType",className:"text-sm",children:"Type"}),ue?e.jsxs(l.Popover,{open:te,onOpenChange:Y,children:[e.jsx(l.PopoverTrigger,{asChild:!0,children:e.jsxs(d.Button,{variant:"outline",role:"combobox",disabled:c&&!g,className:U("w-full justify-between",c&&!g?"cursor-not-allowed text-gray-500":""),children:[(a==null?void 0:a.name)||"Select page type",e.jsx(v.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(l.PopoverContent,{className:"w-[var(--radix-popover-trigger-width)] p-0",align:"start",children:e.jsxs(l.Command,{shouldFilter:!1,children:[e.jsx("div",{className:"sticky top-0 z-10 bg-white px-3 py-2",children:e.jsxs("div",{className:"relative",children:[e.jsx(v.Search,{strokeWidth:2,className:"absolute left-2 top-2 h-4 w-4 text-gray-400"}),e.jsx(d.Input,{placeholder:"Search page types...",className:"h-8 pl-8 text-xs",value:$,onChange:s=>Q(s.target.value)})]})}),e.jsxs(se,{className:"max-h-[200px] overflow-y-auto",children:[e.jsx(l.CommandEmpty,{children:"No page type found."}),e.jsx(l.CommandGroup,{heading:"Partials",children:Z.map(s=>e.jsxs(l.CommandItem,{value:s.key,onSelect:()=>{G(s.key),Y(!1)},className:"flex cursor-pointer items-center justify-between",children:[s.name,e.jsx(v.Check,{className:U("mr-2 h-4 w-4",u===s.key?"opacity-100":"opacity-0")})]},s.key))})]})]})})]}):e.jsx("select",{id:"pageType",value:u,disabled:c&&!g,onChange:s=>G(s.target.value),className:`w-full rounded-md border border-gray-300 px-3 py-2 ${c&&!g?"cursor-not-allowed text-gray-500":""}`,children:e.jsx("optgroup",{label:"Partials",children:o.filter(s=>s.hasSlug===!1).map(s=>e.jsx("option",{value:s.key,children:s.name},s.key))})}),T&&e.jsxs("div",{className:"mt-2 rounded-md border border-yellow-200 bg-yellow-50 p-3",children:[e.jsx("p",{className:"text-sm text-yellow-800",children:"Changing the page type may impact the page data. Are you sure you want to proceed?"}),e.jsxs("div",{className:"mt-2 flex gap-2",children:[e.jsx(d.Button,{variant:"outline",size:"sm",onClick:()=>z(!1),children:"Cancel"}),e.jsx(d.Button,{variant:"default",size:"sm",onClick:me,children:"Confirm"})]})]}),e.jsx("p",{className:"text-xs text-gray-500",children:(pe=o.find(s=>s.key===u))==null?void 0:pe.helpText})]}),e.jsxs("div",{className:"space-y-0.5",children:[e.jsx(l.Label,{htmlFor:"name",className:"text-sm",children:"Name"}),e.jsx(d.Input,{id:"name",value:M,onChange:s=>ae(s.target.value),required:!0,"aria-required":"true"})]}),e.jsx(d.Button,{disabled:_,type:"submit",className:"w-full",children:c?_?"Updating...":"Update "+(a==null?void 0:a.name):_?"Creating...":"Create "+(a==null?void 0:a.name)})]})}exports.default=ze;

package/dist/{page-manager-new-ah6QYar2.cjs → page-manager-new-By3eGO3i.cjs}

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

package/dist/{page-manager-new-ttsrxdW9.js → page-manager-new-YRG89y4f.js}

@@ -1,20 +1,20 @@
 import { jsxs as w, Fragment as q, jsx as t } from "react/jsx-runtime";
-import { d as ie } from "./index-OuHV9Ann.js";
-import { aA as be, aB as ge, ao as ke, i as de, T as D, aR as ve, L as Ne, k as Se, e as Le, c as Ce, au as Ae, aS as Ee, aT as $e } from "./index-LBTm1Jmk.js";
+import { atom as be, useAtom as ge, useSetAtom as ke } from "jotai";
+import { compact as de, filter as z, isEmpty as k, uniqBy as ve, keyBy as ue, mapValues as Ne, startCase as Se, toLower as T, includes as _, get as D, find as H, map as Le } from "lodash-es";
+import { ExternalLink as Ce, Pencil as Ae, MoreHorizontal as Ee, Lock as $e, Plus as Te, ChevronRight as Ie, StarsIcon as Me, Hash as Ue, File as me } from "lucide-react";
+import { useRef as Fe, useEffect as $, useMemo as W, useState as N, useCallback as ie, startTransition as ze, Suspense as E, lazy as I } from "react";
+import { useTranslation as Be } from "react-i18next";
+import { d as le } from "./index-DPV6NiJ-.js";
+import { am as Ge, an as Oe, ao as je, f as he, T as R, aF as De, L as Re, h as He, b as We, u as _e, aG as qe, aH as Ve, aI as Qe } from "./index-DqzFD1CG.js";
 import { u as J } from "./use-page-expand-manager-Cf4MUEJw.js";
-import { compact as ue, filter as F, isEmpty as k, uniqBy as Te, keyBy as me, mapValues as Me, startCase as Ue, toLower as T, includes as _, get as R, find as W, map as Ie } from "lodash-es";
-import { atom as Be, useAtom as Fe, useSetAtom as ze } from "jotai";
-import { ExternalLink as Oe, Pencil as je, MoreHorizontal as Ge, Lock as De, Plus as Re, ChevronRight as We, StarsIcon as He, Hash as _e, File as he } from "lucide-react";
-import { useRef as qe, useEffect as $, useMemo as H, useState as N, useCallback as le, startTransition as Ve, Suspense as E, lazy as M } from "react";
-import { useTranslation as Qe } from "react-i18next";
-import { B as Xe } from "./register-chai-top-bar-D6GjnauV.js";
-const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
-  F(e, (a) => {
+import { B as Xe } from "./register-chai-top-bar-DWmJ2efT.js";
+const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : de(
+  z(e, (a) => {
     const n = T(s);
     return _(T((a == null ? void 0 : a.name) || ""), n) || _(T((a == null ? void 0 : a.slug) || ""), n);
   })
 ), Ye = (e, s) => {
-  const a = /* @__PURE__ */ new Set(), n = me(e, "id");
+  const a = /* @__PURE__ */ new Set(), n = ue(e, "id");
   return s.forEach((i) => {
     let o = i;
     for (; o.parent && n[o.parent]; )
@@ -51,23 +51,23 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
 })), Ke = (e, s, a, n) => {
   if (!e || !e.length) return [];
   let i = e;
-  if (a !== "all" && (i = ue(F(e, { pageType: a }))), k(s))
+  if (a !== "all" && (i = de(z(e, { pageType: a }))), k(s))
     i = ce(i, s);
   else {
     const m = ce(i, s), l = Ye(e, m);
-    i = Te([...m, ...l], "id");
+    i = ve([...m, ...l], "id");
   }
-  const o = fe(Je(i)), f = Y(o, s, n), y = F(f, (m) => n(m.pageType)).sort(
+  const o = fe(Je(i)), f = Y(o, s, n), y = z(f, (m) => n(m.pageType)).sort(
     (m, l) => (m.name || "").localeCompare(l.name || "")
-  ), c = F(f, (m) => !n(m.pageType));
+  ), c = z(f, (m) => !n(m.pageType));
   let x = [];
   if (a === "all") {
-    const m = me(c, "pageType");
+    const m = ue(c, "pageType");
     x = Object.values(
-      Me(m, (l, p) => ({
+      Ne(m, (l, p) => ({
         ...l,
         id: p,
-        name: Ue(p),
+        name: Se(p),
         isPartialGroup: !0,
         children: f.filter((v) => v.pageType === p)
       }))
@@ -75,11 +75,11 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
   } else
     x = c.sort((m, l) => (m.name || "").localeCompare(l.name || ""));
   return [...y, ...x];
-}, Ze = Be({
+}, Ze = be({
   pageId: null,
   position: { x: 0, y: 0 }
 }), et = ({ pageId: e, children: s }) => {
-  const [a, n] = Fe(Ze), i = qe(null), o = a.pageId === e;
+  const [a, n] = ge(Ze), i = Fe(null), o = a.pageId === e;
   $(() => {
     const c = () => n({ pageId: null, position: { x: 0, y: 0 } });
     if (o)
@@ -106,7 +106,7 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
             onClick: y,
             className: "w-full px-2.5 py-1 text-start text-sm text-gray-700 hover:bg-gray-100",
             children: [
-              /* @__PURE__ */ t(Oe, { className: "h-4 w-4" }),
+              /* @__PURE__ */ t(Ce, { className: "h-4 w-4" }),
               "Open in new tab"
             ]
           }
@@ -126,7 +126,7 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(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(
-        We,
+        Ie,
         {
           size: 12,
           className: `stroke-[4] transition-transform duration-200 ${s ? "rotate-90" : ""}`
@@ -134,13 +134,13 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
       )
     }
   );
-}, nt = ({ page: e, pageType: s }) => /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center gap-x-1", children: e.dynamic ? /* @__PURE__ */ t(He, { size: 12, className: "text-yellow-400" }) : s != null && s.icon ? /* @__PURE__ */ t(
+}, nt = ({ page: e, pageType: s }) => /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center gap-x-1", children: e.dynamic ? /* @__PURE__ */ t(Me, { size: 12, className: "text-yellow-400" }) : s != null && s.icon ? /* @__PURE__ */ t(
   "div",
   {
     className: "flex h-4 max-h-4 w-4 max-w-4 items-center justify-center stroke-[1] text-slate-500",
     dangerouslySetInnerHTML: { __html: s.icon }
   }
-) : s != null && s.hasSlug ? /* @__PURE__ */ t(he, { size: 12, className: "stroke-[1] text-slate-500" }) : /* @__PURE__ */ t(_e, { size: 12, className: "stroke-[1] text-slate-500" }) }), st = ({ isOnline: e }) => /* @__PURE__ */ t("div", { className: `h-2 w-2 rounded-full ${e ? "bg-green-300" : "bg-gray-300"}` }), at = ({
+) : s != null && s.hasSlug ? /* @__PURE__ */ t(me, { size: 12, className: "stroke-[1] text-slate-500" }) : /* @__PURE__ */ t(Ue, { size: 12, className: "stroke-[1] text-slate-500" }) }), st = ({ isOnline: e }) => /* @__PURE__ */ t("div", { className: `h-2 w-2 rounded-full ${e ? "bg-green-300" : "bg-gray-300"}` }), at = ({
   page: e,
   pageTypes: s,
   currentPage: a,
@@ -149,20 +149,20 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
   selectedLanguage: o,
   showUntranslatedPages: f
 }) => {
-  const y = be(), { pageToUser: c } = ge(), x = R(c, [e == null ? void 0 : e.id, "userId"]), { data: m } = ke(x), l = m && y !== x ? m == null ? void 0 : m.name : null, p = de(), v = a === e.id, P = H(() => W(s, { key: e.pageType }), [s, e.pageType]);
-  let d = R(i, e == null ? void 0 : e.id);
-  d = R(d, "lang") === o ? d : null;
-  const L = o === p || !!d, U = (d == null ? void 0 : d.name) || (e == null ? void 0 : e.name) || "No name";
+  const y = Ge(), { pageToUser: c } = Oe(), x = D(c, [e == null ? void 0 : e.id, "userId"]), { data: m } = je(x), l = m && y !== x ? m == null ? void 0 : m.name : null, p = he(), v = a === e.id, P = W(() => H(s, { key: e.pageType }), [s, e.pageType]);
+  let d = D(i, e == null ? void 0 : e.id);
+  d = D(d, "lang") === o ? d : null;
+  const L = o === p || !!d, M = (d == null ? void 0 : d.name) || (e == null ? void 0 : e.name) || "No name";
   let g = (d == null ? void 0 : d.slug) || (e == null ? void 0 : e.slug) || "";
-  const z = g + (e != null && e.dynamic ? `/${P == null ? void 0 : P.dynamicSlug}` : "") + (e != null && e.dynamicSlugCustom ? `${e.dynamicSlugCustom}` : "");
+  const B = g + (e != null && e.dynamic ? `/${P == null ? void 0 : P.dynamicSlug}` : "") + (e != null && e.dynamicSlugCustom ? `${e.dynamicSlugCustom}` : "");
   if (g.startsWith("/") && !f) {
     const h = g.split("/").pop();
     g = g.endsWith(h) && e.dynamic ? "" : `/${h}`;
   }
-  const O = H(() => {
+  const G = W(() => {
     const h = "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]", A = `${v ? "border-primary/30 bg-primary/5" : "border-transparent hover:border-gray-200 hover:bg-gray-100"}`;
     return L ? `${h} ${A} ${l ? "opacity-60" : ""}` : `${h} bg-gray-100 opacity-50 group-hover:border-gray-200 border-transparent group-hover:bg-blue-100`;
-  }, [L, v, l]), j = H(() => {
+  }, [L, v, l]), O = W(() => {
     if (e.isPartialGroup) return !1;
     if (d) {
       if (!d.online || k(d.changes)) return !1;
@@ -175,13 +175,13 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
       "div",
       {
         onClick: () => !e.isPartialGroup && L && n("select", e == null ? void 0 : e.id),
-        className: O,
+        className: G,
         children: [
           /* @__PURE__ */ t(tt, { page: e }),
           !e.isPartialGroup && /* @__PURE__ */ t(st, { isOnline: d ? d.online : e.online }),
           !e.isPartialGroup && /* @__PURE__ */ t(nt, { page: e, pageType: P }),
-          /* @__PURE__ */ t(D, { content: U, side: "top", showTooltip: U.length > 35, children: /* @__PURE__ */ t("span", { className: "max-w-[40%] truncate font-medium text-black", children: U }) }),
-          (g || e.dynamic) && /* @__PURE__ */ t(D, { content: z, side: "top", showTooltip: !0, children: /* @__PURE__ */ w("span", { className: "max-w-[40%] truncate font-mono text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ t(R, { content: M, side: "top", showTooltip: M.length > 35, children: /* @__PURE__ */ t("span", { className: "max-w-[40%] truncate font-medium text-black", children: M }) }),
+          (g || e.dynamic) && /* @__PURE__ */ t(R, { content: B, side: "top", showTooltip: !0, children: /* @__PURE__ */ w("span", { className: "max-w-[40%] truncate font-mono text-xs text-muted-foreground", children: [
             g,
             e.dynamic && (P == null ? void 0 : P.dynamicSlug) && /* @__PURE__ */ w("span", { className: "text-xs text-gray-500", children: [
               "/",
@@ -189,9 +189,9 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
               e.dynamicSlugCustom
             ] })
           ] }) }),
-          j && /* @__PURE__ */ t(D, { content: "Has unpublished changes", side: "top", children: /* @__PURE__ */ t("span", { className: "text-amber-500", children: /* @__PURE__ */ t(je, { size: 12, className: "stroke-[2]" }) }) }),
+          O && /* @__PURE__ */ t(R, { content: "Has unpublished changes", side: "top", children: /* @__PURE__ */ t("span", { className: "text-amber-500", children: /* @__PURE__ */ t(Ae, { size: 12, className: "stroke-[2]" }) }) }),
           !e.isPartialGroup && L && !l ? /* @__PURE__ */ t("div", { className: "duration absolute right-0.5 top-[3px]", children: /* @__PURE__ */ t(
-            ve,
+            De,
             {
               isLanguagePage: !!d,
               page: d || e,
@@ -199,11 +199,11 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
               setAddEditPage: (h) => n("edit", d || h),
               setUnpublishPage: (h) => n("unpublish", h),
               setDeletePage: (h) => n("delete", d || h),
-              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(Ge, { className: "h-4 w-4", onClick: (h) => h.stopPropagation() }) })
+              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(Ee, { className: "h-4 w-4", onClick: (h) => h.stopPropagation() }) })
             }
           ) }) : l ? /* @__PURE__ */ w("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(De, { className: "h-3 w-3 fill-red-200 text-red-500" }),
-            /* @__PURE__ */ t(D, { content: `${l} is editing this page`, children: /* @__PURE__ */ t("span", { className: "font-bold", children: l }) })
+            /* @__PURE__ */ t($e, { className: "h-3 w-3 fill-red-200 text-red-500" }),
+            /* @__PURE__ */ t(R, { content: `${l} is editing this page`, children: /* @__PURE__ */ t("span", { className: "font-bold", children: l }) })
           ] }) : null
         ]
       }
@@ -216,11 +216,11 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(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(Re, { size: 12, className: "stroke-[3]" }),
+          /* @__PURE__ */ t(Te, { size: 12, className: "stroke-[3]" }),
           " ",
           /* @__PURE__ */ w("span", { className: "text-[10px]", children: [
             "Add ",
-            R(Ne, o),
+            D(Re, o),
             " Page"
           ] })
         ]
@@ -265,34 +265,34 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
       }
     )
   ] }, x.id)) });
-}, rt = M(() => import("./page-manager-search-and-filter-bsqZ6wnI.js")), ot = M(() => import("./add-new-page-Ppy5-y5j.js")), it = M(() => import("./delete-page-C99K2qzS.js")), lt = M(() => import("./duplicate-page-CDc2X0eW.js")), ct = M(() => import("./mark-as-template-CP_F9ZQ4.js")), dt = M(() => import("./unmark-as-template-C5ovsEBP.js")), ut = M(() => import("./unpublish-page-0fR1o0b7.js")), kt = ({ close: e }) => {
-  const { t: s } = Qe(), { languages: a, setSelectedLang: n } = ie(), { data: i } = Se(), { data: o, isFetching: f } = Le(), [y, c] = Ce(), { updateForSelectedPage: x, expandPagesOnSearch: m } = J(null), l = de(), p = y.get("page"), [v, P] = N(""), [d, L] = N(null), [U, g] = N(null), [z, O] = N(null), [j, h] = N(null), [A, V] = N(""), [K, Z] = N(null), [ee, te] = N(null), [b, Q] = N(l), [pe, we] = N(!1), ne = ze(Ae), G = pe && b !== l, { data: I, isFetching: ye } = Ee(b), se = le(
+}, rt = I(() => import("./page-manager-search-and-filter-Cllju4CV.js")), ot = I(() => import("./add-new-page-DanzzvYo.js")), it = I(() => import("./delete-page-DbawNFf7.js")), lt = I(() => import("./duplicate-page-DnRb1y6K.js")), ct = I(() => import("./mark-as-template-D7jqSCXw.js")), dt = I(() => import("./unmark-as-template-DvmoTbVu.js")), ut = I(() => import("./unpublish-page-3--vO5b0.js")), kt = ({ close: e }) => {
+  const { t: s } = Be(), { languages: a, setSelectedLang: n } = le(), { data: i } = He(), { data: o, isFetching: f } = We(), [y, c] = _e(), { updateForSelectedPage: x, expandPagesOnSearch: m } = J(null), l = he(), p = y.get("page"), [v, P] = N(""), [d, L] = N(null), [M, g] = N(null), [B, G] = N(null), [O, h] = N(null), [A, V] = N(""), [K, Z] = N(null), [ee, te] = N(null), [b, Q] = N(l), [pe, we] = N(!1), ne = ke(qe), j = pe && b !== l, { data: U, isFetching: ye } = Ve(b), se = ie(
     (u) => {
       var r;
-      return (r = W(i, { key: u })) == null ? void 0 : r.hasSlug;
+      return (r = H(i, { key: u })) == null ? void 0 : r.hasSlug;
     },
     [i]
-  ), S = H(() => o ? G ? F(o, (u) => !(I != null && I[u.id])) : Ke(o, v, A, se) : [], [o, se, v, A, I, G]);
+  ), S = W(() => o ? j ? z(o, (u) => !(U != null && U[u.id])) : Ke(o, v, A, se) : [], [o, se, v, A, U, j]);
   $(() => {
     n(l);
   }, [l, n]), $(() => {
     const u = y.get("lang");
     if (u) {
-      const r = a, C = a[0] ?? l, B = r.includes(u);
-      Ve(() => {
-        B && b !== u ? Q(u) : !B && b !== C && Q(C);
+      const r = a, C = a[0] ?? l, F = r.includes(u);
+      ze(() => {
+        F && b !== u ? Q(u) : !F && b !== C && Q(C);
       });
     }
   }, []), $(() => {
     if (!k(A)) return;
     const u = sessionStorage.getItem("pageTypeFilter") || "all";
-    !k(i) && u && (W(i, { key: u }) ? V(u) : V("all"));
+    !k(i) && u && (H(i, { key: u }) ? V(u) : V("all"));
   }, [i, A]), $(() => {
-    if (p && !f && !W(o, { id: p })) {
+    if (p && !f && !H(o, { id: p })) {
       const r = new URLSearchParams(y.toString());
       if (r.delete("page"), [...r.keys()].length > 0) {
         if (typeof window < "u" && window.history && window.location) {
-          const C = r.toString(), B = window.location.hash || "", oe = window.location.pathname, Pe = C ? `${oe}?${C}${B}` : `${oe}${B}`;
+          const C = r.toString(), F = window.location.hash || "", oe = window.location.pathname, Pe = C ? `${oe}?${C}${F}` : `${oe}${F}`;
           window.history.replaceState(window.history.state, "", Pe);
         }
         c(r);
@@ -304,10 +304,10 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
   }, [p, f, S, x]), $(() => {
     !k(v) && !k(S) && m(S);
   }, [v, S, m]);
-  const { setSelectedLang: X } = ie(), ae = le(
+  const { setSelectedLang: X } = le(), ae = ie(
     (u) => {
       const r = new URLSearchParams({ page: u });
-      b !== l ? (r.set("lang", b), X(b)) : X(""), $e(r, c), e();
+      b !== l ? (r.set("lang", b), X(b)) : X(""), Qe(r, c), e();
     },
     [e, c, X, b, l]
   ), re = (u, r) => {
@@ -331,7 +331,7 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
           L(r);
           break;
         case "unpublish":
-          O(r);
+          G(r);
           break;
         case "markAsTemplate":
           h(r);
@@ -365,12 +365,12 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
           selectedPageType: A,
           setSelectedPageType: V,
           onAddPage: (u) => re("add", u),
-          showUntranslatedPages: G,
+          showUntranslatedPages: j,
           setShowUntranslatedPages: we
         }
       ) }),
-      /* @__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()], (u) => /* @__PURE__ */ t("div", { className: "h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200" }, u)) }) : k(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(he, { className: "h-6 w-6 stroke-[1]" }),
+      /* @__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: Le([...Array(15).keys()], (u) => /* @__PURE__ */ t("div", { className: "h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200" }, u)) }) : k(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(me, { 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(
@@ -381,24 +381,24 @@ const ce = (e, s) => !e || !Array.isArray(e) ? [] : k(s) ? e : ue(
           pageTypes: i,
           currentPage: p || "",
           onClickAction: re,
-          languagePages: I,
+          languagePages: U,
           selectedLanguage: b,
-          showUntranslatedPages: G
+          showUntranslatedPages: j
         }
       ) })
     ] }),
-    U && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(
+    M && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(
       ot,
       {
         closePanel: e,
         editPage: ae,
-        addEditPage: U,
+        addEditPage: M,
         setAddEditPage: g
       }
     ) }),
     d && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(it, { page: d, onClose: () => L(null) }) }),
-    z && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(ut, { page: z, onClose: () => O(null) }) }),
-    j && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(ct, { page: j, onClose: () => h(null) }) }),
+    B && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(ut, { page: B, onClose: () => G(null) }) }),
+    O && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(ct, { page: O, onClose: () => h(null) }) }),
     ee && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(dt, { page: ee, onClose: () => te(null) }) }),
     K && /* @__PURE__ */ t(E, { children: /* @__PURE__ */ t(lt, { page: K, onClose: () => Z(null), closePanel: e }) })
   ] });

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

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