@chaibuilder/pages 0.13.4 → 0.14.0

package/dist/json-diff-viewer-C2GK_BDh.js

@@ -0,0 +1,258 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { Dialog as V, DialogContent as _, DialogHeader as q, DialogTitle as G, Switch as $, ScrollArea as I, Button as z, Badge as P } from "@chaibuilder/sdk/ui";
+import { formatDate as Q } from "date-fns";
+import { startsWith as T, replace as W, isString as X, trim as Y, isArray as Z, map as ee, isPlainObject as te, mapValues as re } from "lodash-es";
+import { FileJson as F, Loader as ne, Check as B, Copy as H } from "lucide-react";
+import { useState as D, useMemo as A } from "react";
+import { parseDiff as se, Diff as le, Hunk as ae } from "react-diff-view";
+import { ai as ie, aj as oe, A as ce, ao as de } from "./index-D7kegQ3M.js";
+import { useQuery as fe } from "@tanstack/react-query";
+function me(t, n) {
+  const o = ie(), s = oe(), u = T(t.uid, "draft:") || T(n.uid, "live:");
+  return fe({
+    queryKey: ["revision-comparison", t.uid, n.uid],
+    queryFn: async () => {
+      if (!t.uid || !n.uid)
+        throw new Error("Both revision IDs are required for comparison");
+      const l = (f) => f === "draft" || f === "live" ? f : "revision", r = (f) => W(f.uid, `${f.label}:`, "");
+      return await s(o, {
+        action: ce.GET_COMPARE_DATA,
+        data: {
+          versions: {
+            version1: { type: l(t.label), id: r(t) },
+            version2: { type: l(n.label), id: r(n) }
+          }
+        }
+      });
+    },
+    enabled: !!t.uid && !!n.uid,
+    staleTime: u ? 0 : 1 / 0
+  });
+}
+const he = ({ version: t }) => {
+  const n = t == null ? void 0 : t.item, { data: o } = de(n == null ? void 0 : n.currentEditor), s = t.label === "live", u = t.label === "draft";
+  return /* @__PURE__ */ h(
+    "span",
+    {
+      className: `flex items-center gap-x-2 rounded border bg-white px-2 text-xs shadow-lg ${s ? "border-green-500/30" : u ? "border-amber-500/30" : "border-purple-500/30"}`,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "h-full items-center rounded px-1.5 py-0.5 font-medium capitalize" + (s ? " bg-green-500 text-green-50" : u ? " bg-amber-500 text-amber-50" : " bg-purple-500 text-purple-50"),
+            children: t.label
+          }
+        ),
+        /* @__PURE__ */ h("div", { className: "py-1 text-xs font-light leading-none text-gray-800", children: [
+          /* @__PURE__ */ h("div", { children: [
+            /* @__PURE__ */ e("span", { className: "font-light opacity-90", children: u ? "Currently editing" : "Published by" }),
+            !u && /* @__PURE__ */ e("span", { className: "pl-1 font-medium", children: (o == null ? void 0 : o.name) || "Unknown" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "text-[10px] leading-tight", children: Q(n.createdAt, "dd MMM yyyy, h:mm a") })
+        ] })
+      ]
+    }
+  );
+}, K = ({ version: t }) => /* @__PURE__ */ e(he, { version: t });
+function ue(t, n, o = "data.json") {
+  const s = JSON.stringify(t, null, 2), u = JSON.stringify(n, null, 2), l = s.split(`
+`), r = u.split(`
+`);
+  let d = `--- a/${o}
+`;
+  d += `+++ b/${o}
+`;
+  const f = [];
+  let c = 0, p = 0;
+  for (; c < l.length || p < r.length; ) {
+    const g = l[c] || "", N = r[p] || "";
+    if (g === N)
+      f.push(` ${g}`), c++, p++;
+    else {
+      let m = -1, x = -1;
+      for (let a = c + 1; a < l.length; a++)
+        if (r[p] === l[a]) {
+          m = a;
+          break;
+        }
+      for (let a = p + 1; a < r.length; a++)
+        if (l[c] === r[a]) {
+          x = a;
+          break;
+        }
+      if (m !== -1 && (x === -1 || m - c <= x - p)) {
+        for (let a = c; a < m; a++)
+          f.push(`-${l[a]}`);
+        c = m;
+      } else if (x !== -1) {
+        for (let a = p; a < x; a++)
+          f.push(`+${r[a]}`);
+        p = x;
+      } else
+        g && f.push(`-${g}`), N && f.push(`+${N}`), c++, p++;
+    }
+  }
+  const y = l.length, j = r.length;
+  return d += `@@ -1,${y} +1,${j} @@
+`, d += f.join(`
+`) + `
+`, d;
+}
+function S(t, n = !0, o = !1) {
+  if (X(t)) {
+    const s = Y(t);
+    if (T(s, "{") || T(s, "[") || n && (s === "true" || s === "false" || s === "null" || /^-?\d+(\.\d+)?([eE][+-]?\d+)?$/.test(s)))
+      try {
+        const l = JSON.parse(s);
+        return S(l, n, o);
+      } catch {
+        if (o)
+          throw new Error(`Invalid JSON string: ${s}`);
+        return {};
+      }
+    return t;
+  }
+  return Z(t) ? ee(t, (s) => S(s, n, o)) : te(t) ? re(t, (s) => S(s, n, o)) : t;
+}
+const pe = (t) => {
+  switch (t) {
+    case "blocks":
+      return "Blocks";
+    case "seo":
+      return "SEO";
+    case "tracking":
+      return "Tracking";
+    default:
+      return t;
+  }
+}, ge = (t, n) => {
+  if (!t || !n) return [{ key: "blocks", label: "Blocks" }];
+  const o = Object.keys(t), s = Object.keys(n);
+  return o.filter((r) => s.includes(r)).map((r) => ({ key: r, label: pe(r) })).filter((r) => r.key.length > 0);
+}, xe = (t, n = 3) => {
+  const o = /* @__PURE__ */ new Set();
+  t.map((r, d) => ({ change: r, index: d })).filter(({ change: r }) => r.type !== "normal").map(({ index: r }) => r).forEach((r) => {
+    const d = Math.max(0, r - n), f = Math.min(t.length - 1, r + n);
+    for (let c = d; c <= f; c++)
+      o.add(c);
+  });
+  const u = [];
+  let l = -1;
+  return t.forEach((r, d) => {
+    if (o.has(d)) {
+      if (l !== -1 && d - l > 1) {
+        const f = t[l].lineNumber != null ? t[l].lineNumber + 1 : l + 2, c = t[d].lineNumber != null ? t[d].lineNumber - 1 : d;
+        u.push({
+          content: /* @__PURE__ */ e(P, { className: "pointer-events-none w-60 -translate-x-1/2 cursor-default border-none bg-transparent py-1 shadow-none", children: /* @__PURE__ */ h("span", { className: "rounded border border-border bg-muted px-3 py-1 text-xs font-light leading-none text-muted-foreground", children: [
+            "No changes from ",
+            f,
+            " to ",
+            c,
+            " line"
+          ] }) })
+        });
+      }
+      u.push(r), l = d;
+    }
+  }), u;
+};
+function Te({ open: t, compare: n, onOpenChange: o }) {
+  const s = n[0], u = n[1], [l, r] = D(null), [d, f] = D("split"), [c, p] = D(!1), [y, j] = D(!0), [g, N] = D("blocks"), { data: m, isLoading: x } = me(s, u), { leftData: a, rightData: w, options: U } = A(() => {
+    var b, R;
+    const i = (b = m == null ? void 0 : m.version1) == null ? void 0 : b[g], v = (R = m == null ? void 0 : m.version2) == null ? void 0 : R[g], k = S(i), C = S(v), J = ge(m == null ? void 0 : m.version1, m == null ? void 0 : m.version2);
+    return { leftData: k, rightData: C, options: J };
+  }, [m, g]), O = A(() => !a || !w ? "" : ue(a, w), [a, w]), E = A(() => {
+    if (!O) return [];
+    try {
+      return se(O);
+    } catch (i) {
+      return console.error("Failed to parse diff:", i), [];
+    }
+  }, [O]), L = async (i, v) => {
+    try {
+      await navigator.clipboard.writeText(JSON.stringify(i, null, 2)), r(v), setTimeout(() => r(null), 2e3);
+    } catch (k) {
+      console.error("Failed to copy:", k);
+    }
+  }, M = (i) => JSON.stringify(i, null, 2);
+  return /* @__PURE__ */ e(V, { open: t, onOpenChange: o, children: /* @__PURE__ */ h(_, { className: "flex h-[90vh] w-[95vw] max-w-[1900px] flex-col p-6", children: [
+    /* @__PURE__ */ e(q, { className: "pb-4 pt-0", children: /* @__PURE__ */ h(G, { className: "flex items-center justify-between gap-2 leading-none", children: [
+      /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(F, { className: "h-5 w-5" }),
+        "Compare",
+        "",
+        U.map((i) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: `cursor-pointer rounded-full border px-2.5 py-1 text-xs leading-none ${g === i.key ? "border-blue-500 bg-blue-500 text-white" : "border-gray-600 text-gray-600 hover:bg-gray-200"}`,
+            onClick: () => N(i.key),
+            children: i.label
+          },
+          i.key
+        ))
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-end pr-8", children: /* @__PURE__ */ h("div", { className: "flex w-max items-center justify-end gap-2 rounded-md border px-1.5 py-1", children: [
+        /* @__PURE__ */ h("div", { className: "flex items-center gap-2 px-2 py-1", children: [
+          /* @__PURE__ */ e(
+            $,
+            {
+              disabled: c,
+              checked: c ? !0 : d === "split",
+              onCheckedChange: (i) => f(i ? "split" : "unified")
+            }
+          ),
+          /* @__PURE__ */ e("label", { className: "text-sm", children: "Split View" })
+        ] }),
+        /* @__PURE__ */ h("div", { className: "flex items-center gap-2 px-2 py-1", children: [
+          /* @__PURE__ */ e($, { checked: c, onCheckedChange: (i) => p(i) }),
+          /* @__PURE__ */ e("label", { className: "text-sm", children: "Show Raw Data" })
+        ] }),
+        /* @__PURE__ */ h("div", { className: "flex items-center gap-2 px-2 py-1", children: [
+          /* @__PURE__ */ e($, { checked: y, onCheckedChange: (i) => j(i) }),
+          /* @__PURE__ */ e("label", { className: "text-sm", children: "Hide Common Data" })
+        ] })
+      ] }) })
+    ] }) }),
+    x ? /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ e(ne, { className: "h-6 w-6 animate-spin text-primary" }) }) : /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ h("div", { className: "relative min-h-0 flex-1", children: [
+      /* @__PURE__ */ h("div", { className: "absolute -top-5 z-50 mt-0.5 flex w-full items-center justify-between gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "flex w-1/2 items-center justify-center gap-2", children: /* @__PURE__ */ e(K, { version: s }) }),
+        /* @__PURE__ */ e("div", { className: "flex w-1/2 items-center justify-center gap-2", children: /* @__PURE__ */ e(K, { version: u }) })
+      ] }),
+      c ? /* @__PURE__ */ h("div", { className: "grid h-full grid-cols-2 gap-3 rounded-lg border", children: [
+        /* @__PURE__ */ h("div", { className: "relative flex min-h-0 flex-col border-r", children: [
+          /* @__PURE__ */ e("div", { className: "absolute -top-4 right-4 z-50", children: /* @__PURE__ */ h(z, { variant: "outline", size: "sm", onClick: () => L(a, "left"), children: [
+            l === "left" ? /* @__PURE__ */ e(B, { className: "text-green-500" }) : /* @__PURE__ */ e(H, {}),
+            "Copy"
+          ] }) }),
+          /* @__PURE__ */ e(I, { className: "flex-1 rounded-lg bg-slate-50 p-3 dark:bg-slate-900", children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-xs", children: M(a) }) })
+        ] }),
+        /* @__PURE__ */ h("div", { className: "relative flex min-h-0 flex-col", children: [
+          /* @__PURE__ */ e("div", { className: "absolute -top-4 right-4 z-50", children: /* @__PURE__ */ h(z, { variant: "outline", size: "sm", onClick: () => L(w, "right"), children: [
+            l === "right" ? /* @__PURE__ */ e(B, { className: "text-green-500" }) : /* @__PURE__ */ e(H, {}),
+            "Copy"
+          ] }) }),
+          /* @__PURE__ */ e(I, { className: "flex-1 rounded-lg bg-slate-50 p-3 dark:bg-slate-900", children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-xs", children: M(w) }) })
+        ] })
+      ] }) : /* @__PURE__ */ e(I, { className: "h-full overflow-y-auto rounded-lg border bg-slate-50 text-xs dark:bg-slate-900", children: E.length === 0 ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center p-6", children: /* @__PURE__ */ h("div", { className: "text-center text-muted-foreground", children: [
+        /* @__PURE__ */ e(F, { className: "mx-auto mb-2 h-8 w-8 opacity-50" }),
+        /* @__PURE__ */ e("p", { children: "No differences found or unable to parse diff" })
+      ] }) }) : /* @__PURE__ */ e("div", { children: E.map((i, v) => /* @__PURE__ */ e("div", { className: "relative mb-4", children: /* @__PURE__ */ e(
+        le,
+        {
+          viewType: d,
+          diffType: i.type,
+          hunks: i.hunks,
+          className: "rounded-lg text-xs",
+          children: (k) => k.map((C, J) => {
+            const b = y ? xe(C.changes) : C.changes;
+            return (b == null ? void 0 : b.length) === 0 ? /* @__PURE__ */ e("div", { className: "absolute h-full w-full border-l pt-64 text-center font-sans text-sm", children: /* @__PURE__ */ e("span", { children: "No difference found" }) }) : /* @__PURE__ */ e(ae, { hunk: { ...C, changes: b } }, J);
+          })
+        },
+        y ? "hide-common-data" : "show-common-data"
+      ) }, v)) }) })
+    ] }) })
+  ] }) });
+}
+export {
+  Te as default
+};

package/dist/lang-panel-CPFS1ssC.js

@@ -0,0 +1,218 @@
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
+import { ar as M, h as k, L as I, as as j, g as F, ak as H, e as O, at as g, au as c, C as x } from "./index-D7kegQ3M.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-D8xhYESu.js")), fe = U(() => import("./unpublish-page-CNwIU6AS.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-CePltxo2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-LU0FTfeN.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-Cf88UkqJ.cjs"))),k=r.lazy(()=>Promise.resolve().then(()=>require("./unpublish-page-DzLtZcNw.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-DeB23sWR.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("./index-LU0FTfeN.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-jdwcgRIB.js

@@ -0,0 +1,146 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { n as A, h as P } from "./index-D7kegQ3M.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
+};