@chaibuilder/pages 0.15.5 → 0.15.6

package/dist/add-new-language-page-BCUrfgTy.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),V=require("./slug-input-Cqj9EBju.cjs"),f=require("./index-0cMGDekp.cjs"),w=require("@chaibuilder/sdk"),S=require("@chaibuilder/sdk/ui"),Y=require("lodash-es"),is=require("lucide-react"),N=require("react"),X=({edit:c,lang:h,languages:a,name:u,setLang:t,setName:i,primaryPageObject:o})=>{const{t:s}=w.useTranslation();return e.jsxs("div",{className:"space-y-1",children:[e.jsx(S.Label,{htmlFor:"lang",children:s("Language")}),e.jsxs("select",{value:c?"":h,disabled:c||!a.length,onChange:l=>{const x=l.target.value;t(x),!c&&(Y.startsWith(u,o==null?void 0:o.name)||u.length===0)&&i(`${o==null?void 0:o.name} - ${f.LANGUAGES[x]}`)},className:"col-span-3 flex h-9 w-full rounded-md border border-border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",children:[e.jsx("option",{value:"",disabled:!0,children:c?f.LANGUAGES[h]||h:a.length?s("Choose language"):s("All available language page is created.")}),a.map(l=>e.jsx("option",{value:l,children:f.LANGUAGES[l]||l},l))]})]})},Z=({lang:c,name:h,setName:a,parentHasSelectedLanguagePage:u})=>{const{t}=w.useTranslation();return e.jsxs("div",{className:"space-y-1",children:[e.jsx(S.Label,{htmlFor:"name",children:t("Page Name")}),e.jsx(S.Input,{id:"name",value:c?h:"",onChange:i=>a(i.target.value),required:!0,placeholder:t(c?"Enter page name":"Choose language to add slug"),disabled:!u||!c})]})},ds=({dynamic:c,isNonSlugPageType:h,isRootPage:a,lang:u,useLanguagePrefix:t,setUseLanguagePrefix:i,isHomePage:o,parentSlug:s,parentHasSelectedLanguagePage:l,slug:x,setSlug:d,setIsSlugValid:m,getSlug:g})=>{const{t:r}=w.useTranslation();return h?null:e.jsxs("div",{className:"space-y-1",children:[a&&u&&e.jsxs("div",{className:"flex items-center space-x-2 pb-1",children:[e.jsx("input",{type:"checkbox",id:"useLanguagePrefix",checked:t,onChange:A=>i(A.target.checked),className:"rounded border-gray-300"}),e.jsxs(S.Label,{htmlFor:"useLanguagePrefix",className:"text-sm font-normal leading-tight",children:["Add language code (",e.jsxs("span",{className:"font-mono text-gray-900",children:["/",u]}),") as slug prefix"]})]}),e.jsx(S.Label,{htmlFor:"slug",children:r("Slug")}),c?e.jsx(S.Alert,{variant:"default",className:"p-2 text-xs font-medium italic text-muted-foreground",children:r("This page will use dynamic slug as defined in primary page")}):e.jsx(V.SlugInput,{disabled:!u||!l,value:x,onChange:d,placeholder:r(u?o&&t?"Leave empty for home page":"Enter page slug":"Choose language to add slug"),parentSlug:s,onValidationChange:m,fullSlug:g()})]})},_=({parentHasSelectedLanguagePage:c,name:h,lang:a,slug:u,edit:t,id:i,primaryPageObject:o,pages:s,isNonSlugPageType:l,isHomePage:x,useLanguagePrefix:d,isSlugValid:m,isPending:g})=>{const{t:r}=w.useTranslation(),A=g||!h||!a||s.some(v=>(t?v.id!==i:!0)&&v.parent===(o==null?void 0:o.id)&&v.lang===a)||!l&&!(x&&d)&&(!m||!u);return e.jsx(S.DialogFooter,{children:c?e.jsxs(e.Fragment,{children:[e.jsx(S.Button,{type:"submit",disabled:A&&!o.dynamic,children:g?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"loader mr-2"}),r(t?"Updating...":"Adding...")]}):r(t?"Update":"Add new language page")}),s.some(v=>(t?v.id!==i:!0)&&v.parent===(o==null?void 0:o.id)&&v.lang===a)&&e.jsx("p",{className:"mt-2 text-xs text-red-500",children:r("A page for this language already exists.")})]}):a&&e.jsx(S.Alert,{variant:"destructive",children:e.jsxs("p",{className:"mx-auto w-5/6 text-center",children:[r("You need to create the")," ",e.jsx("span",{className:"font-medium",children:f.LANGUAGES[a]})," ",r("page in the parent to add here.")]})})})},cs=({onSubmit:c,edit:h,lang:a,languages:u,name:t,setLang:i,setName:o,primaryPageObject:s,parentHasSelectedLanguagePage:l,id:x,pages:d,isNonSlugPageType:m,isHomePage:g,useLanguagePrefix:r,slug:A,isSlugValid:v,isPending:E})=>e.jsxs("form",{onSubmit:c,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(X,{edit:h,lang:a,languages:u,name:t,setLang:i,setName:o,primaryPageObject:s}),e.jsx(Z,{lang:a,name:t,setName:o,parentHasSelectedLanguagePage:l})]}),e.jsx(_,{parentHasSelectedLanguagePage:l,name:t,lang:a,slug:A,edit:h,id:x,primaryPageObject:s,pages:d,isNonSlugPageType:m,isHomePage:g,useLanguagePrefix:r,isSlugValid:v,isPending:E})]}),rs=({loading:c,onSubmit:h,edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l,parentHasSelectedLanguagePage:x,isNonSlugPageType:d,isRootPage:m,useLanguagePrefix:g,setUseLanguagePrefix:r,isHomePage:A,parentSlug:v,slug:E,setSlug:C,isSlugValid:T,setIsSlugValid:R,getSlug:M,isPending:$,id:D,pages:L})=>c?e.jsx("div",{className:"flex h-80 items-center justify-center",children:e.jsx(is.Loader,{className:"animate-spin"})}):d?e.jsx(cs,{onSubmit:h,edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l,parentHasSelectedLanguagePage:x,id:D,pages:L,isNonSlugPageType:d,isHomePage:A,useLanguagePrefix:g,slug:E,isSlugValid:T,isPending:$}):e.jsxs("form",{onSubmit:h,children:[e.jsxs("div",{className:"grid gap-4 py-4",children:[e.jsx(X,{edit:a,lang:u,languages:t,name:i,setLang:o,setName:s,primaryPageObject:l}),e.jsx(Z,{lang:u,name:i,setName:s,parentHasSelectedLanguagePage:x}),e.jsx(ds,{dynamic:l==null?void 0:l.dynamic,isNonSlugPageType:d,isRootPage:m,lang:u,useLanguagePrefix:g,setUseLanguagePrefix:r,isHomePage:A,parentSlug:v,parentHasSelectedLanguagePage:x,slug:E,setSlug:C,isSlugValid:T,setIsSlugValid:R,getSlug:M})]}),e.jsx(_,{parentHasSelectedLanguagePage:x,name:i,lang:u,slug:E,edit:a,id:D,primaryPageObject:l,pages:L,isNonSlugPageType:d,isHomePage:A,useLanguagePrefix:g,isSlugValid:T,isPending:$})]}),hs=({id:c,isOpen:h,onClose:a,primaryPage:u,edit:t=!1,preselectedLang:i})=>{const{data:o=[]}=f.useWebsitePages(),s=N.useMemo(()=>o.find(n=>n.id===u),[o,u]),[l,x]=N.useState(""),[d,m]=N.useState(""),[g,r]=N.useState(""),[A,v]=N.useState(!0),[E,C]=N.useState(!0),{mutate:T,isPending:R}=f.useCreatePage(),{mutate:M,isPending:$}=f.useUpdatePage(),D=R||$,{data:L,isFetching:H}=f.useWebsiteSetting(),j=f.useFallbackLang(),{data:G,isFetching:b}=f.useLanguagePages(u),{data:F=[],isFetching:y}=f.useLanguagePages(s==null?void 0:s.parent),{data:z=[],isFetching:P}=f.usePageTypes(),{setSelectedLang:O}=w.useLanguages(),{t:I}=w.useTranslation(),[,ss]=f.useSearchParams(),[,es]=w.useSidebarActivePanel(),ns=H||b||y||P,U=N.useMemo(()=>Y.filter(L==null?void 0:L.languages,n=>!Y.find(G,{lang:n})),[L,G]),W=N.useMemo(()=>z.find(n=>n.key===(s==null?void 0:s.pageType)),[z,s==null?void 0:s.pageType]),J=!(W!=null&&W.hasSlug),B=(s==null?void 0:s.slug)==="/";N.useEffect(()=>{if(!t&&s&&i&&(m(i),x(`${s.name} - ${f.LANGUAGES[i]}`)),!t||!s)return;const n=G==null?void 0:G.find(us=>us.id===c);if(!n)return;x(n.name),m(n.lang);const p=n.slug||"",{initSlug:k,prefix:as}=V.parseSlugForEdit(p,s);r(k),C(as)},[t,c,G,s,i]),N.useEffect(()=>{if(i)m(i);else if((U==null?void 0:U.length)===1&&!t){const n=U[0];if(!n||!f.LANGUAGES[n])return;m(n),(!l||l===(s==null?void 0:s.name))&&x(`${s==null?void 0:s.name} - ${f.LANGUAGES[n]}`)}},[i,U,t,l,s]);const{parentSlug:K,isRootPage:q}=N.useMemo(()=>{if(B||!d)return{parentSlug:void 0,isRootPage:!(s!=null&&s.parent)};if(!(s!=null&&s.parent))return{parentSlug:E?`/${d}`:void 0,isRootPage:!0};const n=F==null?void 0:F.find(p=>p.lang===d);return{parentSlug:n==null?void 0:n.slug,isRootPage:!1}},[s==null?void 0:s.parent,F,E,d,B]),ts=N.useMemo(()=>q?!0:!!(F!=null&&F.some(n=>(n==null?void 0:n.lang)===d)),[d,F,q]),Q=()=>{let n="";return q?n=`/${E?[d,g].filter(Boolean).join("/"):g}`:n=`${V.removeSlugExtension(K)}/${g}`,n.replace(/\/{2,}/g,"/").replace(/\/$/,"")},os=n=>{const p=new URLSearchParams(window.location.search);j&&n===j?p.delete("lang"):p.set("lang",n),ss(p),window.dispatchEvent(new PopStateEvent("popstate"))},ls=n=>{n.preventDefault();const p={name:l,lang:d,primaryPage:s==null?void 0:s.id,slug:J?"":Q(),pageType:s==null?void 0:s.pageType,...t&&{id:c}},k=()=>{!t&&d&&(O(d),os(d)),es("outline"),a()};t?M(p,{onSuccess:k}):T(p,{onSuccess:k})};return e.jsx(S.Dialog,{open:h,onOpenChange:a,children:h&&e.jsxs(S.DialogContent,{className:"text-slate-600 sm:max-w-[425px]",children:[e.jsxs(S.DialogHeader,{children:[e.jsx(S.DialogTitle,{children:I(t?"Edit language":"Add new language page")}),e.jsx(S.DialogDescription,{className:"font-light",children:I("Enter the details for the language")})]}),e.jsx(rs,{id:c,pages:o,loading:ns,onSubmit:ls,edit:t,lang:d,languages:U,name:l,setLang:m,setName:x,primaryPageObject:s,parentHasSelectedLanguagePage:ts,isNonSlugPageType:J,isRootPage:q,useLanguagePrefix:E,setUseLanguagePrefix:C,isHomePage:B,parentSlug:K,slug:g,setSlug:r,isSlugValid:A,setIsSlugValid:v,getSlug:Q,isPending:D})]})})};exports.default=hs;

