@arbidocs/blocks 0.4.158 → 0.4.159

package/dist/{chunk-JSQEAPTC.cjs → chunk-4GITK3Q5.cjs}

@@ -1,6 +1,7 @@
 "use client";
 'use strict';
 
+var chunkJPWPR6QU_cjs = require('./chunk-JPWPR6QU.cjs');
 var chunk5FYU7ZIU_cjs = require('./chunk-5FYU7ZIU.cjs');
 var chunkQT3A4PFC_cjs = require('./chunk-QT3A4PFC.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
@@ -19,6 +20,7 @@ var hocuspocus = require('@arbidocs/coedit/hocuspocus');
 var commands = require('@arbidocs/coedit/commands');
 var template = require('@arbidocs/coedit/template');
 var editor = require('@docx-editor.dev/core/editor');
+var documentTools = require('@arbidocs/react/document-tools');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -4287,6 +4289,310 @@ function QuickParts() {
     ] })
   ] }) });
 }
+var SignatureFieldsContext = React4.createContext(null);
+function SignatureFieldsProvider({
+  signers,
+  editable,
+  notify,
+  mySignature,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    SignatureFieldsContext.Provider,
+    {
+      value: signers || mySignature ? { fields: !!signers, signers: signers ?? [], editable, notify, mySignature } : null,
+      children: [
+        children,
+        mySignature && /* @__PURE__ */ jsxRuntime.jsx(MySignatureDialog, {})
+      ]
+    }
+  );
+}
+async function insertSavedMark(editor$1, saved, mark) {
+  const png = mark === "signature" ? saved.signature_png : saved.initials_png;
+  const { width, height } = documentTools.pngSize(png);
+  const heightPoints = mark === "signature" ? 36 : 24;
+  let widthPoints = width / Math.max(1, height) * heightPoints;
+  let h = heightPoints;
+  if (widthPoints > 200) {
+    h = heightPoints * 200 / widthPoints;
+    widthPoints = 200;
+  }
+  editor$1.focus();
+  const result = await editor.executeImageCommand(editor$1, {
+    type: "insertImage",
+    data: documentTools.pngBytes(png),
+    mime: "image/png",
+    widthPoints,
+    heightPoints: h,
+    description: mark === "signature" ? `Signature of ${saved.name}` : `Initials of ${saved.name}`,
+    title: mark === "signature" ? "Signature" : "Initials"
+  });
+  if (!result.ok) throw new Error(result.reason || "The picture could not be inserted here.");
+}
+var openAdopt = null;
+function MySignatureDialog() {
+  const context = React4.useContext(SignatureFieldsContext);
+  const editor = react.useDocxEditor();
+  const [pending, setPending] = React4.useState(null);
+  openAdopt = setPending;
+  const mine = context?.mySignature;
+  if (!mine) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkJPWPR6QU_cjs.AdoptSignatureDialog,
+    {
+      open: !!pending,
+      onOpenChange: (open) => !open && setPending(null),
+      mode: "save",
+      defaultName: mine.defaultName,
+      onSave: mine.save,
+      onAdopt: async () => {
+        const mark = pending;
+        setPending(null);
+        const saved = await mine.load();
+        if (editor && saved && mark) {
+          try {
+            await insertSavedMark(editor, saved, mark);
+          } catch (failure) {
+            context?.notify?.(failure instanceof Error ? failure.message : String(failure), "error");
+          }
+        }
+      }
+    }
+  );
+}
+function useInsertMySignature() {
+  const context = React4.useContext(SignatureFieldsContext);
+  const editor = react.useDocxEditor();
+  const mine = context?.mySignature;
+  if (!mine || !editor) return null;
+  return async (mark) => {
+    try {
+      const saved = await mine.load();
+      if (!saved) return openAdopt?.(mark);
+      await insertSavedMark(editor, saved, mark);
+    } catch (failure) {
+      context?.notify?.(
+        failure instanceof Error ? failure.message : "The signature could not be inserted.",
+        "error"
+      );
+    }
+  };
+}
+function MySignatureMenu() {
+  const insert = useInsertMySignature();
+  const context = React4.useContext(SignatureFieldsContext);
+  if (!insert) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(RibbonMenu, { label: "My signature", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Signature, { size: 16 }), testId: "docx-my-signature", children: (close) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-signature-field", "data-testid": "docx-my-signature-panel", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        disabled: !context?.editable,
+        onClick: () => {
+          close();
+          void insert("signature");
+        },
+        "data-testid": "docx-insert-my-signature",
+        children: "Insert my signature"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        disabled: !context?.editable,
+        onClick: () => {
+          close();
+          void insert("initials");
+        },
+        "data-testid": "docx-insert-my-initials",
+        children: "Insert my initials"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { children: documentTools.INFORMAL_SIGNATURE_NOTE })
+  ] }) });
+}
+function MySignatureContextItems() {
+  const insert = useInsertMySignature();
+  if (!insert) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.ContextMenu.Separator, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react.DocxEditor.ContextMenu.Item,
+      {
+        label: "Insert my signature",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Signature, { size: 14 }),
+        onSelect: () => void insert("signature")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      react.DocxEditor.ContextMenu.Item,
+      {
+        label: "Insert my initials",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Signature, { size: 14 }),
+        onSelect: () => void insert("initials")
+      }
+    )
+  ] });
+}
+var OTHER = "__other__";
+var NONE2 = "";
+function insertSignatureField(editor, spec) {
+  const surface = editor.surface;
+  const selection = surface?.state().selection;
+  if (!surface || !selection) throw new Error("Place the cursor where the field goes.");
+  const { head } = selection;
+  const { tag, write } = commands.signatureFieldWrite(spec, head);
+  const result = withDirectEditing(editor, () => surface.session.insertCustomNode(write));
+  if (!result.ok) {
+    throw new Error(
+      result.reason === "locked" ? "A field cannot go inside a locked part of the document." : "The field could not be inserted here."
+    );
+  }
+  const after = { paragraphId: head.paragraphId, offset: head.offset + write.text.length };
+  try {
+    surface.setSelection({ anchor: after, head: after });
+  } catch {
+  }
+  return tag;
+}
+function SignatureFieldMenu() {
+  const context = React4.useContext(SignatureFieldsContext);
+  const editor = react.useDocxEditor();
+  const [kind, setKind] = React4.useState("signature");
+  const [who, setWho] = React4.useState(NONE2);
+  const [email, setEmail] = React4.useState("");
+  const [name, setName] = React4.useState("");
+  const [required, setRequired] = React4.useState(true);
+  const [error, setError] = React4.useState("");
+  if (!context?.fields) return null;
+  const other = who === OTHER;
+  const chosen = context.signers.find((s) => s.email === who);
+  const ready = !other || commands.isSignerEmail(email);
+  const insert = (close) => {
+    if (!editor || !ready) return;
+    setError("");
+    try {
+      insertSignatureField(editor, {
+        kind,
+        email: other ? email : chosen?.email ?? null,
+        name: other ? name : chosen?.name ?? null,
+        required
+      });
+      close();
+      setEmail("");
+      setName("");
+    } catch (failure) {
+      setError(failure instanceof Error ? failure.message : "The field could not be inserted.");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RibbonMenu,
+    {
+      label: "Signature field",
+      icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PenLine, { size: 16 }),
+      testId: "docx-signature-field",
+      keepMounted: true,
+      children: (close) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          className: "native-docx-signature-field",
+          "data-testid": "docx-signature-field-panel",
+          onSubmit: (event) => {
+            event.preventDefault();
+            insert(close);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Field",
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "select",
+                {
+                  value: kind,
+                  onChange: (event) => setKind(event.target.value),
+                  "data-testid": "docx-signature-field-kind",
+                  children: commands.SIGNATURE_FIELD_KINDS.map((k) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: k, children: commands.SIGNATURE_FIELD_LABELS[k] }, k))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+              "Signer",
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  value: who,
+                  onChange: (event) => setWho(event.target.value),
+                  "data-testid": "docx-signature-field-signer",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: NONE2, children: "Choose when sending" }),
+                    context.signers.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: s.email, children: [
+                      s.name || s.email,
+                      " (",
+                      s.email,
+                      ")"
+                    ] }, s.email)),
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: OTHER, children: "Someone else, by email\u2026" })
+                  ]
+                }
+              )
+            ] }),
+            other && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+                "Email",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "email",
+                    value: email,
+                    required: true,
+                    autoComplete: "off",
+                    onChange: (event) => setEmail(event.target.value),
+                    "data-testid": "docx-signature-field-email"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+                "Name",
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    value: name,
+                    maxLength: 200,
+                    autoComplete: "off",
+                    onChange: (event) => setName(event.target.value),
+                    "data-testid": "docx-signature-field-name"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "native-docx-signature-field-check", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: required,
+                  onChange: (event) => setRequired(event.target.checked)
+                }
+              ),
+              "Required"
+            ] }),
+            error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", children: error }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "submit",
+                disabled: !context.editable || !ready,
+                "data-testid": "docx-signature-field-insert",
+                children: "Insert field"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
 var SOURCE = {
   workspace: "This workspace's house template",
   deployment: "The house template for all workspaces",
@@ -4489,6 +4795,8 @@ function DocxRibbon({
           /* @__PURE__ */ jsxRuntime.jsx(RibbonItem, { id: "insert-link", label: "Link", children: /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Link, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(RibbonItem, { id: "insert-defined-term", label: "Defined term", children: /* @__PURE__ */ jsxRuntime.jsx(DefinedTermButtons, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(RibbonItem, { id: "insert-quick-parts", label: "Quick Parts", children: /* @__PURE__ */ jsxRuntime.jsx(QuickParts, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(RibbonItem, { id: "insert-signature-field", label: "Signature field", children: /* @__PURE__ */ jsxRuntime.jsx(SignatureFieldMenu, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(RibbonItem, { id: "insert-my-signature", label: "My signature", children: /* @__PURE__ */ jsxRuntime.jsx(MySignatureMenu, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(RibbonItem, { id: "insert-cross-reference", label: "Cross-reference", children: /* @__PURE__ */ jsxRuntime.jsx(CrossReferenceButton, {}) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(LayoutTabContent, { tab }),
@@ -4917,86 +5225,98 @@ function NativeDocxEditor({
                     documentId: isDraft || snapshot ? void 0 : documentId,
                     editable: !stream && !snapshot && ready.canEdit,
                     notify: adapter.notify,
-                    children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
                       CrossReferencesProvider,
                       {
                         editable: !stream && !snapshot && ready.canEdit,
                         references: adapter.references,
                         documentId,
                         notify: adapter.notify,
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            react.DocxEditor.RevisionMarkup,
-                            {
-                              insertions: { mark: "underline", color: "blue" },
-                              deletions: { mark: "strikethrough", color: "red" },
-                              movedFrom: { mark: "doubleStrikethrough", color: "green" },
-                              movedTo: { mark: "doubleUnderline", color: "green" },
-                              trackMoves: true
-                            }
-                          ),
-                          compact && !stream && /* @__PURE__ */ jsxRuntime.jsx(CompactToolbar, {}),
-                          !compact && !stream && /* @__PURE__ */ jsxRuntime.jsx(
-                            DocxRibbon,
-                            {
-                              onSave: () => void saveVersion(),
-                              imageGeneration: adapter.imageGeneration && {
-                                notify: adapter.notify,
-                                ...adapter.imageGeneration
-                              },
-                              badge: (
-                                // The document's state, in place of a title row above the ribbon.
-                                /* @__PURE__ */ jsxRuntime.jsx(
-                                  DocumentStateBadge,
-                                  {
-                                    state: snapshot || !ready.canEdit ? "read-only" : ready.room ? "co-editing" : isDraft ? "draft" : void 0
-                                  }
-                                )
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          SignatureFieldsProvider,
+                          {
+                            signers: adapter.signatureSigners,
+                            mySignature: adapter.savedSignature,
+                            editable: !stream && !snapshot && ready.canEdit,
+                            notify: adapter.notify,
+                            children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                react.DocxEditor.RevisionMarkup,
+                                {
+                                  insertions: { mark: "underline", color: "blue" },
+                                  deletions: { mark: "strikethrough", color: "red" },
+                                  movedFrom: { mark: "doubleStrikethrough", color: "green" },
+                                  movedTo: { mark: "doubleUnderline", color: "green" },
+                                  trackMoves: true
+                                }
+                              ),
+                              compact && !stream && /* @__PURE__ */ jsxRuntime.jsx(CompactToolbar, {}),
+                              !compact && !stream && /* @__PURE__ */ jsxRuntime.jsx(
+                                DocxRibbon,
+                                {
+                                  onSave: () => void saveVersion(),
+                                  imageGeneration: adapter.imageGeneration && {
+                                    notify: adapter.notify,
+                                    ...adapter.imageGeneration
+                                  },
+                                  badge: (
+                                    // The document's state, in place of a title row above the ribbon.
+                                    /* @__PURE__ */ jsxRuntime.jsx(
+                                      DocumentStateBadge,
+                                      {
+                                        state: snapshot || !ready.canEdit ? "read-only" : ready.room ? "co-editing" : isDraft ? "draft" : void 0
+                                      }
+                                    )
+                                  )
+                                }
+                              ),
+                              !stream && /* @__PURE__ */ jsxRuntime.jsx(WordShortcuts, { scope: stageRef }),
+                              !stream && /* @__PURE__ */ jsxRuntime.jsx(TableTabKeys, { scope: stageRef }),
+                              /* @__PURE__ */ jsxRuntime.jsxs(
+                                "div",
+                                {
+                                  className: "native-docx-stage",
+                                  ref: stageRef,
+                                  onMouseDownCapture: (event) => {
+                                    if (event.button === 2 && ref.current?.getSelectionPlacement())
+                                      event.preventDefault();
+                                  },
+                                  children: [
+                                    /* @__PURE__ */ jsxRuntime.jsxs(react.DocxEditor.Viewport, { className: "native-docx-viewport", children: [
+                                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Content, {}),
+                                      /* @__PURE__ */ jsxRuntime.jsxs(
+                                        DocxMentions,
+                                        {
+                                          initialCommentId,
+                                          mentions: adapter.mentions,
+                                          notify: adapter.notify,
+                                          getAgentStatus: adapter.getAgentStatus,
+                                          requestAgent: adapter.requestAgent ? (request) => adapter.requestAgent(documentId, request) : void 0,
+                                          children: [
+                                            /* @__PURE__ */ jsxRuntime.jsx(RoomInputBinding, { session: ready.room?.session }),
+                                            /* @__PURE__ */ jsxRuntime.jsx(AgentUndoRoom.Provider, { value: ready.room?.ydoc ?? null, children: /* @__PURE__ */ jsxRuntime.jsx(DocxEditorReview, { children: () => /* @__PURE__ */ jsxRuntime.jsxs(DocxEditorReview.Card, { children: [
+                                              /* @__PURE__ */ jsxRuntime.jsx(DocxCommentActivity, {}),
+                                              /* @__PURE__ */ jsxRuntime.jsx(AgentUndo, {})
+                                            ] }) }) })
+                                          ]
+                                        }
+                                      ),
+                                      !compact && /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.HeaderFooterChrome, {}),
+                                      !compact && /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.NotesChrome, {}),
+                                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Equation, {}),
+                                      /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.HyperLink, {}),
+                                      /* @__PURE__ */ jsxRuntime.jsxs(react.DocxEditor.ContextMenu, { children: [
+                                        /* @__PURE__ */ jsxRuntime.jsx(DocxContextMenuExtras, {}),
+                                        /* @__PURE__ */ jsxRuntime.jsx(MySignatureContextItems, {})
+                                      ] })
+                                    ] }),
+                                    !compact && /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.PageNumber, {})
+                                  ]
+                                }
                               )
-                            }
-                          ),
-                          !stream && /* @__PURE__ */ jsxRuntime.jsx(WordShortcuts, { scope: stageRef }),
-                          !stream && /* @__PURE__ */ jsxRuntime.jsx(TableTabKeys, { scope: stageRef }),
-                          /* @__PURE__ */ jsxRuntime.jsxs(
-                            "div",
-                            {
-                              className: "native-docx-stage",
-                              ref: stageRef,
-                              onMouseDownCapture: (event) => {
-                                if (event.button === 2 && ref.current?.getSelectionPlacement())
-                                  event.preventDefault();
-                              },
-                              children: [
-                                /* @__PURE__ */ jsxRuntime.jsxs(react.DocxEditor.Viewport, { className: "native-docx-viewport", children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Content, {}),
-                                  /* @__PURE__ */ jsxRuntime.jsxs(
-                                    DocxMentions,
-                                    {
-                                      initialCommentId,
-                                      mentions: adapter.mentions,
-                                      notify: adapter.notify,
-                                      getAgentStatus: adapter.getAgentStatus,
-                                      requestAgent: adapter.requestAgent ? (request) => adapter.requestAgent(documentId, request) : void 0,
-                                      children: [
-                                        /* @__PURE__ */ jsxRuntime.jsx(RoomInputBinding, { session: ready.room?.session }),
-                                        /* @__PURE__ */ jsxRuntime.jsx(AgentUndoRoom.Provider, { value: ready.room?.ydoc ?? null, children: /* @__PURE__ */ jsxRuntime.jsx(DocxEditorReview, { children: () => /* @__PURE__ */ jsxRuntime.jsxs(DocxEditorReview.Card, { children: [
-                                          /* @__PURE__ */ jsxRuntime.jsx(DocxCommentActivity, {}),
-                                          /* @__PURE__ */ jsxRuntime.jsx(AgentUndo, {})
-                                        ] }) }) })
-                                      ]
-                                    }
-                                  ),
-                                  !compact && /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.HeaderFooterChrome, {}),
-                                  !compact && /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.NotesChrome, {}),
-                                  /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Equation, {}),
-                                  /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.HyperLink, {}),
-                                  /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.ContextMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(DocxContextMenuExtras, {}) })
-                                ] }),
-                                !compact && /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.PageNumber, {})
-                              ]
-                            }
-                          )
-                        ]
+                            ]
+                          }
+                        )
                       }
                     )
                   }
