@chaibuilder/pages 0.13.4 → 0.14.1

package/dist/seo-panel-QphuqXT2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-DSUpSpeI.cjs"),P=require("@chaibuilder/sdk"),d=require("lodash-es"),v=require("react"),a=require("@chaibuilder/sdk/ui"),L=require("sonner"),ce=require("@tanstack/react-query"),K=require("lucide-react"),M=require("./get-seo-defaults-Cw7vFt-B.cjs"),de=()=>{const{selectedLang:t}=P.useLanguages(),{data:x,isFetching:u}=i.useLanguagePages();return{data:v.useMemo(()=>d.find(x,{lang:t||""})||{},[x,t]),isFetching:u}},ue=()=>{var p;const x=(p=document.getElementById("canvas-iframe").contentDocument)==null?void 0:p.body.innerHTML;if(!x)return null;const c=new DOMParser().parseFromString(x,"text/html");c.querySelectorAll("style, script, link, svg, [data-block-type='PartialBlock']").forEach(g=>g.remove()),c.querySelectorAll("*").forEach(g=>{Array.from(g.attributes).forEach(m=>g.removeAttribute(m.name))});const r=c.querySelectorAll("h1, h2, h3, h4, h5, h6, p");return Array.from(r).map(g=>`<${g.tagName.toLowerCase()}>${g.innerHTML}</${g.tagName.toLowerCase()}>`).join(" ").replace(/<p>Partial block. Double click to edit.<\/p>/,"")},F=({keyword:t,onComplete:x,field:u})=>{const c=i.useFetch(),r=i.useApiUrl(),{selectedLang:N,fallbackLang:p}=P.useLanguages(),{mutate:g,isPending:m}=ce.useMutation({mutationFn:async()=>{const D=ue();return await c(r,{action:i.ACTIONS.GENERATE_SEO_FIELD,data:{pageContext:"",dynamic:!1,field:u,lang:N||p,pageContent:D,keyword:t}})},onSuccess:D=>{x({fieldValue:D.field})},onError:D=>{x({fieldValue:null,error:D.message})}});return e.jsx(a.Button,{disabled:m,type:"button",className:"h-5 w-5",variant:"ghost",size:"sm",onClick:()=>g(),children:m?e.jsx(K.Loader,{className:"h-3 w-3 animate-spin text-yellow-500"}):e.jsx(K.Wand2Icon,{className:"text-yellow-500"})})},ge=({isOpen:t,onClose:x,onSave:u,onDiscard:c,isSaving:r=!1,fromLanguage:N,toLanguage:p})=>{const g=i.LANGUAGES[N]||N,m=i.LANGUAGES[p]||p;return e.jsx(a.Dialog,{open:t,onOpenChange:x,children:e.jsxs(a.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(a.DialogHeader,{children:[e.jsx(a.DialogTitle,{children:"Unsaved SEO Changes"}),e.jsxs(a.DialogDescription,{children:['You have unsaved changes in the SEO for "',g,'" version. Do you want to save these changes before switching to "',m,'" version?']})]}),e.jsxs("div",{className:"flex justify-end gap-3 pt-4",children:[e.jsx(a.Button,{variant:"outline",onClick:c,disabled:r,children:"Discard Changes"}),e.jsx(a.Button,{onClick:u,disabled:r,children:r?"Saving...":"Save & Switch"})]})]})})},me=t=>{if(!t)return!0;try{return JSON.parse(t),!0}catch{return!1}},he=(t,x)=>{const u=t.selectionStart||0,c=t.selectionEnd||0,r=t.value,N=r.substring(0,u),p=r.substring(c),g=`{{${x}}}`,m=N+""+g+p,D=u+0+g.length;return{value:m,newCursorPos:D}},Q=()=>{const{t}=P.useTranslation(),[,x]=P.useSidebarActivePanel(),{data:u}=i.useCurrentPage(),{data:c}=i.useBuilderPageData(),{data:r,isFetching:N}=de(),p=r==null?void 0:r.seo,g=v.useRef(null),[m,D]=v.useState("seo"),R=u==null?void 0:u.id,W=u==null?void 0:u.pageType,I=i.usePageType(W),{selectedLang:$,fallbackLang:X}=P.useLanguages(),h=$||X,[H,J]=v.useState(!1),[Z,_]=v.useState(!1),[ee,V]=v.useState(!1),[S,U]=v.useState(null),[n,w]=v.useState({keyword:"",title:"",description:"",cononicalUrl:"",noIndex:!1,noFollow:"",ogTitle:"",ogDescription:"",ogImage:"",ogImageId:"",searchTitle:"",searchDescription:"",jsonLD:"{}",metaOther:"{}",...p}),E=v.useRef({}),{mutate:se,isPending:q}=i.useUpdatePage(),f=q||H||Z,{hasPermission:te}=P.usePermissions(),o=te(i.PAGES_PERMISSIONS.EDIT_SEO),[ae]=i.usePagesProps(),ne=d.get(ae,"features.canResetSeoToDefault",!1),z=!$||n.jsonLD!=="{}";v.useEffect(()=>{if(!N&&p&&R){const s={keyword:"",title:"",description:"",cononicalUrl:"",noIndex:!1,noFollow:"",ogTitle:"",ogDescription:"",ogImage:"",ogImageId:"",searchTitle:"",searchDescription:"",jsonLD:"",metaOther:"",...p};w(s),E.current[h]=s}},[N,p,h,R]),v.useEffect(()=>{const s=l=>{const{fromLang:b,toLang:A,switchHandler:y}=l.detail,G=E.current[h];(G?!d.isEqual(G,n):!1)?(U({fromLang:b,toLang:A,switchHandler:y}),V(!0)):y()};return window.addEventListener("seo-language-switch-check",s),()=>{window.removeEventListener("seo-language-switch-check",s)}},[R,n,h]);const oe=async()=>{if(!(!I||!h))try{J(!0);const s=M.getSeoDefaults(I,h),l={...n,keyword:d.get(s,"seo.keyword",""),title:d.get(s,"seo.title",""),description:d.get(s,"seo.description",""),cononicalUrl:d.get(s,"seo.canonicalUrl",""),noIndex:d.get(s,"seo.noIndex",!1),noFollow:d.get(s,"seo.noFollow",!1),ogTitle:d.get(s,"seo.ogTitle",""),ogDescription:d.get(s,"seo.ogDescription","")};w(l),L.toast.success(t("SEO fields reset to defaults"))}catch(s){L.toast.error(t("Failed to reset SEO fields")),console.error("Reset SEO error:",s)}finally{J(!1)}},le=async()=>{if(!(!I||!h))try{_(!0);const s=M.getSeoDefaults(I,h),l={...n,jsonLD:d.get(s,"seo.jsonLD","")};w(l),L.toast.success(t("JSON-LD reset to default"))}catch(s){L.toast.error(t("Failed to reset JSON-LD")),console.error("Reset JSON-LD error:",s)}finally{_(!1)}},re=async()=>{if(!(!I||!h))try{J(!0);const s=M.getSeoDefaults(I,h),l={...n,ogTitle:d.get(s,"seo.ogTitle",""),ogDescription:d.get(s,"seo.ogDescription",""),ogImage:d.get(s,"seo.ogImage",""),ogImageId:d.get(s,"seo.ogImageId",""),metaOther:d.get(s,"seo.metaOther","{}")};w(l),L.toast.success(t("Meta Tag fields reset to defaults"))}catch(s){L.toast.error(t("Failed to reset Meta Tag fields")),console.error("Reset Meta Tag error:",s)}finally{J(!1)}},Y=async()=>{se({id:r==null?void 0:r.id,seo:n,primaryPage:R},{onSuccess:()=>{console.log("SEO & JSON-LD updated successfully",n),E.current[h]=n,L.toast.success("SEO & JSON-LD updated successfully")}})},O=(s,l)=>{const b=document.getElementById(l);if(b){const{value:A,newCursorPos:y}=he(b,s);g.current={id:l,position:y},b.tagName.toLowerCase()==="input"?(b.value=A,w(C=>({...C,[b.name]:A})),b.focus(),b.setSelectionRange(y,y),[0,10,50,100,200].forEach(C=>{setTimeout(()=>{const B=document.getElementById(l);B&&(B.focus(),B.setSelectionRange(y,y))},C)})):(w(T=>({...T,[b.name]:A})),requestAnimationFrame(()=>{const T=document.getElementById(l);T&&(T.focus(),T.setSelectionRange(y,y),setTimeout(()=>{const C=document.getElementById(l);C&&(C.focus(),C.setSelectionRange(y,y))},50))}))}},j=s=>{const l={...n,[s.target.name]:s.target.name==="noIndex"||s.target.name==="noFollow"?s.target.checked:s.target.value};w(l)},k=s=>l=>{d.isEmpty(l.fieldValue)||j({target:{name:s,value:typeof l.fieldValue=="string"?l.fieldValue.replace(/^"(.*)"$/,"$1"):l.fieldValue}}),l.error&&L.toast.error(e.jsxs("div",{children:[e.jsx("h2",{children:"Failed to generate:"}),e.jsx("p",{children:l.error})]}))},ie=()=>{const s=d.get(u,"seo.jsonLD","{}");if((s==null?void 0:s.trim())==="{}"){L.toast.error("Default page JSON-LD is empty");return}j({target:{name:"jsonLD",value:s}})};return e.jsxs("div",{className:"relative flex h-full flex-col","data-panel-id":"seo",children:[!o&&e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center backdrop-blur-sm",children:e.jsx(a.Alert,{variant:"default",className:"w-[80%] max-w-md text-xs",children:e.jsx(a.AlertDescription,{children:t("You don't have permission to edit SEO settings. Contact your administrator for access.")})})}),e.jsxs("div",{className:"no-scrollbar flex-grow overflow-y-auto px-2 pb-20",children:[e.jsxs("div",{className:"mb-4 flex w-full items-center justify-between rounded-md bg-gray-100 px-2 py-1 text-left text-sm",children:[e.jsxs("span",{children:[e.jsx("div",{className:"font-medium",children:r==null?void 0:r.name}),e.jsx("span",{className:"font-mono text-xs leading-tight text-gray-500",children:r==null?void 0:r.slug})]}),e.jsx(i.LanguageSwitcher,{variant:"outline",showAdd:!1})]}),e.jsx("form",{className:"space-y-8",children:e.jsxs(a.Tabs,{value:m,onValueChange:D,className:"w-full",children:[e.jsxs(a.TabsList,{className:"mb-4 grid w-full grid-cols-3",children:[e.jsx(a.TabsTrigger,{value:"seo",children:t("SEO")}),e.jsx(a.TabsTrigger,{value:"opengraph",children:t("Meta Tags")}),e.jsx(a.TabsTrigger,{value:"jsonld",children:t("JSON-LD")})]}),e.jsx("div",{className:m==="seo"?"":"sr-only",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"keyword",children:t("Keyword")}),o&&e.jsx(i.NestedPathSelector,{dataType:"value",data:c??{},onSelect:s=>O(s,"keyword")})]}),e.jsx(a.Input,{type:"text",id:"keyword",name:"keyword",value:n.keyword,onChange:j,disabled:f||!o,placeholder:t("Enter keyword"),readOnly:!o})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"title",children:t("SEO Title")}),e.jsxs("div",{className:"flex items-center justify-end gap-2",children:[e.jsx(F,{keyword:n.keyword,onComplete:k("title"),field:"title"}),o&&e.jsx(i.NestedPathSelector,{dataType:"value",data:c??{},onSelect:s=>O(s,"title")})]})]}),e.jsx(a.Input,{type:"text",id:"title",name:"title",value:n.title,onChange:j,disabled:f||!o,placeholder:t("Enter SEO title"),readOnly:!o})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"description",children:t("SEO Description")}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(F,{keyword:n.keyword,onComplete:k("description"),field:"description"}),o&&e.jsx(i.NestedPathSelector,{data:c??{},onSelect:s=>O(s,"description")})]})]}),e.jsx(a.Textarea,{id:"description",name:"description",rows:5,value:n.description,onChange:j,disabled:f||!o,placeholder:t("Enter SEO description"),readOnly:!o})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"title",children:t("Canonical URL")}),o&&e.jsx(i.NestedPathSelector,{dataType:"value",data:c??{},onSelect:s=>O(s,"canonicalUrl")})]}),e.jsx(a.Input,{type:"text",id:"canonicalUrl",name:"canonicalUrl",value:n.canonicalUrl,onChange:j,disabled:f||!o,placeholder:t("Enter Canonical URL"),readOnly:!o})]}),e.jsxs("div",{className:"",children:[e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx(a.Input,{type:"checkbox",id:"noIndex",name:"noIndex",checked:n.noIndex,onChange:j,disabled:f||!o,className:"h-4 w-4"}),e.jsx(a.Label,{className:"pb-1 text-xs",htmlFor:"noIndex",children:t("No Index")})]}),e.jsx("p",{className:"mt-0 text-[10px] font-light leading-4 text-gray-400",children:t("Check this if you don't want search engines to index this page.")})]}),e.jsxs("div",{className:"",children:[e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx(a.Input,{type:"checkbox",id:"noFollow",name:"noFollow",checked:n.noFollow,onChange:j,disabled:f||!o,className:"h-4 w-4"}),e.jsx(a.Label,{className:"pb-1 text-xs",htmlFor:"noIndex",children:t("No Follow")})]}),e.jsx("p",{className:"text-[10px] font-light leading-4 text-gray-400",children:t("Check this if you don't want search engines to follow links on this page.")})]})]})}),e.jsx("div",{className:m==="opengraph"?"":"sr-only",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{children:[e.jsx("h3",{className:"mb-4 font-semibold text-slate-700",children:t("Open Graph")}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"ogTitle",children:t("OG Title")}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(F,{keyword:n.keyword,onComplete:k("ogTitle"),field:"ogTitle"}),o&&e.jsx(i.NestedPathSelector,{dataType:"value",data:c??{},onSelect:s=>O(s,"ogTitle")})]})]}),e.jsx(a.Input,{type:"text",id:"ogTitle",name:"ogTitle",value:n.ogTitle,onChange:j,disabled:f||!o,placeholder:t("Enter OG title"),readOnly:!o})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"ogDescription",children:t("OG Description")}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(F,{keyword:n.keyword,onComplete:k("ogDescription"),field:"ogDescription"}),o&&e.jsx(i.NestedPathSelector,{dataType:"value",data:c??{},onSelect:s=>O(s,"ogDescription")})]})]}),e.jsx(a.Textarea,{id:"ogDescription",name:"ogDescription",rows:5,value:n.ogDescription,onChange:j,disabled:f||!o,placeholder:t("Enter OG description"),readOnly:!o})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"ogImage",children:t("OG Image")}),o&&e.jsx(i.NestedPathSelector,{dataType:"value",data:c??{},onSelect:s=>{w({...n,ogImage:`{{${s}}}`,ogImageId:""})}})]}),e.jsx(i.ImagePicker,{assetId:n.ogImageId,assetUrl:n.ogImage,onChange:s=>{w({...n,ogImage:s.url,ogImageId:s.id})},disabled:f||!o,placeholder:t("Select OG image"),className:"mb-2"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"metaOther",children:t("Meta Tags")}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsx(F,{keyword:n.keyword,onComplete:k("metaOther"),field:"metaOther"})})]}),e.jsx(i.SmartJsonInput,{id:"metaOther",value:n.metaOther,onChange:s=>{j({target:{name:"metaOther",value:s}})},placeholder:t("Enter Meta Tags JSON"),disabled:f||!o,readOnly:!o,pageData:c||{},rows:8,handleFieldInsert:O})]})]})]})})}),e.jsx("div",{className:m==="jsonld"?"":"sr-only",children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(a.Label,{className:"text-xs",htmlFor:"jsonLD",children:t("JSON-LD")}),z&&e.jsx("div",{className:"flex items-center gap-2",children:e.jsx(F,{keyword:n.keyword,onComplete:k("jsonLD"),field:"jsonLD"})})]}),e.jsx("div",{className:"hidden",children:JSON.stringify(c)}),e.jsx(i.SmartJsonInput,{id:"jsonLD",value:n.jsonLD,onChange:s=>{j({target:{name:"jsonLD",value:s}})},placeholder:t("Enter JSON-LD"),disabled:f||!o,readOnly:!o,pageData:c||{},rows:12,handleFieldInsert:O,hasJsonLdForSelectedLang:z,copyJsonLDFromDefaultPage:ie})]})})})]})})]}),o&&e.jsxs("div",{className:"fixed bottom-0 left-0 right-0 flex w-full flex-shrink-0 items-center justify-between border-t bg-background p-4",children:[ne?e.jsx(a.Button,{type:"button",variant:"ghost",size:"sm",onClick:()=>{m==="jsonld"?le():m==="opengraph"?re():oe()},disabled:f||!o||!I,children:t(H?"Resetting...":`Reset to ${m==="jsonld"?"Default JSON-LD":m==="opengraph"?"Default Open Graph":"Default SEO"}`)}):e.jsx("div",{}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(a.Button,{onClick:Y,disabled:!me(n==null?void 0:n.jsonLD)||(E.current[h]?d.isEqual(E.current[h],n):!1)||f||!o,children:t(q?"Saving...":"Save")}),e.jsx(a.Button,{variant:"link",className:"text-gray-500 hover:text-gray-700",onClick:()=>x("outline"),children:t("Cancel")})]})]}),e.jsx(ge,{isOpen:ee,onClose:()=>{V(!1),U(null)},onSave:async()=>{S&&(await Y(),S.switchHandler(),V(!1),U(null))},onDiscard:()=>{if(S){const s=E.current[h];s&&w(s),S.switchHandler(),V(!1),U(null)}},isSaving:q,fromLanguage:(S==null?void 0:S.fromLang)||h,toLanguage:(S==null?void 0:S.toLang)||""})]})};Q.displayName="SeoPanel";exports.default=Q;

