@chaibuilder/pages 0.13.2 → 0.13.4

package/dist/page-revisions-content-_-Nd4U11.js

@@ -0,0 +1,712 @@
+import { jsx as e, jsxs as n, Fragment as k } from "react/jsx-runtime";
+import { Dialog as X, DialogContent as Z, DialogHeader as ee, DialogTitle as te, Switch as B, ScrollArea as V, Button as v, Badge as Ne, SheetHeader as be, SheetTitle as ye, Skeleton as L, DropdownMenu as ve, DropdownMenuTrigger as we, DropdownMenuContent as Ce, DropdownMenuItem as ae, DropdownMenuSeparator as De, DialogDescription as oe, DialogFooter as ue } from "@chaibuilder/sdk/ui";
+import { formatDate as Se, format as q, formatDistanceToNow as ke } from "date-fns";
+import { replace as Ee, isString as Re, trim as Te, startsWith as se, isArray as Oe, map as Ie, isPlainObject as Me, mapValues as Ae, isEmpty as $e } from "lodash-es";
+import { FileJson as W, Loader as je, Check as le, Copy as re, Eye as _e, MoreHorizontal as Fe, Undo2 as me, Trash as he, CloudOff as Je, Rocket as Le, Save as Ue, X as Ve } from "lucide-react";
+import * as U from "react";
+import { useState as A, useMemo as Q, useEffect as ie } from "react";
+import { parseDiff as ze, Diff as qe, Hunk as Ge } from "react-diff-view";
+import { X as G, Y as H, Z as j, _ as K, a0 as fe, a1 as He, a2 as Ke, a3 as Y, a4 as z } from "./index-C4j31Yhz.js";
+import { useQuery as pe, useQueryClient as ne, useMutation as ge } from "@tanstack/react-query";
+import { useChaiFeatureFlag as Pe, useLanguages as Be, useSavePage as Qe } from "@chaibuilder/sdk";
+function We(t, a) {
+  const l = G(), s = H();
+  return pe({
+    queryKey: ["revision-comparison", t.uid, a.uid],
+    queryFn: async () => {
+      if (!t.uid || !a.uid)
+        throw new Error("Both revision IDs are required for comparison");
+      const c = (o) => o === "draft" || o === "live" ? o : "revision", d = (o) => Ee(o.uid, `${o.label}:`, "");
+      return await s(l, {
+        action: j.GET_COMPARE_DATA,
+        data: {
+          versions: {
+            version1: { type: c(t.label), id: d(t) },
+            version2: { type: c(a.label), id: d(a) }
+          }
+        }
+      });
+    },
+    enabled: !!t.uid && !!a.uid,
+    gcTime: 0,
+    staleTime: 0
+  });
+}
+const Ye = ({ version: t }) => {
+  const a = t == null ? void 0 : t.item, { data: l } = K(a == null ? void 0 : a.currentEditor), s = t.label === "live", c = t.label === "draft";
+  return /* @__PURE__ */ n(
+    "span",
+    {
+      className: `flex items-center gap-x-2 rounded border bg-white px-2 text-xs shadow-lg ${s ? "border-green-500/30" : c ? "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" : c ? " bg-amber-500 text-amber-50" : " bg-purple-500 text-purple-50"),
+            children: t.label
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "py-1 text-xs font-light leading-none text-gray-800", children: [
+          /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ e("span", { className: "font-light opacity-90", children: c ? "Currently editing" : "Published by" }),
+            !c && /* @__PURE__ */ e("span", { className: "pl-1 font-medium", children: (l == null ? void 0 : l.name) || "Unknown" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "text-[10px] leading-tight", children: Se(a.createdAt, "dd MMM yyyy, h:mm a") })
+        ] })
+      ]
+    }
+  );
+}, ce = ({ version: t }) => /* @__PURE__ */ e(Ye, { version: t });
+function Xe(t, a, l = "data.json") {
+  const s = JSON.stringify(t, null, 2), c = JSON.stringify(a, null, 2), d = s.split(`
+`), i = c.split(`
+`);
+  let o = `--- a/${l}
+`;
+  o += `+++ b/${l}
+`;
+  const h = [];
+  let r = 0, f = 0;
+  for (; r < d.length || f < i.length; ) {
+    const x = d[r] || "", w = i[f] || "";
+    if (x === w)
+      h.push(` ${x}`), r++, f++;
+    else {
+      let u = -1, N = -1;
+      for (let m = r + 1; m < d.length; m++)
+        if (i[f] === d[m]) {
+          u = m;
+          break;
+        }
+      for (let m = f + 1; m < i.length; m++)
+        if (d[r] === i[m]) {
+          N = m;
+          break;
+        }
+      if (u !== -1 && (N === -1 || u - r <= N - f)) {
+        for (let m = r; m < u; m++)
+          h.push(`-${d[m]}`);
+        r = u;
+      } else if (N !== -1) {
+        for (let m = f; m < N; m++)
+          h.push(`+${i[m]}`);
+        f = N;
+      } else
+        x && h.push(`-${x}`), w && h.push(`+${w}`), r++, f++;
+    }
+  }
+  const b = d.length, E = i.length;
+  return o += `@@ -1,${b} +1,${E} @@
+`, o += h.join(`
+`) + `
+`, o;
+}
+function $(t, a = !0, l = !1) {
+  if (Re(t)) {
+    const s = Te(t);
+    if (se(s, "{") || se(s, "[") || a && (s === "true" || s === "false" || s === "null" || /^-?\d+(\.\d+)?([eE][+-]?\d+)?$/.test(s)))
+      try {
+        const d = JSON.parse(s);
+        return $(d, a, l);
+      } catch {
+        if (l)
+          throw new Error(`Invalid JSON string: ${s}`);
+        return {};
+      }
+    return t;
+  }
+  return Oe(t) ? Ie(t, (s) => $(s, a, l)) : Me(t) ? Ae(t, (s) => $(s, a, l)) : t;
+}
+const Ze = (t) => {
+  switch (t) {
+    case "blocks":
+      return "Blocks";
+    case "seo":
+      return "SEO";
+    case "tracking":
+      return "Tracking";
+    default:
+      return t;
+  }
+}, et = (t, a) => {
+  if (!t || !a) return [{ key: "blocks", label: "Blocks" }];
+  const l = Object.keys(t), s = Object.keys(a);
+  return l.filter((i) => s.includes(i)).map((i) => ({ key: i, label: Ze(i) })).filter((i) => i.key.length > 0);
+}, tt = (t, a = 3) => {
+  const l = /* @__PURE__ */ new Set();
+  t.map((i, o) => ({ change: i, index: o })).filter(({ change: i }) => i.type !== "normal").map(({ index: i }) => i).forEach((i) => {
+    const o = Math.max(0, i - a), h = Math.min(t.length - 1, i + a);
+    for (let r = o; r <= h; r++)
+      l.add(r);
+  });
+  const c = [];
+  let d = -1;
+  return t.forEach((i, o) => {
+    if (l.has(o)) {
+      if (d !== -1 && o - d > 1) {
+        const h = t[d].lineNumber != null ? t[d].lineNumber + 1 : d + 2, r = t[o].lineNumber != null ? t[o].lineNumber - 1 : o;
+        c.push({
+          content: /* @__PURE__ */ e(Ne, { className: "pointer-events-none w-60 -translate-x-1/2 cursor-default border-none bg-transparent py-1 shadow-none", children: /* @__PURE__ */ n("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 ",
+            h,
+            " to ",
+            r,
+            " line"
+          ] }) })
+        });
+      }
+      c.push(i), d = o;
+    }
+  }), c;
+};
+function nt({ open: t, compare: a, onOpenChange: l }) {
+  const s = a[0], c = a[1], [d, i] = A(null), [o, h] = A("split"), [r, f] = A(!1), [b, E] = A(!1), [x, w] = A("blocks"), { data: u, isLoading: N } = We(s, c), { leftData: m, rightData: R, options: _ } = Q(() => {
+    var y, g;
+    const p = (y = u == null ? void 0 : u.version1) == null ? void 0 : y[x], D = (g = u == null ? void 0 : u.version2) == null ? void 0 : g[x], S = $(p), T = $(D), M = et(u == null ? void 0 : u.version1, u == null ? void 0 : u.version2);
+    return { leftData: S, rightData: T, options: M };
+  }, [u, x]), C = Q(() => !m || !R ? "" : Xe(m, R), [m, R]), F = Q(() => {
+    if (!C) return [];
+    try {
+      return ze(C);
+    } catch (p) {
+      return console.error("Failed to parse diff:", p), [];
+    }
+  }, [C]), J = async (p, D) => {
+    try {
+      await navigator.clipboard.writeText(JSON.stringify(p, null, 2)), i(D), setTimeout(() => i(null), 2e3);
+    } catch (S) {
+      console.error("Failed to copy:", S);
+    }
+  }, I = (p) => JSON.stringify(p, null, 2);
+  return /* @__PURE__ */ e(X, { open: t, onOpenChange: l, children: /* @__PURE__ */ n(Z, { className: "flex h-[90vh] w-[95vw] max-w-[1900px] flex-col p-6", children: [
+    /* @__PURE__ */ e(ee, { className: "pb-4 pt-0", children: /* @__PURE__ */ n(te, { className: "flex items-center justify-between gap-2 leading-none", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(W, { className: "h-5 w-5" }),
+        "Compare",
+        "",
+        _.map((p) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: `cursor-pointer rounded-full border px-2.5 py-1 text-xs leading-none ${x === p.key ? "border-blue-500 bg-blue-500 text-white" : "border-gray-600 text-gray-600 hover:bg-gray-200"}`,
+            onClick: () => w(p.key),
+            children: p.label
+          },
+          p.key
+        ))
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-end pr-8", children: /* @__PURE__ */ n("div", { className: "flex w-max items-center justify-end gap-2 rounded-md border px-1.5 py-1", children: [
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-2 py-1", children: [
+          /* @__PURE__ */ e(
+            B,
+            {
+              disabled: r,
+              checked: r ? !0 : o === "split",
+              onCheckedChange: (p) => h(p ? "split" : "unified")
+            }
+          ),
+          /* @__PURE__ */ e("label", { className: "text-sm", children: "Split View" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-2 py-1", children: [
+          /* @__PURE__ */ e(B, { checked: r, onCheckedChange: (p) => f(p) }),
+          /* @__PURE__ */ e("label", { className: "text-sm", children: "Show Raw Data" })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2 px-2 py-1", children: [
+          /* @__PURE__ */ e(B, { checked: b, onCheckedChange: (p) => E(p) }),
+          /* @__PURE__ */ e("label", { className: "text-sm", children: "Hide Common Data" })
+        ] })
+      ] }) })
+    ] }) }),
+    N ? /* @__PURE__ */ e("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ e(je, { className: "h-6 w-6 animate-spin text-primary" }) }) : /* @__PURE__ */ e("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ n("div", { className: "relative min-h-0 flex-1", children: [
+      /* @__PURE__ */ n("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(ce, { version: s }) }),
+        /* @__PURE__ */ e("div", { className: "flex w-1/2 items-center justify-center gap-2", children: /* @__PURE__ */ e(ce, { version: c }) })
+      ] }),
+      r ? /* @__PURE__ */ n("div", { className: "grid h-full grid-cols-2 gap-3 rounded-lg border", children: [
+        /* @__PURE__ */ n("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__ */ n(v, { variant: "outline", size: "sm", onClick: () => J(m, "left"), children: [
+            d === "left" ? /* @__PURE__ */ e(le, { className: "text-green-500" }) : /* @__PURE__ */ e(re, {}),
+            "Copy"
+          ] }) }),
+          /* @__PURE__ */ e(V, { 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: I(m) }) })
+        ] }),
+        /* @__PURE__ */ n("div", { className: "relative flex min-h-0 flex-col", children: [
+          /* @__PURE__ */ e("div", { className: "absolute -top-4 right-4 z-50", children: /* @__PURE__ */ n(v, { variant: "outline", size: "sm", onClick: () => J(R, "right"), children: [
+            d === "right" ? /* @__PURE__ */ e(le, { className: "text-green-500" }) : /* @__PURE__ */ e(re, {}),
+            "Copy"
+          ] }) }),
+          /* @__PURE__ */ e(V, { 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: I(R) }) })
+        ] })
+      ] }) : /* @__PURE__ */ e(V, { className: "h-full overflow-y-auto rounded-lg border bg-slate-50 text-xs dark:bg-slate-900", children: F.length === 0 ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center p-6", children: /* @__PURE__ */ n("div", { className: "text-center text-muted-foreground", children: [
+        /* @__PURE__ */ e(W, { 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: F.map((p, D) => /* @__PURE__ */ e("div", { className: "relative mb-4", children: /* @__PURE__ */ e(
+        qe,
+        {
+          viewType: o,
+          diffType: p.type,
+          hunks: p.hunks,
+          className: "rounded-lg text-xs",
+          children: (S) => S.map((T, M) => {
+            const y = b ? tt(T.changes) : T.changes;
+            return (y == null ? void 0 : y.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(Ge, { hunk: { ...T, changes: y } }, M);
+          })
+        },
+        b ? "hide-common-data" : "show-common-data"
+      ) }, D)) }) })
+    ] }) })
+  ] }) });
+}
+function at(t) {
+  const a = G(), l = H();
+  return pe({
+    queryKey: ["revisions", t],
+    queryFn: async () => await l(a, {
+      action: j.GET_PAGE_REVISIONS,
+      data: { pageId: t }
+    }),
+    enabled: !!t,
+    gcTime: 0,
+    refetchOnMount: !0
+  });
+}
+const st = () => {
+  const t = G(), a = H(), l = ne();
+  return ge({
+    mutationFn: async (s) => await a(t, {
+      action: j.DELETE_PAGE_REVISION,
+      data: { revisionId: s }
+    }),
+    onSuccess: () => {
+      l.invalidateQueries({
+        queryKey: ["revisions"]
+      });
+    }
+  });
+}, lt = () => {
+  const t = G(), a = H(), l = ne();
+  return ge({
+    mutationFn: async ({ revisionId: s, discardCurrent: c }) => await a(t, {
+      action: j.RESTORE_PAGE_REVISION,
+      data: { revisionId: s, discardCurrent: c }
+    }),
+    onSuccess: () => {
+      l.invalidateQueries({
+        queryKey: ["revisions"]
+      });
+    }
+  });
+}, O = ({ tag: t }) => t === "draft" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-1 rounded-full bg-amber-500/10 px-1.5 py-0.5 text-xs text-amber-600", children: [
+  /* @__PURE__ */ n("span", { className: "relative flex h-2 w-2", children: [
+    /* @__PURE__ */ e("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-amber-400 opacity-75" }),
+    /* @__PURE__ */ e("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-amber-500" })
+  ] }),
+  /* @__PURE__ */ e("span", { className: "text-[11px] leading-tight", children: "Draft" })
+] }) : t === "live" ? /* @__PURE__ */ n("span", { className: "flex items-center gap-1 rounded-full bg-primary/10 px-1.5 py-0.5 text-xs text-primary", children: [
+  /* @__PURE__ */ n("span", { className: "relative flex h-2 w-2", children: [
+    /* @__PURE__ */ e("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-green-400 opacity-75" }),
+    /* @__PURE__ */ e("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-green-500" })
+  ] }),
+  /* @__PURE__ */ e("span", { className: "text-[11px] leading-tight", children: "Live" })
+] }) : t === "published" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-1 rounded-full bg-green-500/10 px-1.5 py-0.5 text-xs text-green-600", children: [
+  /* @__PURE__ */ e(Le, { className: "h-3 w-3" }),
+  /* @__PURE__ */ e("span", { className: "text-[11px] leading-tight", children: "Published" })
+] }) : t === "unsaved" ? /* @__PURE__ */ n("div", { className: "flex items-center gap-1 rounded-full bg-red-500/10 px-1.5 py-0.5 text-xs text-red-600", children: [
+  /* @__PURE__ */ e(Ue, { className: "h-3 w-3" }),
+  /* @__PURE__ */ e("span", { className: "text-[11px] leading-tight", children: "Unsaved changes" })
+] }) : /* @__PURE__ */ e("span", { className: "rounded bg-purple-500/10 px-1.5 py-0.5 font-mono text-xs font-bold text-purple-600", children: t });
+function rt({ compare: t, setCompare: a, isComparisonEnabled: l }) {
+  const { data: s } = fe(), { saveState: c } = Qe(), [d] = Ke();
+  if (!s) return null;
+  const i = !!t.find((r) => {
+    var f;
+    return (f = r == null ? void 0 : r.uid) == null ? void 0 : f.startsWith("draft:");
+  }), o = t.length >= 2 && !i, h = c === "UNSAVED";
+  return /* @__PURE__ */ n("div", { className: "relative flex items-start gap-3 rounded-md border bg-primary/5 p-2 hover:bg-accent/50", children: [
+    /* @__PURE__ */ n("div", { className: "flex-1 space-y-1", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-1 text-sm font-medium leading-none", children: [
+        /* @__PURE__ */ e(O, { tag: "draft" }),
+        /* @__PURE__ */ e("span", { className: "text-xs font-bold", children: "Currently editing" })
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "flex items-center pl-2 text-[11px] text-muted-foreground", children: !$e(d.lastSaved) && /* @__PURE__ */ n("span", { children: [
+        "Last updated",
+        " ",
+        ke(new Date(d.lastSaved), {
+          addSuffix: !0
+        })
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 pt-0.5", children: h ? /* @__PURE__ */ e(O, { tag: "unsaved" }) : null })
+    ] }),
+    l && /* @__PURE__ */ e(
+      xe,
+      {
+        checked: i,
+        disabled: o,
+        onChange: () => {
+          a(i ? t.filter((r) => r.uid !== `draft:${s == null ? void 0 : s.id}`) : [
+            ...t,
+            { uid: `draft:${s == null ? void 0 : s.id}`, label: "draft", item: { createdAt: Date.now() } }
+          ]);
+        }
+      }
+    )
+  ] });
+}
+function it() {
+  return /* @__PURE__ */ e("div", { className: "mt-2 space-y-2", children: Array.from({ length: 5 }).map((t, a) => /* @__PURE__ */ n("div", { className: "flex items-start gap-3 rounded-md border p-2", children: [
+    /* @__PURE__ */ n("div", { className: "flex-1 space-y-1", children: [
+      /* @__PURE__ */ e(L, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ e(L, { className: "h-3 w-1/2" }),
+      /* @__PURE__ */ e(L, { className: "mt-1 h-5 w-20" })
+    ] }),
+    /* @__PURE__ */ e(L, { className: "h-8 w-8 rounded-full" })
+  ] }, a)) });
+}
+function de({
+  revision: t,
+  isLatest: a,
+  onRestore: l,
+  onDelete: s,
+  revisionNumber: c,
+  compare: d,
+  setCompare: i,
+  pageId: o,
+  pageLiveFullSlug: h,
+  isComparisonEnabled: r,
+  lang: f
+}) {
+  const { data: b } = K(t.currentEditor), E = (b == null ? void 0 : b.name) || "Unknown", x = !!d.find((u) => {
+    var N;
+    return a ? (N = u == null ? void 0 : u.uid) == null ? void 0 : N.startsWith("live") : (u == null ? void 0 : u.uid) === t.uid;
+  }), w = d.length >= 2 && !x;
+  return /* @__PURE__ */ n("div", { className: "relative flex items-start gap-3 rounded-md border p-2 hover:bg-accent/50", children: [
+    /* @__PURE__ */ n("div", { className: "flex-1 space-y-3", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ n("p", { className: "flex items-center gap-1 text-xs leading-none", children: [
+        r && /* @__PURE__ */ e(O, { tag: a ? "live" : `#${c}` }),
+        t.type === "published" ? "Published" : "Draft",
+        " by ",
+        /* @__PURE__ */ e("span", { className: "text-xs font-bold", children: E }),
+        !r && a && /* @__PURE__ */ e(O, { tag: "live" })
+      ] }) }),
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: t.type === "published" ? /* @__PURE__ */ e(O, { tag: "published" }) : /* @__PURE__ */ e(O, { tag: "draft" }) }),
+        /* @__PURE__ */ e("div", { className: "flex items-center text-[10px] text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "leading-tight", children: q(t.createdAt, "MMM d, h:mm a") }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+      t.type !== "draft" && r && /* @__PURE__ */ e(
+        "a",
+        {
+          target: "_blank",
+          href: a ? h : `/revision/revision:${t.uid}:${c}?lang=${f}`,
+          children: /* @__PURE__ */ n(v, { variant: "ghost", size: "icon", className: "h-4 w-4 hover:text-blue-500", children: [
+            /* @__PURE__ */ e(_e, { className: "h-3 w-3" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: "View this version" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ e(Y, { permissions: [z.RESTORE_REVISION, z.DELETE_REVISION], children: /* @__PURE__ */ e(dt, { revision: t, onRestore: l, onDelete: s }) })
+    ] }),
+    r && /* @__PURE__ */ e(
+      xe,
+      {
+        checked: x,
+        disabled: w,
+        onChange: () => {
+          i(
+            x ? d.filter((u) => a ? u.uid !== `live:${o}` : u.uid !== t.uid) : [
+              ...d,
+              {
+                uid: a ? `live:${o}` : t.uid,
+                label: a ? "live" : `#${c}`,
+                item: t
+              }
+            ].sort((u, N) => new Date(u.item.createdAt).getTime() - new Date(N.item.createdAt).getTime())
+          );
+        }
+      }
+    )
+  ] });
+}
+function ct({ compare: t, setCompare: a, pageId: l }) {
+  const [s, c] = A(!1), [d, i] = t;
+  if (t.length === 0) return null;
+  const o = ({ tab: h }) => /* @__PURE__ */ n("span", { className: "flex items-center justify-between rounded border border-blue-100 p-1 font-medium", children: [
+    /* @__PURE__ */ e(O, { tag: h.label }),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        className: "z-0 flex h-4 w-4 items-center justify-center rounded-full text-gray-400 hover:text-red-500",
+        style: { lineHeight: 1 },
+        onClick: () => a(t.filter((r) => r.uid !== h.uid)),
+        "aria-label": "Remove selection 1",
+        children: /* @__PURE__ */ e(Ve, { className: "h-3 w-3" })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ n("div", { className: "mb-2 flex w-full max-w-md flex-col gap-1 rounded border bg-accent/60 p-2 shadow-sm", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-x-2 text-xs", children: [
+      /* @__PURE__ */ e("span", { className: "font-medium leading-tight text-gray-600", children: "Compare" }),
+      d && /* @__PURE__ */ e(o, { tab: d }),
+      /* @__PURE__ */ e("span", { className: "font-medium leading-tight text-gray-600", children: "with" }),
+      i ? /* @__PURE__ */ e(o, { tab: i }) : /* @__PURE__ */ e("span", { className: "rounded border px-1 text-xs text-muted-foreground", children: "Choose another" })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-end gap-2 pb-0.5 pt-2", children: [
+      /* @__PURE__ */ e(
+        v,
+        {
+          size: "sm",
+          className: "h-6 gap-1 rounded px-2 text-xs leading-none text-gray-500",
+          variant: "outline",
+          onClick: () => a([]),
+          children: /* @__PURE__ */ e("span", { children: " Clear" })
+        }
+      ),
+      /* @__PURE__ */ n(
+        v,
+        {
+          size: "sm",
+          className: "h-6 gap-1 rounded px-2 text-xs leading-none",
+          variant: "default",
+          onClick: () => c(!0),
+          disabled: t.length < 2,
+          children: [
+            /* @__PURE__ */ e(W, { className: "h-2.5 w-2.5" }),
+            /* @__PURE__ */ e("span", { className: "pt-0.5", children: "Show JSON Diff" })
+          ]
+        }
+      )
+    ] }),
+    s && (t == null ? void 0 : t.length) > 1 && l && /* @__PURE__ */ e(nt, { open: s, onOpenChange: c, compare: t })
+  ] });
+}
+function xe({ checked: t, disabled: a, onChange: l, label: s = "Compare" }) {
+  return /* @__PURE__ */ e("div", { className: "absolute bottom-2 right-2", children: /* @__PURE__ */ n("label", { className: `flex cursor-pointer items-center gap-x-1 text-[11px] ${a ? "opacity-50" : ""}`, children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        type: "checkbox",
+        className: "h-3 w-3 cursor-pointer rounded focus:ring-0 focus:ring-offset-0",
+        checked: t,
+        disabled: a,
+        onChange: l
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "select-none leading-tight", children: s })
+  ] }) });
+}
+function dt({ revision: t, onRestore: a, onDelete: l }) {
+  return /* @__PURE__ */ n(ve, { children: [
+    /* @__PURE__ */ e(we, { asChild: !0, children: /* @__PURE__ */ n(v, { variant: "ghost", size: "icon", className: "h-5 w-5", children: [
+      /* @__PURE__ */ e(Fe, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "More options" })
+    ] }) }),
+    /* @__PURE__ */ n(Ce, { align: "end", className: "text-xs", children: [
+      /* @__PURE__ */ e(Y, { permission: z.RESTORE_REVISION, children: /* @__PURE__ */ n(ae, { onClick: a, className: "cursor-pointer text-sm", children: [
+        /* @__PURE__ */ e(me, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e("span", { children: "Restore this version" })
+      ] }) }),
+      /* @__PURE__ */ e(Y, { permission: z.DELETE_REVISION, children: t.uid !== "current" && /* @__PURE__ */ n(k, { children: [
+        /* @__PURE__ */ e(De, {}),
+        /* @__PURE__ */ n(ae, { onClick: l, className: "cursor-pointer text-destructive", children: [
+          /* @__PURE__ */ e(he, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ e("span", { children: "Delete this version" })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function ot({
+  open: t,
+  onOpenChange: a,
+  revision: l,
+  onRestore: s,
+  isRestoring: c
+}) {
+  const { data: d } = K((l == null ? void 0 : l.currentEditor) || ""), i = (d == null ? void 0 : d.name) || "Unknown";
+  return l ? /* @__PURE__ */ e(
+    X,
+    {
+      open: t,
+      onOpenChange: (o) => {
+        c || a(o);
+      },
+      children: /* @__PURE__ */ n(Z, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ n(ee, { children: [
+          /* @__PURE__ */ e(te, { children: "Restore Revision" }),
+          /* @__PURE__ */ n(oe, { children: [
+            "You are about to restore to revision ",
+            l.uid.substring(0, 8),
+            " from",
+            " ",
+            q(l.createdAt, "MMM d, yyyy 'at' h:mm a"),
+            " by ",
+            i
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "How would you like to handle your current edits?" }) }),
+        /* @__PURE__ */ n(ue, { className: "flex flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ e(v, { variant: "outline", className: "sm:flex-1", onClick: () => s(!1), disabled: c, children: c ? /* @__PURE__ */ n(k, { children: [
+            /* @__PURE__ */ e("span", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+            "Saving as draft..."
+          ] }) : /* @__PURE__ */ n(k, { children: [
+            /* @__PURE__ */ e(Je, { className: "mr-2 h-4 w-4" }),
+            "Save as draft"
+          ] }) }),
+          /* @__PURE__ */ e(v, { variant: "default", className: "sm:flex-1", onClick: () => s(!0), disabled: c, children: c ? /* @__PURE__ */ n(k, { children: [
+            /* @__PURE__ */ e("span", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+            "Discarding current..."
+          ] }) : /* @__PURE__ */ n(k, { children: [
+            /* @__PURE__ */ e(me, { className: "mr-2 h-4 w-4" }),
+            "Discard current"
+          ] }) })
+        ] })
+      ] })
+    }
+  ) : null;
+}
+function ut({
+  open: t,
+  onOpenChange: a,
+  revision: l,
+  onDelete: s,
+  isDeleting: c
+}) {
+  const { data: d } = K((l == null ? void 0 : l.currentEditor) || ""), i = (d == null ? void 0 : d.name) || "Unknown";
+  return l ? /* @__PURE__ */ e(
+    X,
+    {
+      open: t,
+      onOpenChange: (o) => {
+        c || a(o);
+      },
+      children: /* @__PURE__ */ n(Z, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ n(ee, { children: [
+          /* @__PURE__ */ e(te, { children: "Delete Revision" }),
+          /* @__PURE__ */ n(oe, { children: [
+            "You are about to delete revision ",
+            l.uid.substring(0, 8),
+            " from",
+            " ",
+            q(l.createdAt, "MMM d, yyyy 'at' h:mm a"),
+            " by ",
+            i
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "This action cannot be undone. Are you sure you want to proceed?" }) }),
+        /* @__PURE__ */ n(ue, { className: "flex flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ e(v, { variant: "outline", className: "sm:flex-1", onClick: () => a(!1), disabled: c, children: "Cancel" }),
+          /* @__PURE__ */ e(v, { variant: "destructive", className: "sm:flex-1", onClick: s, disabled: c, children: c ? /* @__PURE__ */ n(k, { children: [
+            /* @__PURE__ */ e("span", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+            "Deleting..."
+          ] }) : /* @__PURE__ */ n(k, { children: [
+            /* @__PURE__ */ e(he, { className: "mr-2 h-4 w-4" }),
+            "Delete Revision"
+          ] }) })
+        ] })
+      ] })
+    }
+  ) : null;
+}
+function wt({ isOpen: t }) {
+  var M, y;
+  const [a, l] = U.useState([]), [s, c] = U.useState(null), [d, i] = U.useState(!1), [o, h] = U.useState(!1), { data: r } = fe(), { data: f, isFetching: b, error: E, refetch: x } = at(r == null ? void 0 : r.id), { mutate: w, isPending: u } = st(), { mutate: N, isPending: m } = lt(), R = ne(), _ = He(), C = Pe("enable-page-revisions-compare"), { selectedLang: F, fallbackLang: J } = Be(), I = F || J;
+  ie(() => l([]), [r == null ? void 0 : r.id]);
+  const p = (g) => {
+    s && N(
+      { revisionId: s.uid, discardCurrent: g },
+      {
+        onSuccess: () => {
+          i(!1), c(null), R.invalidateQueries({
+            queryKey: [j.GET_DRAFT_PAGE]
+          });
+        }
+      }
+    );
+  }, D = (g) => {
+    c(g), i(!0);
+  }, S = (g) => {
+    c(g), h(!0);
+  }, T = () => {
+    s && w(s.uid, {
+      /**
+       * Callback for when deletion of a revision is successful. Closes the
+       * delete dialog and resets the selected revision to null.
+       */
+      onSuccess: () => {
+        h(!1), c(null);
+      }
+    });
+  };
+  return ie(() => {
+    t && x();
+  }, [t, x]), /* @__PURE__ */ n(k, { children: [
+    /* @__PURE__ */ n(be, { children: [
+      /* @__PURE__ */ e(ye, { children: "Revision History" }),
+      (r == null ? void 0 : r.createdAt) && /* @__PURE__ */ n("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+        "Page created on ",
+        q(new Date(r.createdAt), "MMM d, yyyy 'at' h:mm a")
+      ] })
+    ] }),
+    b ? /* @__PURE__ */ e(it, {}) : E ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-sm text-muted-foreground", children: "Failed to load revisions. Please try again." }) : /* @__PURE__ */ n("div", { className: "mt-2 flex h-full min-h-0 flex-1 flex-col space-y-2", children: [
+      C && /* @__PURE__ */ e(ct, { lang: I, compare: a, setCompare: l, pageId: r == null ? void 0 : r.id }),
+      /* @__PURE__ */ e(rt, { compare: a, setCompare: l, isComparisonEnabled: C }),
+      (M = f == null ? void 0 : f.filter((g) => g.uid === "current")) == null ? void 0 : M.map((g, P) => /* @__PURE__ */ e(
+        de,
+        {
+          lang: I,
+          pageId: r == null ? void 0 : r.id,
+          revision: g,
+          isLatest: !0,
+          onRestore: () => D(g),
+          onDelete: () => S(g),
+          revisionNumber: P,
+          compare: a,
+          setCompare: l,
+          pageLiveFullSlug: _,
+          isComparisonEnabled: C
+        },
+        g.uid
+      )),
+      /* @__PURE__ */ e(V, { className: "min-h-0 flex-1", children: /* @__PURE__ */ e("div", { className: "space-y-2", children: (y = f == null ? void 0 : f.filter((g) => g.uid !== "current")) == null ? void 0 : y.map((g, P) => /* @__PURE__ */ e(
+        de,
+        {
+          lang: I,
+          pageId: r == null ? void 0 : r.id,
+          revision: g,
+          isLatest: g.uid === "current",
+          onRestore: () => D(g),
+          onDelete: () => S(g),
+          revisionNumber: P + 1,
+          compare: a,
+          setCompare: l,
+          pageLiveFullSlug: _,
+          isComparisonEnabled: C
+        },
+        g.uid
+      )) }) })
+    ] }),
+    /* @__PURE__ */ e(
+      ot,
+      {
+        open: d,
+        onOpenChange: i,
+        revision: s,
+        onRestore: p,
+        isRestoring: m
+      }
+    ),
+    /* @__PURE__ */ e(
+      ut,
+      {
+        open: o,
+        onOpenChange: h,
+        revision: s,
+        onDelete: T,
+        isDeleting: u
+      }
+    )
+  ] });
+}
+export {
+  wt as default
+};