@chaibuilder/pages 0.15.5 → 0.15.7

package/dist/lang-panel-D1FKTNui.js

@@ -1,218 +0,0 @@
-import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
-import { ao as M, h as k, L as I, ap as j, g as F, aq as H, e as O, ar as g, as as c, C as x } from "./index-zaGKeGBW.js";
-import { Dialog as W, DialogContent as B, DialogHeader as q, DialogTitle as R, DialogDescription as J, Alert as K, Label as Q, Input as V, DialogFooter as X, Button as A, DropdownMenu as Y, DropdownMenuTrigger as Z, DropdownMenuContent as ee, DropdownMenuItem as b } from "@chaibuilder/sdk/ui";
-import { find as G, startsWith as w, isEqual as se, filter as ae, get as D, map as le, isEmpty as ne } from "lodash-es";
-import { AlertCircle as te, StarIcon as ie, MoreHorizontal as re, PencilIcon as ce, Power as oe, TrashIcon as de } from "lucide-react";
-import { useState as S, lazy as U, useMemo as me, Suspense as L } from "react";
-import { toast as ue } from "sonner";
-import { useLanguages as he } from "@chaibuilder/sdk";
-import { useAtom as ge } from "jotai";
-const pe = ({
-  page: a,
-  onClose: p
-}) => {
-  const [t, v] = S(a.slug || ""), { mutate: N, isPending: f } = M(), { data: n } = k(), i = G(n, { key: a == null ? void 0 : a.pageType }), y = (d) => {
-    if (d.preventDefault(), !(a != null && a.primaryPage) && Object.keys(I).some((h) => t === `/${h}` || w(t, `/${h}/`))) {
-      ue.error("Error", {
-        description: "Slugs cannot start with a language code for primary page"
-      });
-      return;
-    }
-    N({ ...a, slug: t }, { onSuccess: p });
-  }, o = (a == null ? void 0 : a.lang) || "";
-  return /* @__PURE__ */ e(W, { open: !!a, onOpenChange: p, children: /* @__PURE__ */ s(B, { children: [
-    /* @__PURE__ */ s(q, { children: [
-      /* @__PURE__ */ e(R, { children: "Change Slug" }),
-      /* @__PURE__ */ e(J, { className: "text-xs", children: /* @__PURE__ */ s(K, { variant: "destructive", className: "mt-2", children: [
-        /* @__PURE__ */ e(te, { className: "h-4 w-4" }),
-        "Changing the slug may have impact on your SEO. Please proceed with caution."
-      ] }) })
-    ] }),
-    /* @__PURE__ */ s("form", { onSubmit: y, children: [
-      /* @__PURE__ */ s("div", { className: "space-y-4 py-4 text-sm ", children: [
-        /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ s("div", { children: [
-            /* @__PURE__ */ e("span", { children: "Type:" }),
-            /* @__PURE__ */ s("span", { className: "font-medium text-gray-600", children: [
-              " ",
-              (i == null ? void 0 : i.name) || (a == null ? void 0 : a.pageType)
-            ] })
-          ] }),
-          /* @__PURE__ */ s("div", { children: [
-            /* @__PURE__ */ e("span", { children: "Name:" }),
-            /* @__PURE__ */ s("span", { className: "font-medium text-gray-600", children: [
-              " ",
-              a.name
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ s(Q, { htmlFor: "slug", className: "text-right", children: [
-            "Slug",
-            " ",
-            /* @__PURE__ */ s("small", { className: "font-light text-gray-500", children: [
-              "Slug should start with /",
-              o
-            ] })
-          ] }),
-          /* @__PURE__ */ e(
-            V,
-            {
-              id: "slug",
-              value: t,
-              onChange: (d) => {
-                const m = d.target.value;
-                w(m, `/${o}`) && v(m);
-              },
-              className: "col-span-3",
-              required: !0,
-              pattern: "^/.*",
-              title: "Slug must start with /",
-              placeholder: "Enter page slug"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
-        A,
-        {
-          type: "submit",
-          disabled: f || !w(t, `/${o}`) || se(a == null ? void 0 : a.slug, t),
-          children: f ? "Changing..." : "Change Slug"
-        }
-      ) })
-    ] })
-  ] }) });
-}, Ne = U(() => import("./delete-page-CatRlDfx.js")), fe = U(() => import("./unpublish-page-yGyz2jiw.js")), Ae = () => {
-  const [, a] = ge(j), { selectedLang: p, fallbackLang: t, setSelectedLang: v } = he(), { data: N, isFetching: f } = F(), { data: n } = H(), { data: i } = k(), y = me(() => {
-    const l = i == null ? void 0 : i.find((u) => u.key === (n == null ? void 0 : n.pageType));
-    return n != null && n.dynamic ? l == null ? void 0 : l.dynamicSlug : "";
-  }, [i, n == null ? void 0 : n.pageType, n == null ? void 0 : n.dynamic]), [o, d] = S(null), [m, C] = S(null), [h, _] = S(null), { data: P } = O(), z = ae(
-    D(P, "languages") || ["en"],
-    (l) => !G(N, { lang: l }) && l !== D(P, "fallbackLang")
-  );
-  return /* @__PURE__ */ s("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e("ul", { className: "space-y-2", children: f ? /* @__PURE__ */ s("div", { className: "w-full space-y-3 py-4", children: [
-      /* @__PURE__ */ e("div", { className: "h-8 w-full animate-pulse rounded bg-gray-300" }),
-      /* @__PURE__ */ e("div", { className: "h-8 w-full animate-pulse rounded bg-gray-300" }),
-      /* @__PURE__ */ e("div", { className: "h-8 w-full animate-pulse rounded bg-gray-300" })
-    ] }) : le(N, (l) => {
-      const u = l.lang, E = l.slug, T = !l.primaryPage;
-      return /* @__PURE__ */ s($, { children: [
-        /* @__PURE__ */ s(
-          "li",
-          {
-            className: `flex w-full cursor-pointer items-center justify-between rounded p-2 text-slate-500 ${u === p ? "bg-gray-200" : "hover:bg-gray-100"}`,
-            onClick: () => v(u),
-            children: [
-              /* @__PURE__ */ s("div", { className: "flex-1 gap-x-3", children: [
-                /* @__PURE__ */ s("div", { className: "flex items-center gap-x-2 text-[13px] text-slate-800", children: [
-                  /* @__PURE__ */ e("div", { className: `h-2.5 w-2.5 rounded-full ${l.online ? "bg-green-300" : "bg-gray-300"}` }),
-                  D(I, T ? t : u, u)
-                ] }),
-                /* @__PURE__ */ s("div", { children: [
-                  E && /* @__PURE__ */ s("div", { className: "text-[11px] font-light text-slate-600", children: [
-                    "Slug: ",
-                    /* @__PURE__ */ e("b", { className: "font-mono font-medium", children: y ? `${E}/${y}` : E })
-                  ] }),
-                  /* @__PURE__ */ s("div", { className: "text-[11px] font-light text-slate-600", children: [
-                    "Name:",
-                    /* @__PURE__ */ s("b", { className: "font-medium", children: [
-                      " ",
-                      l.name,
-                      " "
-                    ] })
-                  ] })
-                ] })
-              ] }),
-              T ? /* @__PURE__ */ s("div", { className: "flex items-center gap-x-1 text-[11px] text-orange-500", children: [
-                /* @__PURE__ */ e(ie, { fill: "orange", className: "h-3 w-3" }),
-                /* @__PURE__ */ e("b", { children: " Primary" })
-              ] }) : /* @__PURE__ */ e("div", { className: "flex items-center gap-x-3", children: /* @__PURE__ */ e(
-                g,
-                {
-                  permissions: [
-                    c.EDIT_PAGE,
-                    c.DELETE_PAGE,
-                    c.UNPUBLISH_PAGE
-                  ],
-                  children: /* @__PURE__ */ s(Y, { children: [
-                    /* @__PURE__ */ e(Z, { asChild: !0, onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ e(A, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: /* @__PURE__ */ e(re, { className: "h-4 w-4" }) }) }),
-                    /* @__PURE__ */ s(ee, { align: "end", className: "z-[9999] text-sm", children: [
-                      /* @__PURE__ */ e(g, { permissions: [c.EDIT_PAGE], children: /* @__PURE__ */ s(
-                        b,
-                        {
-                          className: "flex cursor-pointer items-center gap-2",
-                          onClick: (r) => {
-                            r.stopPropagation(), a({
-                              edit: !0,
-                              id: l.id,
-                              primaryPage: l.primaryPage
-                            });
-                          },
-                          children: [
-                            /* @__PURE__ */ e(ce, { className: "size-3" }),
-                            x.EDIT
-                          ]
-                        }
-                      ) }),
-                      /* @__PURE__ */ e(g, { permissions: [c.UNPUBLISH_PAGE], children: (l == null ? void 0 : l.online) && /* @__PURE__ */ s(
-                        b,
-                        {
-                          className: "flex cursor-pointer items-center gap-2",
-                          onClick: (r) => {
-                            r.stopPropagation(), C(l);
-                          },
-                          children: [
-                            /* @__PURE__ */ e(oe, { className: "size-3" }),
-                            x.UNPUBLISH
-                          ]
-                        }
-                      ) }),
-                      /* @__PURE__ */ e(g, { permissions: [c.DELETE_PAGE], children: /* @__PURE__ */ s(
-                        b,
-                        {
-                          className: "flex cursor-pointer items-center gap-2",
-                          onClick: (r) => {
-                            r.stopPropagation(), d(l);
-                          },
-                          children: [
-                            /* @__PURE__ */ e(de, { className: "size-3" }),
-                            x.DELETE
-                          ]
-                        }
-                      ) })
-                    ] })
-                  ] })
-                }
-              ) })
-            ]
-          },
-          l.id
-        ),
-        /* @__PURE__ */ e("div", { className: "h-1 w-full border-b" })
-      ] });
-    }) }),
-    /* @__PURE__ */ e(g, { permissions: [c.ADD_PAGE], children: /* @__PURE__ */ e("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ e(
-      A,
-      {
-        variant: "default",
-        size: "sm",
-        disabled: ne(z),
-        onClick: () => {
-          a({
-            primaryPage: n == null ? void 0 : n.id,
-            edit: !1
-          });
-        },
-        children: x.ADD_NEW_LANGUAGE
-      }
-    ) }) }),
-    o && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(Ne, { page: o, onClose: () => d(null) }) }),
-    m && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(fe, { page: m, onClose: () => C(null) }) }),
-    h && /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(pe, { page: h, onClose: () => _(null) }) })
-  ] });
-};
-export {
-  Ae as default
-};

