@chaibuilder/pages 0.13.4 → 0.14.1

package/dist/page-revisions-content-KJGhm9Pl.js

@@ -0,0 +1,446 @@
+import { jsxs as n, Fragment as p, jsx as e } from "react/jsx-runtime";
+import { ak as C, al as A, A as b, am as q, ax as le, aq as I, av as R, aw as w } from "./index-Byi6-4u1.js";
+import { useQuery as re, useQueryClient as k, useMutation as G } from "@tanstack/react-query";
+import { useLanguages as ie, useSavePage as de } from "@chaibuilder/sdk";
+import { SheetHeader as ce, SheetTitle as oe, ScrollArea as ue, Skeleton as y, Button as g, DropdownMenu as me, DropdownMenuTrigger as he, DropdownMenuContent as fe, DropdownMenuItem as U, DropdownMenuSeparator as pe, Dialog as j, DialogContent as L, DialogHeader as P, DialogTitle as $, DialogDescription as z, DialogFooter as H } from "@chaibuilder/sdk/ui";
+import { format as D, formatDistanceToNow as xe } from "date-fns";
+import { isEmpty as ge } from "lodash-es";
+import { FileJson as Ne, MoreHorizontal as be, Undo2 as J, Trash as Q, CloudOff as ye, Rocket as ve, Save as we, X as De } from "lucide-react";
+import * as v from "react";
+import { useEffect as F, lazy as Se, useState as Ee, Suspense as Re } from "react";
+function Ce(t) {
+  const s = C(), a = A();
+  return re({
+    queryKey: [b.GET_PAGE_REVISIONS, t],
+    queryFn: async () => await a(s, {
+      action: b.GET_PAGE_REVISIONS,
+      data: { pageId: t }
+    }),
+    enabled: !!t,
+    refetchOnMount: !0
+  });
+}
+const Ae = () => {
+  const t = C(), s = A(), a = k();
+  return G({
+    mutationFn: async (i) => await s(t, {
+      action: b.DELETE_PAGE_REVISION,
+      data: { revisionId: i }
+    }),
+    onSuccess: () => {
+      a.invalidateQueries({
+        queryKey: ["revisions"]
+      });
+    }
+  });
+}, Ie = () => {
+  const t = C(), s = A(), a = k();
+  return G({
+    mutationFn: async ({ revisionId: i, discardCurrent: l }) => await s(t, {
+      action: b.RESTORE_PAGE_REVISION,
+      data: { revisionId: i, discardCurrent: l }
+    }),
+    onSuccess: () => {
+      a.invalidateQueries({
+        queryKey: ["revisions"]
+      });
+    }
+  });
+}, ke = Se(() => import("./json-diff-viewer-De2bStRw.js")), N = ({ 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(ve, { 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(we, { 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 Oe({ compare: t, setCompare: s }) {
+  const { data: a } = q(), { saveState: i } = de(), [l] = le();
+  if (!a) return null;
+  const d = !!t.find((o) => {
+    var r;
+    return (r = o == null ? void 0 : o.uid) == null ? void 0 : r.startsWith("draft:");
+  }), u = t.length >= 2 && !d, m = i === "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(N, { 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: !ge(l.lastSaved) && /* @__PURE__ */ n("span", { children: [
+        "Last updated",
+        " ",
+        xe(new Date(l.lastSaved), {
+          addSuffix: !0
+        })
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 pt-0.5", children: m ? /* @__PURE__ */ e(N, { tag: "unsaved" }) : null })
+    ] }),
+    /* @__PURE__ */ e(
+      K,
+      {
+        checked: d,
+        disabled: u,
+        onChange: () => {
+          s(d ? t.filter((o) => o.uid !== `draft:${a == null ? void 0 : a.id}`) : [
+            ...t,
+            { uid: `draft:${a == null ? void 0 : a.id}`, label: "draft", item: { createdAt: Date.now() } }
+          ]);
+        }
+      }
+    )
+  ] });
+}
+function Me() {
+  return /* @__PURE__ */ e("div", { className: "mt-2 space-y-2", children: Array.from({ length: 5 }).map((t, s) => /* @__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(y, { className: "h-4 w-3/4" }),
+      /* @__PURE__ */ e(y, { className: "h-3 w-1/2" }),
+      /* @__PURE__ */ e(y, { className: "mt-1 h-5 w-20" })
+    ] }),
+    /* @__PURE__ */ e(y, { className: "h-8 w-8 rounded-full" })
+  ] }, s)) });
+}
+function V({
+  revision: t,
+  isLatest: s,
+  onRestore: a,
+  onDelete: i,
+  revisionNumber: l,
+  compare: d,
+  setCompare: u,
+  pageId: m
+}) {
+  const { data: o } = I(t.currentEditor), r = (o == null ? void 0 : o.name) || "Unknown", f = !!d.find((h) => {
+    var x;
+    return s ? (x = h == null ? void 0 : h.uid) == null ? void 0 : x.startsWith("live") : (h == null ? void 0 : h.uid) === t.uid;
+  }), S = d.length >= 2 && !f;
+  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: [
+        /* @__PURE__ */ e(N, { tag: s ? "live" : `#${l}` }),
+        t.type === "published" ? "Published" : "Draft",
+        " by ",
+        /* @__PURE__ */ e("span", { className: "text-xs font-bold", children: r })
+      ] }) }),
+      /* @__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(N, { tag: "published" }) : /* @__PURE__ */ e(N, { tag: "draft" }) }),
+        /* @__PURE__ */ e("div", { className: "flex items-center text-[10px] text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "leading-tight", children: D(t.createdAt, "MMM d, h:mm a") }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(R, { permissions: [w.RESTORE_REVISION, w.DELETE_REVISION], children: /* @__PURE__ */ e(_e, { revision: t, onRestore: a, onDelete: i }) }) }),
+    /* @__PURE__ */ e(
+      K,
+      {
+        checked: f,
+        disabled: S,
+        onChange: () => {
+          u(
+            f ? d.filter((h) => s ? h.uid !== `live:${m}` : h.uid !== t.uid) : [
+              ...d,
+              {
+                uid: s ? `live:${m}` : t.uid,
+                label: s ? "live" : `#${l}`,
+                item: t
+              }
+            ].sort((h, x) => new Date(h.item.createdAt).getTime() - new Date(x.item.createdAt).getTime())
+          );
+        }
+      }
+    )
+  ] });
+}
+function Te({ compare: t, setCompare: s, pageId: a }) {
+  const [i, l] = Ee(!1), [d, u] = t;
+  if (t.length === 0) return null;
+  const m = ({ tab: o }) => /* @__PURE__ */ n("span", { className: "flex items-center justify-between rounded border border-blue-100 p-1 font-medium", children: [
+    /* @__PURE__ */ e(N, { tag: o.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: () => s(t.filter((r) => r.uid !== o.uid)),
+        "aria-label": "Remove selection 1",
+        children: /* @__PURE__ */ e(De, { 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(m, { tab: d }),
+      /* @__PURE__ */ e("span", { className: "font-medium leading-tight text-gray-600", children: "with" }),
+      u ? /* @__PURE__ */ e(m, { tab: u }) : /* @__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(
+        g,
+        {
+          size: "sm",
+          className: "h-6 gap-1 rounded px-2 text-xs leading-none text-gray-500",
+          variant: "outline",
+          onClick: () => s([]),
+          children: /* @__PURE__ */ e("span", { children: " Clear" })
+        }
+      ),
+      /* @__PURE__ */ n(
+        g,
+        {
+          size: "sm",
+          className: "h-6 gap-1 rounded px-2 text-xs leading-none",
+          variant: "default",
+          onClick: () => l(!0),
+          disabled: t.length < 2,
+          children: [
+            /* @__PURE__ */ e(Ne, { className: "h-2.5 w-2.5" }),
+            /* @__PURE__ */ e("span", { className: "pt-0.5", children: "Show JSON Diff" })
+          ]
+        }
+      )
+    ] }),
+    i && (t == null ? void 0 : t.length) > 1 && a && /* @__PURE__ */ e(
+      Re,
+      {
+        fallback: /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ e("span", { className: "text-sm", children: "Loading diff viewer..." }) }),
+        children: /* @__PURE__ */ e(ke, { open: i, onOpenChange: l, compare: t })
+      }
+    )
+  ] });
+}
+function K({ checked: t, disabled: s, onChange: a, label: i = "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] ${s ? "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: s,
+        onChange: a
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "select-none leading-tight", children: i })
+  ] }) });
+}
+function _e({ revision: t, onRestore: s, onDelete: a }) {
+  return /* @__PURE__ */ n(me, { children: [
+    /* @__PURE__ */ e(he, { asChild: !0, children: /* @__PURE__ */ n(g, { variant: "ghost", size: "icon", className: "h-5 w-5", children: [
+      /* @__PURE__ */ e(be, { className: "h-4 w-4" }),
+      /* @__PURE__ */ e("span", { className: "sr-only", children: "More options" })
+    ] }) }),
+    /* @__PURE__ */ n(fe, { align: "end", className: "text-xs", children: [
+      /* @__PURE__ */ e(R, { permission: w.RESTORE_REVISION, children: /* @__PURE__ */ n(U, { onClick: s, className: "cursor-pointer text-sm", children: [
+        /* @__PURE__ */ e(J, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ e("span", { children: "Restore this version" })
+      ] }) }),
+      /* @__PURE__ */ e(R, { permission: w.DELETE_REVISION, children: t.uid !== "current" && /* @__PURE__ */ n(p, { children: [
+        /* @__PURE__ */ e(pe, {}),
+        /* @__PURE__ */ n(U, { onClick: a, className: "cursor-pointer text-destructive", children: [
+          /* @__PURE__ */ e(Q, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ e("span", { children: "Delete this version" })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+function Ue({
+  open: t,
+  onOpenChange: s,
+  revision: a,
+  onRestore: i,
+  isRestoring: l
+}) {
+  const { data: d } = I((a == null ? void 0 : a.currentEditor) || ""), u = (d == null ? void 0 : d.name) || "Unknown";
+  return a ? /* @__PURE__ */ e(
+    j,
+    {
+      open: t,
+      onOpenChange: (m) => {
+        l || s(m);
+      },
+      children: /* @__PURE__ */ n(L, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ n(P, { children: [
+          /* @__PURE__ */ e($, { children: "Restore Revision" }),
+          /* @__PURE__ */ n(z, { children: [
+            "You are about to restore to revision ",
+            a.uid.substring(0, 8),
+            " from",
+            " ",
+            D(a.createdAt, "MMM d, yyyy 'at' h:mm a"),
+            " by ",
+            u
+          ] })
+        ] }),
+        /* @__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(H, { className: "flex flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ e(g, { variant: "outline", className: "sm:flex-1", onClick: () => i(!1), disabled: l, children: l ? /* @__PURE__ */ n(p, { 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(p, { children: [
+            /* @__PURE__ */ e(ye, { className: "mr-2 h-4 w-4" }),
+            "Save as draft"
+          ] }) }),
+          /* @__PURE__ */ e(g, { variant: "default", className: "sm:flex-1", onClick: () => i(!0), disabled: l, children: l ? /* @__PURE__ */ n(p, { 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(p, { children: [
+            /* @__PURE__ */ e(J, { className: "mr-2 h-4 w-4" }),
+            "Discard current"
+          ] }) })
+        ] })
+      ] })
+    }
+  ) : null;
+}
+function Fe({
+  open: t,
+  onOpenChange: s,
+  revision: a,
+  onDelete: i,
+  isDeleting: l
+}) {
+  const { data: d } = I((a == null ? void 0 : a.currentEditor) || ""), u = (d == null ? void 0 : d.name) || "Unknown";
+  return a ? /* @__PURE__ */ e(
+    j,
+    {
+      open: t,
+      onOpenChange: (m) => {
+        l || s(m);
+      },
+      children: /* @__PURE__ */ n(L, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ n(P, { children: [
+          /* @__PURE__ */ e($, { children: "Delete Revision" }),
+          /* @__PURE__ */ n(z, { children: [
+            "You are about to delete revision ",
+            a.uid.substring(0, 8),
+            " from",
+            " ",
+            D(a.createdAt, "MMM d, yyyy 'at' h:mm a"),
+            " by ",
+            u
+          ] })
+        ] }),
+        /* @__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(H, { className: "flex flex-col gap-2 sm:flex-row", children: [
+          /* @__PURE__ */ e(g, { variant: "outline", className: "sm:flex-1", onClick: () => s(!1), disabled: l, children: "Cancel" }),
+          /* @__PURE__ */ e(g, { variant: "destructive", className: "sm:flex-1", onClick: i, disabled: l, children: l ? /* @__PURE__ */ n(p, { 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(p, { children: [
+            /* @__PURE__ */ e(Q, { className: "mr-2 h-4 w-4" }),
+            "Delete Revision"
+          ] }) })
+        ] })
+      ] })
+    }
+  ) : null;
+}
+function Je({ isOpen: t }) {
+  var T, _;
+  const [s, a] = v.useState([]), [i, l] = v.useState(null), [d, u] = v.useState(!1), [m, o] = v.useState(!1), { data: r } = q(), { data: f, isFetching: S, error: h, refetch: x } = Ce(r == null ? void 0 : r.id), { mutate: W, isPending: Y } = Ae(), { mutate: B, isPending: X } = Ie(), Z = k(), { selectedLang: ee, fallbackLang: te } = ie(), ne = ee || te;
+  F(() => a([]), [r == null ? void 0 : r.id]);
+  const ae = (c) => {
+    i && B(
+      { revisionId: i.uid, discardCurrent: c },
+      {
+        onSuccess: () => {
+          u(!1), l(null), Z.invalidateQueries({
+            queryKey: [b.GET_DRAFT_PAGE]
+          });
+        }
+      }
+    );
+  }, O = (c) => {
+    l(c), u(!0);
+  }, M = (c) => {
+    l(c), o(!0);
+  }, se = () => {
+    i && W(i.uid, {
+      /**
+       * Callback for when deletion of a revision is successful. Closes the
+       * delete dialog and resets the selected revision to null.
+       */
+      onSuccess: () => {
+        o(!1), l(null);
+      }
+    });
+  };
+  return F(() => {
+    t && x();
+  }, [t, x]), /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ n(ce, { children: [
+      /* @__PURE__ */ e(oe, { children: "Revision History" }),
+      (r == null ? void 0 : r.createdAt) && /* @__PURE__ */ n("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+        "Page created on ",
+        D(new Date(r.createdAt), "MMM d, yyyy 'at' h:mm a")
+      ] })
+    ] }),
+    S ? /* @__PURE__ */ e(Me, {}) : h ? /* @__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: [
+      /* @__PURE__ */ e(Te, { lang: ne, compare: s, setCompare: a, pageId: r == null ? void 0 : r.id }),
+      /* @__PURE__ */ e(Oe, { compare: s, setCompare: a }),
+      (T = f == null ? void 0 : f.filter((c) => c.uid === "current")) == null ? void 0 : T.map((c, E) => /* @__PURE__ */ e(
+        V,
+        {
+          pageId: r == null ? void 0 : r.id,
+          revision: c,
+          isLatest: !0,
+          onRestore: () => O(c),
+          onDelete: () => M(c),
+          revisionNumber: E,
+          compare: s,
+          setCompare: a
+        },
+        c.uid
+      )),
+      /* @__PURE__ */ e(ue, { className: "min-h-0 flex-1", children: /* @__PURE__ */ e("div", { className: "space-y-2", children: (_ = f == null ? void 0 : f.filter((c) => c.uid !== "current")) == null ? void 0 : _.map((c, E) => /* @__PURE__ */ e(
+        V,
+        {
+          pageId: r == null ? void 0 : r.id,
+          revision: c,
+          isLatest: c.uid === "current",
+          onRestore: () => O(c),
+          onDelete: () => M(c),
+          revisionNumber: E + 1,
+          compare: s,
+          setCompare: a
+        },
+        c.uid
+      )) }) })
+    ] }),
+    /* @__PURE__ */ e(
+      Ue,
+      {
+        open: d,
+        onOpenChange: u,
+        revision: i,
+        onRestore: ae,
+        isRestoring: X
+      }
+    ),
+    /* @__PURE__ */ e(
+      Fe,
+      {
+        open: m,
+        onOpenChange: o,
+        revision: i,
+        onDelete: se,
+        isDeleting: Y
+      }
+    )
+  ] });
+}
+export {
+  Je as default
+};

package/dist/publish-pages-content-BWLQZGjd.js

@@ -0,0 +1,178 @@
+import { jsxs as n, jsx as t, Fragment as H } from "react/jsx-runtime";
+import { LanguageSelector as z } from "./page-manager-search-and-filter-B4xo9IJO.js";
+import { ak as R, al as _, A as L, ay as $, f as K, h as Q, aq as J, T as A, t as V } from "./index-Byi6-4u1.js";
+import { useQuery as W } from "@tanstack/react-query";
+import { DialogContent as X, DialogHeader as Y, DialogTitle as Z, DialogDescription as ee, DialogFooter as te, Button as F } from "@chaibuilder/sdk/ui";
+import { find as G, filter as a, map as y, includes as P, orderBy as b, isEmpty as se, first as le, uniq as U, concat as ne } from "lodash-es";
+import { Lock as ae, GlobeIcon as re, File as ce, Edit as oe } from "lucide-react";
+import { useState as O, useCallback as ie, useMemo as g, useEffect as j } from "react";
+const de = () => {
+  const s = R(), d = _();
+  return W({
+    queryKey: [L.GET_CHANGES],
+    queryFn: async () => d(s, { action: L.GET_CHANGES })
+  });
+}, ue = ({ page: s, selectedPages: d, handleCheckboxChange: N, getPageType: h, hasSlug: o, currentOwnerId: u }) => {
+  const { data: i } = J(u), r = i == null ? void 0 : i.name;
+  return /* @__PURE__ */ n("tr", { className: "group relative border-b last:border-b-0 hover:bg-gray-50", children: [
+    /* @__PURE__ */ n(
+      "td",
+      {
+        scope: "row",
+        className: `flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${r ? "opacity-50" : ""}`,
+        children: [
+          r ? /* @__PURE__ */ t(ae, { className: "h-4 w-4 fill-red-200 text-red-500" }) : /* @__PURE__ */ t(
+            "input",
+            {
+              checked: P(d, s == null ? void 0 : s.id),
+              onClick: (x) => {
+                x.stopPropagation(), N(s == null ? void 0 : s.id);
+              },
+              type: "checkbox",
+              className: "cursor-pointer rounded focus:outline-none focus:ring-0"
+            }
+          ),
+          " ",
+          o(s.pageType) ? /* @__PURE__ */ t(ce, { className: "h-4 w-4" }) : /* @__PURE__ */ t(re, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t(A, { content: s.name, side: "top", showTooltip: s.name.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-medium text-black", children: s.name }) }),
+          s.slug && /* @__PURE__ */ t(A, { content: s.slug, side: "top", showTooltip: s.slug.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-mono text-xs text-muted-foreground", children: s.slug }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t("td", { className: "px-2", children: h(s == null ? void 0 : s.pageType) }),
+    /* @__PURE__ */ t("td", { className: "px-4 text-right", children: le(s.changes) || "" }),
+    /* @__PURE__ */ t(H, { children: r && /* @__PURE__ */ n("button", { className: "absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100", children: [
+      /* @__PURE__ */ t(oe, { size: 12, className: "stroke-[3]" }),
+      " ",
+      /* @__PURE__ */ t("span", { className: "font-medium", children: r }),
+      " is editing this page"
+    ] }) })
+  ] }, s == null ? void 0 : s.id);
+}, ke = ({
+  onClose: s = () => {
+  },
+  isPending: d,
+  publishPage: N
+}) => {
+  const [h] = $(), [o, u] = O([]), i = K(), [r, x] = O(i), { data: k, isFetching: C } = de(), { data: m } = Q(), w = ie((e) => {
+    var l;
+    return (l = G(m, { key: e })) == null ? void 0 : l.hasSlug;
+  }, [m]), f = g(
+    () => a(m, (e) => !w(e.key)).map((e) => e.key),
+    [w, m]
+  ), v = U(y(k, "lang")).filter(Boolean), c = g(
+    () => a(k, (e) => e.pageType === "theme" ? !1 : r === i ? e.lang === r || e.lang === "" : e.lang === r),
+    [k, r, i]
+  ), T = g(
+    () => a(c, (e) => !f.includes(e.pageType)),
+    [c, f]
+  ), S = g(
+    () => a(c, (e) => f.includes(e.pageType)),
+    [c, f]
+  );
+  j(() => {
+    const e = y(a(c, { online: !0 }), "id");
+    u(e);
+  }, [c]), j(() => {
+    const e = Object.keys(h);
+    u((l) => a(l, (p) => !P(e, p)));
+  }, [h]);
+  const E = o.length === (c == null ? void 0 : c.length), B = (e) => {
+    u((l) => P(l, e) ? a(l, (p) => p !== e) : ne(l, e));
+  }, D = () => {
+    u(E ? [] : y(c, "id"));
+  }, q = () => {
+    N(
+      { ids: U(o) },
+      {
+        onSuccess: () => {
+          s(), V("CENTER_CENTER"), x(i);
+        }
+      }
+    );
+  }, I = (e) => {
+    if (e === "theme") return "Theme";
+    const l = G(m, { key: e });
+    return l ? l == null ? void 0 : l.name : e;
+  }, M = g(() => {
+    const e = [
+      { label: "Updated", top: "pt-2" },
+      ...b(a(T, { online: !0 }), "pageType"),
+      ...b(a(S, { online: !0 }), "pageType")
+    ].filter((p) => p.pageType !== "theme"), l = [
+      { label: "Offline", top: "pt-6" },
+      ...b(a(T, { online: !1 }), "pageType"),
+      ...b(a(S, { online: !1 }), "pageType")
+    ];
+    return [...e, ...l];
+  }, [T, S]);
+  return /* @__PURE__ */ n(X, { className: "flex max-h-[80%] max-w-4xl flex-col", children: [
+    /* @__PURE__ */ n(Y, { children: [
+      /* @__PURE__ */ t(Z, { children: "Publish changes" }),
+      /* @__PURE__ */ t(ee, { className: "text-xs", children: "Select the pages you want to publish. Click publish when you're done." })
+    ] }),
+    v.length > 0 && /* @__PURE__ */ t("div", { className: "my-[2px] mt-0", children: /* @__PURE__ */ t(
+      z,
+      {
+        languages: [i, ...v],
+        selectedLanguage: r,
+        setSelectedLanguage: x
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: "no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto", children: C ? /* @__PURE__ */ n("div", { className: "space-y-2 px-1", children: [
+      /* @__PURE__ */ t("div", { className: "mt-2 h-6 w-full animate-pulse rounded bg-gray-200" }),
+      /* @__PURE__ */ t("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" }),
+      /* @__PURE__ */ t("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" }),
+      /* @__PURE__ */ t("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" })
+    ] }) : /* @__PURE__ */ n("table", { className: "w-full text-left text-xs text-gray-500 dark:text-gray-400 rtl:text-right", children: [
+      /* @__PURE__ */ t("thead", { className: "sticky top-0 z-10 border-b bg-gray-50 text-gray-700 dark:bg-gray-700 dark:text-gray-400", children: /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ n("th", { scope: "col", className: "w-[1 50px] flex items-center gap-x-2 px-6 py-3", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              checked: E,
+              onClick: (e) => {
+                e.stopPropagation(), D();
+              },
+              type: "checkbox",
+              className: "mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"
+            }
+          ),
+          "Name"
+        ] }),
+        /* @__PURE__ */ t("th", { scope: "col", className: "w-[150px] px-2 py-3", children: "Type" }),
+        /* @__PURE__ */ t("th", { scope: "col", className: "w-[150px] px-4 py-3 text-right", children: "Status" })
+      ] }) }),
+      /* @__PURE__ */ t("tbody", { children: y(
+        M,
+        (e) => e.label ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ n("td", { colSpan: 3, className: `relative px-6 py-2 text-xs font-medium text-gray-800 ${e.top}`, children: [
+          /* @__PURE__ */ t("div", { className: "absolute inset-0 left-6 flex items-center", children: /* @__PURE__ */ t("div", { className: "order-gray-300 w-full" }) }),
+          /* @__PURE__ */ t("div", { className: "relative flex justify-start", children: /* @__PURE__ */ t("span", { className: "bg-gray-50 pr-2", children: e.label }) })
+        ] }) }, "separator") : /* @__PURE__ */ t(
+          ue,
+          {
+            page: e,
+            selectedPages: o,
+            handleCheckboxChange: B,
+            getPageType: I,
+            hasSlug: w,
+            currentOwnerId: h[(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id)]
+          }
+        )
+      ) })
+    ] }) }),
+    /* @__PURE__ */ n(te, { className: "mt-10 flex items-center justify-center", children: [
+      o.length > 0 && /* @__PURE__ */ n("span", { className: "text-center text-sm text-muted-foreground", children: [
+        o.length,
+        " Page",
+        o.length !== 1 ? "s" : "",
+        " Selected"
+      ] }),
+      /* @__PURE__ */ t(F, { disabled: d, variant: "outline", onClick: s, children: "Cancel" }),
+      /* @__PURE__ */ t(F, { disabled: d || C || se(o), onClick: q, children: d ? "Publishing..." : "Publish Selected" })
+    ] })
+  ] });
+};
+export {
+  ke as default
+};

package/dist/publish-pages-content-CTduLNtg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("./page-manager-search-and-filter-DT9V9AoS.cjs"),r=require("./index-DSUpSpeI.cjs"),L=require("@tanstack/react-query"),h=require("@chaibuilder/sdk/ui"),t=require("lodash-es"),j=require("lucide-react"),i=require("react"),F=()=>{const l=r.useApiUrl(),u=r.useFetch();return L.useQuery({queryKey:[r.ACTIONS.GET_CHANGES],queryFn:async()=>u(l,{action:r.ACTIONS.GET_CHANGES})})},O=({page:l,selectedPages:u,handleCheckboxChange:b,getPageType:m,hasSlug:o,currentOwnerId:x})=>{const{data:d}=r.useChaiUserInfo(x),a=d==null?void 0:d.name;return e.jsxs("tr",{className:"group relative border-b last:border-b-0 hover:bg-gray-50",children:[e.jsxs("td",{scope:"row",className:`flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${a?"opacity-50":""}`,children:[a?e.jsx(j.Lock,{className:"h-4 w-4 fill-red-200 text-red-500"}):e.jsx("input",{checked:t.includes(u,l==null?void 0:l.id),onClick:p=>{p.stopPropagation(),b(l==null?void 0:l.id)},type:"checkbox",className:"cursor-pointer rounded focus:outline-none focus:ring-0"})," ",o(l.pageType)?e.jsx(j.File,{className:"h-4 w-4"}):e.jsx(j.GlobeIcon,{className:"h-4 w-4"}),e.jsx(r.Tooltip,{content:l.name,side:"top",showTooltip:l.name.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-medium text-black",children:l.name})}),l.slug&&e.jsx(r.Tooltip,{content:l.slug,side:"top",showTooltip:l.slug.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-mono text-xs text-muted-foreground",children:l.slug})})]}),e.jsx("td",{className:"px-2",children:m(l==null?void 0:l.pageType)}),e.jsx("td",{className:"px-4 text-right",children:t.first(l.changes)||""}),e.jsx(e.Fragment,{children:a&&e.jsxs("button",{className:"absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100",children:[e.jsx(j.Edit,{size:12,className:"stroke-[3]"})," ",e.jsx("span",{className:"font-medium",children:a})," is editing this page"]})})]},l==null?void 0:l.id)},G=({onClose:l=()=>{},isPending:u,publishPage:b})=>{const[m]=r.usePageUserMapping(),[o,x]=i.useState([]),d=r.useFallbackLang(),[a,p]=i.useState(d),{data:N,isFetching:T}=F(),{data:g}=r.usePageTypes(),k=i.useCallback(s=>{var n;return(n=t.find(g,{key:s}))==null?void 0:n.hasSlug},[g]),y=i.useMemo(()=>t.filter(g,s=>!k(s.key)).map(s=>s.key),[k,g]),P=t.uniq(t.map(N,"lang")).filter(Boolean),c=i.useMemo(()=>t.filter(N,s=>s.pageType==="theme"?!1:a===d?s.lang===a||s.lang==="":s.lang===a),[N,a,d]),w=i.useMemo(()=>t.filter(c,s=>!y.includes(s.pageType)),[c,y]),S=i.useMemo(()=>t.filter(c,s=>y.includes(s.pageType)),[c,y]);i.useEffect(()=>{const s=t.map(t.filter(c,{online:!0}),"id");x(s)},[c]),i.useEffect(()=>{const s=Object.keys(m);x(n=>t.filter(n,f=>!t.includes(s,f)))},[m]);const C=o.length===(c==null?void 0:c.length),v=s=>{x(n=>t.includes(n,s)?t.filter(n,f=>f!==s):t.concat(n,s))},E=()=>{x(C?[]:t.map(c,"id"))},q=()=>{b({ids:t.uniq(o)},{onSuccess:()=>{l(),r.throwConfetti("CENTER_CENTER"),p(d)}})},M=s=>{if(s==="theme")return"Theme";const n=t.find(g,{key:s});return n?n==null?void 0:n.name:s},A=i.useMemo(()=>{const s=[{label:"Updated",top:"pt-2"},...t.orderBy(t.filter(w,{online:!0}),"pageType"),...t.orderBy(t.filter(S,{online:!0}),"pageType")].filter(f=>f.pageType!=="theme"),n=[{label:"Offline",top:"pt-6"},...t.orderBy(t.filter(w,{online:!1}),"pageType"),...t.orderBy(t.filter(S,{online:!1}),"pageType")];return[...s,...n]},[w,S]);return e.jsxs(h.DialogContent,{className:"flex max-h-[80%] max-w-4xl flex-col",children:[e.jsxs(h.DialogHeader,{children:[e.jsx(h.DialogTitle,{children:"Publish changes"}),e.jsx(h.DialogDescription,{className:"text-xs",children:"Select the pages you want to publish. Click publish when you're done."})]}),P.length>0&&e.jsx("div",{className:"my-[2px] mt-0",children:e.jsx(B.LanguageSelector,{languages:[d,...P],selectedLanguage:a,setSelectedLanguage:p})}),e.jsx("div",{className:"no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto",children:T?e.jsxs("div",{className:"space-y-2 px-1",children:[e.jsx("div",{className:"mt-2 h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"})]}):e.jsxs("table",{className:"w-full text-left text-xs text-gray-500 dark:text-gray-400 rtl:text-right",children:[e.jsx("thead",{className:"sticky top-0 z-10 border-b bg-gray-50 text-gray-700 dark:bg-gray-700 dark:text-gray-400",children:e.jsxs("tr",{children:[e.jsxs("th",{scope:"col",className:"w-[1 50px] flex items-center gap-x-2 px-6 py-3",children:[e.jsx("input",{checked:C,onClick:s=>{s.stopPropagation(),E()},type:"checkbox",className:"mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"}),"Name"]}),e.jsx("th",{scope:"col",className:"w-[150px] px-2 py-3",children:"Type"}),e.jsx("th",{scope:"col",className:"w-[150px] px-4 py-3 text-right",children:"Status"})]})}),e.jsx("tbody",{children:t.map(A,s=>s.label?e.jsx("tr",{children:e.jsxs("td",{colSpan:3,className:`relative px-6 py-2 text-xs font-medium text-gray-800 ${s.top}`,children:[e.jsx("div",{className:"absolute inset-0 left-6 flex items-center",children:e.jsx("div",{className:"order-gray-300 w-full"})}),e.jsx("div",{className:"relative flex justify-start",children:e.jsx("span",{className:"bg-gray-50 pr-2",children:s.label})})]})},"separator"):e.jsx(O,{page:s,selectedPages:o,handleCheckboxChange:v,getPageType:M,hasSlug:k,currentOwnerId:m[(s==null?void 0:s.primaryPage)||(s==null?void 0:s.id)]}))})]})}),e.jsxs(h.DialogFooter,{className:"mt-10 flex items-center justify-center",children:[o.length>0&&e.jsxs("span",{className:"text-center text-sm text-muted-foreground",children:[o.length," Page",o.length!==1?"s":""," Selected"]}),e.jsx(h.Button,{disabled:u,variant:"outline",onClick:l,children:"Cancel"}),e.jsx(h.Button,{disabled:u||T||t.isEmpty(o),onClick:q,children:u?"Publishing...":"Publish Selected"})]})]})};exports.default=G;