@arbidocs/blocks 0.4.146 → 0.4.150

package/dist/document-tools/index.js

@@ -1,648 +1,9 @@
 "use client";
+export { AnnotateButton, DEFAULT_VERSION_SNAPSHOT_BAR_LABELS, DownloadMarkupButton, MarkupNotices, MarkupViewNote, RequestSignaturesButton, ShowOriginalButton, SignButton, SignatureCertificate, SignatureRequestBanner, SignatureStatus, SignedEditNote, VersionSnapshotBar, formatSignedAt } from '../chunk-KQYPP72K.js';
 export { AdoptSignatureDialog, TYPED_SIGNATURE_STYLE } from '../chunk-EQB3WELX.js';
+import '../chunk-6HKLTYNN.js';
 export { SignDocumentDialog } from '../chunk-2YOVK524.js';
-import { ViewerStatusNote } from '../chunk-6HKLTYNN.js';
 import '../chunk-TX2ZICS7.js';
 import '../chunk-VUNV25KB.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=index.js.map
 //# sourceMappingURL=index.js.map