@arbidocs/blocks 0.4.33 → 0.4.37

package/dist/{chunk-VMCOH3AY.cjs → chunk-NUF2WGGF.cjs}

@@ -3,17 +3,16 @@
 
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var fflate = require('fflate');
-var React2 = require('react');
+var store = require('@docx-editor.dev/core/store');
+var React3 = require('react');
+var react = require('@docx-editor.dev/react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
-var react = require('@docx-editor.dev/pro/react');
 var ui = require('@arbidocs/react/ui');
-var jsxRuntime = require('react/jsx-runtime');
 var server = require('react-dom/server');
 var Y = require('yjs');
-var react$1 = require('@docx-editor.dev/react');
-var pro = require('@docx-editor.dev/pro');
-var collaboration = require('@docx-editor.dev/pro/collaboration');
-var hocuspocus = require('@docx-editor.dev/pro/collaboration/hocuspocus');
+var coedit = require('@arbidocs/coedit');
+var hocuspocus = require('@arbidocs/coedit/hocuspocus');
 var lucideReact = require('lucide-react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -36,7 +35,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__default = /*#__PURE__*/_interopDefault(React2);
+var React3__default = /*#__PURE__*/_interopDefault(React3);
 var Y__namespace = /*#__PURE__*/_interopNamespace(Y);
 
 function normalizeDocxExport(data) {
@@ -103,6 +102,435 @@ function normalizeDocxExport(data) {
   if (!changed) return data;
   return fflate.zipSync(files).slice().buffer;
 }
+function findNode(node, id) {
+  if (node.id === id) return node;
+  for (const child of node.children ?? []) {
+    const found = findNode(child, id);
+    if (found) return found;
+  }
+  return void 0;
+}
+function revisionItemsOfParagraph(part, paragraphId) {
+  const paragraph = findNode(part.root, paragraphId);
+  if (!paragraph) return [];
+  return store.revisionItemsOf({ ...part, root: paragraph });
+}
+function reviewModule() {
+  return {
+    id: "review",
+    review: {
+      displayModes: ["all-markup", "simple-markup", "proposed", "original"],
+      collectReviewItems: store.collectReviewItems,
+      revisionItemsOfParagraph
+    }
+  };
+}
+var NONE = [];
+var ok = (result) => result?.ok === true;
+function useReview() {
+  const editor = react.useDocxEditor();
+  const version = react.useEditorSnapshot(editor);
+  const revision = editor?.getReviewRevision() ?? 0;
+  const items = React3.useMemo(() => editor ? editor.getReviewItems() : NONE, [editor, revision]);
+  const paneOpen = editor?.isReviewPaneOpen() ?? false;
+  const activeKey = items.find((item) => item.isActive)?.key ?? null;
+  return React3.useMemo(
+    () => ({
+      ready: editor !== null,
+      items,
+      activeKey,
+      paneOpen,
+      setPaneOpen: (open) => {
+        if (editor && editor.isReviewPaneOpen() !== open) editor.exec({ type: "toggleReviewPane" });
+      },
+      setActive: (key, options) => ok(editor?.setActiveReviewItem(key, options)),
+      reply: (entry, text) => ok(editor?.replyToReviewItem(entry.key, text)),
+      accept: (entry) => ok(editor?.acceptReviewItem(entry.key)),
+      reject: (entry) => ok(editor?.rejectReviewItem(entry.key)),
+      resolve: (entry, resolved) => ok(editor?.setCommentResolved(entry.key, resolved)),
+      remove: (entry) => ok(editor?.deleteReviewItem(entry.key)),
+      addComment: (text) => ok(editor?.addComment(text)),
+      navigate: (direction) => ok(editor?.exec({ type: "navigateReviewChange", direction })),
+      resolveAll: (action) => ok(editor?.exec({ type: "resolveAllReviewChanges", action }))
+    }),
+    [editor, items, activeKey, paneOpen, version]
+  );
+}
+var ReviewItemContext = React3.createContext(null);
+function useReviewItem() {
+  return React3.useContext(ReviewItemContext);
+}
+var CARD_GAP = 8;
+var REVISION_LABELS = {
+  insert: "Inserted",
+  delete: "Deleted",
+  replace: "Replaced",
+  moveFrom: "Moved from here",
+  moveTo: "Moved to here",
+  format: "Formatted",
+  paragraphMark: "Paragraph break",
+  structural: "Table change"
+};
+function isTopLevel(entry) {
+  if (entry.kind === "comment") return !entry.parentId && !entry.parentRevisionId;
+  if (entry.kind === "custom") return entry.item.carded;
+  return true;
+}
+function formatDate(value) {
+  if (!value) return "";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? "" : date.toLocaleString();
+}
+function Avatar({ entry }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "native-docx-review-avatar", "aria-hidden": "true", children: entry.initials });
+}
+function Message({ entry }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-review-message", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-review-byline", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Avatar, { entry }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "native-docx-review-author", children: entry.author || "Reviewer" }),
+      /* @__PURE__ */ jsxRuntime.jsx("time", { className: "native-docx-review-date", children: formatDate(entry.date) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "native-docx-review-text", "data-testid": "review-text", children: entry.text })
+  ] });
+}
+function ReplyForm({
+  entry,
+  review
+}) {
+  const [text, setText] = React3.useState("");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      className: "native-docx-review-reply",
+      onSubmit: (event) => {
+        event.preventDefault();
+        const value = text.trim();
+        if (value && review.reply(entry, value)) setText("");
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            "data-testid": "review-reply-input",
+            "aria-label": "Reply",
+            placeholder: "Reply",
+            value: text,
+            onChange: (event) => setText(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Escape") {
+                event.stopPropagation();
+                review.setActive(null);
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: !text.trim(), children: "Reply" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "review-reply-cancel",
+            onClick: () => review.setActive(null),
+            children: "Cancel"
+          }
+        )
+      ]
+    }
+  );
+}
+function Card({
+  entry,
+  replies,
+  review,
+  extra,
+  cardRef,
+  top
+}) {
+  const resolved = entry.kind === "comment" && entry.resolved;
+  return /* @__PURE__ */ jsxRuntime.jsx(ReviewItemContext.Provider, { value: entry, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "article",
+    {
+      ref: cardRef,
+      className: "native-docx-review-card",
+      tabIndex: 0,
+      "aria-label": `${entry.kind === "revision" ? "Change" : "Comment"} by ${entry.author || "reviewer"}`,
+      onKeyDown: (event) => {
+        if (event.target !== event.currentTarget) return;
+        if ((event.key === "Enter" || event.key === " ") && entry.activatable) {
+          event.preventDefault();
+          review.setActive(entry.key);
+        }
+      },
+      "data-testid": "review-card",
+      "data-kind": entry.kind,
+      "data-active": entry.isActive || void 0,
+      "data-resolved": resolved || void 0,
+      style: { top },
+      onClick: () => {
+        if (entry.activatable && !entry.isActive) review.setActive(entry.key);
+      },
+      children: [
+        entry.kind === "revision" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-review-kind", children: REVISION_LABELS[entry.revisionKind] ?? "Change" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Message, { entry }),
+        replies.map((reply) => /* @__PURE__ */ jsxRuntime.jsx(Message, { entry: reply }, reply.key)),
+        extra,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-review-actions", children: [
+          entry.kind === "revision" && !entry.readOnly && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": "review-accept",
+                onClick: () => review.accept(entry),
+                children: "Accept"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": "review-reject",
+                onClick: () => review.reject(entry),
+                children: "Reject"
+              }
+            )
+          ] }),
+          entry.kind === "comment" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": "review-resolve",
+                onClick: () => review.resolve(entry, !entry.resolved),
+                children: entry.resolved ? "Reopen" : "Resolve"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "data-testid": "review-delete",
+                onClick: () => review.remove(entry),
+                children: "Delete"
+              }
+            )
+          ] })
+        ] }),
+        entry.isActive && entry.kind !== "custom" && /* @__PURE__ */ jsxRuntime.jsx(ReplyForm, { entry, review })
+      ]
+    }
+  ) });
+}
+function Draft({
+  top,
+  onSubmit,
+  onCancel,
+  formRef
+}) {
+  const [text, setText] = React3.useState("");
+  const input = React3.useRef(null);
+  React3.useEffect(() => input.current?.focus(), []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      ref: formRef,
+      className: "native-docx-review-card native-docx-review-draft",
+      "data-testid": "review-draft",
+      style: { top },
+      onSubmit: (event) => {
+        event.preventDefault();
+        if (text.trim()) onSubmit(text.trim());
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: input,
+            "data-testid": "review-draft-input",
+            "aria-label": "Comment",
+            placeholder: "Add a comment",
+            value: text,
+            onChange: (event) => setText(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Escape") onCancel();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-review-actions", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", disabled: !text.trim(), children: "Comment" }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-testid": "review-draft-cancel", onClick: onCancel, children: "Cancel" })
+        ] })
+      ]
+    }
+  );
+}
+function DocxEditorReviewRail({
+  children
+}) {
+  const editor = react.useDocxEditor();
+  const registry = React3.useContext(react.ReviewRailContext);
+  const review = useReview();
+  const [draft, setDraft] = React3.useState(null);
+  const [tops, setTops] = React3.useState({});
+  const [showResolved, setShowResolved] = React3.useState(true);
+  const elements = React3.useRef(/* @__PURE__ */ new Map());
+  const openDraft = React3.useCallback(() => {
+    const placement = editor?.getSelectionPlacement();
+    if (!placement) return;
+    review.setPaneOpen(true);
+    setDraft({ anchorY: placement.anchorY });
+  }, [editor, review.setPaneOpen]);
+  React3.useEffect(() => registry?.register(), [registry]);
+  React3.useEffect(() => registry?.registerCommentDraft(openDraft), [registry, openDraft]);
+  const scale = editor?.getRenderScale() ?? 1;
+  const top = review.items.filter(isTopLevel).filter((entry) => entry.anchorY !== null).filter((entry) => showResolved || entry.kind !== "comment" || !entry.resolved);
+  const hasChanges = review.items.some((entry) => entry.kind === "revision");
+  const hasResolved = review.items.some((entry) => entry.kind === "comment" && entry.resolved);
+  const repliesOf = React3.useCallback(
+    (entry) => review.items.filter(
+      (other) => other.kind === "comment" && (other.parentId === entry.id || other.parentRevisionId === entry.id)
+    ),
+    [review.items]
+  );
+  React3.useLayoutEffect(() => {
+    if (!review.paneOpen) return;
+    const next = {};
+    let floor = 0;
+    const rows = top.map((entry) => ({
+      key: entry.key,
+      y: (entry.anchorY ?? 0) * scale
+    }));
+    if (draft) rows.push({ key: "__draft", y: draft.anchorY * scale });
+    rows.sort((a, b) => a.y - b.y);
+    for (const row of rows) {
+      const y = Math.max(row.y, floor);
+      next[row.key] = y;
+      const height = elements.current.get(row.key)?.offsetHeight ?? 96;
+      floor = y + height + CARD_GAP;
+    }
+    setTops((previous) => {
+      const same = Object.keys(next).length === Object.keys(previous).length && Object.entries(next).every(([key, value]) => previous[key] === value);
+      return same ? previous : next;
+    });
+  });
+  if (!review.ready) return null;
+  const selection = editor?.getSelectionPlacement();
+  const addComment = selection && /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: "native-docx-review-add",
+      "data-testid": "review-add-comment",
+      "aria-label": "Add comment",
+      style: { top: selection.anchorY * scale },
+      onMouseDown: (event) => event.preventDefault(),
+      onClick: openDraft,
+      children: "+"
+    }
+  );
+  if (!review.paneOpen) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-review-markers", "data-testid": "review-markers", children: [
+      addComment,
+      top.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "native-docx-review-marker",
+          "data-testid": "review-marker",
+          "data-kind": entry.kind,
+          "aria-label": `${entry.author}: ${entry.text.slice(0, 60)}`,
+          style: { top: (entry.anchorY ?? 0) * scale },
+          onClick: () => {
+            review.setPaneOpen(true);
+            review.setActive(entry.key);
+          }
+        },
+        entry.key
+      ))
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "native-docx-review-pane", "data-testid": "review-pane", "aria-label": "Review", children: [
+    addComment,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-review-toolbar", "data-testid": "review-toolbar", children: [
+      hasChanges && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "review-previous",
+            onClick: () => review.navigate("previous"),
+            children: "Previous change"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-testid": "review-next", onClick: () => review.navigate("next"), children: "Next change" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "review-accept-all",
+            onClick: () => review.resolveAll("accept"),
+            children: "Accept all"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "review-reject-all",
+            onClick: () => review.resolveAll("reject"),
+            children: "Reject all"
+          }
+        )
+      ] }),
+      hasResolved && /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "checkbox",
+            "data-testid": "review-show-resolved",
+            checked: showResolved,
+            onChange: (event) => setShowResolved(event.target.checked)
+          }
+        ),
+        "Show resolved"
+      ] })
+    ] }),
+    draft && /* @__PURE__ */ jsxRuntime.jsx(
+      Draft,
+      {
+        top: tops.__draft ?? draft.anchorY * scale,
+        formRef: (element) => {
+          if (element) elements.current.set("__draft", element);
+        },
+        onCancel: () => setDraft(null),
+        onSubmit: (text) => {
+          if (review.addComment(text)) setDraft(null);
+        }
+      }
+    ),
+    top.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(
+      Card,
+      {
+        entry,
+        replies: repliesOf(entry),
+        review,
+        extra: children?.(entry),
+        top: tops[entry.key] ?? (entry.anchorY ?? 0) * scale,
+        cardRef: (element) => {
+          if (element) elements.current.set(entry.key, element);
+          else elements.current.delete(entry.key);
+        }
+      },
+      entry.key
+    )),
+    top.length === 0 && !draft && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "native-docx-review-empty", "data-testid": "review-empty", children: "No comments or changes." })
+  ] });
+}
+function ReviewCardSlot({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-review-extra", children });
+}
+var DocxEditorReview = Object.assign(DocxEditorReviewRail, { Card: ReviewCardSlot });
 
 // src/docx/mentions.ts
 function mentionCandidates(mentions) {
@@ -118,12 +546,12 @@ function mentionCandidates(mentions) {
 function mentionedDocxRecipients(text, mentions) {
   return chunk7UTB4PHM_cjs.extractMentions(text, mentionCandidates(mentions)).map((person) => person.id);
 }
-var ActivityContext = React2.createContext({});
+var ActivityContext = React3.createContext({});
 function DocxCommentActivity() {
-  const item = react.useReviewItem();
-  const review = react.useReview();
-  const activity = React2.useContext(ActivityContext);
-  const [reading, setReading] = React2.useState(false);
+  const item = useReviewItem();
+  const review = useReview();
+  const activity = React3.useContext(ActivityContext);
+  const [reading, setReading] = React3.useState(false);
   if (!item || item.kind !== "comment") return null;
   const commentId = item.parentId || item.item.id;
   const thread = review.items.filter(
@@ -205,11 +633,11 @@ function DocxMentions({
   getAgentStatus,
   notify
 }) {
-  const review = react.useReview();
-  const [activity, setActivity] = React2.useState({});
-  const root = React2.useRef(null);
-  const [composers, setComposers] = React2.useState([]);
-  React2.useEffect(() => {
+  const review = useReview();
+  const [activity, setActivity] = React3.useState({});
+  const root = React3.useRef(null);
+  const [composers, setComposers] = React3.useState([]);
+  React3.useEffect(() => {
     const element = root.current;
     if (!element || !requestAgent) return;
     const discover = () => {
@@ -235,15 +663,15 @@ function DocxMentions({
     field.setSelectionRange(value.length, value.length);
     setSuggestions(null);
   };
-  const alive = React2.useRef(true);
-  React2.useEffect(() => {
+  const alive = React3.useRef(true);
+  React3.useEffect(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
-  const activated = React2.useRef(void 0);
-  React2.useEffect(() => {
+  const activated = React3.useRef(void 0);
+  React3.useEffect(() => {
     if (!initialCommentId || activated.current === initialCommentId || !review.ready) return;
     const target = review.items.find(
       (item) => item.kind === "comment" && item.item.id === initialCommentId
@@ -252,16 +680,16 @@ function DocxMentions({
     review.setPaneOpen(true);
     if (review.setActive(target.key)) activated.current = initialCommentId;
   }, [initialCommentId, review]);
-  const input = React2.useRef(null);
-  const replyTarget = React2.useRef(null);
-  const pending = React2.useRef(null);
-  const [suggestions, setSuggestions] = React2.useState(null);
-  const [selected, setSelected] = React2.useState(0);
+  const input = React3.useRef(null);
+  const replyTarget = React3.useRef(null);
+  const pending = React3.useRef(null);
+  const [suggestions, setSuggestions] = React3.useState(null);
+  const [selected, setSelected] = React3.useState(0);
   const candidates = chunk7UTB4PHM_cjs.filterMentionCandidates(
     mentionCandidates(mentions),
     suggestions?.query || ""
   ).slice(0, 8);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     const submission = pending.current;
     if (!submission || !requestAgent) return;
     const created = review.items.find(
@@ -610,7 +1038,7 @@ function covered(room, vector, receipt) {
     }
   return true;
 }
-var EditorBoundary = class extends React2__default.default.Component {
+var EditorBoundary = class extends React3__default.default.Component {
   state = {};
   static getDerivedStateFromError(error) {
     return { error };
@@ -623,8 +1051,8 @@ var EditorBoundary = class extends React2__default.default.Component {
   }
 };
 function DocxParticipants({ session }) {
-  const [people, setPeople] = React2.useState([]);
-  React2.useEffect(() => {
+  const [people, setPeople] = React3.useState([]);
+  React3.useEffect(() => {
     if (!session) return;
     setPeople(session.participants());
     return session.subscribeParticipants(setPeople);
@@ -636,9 +1064,9 @@ function RibbonMenu({
   icon,
   children
 }) {
-  const [open, setOpen] = React2.useState(false);
-  const element = React2.useRef(null);
-  React2.useEffect(() => {
+  const [open, setOpen] = React3.useState(false);
+  const element = React3.useRef(null);
+  React3.useEffect(() => {
     if (!open) return;
     const dismiss = (event) => {
       if (!element.current?.contains(event.target)) setOpen(false);
@@ -683,48 +1111,48 @@ function RibbonMenu({
   ] });
 }
 function DocxRibbon({ onSave }) {
-  const [tab, setTab] = React2.useState("Home");
-  const t = react$1.useChromeTranslate();
+  const [tab, setTab] = React3.useState("Home");
+  const t = react.useChromeTranslate();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-ribbon", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("select", { "aria-label": "Ribbon tab", value: tab, onChange: (event) => setTab(event.target.value), children: [
       /* @__PURE__ */ jsxRuntime.jsx("option", { children: "Home" }),
       /* @__PURE__ */ jsxRuntime.jsx("option", { children: "Insert" }),
       /* @__PURE__ */ jsxRuntime.jsx("option", { children: "Review" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(react$1.DocxEditor.Toolbar, { t, preset: false, onSave, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Undo, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Redo, {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(react.DocxEditor.Toolbar, { t, preset: false, onSave, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Undo, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Redo, {}),
       tab === "Home" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Bold, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Italic, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Underline, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Bold, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Italic, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Underline, {}),
         /* @__PURE__ */ jsxRuntime.jsxs(RibbonMenu, { label: "Font", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { size: 16 }), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.FontFamily, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.FontSize, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.FontColor, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Highlight, {})
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.FontFamily, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.FontSize, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.FontColor, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Highlight, {})
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(RibbonMenu, { label: "More formatting", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { size: 16 }), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.StylePicker, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Alignment, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.BulletList, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.NumberedList, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.LineSpacing, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Indent, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Outdent, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Strike, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.ClearFormatting, {})
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.StylePicker, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Alignment, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.BulletList, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.NumberedList, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.LineSpacing, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Indent, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Outdent, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Strike, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.ClearFormatting, {})
         ] })
       ] }),
       tab === "Insert" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.TableInsert, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.ImageInsert, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Link, {})
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.TableInsert, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.ImageInsert, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Link, {})
       ] }),
       tab === "Review" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.EditingMode, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Comments, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(RibbonMenu, { label: "Review options", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { size: 16 }), children: /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Toolbar.Reviewers, {}) })
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.EditingMode, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Comments, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(RibbonMenu, { label: "Review options", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { size: 16 }), children: /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Reviewers, {}) })
       ] })
     ] })
   ] });
@@ -740,18 +1168,18 @@ function NativeDocxEditor({
   stream,
   adapter
 }) {
-  const [ready, setReady] = React2.useState(), [error, setError] = React2.useState(""), [retry, setRetry] = React2.useState(0);
-  const [status, setStatus] = React2.useState("Connecting\u2026"), [dirty, setDirty] = React2.useState(false), [saving, setSaving] = React2.useState(false), [offline, setOffline] = React2.useState(false);
-  const revision = React2.useRef(0);
-  const stageRef = React2.useRef(null), fitCleanup = React2.useRef(void 0);
-  const ref = React2.useRef(null), dirtyRef = React2.useRef(false), draftTimer = React2.useRef(void 0);
+  const [ready, setReady] = React3.useState(), [error, setError] = React3.useState(""), [retry, setRetry] = React3.useState(0);
+  const [status, setStatus] = React3.useState("Connecting\u2026"), [dirty, setDirty] = React3.useState(false), [saving, setSaving] = React3.useState(false), [offline, setOffline] = React3.useState(false);
+  const revision = React3.useRef(0);
+  const stageRef = React3.useRef(null), fitCleanup = React3.useRef(void 0);
+  const ref = React3.useRef(null), dirtyRef = React3.useRef(false), draftTimer = React3.useRef(void 0);
   const isDraft = draftContent !== void 0;
-  const streamRef = React2.useRef(stream);
+  const streamRef = React3.useRef(stream);
   streamRef.current = stream;
-  const streamWriter = React2.useRef(null);
-  const streamFinished = React2.useRef(false);
-  const streamTimer = React2.useRef(void 0);
-  const [streamAttempt, setStreamAttempt] = React2.useState(0);
+  const streamWriter = React3.useRef(null);
+  const streamFinished = React3.useRef(false);
+  const streamTimer = React3.useRef(void 0);
+  const [streamAttempt, setStreamAttempt] = React3.useState(0);
   function updateStream() {
     const current = streamRef.current;
     if (!current || !streamWriter.current || streamFinished.current) return;
@@ -775,7 +1203,7 @@ function NativeDocxEditor({
       );
     }
   }
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     if (!streamRef.current) return;
     if (!streamRef.current.busy) {
       clearTimeout(streamTimer.current);
@@ -788,8 +1216,8 @@ function NativeDocxEditor({
       }, 120);
     }
   }, [stream?.content, stream?.busy, stream?.error, streamAttempt]);
-  React2.useEffect(() => () => clearTimeout(streamTimer.current), []);
-  React2.useEffect(() => {
+  React3.useEffect(() => () => clearTimeout(streamTimer.current), []);
+  React3.useEffect(() => {
     let cancelled = false;
     let room;
     const cleanups = [];
@@ -810,7 +1238,7 @@ function NativeDocxEditor({
           setReady({
             document: new Uint8Array(data),
             fonts,
-            modules: [react.reviewModule()],
+            modules: [reviewModule()],
             canEdit: !snapshot,
             author: adapter.author || "You",
             filename: title
@@ -827,7 +1255,6 @@ function NativeDocxEditor({
         url: ws.toString(),
         roomId: session.room_id,
         identity: session.identity,
-        bootstrap: { kind: "join" },
         offlineEditing: true,
         token: async () => {
           const next = initial ? session : await adapter.open(documentId);
@@ -836,7 +1263,7 @@ function NativeDocxEditor({
             setReady((previous) => previous ? { ...previous, canEdit: next.can_edit } : previous);
           return JSON.stringify({
             capability: next.token,
-            versions: collaboration.DOCUMENT_COLLABORATION_VERSIONS
+            versions: coedit.DOCUMENT_COLLABORATION_VERSIONS
           });
         }
       });
@@ -894,7 +1321,7 @@ function NativeDocxEditor({
       setReady({
         document: current.document,
         fonts,
-        modules: [react.reviewModule(), pro.collaborationModule({ session: current.session })],
+        modules: [reviewModule(), coedit.collaborationModule({ session: current.session })],
         room: current,
         canEdit: session.can_edit,
         author: session.identity.name,
@@ -913,7 +1340,7 @@ function NativeDocxEditor({
       room?.destroy();
     };
   }, [documentId, isDraft, snapshot, retry]);
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     adapter.onDirtyChange?.(dirty);
     const beforeUnload = (e) => {
       if (dirtyRef.current) e.preventDefault();
@@ -938,7 +1365,7 @@ function NativeDocxEditor({
     a.click();
     setTimeout(() => URL.revokeObjectURL(url), 5e3);
   }
-  React2.useLayoutEffect(() => {
+  React3.useLayoutEffect(() => {
     const editor = ref.current;
     return () => {
       if (isDraft && editor && dirtyRef.current)
@@ -1075,7 +1502,7 @@ function NativeDocxEditor({
         ] }),
         !ready && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-error", role: "status", children: "Opening Word document\u2026" }),
         ready && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-body docx-editor", children: /* @__PURE__ */ jsxRuntime.jsx(EditorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.DocxEditor.Root,
+          react.DocxEditor.Root,
           {
             document: ready.document,
             modules: ready.modules,
@@ -1091,7 +1518,7 @@ function NativeDocxEditor({
             onFontError: (e) => setError(e.message),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.DocxEditor.RevisionMarkup,
+                react.DocxEditor.RevisionMarkup,
                 {
                   insertions: { mark: "underline", color: "blue" },
                   deletions: { mark: "strikethrough", color: "red" },
@@ -1111,8 +1538,8 @@ function NativeDocxEditor({
                       event.preventDefault();
                   },
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(react$1.DocxEditor.Viewport, { className: "native-docx-viewport", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Content, {}),
+                    /* @__PURE__ */ jsxRuntime.jsxs(react.DocxEditor.Viewport, { className: "native-docx-viewport", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Content, {}),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         DocxMentions,
                         {
@@ -1121,16 +1548,16 @@ function NativeDocxEditor({
                           notify: adapter.notify,
                           getAgentStatus: adapter.getAgentStatus,
                           requestAgent: adapter.requestAgent ? (request) => adapter.requestAgent(documentId, request) : void 0,
-                          children: /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditorReview, { children: () => /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditorReview.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(DocxCommentActivity, {}) }) })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(DocxEditorReview, { children: () => /* @__PURE__ */ jsxRuntime.jsx(DocxEditorReview.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(DocxCommentActivity, {}) }) })
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.HeaderFooterChrome, {}),
-                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.NotesChrome, {}),
-                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Equation, {}),
-                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.HyperLink, {}),
-                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.ContextMenu, {})
+                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.HeaderFooterChrome, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.NotesChrome, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Equation, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.HyperLink, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.ContextMenu, {})
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.PageNumber, {})
+                    /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.PageNumber, {})
                   ]
                 }
               )
@@ -1168,7 +1595,7 @@ async function loadFonts(baseUrl) {
           `${baseUrl.replace(/\/$/, "")}/${family.replace(" ", "")}-${face.suffix}.ttf`
         );
         if (!r.ok) throw new Error(`Could not load the document font ${family}.`);
-        const result = react$1.createFontSource(new Uint8Array(await r.arrayBuffer()), {
+        const result = react.createFontSource(new Uint8Array(await r.arrayBuffer()), {
           family,
           weight: face.weight,
           style: face.style
@@ -1214,8 +1641,8 @@ function StreamedWordArtifact({
   sourceDocumentId,
   onSaved
 }) {
-  const [documentId, setDocumentId] = React2.useState();
-  const saving = React2.useRef(null);
+  const [documentId, setDocumentId] = React3.useState();
+  const saving = React3.useRef(null);
   async function persist(bytes) {
     if (saving.current) return saving.current;
     saving.current = (async () => {
@@ -1257,6 +1684,7 @@ function StreamedWordArtifact({
 }
 
 exports.DocxCommentActivity = DocxCommentActivity;
+exports.DocxEditorReview = DocxEditorReview;
 exports.DocxMentions = DocxMentions;
 exports.DocxParticipants = DocxParticipants;
 exports.DocxRibbon = DocxRibbon;
@@ -1264,5 +1692,8 @@ exports.NativeDocxEditor = NativeDocxEditor;
 exports.StreamedWordArtifact = StreamedWordArtifact;
 exports.loadDocxFonts = loadDocxFonts;
 exports.normalizeDocxExport = normalizeDocxExport;
-//# sourceMappingURL=chunk-VMCOH3AY.cjs.map
-//# sourceMappingURL=chunk-VMCOH3AY.cjs.map
+exports.reviewModule = reviewModule;
+exports.useReview = useReview;
+exports.useReviewItem = useReviewItem;
+//# sourceMappingURL=chunk-NUF2WGGF.cjs.map
+//# sourceMappingURL=chunk-NUF2WGGF.cjs.map