@nivaro/react 0.3.36 → 0.3.38

package/dist/shared/components/layout-editor/reuse/LibraryRows.js

@@ -1,123 +1,154 @@
-import { jsxs as i, Fragment as w, jsx as o } from "react/jsx-runtime";
-import { BookMarked as C, X as R } from "lucide-react";
-import { useState as u } from "react";
-import { toast as p } from "sonner";
-import { useNivaroClient as $ } from "../../../context.js";
-import { cn as j } from "../../../lib/utils.js";
-import { sectionOp as F } from "../add-target.js";
+import { jsxs as r, Fragment as j, jsx as o } from "react/jsx-runtime";
+import { BookMarked as L, Link2 as F, X as M } from "lucide-react";
+import { useState as y } from "react";
+import { toast as f } from "sonner";
+import { useNivaroClient as S } from "../../../context.js";
+import { cn as B } from "../../../lib/utils.js";
+import { sectionOp as I } from "../add-target.js";
 import { apiFailure as v } from "../overview/overview-api.js";
-import { useFieldMapping as M, FieldMapStep as B } from "./FieldMapStep.js";
-import { useTemplates as S, useRefreshTemplates as A, planBlock as T, leftOutWords as L, deleteTemplate as O } from "./reuse-api.js";
-import { reusePrimary as E } from "./SectionReuseActions.js";
-const I = "px-2 pb-1 pt-3 text-[11.5px] font-semibold text-slate-500 dark:text-muted-foreground";
-function K(e, t) {
-  const r = F(e, t);
-  return r.op === "group_create" && r.parent_key === null ? r.index : void 0;
+import { useFieldMapping as T, FieldMapStep as O } from "./FieldMapStep.js";
+import { useLinkedSectionsContext as E, createLink as K } from "./linked-sections.js";
+import { useTemplates as P, useRefreshTemplates as W, planBlock as X, leftOutWords as q, deleteTemplate as z } from "./reuse-api.js";
+import { reusePrimary as D } from "./SectionReuseActions.js";
+const G = "px-2 pb-1 pt-3 text-[11.5px] font-semibold text-slate-500 dark:text-muted-foreground";
+function H(e, t) {
+  const n = I(e, t);
+  return n.op === "group_create" && n.parent_key === null ? n.index : void 0;
 }
-function P({ t: e, ...t }) {
-  const r = $(), n = A(), [f, c] = u(!1), [y, h] = u(!1), [s, x] = u(!1), m = !!e.source_collection && e.source_collection !== t.collection, a = M(m ? e.fields : [], e.source_collection, t.collection), b = async () => {
-    if (!s) {
-      if (m && !f && a.needed.length) {
-        c(!0);
-        return;
-      }
-      x(!0);
-      try {
-        const l = await T(r, {
-          source: { template_id: e.id },
-          target_collection: t.collection,
-          target_bundle: t.bundle,
-          field_map: m ? a.map : void 0,
-          index: K(t.bundle, t.selected)
-        });
-        if (!l.ops.length) throw new Error("Nothing to add");
-        t.apply(l.ops, { label: `Add ${e.name}` });
-        const d = l.ops.find((_) => _.op === "group_create");
-        (d == null ? void 0 : d.op) === "group_create" && t.onSelect({ kind: "group", key: d.key });
-        const g = L(l);
-        g && p(`${e.name} added: ${g}`), c(!1);
-      } catch (l) {
-        p.error(v(l, "Could not add the section").message);
-      } finally {
-        x(!1);
-      }
+function J({ t: e, ...t }) {
+  const n = S(), i = W(), c = E(), [m, h] = y(null), [C, N] = y(!1), [d, _] = y(!1), u = !!e.source_collection && e.source_collection !== t.collection, l = T(u ? e.fields : [], e.source_collection, t.collection), b = Number(t.bundle.layout.id), $ = !!c && Number.isInteger(b) && b > 0, k = async (s) => {
+    if (d) return;
+    if (u && m !== s && l.needed.length) {
+      h(s);
+      return;
+    }
+    const x = s === "linked";
+    _(!0);
+    try {
+      const a = await X(n, {
+        source: { template_id: e.id },
+        target_collection: t.collection,
+        target_bundle: t.bundle,
+        field_map: u ? l.map : void 0,
+        index: H(t.bundle, t.selected),
+        linked: x
+      });
+      if (!a.ops.length) throw new Error("Nothing to add");
+      t.apply(a.ops, { label: x ? `Add ${e.name} (linked)` : `Add ${e.name}` });
+      const p = a.ops.find((g) => g.op === "group_create");
+      if ((p == null ? void 0 : p.op) === "group_create" && t.onSelect({ kind: "group", key: p.key }), x && a.linked_key)
+        try {
+          await K(n, b, {
+            template_id: e.id,
+            group_key: a.linked_key,
+            field_map: u ? l.map : void 0
+          }), c == null || c.refresh();
+        } catch (g) {
+          f.error(
+            `${e.name} was added as an ordinary copy: ${v(g, "it could not be linked").message}`
+          );
+        }
+      const w = q(a);
+      w && f(`${e.name} added: ${w}`), h(null);
+    } catch (a) {
+      f.error(v(a, "Could not add the section").message);
+    } finally {
+      _(!1);
     }
-  }, k = async () => {
+  }, A = async () => {
     try {
-      await O(r, e.id), n("section");
-    } catch (l) {
-      p.error(v(l, "Could not remove it").message);
+      await z(n, e.id), i("section");
+    } catch (s) {
+      f.error(v(s, "Could not remove it").message);
     }
-  }, N = [
+  }, R = [
     `${e.fields.length} ${e.fields.length === 1 ? "field" : "fields"}`,
+    e.linked_forms ? `linked on ${e.linked_forms} ${e.linked_forms === 1 ? "form" : "forms"}` : null,
     e.source_collection && e.source_collection !== t.collection ? `from ${e.source_collection}` : null,
     e.description
   ].filter(Boolean).join(" · ");
-  return /* @__PURE__ */ i("div", { "data-library-section": e.id, children: [
-    /* @__PURE__ */ i("div", { className: "group flex items-center gap-0.5", children: [
-      /* @__PURE__ */ i(
+  return /* @__PURE__ */ r("div", { "data-library-section": e.id, children: [
+    /* @__PURE__ */ r("div", { className: "group flex items-center gap-0.5", children: [
+      /* @__PURE__ */ r(
         "button",
         {
           type: "button",
-          disabled: s || a.loading,
-          onClick: () => void b(),
+          disabled: d || l.loading,
+          onClick: () => void k("copy"),
           className: "flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-muted disabled:opacity-60",
           children: [
-            /* @__PURE__ */ i("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+            /* @__PURE__ */ r("span", { className: "flex min-w-0 flex-1 flex-col", children: [
               /* @__PURE__ */ o("span", { className: "truncate text-[12.5px] font-medium text-slate-900 dark:text-foreground", children: e.name }),
-              /* @__PURE__ */ o("span", { className: "truncate text-[11.5px] text-slate-500 dark:text-muted-foreground", children: N })
+              /* @__PURE__ */ o("span", { className: "truncate text-[11.5px] text-slate-500 dark:text-muted-foreground", children: R })
             ] }),
-            /* @__PURE__ */ o(C, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
+            /* @__PURE__ */ o(L, { className: "h-3.5 w-3.5 shrink-0 text-slate-400" })
           ]
         }
       ),
+      $ && /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Add ${e.name} linked`,
+          "data-tip": "Add linked: it follows the library, so a change there updates this form too",
+          "data-library-linked": e.id,
+          disabled: d || l.loading,
+          onClick: () => void k("linked"),
+          className: "invisible inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-slate-400 transition-colors hover:bg-muted hover:text-slate-700 group-hover:visible focus-visible:visible disabled:opacity-50 dark:hover:text-foreground",
+          children: /* @__PURE__ */ o(F, { className: "h-3.5 w-3.5" })
+        }
+      ),
       /* @__PURE__ */ o(
         "button",
         {
           type: "button",
           "aria-label": `Remove ${e.name} from the library`,
           "data-tip": "Remove from the library",
-          onClick: () => h(!0),
+          onClick: () => N(!0),
           className: "invisible inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-slate-400 transition-colors hover:bg-muted hover:text-slate-700 group-hover:visible focus-visible:visible dark:hover:text-foreground",
-          children: /* @__PURE__ */ o(R, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ o(M, { className: "h-3.5 w-3.5" })
         }
       )
     ] }),
-    y && /* @__PURE__ */ i("div", { className: "mx-2 mb-1 flex items-center gap-2 text-[12px] text-slate-600 dark:text-muted-foreground", children: [
-      /* @__PURE__ */ o("span", { className: "flex-1", children: "Remove from the library? Forms keep their copies." }),
+    C && /* @__PURE__ */ r("div", { className: "mx-2 mb-1 flex items-center gap-2 text-[12px] text-slate-600 dark:text-muted-foreground", children: [
+      /* @__PURE__ */ r("span", { className: "flex-1", children: [
+        "Remove from the library? Forms keep their copies",
+        e.linked_forms ? "; linked ones become ordinary sections" : "",
+        "."
+      ] }),
       /* @__PURE__ */ o(
         "button",
         {
           type: "button",
-          onClick: () => void k(),
+          onClick: () => void A(),
           className: "font-medium text-red-600 hover:underline dark:text-red-400",
           children: "Remove"
         }
       ),
-      /* @__PURE__ */ o("button", { type: "button", onClick: () => h(!1), className: "hover:underline", children: "Keep" })
+      /* @__PURE__ */ o("button", { type: "button", onClick: () => N(!1), className: "hover:underline", children: "Keep" })
     ] }),
-    f && /* @__PURE__ */ i(
+    m && /* @__PURE__ */ r(
       "div",
       {
-        className: j(
+        className: B(
           "mx-1 mb-2 rounded-md border border-slate-200 bg-slate-50 p-2 dark:border-border dark:bg-muted/40"
         ),
         children: [
           /* @__PURE__ */ o(
-            B,
+            O,
             {
-              needed: a.needed,
-              map: a.map,
-              onChange: a.setMap,
+              needed: l.needed,
+              map: l.map,
+              onChange: l.setMap,
               targetCollection: t.collection
             }
           ),
-          /* @__PURE__ */ i("div", { className: "mt-2 flex justify-end gap-2", children: [
+          /* @__PURE__ */ r("div", { className: "mt-2 flex justify-end gap-2", children: [
             /* @__PURE__ */ o(
               "button",
               {
                 type: "button",
-                onClick: () => c(!1),
+                onClick: () => h(null),
                 className: "text-[12px] text-slate-500 hover:underline dark:text-muted-foreground",
                 children: "Cancel"
               }
@@ -126,10 +157,10 @@ function P({ t: e, ...t }) {
               "button",
               {
                 type: "button",
-                className: E,
-                disabled: s,
-                onClick: () => void b(),
-                children: s ? "Adding…" : "Add section"
+                className: D,
+                disabled: d,
+                onClick: () => void k(m ?? "copy"),
+                children: d ? "Adding…" : m === "linked" ? "Add linked" : "Add section"
               }
             )
           ] })
@@ -138,13 +169,13 @@ function P({ t: e, ...t }) {
     )
   ] });
 }
-function Y(e) {
-  const { data: t = [] } = S("section"), r = t.filter((n) => e.matches(n.name, n.description, ...n.fields));
-  return r.length ? /* @__PURE__ */ i(w, { children: [
-    /* @__PURE__ */ o("p", { className: I, children: "Section library" }),
-    r.map((n) => /* @__PURE__ */ o(P, { t: n, ...e }, n.id))
+function ae(e) {
+  const { data: t = [] } = P("section"), n = t.filter((i) => e.matches(i.name, i.description, ...i.fields));
+  return n.length ? /* @__PURE__ */ r(j, { children: [
+    /* @__PURE__ */ o("p", { className: G, children: "Section library" }),
+    n.map((i) => /* @__PURE__ */ o(J, { t: i, ...e }, i.id))
   ] }) : null;
 }
 export {
-  Y as LibraryRows
+  ae as LibraryRows
 };

package/dist/shared/components/layout-editor/reuse/linked-sections.js

@@ -0,0 +1,373 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useQueryClient as G, useQuery as O } from "@tanstack/react-query";
+import { Link2 as W, Unlink as E } from "lucide-react";
+import { useState as w, useEffect as L, useMemo as $, useCallback as C, useContext as D, createContext as X } from "react";
+import { toast as b } from "sonner";
+import { useNivaroClient as K } from "../../../context.js";
+import { get as Y, post as j, put as H, del as J } from "../../../lib/commands.js";
+import { cn as T } from "../../../lib/utils.js";
+import { apiFailure as V } from "../overview/overview-api.js";
+import { effectText as Z, amberStrip as I, tintCard as ee } from "../panel-style.js";
+import { useRefreshTemplates as te, reuseKeys as ne } from "./reuse-api.js";
+import { reuseBtn as g, reusePrimary as q } from "./SectionReuseActions.js";
+const S = { byGroup: /* @__PURE__ */ new Map(), roots: /* @__PURE__ */ new Set() };
+function oe(e, t) {
+  if (!e || t.length === 0) return S;
+  const o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), r = new Set(e.groups.map((n) => n.key));
+  for (const n of t)
+    r.has(n.group_key) && (i.add(n.group_key), o.set(n.group_key, n));
+  if (!i.size) return S;
+  for (let n = !0; n; ) {
+    n = !1;
+    for (const s of e.groups) {
+      const l = s.parent_key ? o.get(s.parent_key) : void 0;
+      l && !o.has(s.key) && (o.set(s.key, l), n = !0);
+    }
+  }
+  return { byGroup: o, roots: i };
+}
+function z(e, t) {
+  return !t || e.roots.size === 0 ? null : t.kind === "group" ? e.byGroup.get(t.key) ?? null : (t.kind === "field" || t.kind === "slot") && t.group_key ? e.byGroup.get(t.group_key) ?? null : null;
+}
+function ie(e, t, o) {
+  const i = z(e, t);
+  return !i || i.group_key === o ? !1 : !(t.kind === "group" && e.roots.has(t.key));
+}
+function re(e, t, o) {
+  if (t.roots.size === 0) return null;
+  const i = (r) => {
+    if (!r) return null;
+    const n = t.byGroup.get(r);
+    return n && n.group_key !== o ? n : null;
+  };
+  for (const r of e) {
+    let n = null;
+    switch (r.op) {
+      case "place":
+        n = i(r.group_key);
+        break;
+      case "move":
+        n = i(r.from.group_key) ?? i(r.to_group_key);
+        break;
+      case "update_placement":
+      case "remove":
+        n = i(r.at.group_key);
+        break;
+      case "group_create":
+        n = i(r.parent_key);
+        break;
+      case "group_update":
+        n = i(r.key);
+        break;
+      case "group_move":
+        n = (t.roots.has(r.key) ? null : i(r.key)) ?? i(r.parent_key);
+        break;
+      case "group_remove":
+        n = t.roots.has(r.key) ? null : i(r.key);
+        break;
+    }
+    if (n) return n;
+  }
+  return null;
+}
+const _ = (e) => `${e} ${e === 1 ? "form" : "forms"}`;
+function se(e) {
+  const t = [`${_(e.updated.length)} updated`];
+  e.unchanged && t.push(`${e.unchanged} already matched`);
+  const o = e.skipped.length ? `Not updated: ${e.skipped.slice(0, 4).map((i) => `${i.name}${i.reason ? ` (${i.reason})` : ""}`).join(
+    ", "
+  )}${e.skipped.length > 4 ? ` and ${e.skipped.length - 4} more` : ""}. Update them from their editors.` : null;
+  return { text: t.join(", "), skipped: o };
+}
+const A = {
+  layout: (e) => ["layout-editor", "section-links", e]
+};
+function ae(e) {
+  const t = K();
+  return O({
+    queryKey: A.layout(e ?? 0),
+    queryFn: () => t.request(Y(`/collection-layouts/${e}/section-links`)).then((o) => Array.isArray(o == null ? void 0 : o.data) ? o.data : []),
+    enabled: e != null && e > 0,
+    staleTime: 15e3
+  });
+}
+function $e(e, t, o) {
+  return e.request(j(`/collection-layouts/${t}/section-links`, o));
+}
+function le(e, t, o) {
+  return e.request(
+    J(`/collection-layouts/${t}/section-links/${encodeURIComponent(o)}`)
+  );
+}
+function ce(e, t, o, i) {
+  return e.request(
+    j(`/collection-layouts/${t}/section-links/${encodeURIComponent(o)}/plan`, {
+      bundle: { groups: i.groups, placements: i.placements }
+    })
+  );
+}
+function ue(e, t, o) {
+  return e.request(
+    H(`/collection-layouts/templates/${t}/content`, o)
+  ).then((i) => i.data);
+}
+const Q = X(null);
+function Ne({
+  value: e,
+  children: t
+}) {
+  return /* @__PURE__ */ a(Q.Provider, { value: e, children: t });
+}
+function U() {
+  return D(Q);
+}
+function Le(e, t) {
+  const o = G(), { data: i = [] } = ae(e), [r, n] = w(null);
+  L(() => n(null), [e]);
+  const s = t.bundle, l = $(() => oe(s, i), [s, i]), m = C(
+    () => void o.invalidateQueries({ queryKey: A.layout(e) }),
+    [o, e]
+  );
+  L(() => {
+    i.length && m();
+  }, [t.baseRev]), L(() => {
+    r && !l.roots.has(r) && n(null);
+  }, [r, l]);
+  const h = t.apply, y = C(
+    (f, N) => {
+      const x = re(f, l, r);
+      if (x) {
+        b(`${x.template_name} is a linked library section`, {
+          id: "linked-section-refused",
+          description: "Select it and choose Edit the shared section to change it on every form, or Unlink to change it here only."
+        });
+        return;
+      }
+      h(f, N);
+    },
+    [l, r, h]
+  ), d = C(async () => (await t.save(), t.unsavedOps().length === 0), [t]), p = $(() => ({ ...t, apply: y }), [t, y]), v = $(
+    () => ({ layoutId: e, bundle: s, links: i, index: l, editing: r, setEditing: n, rawApply: h, save: d, refresh: m }),
+    [e, s, i, l, r, h, d, m]
+  );
+  return { draft: p, value: v };
+}
+function Ce(e) {
+  const t = U(), o = (t == null ? void 0 : t.index) ?? S, i = (t == null ? void 0 : t.editing) ?? null;
+  return $(() => o.roots.size === 0 ? { marks: e, locked: void 0 } : {
+    marks: (r) => {
+      const n = (e == null ? void 0 : e(r)) ?? [];
+      if (r.kind !== "group" || !o.roots.has(r.key)) return n;
+      const s = o.byGroup.get(r.key);
+      return [...n, de(s, s.group_key === i)];
+    },
+    locked: (r) => ie(o, r, i)
+  }, [o, i, e]);
+}
+function de(e, t) {
+  return t ? {
+    text: "Editing shared section",
+    tone: "violet",
+    icon: "link",
+    highlight: !0,
+    tip: `Changes here go to the library section ${e.template_name} and ${_(e.linked_forms)} when you publish.`
+  } : e.in_sync === !1 ? {
+    text: "Linked · differs",
+    tone: "amber",
+    icon: "link",
+    tip: `Linked to ${e.template_name} in the section library, but this copy differs from it. Select it to update it.`
+  } : {
+    text: "Linked",
+    tone: "slate",
+    icon: "link",
+    tip: `Linked to ${e.template_name} in the section library: it changes there, on every form that uses it.`
+  };
+}
+function Se(e) {
+  const t = U();
+  if (!t) return null;
+  const o = z(t.index, e);
+  return o ? { link: o, editing: t.editing === o.group_key } : null;
+}
+const P = Z, M = "font-medium text-slate-800 dark:text-foreground";
+function Ue({ link: e }) {
+  const t = U(), o = K(), i = G(), r = te(), [n, s] = w(null), [l, m] = w(!1), [h, y] = w(null);
+  if (!t) return null;
+  const d = t.editing === e.group_key, p = Math.max(0, e.linked_forms - 1), v = async (k) => {
+    if (!t.bundle) return !1;
+    const u = await ce(o, t.layoutId, e.group_key, t.bundle);
+    return u.ops.length && !u.in_sync && t.rawApply(u.ops, { label: k }), !0;
+  }, f = async (k, u) => {
+    if (!n) {
+      s(k), y(null);
+      try {
+        await u();
+      } catch (F) {
+        y(V(F, "That did not work").message);
+      } finally {
+        s(null);
+      }
+    }
+  }, N = () => f("update", async () => {
+    await v(`Update ${e.template_name} from the library`), b.success(`${e.template_name} matches the library again. Save to keep it.`);
+  }), x = () => f("cancel", async () => {
+    await v(`Undo edits to ${e.template_name}`), t.setEditing(null);
+  }), R = () => f("publish", async () => {
+    if (!await t.save()) {
+      y("Save the form first (it may ask for a reason), then publish.");
+      return;
+    }
+    const k = await ue(o, e.template_id, {
+      layout_id: t.layoutId,
+      group_key: e.group_key
+    });
+    t.setEditing(null), t.refresh(), r("section"), i.invalidateQueries({ queryKey: ne.templates("section") });
+    const u = se(k);
+    b.success(`Published ${e.template_name}: ${u.text}`), u.skipped && b.warning(u.skipped, { duration: 1e4 });
+  }), B = () => f("unlink", async () => {
+    await le(o, t.layoutId, e.group_key), t.setEditing(null), t.refresh(), r("section"), b.success(`${e.template_name} is an ordinary section on this form now`);
+  });
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "data-linked-section": e.group_key,
+      "data-linked-editing": d ? "" : void 0,
+      className: T(ee, "mb-4 space-y-2.5 p-3"),
+      children: [
+        /* @__PURE__ */ c("p", { className: "flex items-start gap-2 text-[12.5px] leading-snug text-slate-700 dark:text-foreground", children: [
+          /* @__PURE__ */ a(
+            W,
+            {
+              "aria-hidden": !0,
+              className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-[#0089ad] dark:text-nvr-cyan"
+            }
+          ),
+          d ? /* @__PURE__ */ c("span", { children: [
+            "Editing the shared section ",
+            /* @__PURE__ */ a("span", { className: M, children: e.template_name }),
+            ". Publish saves this form and sends the section to the library",
+            p ? ` and ${_(p)} that use it` : "",
+            "."
+          ] }) : /* @__PURE__ */ c("span", { children: [
+            "Linked to ",
+            /* @__PURE__ */ a("span", { className: M, children: e.template_name }),
+            " in the section library",
+            p ? `, also on ${_(p)}` : "",
+            ". It changes there, for every form at once."
+          ] })
+        ] }),
+        !d && !e.confirmed && /* @__PURE__ */ a("p", { className: P, children: "The link is kept when you save this form." }),
+        !d && e.in_sync === !1 && /* @__PURE__ */ a(
+          "p",
+          {
+            "data-linked-differs": "",
+            className: T("rounded-md border px-2.5 py-1.5 text-[12px] leading-snug", I),
+            children: "This copy differs from the library (changed here, or the library changed while the form could not be updated)."
+          }
+        ),
+        l ? /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a("p", { className: P, children: "The section stays on this form as an ordinary copy you can change. Library changes stop reaching it." }),
+          /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1.5", children: [
+            /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                "data-linked-unlink-confirm": "",
+                disabled: !!n,
+                onClick: () => void B(),
+                className: g,
+                children: [
+                  /* @__PURE__ */ a(E, { className: "h-3.5 w-3.5" }),
+                  n === "unlink" ? "Unlinking…" : "Unlink"
+                ]
+              }
+            ),
+            /* @__PURE__ */ a("button", { type: "button", className: g, onClick: () => m(!1), children: "Keep linked" })
+          ] })
+        ] }) : d ? /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "data-linked-publish": "",
+              disabled: !!n,
+              onClick: () => void R(),
+              className: q,
+              children: n === "publish" ? "Publishing…" : p ? `Publish to ${_(p + 1)}` : "Publish to the library"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "data-linked-cancel": "",
+              disabled: !!n,
+              onClick: () => void x(),
+              className: g,
+              children: n === "cancel" ? "Putting it back…" : "Cancel"
+            }
+          )
+        ] }) : /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1.5", children: [
+          /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "data-linked-edit": "",
+              disabled: !!n,
+              onClick: () => t.setEditing(e.group_key),
+              className: q,
+              children: "Edit the shared section"
+            }
+          ),
+          e.in_sync === !1 && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              "data-linked-update": "",
+              disabled: !!n,
+              onClick: () => void N(),
+              className: g,
+              children: n === "update" ? "Updating…" : "Update from the library"
+            }
+          ),
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              "data-linked-unlink": "",
+              disabled: !!n,
+              onClick: () => m(!0),
+              className: g,
+              children: [
+                /* @__PURE__ */ a(E, { className: "h-3.5 w-3.5" }),
+                "Unlink"
+              ]
+            }
+          )
+        ] }),
+        h && /* @__PURE__ */ a("p", { role: "alert", className: "text-[12px] leading-snug text-red-700 dark:text-red-300", children: h })
+      ]
+    }
+  );
+}
+export {
+  S as EMPTY_INDEX,
+  Ue as LinkedSectionNotice,
+  Ne as LinkedSectionsProvider,
+  re as blockedLink,
+  $e as createLink,
+  oe as indexLinks,
+  ie as isLockedTarget,
+  A as linkKeys,
+  z as linkOfTarget,
+  de as linkedMark,
+  ce as planLinkUpdate,
+  ue as publishSection,
+  se as publishWords,
+  le as unlinkSection,
+  Ce as useLinkedSectionMarks,
+  Le as useLinkedSections,
+  U as useLinkedSectionsContext,
+  Se as useLinkedTarget,
+  ae as useSectionLinks
+};