@arbidocs/blocks 0.4.83 → 0.4.85

package/dist/{chunk-ZVBPRMHJ.cjs → chunk-JH6JTI76.cjs}

@@ -12,23 +12,32 @@ function SignDocumentDialog({
   onOpenChange,
   documentId,
   pdfBlob,
-  appearance
+  version,
+  appearance,
+  onOpenCurrent
 }) {
   const { user, notify, openDocument, emailDocument, certificateUrl } = 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 [isStale, setIsStale] = react.useState(false);
   const sign = documentTools.useSignDocument();
+  const openCurrent = onOpenCurrent ?? (openDocument ? () => {
+    onOpenChange(false);
+    openDocument(documentId);
+  } : void 0);
   const signer = { name };
   const handleSubmit = async (e) => {
     e.preventDefault();
     if (!user?.email) return;
     setError(null);
+    setIsStale(false);
     try {
       const result = await sign.mutateAsync({
         documentId,
         pdfBlob,
+        version,
         email: user.email,
         password,
         signer,
@@ -54,6 +63,7 @@ function SignDocumentDialog({
       openDocument?.(signedId);
     } catch (err) {
       setError(err instanceof Error ? err.message : "Signing failed");
+      setIsStale(err instanceof documentTools.SigningError && err.reason === "stale");
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -120,7 +130,20 @@ function SignDocumentDialog({
               }
             )
           ] }),
-          error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-text", role: "alert", "data-testid": "sign-document-error", children: error })
+          error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", role: "alert", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-text", "data-testid": "sign-document-error", children: error }),
+            isStale && openCurrent && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "button",
+                variant: "outline",
+                size: "sm",
+                onClick: openCurrent,
+                "data-testid": "sign-document-open-current-button",
+                children: "Open the current version"
+              }
+            )
+          ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -149,5 +172,5 @@ function SignDocumentDialog({
 }
 
 exports.SignDocumentDialog = SignDocumentDialog;
-//# sourceMappingURL=chunk-ZVBPRMHJ.cjs.map
-//# sourceMappingURL=chunk-ZVBPRMHJ.cjs.map
+//# sourceMappingURL=chunk-JH6JTI76.cjs.map
+//# sourceMappingURL=chunk-JH6JTI76.cjs.map

package/dist/chunk-JH6JTI76.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/document-tools/SignDocumentDialog.tsx"],"names":["useDocumentTools","useState","useSignDocument","certificateLink","SigningError","jsx","ModalScaffold","jsxs","Label","Input","Checkbox","Button"],"mappings":"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","file":"chunk-JH6JTI76.cjs","sourcesContent":["/**\n * Sign a document electronically: confirm the name, choose whether the date is shown, read the\n * statement of intent, re-enter the password. Only the signature (and the date, if ticked) is drawn\n * on the page; a role, a firm or a place go on as ordinary annotation text. Anyone can click the\n * signature to check it. The signed copy is saved as a new version and opened, with an offer to\n * email it when the host gives the tools an `emailDocument`. Needs a `<DocumentToolsProvider>` with\n * a `user` (its email) and a `deploymentDomain`, inside a React Query `QueryClientProvider`.\n */\n\nimport { useState, type FormEvent, type ReactElement } from 'react'\nimport {\n  certificateLink,\n  intentText,\n  SigningError,\n  useDocumentTools,\n  useSignDocument,\n  type SignatureAppearance,\n} from '@arbidocs/react/document-tools'\nimport { Button, Checkbox, Input, Label } from '@arbidocs/react/ui'\nimport { ModalScaffold } from '../settings/ModalScaffold'\n\nexport interface SignDocumentDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  documentId: string\n  /** The PDF the viewer is showing: `GET /view?version=`, never the original's download. */\n  pdfBlob: Blob\n  /** The version `pdfBlob` is of; omitted = the current version. */\n  version?: number\n  /** Where the signature goes; omitted = bottom of the last page. */\n  appearance?: SignatureAppearance\n  /**\n   * Open the current version when the one shown has been superseded (only the current version can\n   * be signed). Default: the host's `openDocument` on the document, after the dialog closes.\n   */\n  onOpenCurrent?: () => void\n}\n\nexport function SignDocumentDialog({\n  open,\n  onOpenChange,\n  documentId,\n  pdfBlob,\n  version,\n  appearance,\n  onOpenCurrent,\n}: SignDocumentDialogProps): ReactElement {\n  const { user, notify, openDocument, emailDocument, certificateUrl } = useDocumentTools()\n  const [name, setName] = useState(() => user?.name ?? '')\n  const [includeDate, setIncludeDate] = useState(false)\n  const [password, setPassword] = useState('')\n  const [error, setError] = useState<string | null>(null)\n  const [isStale, setIsStale] = useState(false)\n  const sign = useSignDocument()\n  const openCurrent =\n    onOpenCurrent ??\n    (openDocument\n      ? () => {\n          onOpenChange(false)\n          openDocument(documentId)\n        }\n      : undefined)\n\n  const signer = { name }\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault()\n    if (!user?.email) return\n    setError(null)\n    setIsStale(false)\n    try {\n      const result = await sign.mutateAsync({\n        documentId,\n        pdfBlob,\n        version,\n        email: user.email,\n        password,\n        signer,\n        appearance,\n        includeDate,\n      })\n      const signedId = result.doc_ext_id\n      const certificate = certificateLink(result.signature, certificateUrl)\n      notify(\n        `Signed. The signed copy is saved as version ${result.version}.`,\n        'success',\n        emailDocument\n          ? { action: { label: 'Email it', onClick: () => emailDocument(signedId) } }\n          : {\n              action: {\n                label: 'View certificate',\n                onClick: () => {\n                  window.open(certificate, '_blank', 'noopener,noreferrer')\n                },\n              },\n            }\n      )\n      setPassword('')\n      onOpenChange(false)\n      openDocument?.(signedId)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Signing failed')\n      setIsStale(err instanceof SigningError && err.reason === 'stale')\n    }\n  }\n\n  return (\n    <ModalScaffold\n      open={open}\n      onOpenChange={(next) => !sign.isPending && onOpenChange(next)}\n      title=\"Sign document\"\n      description=\"Sign this document electronically. The signed copy is saved as a new version.\"\n      showDescription\n      testId=\"sign-document-dialog\"\n    >\n      <form onSubmit={handleSubmit}>\n        <ModalScaffold.Body>\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"sign-name\">Name</Label>\n            <Input\n              id=\"sign-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              data-testid=\"sign-document-name-input\"\n              required\n            />\n          </div>\n          <div className=\"flex items-center gap-2 pointer-coarse:min-h-11\">\n            <Checkbox\n              id=\"sign-include-date\"\n              checked={includeDate}\n              onCheckedChange={(checked) => setIncludeDate(checked === true)}\n              data-testid=\"sign-document-include-date\"\n            />\n            <Label htmlFor=\"sign-include-date\" className=\"font-normal\">\n              Include date\n            </Label>\n          </div>\n          <p className=\"text-sm text-muted-foreground\" data-testid=\"sign-document-appearance-note\">\n            Only your signature{includeDate ? ' and the date appear' : ' appears'} on the page.\n            Anyone can click it to check it.\n          </p>\n          {name.trim() && (\n            <blockquote\n              className=\"border-l-2 border-border pl-3 text-sm text-muted-foreground\"\n              data-testid=\"sign-document-intent\"\n            >\n              {intentText(signer)}\n            </blockquote>\n          )}\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"sign-password\">Password</Label>\n            <Input\n              id=\"sign-password\"\n              type=\"password\"\n              autoComplete=\"current-password\"\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              data-testid=\"sign-document-password-input\"\n              required\n            />\n          </div>\n          {error && (\n            <div className=\"space-y-2\" role=\"alert\">\n              <p className=\"text-sm text-red-text\" data-testid=\"sign-document-error\">\n                {error}\n              </p>\n              {isStale && openCurrent && (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={openCurrent}\n                  data-testid=\"sign-document-open-current-button\"\n                >\n                  Open the current version\n                </Button>\n              )}\n            </div>\n          )}\n        </ModalScaffold.Body>\n        <ModalScaffold.Footer>\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            onClick={() => onOpenChange(false)}\n            disabled={sign.isPending}\n          >\n            Cancel\n          </Button>\n          <Button\n            type=\"submit\"\n            disabled={sign.isPending || !name.trim() || !password}\n            data-testid=\"sign-document-submit-button\"\n          >\n            {sign.isPending ? 'Signing...' : 'Sign'}\n          </Button>\n        </ModalScaffold.Footer>\n      </form>\n    </ModalScaffold>\n  )\n}\n"]}