package/dist/lang-panel-ExS97Zgk.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Blg1T7nL.cjs"),i=require("@chaibuilder/sdk/ui"),a=require("lodash-es"),g=require("lucide-react"),r=require("react"),w=require("sonner"),D=require("@chaibuilder/sdk"),T=require("jotai"),L=({page:n,onClose:S})=>{const[c,y]=r.useState(n.slug||""),{mutate:N,isPending:p}=s.useChangeSlug(),{data:l}=s.usePageTypes(),o=a.find(l,{key:n==null?void 0:n.pageType}),E=m=>{if(m.preventDefault(),!(n!=null&&n.primaryPage)&&Object.keys(s.LANGUAGES).some(j=>c===`/${j}`||a.startsWith(c,`/${j}/`))){w.toast.error("Error",{description:"Slugs cannot start with a language code for primary page"});return}N({...n,slug:c},{onSuccess:S})},u=(n==null?void 0:n.lang)||"";return e.jsx(i.Dialog,{open:!!n,onOpenChange:S,children:e.jsxs(i.DialogContent,{children:[e.jsxs(i.DialogHeader,{children:[e.jsx(i.DialogTitle,{children:"Change Slug"}),e.jsx(i.DialogDescription,{className:"text-xs",children:e.jsxs(i.Alert,{variant:"destructive",className:"mt-2",children:[e.jsx(g.AlertCircle,{className:"h-4 w-4"}),"Changing the slug may have impact on your SEO. Please proceed with caution."]})})]}),e.jsxs("form",{onSubmit:E,children:[e.jsxs("div",{className:"space-y-4 py-4 text-sm ",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsxs("div",{children:[e.jsx("span",{children:"Type:"}),e.jsxs("span",{className:"font-medium text-gray-600",children:[" ",(o==null?void 0:o.name)||(n==null?void 0:n.pageType)]})]}),e.jsxs("div",{children:[e.jsx("span",{children:"Name:"}),e.jsxs("span",{className:"font-medium text-gray-600",children:[" ",n.name]})]})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsxs(i.Label,{htmlFor:"slug",className:"text-right",children:["Slug"," ",e.jsxs("small",{className:"font-light text-gray-500",children:["Slug should start with /",u]})]}),e.jsx(i.Input,{id:"slug",value:c,onChange:m=>{const h=m.target.value;a.startsWith(h,`/${u}`)&&y(h)},className:"col-span-3",required:!0,pattern:"^/.*",title:"Slug must start with /",placeholder:"Enter page slug"})]})]}),e.jsx(i.DialogFooter,{children:e.jsx(i.Button,{type:"submit",disabled:p||!a.startsWith(c,`/${u}`)||a.isEqual(n==null?void 0:n.slug,c),children:p?"Changing...":"Change Slug"})})]})]})})},G=r.lazy(()=>Promise.resolve().then(()=>require("./delete-page-B-TP6nJ7.cjs"))),k=r.lazy(()=>Promise.resolve().then(()=>require("./unpublish-page-c1mqQEa_.cjs"))),M=()=>{const[,n]=T.useAtom(s.addNewLangAtom),{selectedLang:S,fallbackLang:c,setSelectedLang:y}=D.useLanguages(),{data:N,isFetching:p}=s.useLanguagePages(),{data:l}=s.useCurrentPage(),{data:o}=s.usePageTypes(),E=r.useMemo(()=>{const t=o==null?void 0:o.find(x=>x.key===(l==null?void 0:l.pageType));return l!=null&&l.dynamic?t==null?void 0:t.dynamicSlug:""},[o,l==null?void 0:l.pageType,l==null?void 0:l.dynamic]),[u,m]=r.useState(null),[h,f]=r.useState(null),[j,b]=r.useState(null),{data:C}=s.useWebsiteSetting(),A=a.filter(a.get(C,"languages")||["en"],t=>!a.find(N,{lang:t})&&t!==a.get(C,"fallbackLang"));return e.jsxs("div",{className:"space-y-4",children:[e.jsx("ul",{className:"space-y-2",children:p?e.jsxs("div",{className:"w-full space-y-3 py-4",children:[e.jsx("div",{className:"h-8 w-full animate-pulse rounded bg-gray-300"}),e.jsx("div",{className:"h-8 w-full animate-pulse rounded bg-gray-300"}),e.jsx("div",{className:"h-8 w-full animate-pulse rounded bg-gray-300"})]}):a.map(N,t=>{const x=t.lang,P=t.slug,v=!t.primaryPage,I=x===S;return e.jsxs(e.Fragment,{children:[e.jsxs("li",{className:`flex w-full cursor-pointer items-center justify-between rounded p-2 text-slate-500 ${I?"bg-gray-200":"hover:bg-gray-100"}`,onClick:()=>y(x),children:[e.jsxs("div",{className:"flex-1 gap-x-3",children:[e.jsxs("div",{className:"flex items-center gap-x-2 text-[13px] text-slate-800",children:[e.jsx("div",{className:`h-2.5 w-2.5 rounded-full ${t.online?"bg-green-300":"bg-gray-300"}`}),a.get(s.LANGUAGES,v?c:x,x)]}),e.jsxs("div",{children:[P&&e.jsxs("div",{className:"text-[11px] font-light text-slate-600",children:["Slug: ",e.jsx("b",{className:"font-mono font-medium",children:E?`${P}/${E}`:P})]}),e.jsxs("div",{className:"text-[11px] font-light text-slate-600",children:["Name:",e.jsxs("b",{className:"font-medium",children:[" ",t.name," "]})]})]})]}),v?e.jsxs("div",{className:"flex items-center gap-x-1 text-[11px] text-orange-500",children:[e.jsx(g.StarIcon,{fill:"orange",className:"h-3 w-3"}),e.jsx("b",{children:" Primary"})]}):e.jsx("div",{className:"flex items-center gap-x-3",children:e.jsx(s.PermissionChecker,{permissions:[s.PAGES_PERMISSIONS.EDIT_PAGE,s.PAGES_PERMISSIONS.DELETE_PAGE,s.PAGES_PERMISSIONS.UNPUBLISH_PAGE],children:e.jsxs(i.DropdownMenu,{children:[e.jsx(i.DropdownMenuTrigger,{asChild:!0,onClick:d=>d.stopPropagation(),children:e.jsx(i.Button,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0",children:e.jsx(g.MoreHorizontal,{className:"h-4 w-4"})})}),e.jsxs(i.DropdownMenuContent,{align:"end",className:"z-[9999] text-sm",children:[e.jsx(s.PermissionChecker,{permissions:[s.PAGES_PERMISSIONS.EDIT_PAGE],children:e.jsxs(i.DropdownMenuItem,{className:"flex cursor-pointer items-center gap-2",onClick:d=>{d.stopPropagation(),n({edit:!0,id:t.id,primaryPage:t.primaryPage})},children:[e.jsx(g.PencilIcon,{className:"size-3"}),s.CONTENT.EDIT]})}),e.jsx(s.PermissionChecker,{permissions:[s.PAGES_PERMISSIONS.UNPUBLISH_PAGE],children:(t==null?void 0:t.online)&&e.jsxs(i.DropdownMenuItem,{className:"flex cursor-pointer items-center gap-2",onClick:d=>{d.stopPropagation(),f(t)},children:[e.jsx(g.Power,{className:"size-3"}),s.CONTENT.UNPUBLISH]})}),e.jsx(s.PermissionChecker,{permissions:[s.PAGES_PERMISSIONS.DELETE_PAGE],children:e.jsxs(i.DropdownMenuItem,{className:"flex cursor-pointer items-center gap-2",onClick:d=>{d.stopPropagation(),m(t)},children:[e.jsx(g.TrashIcon,{className:"size-3"}),s.CONTENT.DELETE]})})]})]})})})]},t.id),e.jsx("div",{className:"h-1 w-full border-b"})]})})}),e.jsx(s.PermissionChecker,{permissions:[s.PAGES_PERMISSIONS.ADD_PAGE],children:e.jsx("div",{className:"flex w-full justify-center",children:e.jsx(i.Button,{variant:"default",size:"sm",disabled:a.isEmpty(A),onClick:()=>{n({primaryPage:l==null?void 0:l.id,edit:!1})},children:s.CONTENT.ADD_NEW_LANGUAGE})})}),u&&e.jsx(r.Suspense,{children:e.jsx(G,{page:u,onClose:()=>m(null)})}),h&&e.jsx(r.Suspense,{children:e.jsx(k,{page:h,onClose:()=>f(null)})}),j&&e.jsx(r.Suspense,{children:e.jsx(L,{page:j,onClose:()=>b(null)})})]})};exports.default=M;

