@arbidocs/blocks 0.4.146 → 0.4.150

package/dist/chunk-KLPRAQCE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/connection/viewer/support.tsx"],"names":["createContext","jsx","useContext"],"mappings":";;;;;;AA6EA,IAAM,4BAAA,GAA+BA,mBAAA,CAAqC,EAAE,CAAA;AAErE,SAAS,6BAAA,CAA8B;AAAA,EAC5C,KAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,uBACEC,cAAA,CAAC,4BAAA,CAA6B,QAAA,EAA7B,EAAsC,OACpC,QAAA,EACH,CAAA;AAEJ;AAEO,SAAS,wBAAA,GAAkD;AAChE,EAAA,OAAOC,iBAAW,4BAA4B,CAAA;AAChD","file":"chunk-KLPRAQCE.cjs","sourcesContent":["/**\n * What a host adds to the connected document viewer. The viewer reads documents, versions, PDFs,\n * markup and signatures on the signed-in session by itself; these are the host's own things it\n * cannot know: documents the host makes on the client (an artifact streaming in from a chat, an\n * unsaved draft), the host's dialogs and workflows a document action opens, and how the host lays\n * the viewer out. Every field is optional: without one the viewer offers less (no Translate button,\n * no draft controls), never something that does nothing.\n */\n\nimport { createContext, useContext, type ReactNode } from 'react'\nimport type { components } from '@arbidocs/client'\n\n/** A document's record, as the viewer reads it. */\nexport type ViewerDocumentRecord = components['schemas']['DocResponse']\n\n/** An artifact being generated in a chat, shown in the viewer as it streams. */\nexport interface ViewerStreamingDocument {\n  title?: string | null\n  /** The content so far (Markdown, or the html/react source of a live artifact). */\n  content: string\n  /** How it is carried: a document draft, a live `html` / `react` artifact, an `image`. */\n  mode?: string | null\n  isComplete: boolean\n}\n\n/** A document the user started on the client, with no backend record until it is saved. */\nexport interface ViewerDraftDocument {\n  kind: 'text' | 'audio' | 'photo' | 'video'\n  title?: string | null\n  /** A text draft's starting content. */\n  content?: string | null\n}\n\nexport interface DocumentViewerSupport {\n  /** Artifacts streaming in, by document id. */\n  streamingDocuments?: Readonly<Record<string, ViewerStreamingDocument>>\n  /** Unsaved drafts, by their client id. */\n  draftDocuments?: Readonly<Record<string, ViewerDraftDocument>>\n  /** A draft's kind (text, photo, audio, video), in place of the tabs. */\n  renderDraftKind?: (draftId: string) => ReactNode\n  /** A draft's name (editable), in place of the title. */\n  renderDraftTitle?: (draftId: string) => ReactNode\n  /** The recorder of a photo, audio or video draft: the whole body of the viewer. */\n  renderCaptureDraft?: (draftId: string) => ReactNode\n  /** A text draft was saved as `documentId`; the viewer shows it next. */\n  onDraftSaved?: (draftId: string, documentId: string) => void\n  /** The copy of a document kept on this device, for when the network is down. */\n  loadOfflineCopy?: (document: ViewerDocumentRecord) => Promise<Blob | undefined>\n  /** Documents related to the one open (near duplicates), beside its name. */\n  renderRelated?: (document: ViewerDocumentRecord) => ReactNode\n  /** A document as a pill (the comparison's other side). Default: its name. */\n  renderDocumentPill?: (documentId: string) => ReactNode\n  /** Open the host's share dialog for the document. Default: share it with the workspace. */\n  share?: (document: { id: string; name: string | undefined; isPrivate: boolean }) => void\n  /** Ask the assistant about a version (`doc-…@v2`) open read-only. Absent: not offered. */\n  askAboutVersion?: (versionRef: string) => void\n  /** Translate the document (or the version) on screen. Absent: not offered. */\n  translate?: (documentRef: string) => void\n  /** Start an image generation from the image on screen. Absent: not offered. */\n  useImageAsReference?: (documentId: string) => void\n  /** The text (parsed) view of the document; the viewer gives it the page and zoom. */\n  renderParsedView?: (props: ParsedViewProps) => ReactNode\n  /** How dates read (versions, signatures). Default: `fmtDate`. */\n  formatDate?: (iso: string) => string\n  /** The viewer is shown in another window: PDF pages render without the page's web fonts. */\n  isDetached?: boolean\n}\n\n/** What the viewer hands the text view. */\nexport interface ParsedViewProps {\n  documentId: string\n  onLoadSuccess: (totalPages: number) => void\n  scrollTrigger: number\n  zoom: number\n  onZoomChange: (zoom: number) => void\n}\n\nconst DocumentViewerSupportContext = createContext<DocumentViewerSupport>({})\n\nexport function DocumentViewerSupportProvider({\n  value,\n  children,\n}: {\n  value: DocumentViewerSupport\n  children: ReactNode\n}) {\n  return (\n    <DocumentViewerSupportContext.Provider value={value}>\n      {children}\n    </DocumentViewerSupportContext.Provider>\n  )\n}\n\nexport function useDocumentViewerSupport(): DocumentViewerSupport {\n  return useContext(DocumentViewerSupportContext)\n}\n"]}