package/dist/shared-json-ld-C_vIO-Qk.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),T=require("@chaibuilder/sdk"),s=require("@chaibuilder/sdk/ui"),w=require("lodash-es"),m=require("lucide-react"),p=require("react"),L=require("sonner"),u=require("./index-DSUpSpeI.cjs"),J=require("@tanstack/react-query"),S=()=>{const n=u.useApiUrl(),d=u.useFetch();return J.useQuery({queryKey:[u.ACTIONS.GET_APP_SHARED_JSONLD],queryFn:async()=>await d(n,{action:u.ACTIONS.GET_APP_SHARED_JSONLD})||[],placeholderData:[],staleTime:60*60*1e3,retry:2})};function P(){const{data:n}=u.useCurrentPage(),d=w.get(n,"metadata",{})||{},[o,j]=p.useState(w.get(d,"sharedJsonLD",[])||[]),[x,h]=p.useState({show:!1,data:null}),{mutateAsync:y}=u.useUpdateActivePageMetadata(),[a,r]=p.useState(null),{data:i,isLoading:g}=S(),{mutateAsync:f}=u.useUpdateAppSharedJsonLD(),{selectedLang:b}=T.useLanguages(),l=async t=>{await y({...d,sharedJsonLD:t}),j(t),r(null)},v=async t=>{r(t);let c=[...o];w.includes(o,t)?c=c.filter(N=>N!==t):c=[...c||[],t],await l(c)},A=async t=>{r(t);try{const c=i==null?void 0:i.filter(N=>N.id!==t);await f(c),j(c),r(null)}catch{r(null)}};return e.jsxs("div",{className:"rounded border bg-muted p-2",children:[e.jsxs("div",{className:"flex items-center justify-between pb-2",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-medium",children:"Shared JSON-LD Templates"}),e.jsx("div",{className:"w-full text-xs text-gray-500",children:"Manage reusable JSON-LD schemas that can be applied across multiple pages"})]}),!b&&e.jsxs(s.Tooltip,{delayDuration:0,children:[e.jsx(s.TooltipTrigger,{type:"button",disabled:g,className:"rounded-full bg-primary p-1 text-primary-foreground hover:bg-primary/80",onClick:t=>{t.stopPropagation(),h({show:!0,data:null})},children:g?e.jsx(m.Loader,{className:"h-4 w-4 animate-spin"}):e.jsx(m.Plus,{className:"h-4 w-4"})}),e.jsx(s.TooltipContent,{children:"Add new schema"})]})]}),e.jsxs(s.ScrollArea,{className:"max-h-96 overflow-y-auto",children:[e.jsxs("div",{className:"space-y-2",children:[(!i||(i==null?void 0:i.length)===0)&&!g&&e.jsx("div",{className:"flex items-center justify-center px-2 py-4 text-xs",children:"No shared JSON-LD found"}),i==null?void 0:i.map(t=>{const c=u.parseJSONWithPlaceholders(t.content),N=c.isValid?c.parsed:"",C=w.includes(o,t.id),D=!b;return e.jsxs(s.Card,{className:`relative border-gray-300 p-0 shadow-none transition-all ${a===t.id?"pointer-events-none":""}`,children:[a===t.id&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center rounded-xl bg-white/80",children:e.jsx(m.Loader,{className:"h-5 w-5 animate-spin text-primary"})}),e.jsx(s.CardHeader,{className:"p-2",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[D&&e.jsx(s.Switch,{checked:C,onCheckedChange:()=>v(t.id)}),e.jsxs("div",{children:[e.jsx(s.CardTitle,{className:"flex items-center gap-2 text-sm leading-none",children:t.name}),(t==null?void 0:t.description)&&e.jsx("p",{className:"mt-1 text-xs leading-none text-muted-foreground",children:t==null?void 0:t.description})]})]}),D&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Button,{type:"button",variant:"ghost",size:"icon",className:"h-5 w-5 p-0",onClick:()=>h({show:!0,data:t}),children:e.jsx(m.Edit,{className:"h-4 w-4"})}),e.jsxs(s.AlertDialog,{children:[e.jsx(s.AlertDialogTrigger,{className:"flex h-5 w-5 items-center justify-center rounded-md text-red-500 hover:bg-red-100 hover:text-red-800",children:e.jsx(m.Trash,{className:"h-4 w-4"})}),e.jsxs(s.AlertDialogContent,{children:[e.jsxs(s.AlertDialogHeader,{children:[e.jsx(s.AlertDialogTitle,{children:"Delete Schema"}),e.jsxs(s.AlertDialogDescription,{children:["Are you sure you want to delete ",e.jsx("span",{className:"font-medium",children:t.name}),"? This action cannot be undone."]})]}),e.jsxs(s.AlertDialogFooter,{children:[e.jsx(s.AlertDialogCancel,{type:"button",children:"Cancel"}),e.jsx(s.AlertDialogAction,{type:"button",onClick:()=>A(t.id),className:"bg-red-500 text-white hover:bg-red-600",children:"Delete"})]})]})]})]})]})}),e.jsx(s.CardContent,{className:"px-2 pb-2",children:D?e.jsx(s.Textarea,{id:t.id,rows:1,readOnly:!0,value:JSON.stringify(N,null,2),className:"no-scrollbar cursor-text overflow-hidden rounded-md border-none bg-gray-100/80 text-xs"}):e.jsxs("div",{className:"flex h-20 w-full flex-col items-center justify-center rounded-lg border bg-gray-100",children:[e.jsx("div",{className:"max-w-xl text-center text-xs text-gray-500",children:"Not available in selected language, but available in default language."}),e.jsx(s.Button,{size:"sm",variant:"outline",className:"mt-2",onClick:()=>{},children:"Copy & Edit from default language"})]})})]})})]}),g&&e.jsx("div",{className:"flex items-center justify-center p-4",children:e.jsx(m.Loader,{className:"h-5 w-5 animate-spin"})})]}),e.jsx(O,{data:x==null?void 0:x.data,show:x==null?void 0:x.show,onClose:()=>{h({show:!1,data:null})}})]})}const O=({data:n,show:d,onClose:o})=>e.jsx(s.Dialog,{open:d,onOpenChange:()=>o(),children:d&&e.jsx(F,{data:n,show:d,onClose:o})}),F=({data:n,show:d,onClose:o})=>{const[j,x]=p.useState("edit"),[h,y]=p.useState(""),[a,r]=p.useState({name:"",content:"",description:"",enabledByDefaultForNewPages:!1}),{data:i}=S(),{mutateAsync:g,isPending:f}=u.useUpdateAppSharedJsonLD();p.useEffect(()=>{x("edit"),r({name:"",description:"",content:"",enabledByDefaultForNewPages:!1}),n&&r({name:n.name,description:n.description,content:n.content,enabledByDefaultForNewPages:n.enabledByDefaultForNewPages})},[n,d]),p.useEffect(()=>{const l=u.parseJSONWithPlaceholders(a.content);y(l.isValid?JSON.stringify(l.parsed,null,2):"")},[a.content]);const b=async()=>{if(!a.name||!a.content){L.toast.error("Please enter a name and content");return}const l={id:n?n.id:crypto.randomUUID(),name:a.name,description:a.description,content:a.content};n?await g([...(i||[]).map(v=>v.id===n.id?l:v)]):await g([...i||[],l]),o()};return e.jsxs(s.DialogContent,{className:"flex max-w-xl flex-col overflow-y-auto",children:[e.jsx(s.DialogHeader,{children:e.jsx(s.DialogTitle,{children:"Add New Shared JSON-LD Schema"})}),e.jsxs("div",{className:"flex max-h-[75vh] flex-col space-y-2 overflow-y-auto",children:[e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"new-name",children:"Schema Name"}),e.jsx(s.Input,{id:"new-name",value:a.name,onChange:l=>r({...a,name:l.target.value}),placeholder:"e.g., Product Schema",className:"text-xs"})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"new-description",children:"Description"}),e.jsx(s.Input,{id:"new-description",value:a.description||"",onChange:l=>r({...a,description:l.target.value}),placeholder:"Brief description of this schema"})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"new-content",children:"JSON-LD Content"}),e.jsxs(s.Tabs,{value:j,onValueChange:x,className:"w-full",children:[e.jsxs("div",{className:"mb-2 flex w-full items-center justify-between",children:[e.jsxs(s.TabsList,{className:"w-max",children:[e.jsxs(s.TabsTrigger,{value:"edit",className:"flex items-center gap-1",children:[e.jsx(m.Code,{className:"h-4 w-4"}),e.jsx("span",{children:"Edit"})]}),e.jsxs(s.TabsTrigger,{value:"preview",className:"flex items-center gap-1",disabled:!h,children:[e.jsx(m.Eye,{className:"h-4 w-4"}),e.jsx("span",{children:"Preview"})]})]}),e.jsx("div",{className:"flex items-center gap-2",children:j==="edit"&&e.jsx(s.Button,{type:"button",variant:"outline",size:"sm",onClick:()=>r({...a,content:h}),disabled:!h,children:"Format"})})]}),e.jsxs(s.TabsContent,{value:"edit",children:[e.jsx(s.Textarea,{id:"new-content",value:a.content||"{}",onChange:l=>r({...a,content:l.target.value}),className:"font-mono text-sm",placeholder:"Enter JSON-LD markup...",rows:10}),!h&&a.content?e.jsx("p",{className:"pt-px text-xs text-red-500",children:"Invalid JSON-LD"}):e.jsx("p",{})]}),e.jsx(s.TabsContent,{value:"preview",children:e.jsx(s.Textarea,{id:"new-content",value:h||"{}",className:"bg-muted font-mono text-sm",placeholder:"{}",rows:10,readOnly:!0})})]})]}),n&&e.jsxs("div",{className:"flex items-center justify-between rounded-lg border border-blue-300 bg-blue-500/10 p-2",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-blue-900",children:"Apply to All Existing Pages"}),e.jsx("div",{className:"text-xs text-blue-700",children:"This will add this JSON-LD schema to all existing pages on your site a"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Button,{size:"sm",variant:"outline",onClick:()=>{},children:"Apply to all"}),e.jsx(s.Button,{size:"sm",variant:"ghost",onClick:()=>{},children:"Remove to all"})]})]}),e.jsxs("div",{className:"flex items-center justify-between pt-2",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(s.Switch,{id:"new-enabled",checked:a.enabledByDefaultForNewPages,onCheckedChange:l=>r({...a,enabledByDefaultForNewPages:l})}),e.jsxs(s.Label,{htmlFor:"new-enabled",children:[e.jsx("div",{children:"Enabled by default for new pages"}),e.jsx("div",{className:"text-xs font-light text-muted-foreground",children:"New pages will automatically include this schema"})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(s.Button,{disabled:f,variant:"outline",type:"button",size:"sm",onClick:()=>o(),children:"Cancel"}),e.jsx(s.Button,{disabled:f||!h,type:"button",size:"sm",onClick:b,children:f?e.jsxs(e.Fragment,{children:[e.jsx(m.Loader,{className:"h-4 w-4 animate-spin"})," ",n?"Updating":"Adding"]}):n?"Update Schema":"Add Schema"})]})]})]})]})};exports.default=P;

package/dist/shared-json-ld-CkOQRUEw.js

@@ -0,0 +1,337 @@
+import { jsxs as a, jsx as e, Fragment as I } from "react/jsx-runtime";
+import { useLanguages as _ } from "@chaibuilder/sdk";
+import { Tooltip as H, TooltipTrigger as M, TooltipContent as R, ScrollArea as V, Card as q, CardHeader as G, Switch as k, CardTitle as W, Button as p, AlertDialog as K, AlertDialogTrigger as Q, AlertDialogContent as $, AlertDialogHeader as X, AlertDialogTitle as Y, AlertDialogDescription as Z, AlertDialogFooter as ee, AlertDialogCancel as ae, AlertDialogAction as te, CardContent as ne, Textarea as S, Dialog as le, DialogContent as se, DialogHeader as ie, DialogTitle as re, Label as b, Input as C, Tabs as ce, TabsList as de, TabsTrigger as T, TabsContent as L } from "@chaibuilder/sdk/ui";
+import { get as J, includes as P } from "lodash-es";
+import { Loader as y, Plus as oe, Edit as he, Trash as me, Code as ue, Eye as pe } from "lucide-react";
+import { useState as g, useEffect as O } from "react";
+import { toast as ge } from "sonner";
+import { ak as fe, al as xe, A as F, am as Ne, an as ve, ao as j, ap as E } from "./index-Byi6-4u1.js";
+import { useQuery as we } from "@tanstack/react-query";
+const U = () => {
+  const l = fe(), d = xe();
+  return we({
+    queryKey: [F.GET_APP_SHARED_JSONLD],
+    queryFn: async () => await d(l, { action: F.GET_APP_SHARED_JSONLD }) || [],
+    placeholderData: [],
+    staleTime: 60 * 60 * 1e3,
+    retry: 2
+  });
+};
+function Fe() {
+  const { data: l } = Ne(), d = J(l, "metadata", {}) || {}, [o, f] = g(J(d, "sharedJsonLD", []) || []), [m, h] = g({ show: !1, data: null }), { mutateAsync: D } = ve(), [n, i] = g(null), { data: r, isLoading: u } = U(), { mutateAsync: x } = j(), { selectedLang: v } = _(), s = async (t) => {
+    await D({ ...d, sharedJsonLD: t }), f(t), i(null);
+  }, w = async (t) => {
+    i(t);
+    let c = [...o];
+    P(o, t) ? c = c.filter((N) => N !== t) : c = [...c || [], t], await s(c);
+  }, z = async (t) => {
+    i(t);
+    try {
+      const c = r == null ? void 0 : r.filter((N) => N.id !== t);
+      await x(c), f(c), i(null);
+    } catch {
+      i(null);
+    }
+  };
+  return /* @__PURE__ */ a("div", { className: "rounded border bg-muted p-2", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center justify-between pb-2", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e("div", { className: "text-xs font-medium", children: "Shared JSON-LD Templates" }),
+        /* @__PURE__ */ e("div", { className: "w-full text-xs text-gray-500", children: "Manage reusable JSON-LD schemas that can be applied across multiple pages" })
+      ] }),
+      !v && /* @__PURE__ */ a(H, { delayDuration: 0, children: [
+        /* @__PURE__ */ e(
+          M,
+          {
+            type: "button",
+            disabled: u,
+            className: "rounded-full bg-primary p-1 text-primary-foreground hover:bg-primary/80",
+            onClick: (t) => {
+              t.stopPropagation(), h({ show: !0, data: null });
+            },
+            children: u ? /* @__PURE__ */ e(y, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(oe, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ e(R, { children: "Add new schema" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(V, { className: "max-h-96 overflow-y-auto", children: [
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        (!r || (r == null ? void 0 : r.length) === 0) && !u && /* @__PURE__ */ e("div", { className: "flex items-center justify-center px-2 py-4 text-xs", children: "No shared JSON-LD found" }),
+        r == null ? void 0 : r.map((t) => {
+          const c = E(t.content), N = c.isValid ? c.parsed : "", B = P(o, t.id), A = !v;
+          return /* @__PURE__ */ a(
+            q,
+            {
+              className: `relative border-gray-300 p-0 shadow-none transition-all ${n === t.id ? "pointer-events-none" : ""}`,
+              children: [
+                n === t.id && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center rounded-xl bg-white/80", children: /* @__PURE__ */ e(y, { className: "h-5 w-5 animate-spin text-primary" }) }),
+                /* @__PURE__ */ e(G, { className: "p-2", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+                    A && /* @__PURE__ */ e(k, { checked: B, onCheckedChange: () => w(t.id) }),
+                    /* @__PURE__ */ a("div", { children: [
+                      /* @__PURE__ */ e(W, { className: "flex items-center gap-2 text-sm leading-none", children: t.name }),
+                      (t == null ? void 0 : t.description) && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-none text-muted-foreground", children: t == null ? void 0 : t.description })
+                    ] })
+                  ] }),
+                  A && /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      p,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon",
+                        className: "h-5 w-5 p-0",
+                        onClick: () => h({ show: !0, data: t }),
+                        children: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
+                      }
+                    ),
+                    /* @__PURE__ */ a(K, { children: [
+                      /* @__PURE__ */ e(Q, { className: "flex h-5 w-5 items-center justify-center rounded-md text-red-500 hover:bg-red-100 hover:text-red-800", children: /* @__PURE__ */ e(me, { className: "h-4 w-4" }) }),
+                      /* @__PURE__ */ a($, { children: [
+                        /* @__PURE__ */ a(X, { children: [
+                          /* @__PURE__ */ e(Y, { children: "Delete Schema" }),
+                          /* @__PURE__ */ a(Z, { children: [
+                            "Are you sure you want to delete ",
+                            /* @__PURE__ */ e("span", { className: "font-medium", children: t.name }),
+                            "? This action cannot be undone."
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ a(ee, { children: [
+                          /* @__PURE__ */ e(ae, { type: "button", children: "Cancel" }),
+                          /* @__PURE__ */ e(
+                            te,
+                            {
+                              type: "button",
+                              onClick: () => z(t.id),
+                              className: "bg-red-500 text-white hover:bg-red-600",
+                              children: "Delete"
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ e(ne, { className: "px-2 pb-2", children: A ? /* @__PURE__ */ e(
+                  S,
+                  {
+                    id: t.id,
+                    rows: 1,
+                    readOnly: !0,
+                    value: JSON.stringify(N, null, 2),
+                    className: "no-scrollbar cursor-text overflow-hidden rounded-md border-none bg-gray-100/80 text-xs"
+                  }
+                ) : /* @__PURE__ */ a("div", { className: "flex h-20 w-full flex-col items-center justify-center rounded-lg border bg-gray-100", children: [
+                  /* @__PURE__ */ e("div", { className: "max-w-xl text-center text-xs text-gray-500", children: "Not available in selected language, but available in default language." }),
+                  /* @__PURE__ */ e(
+                    p,
+                    {
+                      size: "sm",
+                      variant: "outline",
+                      className: "mt-2",
+                      onClick: () => {
+                      },
+                      children: "Copy & Edit from default language"
+                    }
+                  )
+                ] }) })
+              ]
+            }
+          );
+        })
+      ] }),
+      u && /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ e(y, { className: "h-5 w-5 animate-spin" }) })
+    ] }),
+    /* @__PURE__ */ e(
+      be,
+      {
+        data: m == null ? void 0 : m.data,
+        show: m == null ? void 0 : m.show,
+        onClose: () => {
+          h({ show: !1, data: null });
+        }
+      }
+    )
+  ] });
+}
+const be = ({
+  data: l,
+  show: d,
+  onClose: o
+}) => /* @__PURE__ */ e(le, { open: d, onOpenChange: () => o(), children: d && /* @__PURE__ */ e(ye, { data: l, show: d, onClose: o }) }), ye = ({
+  data: l,
+  show: d,
+  onClose: o
+}) => {
+  const [f, m] = g("edit"), [h, D] = g(""), [n, i] = g({
+    name: "",
+    content: "",
+    description: "",
+    enabledByDefaultForNewPages: !1
+  }), { data: r } = U(), { mutateAsync: u, isPending: x } = j();
+  O(() => {
+    m("edit"), i({ name: "", description: "", content: "", enabledByDefaultForNewPages: !1 }), l && i({
+      name: l.name,
+      description: l.description,
+      content: l.content,
+      enabledByDefaultForNewPages: l.enabledByDefaultForNewPages
+    });
+  }, [l, d]), O(() => {
+    const s = E(n.content);
+    D(s.isValid ? JSON.stringify(s.parsed, null, 2) : "");
+  }, [n.content]);
+  const v = async () => {
+    if (!n.name || !n.content) {
+      ge.error("Please enter a name and content");
+      return;
+    }
+    const s = {
+      id: l ? l.id : crypto.randomUUID(),
+      name: n.name,
+      description: n.description,
+      content: n.content
+    };
+    l ? await u([
+      ...(r || []).map((w) => w.id === l.id ? s : w)
+    ]) : await u([...r || [], s]), o();
+  };
+  return /* @__PURE__ */ a(se, { className: "flex max-w-xl flex-col overflow-y-auto", children: [
+    /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e(re, { children: "Add New Shared JSON-LD Schema" }) }),
+    /* @__PURE__ */ a("div", { className: "flex max-h-[75vh] flex-col space-y-2 overflow-y-auto", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(b, { htmlFor: "new-name", children: "Schema Name" }),
+        /* @__PURE__ */ e(
+          C,
+          {
+            id: "new-name",
+            value: n.name,
+            onChange: (s) => i({ ...n, name: s.target.value }),
+            placeholder: "e.g., Product Schema",
+            className: "text-xs"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(b, { htmlFor: "new-description", children: "Description" }),
+        /* @__PURE__ */ e(
+          C,
+          {
+            id: "new-description",
+            value: n.description || "",
+            onChange: (s) => i({ ...n, description: s.target.value }),
+            placeholder: "Brief description of this schema"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(b, { htmlFor: "new-content", children: "JSON-LD Content" }),
+        /* @__PURE__ */ a(ce, { value: f, onValueChange: m, className: "w-full", children: [
+          /* @__PURE__ */ a("div", { className: "mb-2 flex w-full items-center justify-between", children: [
+            /* @__PURE__ */ a(de, { className: "w-max", children: [
+              /* @__PURE__ */ a(T, { value: "edit", className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(ue, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e("span", { children: "Edit" })
+              ] }),
+              /* @__PURE__ */ a(T, { value: "preview", className: "flex items-center gap-1", disabled: !h, children: [
+                /* @__PURE__ */ e(pe, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e("span", { children: "Preview" })
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: f === "edit" && /* @__PURE__ */ e(
+              p,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => i({ ...n, content: h }),
+                disabled: !h,
+                children: "Format"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ a(L, { value: "edit", children: [
+            /* @__PURE__ */ e(
+              S,
+              {
+                id: "new-content",
+                value: n.content || "{}",
+                onChange: (s) => i({ ...n, content: s.target.value }),
+                className: "font-mono text-sm",
+                placeholder: "Enter JSON-LD markup...",
+                rows: 10
+              }
+            ),
+            !h && n.content ? /* @__PURE__ */ e("p", { className: "pt-px text-xs text-red-500", children: "Invalid JSON-LD" }) : /* @__PURE__ */ e("p", {})
+          ] }),
+          /* @__PURE__ */ e(L, { value: "preview", children: /* @__PURE__ */ e(
+            S,
+            {
+              id: "new-content",
+              value: h || "{}",
+              className: "bg-muted font-mono text-sm",
+              placeholder: "{}",
+              rows: 10,
+              readOnly: !0
+            }
+          ) })
+        ] })
+      ] }),
+      l && /* @__PURE__ */ a("div", { className: "flex items-center justify-between rounded-lg border border-blue-300 bg-blue-500/10 p-2", children: [
+        /* @__PURE__ */ a("div", { children: [
+          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-blue-900", children: "Apply to All Existing Pages" }),
+          /* @__PURE__ */ e("div", { className: "text-xs text-blue-700", children: "This will add this JSON-LD schema to all existing pages on your site a" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            p,
+            {
+              size: "sm",
+              variant: "outline",
+              onClick: () => {
+              },
+              children: "Apply to all"
+            }
+          ),
+          /* @__PURE__ */ e(
+            p,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => {
+              },
+              children: "Remove to all"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e(
+            k,
+            {
+              id: "new-enabled",
+              checked: n.enabledByDefaultForNewPages,
+              onCheckedChange: (s) => i({ ...n, enabledByDefaultForNewPages: s })
+            }
+          ),
+          /* @__PURE__ */ a(b, { htmlFor: "new-enabled", children: [
+            /* @__PURE__ */ e("div", { children: "Enabled by default for new pages" }),
+            /* @__PURE__ */ e("div", { className: "text-xs font-light text-muted-foreground", children: "New pages will automatically include this schema" })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(p, { disabled: x, variant: "outline", type: "button", size: "sm", onClick: () => o(), children: "Cancel" }),
+          /* @__PURE__ */ e(p, { disabled: x || !h, type: "button", size: "sm", onClick: v, children: x ? /* @__PURE__ */ a(I, { children: [
+            /* @__PURE__ */ e(y, { className: "h-4 w-4 animate-spin" }),
+            " ",
+            l ? "Updating" : "Adding"
+          ] }) : l ? "Update Schema" : "Add Schema" })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  Fe as default
+};

package/dist/slug-input-71BuN79c.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),u=require("./index-DSUpSpeI.cjs"),b=require("@chaibuilder/sdk/ui"),d=require("react"),j=e=>{if(!e)return{base:e,extension:null};const n=e.lastIndexOf(".");if(n<=0)return{base:e,extension:null};const t=e.substring(n);return{base:e.substring(0,n),extension:t}},x=e=>{if(!e)return e;const{base:n}=j(e);return n};function E(e,n){const t=(e||"").split("/").filter(Boolean);let r="",a=!0;if(n.slug==="/"){const i=t.pop()||"";if(u.LANGUAGES[i])a=!0;else{r=i;const l=t.pop()||"";a=!!u.LANGUAGES[l]}}else if(n.parent)t.length&&(r=t.pop()||"");else if(t.length){r=t.pop()||"";const i=t.pop()||"";a=!!u.LANGUAGES[i]}return{initSlug:r,prefix:a}}const v=e=>e&&x(e),C=(e,n)=>{const t=x(e||"");return!t||t==="/"?`/${n}`:`${t}/${n}`};function A({value:e,onChange:n,placeholder:t,parentSlug:r,onValidationChange:a,disabled:i=!1,fullSlug:l}){const[g,p]=d.useState(e),[o,f]=d.useState(null);d.useEffect(()=>{p(e)},[e]);const h=S=>{const c=S.target.value.replace(/\//g,"").replace(/\s+/g,"-").replace(/[^a-zA-Z0-9-_.]/g,"-").replace(/-+/g,"-").replace(/^-+/,"").toLowerCase(),m=(c.match(/\./g)||[]).length,N=m<=1;m>1?f("Invalid slug. Only one dot (.) is allowed in the slug"):f(null),a&&a(N),p(c),n(c)};return s.jsxs("div",{children:[r&&s.jsx("div",{className:"mb-1 flex items-center",children:s.jsxs("span",{className:"text-xs text-gray-500",children:["Parent: ",s.jsx("span",{className:"font-mono text-gray-900",children:v(r)})]})}),s.jsxs("div",{className:"relative",children:[s.jsx(b.Input,{disabled:i,value:g,onChange:h,placeholder:t,className:o?"border-red-500":""}),o&&s.jsx("div",{className:"mt-1 text-xs text-red-500",children:o})]}),l&&l!=="undefined"&&s.jsx("div",{className:"mt-1 flex items-center",children:s.jsxs("span",{className:"text-xs text-gray-500",children:["Complete Slug: ",s.jsx("span",{className:"font-mono text-gray-900",children:l})]})})]})}exports.SlugInput=A;exports.combineParentChildSlugs=C;exports.parseSlugForEdit=E;exports.removeSlugExtension=x;

package/dist/slug-input-rAe3mMkd.js

@@ -0,0 +1,87 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { L as d } from "./index-Byi6-4u1.js";
+import { Input as v } from "@chaibuilder/sdk/ui";
+import { useState as x, useEffect as C } from "react";
+const y = (e) => {
+  if (!e) return { base: e, extension: null };
+  const n = e.lastIndexOf(".");
+  if (n <= 0) return { base: e, extension: null };
+  const t = e.substring(n);
+  return { base: e.substring(0, n), extension: t };
+}, g = (e) => {
+  if (!e) return e;
+  const { base: n } = y(e);
+  return n;
+};
+function w(e, n) {
+  const t = (e || "").split("/").filter(Boolean);
+  let s = "", r = !0;
+  if (n.slug === "/") {
+    const a = t.pop() || "";
+    if (d[a])
+      r = !0;
+    else {
+      s = a;
+      const l = t.pop() || "";
+      r = !!d[l];
+    }
+  } else if (n.parent)
+    t.length && (s = t.pop() || "");
+  else if (t.length) {
+    s = t.pop() || "";
+    const a = t.pop() || "";
+    r = !!d[a];
+  }
+  return { initSlug: s, prefix: r };
+}
+const E = (e) => e && g(e), z = (e, n) => {
+  const t = g(e || "");
+  return !t || t === "/" ? `/${n}` : `${t}/${n}`;
+};
+function D({
+  value: e,
+  onChange: n,
+  placeholder: t,
+  parentSlug: s,
+  onValidationChange: r,
+  disabled: a = !1,
+  fullSlug: l
+}) {
+  const [h, u] = x(e), [c, f] = x(null);
+  C(() => {
+    u(e);
+  }, [e]);
+  const N = (b) => {
+    const p = b.target.value.replace(/\//g, "").replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-_.]/g, "-").replace(/-+/g, "-").replace(/^-+/, "").toLowerCase(), m = (p.match(/\./g) || []).length, S = m <= 1;
+    m > 1 ? f("Invalid slug. Only one dot (.) is allowed in the slug") : f(null), r && r(S), u(p), n(p);
+  };
+  return /* @__PURE__ */ i("div", { children: [
+    s && /* @__PURE__ */ o("div", { className: "mb-1 flex items-center", children: /* @__PURE__ */ i("span", { className: "text-xs text-gray-500", children: [
+      "Parent: ",
+      /* @__PURE__ */ o("span", { className: "font-mono text-gray-900", children: E(s) })
+    ] }) }),
+    /* @__PURE__ */ i("div", { className: "relative", children: [
+      /* @__PURE__ */ o(
+        v,
+        {
+          disabled: a,
+          value: h,
+          onChange: N,
+          placeholder: t,
+          className: c ? "border-red-500" : ""
+        }
+      ),
+      c && /* @__PURE__ */ o("div", { className: "mt-1 text-xs text-red-500", children: c })
+    ] }),
+    l && l !== "undefined" && /* @__PURE__ */ o("div", { className: "mt-1 flex items-center", children: /* @__PURE__ */ i("span", { className: "text-xs text-gray-500", children: [
+      "Complete Slug: ",
+      /* @__PURE__ */ o("span", { className: "font-mono text-gray-900", children: l })
+    ] }) })
+  ] });
+}
+export {
+  D as S,
+  z as c,
+  w as p,
+  g as r
+};

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

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

package/dist/theme-panel-footer-DHRs6ag2.cjs

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

package/dist/translation-warning-modal-DalBhNQy.js

@@ -0,0 +1,26 @@
+import { jsx as n, jsxs as e } from "react/jsx-runtime";
+import { Dialog as s, DialogContent as d, DialogHeader as h, DialogTitle as u, DialogDescription as g, DialogFooter as m, Button as i } from "@chaibuilder/sdk/ui";
+const f = ({
+  isOpen: l,
+  onClose: o,
+  onContinue: t,
+  isPending: a = !1,
+  title: r = "Translation Warning",
+  description: c = "Some blocks need translations before publishing. Do you want to continue anyway?"
+}) => /* @__PURE__ */ n(s, { open: l, onOpenChange: o, children: l && /* @__PURE__ */ e(d, { className: "sm:max-w-[425px]", children: [
+  /* @__PURE__ */ e(h, { children: [
+    /* @__PURE__ */ n(u, { children: r }),
+    /* @__PURE__ */ n(g, { children: c })
+  ] }),
+  /* @__PURE__ */ e(m, { className: "flex gap-2", children: [
+    /* @__PURE__ */ n(i, { variant: "outline", onClick: () => {
+      o();
+    }, disabled: a, children: "Cancel" }),
+    /* @__PURE__ */ n(i, { onClick: () => {
+      t();
+    }, disabled: a, children: a ? "Publishing..." : "Continue Anyway" })
+  ] })
+] }) });
+export {
+  f as default
+};

package/dist/translation-warning-modal-Kctu12rQ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("@chaibuilder/sdk/ui"),d=({isOpen:l,onClose:i,onContinue:o,isPending:a=!1,title:t="Translation Warning",description:s="Some blocks need translations before publishing. Do you want to continue anyway?"})=>{const r=()=>{i()},c=()=>{o()};return n.jsx(e.Dialog,{open:l,onOpenChange:i,children:l&&n.jsxs(e.DialogContent,{className:"sm:max-w-[425px]",children:[n.jsxs(e.DialogHeader,{children:[n.jsx(e.DialogTitle,{children:t}),n.jsx(e.DialogDescription,{children:s})]}),n.jsxs(e.DialogFooter,{className:"flex gap-2",children:[n.jsx(e.Button,{variant:"outline",onClick:r,disabled:a,children:"Cancel"}),n.jsx(e.Button,{onClick:c,disabled:a,children:a?"Publishing...":"Continue Anyway"})]})]})})};exports.default=d;

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

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

package/dist/unmark-as-template-_VyWoVNk.js

@@ -0,0 +1,38 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { o as c } from "./index-Byi6-4u1.js";
+import { Dialog as m, DialogContent as p, DialogHeader as d, DialogTitle as u, DialogDescription as h, DialogFooter as g, Button as r } from "@chaibuilder/sdk/ui";
+import { useState as f } from "react";
+const T = ({ page: i, onClose: a }) => {
+  const [o, t] = f(!1), s = c();
+  return /* @__PURE__ */ e(m, { open: !0, onOpenChange: a, children: /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ n(d, { children: [
+      /* @__PURE__ */ e(u, { children: "Unmark as template" }),
+      /* @__PURE__ */ e(h, { className: "space-y-1 py-4 text-xs text-slate-500", children: "Are you sure you want to unmark this page as a template?" })
+    ] }),
+    /* @__PURE__ */ n(g, { className: o ? "pointer-events-none opacity-75" : "", children: [
+      /* @__PURE__ */ e(
+        r,
+        {
+          variant: "outline",
+          onClick: (l) => {
+            l.stopPropagation(), a();
+          },
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(r, { variant: "default", disabled: o, onClick: () => {
+        t(!0), s.mutate(i, {
+          onSuccess: () => {
+            t(!1), a();
+          },
+          onError: () => {
+            t(!1);
+          }
+        });
+      }, children: "Unmark as template" })
+    ] })
+  ] }) });
+};
+export {
+  T as default
+};

package/dist/unpublish-page-CuSJRr5c.js

@@ -0,0 +1,26 @@
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { l as d, C as r } from "./index-Byi6-4u1.js";
+import { Dialog as h, DialogContent as a, DialogHeader as u, DialogTitle as m, DialogDescription as U, DialogFooter as D, Button as e } from "@chaibuilder/sdk/ui";
+const f = ({ page: i, onClose: o }) => {
+  const { mutate: s, isPending: t } = d(), c = async () => {
+    s(i, { onSuccess: o });
+  };
+  return /* @__PURE__ */ n(h, { open: !!i, onOpenChange: o, children: /* @__PURE__ */ l(a, { children: [
+    /* @__PURE__ */ l(u, { children: [
+      /* @__PURE__ */ n(m, { children: "Confirm action" }),
+      /* @__PURE__ */ l(U, { children: [
+        r.UNPUBLISH_MSG,
+        " ",
+        /* @__PURE__ */ n("b", { children: (i == null ? void 0 : i.name) ?? (i == null ? void 0 : i.slug) }),
+        "?"
+      ] })
+    ] }),
+    /* @__PURE__ */ l(D, { children: [
+      /* @__PURE__ */ n(e, { variant: "outline", onClick: o, children: "Cancel" }),
+      /* @__PURE__ */ n(e, { variant: "destructive", disabled: t, onClick: c, children: t ? r.UPDATING : r.UNPUBLISH })
+    ] })
+  ] }) });
+};
+export {
+  f as default
+};

package/dist/unpublish-page-D3NM8b3u.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("./index-DSUpSpeI.cjs"),e=require("@chaibuilder/sdk/ui"),o=({page:i,onClose:t})=>{const{mutate:r,isPending:l}=s.useUnpublishPage(),c=async()=>{r(i,{onSuccess:t})};return n.jsx(e.Dialog,{open:!!i,onOpenChange:t,children:n.jsxs(e.DialogContent,{children:[n.jsxs(e.DialogHeader,{children:[n.jsx(e.DialogTitle,{children:"Confirm action"}),n.jsxs(e.DialogDescription,{children:[s.CONTENT.UNPUBLISH_MSG," ",n.jsx("b",{children:(i==null?void 0:i.name)??(i==null?void 0:i.slug)}),"?"]})]}),n.jsxs(e.DialogFooter,{children:[n.jsx(e.Button,{variant:"outline",onClick:t,children:"Cancel"}),n.jsx(e.Button,{variant:"destructive",disabled:l,onClick:c,children:l?s.CONTENT.UPDATING:s.CONTENT.UNPUBLISH})]})]})})};exports.default=o;