@@ -5101,9 +5421,12 @@ exports.GenerateImageButton = GenerateImageButton;
 exports.HouseTemplateProvider = HouseTemplateProvider;
 exports.LinkHoverCard = LinkHoverCard;
 exports.NativeDocxEditor = NativeDocxEditor;
+exports.SignatureFieldMenu = SignatureFieldMenu;
+exports.SignatureFieldsProvider = SignatureFieldsProvider;
 exports.builtinHouseTemplate = builtinHouseTemplate;
 exports.contentPath = contentPath;
 exports.editorPort = editorPort;
+exports.insertSignatureField = insertSignatureField;
 exports.normalizeDocxExport = normalizeDocxExport;
 exports.referenceText = referenceText;
 exports.referencesPort = referencesPort;
@@ -5120,5 +5443,5 @@ exports.useReview = useReview;
 exports.useReviewItem = useReviewItem;
 exports.useTrackedOrNoted = useTrackedOrNoted;
 exports.withDirectEditing = withDirectEditing;
-//# sourceMappingURL=chunk-JSQEAPTC.cjs.map
-//# sourceMappingURL=chunk-JSQEAPTC.cjs.map
+//# sourceMappingURL=chunk-4GITK3Q5.cjs.map
+//# sourceMappingURL=chunk-4GITK3Q5.cjs.map