package/dist/add-new-language-page-DZhjVBBf.js

@@ -0,0 +1,401 @@
+import { jsx as t, jsxs as g, Fragment as hn } from "react/jsx-runtime";
+import { p as fn, r as gn, S as mn } from "./slug-input-Df-BG6xl.js";
+import { b as xn, c as vn, d as Sn, e as pn, f as Nn, g as Z, h as Fn, i as wn, L as A } from "./index-Bk8tPO5R.js";
+import { useLanguages as An, useTranslation as T, useSidebarActivePanel as Cn } from "@chaibuilder/sdk";
+import { Dialog as En, DialogContent as $n, DialogHeader as Dn, DialogTitle as Ln, DialogDescription as Tn, Label as I, Input as Un, Alert as H, DialogFooter as kn, Button as Rn } from "@chaibuilder/sdk/ui";
+import { filter as Wn, find as Bn, startsWith as In } from "lodash-es";
+import { Loader as Gn } from "lucide-react";
+import { useMemo as D, useState as L, useEffect as _ } from "react";
+const b = ({
+  edit: c,
+  lang: h,
+  languages: a,
+  name: i,
+  setLang: s,
+  setName: d,
+  primaryPageObject: o
+}) => {
+  const { t: n } = T();
+  return /* @__PURE__ */ g("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ t(I, { htmlFor: "lang", children: n("Language") }),
+    /* @__PURE__ */ g(
+      "select",
+      {
+        value: c ? "" : h,
+        disabled: c || !a.length,
+        onChange: (l) => {
+          const f = l.target.value;
+          s(f), !c && (In(i, o == null ? void 0 : o.name) || i.length === 0) && d(`${o == null ? void 0 : o.name} - ${A[f]}`);
+        },
+        className: "col-span-3 flex h-9 w-full rounded-md border border-border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        children: [
+          /* @__PURE__ */ t("option", { value: "", disabled: !0, children: c ? A[h] || h : a.length ? n("Choose language") : n("All available language page is created.") }),
+          a.map((l) => /* @__PURE__ */ t("option", { value: l, children: A[l] || l }, l))
+        ]
+      }
+    )
+  ] });
+}, y = ({ lang: c, name: h, setName: a, parentHasSelectedLanguagePage: i }) => {
+  const { t: s } = T();
+  return /* @__PURE__ */ g("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ t(I, { htmlFor: "name", children: s("Page Name") }),
+    /* @__PURE__ */ t(
+      Un,
+      {
+        id: "name",
+        value: c ? h : "",
+        onChange: (d) => a(d.target.value),
+        required: !0,
+        placeholder: s(c ? "Enter page name" : "Choose language to add slug"),
+        disabled: !i || !c
+      }
+    )
+  ] });
+}, qn = ({
+  dynamic: c,
+  isNonSlugPageType: h,
+  isRootPage: a,
+  lang: i,
+  useLanguagePrefix: s,
+  setUseLanguagePrefix: d,
+  isHomePage: o,
+  parentSlug: n,
+  parentHasSelectedLanguagePage: l,
+  slug: f,
+  setSlug: u,
+  setIsSlugValid: x,
+  getSlug: m
+}) => {
+  const { t: r } = T();
+  return h ? null : /* @__PURE__ */ g("div", { className: "space-y-1", children: [
+    a && i && /* @__PURE__ */ g("div", { className: "flex items-center space-x-2 pb-1", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          type: "checkbox",
+          id: "useLanguagePrefix",
+          checked: s,
+          onChange: (S) => d(S.target.checked),
+          className: "rounded border-gray-300"
+        }
+      ),
+      /* @__PURE__ */ g(I, { htmlFor: "useLanguagePrefix", className: "text-sm font-normal leading-tight", children: [
+        "Add language code (",
+        /* @__PURE__ */ g("span", { className: "font-mono text-gray-900", children: [
+          "/",
+          i
+        ] }),
+        ") as slug prefix"
+      ] })
+    ] }),
+    /* @__PURE__ */ t(I, { htmlFor: "slug", children: r("Slug") }),
+    c ? /* @__PURE__ */ t(H, { variant: "default", className: "p-2 text-xs font-medium italic text-muted-foreground", children: r("This page will use dynamic slug as defined in primary page") }) : /* @__PURE__ */ t(
+      mn,
+      {
+        disabled: !i || !l,
+        value: f,
+        onChange: u,
+        placeholder: r(i ? o && s ? "Leave empty for home page" : "Enter page slug" : "Choose language to add slug"),
+        parentSlug: n,
+        onValidationChange: x,
+        fullSlug: m()
+      }
+    )
+  ] });
+}, P = ({
+  parentHasSelectedLanguagePage: c,
+  name: h,
+  lang: a,
+  slug: i,
+  edit: s,
+  id: d,
+  primaryPageObject: o,
+  pages: n,
+  isNonSlugPageType: l,
+  isHomePage: f,
+  useLanguagePrefix: u,
+  isSlugValid: x,
+  isPending: m
+}) => {
+  const { t: r } = T(), S = m || !h || !a || n.some((v) => (s ? v.id !== d : !0) && v.parent === (o == null ? void 0 : o.id) && v.lang === a) || !l && !(f && u) && (!x || !i);
+  return /* @__PURE__ */ t(kn, { children: c ? /* @__PURE__ */ g(hn, { children: [
+    /* @__PURE__ */ t(Rn, { type: "submit", disabled: S && !o.dynamic, children: m ? /* @__PURE__ */ g("span", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t("span", { className: "loader mr-2" }),
+      r(s ? "Updating..." : "Adding...")
+    ] }) : r(s ? "Update" : "Add new language page") }),
+    n.some(
+      (v) => (s ? v.id !== d : !0) && v.parent === (o == null ? void 0 : o.id) && v.lang === a
+    ) && /* @__PURE__ */ t("p", { className: "mt-2 text-xs text-red-500", children: r("A page for this language already exists.") })
+  ] }) : a && /* @__PURE__ */ t(H, { variant: "destructive", children: /* @__PURE__ */ g("p", { className: "mx-auto w-5/6 text-center", children: [
+    r("You need to create the"),
+    " ",
+    /* @__PURE__ */ t("span", { className: "font-medium", children: A[a] }),
+    " ",
+    r("page in the parent to add here.")
+  ] }) }) });
+}, Mn = ({
+  onSubmit: c,
+  edit: h,
+  lang: a,
+  languages: i,
+  name: s,
+  setLang: d,
+  setName: o,
+  primaryPageObject: n,
+  parentHasSelectedLanguagePage: l,
+  id: f,
+  pages: u,
+  isNonSlugPageType: x,
+  isHomePage: m,
+  useLanguagePrefix: r,
+  slug: S,
+  isSlugValid: v,
+  isPending: p
+}) => /* @__PURE__ */ g("form", { onSubmit: c, children: [
+  /* @__PURE__ */ g("div", { className: "grid gap-4 py-4", children: [
+    /* @__PURE__ */ t(
+      b,
+      {
+        edit: h,
+        lang: a,
+        languages: i,
+        name: s,
+        setLang: d,
+        setName: o,
+        primaryPageObject: n
+      }
+    ),
+    /* @__PURE__ */ t(
+      y,
+      {
+        lang: a,
+        name: s,
+        setName: o,
+        parentHasSelectedLanguagePage: l
+      }
+    )
+  ] }),
+  /* @__PURE__ */ t(
+    P,
+    {
+      parentHasSelectedLanguagePage: l,
+      name: s,
+      lang: a,
+      slug: S,
+      edit: h,
+      id: f,
+      primaryPageObject: n,
+      pages: u,
+      isNonSlugPageType: x,
+      isHomePage: m,
+      useLanguagePrefix: r,
+      isSlugValid: v,
+      isPending: p
+    }
+  )
+] }), Vn = ({
+  loading: c,
+  onSubmit: h,
+  edit: a,
+  lang: i,
+  languages: s,
+  name: d,
+  setLang: o,
+  setName: n,
+  primaryPageObject: l,
+  parentHasSelectedLanguagePage: f,
+  isNonSlugPageType: u,
+  isRootPage: x,
+  useLanguagePrefix: m,
+  setUseLanguagePrefix: r,
+  isHomePage: S,
+  parentSlug: v,
+  slug: p,
+  setSlug: U,
+  isSlugValid: $,
+  setIsSlugValid: G,
+  getSlug: q,
+  isPending: k,
+  id: R,
+  pages: w
+}) => c ? /* @__PURE__ */ t("div", { className: "flex h-80 items-center justify-center", children: /* @__PURE__ */ t(Gn, { className: "animate-spin" }) }) : u ? /* @__PURE__ */ t(
+  Mn,
+  {
+    onSubmit: h,
+    edit: a,
+    lang: i,
+    languages: s,
+    name: d,
+    setLang: o,
+    setName: n,
+    primaryPageObject: l,
+    parentHasSelectedLanguagePage: f,
+    id: R,
+    pages: w,
+    isNonSlugPageType: u,
+    isHomePage: S,
+    useLanguagePrefix: m,
+    slug: p,
+    isSlugValid: $,
+    isPending: k
+  }
+) : /* @__PURE__ */ g("form", { onSubmit: h, children: [
+  /* @__PURE__ */ g("div", { className: "grid gap-4 py-4", children: [
+    /* @__PURE__ */ t(
+      b,
+      {
+        edit: a,
+        lang: i,
+        languages: s,
+        name: d,
+        setLang: o,
+        setName: n,
+        primaryPageObject: l
+      }
+    ),
+    /* @__PURE__ */ t(
+      y,
+      {
+        lang: i,
+        name: d,
+        setName: n,
+        parentHasSelectedLanguagePage: f
+      }
+    ),
+    /* @__PURE__ */ t(
+      qn,
+      {
+        dynamic: l == null ? void 0 : l.dynamic,
+        isNonSlugPageType: u,
+        isRootPage: x,
+        lang: i,
+        useLanguagePrefix: m,
+        setUseLanguagePrefix: r,
+        isHomePage: S,
+        parentSlug: v,
+        parentHasSelectedLanguagePage: f,
+        slug: p,
+        setSlug: U,
+        isSlugValid: $,
+        setIsSlugValid: G,
+        getSlug: q
+      }
+    )
+  ] }),
+  /* @__PURE__ */ t(
+    P,
+    {
+      parentHasSelectedLanguagePage: f,
+      name: d,
+      lang: i,
+      slug: p,
+      edit: a,
+      id: R,
+      primaryPageObject: l,
+      pages: w,
+      isNonSlugPageType: u,
+      isHomePage: S,
+      useLanguagePrefix: m,
+      isSlugValid: $,
+      isPending: k
+    }
+  )
+] }), Hn = ({
+  id: c,
+  isOpen: h,
+  onClose: a,
+  primaryPage: i,
+  edit: s = !1,
+  preselectedLang: d
+}) => {
+  const { data: o = [] } = xn(), n = D(() => o.find((e) => e.id === i), [o, i]), [l, f] = L(""), [u, x] = L(""), [m, r] = L(""), [S, v] = L(!0), [p, U] = L(!0), { mutate: $, isPending: G } = vn(), { mutate: q, isPending: k } = Sn(), R = G || k, { data: w, isFetching: j } = pn(), z = Nn(), { data: C, isFetching: O } = Z(i), { data: F = [], isFetching: nn } = Z(
+    n == null ? void 0 : n.parent
+  ), { data: J = [], isFetching: en } = Fn(), { setSelectedLang: sn } = An(), { t: M } = T(), [, tn] = wn(), [, on] = Cn(), ln = j || O || nn || en, E = D(() => Wn(w == null ? void 0 : w.languages, (e) => !Bn(C, { lang: e })), [w, C]), V = D(
+    () => J.find((e) => e.key === (n == null ? void 0 : n.pageType)),
+    [J, n == null ? void 0 : n.pageType]
+  ), K = !(V != null && V.hasSlug), Y = (n == null ? void 0 : n.slug) === "/";
+  _(() => {
+    if (!s && n && d && (x(d), f(`${n.name} - ${A[d]}`)), !s || !n) return;
+    const e = C == null ? void 0 : C.find((rn) => rn.id === c);
+    if (!e) return;
+    f(e.name), x(e.lang);
+    const N = e.slug || "", { initSlug: B, prefix: cn } = fn(N, n);
+    r(B), U(cn);
+  }, [s, c, C, n, d]), _(() => {
+    if (d)
+      x(d);
+    else if ((E == null ? void 0 : E.length) === 1 && !s) {
+      const e = E[0];
+      if (!e || !A[e]) return;
+      x(e), (!l || l === (n == null ? void 0 : n.name)) && f(`${n == null ? void 0 : n.name} - ${A[e]}`);
+    }
+  }, [d, E, s, l, n]);
+  const { parentSlug: Q, isRootPage: W } = D(() => {
+    if (Y || !u)
+      return { parentSlug: void 0, isRootPage: !(n != null && n.parent) };
+    if (!(n != null && n.parent))
+      return {
+        parentSlug: p ? `/${u}` : void 0,
+        isRootPage: !0
+      };
+    const e = F == null ? void 0 : F.find((N) => N.lang === u);
+    return { parentSlug: e == null ? void 0 : e.slug, isRootPage: !1 };
+  }, [n == null ? void 0 : n.parent, F, p, u, Y]), an = D(() => W ? !0 : !!(F != null && F.some((e) => (e == null ? void 0 : e.lang) === u)), [u, F, W]), X = () => {
+    let e = "";
+    return W ? e = `/${p ? [u, m].filter(Boolean).join("/") : m}` : e = `${gn(Q)}/${m}`, e.replace(/\/{2,}/g, "/").replace(/\/$/, "");
+  }, dn = (e) => {
+    const N = new URLSearchParams(window.location.search);
+    z && e === z ? N.delete("lang") : N.set("lang", e), tn(N), window.dispatchEvent(new PopStateEvent("popstate"));
+  }, un = (e) => {
+    e.preventDefault();
+    const N = {
+      name: l,
+      lang: u,
+      primaryPage: n == null ? void 0 : n.id,
+      slug: K ? "" : X(),
+      pageType: n == null ? void 0 : n.pageType,
+      ...s && { id: c }
+    }, B = () => {
+      !s && u && (sn(u), dn(u)), on("outline"), a();
+    };
+    s ? q(N, { onSuccess: B }) : $(N, { onSuccess: B });
+  };
+  return /* @__PURE__ */ t(En, { open: h, onOpenChange: a, children: h && /* @__PURE__ */ g($n, { className: "text-slate-600 sm:max-w-[425px]", children: [
+    /* @__PURE__ */ g(Dn, { children: [
+      /* @__PURE__ */ t(Ln, { children: M(s ? "Edit language" : "Add new language page") }),
+      /* @__PURE__ */ t(Tn, { className: "font-light", children: M("Enter the details for the language") })
+    ] }),
+    /* @__PURE__ */ t(
+      Vn,
+      {
+        id: c,
+        pages: o,
+        loading: ln,
+        onSubmit: un,
+        edit: s,
+        lang: u,
+        languages: E,
+        name: l,
+        setLang: x,
+        setName: f,
+        primaryPageObject: n,
+        parentHasSelectedLanguagePage: an,
+        isNonSlugPageType: K,
+        isRootPage: W,
+        useLanguagePrefix: p,
+        setUseLanguagePrefix: U,
+        isHomePage: Y,
+        parentSlug: Q,
+        slug: m,
+        setSlug: r,
+        isSlugValid: S,
+        setIsSlugValid: v,
+        getSlug: X,
+        isPending: R
+      }
+    )
+  ] }) });
+};
+export {
+  Hn as default
+};

