@chaibuilder/pages 0.14.4 → 0.15.1

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

@@ -0,0 +1,557 @@
+import { jsx as e, jsxs as a, Fragment as $ } from "react/jsx-runtime";
+import { useLanguages as oe } from "@chaibuilder/sdk";
+import { useQuery as re } from "@tanstack/react-query";
+import { al as me, am as he, A as Q, aq as X, av as ue, aw as Y, ax as k, ay as pe, az as ge, aA as fe, g as xe, aB as ve } from "./index-CguzNa4U.js";
+import { Dialog as Z, DialogContent as ee, DialogHeader as ae, DialogTitle as ne, Label as N, Input as I, Tabs as te, TabsList as le, TabsTrigger as j, Button as v, TabsContent as B, Textarea as O, Switch as G, AlertDialog as R, AlertDialogContent as U, AlertDialogHeader as V, AlertDialogTitle as _, AlertDialogDescription as M, AlertDialogFooter as q, AlertDialogCancel as H, AlertDialogAction as K, Tooltip as Ne, TooltipTrigger as be, TooltipContent as ye, ScrollArea as we, Card as Se, CardHeader as Ae, CardTitle as Ce, AlertDialogTrigger as De, CardContent as Te } from "@chaibuilder/sdk/ui";
+import { Code as se, Eye as ie, Loader as P, Plus as Le, Edit as Je, Trash as Pe } from "lucide-react";
+import { useState as h, useEffect as F, useMemo as W } from "react";
+import { toast as z } from "sonner";
+const de = () => {
+  const i = me(), o = he();
+  return re({
+    queryKey: [Q.GET_GLOBAL_JSONLD_ITEMS],
+    queryFn: async () => o(i, { action: Q.GET_GLOBAL_JSONLD_ITEMS })
+  });
+}, Oe = ({
+  show: i,
+  onClose: o,
+  initialData: r
+}) => /* @__PURE__ */ e(Z, { open: i, onOpenChange: () => o(), children: i && /* @__PURE__ */ e(Fe, { show: i, onClose: o, initialData: r }) }), Fe = ({
+  show: i,
+  onClose: o,
+  initialData: r
+}) => {
+  const [b, u] = h("edit"), [p, l] = h(""), [t, m] = h({
+    name: "",
+    content: "",
+    description: "",
+    enabledByDefaultForNewPages: !1
+  }), [g, y] = h(!1), { data: s } = X(), { mutateAsync: f, isPending: S } = ue(), { mutateAsync: A } = Y();
+  F(() => {
+    u("edit"), m(r ? {
+      name: r.name,
+      description: r.description,
+      content: JSON.stringify(r.jsonld, null, 2),
+      enabledByDefaultForNewPages: !1
+    } : { name: "", description: "", content: "", enabledByDefaultForNewPages: !1 }), y(!1);
+  }, [i, r]), F(() => {
+    const d = k(t.content);
+    l(d.isValid ? JSON.stringify(d.parsed, null, 2) : "");
+  }, [t.content]);
+  const w = async () => {
+    if (!t.name || !t.content) {
+      z.error("Please enter a name and content");
+      return;
+    }
+    const d = k(t.content);
+    if (!d.isValid) {
+      z.error("Invalid JSON-LD content");
+      return;
+    }
+    const C = {
+      name: t.name,
+      jsonld: d.parsed,
+      addToExistingPages: g,
+      addToNewPages: t.enabledByDefaultForNewPages,
+      description: t.description
+    }, x = await f(C);
+    s != null && s.id && (x != null && x.id) && await A({
+      schemaId: x.id,
+      pageId: s.id,
+      enabled: !0
+    }), o();
+  };
+  return /* @__PURE__ */ a(ee, { className: "flex max-w-xl flex-col overflow-y-auto", children: [
+    /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ a(ne, { children: [
+      "Add New Shared JSON-LD Schema",
+      (r == null ? void 0 : r.languageCode) && /* @__PURE__ */ a("span", { className: "ml-2 text-sm font-normal text-muted-foreground", children: [
+        "(",
+        r.languageCode,
+        ")"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "flex max-h-[75vh] flex-col space-y-2 overflow-y-auto", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(N, { htmlFor: "new-name", children: "Schema Name" }),
+        /* @__PURE__ */ e(
+          I,
+          {
+            id: "new-name",
+            value: t.name,
+            onChange: (d) => m({ ...t, name: d.target.value }),
+            placeholder: "e.g., Product Schema",
+            className: "text-xs"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(N, { htmlFor: "new-description", children: "Description" }),
+        /* @__PURE__ */ e(
+          I,
+          {
+            id: "new-description",
+            value: t.description || "",
+            onChange: (d) => m({ ...t, description: d.target.value }),
+            placeholder: "Brief description of this schema"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(N, { htmlFor: "new-content", children: "JSON-LD Content" }),
+        /* @__PURE__ */ a(te, { value: b, onValueChange: u, className: "w-full", children: [
+          /* @__PURE__ */ a("div", { className: "mb-2 flex w-full items-center justify-between", children: [
+            /* @__PURE__ */ a(le, { className: "w-max", children: [
+              /* @__PURE__ */ a(j, { value: "edit", className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(se, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e("span", { children: "Edit" })
+              ] }),
+              /* @__PURE__ */ a(j, { value: "preview", className: "flex items-center gap-1", disabled: !p, children: [
+                /* @__PURE__ */ e(ie, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e("span", { children: "Preview" })
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: b === "edit" && /* @__PURE__ */ e(
+              v,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => m({ ...t, content: p }),
+                disabled: !p,
+                children: "Format"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ a(B, { value: "edit", children: [
+            /* @__PURE__ */ e(
+              O,
+              {
+                id: "new-content",
+                value: t.content || "{}",
+                onChange: (d) => m({ ...t, content: d.target.value }),
+                className: "font-mono text-sm",
+                placeholder: "Enter JSON-LD markup...",
+                rows: 10
+              }
+            ),
+            !p && t.content ? /* @__PURE__ */ e("p", { className: "pt-px text-xs text-red-500", children: "Invalid JSON-LD" }) : /* @__PURE__ */ e("p", {})
+          ] }),
+          /* @__PURE__ */ e(B, { value: "preview", children: /* @__PURE__ */ e(
+            O,
+            {
+              id: "new-content",
+              value: p || "{}",
+              className: "bg-muted font-mono text-sm",
+              placeholder: "{}",
+              rows: 10,
+              readOnly: !0
+            }
+          ) })
+        ] })
+      ] }),
+      !r && /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 pt-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e(
+            G,
+            {
+              id: "add-to-all-existing",
+              checked: g,
+              onCheckedChange: (d) => y(d)
+            }
+          ),
+          /* @__PURE__ */ a(N, { htmlFor: "add-to-all-existing", children: [
+            /* @__PURE__ */ e("div", { children: "Add to all existing pages" }),
+            /* @__PURE__ */ e("div", { className: "text-xs font-light text-muted-foreground", children: "This schema will be added to all existing pages on your site" })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e(
+            G,
+            {
+              id: "new-enabled",
+              checked: t.enabledByDefaultForNewPages,
+              onCheckedChange: (d) => m({ ...t, enabledByDefaultForNewPages: d })
+            }
+          ),
+          /* @__PURE__ */ a(N, { 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 items-center justify-between pt-2", children: [
+        /* @__PURE__ */ e("div", {}),
+        /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ e(v, { disabled: S, variant: "outline", type: "button", size: "sm", onClick: () => o(), children: "Cancel" }),
+          /* @__PURE__ */ e(v, { disabled: S || !p, type: "button", size: "sm", onClick: w, children: S ? /* @__PURE__ */ a($, { children: [
+            /* @__PURE__ */ e(P, { className: "h-4 w-4 animate-spin" }),
+            " Adding"
+          ] }) : "Add Schema" })
+        ] })
+      ] })
+    ] })
+  ] });
+}, Ee = ({ id: i, onClose: o }) => /* @__PURE__ */ e(Z, { open: !!i, onOpenChange: () => o(), children: i && /* @__PURE__ */ e(ke, { id: i, onClose: o }) }), ke = ({ id: i, onClose: o }) => {
+  const [r, b] = h("edit"), [u, p] = h(""), [l, t] = h({
+    name: "",
+    content: "",
+    description: "",
+    enabledByDefaultForNewPages: !1
+  }), [m, g] = h(!1), [y, s] = h(!1), { data: f } = de(), { mutateAsync: S, isPending: A } = pe(), { mutateAsync: w } = ge(), { mutateAsync: d } = fe();
+  F(() => {
+    var c, T;
+    if (b("edit"), i && f) {
+      const n = f.find((L) => L.id === i);
+      n && t({
+        name: n.name,
+        description: ((c = n.metadata) == null ? void 0 : c.description) || "",
+        content: JSON.stringify(n.jsonld, null, 2),
+        enabledByDefaultForNewPages: ((T = n.metadata) == null ? void 0 : T.addToNewPages) || !1
+      });
+    }
+  }, [i, f]), F(() => {
+    const c = k(l.content);
+    p(c.isValid ? JSON.stringify(c.parsed, null, 2) : "");
+  }, [l.content]);
+  const C = async () => {
+    if (!l.name || !l.content) {
+      z.error("Please enter a name and content");
+      return;
+    }
+    const c = k(l.content);
+    if (!c.isValid) {
+      z.error("Invalid JSON-LD content");
+      return;
+    }
+    const T = {
+      id: i,
+      name: l.name,
+      jsonld: c.parsed,
+      addToNewPages: l.enabledByDefaultForNewPages,
+      description: l.description
+    };
+    await S(T), o();
+  }, x = async () => {
+    try {
+      await w(i);
+    } finally {
+      g(!1);
+    }
+  }, D = async () => {
+    try {
+      await d(i);
+    } finally {
+      s(!1);
+    }
+  };
+  return /* @__PURE__ */ a(ee, { className: "flex max-w-xl flex-col overflow-y-auto", children: [
+    /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(ne, { children: "Edit 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(N, { htmlFor: "edit-name", children: "Schema Name" }),
+        /* @__PURE__ */ e(
+          I,
+          {
+            id: "edit-name",
+            value: l.name,
+            onChange: (c) => t({ ...l, name: c.target.value }),
+            placeholder: "e.g., Product Schema",
+            className: "text-xs"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(N, { htmlFor: "edit-description", children: "Description" }),
+        /* @__PURE__ */ e(
+          I,
+          {
+            id: "edit-description",
+            value: l.description || "",
+            onChange: (c) => t({ ...l, description: c.target.value }),
+            placeholder: "Brief description of this schema"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ e(N, { htmlFor: "edit-content", children: "JSON-LD Content" }),
+        /* @__PURE__ */ a(te, { value: r, onValueChange: b, className: "w-full", children: [
+          /* @__PURE__ */ a("div", { className: "mb-2 flex w-full items-center justify-between", children: [
+            /* @__PURE__ */ a(le, { className: "w-max", children: [
+              /* @__PURE__ */ a(j, { value: "edit", className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(se, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e("span", { children: "Edit" })
+              ] }),
+              /* @__PURE__ */ a(j, { value: "preview", className: "flex items-center gap-1", disabled: !u, children: [
+                /* @__PURE__ */ e(ie, { className: "h-4 w-4" }),
+                /* @__PURE__ */ e("span", { children: "Preview" })
+              ] })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: r === "edit" && /* @__PURE__ */ e(
+              v,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: () => t({ ...l, content: u }),
+                disabled: !u,
+                children: "Format"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ a(B, { value: "edit", children: [
+            /* @__PURE__ */ e(
+              O,
+              {
+                id: "edit-content",
+                value: l.content || "{}",
+                onChange: (c) => t({ ...l, content: c.target.value }),
+                className: "font-mono text-sm",
+                placeholder: "Enter JSON-LD markup...",
+                rows: 10
+              }
+            ),
+            !u && l.content ? /* @__PURE__ */ e("p", { className: "pt-px text-xs text-red-500", children: "Invalid JSON-LD" }) : /* @__PURE__ */ e("p", {})
+          ] }),
+          /* @__PURE__ */ e(B, { value: "preview", children: /* @__PURE__ */ e(
+            O,
+            {
+              id: "edit-content-preview",
+              value: u || "{}",
+              className: "bg-muted font-mono text-sm",
+              placeholder: "{}",
+              rows: 10,
+              readOnly: !0
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__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: "Manage Existing Pages" }),
+          /* @__PURE__ */ e("div", { className: "text-xs text-blue-700", children: "Add or remove this schema from all existing pages on your site" })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(v, { size: "sm", variant: "outline", onClick: () => g(!0), children: "Add to all existing" }),
+          /* @__PURE__ */ e(v, { size: "sm", variant: "ghost", onClick: () => s(!0), children: "Remove from 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(
+            G,
+            {
+              id: "edit-enabled",
+              checked: l.enabledByDefaultForNewPages,
+              onCheckedChange: (c) => t({ ...l, enabledByDefaultForNewPages: c })
+            }
+          ),
+          /* @__PURE__ */ a(N, { htmlFor: "edit-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(v, { disabled: A, variant: "outline", type: "button", size: "sm", onClick: () => o(), children: "Cancel" }),
+          /* @__PURE__ */ e(v, { disabled: A || !u, type: "button", size: "sm", onClick: C, children: A ? /* @__PURE__ */ a($, { children: [
+            /* @__PURE__ */ e(P, { className: "h-4 w-4 animate-spin" }),
+            " Updating"
+          ] }) : "Update Schema" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(R, { open: m, onOpenChange: g, children: /* @__PURE__ */ a(U, { children: [
+      /* @__PURE__ */ a(V, { children: [
+        /* @__PURE__ */ e(_, { children: "Add to All Existing Pages?" }),
+        /* @__PURE__ */ a(M, { children: [
+          "This will add the schema ",
+          /* @__PURE__ */ e("span", { className: "font-medium", children: l.name }),
+          " to all existing pages on your site. This action cannot be undone automatically."
+        ] })
+      ] }),
+      /* @__PURE__ */ a(q, { children: [
+        /* @__PURE__ */ e(H, { children: "Cancel" }),
+        /* @__PURE__ */ e(K, { onClick: x, children: "Add to All" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(R, { open: y, onOpenChange: s, children: /* @__PURE__ */ a(U, { children: [
+      /* @__PURE__ */ a(V, { children: [
+        /* @__PURE__ */ e(_, { children: "Remove from All Pages?" }),
+        /* @__PURE__ */ a(M, { children: [
+          "This will remove the schema ",
+          /* @__PURE__ */ e("span", { className: "font-medium", children: l.name }),
+          " from all existing pages on your site. This action cannot be undone automatically."
+        ] })
+      ] }),
+      /* @__PURE__ */ a(q, { children: [
+        /* @__PURE__ */ e(H, { children: "Cancel" }),
+        /* @__PURE__ */ e(K, { onClick: D, className: "bg-red-500 hover:bg-red-600", children: "Remove from All" })
+      ] })
+    ] }) })
+  ] });
+};
+function _e() {
+  const [i, o] = h(!1), [r, b] = h(void 0), [u, p] = h(null), [l, t] = h(null), { data: m, isLoading: g } = de(), { selectedLang: y } = oe(), { data: s } = X(), { data: f } = xe(), { mutateAsync: S } = ve(), { mutateAsync: A } = Y(), w = W(() => f == null ? void 0 : f.find((n) => n.primaryPage === !0), [f]), d = W(() => (w == null ? void 0 : w.globalJsonLds) || [], [w]), [C, x] = h([]), D = C.length > 0 ? C : (s == null ? void 0 : s.globalJsonLds) || [];
+  F(() => {
+    s != null && s.globalJsonLds && x(s.globalJsonLds);
+  }, [s == null ? void 0 : s.globalJsonLds]);
+  const c = async (n) => {
+    if (!(s != null && s.id)) return;
+    t(n);
+    const L = D.includes(n), J = L ? D.filter((E) => E !== n) : [...D, n];
+    x(J);
+    try {
+      await A({
+        schemaId: n,
+        pageId: s.id,
+        enabled: !L
+      });
+    } catch {
+      x(s.globalJsonLds);
+    } finally {
+      t(null);
+    }
+  }, T = async (n) => {
+    t(n);
+    try {
+      await S(n);
+    } finally {
+      t(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" })
+      ] }),
+      !y && /* @__PURE__ */ a(Ne, { delayDuration: 0, children: [
+        /* @__PURE__ */ e(
+          be,
+          {
+            type: "button",
+            disabled: g,
+            className: "rounded-full bg-primary p-1 text-primary-foreground hover:bg-primary/80",
+            onClick: (n) => {
+              n.stopPropagation(), o(!0);
+            },
+            children: g ? /* @__PURE__ */ e(P, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(Le, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ e(ye, { children: "Add new schema" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(we, { className: "max-h-96 overflow-y-auto", children: [
+      /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+        (!m || (m == null ? void 0 : m.length) === 0) && !g && /* @__PURE__ */ e("div", { className: "flex items-center justify-center px-2 py-4 text-xs", children: "No shared JSON-LD found" }),
+        m == null ? void 0 : m.map((n) => {
+          const L = n.jsonld, J = !y, E = D.includes(n.id), ce = d.includes(n.id);
+          return /* @__PURE__ */ a(
+            Se,
+            {
+              className: `relative border-gray-300 p-0 shadow-none transition-all ${l === n.id ? "pointer-events-none" : ""}`,
+              children: [
+                l === n.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(P, { className: "h-5 w-5 animate-spin text-primary" }) }),
+                /* @__PURE__ */ e(Ae, { className: "p-2", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+                    J && /* @__PURE__ */ e(G, { checked: E, onCheckedChange: () => c(n.id) }),
+                    /* @__PURE__ */ a("div", { children: [
+                      /* @__PURE__ */ e(Ce, { className: "flex items-center gap-2 text-sm leading-none", children: n.name }),
+                      (n == null ? void 0 : n.description) && /* @__PURE__ */ e("p", { className: "mt-1 text-xs leading-none text-muted-foreground", children: n == null ? void 0 : n.description })
+                    ] })
+                  ] }),
+                  J && /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ e(
+                      v,
+                      {
+                        type: "button",
+                        variant: "ghost",
+                        size: "icon",
+                        className: "h-5 w-5 p-0",
+                        onClick: () => p(n.id),
+                        children: /* @__PURE__ */ e(Je, { className: "h-4 w-4" })
+                      }
+                    ),
+                    /* @__PURE__ */ a(R, { children: [
+                      /* @__PURE__ */ e(De, { 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(Pe, { className: "h-4 w-4" }) }),
+                      /* @__PURE__ */ a(U, { children: [
+                        /* @__PURE__ */ a(V, { children: [
+                          /* @__PURE__ */ e(_, { children: "Delete Schema" }),
+                          /* @__PURE__ */ a(M, { children: [
+                            "Are you sure you want to delete ",
+                            /* @__PURE__ */ e("span", { className: "font-medium", children: n.name }),
+                            "? This action cannot be undone."
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ a(q, { children: [
+                          /* @__PURE__ */ e(H, { type: "button", children: "Cancel" }),
+                          /* @__PURE__ */ e(
+                            K,
+                            {
+                              type: "button",
+                              onClick: () => T(n.id),
+                              className: "bg-red-500 text-white hover:bg-red-600",
+                              children: "Delete"
+                            }
+                          )
+                        ] })
+                      ] })
+                    ] })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ e(Te, { className: "px-2 pb-2", children: J ? /* @__PURE__ */ e(
+                  O,
+                  {
+                    id: n.id,
+                    rows: 1,
+                    readOnly: !0,
+                    value: JSON.stringify(L, 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__ */ a("div", { className: "flex items-center gap-2", 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." }),
+                    ce && /* @__PURE__ */ e("span", { className: "rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700", children: "Enabled in default" })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    v,
+                    {
+                      type: "button",
+                      size: "sm",
+                      variant: "outline",
+                      className: "mt-2",
+                      onClick: () => {
+                        b({
+                          name: n.name,
+                          description: n.description || "",
+                          jsonld: n.jsonld,
+                          languageCode: y
+                        }), o(!0);
+                      },
+                      children: "Copy & Edit from default language"
+                    }
+                  )
+                ] }) })
+              ]
+            },
+            n.id
+          );
+        })
+      ] }),
+      g && /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ e(P, { className: "h-5 w-5 animate-spin" }) })
+    ] }),
+    /* @__PURE__ */ e(
+      Oe,
+      {
+        show: i,
+        onClose: () => {
+          o(!1), b(void 0);
+        },
+        initialData: r
+      }
+    ),
+    /* @__PURE__ */ e(Ee, { id: u, onClose: () => p(null) })
+  ] });
+}
+export {
+  _e as default
+};

package/dist/{slug-input-QxBMijHP.cjs → slug-input-B4w0Ihxn.cjs}

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),u=require("./index-Qnh8Lkr0.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;
+"use strict";const s=require("react/jsx-runtime"),u=require("./index-CffopOpP.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-hJdU8DaF.js → slug-input-BXNj3cZf.js}

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { L as d } from "./index-DFvsMFVH.js";
+import { L as d } from "./index-CguzNa4U.js";
 import { Input as v } from "@chaibuilder/sdk/ui";
 import { useState as x, useEffect as C } from "react";
 const y = (e) => {

package/dist/{theme-panel-footer-D2B7iYW2.js → theme-panel-footer-68bQaQeh.js}

@@ -1,5 +1,5 @@
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { u as l, a as m, t as r } from "./index-DFvsMFVH.js";
+import { u as l, a as m, t as r } from "./index-CguzNa4U.js";
 import { useTheme as d } from "@chaibuilder/sdk";
 import { Button as a } from "@chaibuilder/sdk/ui";
 const P = () => {

package/dist/{theme-panel-footer-BZnPvTkM.cjs → theme-panel-footer-DnZs9SzB.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-Qnh8Lkr0.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-CffopOpP.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/{unmark-as-template-Byn2RRAp.cjs → unmark-as-template-DFxmzyx4.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./index-Qnh8Lkr0.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./index-CffopOpP.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-Dcpkj7EZ.js → unmark-as-template-MpXMyb0Q.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { o as c } from "./index-DFvsMFVH.js";
+import { o as c } from "./index-CguzNa4U.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 }) => {

package/dist/{unpublish-page-CPLlsfm4.js → unpublish-page-Bzouoco9.js}

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { l as d, C as r } from "./index-DFvsMFVH.js";
+import { l as d, C as r } from "./index-CguzNa4U.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 () => {

package/dist/{unpublish-page-5Fi1wKXb.cjs → unpublish-page-CCPyMoaC.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("./index-Qnh8Lkr0.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("./index-CffopOpP.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;

package/dist/use-page-expand-manager-2KjeYfVS.cjs

@@ -0,0 +1 @@
+"use strict";const w=require("jotai"),E=require("react"),d=require("lodash-es");let x=0;function b(t,n){const e=`atom${++x}`,o={toString(){return e}};return typeof t=="function"?o.read=t:(o.init=t,o.read=S,o.write=A),n&&(o.write=n),o}function S(t){return t(this)}function A(t,n,e){return n(this,typeof e=="function"?e(t(this)):e)}const I=Symbol(""),v=t=>typeof(t==null?void 0:t.then)=="function";function C(t=()=>{try{return window.localStorage}catch{return}},n){var e;let o,a;const c={getItem:(l,r)=>{var s,f;const m=p=>{if(p=p||"",o!==p){try{a=JSON.parse(p,n==null?void 0:n.reviver)}catch{return r}o=p}return a},h=(f=(s=t())==null?void 0:s.getItem(l))!=null?f:null;return v(h)?h.then(m):m(h)},setItem:(l,r)=>{var s;return(s=t())==null?void 0:s.setItem(l,JSON.stringify(r,void 0))},removeItem:l=>{var r;return(r=t())==null?void 0:r.removeItem(l)}},u=l=>(r,s,f)=>l(r,m=>{let h;try{h=JSON.parse(m||"")}catch{h=f}s(h)});let i;try{i=(e=t())==null?void 0:e.subscribe}catch{}return!i&&typeof window<"u"&&typeof window.addEventListener=="function"&&window.Storage&&(i=(l,r)=>{if(!(t()instanceof window.Storage))return()=>{};const s=f=>{f.storageArea===t()&&f.key===l&&r(f.newValue)};return window.addEventListener("storage",s),()=>{window.removeEventListener("storage",s)}}),i&&(c.subscribe=u(i)),c}const g=C();function O(t,n,e=g,o){const a=b(n);return a.onMount=u=>{u(e.getItem(t,n));let i;return e.subscribe&&(i=e.subscribe(t,u,n)),i},b(u=>u(a),(u,i,l)=>{const r=typeof l=="function"?l(u(a)):l;return r===I?(i(a,n),e.removeItem(t)):v(r)?r.then(s=>(i(a,s),e.setItem(t,s))):(i(a,r),e.setItem(t,r))})}const k=O("expandedPagesState",[]),y=t=>d.flatMap(t,n=>[n,...n.children?y(n.children):[]]),M=(t,n)=>{const e=(o,a=[])=>{for(const c of o){const u=[...a,c.id];if(c.id===n)return u;if(c.children&&c.children.length>0){const i=e(c.children,u);if(i)return i}}return null};return e(t)||[]},P=(t,n)=>{if(!n)return[];const e=y(t),o=d.find(e,a=>a.id===n);if(o){if(o.parent)return[...P(t,o.parent),n];const a=M(t,n);if(!d.isEmpty(a))return a}return[n]},N=t=>{const n=new Set,e=(o,a=[])=>{o.forEach(c=>{const u=[...a,c.id];c.shouldExpandOnSearch&&u.forEach(i=>n.add(i)),c.children&&!d.isEmpty(c.children)&&e(c.children,u)})};return e(t),Array.from(n)},_=t=>{const[n,e]=w.useAtom(k),o=t?d.includes(n,t):!1,a=E.useCallback(()=>{e(r=>o?d.filter(r,s=>s!==t):[...r,t])},[e,o,t]),c=E.useCallback((r,s)=>{if(!s||d.isEmpty(r))return;const f=y(r),m=P(f,s);if(!Array.isArray(m)||d.isEmpty(m))return;const h=m.slice(0,-1);d.isEmpty(h)||e(p=>d.uniq([...p,...h]))},[e]),u=E.useCallback(r=>{if(d.isEmpty(r))return;const s=N(r);d.isEmpty(s)||e(f=>d.union(f,s))},[e]),i=E.useCallback(r=>{if(d.isEmpty(r))return;const s=d.flatMap(r,f=>{const m=h=>[h.id,...h.children?d.flatMap(h.children,m):[]];return m(f)});e(s)},[e]),l=E.useCallback(()=>{e([])},[e]);return{isExpanded:o,toggleExpanded:a,updateForSelectedPage:c,expandedPages:n,expandPagesOnSearch:u,setExpandedPages:e,expandAll:i,collapseAll:l}};exports.usePageExpandManager=_;