@arbidocs/blocks 0.4.69 → 0.4.70

package/dist/document-tools/index.cjs

@@ -0,0 +1,633 @@
+"use client";
+'use strict';
+
+var chunk4DVEGXZQ_cjs = require('../chunk-4DVEGXZQ.cjs');
+var chunk2ZTONLT5_cjs = require('../chunk-2ZTONLT5.cjs');
+require('../chunk-DCDVWPMB.cjs');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var documentTools = require('@arbidocs/react/document-tools');
+
+var TOUCH = "pointer-coarse:min-h-11";
+function AnnotateButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.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__ */ jsxRuntime.jsx(lucideReact.PencilLine, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: "Annotate" })
+      ]
+    }
+  );
+}
+function ShowOriginalButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.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__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: "Show original" })
+      ]
+    }
+  );
+}
+function DownloadMarkupButton({
+  onClick,
+  disabledReason
+}) {
+  const button = /* @__PURE__ */ jsxRuntime.jsx(
+    ui.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__ */ jsxRuntime.jsx(lucideReact.Download, { className: "size-4" })
+    }
+  );
+  return disabledReason ? /* @__PURE__ */ jsxRuntime.jsx("span", { title: disabledReason, className: "inline-flex", "data-testid": "markup-download-locked", children: button }) : button;
+}
+function SignedEditNote() {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    ui.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__ */ jsxRuntime.jsx(lucideReact.PenLine, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1", children: "Sign" })
+      ]
+    }
+  );
+}
+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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    legacyPrompt && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: BAR, role: "status", "data-testid": "markup-migration-prompt", children: [
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            className: LINK,
+            disabled: legacyPrompt.busy,
+            "data-testid": "markup-migration-discard",
+            onClick: legacyPrompt.discard,
+            children: "Discard"
+          }
+        )
+      ] })
+    ] }),
+    olderNote && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: BAR, "data-testid": "markup-older-version-note", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "The markup is on version ",
+        olderNote.version,
+        ". This version started without it.",
+        olderNote.signed && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: LINK,
+            "data-testid": "markup-open-older-version",
+            onClick: () => onOpenVersion(olderNote.version),
+            children: [
+              "Open version ",
+              olderNote.version
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(chunk4DVEGXZQ_cjs.ViewerStatusNote, { testId: "markup-view-note", children: [
+    showOriginal ? "Original, without markup" : "With markup",
+    " \xB7 ",
+    /* @__PURE__ */ jsxRuntime.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 SignDocumentDialog({
+  open,
+  onOpenChange,
+  documentId,
+  pdfBlob,
+  appearance
+}) {
+  const { user, notify, openDocument, emailDocument } = documentTools.useDocumentTools();
+  const [name, setName] = react.useState(() => user?.name ?? "");
+  const [includeDate, setIncludeDate] = react.useState(false);
+  const [password, setPassword] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const sign = documentTools.useSignDocument();
+  const signer = { name };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!user?.email) return;
+    setError(null);
+    try {
+      const result = await sign.mutateAsync({
+        documentId,
+        pdfBlob,
+        email: user.email,
+        password,
+        signer,
+        appearance,
+        includeDate
+      });
+      const signedId = result.doc_ext_id;
+      notify(
+        `Signed. The signed copy is saved as version ${result.version}.`,
+        "success",
+        emailDocument ? { action: { label: "Email it", onClick: () => emailDocument(signedId) } } : result.signature.certificate_url ? {
+          action: {
+            label: "View certificate",
+            onClick: () => {
+              window.open(result.signature.certificate_url, "_blank", "noopener,noreferrer");
+            }
+          }
+        } : void 0
+      );
+      setPassword("");
+      onOpenChange(false);
+      openDocument?.(signedId);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Signing failed");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk2ZTONLT5_cjs.ModalScaffold,
+    {
+      open,
+      onOpenChange: (next) => !sign.isPending && onOpenChange(next),
+      title: "Sign document",
+      description: "Sign this document electronically. The signed copy is saved as a new version.",
+      showDescription: true,
+      testId: "sign-document-dialog",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalScaffold.Body, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "sign-name", children: "Name" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                id: "sign-name",
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                "data-testid": "sign-document-name-input",
+                required: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pointer-coarse:min-h-11", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Checkbox,
+              {
+                id: "sign-include-date",
+                checked: includeDate,
+                onCheckedChange: (checked) => setIncludeDate(checked === true),
+                "data-testid": "sign-document-include-date"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "sign-include-date", className: "font-normal", children: "Include date" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", "data-testid": "sign-document-appearance-note", children: [
+            "Only your signature",
+            includeDate ? " and the date appear" : " appears",
+            " on the page. Anyone can click it to check it."
+          ] }),
+          name.trim() && /* @__PURE__ */ jsxRuntime.jsx(
+            "blockquote",
+            {
+              className: "border-l-2 border-border pl-3 text-sm text-muted-foreground",
+              "data-testid": "sign-document-intent",
+              children: documentTools.intentText(signer)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "sign-password", children: "Password" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                id: "sign-password",
+                type: "password",
+                autoComplete: "current-password",
+                value: password,
+                onChange: (e) => setPassword(e.target.value),
+                "data-testid": "sign-document-password-input",
+                required: true
+              }
+            )
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-text", role: "alert", "data-testid": "sign-document-error", children: error })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunk2ZTONLT5_cjs.ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => onOpenChange(false),
+              disabled: sign.isPending,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              type: "submit",
+              disabled: sign.isPending || !name.trim() || !password,
+              "data-testid": "sign-document-submit-button",
+              children: sign.isPending ? "Signing..." : "Sign"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+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__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[5.5rem_1fr] gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "min-w-0 break-words", "data-testid": `signature-detail-${field}`, children })
+  ] });
+}
+function SignatureStatus({
+  status,
+  formatDate = formatSignedAt,
+  certificateUrl = documentTools.defaultCertificateUrl
+}) {
+  const signatures = status.signatures ?? [];
+  const isCounterSigned = signatures.length > 1;
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+      ui.PopoverContent,
+      {
+        className: "max-h-[70vh] w-80 overflow-y-auto p-3 text-sm",
+        align: "start",
+        "data-testid": "signature-details",
+        children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+            "dl",
+            {
+              className: `mb-3 space-y-1 ${index > 0 ? "border-t border-border pt-2" : ""}`,
+              "data-testid": `signature-item-${index}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "Signed by", field: "signer", children: signature.signer_name || signature.signer_email }),
+                /* @__PURE__ */ jsxRuntime.jsx(Row, { label: "On", field: "time", children: formatDate(signature.signed_at) }),
+                /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "a",
+                  {
+                    href: signature.certificate_url || certificateUrl(signature.reference),
+                    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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "main",
+    {
+      className: "mx-auto w-full max-w-xl px-4 py-10 text-foreground",
+      "data-testid": "signature-certificate",
+      children: [
+        /* @__PURE__ */ jsxRuntime.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] = react.useState({ state: "idle" });
+  const [dragging, setDragging] = react.useState(false);
+  const input = react.useRef(null);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Frame, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", "data-testid": "signature-certificate-loading", children: "Checking the signature\u2026" }) });
+  }
+  if (error || !verification) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Frame, { children: /* @__PURE__ */ jsxRuntime.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 documentTools.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__ */ jsxRuntime.jsxs(Frame, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "space-y-3", children: [
+      first && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-base", "data-testid": "signature-certificate-signer", children: [
+        "Signed by ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: first.signer_name || "an ARBI user" }),
+        " on",
+        " ",
+        formatDate(first.signed_at)
+      ] }),
+      counter.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1 text-sm", "data-testid": "signature-certificate-counter", children: counter.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+        "Also signed by ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: s.signer_name || "an ARBI user" }),
+        " on",
+        " ",
+        formatDate(s.signed_at)
+      ] }, `${s.sha256}-${i}`)) }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: ui.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__ */ jsxRuntime.jsxs("section", { className: "mt-8 space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-medium", children: "Check your copy" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          className: ui.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__ */ jsxRuntime.jsx("span", { className: "mt-1 text-xs", children: "It is checked in this browser and never uploaded." }),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between border-b px-3 py-2 text-xs",
+      "data-testid": "version-snapshot-bar",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.title(versionNumber) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-3", children: [
+          onAsk && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: LINK2, "data-testid": "version-snapshot-ask", onClick: onAsk, children: labels.ask }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: LINK2,
+              "data-testid": "version-snapshot-return",
+              onClick: onReturn,
+              children: live ? labels.returnToLive : labels.returnToCurrent
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+exports.AnnotateButton = AnnotateButton;
+exports.DEFAULT_VERSION_SNAPSHOT_BAR_LABELS = DEFAULT_VERSION_SNAPSHOT_BAR_LABELS;
+exports.DownloadMarkupButton = DownloadMarkupButton;
+exports.MarkupNotices = MarkupNotices;
+exports.MarkupViewNote = MarkupViewNote;
+exports.ShowOriginalButton = ShowOriginalButton;
+exports.SignButton = SignButton;
+exports.SignDocumentDialog = SignDocumentDialog;
+exports.SignatureCertificate = SignatureCertificate;
+exports.SignatureStatus = SignatureStatus;
+exports.SignedEditNote = SignedEditNote;
+exports.VersionSnapshotBar = VersionSnapshotBar;
+exports.formatSignedAt = formatSignedAt;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map