package/dist/mark-as-template-CcnkROAU.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("./index-Blg1T7nL.cjs"),s=require("@chaibuilder/sdk/ui"),b=require("lodash-es"),o=require("lucide-react"),i=require("react"),y=require("sonner"),S=1*1024*1024,M=({page:n,onClose:d})=>{const[h,m]=i.useState(!1),[g,w]=i.useState(""),[l,f]=i.useState(""),[j,u]=i.useState(!1),r=i.useRef(null),k=v.useMarkAsTemplate(),{data:p}=v.usePageTypes(),x=p==null?void 0:p.find(a=>a.key===n.pageType),C=(x==null?void 0:x.name)||b.startCase(n.pageType),I=i.useCallback(a=>{var N;const c=(N=a.target.files)==null?void 0:N[0];if(c){if(c.size>S){y.toast.error("File too large",{description:`Maximum file size is 1MB. Selected file is ${(c.size/1024).toFixed(2)}KB.`}),r.current&&(r.current.value="");return}try{u(!0);const t=new FileReader;t.onloadend=()=>{f(t.result),u(!1)},t.readAsDataURL(c)}catch(t){console.error("Error reading file:",t),u(!1),y.toast.error("Failed to process image",{description:t instanceof Error?t.message:"Unknown error"})}}},[]),T=()=>{f(""),r.current&&(r.current.value="")},D=()=>{var a;(a=r.current)==null||a.click()},F=()=>{m(!0),k.mutate({page:n,name:n.name,description:g.trim()||void 0,pageType:n.pageType,...l?{previewImage:l}:{}},{onSuccess:()=>{m(!1),d()},onError:()=>{m(!1)}})};return e.jsx(s.Dialog,{open:!0,onOpenChange:d,children:e.jsxs(s.DialogContent,{children:[e.jsxs(s.DialogHeader,{children:[e.jsx(s.DialogTitle,{children:"Mark as template"}),e.jsxs(s.DialogDescription,{className:"space-y-1 py-4 text-xs text-slate-500",children:["Are you sure you want to mark this page as a template?",e.jsx("br",{}),"Templates can be used to create new pages with the same content."]})]}),e.jsxs("div",{className:"mb-4 space-y-4 text-xs",children:[e.jsxs("div",{className:"space-y-3 rounded border bg-slate-50 p-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o.Tag,{className:"h-4 w-4 text-slate-500"}),e.jsx("span",{className:"font-medium text-slate-500",children:"Page Name:"}),e.jsx("span",{className:"font-semibold",children:b.startCase(n.name)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o.File,{className:"h-4 w-4 text-slate-500"}),e.jsx("span",{className:"font-medium text-slate-500",children:"Type:"}),e.jsx("span",{className:"font-semibold",children:C})]})]}),e.jsxs("div",{children:[e.jsx(s.Label,{htmlFor:"description",className:"text-xs font-medium",children:"Description (Optional)"}),e.jsx(s.Textarea,{id:"description",placeholder:"Describe this template's purpose",className:"mt-1 h-24 resize-none text-xs",value:g,onChange:a=>w(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"previewImage",className:"text-xs font-medium",children:"Preview Image (Optional)"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Input,{type:"file",id:"previewImage",ref:r,onChange:I,accept:"image/*",className:"hidden"}),e.jsx(s.Button,{type:"button",variant:"outline",onClick:D,disabled:j,className:"w-full",children:j?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent"}),"Uploading..."]}):e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(o.ImageIcon,{className:"h-4 w-4"}),"Select image"]})}),l&&e.jsx(s.Button,{type:"button",variant:"outline",size:"icon",onClick:T,children:e.jsx(o.X,{className:"h-4 w-4"})})]}),l&&e.jsx("div",{className:"aspect-video overflow-hidden rounded-md border",children:e.jsx("img",{src:l,alt:"Preview",className:"h-full max-h-[200px] w-full object-contain"})}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"max 1mb"})]})]})]}),e.jsxs(s.DialogFooter,{className:h?"pointer-events-none opacity-75":"",children:[e.jsx(s.Button,{variant:"outline",onClick:a=>{a.stopPropagation(),d()},children:"Cancel"}),e.jsx(s.Button,{variant:"default",disabled:h,onClick:F,children:"Mark as template"})]})]})})};exports.default=M;

package/dist/mark-as-template-v-I05xcZ.js

@@ -1,146 +0,0 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { n as A, h as P } from "./index-zaGKeGBW.js";
-import { Dialog as z, DialogContent as E, DialogHeader as L, DialogTitle as S, DialogDescription as U, Label as b, Textarea as B, Input as R, Button as o, DialogFooter as j } from "@chaibuilder/sdk/ui";
-import { startCase as w } from "lodash-es";
-import { Tag as O, File as X, ImageIcon as _, X as H } from "lucide-react";
-import { useState as c, useRef as K, useCallback as Z } from "react";
-import { toast as y } from "sonner";
-const $ = 1 * 1024 * 1024, ee = ({ page: r, onClose: d }) => {
-  const [f, m] = c(!1), [g, k] = c(""), [i, x] = c(""), [N, p] = c(!1), n = K(null), I = A(), { data: u } = P(), h = u == null ? void 0 : u.find((t) => t.key === r.pageType), C = (h == null ? void 0 : h.name) || w(r.pageType), T = Z((t) => {
-    var v;
-    const l = (v = t.target.files) == null ? void 0 : v[0];
-    if (l) {
-      if (l.size > $) {
-        y.error("File too large", {
-          description: `Maximum file size is 1MB. Selected file is ${(l.size / 1024).toFixed(2)}KB.`
-        }), n.current && (n.current.value = "");
-        return;
-      }
-      try {
-        p(!0);
-        const s = new FileReader();
-        s.onloadend = () => {
-          x(s.result), p(!1);
-        }, s.readAsDataURL(l);
-      } catch (s) {
-        console.error("Error reading file:", s), p(!1), y.error("Failed to process image", {
-          description: s instanceof Error ? s.message : "Unknown error"
-        });
-      }
-    }
-  }, []), D = () => {
-    x(""), n.current && (n.current.value = "");
-  }, F = () => {
-    var t;
-    (t = n.current) == null || t.click();
-  }, M = () => {
-    m(!0), I.mutate(
-      {
-        page: r,
-        name: r.name,
-        description: g.trim() || void 0,
-        pageType: r.pageType,
-        ...i ? { previewImage: i } : {}
-      },
-      {
-        onSuccess: () => {
-          m(!1), d();
-        },
-        onError: () => {
-          m(!1);
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ e(z, { open: !0, onOpenChange: d, children: /* @__PURE__ */ a(E, { children: [
-    /* @__PURE__ */ a(L, { children: [
-      /* @__PURE__ */ e(S, { children: "Mark as template" }),
-      /* @__PURE__ */ a(U, { className: "space-y-1 py-4 text-xs text-slate-500", children: [
-        "Are you sure you want to mark this page as a template?",
-        /* @__PURE__ */ e("br", {}),
-        "Templates can be used to create new pages with the same content."
-      ] })
-    ] }),
-    /* @__PURE__ */ a("div", { className: "mb-4 space-y-4 text-xs", children: [
-      /* @__PURE__ */ a("div", { className: "space-y-3 rounded border bg-slate-50 p-4", children: [
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(O, { className: "h-4 w-4 text-slate-500" }),
-          /* @__PURE__ */ e("span", { className: "font-medium text-slate-500", children: "Page Name:" }),
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: w(r.name) })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(X, { className: "h-4 w-4 text-slate-500" }),
-          /* @__PURE__ */ e("span", { className: "font-medium text-slate-500", children: "Type:" }),
-          /* @__PURE__ */ e("span", { className: "font-semibold", children: C })
-        ] })
-      ] }),
-      /* @__PURE__ */ a("div", { children: [
-        /* @__PURE__ */ e(b, { htmlFor: "description", className: "text-xs font-medium", children: "Description (Optional)" }),
-        /* @__PURE__ */ e(
-          B,
-          {
-            id: "description",
-            placeholder: "Describe this template's purpose",
-            className: "mt-1 h-24 resize-none text-xs",
-            value: g,
-            onChange: (t) => k(t.target.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(b, { htmlFor: "previewImage", className: "text-xs font-medium", children: "Preview Image (Optional)" }),
-        /* @__PURE__ */ a("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(
-              R,
-              {
-                type: "file",
-                id: "previewImage",
-                ref: n,
-                onChange: T,
-                accept: "image/*",
-                className: "hidden"
-              }
-            ),
-            /* @__PURE__ */ e(
-              o,
-              {
-                type: "button",
-                variant: "outline",
-                onClick: F,
-                disabled: N,
-                className: "w-full",
-                children: N ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
-                  "Uploading..."
-                ] }) : /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
-                  "Select image"
-                ] })
-              }
-            ),
-            i && /* @__PURE__ */ e(o, { type: "button", variant: "outline", size: "icon", onClick: D, children: /* @__PURE__ */ e(H, { className: "h-4 w-4" }) })
-          ] }),
-          i && /* @__PURE__ */ e("div", { className: "aspect-video overflow-hidden rounded-md border", children: /* @__PURE__ */ e("img", { src: i, alt: "Preview", className: "h-full max-h-[200px] w-full object-contain" }) }),
-          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "max 1mb" })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ a(j, { className: f ? "pointer-events-none opacity-75" : "", children: [
-      /* @__PURE__ */ e(
-        o,
-        {
-          variant: "outline",
-          onClick: (t) => {
-            t.stopPropagation(), d();
-          },
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ e(o, { variant: "default", disabled: f, onClick: M, children: "Mark as template" })
-    ] })
-  ] }) });
-};
-export {
-  ee as default
-};

package/dist/no-language-page-content-Bm5CcsUo.js

@@ -1,35 +0,0 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { i as m, j as h, L as u, B as w } from "./index-zaGKeGBW.js";
-import { useLanguages as p } from "@chaibuilder/sdk";
-import { Card as f, CardHeader as P, CardTitle as C, CardContent as S, CardFooter as L, Button as x } from "@chaibuilder/sdk/ui";
-import { get as N } from "lodash-es";
-import { LockIcon as v } from "lucide-react";
-const k = () => {
-  const [o, c] = m(), r = o.get("lang"), l = h(r), { setSelectedLang: i } = p(), g = () => {
-    const t = new URLSearchParams(window.location.search);
-    t.delete("lang");
-    const s = t.toString(), d = `${window.location.pathname}${s ? `?${s}` : ""}`;
-    window.history.pushState({}, "", d), c(t), i(""), window.dispatchEvent(new PopStateEvent("popstate"));
-  };
-  if (l) return null;
-  const e = N(u, r);
-  return /* @__PURE__ */ a(w, { children: /* @__PURE__ */ n(f, { className: "mx-auto w-full max-w-md", children: [
-    /* @__PURE__ */ a(P, { className: "space-y-1", children: /* @__PURE__ */ n(C, { className: "flex items-center gap-2 text-2xl", children: [
-      /* @__PURE__ */ a(v, { className: "h-6 w-6 text-yellow-500" }),
-      'Page missing for "',
-      e,
-      '" language.'
-    ] }) }),
-    /* @__PURE__ */ a(S, { className: "grid gap-4", children: /* @__PURE__ */ n("div", { children: [
-      'Page is not available in the "',
-      e,
-      '" language. Either create the page in the "',
-      e,
-      '" language or switch to the base language.'
-    ] }) }),
-    /* @__PURE__ */ a(L, { children: /* @__PURE__ */ a(x, { onClick: g, className: "w-full", variant: "destructive", children: "Switch to default language" }) })
-  ] }) });
-};
-export {
-  k as default
-};

package/dist/no-language-page-content-Ddz2hnYs.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-Blg1T7nL.cjs"),h=require("@chaibuilder/sdk"),a=require("@chaibuilder/sdk/ui"),m=require("lodash-es"),w=require("lucide-react"),x=()=>{const[o,i]=t.useSearchParams(),r=o.get("lang"),l=t.useIsLanguagePageCreated(r),{setSelectedLang:g}=h.useLanguages(),u=()=>{const s=new URLSearchParams(window.location.search);s.delete("lang");const c=s.toString(),d=`${window.location.pathname}${c?`?${c}`:""}`;window.history.pushState({},"",d),i(s),g(""),window.dispatchEvent(new PopStateEvent("popstate"))};if(l)return null;const n=m.get(t.LANGUAGES,r);return e.jsx(t.BlurContainer,{children:e.jsxs(a.Card,{className:"mx-auto w-full max-w-md",children:[e.jsx(a.CardHeader,{className:"space-y-1",children:e.jsxs(a.CardTitle,{className:"flex items-center gap-2 text-2xl",children:[e.jsx(w.LockIcon,{className:"h-6 w-6 text-yellow-500"}),'Page missing for "',n,'" language.']})}),e.jsx(a.CardContent,{className:"grid gap-4",children:e.jsxs("div",{children:['Page is not available in the "',n,'" language. Either create the page in the "',n,'" language or switch to the base language.']})}),e.jsx(a.CardFooter,{children:e.jsx(a.Button,{onClick:u,className:"w-full",variant:"destructive",children:"Switch to default language"})})]})})};exports.default=x;

package/dist/page-lock-request-Dx6OrOwM.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./index-Blg1T7nL.cjs"),a=require("@chaibuilder/sdk/ui"),t=require("lucide-react"),h=require("react"),g=({userId:l})=>{const{data:n}=c.useChaiUserInfo(l);return(n==null?void 0:n.name)||"Unknown"},C=({isChecking:l,lockingStatus:n,onContinue:x})=>{const[o,u]=h.useState(!1),i=n==="page_is_active_in_other_tab",r=(n==null?void 0:n.length)>0,{pageLock:s,acceptTakeOver:d,rejectTakeOver:j}=c.usePageLockRequestTakeOver(),m=()=>{u(!0),r||i?x():d(),setTimeout(()=>{u(!1)},3e3)};return h.useEffect(()=>{(s==null?void 0:s.requestedBy)==="ANOTHER_TAB"&&d()},[s,d]),(s==null?void 0:s.requestedBy)==="ANOTHER_TAB"?null:l?e.jsx(c.BlurContainer,{children:e.jsx(t.Loader,{className:"h-5 w-5 animate-spin text-primary"})}):e.jsx(c.BlurContainer,{children:e.jsxs(a.Card,{className:"mx-auto w-full max-w-md",children:[e.jsx(a.CardHeader,{className:"space-y-1",children:e.jsxs(a.CardTitle,{className:"flex items-center gap-2 text-xl font-medium",children:[o?e.jsx(t.Loader,{className:"h-6 w-6 animate-spin text-gray-500"}):i?e.jsx(t.TableIcon,{className:"h-6 w-6 text-green-500"}):r?e.jsx(t.CheckCircle,{className:"h-6 w-6 text-green-500"}):e.jsx(t.Target,{className:"h-6 w-6 text-green-500"}),i?"Page is active in other tab":r?"You can edit the page now.":"Page take over request"]})}),e.jsx(a.CardContent,{className:"grid gap-4",children:e.jsx("div",{children:i?e.jsx("p",{children:'You are already editing this page in another tab. To continue editing here, click on "Continue editing here".'}):r?e.jsx("p",{children:"This page is released by other user you can continue editing now."}):e.jsxs("p",{children:[e.jsxs("b",{children:[" ",e.jsx(g,{userId:s==null?void 0:s.requestedBy})]})," ","has requested to take over this page.",e.jsx("br",{})," If you accept, your unsaved changes will be saved."]})})}),e.jsxs(a.CardFooter,{className:"flex items-center justify-end gap-2",children:[e.jsx(a.Button,{disabled:o,onClick:m,className:r?"":"bg-green-500 hover:bg-green-600",children:i?e.jsxs(e.Fragment,{children:[e.jsx(t.Edit,{className:"h-5 w-5"})," Continue editing here"]}):r?e.jsxs(e.Fragment,{children:[e.jsx(t.Edit,{className:"h-5 w-5"})," Continue to edit"]}):e.jsxs(e.Fragment,{children:[e.jsx(t.Check,{className:"h-5 w-5"})," Accept"]})}),!r&&e.jsxs(a.Button,{variant:"outline",onClick:j,children:[e.jsx(t.X,{className:"h-5 w-5"})," Reject"]})]})]})})};exports.default=C;

package/dist/page-lock-request-WKfG7Sd3.js

@@ -1,64 +0,0 @@
-import { jsx as e, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { aj as N, ak as w, B as h } from "./index-zaGKeGBW.js";
-import { Card as x, CardHeader as T, CardTitle as b, CardContent as v, CardFooter as y, Button as m } from "@chaibuilder/sdk/ui";
-import { Loader as u, TableIcon as B, CheckCircle as q, Target as _, Edit as f, Check as j, X as A } from "lucide-react";
-import { useState as I, useEffect as O } from "react";
-const k = ({ userId: i }) => {
-  const { data: r } = N(i);
-  return (r == null ? void 0 : r.name) || "Unknown";
-}, F = ({
-  isChecking: i,
-  lockingStatus: r,
-  onContinue: g
-}) => {
-  const [d, o] = I(!1), s = r === "page_is_active_in_other_tab", n = (r == null ? void 0 : r.length) > 0, { pageLock: t, acceptTakeOver: c, rejectTakeOver: p } = w(), C = () => {
-    o(!0), n || s ? g() : c(), setTimeout(() => {
-      o(!1);
-    }, 3e3);
-  };
-  return O(() => {
-    (t == null ? void 0 : t.requestedBy) === "ANOTHER_TAB" && c();
-  }, [t, c]), (t == null ? void 0 : t.requestedBy) === "ANOTHER_TAB" ? null : i ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(u, { className: "h-5 w-5 animate-spin text-primary" }) }) : /* @__PURE__ */ e(h, { children: /* @__PURE__ */ a(x, { className: "mx-auto w-full max-w-md", children: [
-    /* @__PURE__ */ e(T, { className: "space-y-1", children: /* @__PURE__ */ a(b, { className: "flex items-center gap-2 text-xl font-medium", children: [
-      d ? /* @__PURE__ */ e(u, { className: "h-6 w-6 animate-spin text-gray-500" }) : s ? /* @__PURE__ */ e(B, { className: "h-6 w-6 text-green-500" }) : n ? /* @__PURE__ */ e(q, { className: "h-6 w-6 text-green-500" }) : /* @__PURE__ */ e(_, { className: "h-6 w-6 text-green-500" }),
-      s ? "Page is active in other tab" : n ? "You can edit the page now." : "Page take over request"
-    ] }) }),
-    /* @__PURE__ */ e(v, { className: "grid gap-4", children: /* @__PURE__ */ e("div", { children: s ? /* @__PURE__ */ e("p", { children: 'You are already editing this page in another tab. To continue editing here, click on "Continue editing here".' }) : n ? /* @__PURE__ */ e("p", { children: "This page is released by other user you can continue editing now." }) : /* @__PURE__ */ a("p", { children: [
-      /* @__PURE__ */ a("b", { children: [
-        " ",
-        /* @__PURE__ */ e(k, { userId: t == null ? void 0 : t.requestedBy })
-      ] }),
-      " ",
-      "has requested to take over this page.",
-      /* @__PURE__ */ e("br", {}),
-      " If you accept, your unsaved changes will be saved."
-    ] }) }) }),
-    /* @__PURE__ */ a(y, { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ e(
-        m,
-        {
-          disabled: d,
-          onClick: C,
-          className: n ? "" : "bg-green-500 hover:bg-green-600",
-          children: s ? /* @__PURE__ */ a(l, { children: [
-            /* @__PURE__ */ e(f, { className: "h-5 w-5" }),
-            " Continue editing here"
-          ] }) : n ? /* @__PURE__ */ a(l, { children: [
-            /* @__PURE__ */ e(f, { className: "h-5 w-5" }),
-            " Continue to edit"
-          ] }) : /* @__PURE__ */ a(l, { children: [
-            /* @__PURE__ */ e(j, { className: "h-5 w-5" }),
-            " Accept"
-          ] })
-        }
-      ),
-      !n && /* @__PURE__ */ a(m, { variant: "outline", onClick: p, children: [
-        /* @__PURE__ */ e(A, { className: "h-5 w-5" }),
-        " Reject"
-      ] })
-    ] })
-  ] }) });
-};
-export {
-  F as default
-};

package/dist/page-locked-by-dialog-BvdAXZPw.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@chaibuilder/sdk/ui"),m=require("date-fns"),r=require("lucide-react"),h=require("react"),j=require("./index-Blg1T7nL.cjs");function p({avatar:d,name:a,email:l,lastSaved:n,onTakeOver:u,isRequestRejected:c,isFetchingUserInfo:t}){const[i,o]=h.useState(!1),x=()=>{o(!0),setTimeout(()=>{o(!1)},15e3),u()};return e.jsx(j.BlurContainer,{children:e.jsxs(s.Card,{className:"mx-auto w-full max-w-md",children:[e.jsx(s.CardHeader,{className:"space-y-1",children:e.jsxs(s.CardTitle,{className:"flex items-center gap-2 text-xl",children:[e.jsx(r.LockKeyhole,{className:"h-8 w-8 rounded-md bg-sky-500/20 p-1.5 text-sky-500"}),"Page is locked for editing"]})}),e.jsx(s.CardContent,{className:"w-md grid w-full pt-2",children:e.jsxs("div",{children:[e.jsxs("div",{className:"relative mx-auto flex w-96 items-center space-x-4 rounded-md border border-green-500 px-2 pb-2 pt-4",children:[e.jsx("div",{className:"absolute -top-2.5 left-3 w-max rounded-full bg-green-500 px-3 py-1 text-xs font-medium leading-3 text-white",children:"Locked By"}),d&&!t?e.jsx("img",{src:d,alt:a,className:"h-14 w-14 rounded-full border border-gray-300"}):e.jsx(r.UserIcon,{className:"h-14 w-14 flex-shrink-0 rounded-full bg-gradient-to-br from-purple-400 to-pink-500 p-2 text-white"}),e.jsxs("div",{className:t?"space-y-1.5":"space-y-0",children:[t?e.jsx(s.Skeleton,{className:"h-4 w-40 rounded"}):e.jsx("span",{className:"truncate font-medium text-black",children:a}),l&&!t?e.jsx("p",{className:"truncate text-sm text-muted-foreground",children:l}):e.jsx(s.Skeleton,{className:"h-4 w-60 rounded"}),n&&!t?e.jsxs("p",{className:"text-sm text-muted-foreground",children:["Last saved:"," ",m.formatDistanceToNow(new Date(n),{addSuffix:!0})]}):e.jsx(s.Skeleton,{className:"h-4 w-40 rounded"})]})]}),e.jsx("div",{className:"mt-4 text-sm",children:e.jsxs("p",{className:"py-4 text-center text-gray-600",children:["This page is currently being edited by ",e.jsx("span",{className:"font-bold",children:a}),".",e.jsx("br",{}),e.jsx("br",{})," You can either wait until they finish editing or request to take over the page."]})}),c&&e.jsxs("div",{className:"mt-4 flex w-full items-center justify-center gap-x-2 rounded border border-red-500 bg-red-50 p-2 text-center font-medium text-red-500",children:[e.jsx(r.Info,{className:"h-5 w-5"})," Page take over request is rejected"]})]})}),e.jsx(s.CardFooter,{children:e.jsxs(s.Button,{disabled:i,onClick:x,className:"w-full",variant:"destructive",children:[e.jsx(r.KeyIcon,{className:"h-5 w-5"}),i?"Page take is requested.":c?"Request take over again":"Request take over"]})})]})})}exports.default=p;

package/dist/page-locked-by-dialog-jy3lYV3l.js

@@ -1,63 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Card as p, CardHeader as x, CardTitle as f, CardContent as h, Skeleton as d, CardFooter as N, Button as g } from "@chaibuilder/sdk/ui";
-import { formatDistanceToNow as b } from "date-fns";
-import { LockKeyhole as w, UserIcon as k, Info as y, KeyIcon as v } from "lucide-react";
-import { useState as C } from "react";
-import { B } from "./index-zaGKeGBW.js";
-function K({
-  avatar: s,
-  name: a,
-  email: l,
-  lastSaved: o,
-  onTakeOver: m,
-  isRequestRejected: i,
-  isFetchingUserInfo: r
-}) {
-  const [n, c] = C(!1), u = () => {
-    c(!0), setTimeout(() => {
-      c(!1);
-    }, 15e3), m();
-  };
-  return /* @__PURE__ */ e(B, { children: /* @__PURE__ */ t(p, { className: "mx-auto w-full max-w-md", children: [
-    /* @__PURE__ */ e(x, { className: "space-y-1", children: /* @__PURE__ */ t(f, { className: "flex items-center gap-2 text-xl", children: [
-      /* @__PURE__ */ e(w, { className: "h-8 w-8 rounded-md bg-sky-500/20 p-1.5 text-sky-500" }),
-      "Page is locked for editing"
-    ] }) }),
-    /* @__PURE__ */ e(h, { className: "w-md grid w-full pt-2", children: /* @__PURE__ */ t("div", { children: [
-      /* @__PURE__ */ t("div", { className: "relative mx-auto flex w-96 items-center space-x-4 rounded-md border border-green-500 px-2 pb-2 pt-4", children: [
-        /* @__PURE__ */ e("div", { className: "absolute -top-2.5 left-3 w-max rounded-full bg-green-500 px-3 py-1 text-xs font-medium leading-3 text-white", children: "Locked By" }),
-        s && !r ? /* @__PURE__ */ e("img", { src: s, alt: a, className: "h-14 w-14 rounded-full border border-gray-300" }) : /* @__PURE__ */ e(k, { className: "h-14 w-14 flex-shrink-0 rounded-full bg-gradient-to-br from-purple-400 to-pink-500 p-2 text-white" }),
-        /* @__PURE__ */ t("div", { className: r ? "space-y-1.5" : "space-y-0", children: [
-          r ? /* @__PURE__ */ e(d, { className: "h-4 w-40 rounded" }) : /* @__PURE__ */ e("span", { className: "truncate font-medium text-black", children: a }),
-          l && !r ? /* @__PURE__ */ e("p", { className: "truncate text-sm text-muted-foreground", children: l }) : /* @__PURE__ */ e(d, { className: "h-4 w-60 rounded" }),
-          o && !r ? /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: [
-            "Last saved:",
-            " ",
-            b(new Date(o), {
-              addSuffix: !0
-            })
-          ] }) : /* @__PURE__ */ e(d, { className: "h-4 w-40 rounded" })
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "mt-4 text-sm", children: /* @__PURE__ */ t("p", { className: "py-4 text-center text-gray-600", children: [
-        "This page is currently being edited by ",
-        /* @__PURE__ */ e("span", { className: "font-bold", children: a }),
-        ".",
-        /* @__PURE__ */ e("br", {}),
-        /* @__PURE__ */ e("br", {}),
-        " You can either wait until they finish editing or request to take over the page."
-      ] }) }),
-      i && /* @__PURE__ */ t("div", { className: "mt-4 flex w-full items-center justify-center gap-x-2 rounded border border-red-500 bg-red-50 p-2 text-center font-medium text-red-500", children: [
-        /* @__PURE__ */ e(y, { className: "h-5 w-5" }),
-        " Page take over request is rejected"
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e(N, { children: /* @__PURE__ */ t(g, { disabled: n, onClick: u, className: "w-full", variant: "destructive", children: [
-      /* @__PURE__ */ e(v, { className: "h-5 w-5" }),
-      n ? "Page take is requested." : i ? "Request take over again" : "Request take over"
-    ] }) })
-  ] }) });
-}
-export {
-  K as default
-};