package/dist/add-new-page-DWHANcUx.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@chaibuilder/sdk"),n=require("@chaibuilder/sdk/ui"),t=require("react"),u=t.lazy(()=>Promise.resolve().then(()=>require("./page-creator-Cd2LrG4u.cjs"))),x=({addEditPage:s,setAddEditPage:r,closePanel:c})=>{const{t:o}=a.useTranslation(),i=!!(s!=null&&s.id),l=!!s;return e.jsx(n.Dialog,{open:l,onOpenChange:()=>r(void 0),children:l&&e.jsxs(n.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(n.DialogHeader,{children:[e.jsxs(n.DialogTitle,{children:[o(i?"Edit":"Add New")," "]}),e.jsx(n.DialogDescription,{children:o(i?"Update your page name":"Enter details to create a new page")})]}),e.jsx(t.Suspense,{fallback:e.jsx("div",{className:"min-h-40"}),children:e.jsx(u,{closePanel:c,addEditPage:s,close:()=>r(void 0)})})]})})};exports.default=x;

package/dist/add-new-page-DYuuentN.js

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useTranslation as a } from "@chaibuilder/sdk";
+import { Dialog as c, DialogContent as m, DialogHeader as p, DialogTitle as h, DialogDescription as f } from "@chaibuilder/sdk/ui";
+import { lazy as D, Suspense as u } from "react";
+const x = D(() => import("./page-creator-Dr566_Yf.js")), C = ({
+  addEditPage: o,
+  setAddEditPage: i,
+  closePanel: t
+}) => {
+  const { t: n } = a(), l = !!(o != null && o.id), s = !!o;
+  return /* @__PURE__ */ e(c, { open: s, onOpenChange: () => i(void 0), children: s && /* @__PURE__ */ r(m, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ r(p, { children: [
+      /* @__PURE__ */ r(h, { children: [
+        n(l ? "Edit" : "Add New"),
+        " "
+      ] }),
+      /* @__PURE__ */ e(f, { children: n(l ? "Update your page name" : "Enter details to create a new page") })
+    ] }),
+    /* @__PURE__ */ e(u, { fallback: /* @__PURE__ */ e("div", { className: "min-h-40" }), children: /* @__PURE__ */ e(
+      x,
+      {
+        closePanel: t,
+        addEditPage: o,
+        close: () => i(void 0)
+      }
+    ) })
+  ] }) });
+};
+export {
+  C as default
+};