package/dist/chunk-KQYPP72K.js

@@ -0,0 +1,644 @@
+"use client";
+import { ViewerStatusNote } from './chunk-6HKLTYNN.js';
+import { PencilLine, FileText, PenLine, Users, Send, FilePenLine, Download } from 'lucide-react';
+import { Button, Popover, PopoverTrigger, PopoverContent, cn } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useOptionalDocumentTools, certificateLink, useDocumentTools, useDocumentSignatureRequests, useVoidSignatureRequest, matchSignedCopy } from '@arbidocs/react/document-tools';
+import { useState, useRef } from 'react';
+
+var TOUCH = "pointer-coarse:min-h-11";
+function AnnotateButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: active ? "default" : "outline",
+      size: compact ? "icon" : "sm",
+      "aria-pressed": active,
+      title: "Annotate: highlight, comment, stamp, redact",
+      "aria-label": "Annotate",
+      "data-testid": "annotate-toggle",
+      className: TOUCH,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(PencilLine, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Annotate" })
+      ]
+    }
+  );
+}
+function ShowOriginalButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: active ? "default" : "outline",
+      size: compact ? "icon" : "sm",
+      "aria-pressed": active,
+      title: active ? "Show the markup again" : "Show the original, without markup",
+      "aria-label": "Show original",
+      "data-testid": "markup-show-original",
+      className: TOUCH,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(FileText, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Show original" })
+      ]
+    }
+  );
+}
+function DownloadMarkupButton({
+  onClick,
+  disabledReason
+}) {
+  const button = /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "icon",
+      title: disabledReason ?? "Download with markup: the PDF with its annotations (opens in Acrobat or Preview)",
+      "aria-label": "Download with markup",
+      "aria-description": disabledReason,
+      disabled: !!disabledReason,
+      "data-testid": "markup-download",
+      className: TOUCH,
+      onClick,
+      children: /* @__PURE__ */ jsx(Download, { className: "size-4" })
+    }
+  );
+  return disabledReason ? /* @__PURE__ */ jsx("span", { title: disabledReason, className: "inline-flex", "data-testid": "markup-download-locked", children: button }) : button;
+}
+function SignedEditNote() {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: "border-b px-3 py-1.5 text-xs text-muted-foreground",
+      "data-testid": "signed-edit-note",
+      children: "Editing creates a new unsigned version"
+    }
+  );
+}
+function SignButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: active ? "default" : "outline",
+      size: compact ? "icon" : "sm",
+      "aria-pressed": active,
+      title: "Sign document",
+      "aria-label": "Sign",
+      "data-testid": "sign-document-button",
+      className: TOUCH,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(PenLine, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Sign" })
+      ]
+    }
+  );
+}
+function RequestSignaturesButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: active ? "default" : "outline",
+      size: compact ? "icon" : "sm",
+      "aria-pressed": active,
+      title: "Request signatures",
+      "aria-label": "Request signatures",
+      "data-testid": "request-signatures-button",
+      className: TOUCH,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx(Users, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: "Request signatures" })
+      ]
+    }
+  );
+}
+var BAR = "flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2 text-xs";
+var LINK = "font-medium text-primary hover:underline disabled:opacity-50 disabled:no-underline pointer-coarse:min-h-11";
+function MarkupNotices({ legacyPrompt, olderNote, onOpenVersion }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    legacyPrompt && /* @__PURE__ */ jsxs("div", { className: BAR, role: "status", "data-testid": "markup-migration-prompt", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        legacyPrompt.count,
+        " annotation",
+        legacyPrompt.count === 1 ? "" : "s",
+        " on this document",
+        legacyPrompt.count === 1 ? " is" : " are",
+        " saved only in this browser. Add",
+        " ",
+        legacyPrompt.count === 1 ? "it" : "them",
+        " to the shared markup, where everyone with access sees ",
+        legacyPrompt.count === 1 ? "it" : "them",
+        "?"
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: LINK,
+            disabled: legacyPrompt.busy,
+            "data-testid": "markup-migration-add",
+            onClick: legacyPrompt.add,
+            children: legacyPrompt.busy ? "Adding\u2026" : "Add to shared markup"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: LINK,
+            disabled: legacyPrompt.busy,
+            "data-testid": "markup-migration-discard",
+            onClick: legacyPrompt.discard,
+            children: "Discard"
+          }
+        )
+      ] })
+    ] }),
+    olderNote && /* @__PURE__ */ jsxs("div", { className: BAR, "data-testid": "markup-older-version-note", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        "The markup is on version ",
+        olderNote.version,
+        ". This version started without it.",
+        olderNote.signed && /* @__PURE__ */ jsxs("span", { "data-testid": "markup-older-version-signed", children: [
+          " ",
+          "It is signed: comments copied here are kept beside it, and the signed PDF does not change."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: LINK,
+            "data-testid": "markup-open-older-version",
+            onClick: () => onOpenVersion(olderNote.version),
+            children: [
+              "Open version ",
+              olderNote.version
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: LINK,
+            disabled: olderNote.busy,
+            "data-testid": "markup-copy-open-threads",
+            title: "Copy the unresolved comment threads onto this version (redactions never carry over)",
+            onClick: olderNote.copy,
+            children: olderNote.busy ? "Copying\u2026" : "Copy open comments here"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function MarkupViewNote({ showOriginal, onToggle }) {
+  return /* @__PURE__ */ jsxs(ViewerStatusNote, { testId: "markup-view-note", children: [
+    showOriginal ? "Original, without markup" : "With markup",
+    " \xB7 ",
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "font-medium text-primary hover:underline pointer-coarse:min-h-11",
+        "data-testid": "markup-view-note-toggle",
+        onClick: onToggle,
+        children: showOriginal ? "Show markup" : "Show original"
+      }
+    )
+  ] });
+}
+function formatSignedAt(iso) {
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return iso;
+  return date.toLocaleString([], { dateStyle: "medium", timeStyle: "short" });
+}
+function Row({ label, field, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[5.5rem_1fr] gap-2", children: [
+    /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("dd", { className: "min-w-0 break-words", "data-testid": `signature-detail-${field}`, children })
+  ] });
+}
+function SignatureStatus({
+  status,
+  formatDate = formatSignedAt,
+  certificateUrl
+}) {
+  const tools = useOptionalDocumentTools();
+  const hostCertificateUrl = certificateUrl ?? tools?.certificateUrl;
+  const signatures = status.signatures ?? [];
+  const isCounterSigned = signatures.length > 1;
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "flex-shrink-0 text-sm text-muted-foreground underline decoration-dotted underline-offset-4 hover:text-foreground pointer-coarse:min-h-11",
+        "data-testid": "document-signature-status",
+        "aria-label": `${status.intact ? "Signed, locked" : "Modified after signing"}: show signature details`,
+        children: status.intact ? "Signed \u2014 locked" : "Modified after signing"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        className: "max-h-[70vh] w-80 overflow-y-auto p-3 text-sm",
+        align: "start",
+        "data-testid": "signature-details",
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-2 font-medium", "data-testid": "signature-details-title", children: isCounterSigned ? `Electronic signatures (${signatures.length})` : "Electronic signature" }),
+          signatures.map((signature, index) => /* @__PURE__ */ jsxs(
+            "dl",
+            {
+              className: `mb-3 space-y-1 ${index > 0 ? "border-t border-border pt-2" : ""}`,
+              "data-testid": `signature-item-${index}`,
+              children: [
+                /* @__PURE__ */ jsx(Row, { label: "Signed by", field: "signer", children: signature.signer_name || signature.signer_email }),
+                /* @__PURE__ */ jsx(Row, { label: "On", field: "time", children: formatDate(signature.signed_at) }),
+                /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: certificateLink(signature, hostCertificateUrl),
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "inline-flex items-center font-medium text-primary hover:underline pointer-coarse:min-h-11",
+                    "data-testid": `signature-certificate-link-${index}`,
+                    children: "View certificate"
+                  }
+                ) })
+              ]
+            },
+            signature.reference
+          )),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: `border-t border-border pt-2 ${status.intact ? "" : "text-red-text"}`,
+              "data-testid": "signature-detail-intact",
+              children: status.intact ? isCounterSigned ? "\u2713 Unchanged since the last signature" : "\u2713 Unchanged since signing" : "\u2717 Changed after it was signed"
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", "data-testid": "signature-detail-locked", children: "Locked: only further signatures can be added." })
+        ]
+      }
+    )
+  ] });
+}
+function Frame({ children }) {
+  return /* @__PURE__ */ jsxs(
+    "main",
+    {
+      className: "mx-auto w-full max-w-xl px-4 py-10 text-foreground",
+      "data-testid": "signature-certificate",
+      children: [
+        /* @__PURE__ */ jsx("h1", { className: "mb-6 text-xl font-semibold", children: "Signature certificate" }),
+        children
+      ]
+    }
+  );
+}
+function copyResult(name, match) {
+  if (match.kind === "current") return `\u2713 ${name} is the signed document, unchanged.`;
+  if (match.kind === "earlier") {
+    return `\u2713 ${name}: this is the version signed by ${match.signature.signer_name || "an ARBI user"}.`;
+  }
+  return `\u2717 ${name} is not the signed document: it differs from what was signed.`;
+}
+function SignatureCertificate({
+  reference,
+  verification,
+  isLoading = false,
+  error,
+  isErrorTransient = false,
+  formatDate = formatSignedAt,
+  allowCopyCheck = true
+}) {
+  const [copy, setCopy] = useState({ state: "idle" });
+  const [dragging, setDragging] = useState(false);
+  const input = useRef(null);
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", "data-testid": "signature-certificate-loading", children: "Checking the signature\u2026" }) });
+  }
+  if (error || !verification) {
+    return /* @__PURE__ */ jsx(Frame, { children: /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: isErrorTransient ? "text-muted-foreground" : "text-red-text",
+        role: isErrorTransient ? "status" : "alert",
+        "data-testid": "signature-certificate-error",
+        children: error || "The signature could not be checked."
+      }
+    ) });
+  }
+  const [first, ...counter] = verification.signatures;
+  const check = async (file) => {
+    if (!file) return;
+    setCopy({ state: "checking", name: file.name });
+    try {
+      setCopy({ state: "done", name: file.name, match: await matchSignedCopy(file, verification) });
+    } catch {
+      setCopy({ state: "failed", name: file.name });
+    }
+  };
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDragging(false);
+    void check(e.dataTransfer.files[0]);
+  };
+  return /* @__PURE__ */ jsxs(Frame, { children: [
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      first && /* @__PURE__ */ jsxs("p", { className: "text-base", "data-testid": "signature-certificate-signer", children: [
+        "Signed by ",
+        /* @__PURE__ */ jsx("strong", { children: first.signer_name || "an ARBI user" }),
+        " on",
+        " ",
+        formatDate(first.signed_at)
+      ] }),
+      counter.length > 0 && /* @__PURE__ */ jsx("ul", { className: "space-y-1 text-sm", "data-testid": "signature-certificate-counter", children: counter.map((s, i) => /* @__PURE__ */ jsxs("li", { children: [
+        "Also signed by ",
+        /* @__PURE__ */ jsx("strong", { children: s.signer_name || "an ARBI user" }),
+        " on",
+        " ",
+        formatDate(s.signed_at)
+      ] }, `${s.sha256}-${i}`)) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "ARBI checks that this document hasn\u2019t changed since it was signed. If anything changed, this check fails." }),
+      /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "rounded-md border px-3 py-2 font-medium",
+            verification.intact ? "border-green-border bg-green-bg text-green-text" : "border-red-text text-red-text"
+          ),
+          role: "status",
+          "data-testid": "signature-certificate-result",
+          "data-intact": verification.intact,
+          children: verification.intact ? "\u2713 Unchanged since signing" : "\u2717 Changed since signing: this is not the document that was signed"
+        }
+      )
+    ] }),
+    allowCopyCheck && /* @__PURE__ */ jsxs("section", { className: "mt-8 space-y-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium", children: "Check your copy" }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: cn(
+            "flex min-h-24 cursor-pointer flex-col items-center justify-center rounded-md border border-dashed px-4 py-6 text-center text-sm text-muted-foreground pointer-coarse:min-h-32",
+            dragging && "border-primary bg-muted"
+          ),
+          "data-testid": "signature-certificate-dropzone",
+          onClick: () => input.current?.click(),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              input.current?.click();
+            }
+          },
+          onDragOver: (e) => {
+            e.preventDefault();
+            setDragging(true);
+          },
+          onDragLeave: () => setDragging(false),
+          onDrop,
+          children: [
+            "Drop the PDF you were sent here, or choose it",
+            /* @__PURE__ */ jsx("span", { className: "mt-1 text-xs", children: "It is checked in this browser and never uploaded." }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: input,
+                type: "file",
+                accept: "application/pdf,.pdf",
+                className: "sr-only",
+                "data-testid": "signature-certificate-file-input",
+                onChange: (e) => void check(e.target.files?.[0])
+              }
+            )
+          ]
+        }
+      ),
+      copy.state !== "idle" && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "text-sm",
+            copy.state === "done" && copy.match.kind !== "none" && "text-green-text",
+            (copy.state === "done" && copy.match.kind === "none" || copy.state === "failed") && "text-red-text"
+          ),
+          role: "status",
+          "data-testid": "signature-certificate-copy-result",
+          children: copy.state === "checking" ? `Checking ${copy.name}\u2026` : copy.state === "failed" ? `${copy.name} could not be read.` : copyResult(copy.name, copy.match)
+        }
+      )
+    ] }),
+    reference && /* @__PURE__ */ jsxs(
+      "p",
+      {
+        className: "mt-8 text-xs text-muted-foreground",
+        "data-testid": "signature-certificate-reference",
+        children: [
+          "Reference ",
+          reference
+        ]
+      }
+    )
+  ] });
+}
+var LINK2 = "font-medium text-primary hover:underline pointer-coarse:min-h-11";
+var DEFAULT_VERSION_SNAPSHOT_BAR_LABELS = {
+  title: (number) => `${number ? `Version ${number}` : "Saved version"} \xB7 read only`,
+  ask: "Ask about this version",
+  returnToCurrent: "Return to current version",
+  returnToLive: "Return to live document"
+};
+function VersionSnapshotBar({
+  versionNumber,
+  live = false,
+  onAsk,
+  onReturn,
+  labels: overrides
+}) {
+  const labels = { ...DEFAULT_VERSION_SNAPSHOT_BAR_LABELS, ...overrides };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between border-b px-3 py-2 text-xs",
+      "data-testid": "version-snapshot-bar",
+      children: [
+        /* @__PURE__ */ jsx("span", { children: labels.title(versionNumber) }),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-3", children: [
+          onAsk && /* @__PURE__ */ jsx("button", { type: "button", className: LINK2, "data-testid": "version-snapshot-ask", onClick: onAsk, children: labels.ask }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: LINK2,
+              "data-testid": "version-snapshot-return",
+              onClick: onReturn,
+              children: live ? labels.returnToLive : labels.returnToCurrent
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function names(request, status) {
+  return request.signers.filter((s) => s.status === status).map((s) => s.name || s.email || "");
+}
+function SignatureRequestBanner({
+  documentId,
+  onSign,
+  onEditDraft,
+  hidden = false
+}) {
+  const { user, notify } = useDocumentTools();
+  const requests = useDocumentSignatureRequests(documentId, !hidden);
+  const voidRequest = useVoidSignatureRequest();
+  const me = user?.externalId ?? null;
+  if (hidden || !me || !requests.data) return null;
+  const open = requests.data.filter((r) => r.status === "sent" || r.status === "draft");
+  const awaitingMe = open.filter(
+    (r) => r.status === "sent" && r.signers.some((s) => s.user_ext_id === me && s.status === "pending")
+  );
+  const sentByMe = open.filter(
+    (r) => r.status === "sent" && r.created_by === me && !awaitingMe.includes(r)
+  );
+  const drafts = open.filter((r) => r.status === "draft" && r.created_by === me);
+  if (awaitingMe.length + sentByMe.length + drafts.length === 0) return null;
+  const doVoid = async (request) => {
+    try {
+      await voidRequest.mutateAsync(request.external_id);
+      notify(request.status === "draft" ? "Draft discarded." : "Signature request voided.", "info");
+    } catch (err) {
+      notify(err instanceof Error ? err.message : "Could not void it", "error");
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "space-y-1.5 border-b border-border px-3 py-2 text-sm",
+      "data-testid": "signature-request-banner",
+      children: [
+        awaitingMe.map((r) => {
+          const count = r.fields.filter((f) => f.signer === me).length;
+          const author = r.signers.find((s) => s.user_ext_id === r.created_by)?.name;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex flex-wrap items-center gap-2 rounded-md bg-blue-50 px-2 py-1.5 text-blue-950 dark:bg-blue-950/40 dark:text-blue-100",
+              "data-testid": "signature-request-awaiting-me",
+              children: [
+                /* @__PURE__ */ jsx(PenLine, { className: "size-4 shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsxs("span", { className: "mr-auto", children: [
+                  author && r.created_by !== me ? `${author} asked you to sign` : "You are asked to sign",
+                  " ",
+                  count,
+                  " field",
+                  count === 1 ? "" : "s",
+                  " in this document.",
+                  r.stale && " It has changed since it was sent: ask for it again."
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    onClick: () => onSign(r),
+                    disabled: r.stale,
+                    "data-testid": "signature-request-start",
+                    children: "Review and sign"
+                  }
+                )
+              ]
+            },
+            r.external_id
+          );
+        }),
+        sentByMe.map((r) => {
+          const pending = names(r, "pending");
+          const signed = r.signers.length - pending.length;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex flex-wrap items-center gap-2",
+              "data-testid": "signature-request-sent",
+              children: [
+                /* @__PURE__ */ jsx(Send, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+                /* @__PURE__ */ jsxs("span", { className: "mr-auto", children: [
+                  "Out for signature: ",
+                  signed,
+                  " of ",
+                  r.signers.length,
+                  " signed",
+                  pending.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                    " \xB7 waiting for ",
+                    pending.join(", ")
+                  ] }),
+                  r.stale && /* @__PURE__ */ jsx("span", { className: "text-red-text", children: " \xB7 the document has changed since it was sent" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: () => doVoid(r),
+                    disabled: voidRequest.isPending,
+                    children: "Void"
+                  }
+                )
+              ]
+            },
+            r.external_id
+          );
+        }),
+        drafts.map((r) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-wrap items-center gap-2",
+            "data-testid": "signature-request-draft",
+            children: [
+              /* @__PURE__ */ jsx(FilePenLine, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+              /* @__PURE__ */ jsxs("span", { className: "mr-auto", children: [
+                "Draft signature request: ",
+                r.fields.length,
+                " field",
+                r.fields.length === 1 ? "" : "s",
+                ", not sent yet."
+              ] }),
+              /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => onEditDraft(r), children: "Continue" }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => doVoid(r),
+                  disabled: voidRequest.isPending,
+                  children: "Discard"
+                }
+              )
+            ]
+          },
+          r.external_id
+        ))
+      ]
+    }
+  );
+}
+
+export { AnnotateButton, DEFAULT_VERSION_SNAPSHOT_BAR_LABELS, DownloadMarkupButton, MarkupNotices, MarkupViewNote, RequestSignaturesButton, ShowOriginalButton, SignButton, SignatureCertificate, SignatureRequestBanner, SignatureStatus, SignedEditNote, VersionSnapshotBar, formatSignedAt };
+//# sourceMappingURL=chunk-KQYPP72K.js.map
+//# sourceMappingURL=chunk-KQYPP72K.js.map