@arbidocs/blocks 0.4.146 → 0.4.150

package/dist/chunk-D3WFIFRY.cjs

@@ -0,0 +1,659 @@
+"use client";
+'use strict';
+
+var chunkUWIILWDI_cjs = require('./chunk-UWIILWDI.cjs');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+var documentTools = require('@arbidocs/react/document-tools');
+var react = require('react');
+
+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" })
+      ]
+    }
+  );
+}
+function RequestSignaturesButton({ active, onClick, compact }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.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__ */ jsxRuntime.jsx(lucideReact.Users, { className: "size-4" }),
+        !compact && /* @__PURE__ */ jsxRuntime.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__ */ 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(chunkUWIILWDI_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 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
+}) {
+  const tools = documentTools.useOptionalDocumentTools();
+  const hostCertificateUrl = certificateUrl ?? tools?.certificateUrl;
+  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: documentTools.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__ */ 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
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+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 } = documentTools.useDocumentTools();
+  const requests = documentTools.useDocumentSignatureRequests(documentId, !hidden);
+  const voidRequest = documentTools.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.PenLine, { className: "size-4 shrink-0", "aria-hidden": true }),
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+                  ui.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__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "flex flex-wrap items-center gap-2",
+              "data-testid": "signature-request-sent",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mr-auto", children: [
+                  "Out for signature: ",
+                  signed,
+                  " of ",
+                  r.signers.length,
+                  " signed",
+                  pending.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+                    " \xB7 waiting for ",
+                    pending.join(", ")
+                  ] }),
+                  r.stale && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-text", children: " \xB7 the document has changed since it was sent" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: () => doVoid(r),
+                    disabled: voidRequest.isPending,
+                    children: "Void"
+                  }
+                )
+              ]
+            },
+            r.external_id
+          );
+        }),
+        drafts.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "flex flex-wrap items-center gap-2",
+            "data-testid": "signature-request-draft",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FilePenLine, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mr-auto", children: [
+                "Draft signature request: ",
+                r.fields.length,
+                " field",
+                r.fields.length === 1 ? "" : "s",
+                ", not sent yet."
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", size: "sm", variant: "outline", onClick: () => onEditDraft(r), children: "Continue" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => doVoid(r),
+                  disabled: voidRequest.isPending,
+                  children: "Discard"
+                }
+              )
+            ]
+          },
+          r.external_id
+        ))
+      ]
+    }
+  );
+}
+
+exports.AnnotateButton = AnnotateButton;
+exports.DEFAULT_VERSION_SNAPSHOT_BAR_LABELS = DEFAULT_VERSION_SNAPSHOT_BAR_LABELS;
+exports.DownloadMarkupButton = DownloadMarkupButton;
+exports.MarkupNotices = MarkupNotices;
+exports.MarkupViewNote = MarkupViewNote;
+exports.RequestSignaturesButton = RequestSignaturesButton;
+exports.ShowOriginalButton = ShowOriginalButton;
+exports.SignButton = SignButton;
+exports.SignatureCertificate = SignatureCertificate;
+exports.SignatureRequestBanner = SignatureRequestBanner;
+exports.SignatureStatus = SignatureStatus;
+exports.SignedEditNote = SignedEditNote;
+exports.VersionSnapshotBar = VersionSnapshotBar;
+exports.formatSignedAt = formatSignedAt;
+//# sourceMappingURL=chunk-D3WFIFRY.cjs.map
+//# sourceMappingURL=chunk-D3WFIFRY.cjs.map