package/dist/delete-page-1dSWwUBg.js

@@ -0,0 +1,40 @@
+import { jsx as i, jsxs as r } from "react/jsx-runtime";
+import { i as f, m as w, h as y, L as S } from "./index-Bk8tPO5R.js";
+import { useTranslation as v, useLanguages as L, useSidebarActivePanel as x } from "@chaibuilder/sdk";
+import { Dialog as A, DialogContent as k, DialogHeader as C, DialogTitle as N, DialogDescription as g, DialogFooter as E, Button as c } from "@chaibuilder/sdk/ui";
+import { get as U } from "lodash-es";
+function F({ page: e, onClose: a }) {
+  const { t } = v(), [, o] = f(), { mutate: d, isPending: l } = w(), { data: s } = y(), { setSelectedLang: m, fallbackLang: u } = L(), [, h] = x(), P = () => {
+    l || d(e, {
+      onSuccess: () => {
+        e != null && e.primaryPage ? (window.history.replaceState({}, "", `/?page=${e.primaryPage}`), o(new URLSearchParams({ page: e.primaryPage }))) : (window.history.replaceState({}, "", "/"), o(new URLSearchParams())), window.dispatchEvent(new PopStateEvent("popstate")), m(u), h("outline"), a();
+      }
+    });
+  }, n = s == null ? void 0 : s.find((D) => D.key === (e == null ? void 0 : e.pageType));
+  return /* @__PURE__ */ i(A, { open: !!e, onOpenChange: a, children: /* @__PURE__ */ r(k, { children: [
+    /* @__PURE__ */ r(C, { children: [
+      /* @__PURE__ */ i(N, { children: t("Confirm Deletion") }),
+      /* @__PURE__ */ r(g, { className: "py-4 text-slate-500", children: [
+        /* @__PURE__ */ r("div", { children: [
+          t("Are you sure you want to remove"),
+          " ",
+          /* @__PURE__ */ i("b", { children: (e == null ? void 0 : e.name) ?? (e == null ? void 0 : e.slug) }),
+          " ",
+          n != null && n.hasSlug ? (n == null ? void 0 : n.name) + "?" : `${t("page?")} ${e != null && e.primaryPage ? "" : t("This will also delete all associated language pages.")}`
+        ] }),
+        e.lang && /* @__PURE__ */ r("div", { className: "py-2 text-sm", children: [
+          t("Language"),
+          ": ",
+          /* @__PURE__ */ i("span", { className: "font-medium text-gray-500", children: U(S, e.lang, e.lang) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(E, { children: [
+      /* @__PURE__ */ i(c, { variant: "outline", onClick: a, children: t("Cancel") }),
+      /* @__PURE__ */ i(c, { variant: "destructive", disabled: l, onClick: P, children: t(l ? "Deleting..." : "Delete") })
+    ] })
+  ] }) });
+}
+export {
+  F as default
+};

package/dist/delete-page-m-Cuz7rG.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./index-0cMGDekp.cjs"),c=require("@chaibuilder/sdk"),s=require("@chaibuilder/sdk/ui"),y=require("lodash-es");function S({page:e,onClose:l}){const{t}=c.useTranslation(),[,d]=r.useSearchParams(),{mutate:u,isPending:a}=r.useDeletePage(),{data:o}=r.usePageTypes(),{setSelectedLang:h,fallbackLang:m}=c.useLanguages(),[,x]=c.useSidebarActivePanel(),P=()=>{a||u(e,{onSuccess:()=>{e!=null&&e.primaryPage?(window.history.replaceState({},"",`/?page=${e.primaryPage}`),d(new URLSearchParams({page:e.primaryPage}))):(window.history.replaceState({},"","/"),d(new URLSearchParams)),window.dispatchEvent(new PopStateEvent("popstate")),h(m),x("outline"),l()}})},i=o==null?void 0:o.find(D=>D.key===(e==null?void 0:e.pageType));return n.jsx(s.Dialog,{open:!!e,onOpenChange:l,children:n.jsxs(s.DialogContent,{children:[n.jsxs(s.DialogHeader,{children:[n.jsx(s.DialogTitle,{children:t("Confirm Deletion")}),n.jsxs(s.DialogDescription,{className:"py-4 text-slate-500",children:[n.jsxs("div",{children:[t("Are you sure you want to remove")," ",n.jsx("b",{children:(e==null?void 0:e.name)??(e==null?void 0:e.slug)})," ",i!=null&&i.hasSlug?(i==null?void 0:i.name)+"?":`${t("page?")} ${e!=null&&e.primaryPage?"":t("This will also delete all associated language pages.")}`]}),e.lang&&n.jsxs("div",{className:"py-2 text-sm",children:[t("Language"),": ",n.jsx("span",{className:"font-medium text-gray-500",children:y.get(r.LANGUAGES,e.lang,e.lang)})]})]})]}),n.jsxs(s.DialogFooter,{children:[n.jsx(s.Button,{variant:"outline",onClick:l,children:t("Cancel")}),n.jsx(s.Button,{variant:"destructive",disabled:a,onClick:P,children:t(a?"Deleting...":"Delete")})]})]})})}exports.default=S;