@kitsy/pdf 0.0.0-stage → 0.1.0

package/dist/chunk-7XH7MFZ4.js

@@ -0,0 +1,295 @@
+import { readFormFields, fillForm } from './chunk-CYTWDJE2.js';
+import { useSinglePdf } from './chunk-BK3MYSUS.js';
+import { PdfToolPage, PdfToolColumns, SummaryList, SideTips, SelectedPdfCard, FileDropzone, cardClass, StatusBanner, primaryButtonClass, secondaryButtonClass, BackToPdfTools, fieldLabelClass, inputClass } from './chunk-H6EERRCR.js';
+import { downloadBlob, toBaseName, formatBytes } from './chunk-EKHEY3LI.js';
+import { useState, useEffect, useCallback, useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function friendlyName(name) {
+  const last = name.split(".").pop() || name;
+  return last.replace(/\[\d+\]$/, "").replace(/[_-]+/g, " ").trim() || name;
+}
+function initialValues(fields) {
+  return Object.fromEntries(fields.map((field) => [field.name, field.value]));
+}
+function FieldInput({ field, value, onChange, disabled }) {
+  const id = `field-${field.name}`;
+  const locked = disabled || field.readOnly;
+  if (field.kind === "checkbox") {
+    return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "flex items-center gap-3 text-sm text-slate-800 dark:text-slate-200", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id,
+          type: "checkbox",
+          checked: Boolean(value),
+          disabled: locked,
+          onChange: (event) => onChange(event.target.checked),
+          className: "h-4 w-4 accent-[#1F8CFF]"
+        }
+      ),
+      friendlyName(field.name),
+      field.required ? /* @__PURE__ */ jsx("span", { className: "text-rose-600", children: "*" }) : null
+    ] });
+  }
+  const label = /* @__PURE__ */ jsxs("span", { className: fieldLabelClass, title: field.name, children: [
+    friendlyName(field.name),
+    field.required ? /* @__PURE__ */ jsx("span", { className: "ml-1 text-rose-600", children: "*" }) : null,
+    field.readOnly ? /* @__PURE__ */ jsx("span", { className: "ml-2 normal-case tracking-normal text-slate-400", children: "(read-only)" }) : null
+  ] });
+  if (field.kind === "radio") {
+    return /* @__PURE__ */ jsxs("fieldset", { disabled: locked, children: [
+      /* @__PURE__ */ jsx("legend", { children: label }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-3", children: [
+        field.options.map((option) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm text-slate-800 dark:text-slate-200", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              name: id,
+              checked: value === option,
+              onChange: () => onChange(option),
+              className: "h-4 w-4 accent-[#1F8CFF]"
+            }
+          ),
+          option
+        ] }, option)),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onChange(""), className: "text-xs text-slate-500 underline", children: "Clear" })
+      ] })
+    ] });
+  }
+  if (field.kind === "dropdown") {
+    return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "block", children: [
+      label,
+      /* @__PURE__ */ jsxs("select", { id, value, disabled: locked, onChange: (event) => onChange(event.target.value), className: `mt-2 ${inputClass}`, children: [
+        /* @__PURE__ */ jsx("option", { value: "", children: "\u2014" }),
+        field.options.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+      ] })
+    ] });
+  }
+  if (field.kind === "list") {
+    return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "block", children: [
+      label,
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          id,
+          multiple: field.multiSelect,
+          value: field.multiSelect ? value : value[0] ?? "",
+          disabled: locked,
+          onChange: (event) => onChange(Array.from(event.target.selectedOptions, (option) => option.value).filter(Boolean)),
+          className: `mt-2 ${inputClass}`,
+          children: [
+            field.multiSelect ? null : /* @__PURE__ */ jsx("option", { value: "", children: "\u2014" }),
+            field.options.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, option))
+          ]
+        }
+      )
+    ] });
+  }
+  if (field.kind === "text") {
+    const props = {
+      id,
+      value,
+      disabled: locked,
+      maxLength: field.maxLength,
+      onChange: (event) => onChange(event.target.value),
+      className: `mt-2 ${inputClass}`
+    };
+    return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "block", children: [
+      label,
+      field.multiline ? /* @__PURE__ */ jsx("textarea", { rows: 3, ...props }) : /* @__PURE__ */ jsx("input", { type: "text", ...props }),
+      field.maxLength ? /* @__PURE__ */ jsxs("span", { className: "mt-1 block text-right text-[11px] text-slate-400", children: [
+        String(value).length,
+        "/",
+        field.maxLength
+      ] }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    label,
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-slate-500 dark:text-slate-400", children: field.kind === "signature" ? "Signature field: use Sign PDF to add a visible signature." : "Button: nothing to fill." })
+  ] });
+}
+function FillPdfForm() {
+  const [fields, setFields] = useState([]);
+  const [values, setValues] = useState({});
+  const [hasXfa, setHasXfa] = useState(false);
+  const [flatten, setFlatten] = useState(false);
+  const [isSaving, setIsSaving] = useState(false);
+  const [status, setStatus] = useState({
+    tone: "info",
+    text: "Add a PDF form to fill in its fields."
+  });
+  useEffect(() => {
+    document.title = "Fill PDF Forms | Apps";
+  }, []);
+  const onError = useCallback((text) => setStatus({ tone: "error", text }), []);
+  const onLoaded = useCallback(async ({ file, bytes }) => {
+    try {
+      const result = await readFormFields(bytes);
+      setFields(result.fields);
+      setValues(initialValues(result.fields));
+      setHasXfa(result.hasXfa);
+      setStatus(
+        result.fields.length ? { tone: "success", text: `${file.name} has ${result.fields.length} field${result.fields.length === 1 ? "" : "s"}. Fill them in and download.` } : { tone: "info", text: `${file.name} has no fillable form fields. Use Sign PDF or Watermark to add text instead.` }
+      );
+    } catch (error) {
+      setStatus({ tone: "error", text: error?.message || "Could not read this PDF." });
+    }
+  }, []);
+  const pdf = useSinglePdf({ onError, onLoaded });
+  const groups = useMemo(() => {
+    const byPage = /* @__PURE__ */ new Map();
+    for (const field of fields) {
+      const key = field.page ?? 0;
+      if (!byPage.has(key)) byPage.set(key, []);
+      byPage.get(key).push(field);
+    }
+    return [...byPage.entries()].sort(([a], [b]) => (a || Infinity) - (b || Infinity));
+  }, [fields]);
+  const editable = fields.filter((field) => !field.readOnly && field.kind !== "button" && field.kind !== "signature");
+  const missingRequired = editable.filter((field) => {
+    const value = values[field.name];
+    return field.required && (Array.isArray(value) ? !value.length : !value);
+  });
+  const clearFile = () => {
+    pdf.clear();
+    setFields([]);
+    setValues({});
+    setHasXfa(false);
+  };
+  const handleSave = async (event) => {
+    event.preventDefault();
+    if (!pdf.bytes || !editable.length) return;
+    setIsSaving(true);
+    setStatus({ tone: "info", text: "Filling your PDF..." });
+    try {
+      const bytes = await fillForm(pdf.bytes, values, { flatten });
+      const blob = new Blob([bytes], { type: "application/pdf" });
+      downloadBlob(blob, `${toBaseName(pdf.file.name, "form")}-filled.pdf`);
+      setStatus({
+        tone: "success",
+        text: `Saved (${formatBytes(blob.size)})${flatten ? " with answers locked in" : ""}. Your download has started.${missingRequired.length ? ` Note: ${missingRequired.length} required field${missingRequired.length === 1 ? " is" : "s are"} still empty.` : ""}`
+      });
+    } catch (error) {
+      setStatus({ tone: "error", text: `Could not fill the form: ${error?.message || "Please try again."}` });
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const busy = isSaving || pdf.isReading;
+  return /* @__PURE__ */ jsx(
+    PdfToolPage,
+    {
+      title: "Fill PDF Forms",
+      description: "Fill in the text boxes, checkboxes, and choices of a PDF form, then download it, optionally locked so answers can't be changed. Runs in your browser; your answers never leave your device.",
+      stats: [
+        { value: fields.length || "-", label: "Fields" },
+        { value: pdf.pageCount || "-", label: "Pages" }
+      ],
+      children: /* @__PURE__ */ jsx(
+        PdfToolColumns,
+        {
+          main: /* @__PURE__ */ jsxs("form", { onSubmit: handleSave, children: [
+            pdf.file ? /* @__PURE__ */ jsx(
+              SelectedPdfCard,
+              {
+                signed: pdf.signed,
+                file: pdf.file,
+                pageCount: pdf.pageCount,
+                onRemove: clearFile,
+                disabled: isSaving
+              }
+            ) : /* @__PURE__ */ jsx(
+              FileDropzone,
+              {
+                accept: ".pdf,application/pdf",
+                disabled: busy,
+                onFiles: pdf.selectFiles,
+                title: "Drag and drop a PDF form here",
+                hint: "or click to browse from your device"
+              }
+            ),
+            hasXfa ? /* @__PURE__ */ jsx("p", { className: "mt-4 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-xs text-amber-800 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200", children: "This form also contains an XFA (Adobe LiveCycle) version. It is removed when you save so every viewer shows the answers you enter here." }) : null,
+            groups.map(([page, pageFields]) => /* @__PURE__ */ jsxs("section", { className: `mt-5 ${cardClass}`, children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: page ? `Page ${page}` : "Not on a page" }),
+              /* @__PURE__ */ jsx("div", { className: "mt-3 grid gap-4 sm:grid-cols-2", children: pageFields.map((field) => /* @__PURE__ */ jsx("div", { className: field.multiline || field.kind === "radio" ? "sm:col-span-2" : "", children: /* @__PURE__ */ jsx(
+                FieldInput,
+                {
+                  field,
+                  value: values[field.name],
+                  disabled: busy,
+                  onChange: (value) => setValues((current) => ({ ...current, [field.name]: value }))
+                }
+              ) }, field.name)) })
+            ] }, page)),
+            fields.length ? /* @__PURE__ */ jsxs("label", { className: "mt-5 flex items-start gap-3 text-sm text-slate-700 dark:text-slate-300", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: flatten,
+                  onChange: (event) => setFlatten(event.target.checked),
+                  disabled: busy,
+                  className: "mt-0.5 h-4 w-4 accent-[#1F8CFF]"
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Lock answers (flatten)",
+                /* @__PURE__ */ jsx("span", { className: "block text-xs text-slate-500 dark:text-slate-400", children: "Draws your answers into the page and removes the form, so they can't be edited." })
+              ] })
+            ] }) : null,
+            /* @__PURE__ */ jsx(StatusBanner, { status }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-5 flex flex-wrap gap-3", children: [
+              /* @__PURE__ */ jsxs("button", { type: "submit", disabled: busy || !editable.length, className: primaryButtonClass, children: [
+                /* @__PURE__ */ jsx("i", { className: `fa-solid ${isSaving ? "fa-spinner fa-spin" : "fa-pen-to-square"}` }),
+                isSaving ? "Saving..." : "Fill & Download"
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setValues(initialValues(fields)),
+                  disabled: busy || !fields.length,
+                  className: secondaryButtonClass,
+                  children: [
+                    /* @__PURE__ */ jsx("i", { className: "fa-solid fa-arrow-rotate-left" }),
+                    "Reset"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(BackToPdfTools, {})
+            ] })
+          ] }),
+          side: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-slate-900 dark:text-slate-100", children: "Summary" }),
+            /* @__PURE__ */ jsx(
+              SummaryList,
+              {
+                items: [
+                  { label: "Fillable fields", value: pdf.file ? editable.length : "-" },
+                  { label: "Required, still empty", value: pdf.file ? missingRequired.length : "-" }
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SideTips,
+              {
+                tips: [
+                  "Hover a field label to see its full internal name.",
+                  "Answers use Helvetica, so basic Latin characters only.",
+                  "Scanned forms without real fields can be filled with Sign PDF \u2192 Type."
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}
+
+export { FillPdfForm };
+//# sourceMappingURL=chunk-7XH7MFZ4.js.map
+//# sourceMappingURL=chunk-7XH7MFZ4.js.map

package/dist/chunk-7XH7MFZ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/forms/FillPdfForm.tsx"],"names":[],"mappings":"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","file":"chunk-7XH7MFZ4.js","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { downloadBlob, formatBytes, toBaseName } from \"../shared/files\";\nimport {\n  BackToPdfTools,\n  FileDropzone,\n  PdfToolColumns,\n  PdfToolPage,\n  SelectedPdfCard,\n  SideTips,\n  StatusBanner,\n  SummaryList,\n  cardClass,\n  fieldLabelClass,\n  inputClass,\n  primaryButtonClass,\n  secondaryButtonClass,\n} from \"../shared/ToolLayout\";\nimport { useSinglePdf } from \"../shared/useSinglePdf\";\nimport { fillForm, readFormFields } from \"./fillFormCore\";\n\n/** \"topmostSubform[0].Page1[0].FirstName[0]\" -> \"FirstName\". */\nfunction friendlyName(name) {\n  const last = name.split(\".\").pop() || name;\n  return last.replace(/\\[\\d+\\]$/, \"\").replace(/[_-]+/g, \" \").trim() || name;\n}\n\nfunction initialValues(fields) {\n  return Object.fromEntries(fields.map((field) => [field.name, field.value]));\n}\n\nfunction FieldInput({ field, value, onChange, disabled }) {\n  const id = `field-${field.name}`;\n  const locked = disabled || field.readOnly;\n\n  if (field.kind === \"checkbox\") {\n    return (\n      <label htmlFor={id} className=\"flex items-center gap-3 text-sm text-slate-800 dark:text-slate-200\">\n        <input\n          id={id}\n          type=\"checkbox\"\n          checked={Boolean(value)}\n          disabled={locked}\n          onChange={(event) => onChange(event.target.checked)}\n          className=\"h-4 w-4 accent-[#1F8CFF]\"\n        />\n        {friendlyName(field.name)}\n        {field.required ? <span className=\"text-rose-600\">*</span> : null}\n      </label>\n    );\n  }\n\n  const label = (\n    <span className={fieldLabelClass} title={field.name}>\n      {friendlyName(field.name)}\n      {field.required ? <span className=\"ml-1 text-rose-600\">*</span> : null}\n      {field.readOnly ? <span className=\"ml-2 normal-case tracking-normal text-slate-400\">(read-only)</span> : null}\n    </span>\n  );\n\n  if (field.kind === \"radio\") {\n    return (\n      <fieldset disabled={locked}>\n        <legend>{label}</legend>\n        <div className=\"mt-2 flex flex-wrap gap-3\">\n          {field.options.map((option) => (\n            <label key={option} className=\"flex items-center gap-2 text-sm text-slate-800 dark:text-slate-200\">\n              <input\n                type=\"radio\"\n                name={id}\n                checked={value === option}\n                onChange={() => onChange(option)}\n                className=\"h-4 w-4 accent-[#1F8CFF]\"\n              />\n              {option}\n            </label>\n          ))}\n          <button type=\"button\" onClick={() => onChange(\"\")} className=\"text-xs text-slate-500 underline\">\n            Clear\n          </button>\n        </div>\n      </fieldset>\n    );\n  }\n\n  if (field.kind === \"dropdown\") {\n    return (\n      <label htmlFor={id} className=\"block\">\n        {label}\n        <select id={id} value={value} disabled={locked} onChange={(event) => onChange(event.target.value)} className={`mt-2 ${inputClass}`}>\n          <option value=\"\">—</option>\n          {field.options.map((option) => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </label>\n    );\n  }\n\n  if (field.kind === \"list\") {\n    return (\n      <label htmlFor={id} className=\"block\">\n        {label}\n        <select\n          id={id}\n          multiple={field.multiSelect}\n          value={field.multiSelect ? value : value[0] ?? \"\"}\n          disabled={locked}\n          onChange={(event) =>\n            onChange(Array.from(event.target.selectedOptions, (option) => option.value).filter(Boolean))\n          }\n          className={`mt-2 ${inputClass}`}\n        >\n          {field.multiSelect ? null : <option value=\"\">—</option>}\n          {field.options.map((option) => (\n            <option key={option} value={option}>\n              {option}\n            </option>\n          ))}\n        </select>\n      </label>\n    );\n  }\n\n  if (field.kind === \"text\") {\n    const props = {\n      id,\n      value,\n      disabled: locked,\n      maxLength: field.maxLength,\n      onChange: (event) => onChange(event.target.value),\n      className: `mt-2 ${inputClass}`,\n    };\n    return (\n      <label htmlFor={id} className=\"block\">\n        {label}\n        {field.multiline ? <textarea rows={3} {...props} /> : <input type=\"text\" {...props} />}\n        {field.maxLength ? (\n          <span className=\"mt-1 block text-right text-[11px] text-slate-400\">\n            {String(value).length}/{field.maxLength}\n          </span>\n        ) : null}\n      </label>\n    );\n  }\n\n  return (\n    <div>\n      {label}\n      <p className=\"mt-1 text-xs text-slate-500 dark:text-slate-400\">\n        {field.kind === \"signature\"\n          ? \"Signature field: use Sign PDF to add a visible signature.\"\n          : \"Button: nothing to fill.\"}\n      </p>\n    </div>\n  );\n}\n\nexport default function FillPdfForm() {\n  const [fields, setFields] = useState([]);\n  const [values, setValues] = useState({});\n  const [hasXfa, setHasXfa] = useState(false);\n  const [flatten, setFlatten] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [status, setStatus] = useState({\n    tone: \"info\",\n    text: \"Add a PDF form to fill in its fields.\",\n  });\n\n  useEffect(() => {\n    document.title = \"Fill PDF Forms | Apps\";\n  }, []);\n\n  const onError = useCallback((text) => setStatus({ tone: \"error\", text }), []);\n  const onLoaded = useCallback(async ({ file, bytes }) => {\n    try {\n      const result = await readFormFields(bytes);\n      setFields(result.fields);\n      setValues(initialValues(result.fields));\n      setHasXfa(result.hasXfa);\n      setStatus(\n        result.fields.length\n          ? { tone: \"success\", text: `${file.name} has ${result.fields.length} field${result.fields.length === 1 ? \"\" : \"s\"}. Fill them in and download.` }\n          : { tone: \"info\", text: `${file.name} has no fillable form fields. Use Sign PDF or Watermark to add text instead.` }\n      );\n    } catch (error) {\n      setStatus({ tone: \"error\", text: error?.message || \"Could not read this PDF.\" });\n    }\n  }, []);\n  const pdf = useSinglePdf({ onError, onLoaded });\n\n  const groups = useMemo(() => {\n    const byPage = new Map();\n    for (const field of fields) {\n      const key = field.page ?? 0;\n      if (!byPage.has(key)) byPage.set(key, []);\n      byPage.get(key).push(field);\n    }\n    return [...byPage.entries()].sort(([a], [b]) => (a || Infinity) - (b || Infinity));\n  }, [fields]);\n\n  const editable = fields.filter((field) => !field.readOnly && field.kind !== \"button\" && field.kind !== \"signature\");\n  const missingRequired = editable.filter((field) => {\n    const value = values[field.name];\n    return field.required && (Array.isArray(value) ? !value.length : !value);\n  });\n\n  const clearFile = () => {\n    pdf.clear();\n    setFields([]);\n    setValues({});\n    setHasXfa(false);\n  };\n\n  const handleSave = async (event) => {\n    event.preventDefault();\n    if (!pdf.bytes || !editable.length) return;\n    setIsSaving(true);\n    setStatus({ tone: \"info\", text: \"Filling your PDF...\" });\n    try {\n      const bytes = await fillForm(pdf.bytes, values, { flatten });\n      const blob = new Blob([bytes as BlobPart], { type: \"application/pdf\" });\n      downloadBlob(blob, `${toBaseName(pdf.file.name, \"form\")}-filled.pdf`);\n      setStatus({\n        tone: \"success\",\n        text: `Saved (${formatBytes(blob.size)})${flatten ? \" with answers locked in\" : \"\"}. Your download has started.${\n          missingRequired.length ? ` Note: ${missingRequired.length} required field${missingRequired.length === 1 ? \" is\" : \"s are\"} still empty.` : \"\"\n        }`,\n      });\n    } catch (error) {\n      setStatus({ tone: \"error\", text: `Could not fill the form: ${error?.message || \"Please try again.\"}` });\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const busy = isSaving || pdf.isReading;\n\n  return (\n    <PdfToolPage\n      title=\"Fill PDF Forms\"\n      description=\"Fill in the text boxes, checkboxes, and choices of a PDF form, then download it, optionally locked so answers can't be changed. Runs in your browser; your answers never leave your device.\"\n      stats={[\n        { value: fields.length || \"-\", label: \"Fields\" },\n        { value: pdf.pageCount || \"-\", label: \"Pages\" },\n      ]}\n    >\n      <PdfToolColumns\n        main={\n          <form onSubmit={handleSave}>\n            {pdf.file ? (\n              <SelectedPdfCard\n                signed={pdf.signed} file={pdf.file} pageCount={pdf.pageCount} onRemove={clearFile} disabled={isSaving} />\n            ) : (\n              <FileDropzone\n                accept=\".pdf,application/pdf\"\n                disabled={busy}\n                onFiles={pdf.selectFiles}\n                title=\"Drag and drop a PDF form here\"\n                hint=\"or click to browse from your device\"\n              />\n            )}\n\n            {hasXfa ? (\n              <p className=\"mt-4 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-xs text-amber-800 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200\">\n                This form also contains an XFA (Adobe LiveCycle) version. It is removed when you save so every viewer shows\n                the answers you enter here.\n              </p>\n            ) : null}\n\n            {groups.map(([page, pageFields]) => (\n              <section key={page} className={`mt-5 ${cardClass}`}>\n                <h3 className=\"text-sm font-semibold text-slate-900 dark:text-slate-100\">\n                  {page ? `Page ${page}` : \"Not on a page\"}\n                </h3>\n                <div className=\"mt-3 grid gap-4 sm:grid-cols-2\">\n                  {pageFields.map((field) => (\n                    <div key={field.name} className={field.multiline || field.kind === \"radio\" ? \"sm:col-span-2\" : \"\"}>\n                      <FieldInput\n                        field={field}\n                        value={values[field.name]}\n                        disabled={busy}\n                        onChange={(value) => setValues((current) => ({ ...current, [field.name]: value }))}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </section>\n            ))}\n\n            {fields.length ? (\n              <label className=\"mt-5 flex items-start gap-3 text-sm text-slate-700 dark:text-slate-300\">\n                <input\n                  type=\"checkbox\"\n                  checked={flatten}\n                  onChange={(event) => setFlatten(event.target.checked)}\n                  disabled={busy}\n                  className=\"mt-0.5 h-4 w-4 accent-[#1F8CFF]\"\n                />\n                <span>\n                  Lock answers (flatten)\n                  <span className=\"block text-xs text-slate-500 dark:text-slate-400\">\n                    Draws your answers into the page and removes the form, so they can't be edited.\n                  </span>\n                </span>\n              </label>\n            ) : null}\n\n            <StatusBanner status={status} />\n\n            <div className=\"mt-5 flex flex-wrap gap-3\">\n              <button type=\"submit\" disabled={busy || !editable.length} className={primaryButtonClass}>\n                <i className={`fa-solid ${isSaving ? \"fa-spinner fa-spin\" : \"fa-pen-to-square\"}`} />\n                {isSaving ? \"Saving...\" : \"Fill & Download\"}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => setValues(initialValues(fields))}\n                disabled={busy || !fields.length}\n                className={secondaryButtonClass}\n              >\n                <i className=\"fa-solid fa-arrow-rotate-left\" />\n                Reset\n              </button>\n              <BackToPdfTools />\n            </div>\n          </form>\n        }\n        side={\n          <>\n            <h2 className=\"text-base font-semibold text-slate-900 dark:text-slate-100\">Summary</h2>\n            <SummaryList\n              items={[\n                { label: \"Fillable fields\", value: pdf.file ? editable.length : \"-\" },\n                { label: \"Required, still empty\", value: pdf.file ? missingRequired.length : \"-\" },\n              ]}\n            />\n            <SideTips\n              tips={[\n                \"Hover a field label to see its full internal name.\",\n                \"Answers use Helvetica, so basic Latin characters only.\",\n                \"Scanned forms without real fields can be filled with Sign PDF → Type.\",\n              ]}\n            />\n          </>\n        }\n      />\n    </PdfToolPage>\n  );\n}\n"]}

package/dist/chunk-BK3MYSUS.js

@@ -0,0 +1,61 @@
+import { hasDigitalSignatures } from './chunk-7MTEMQLL.js';
+import { isPdfFile, loadPdf } from './chunk-EKHEY3LI.js';
+import { useState, useRef, useCallback } from 'react';
+
+var MAX_SINGLE_PDF_BYTES = 200 * 1024 * 1024;
+function useSinglePdf({ onError, onLoaded } = {}) {
+  const [file, setFile] = useState(null);
+  const [bytes, setBytes] = useState(null);
+  const [pageCount, setPageCount] = useState(0);
+  const [isReading, setIsReading] = useState(false);
+  const [signed, setSigned] = useState(false);
+  const requestRef = useRef(0);
+  const clear = useCallback(() => {
+    requestRef.current += 1;
+    setFile(null);
+    setBytes(null);
+    setPageCount(0);
+    setSigned(false);
+    setIsReading(false);
+  }, []);
+  const selectFiles = useCallback(
+    async (files) => {
+      const next = (files || []).find(isPdfFile);
+      if (!next) {
+        if (files?.length) onError?.("Only PDF files are supported.");
+        return;
+      }
+      if (next.size > MAX_SINGLE_PDF_BYTES) {
+        onError?.("This PDF is larger than 200 MB.");
+        return;
+      }
+      const request = ++requestRef.current;
+      setFile(next);
+      setBytes(null);
+      setPageCount(0);
+      setSigned(false);
+      setIsReading(true);
+      try {
+        const data = await next.arrayBuffer();
+        const doc = await loadPdf(data);
+        if (request !== requestRef.current) return;
+        setBytes(data);
+        setPageCount(doc.getPageCount());
+        setSigned(hasDigitalSignatures(doc));
+        onLoaded?.({ file: next, bytes: data, pageCount: doc.getPageCount() });
+      } catch (error) {
+        if (request !== requestRef.current) return;
+        setFile(null);
+        onError?.(error?.message || "Could not read this PDF.");
+      } finally {
+        if (request === requestRef.current) setIsReading(false);
+      }
+    },
+    [onError, onLoaded]
+  );
+  return { file, bytes, pageCount, signed, isReading, selectFiles, clear };
+}
+
+export { MAX_SINGLE_PDF_BYTES, useSinglePdf };
+//# sourceMappingURL=chunk-BK3MYSUS.js.map
+//# sourceMappingURL=chunk-BK3MYSUS.js.map

package/dist/chunk-BK3MYSUS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/useSinglePdf.ts"],"names":[],"mappings":";;;;AAIO,IAAM,oBAAA,GAAuB,MAAM,IAAA,GAAO;AAW1C,SAAS,aAAa,EAAE,OAAA,EAAS,QAAA,EAAS,GAAsB,EAAC,EAAG;AACzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,IAAI,CAAA;AACrC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,IAAI,CAAA;AACvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAC1C,EAAA,MAAM,UAAA,GAAa,OAAO,CAAC,CAAA;AAE3B,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,UAAA,CAAW,OAAA,IAAW,CAAA;AACtB,IAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,IAAA,QAAA,CAAS,IAAI,CAAA;AACb,IAAA,YAAA,CAAa,CAAC,CAAA;AACd,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,EACpB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,OAAO,KAAA,KAAU;AACf,MAAA,MAAM,IAAA,GAAA,CAAQ,KAAA,IAAS,EAAC,EAAG,KAAK,SAAS,CAAA;AACzC,MAAA,IAAI,CAAC,IAAA,EAAM;AACT,QAAA,IAAI,KAAA,EAAO,MAAA,EAAQ,OAAA,GAAU,+BAA+B,CAAA;AAC5D,QAAA;AAAA,MACF;AACA,MAAA,IAAI,IAAA,CAAK,OAAO,oBAAA,EAAsB;AACpC,QAAA,OAAA,GAAU,iCAAiC,CAAA;AAC3C,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,OAAA,GAAU,EAAE,UAAA,CAAW,OAAA;AAC7B,MAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,YAAA,CAAa,CAAC,CAAA;AACd,MAAA,SAAA,CAAU,KAAK,CAAA;AACf,MAAA,YAAA,CAAa,IAAI,CAAA;AAEjB,MAAA,IAAI;AACF,QAAA,MAAM,IAAA,GAAO,MAAM,IAAA,CAAK,WAAA,EAAY;AACpC,QAAA,MAAM,GAAA,GAAM,MAAM,OAAA,CAAQ,IAAI,CAAA;AAC9B,QAAA,IAAI,OAAA,KAAY,WAAW,OAAA,EAAS;AACpC,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA,YAAA,CAAa,GAAA,CAAI,cAAc,CAAA;AAC/B,QAAA,SAAA,CAAU,oBAAA,CAAqB,GAAG,CAAC,CAAA;AACnC,QAAA,QAAA,GAAW,EAAE,MAAM,IAAA,EAAM,KAAA,EAAO,MAAM,SAAA,EAAW,GAAA,CAAI,YAAA,EAAa,EAAG,CAAA;AAAA,MACvE,SAAS,KAAA,EAAO;AACd,QAAA,IAAI,OAAA,KAAY,WAAW,OAAA,EAAS;AACpC,QAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,QAAA,OAAA,GAAU,KAAA,EAAO,WAAW,0BAA0B,CAAA;AAAA,MACxD,CAAA,SAAE;AACA,QAAA,IAAI,OAAA,KAAY,UAAA,CAAW,OAAA,EAAS,YAAA,CAAa,KAAK,CAAA;AAAA,MACxD;AAAA,IACF,CAAA;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,GACpB;AAEA,EAAA,OAAO,EAAE,IAAA,EAAM,KAAA,EAAO,WAAW,MAAA,EAAQ,SAAA,EAAW,aAAa,KAAA,EAAM;AACzE","file":"chunk-BK3MYSUS.js","sourcesContent":["import { useCallback, useRef, useState } from \"react\";\nimport { isPdfFile, loadPdf } from \"./files\";\nimport { hasDigitalSignatures } from \"./signatureFields\";\n\nexport const MAX_SINGLE_PDF_BYTES = 200 * 1024 * 1024;\n\n/**\n * Holds one selected PDF: the File, its bytes and page count once read, or a\n * read error. A newer selection always wins over a slower earlier read.\n */\ntype SinglePdfOptions = {\n  onError?: (message: string) => void;\n  onLoaded?: (loaded: { file: File; bytes: ArrayBuffer; pageCount: number }) => void;\n};\n\nexport function useSinglePdf({ onError, onLoaded }: SinglePdfOptions = {}) {\n  const [file, setFile] = useState(null);\n  const [bytes, setBytes] = useState(null);\n  const [pageCount, setPageCount] = useState(0);\n  const [isReading, setIsReading] = useState(false);\n  const [signed, setSigned] = useState(false);\n  const requestRef = useRef(0);\n\n  const clear = useCallback(() => {\n    requestRef.current += 1;\n    setFile(null);\n    setBytes(null);\n    setPageCount(0);\n    setSigned(false);\n    setIsReading(false);\n  }, []);\n\n  const selectFiles = useCallback(\n    async (files) => {\n      const next = (files || []).find(isPdfFile);\n      if (!next) {\n        if (files?.length) onError?.(\"Only PDF files are supported.\");\n        return;\n      }\n      if (next.size > MAX_SINGLE_PDF_BYTES) {\n        onError?.(\"This PDF is larger than 200 MB.\");\n        return;\n      }\n\n      const request = ++requestRef.current;\n      setFile(next);\n      setBytes(null);\n      setPageCount(0);\n      setSigned(false);\n      setIsReading(true);\n\n      try {\n        const data = await next.arrayBuffer();\n        const doc = await loadPdf(data);\n        if (request !== requestRef.current) return;\n        setBytes(data);\n        setPageCount(doc.getPageCount());\n        setSigned(hasDigitalSignatures(doc));\n        onLoaded?.({ file: next, bytes: data, pageCount: doc.getPageCount() });\n      } catch (error) {\n        if (request !== requestRef.current) return;\n        setFile(null);\n        onError?.(error?.message || \"Could not read this PDF.\");\n      } finally {\n        if (request === requestRef.current) setIsReading(false);\n      }\n    },\n    [onError, onLoaded]\n  );\n\n  return { file, bytes, pageCount, signed, isReading, selectFiles, clear };\n}\n"]}

package/dist/chunk-BLHNKR3S.js

@@ -0,0 +1,35 @@
+// src/shared/pageRanges.ts
+function parseRangePart(part, pageCount) {
+  const match = part.match(/^(\d*)\s*(?:(-)\s*(\d*))?$/);
+  if (!match || !match[1] && !match[3]) {
+    throw new Error(`Invalid page range "${part}".`);
+  }
+  const start = match[1] ? Number(match[1]) : 1;
+  const end = match[2] ? match[3] ? Number(match[3]) : pageCount : start;
+  if (start < 1 || end < 1 || start > pageCount || end > pageCount) {
+    throw new Error(`Page range "${part}" is outside 1-${pageCount}.`);
+  }
+  const indices = [];
+  const step = start <= end ? 1 : -1;
+  for (let page = start; step > 0 ? page <= end : page >= end; page += step) {
+    indices.push(page - 1);
+  }
+  return indices;
+}
+function parsePageGroups(selection, pageCount) {
+  const groups = (selection || "").split(",").map((part) => part.trim()).filter(Boolean).map((part) => parseRangePart(part, pageCount));
+  if (!groups.length) {
+    throw new Error("Page selection is empty.");
+  }
+  return groups;
+}
+function parsePageSelection(selection, pageCount) {
+  if (!(selection || "").trim()) {
+    return Array.from({ length: pageCount }, (_, index) => index);
+  }
+  return parsePageGroups(selection, pageCount).flat();
+}
+
+export { parsePageGroups, parsePageSelection };
+//# sourceMappingURL=chunk-BLHNKR3S.js.map
+//# sourceMappingURL=chunk-BLHNKR3S.js.map

package/dist/chunk-BLHNKR3S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shared/pageRanges.ts"],"names":[],"mappings":";AAAA,SAAS,cAAA,CAAe,MAAc,SAAA,EAAmB;AACvD,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,4BAA4B,CAAA;AACrD,EAAA,IAAI,CAAC,SAAU,CAAC,KAAA,CAAM,CAAC,CAAA,IAAK,CAAC,KAAA,CAAM,CAAC,CAAA,EAAI;AACtC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,oBAAA,EAAuB,IAAI,CAAA,EAAA,CAAI,CAAA;AAAA,EACjD;AAEA,EAAA,MAAM,KAAA,GAAQ,MAAM,CAAC,CAAA,GAAI,OAAO,KAAA,CAAM,CAAC,CAAC,CAAA,GAAI,CAAA;AAC5C,EAAA,MAAM,GAAA,GAAM,KAAA,CAAM,CAAC,CAAA,GAAK,KAAA,CAAM,CAAC,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,GAAI,SAAA,GAAa,KAAA;AAEnE,EAAA,IAAI,QAAQ,CAAA,IAAK,GAAA,GAAM,KAAK,KAAA,GAAQ,SAAA,IAAa,MAAM,SAAA,EAAW;AAChE,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,YAAA,EAAe,IAAI,CAAA,eAAA,EAAkB,SAAS,CAAA,CAAA,CAAG,CAAA;AAAA,EACnE;AAEA,EAAA,MAAM,UAAoB,EAAC;AAC3B,EAAA,MAAM,IAAA,GAAO,KAAA,IAAS,GAAA,GAAM,CAAA,GAAI,EAAA;AAChC,EAAA,KAAA,IAAS,IAAA,GAAO,OAAO,IAAA,GAAO,CAAA,GAAI,QAAQ,GAAA,GAAM,IAAA,IAAQ,GAAA,EAAK,IAAA,IAAQ,IAAA,EAAM;AACzE,IAAA,OAAA,CAAQ,IAAA,CAAK,OAAO,CAAC,CAAA;AAAA,EACvB;AACA,EAAA,OAAO,OAAA;AACT;AAMO,SAAS,eAAA,CAAgB,WAA+B,SAAA,EAAmB;AAChF,EAAA,MAAM,MAAA,GAAA,CAAU,aAAa,EAAA,EAC1B,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAC,IAAA,KAAS,IAAA,CAAK,IAAA,EAAM,CAAA,CACzB,MAAA,CAAO,OAAO,CAAA,CACd,GAAA,CAAI,CAAC,IAAA,KAAS,cAAA,CAAe,IAAA,EAAM,SAAS,CAAC,CAAA;AAEhD,EAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AAClB,IAAA,MAAM,IAAI,MAAM,0BAA0B,CAAA;AAAA,EAC5C;AACA,EAAA,OAAO,MAAA;AACT;AAOO,SAAS,kBAAA,CAAmB,WAA+B,SAAA,EAAmB;AACnF,EAAA,IAAI,CAAA,CAAE,SAAA,IAAa,EAAA,EAAI,IAAA,EAAK,EAAG;AAC7B,IAAA,OAAO,KAAA,CAAM,KAAK,EAAE,MAAA,EAAQ,WAAU,EAAG,CAAC,CAAA,EAAG,KAAA,KAAU,KAAK,CAAA;AAAA,EAC9D;AACA,EAAA,OAAO,eAAA,CAAgB,SAAA,EAAW,SAAS,CAAA,CAAE,IAAA,EAAK;AACpD","file":"chunk-BLHNKR3S.js","sourcesContent":["function parseRangePart(part: string, pageCount: number) {\n  const match = part.match(/^(\\d*)\\s*(?:(-)\\s*(\\d*))?$/);\n  if (!match || (!match[1] && !match[3])) {\n    throw new Error(`Invalid page range \"${part}\".`);\n  }\n\n  const start = match[1] ? Number(match[1]) : 1;\n  const end = match[2] ? (match[3] ? Number(match[3]) : pageCount) : start;\n\n  if (start < 1 || end < 1 || start > pageCount || end > pageCount) {\n    throw new Error(`Page range \"${part}\" is outside 1-${pageCount}.`);\n  }\n\n  const indices: number[] = [];\n  const step = start <= end ? 1 : -1;\n  for (let page = start; step > 0 ? page <= end : page >= end; page += step) {\n    indices.push(page - 1);\n  }\n  return indices;\n}\n\n/**\n * Parse a 1-based page selection (\"1-3, 5, 8-\") into groups of 0-based page\n * indices, one group per comma-separated part, in the order typed.\n */\nexport function parsePageGroups(selection: string | undefined, pageCount: number) {\n  const groups = (selection || \"\")\n    .split(\",\")\n    .map((part) => part.trim())\n    .filter(Boolean)\n    .map((part) => parseRangePart(part, pageCount));\n\n  if (!groups.length) {\n    throw new Error(\"Page selection is empty.\");\n  }\n  return groups;\n}\n\n/**\n * Parse a 1-based page selection (\"1-3, 5, 8-\") into 0-based page indices,\n * preserving the order the user typed. Empty means every page. Throws on\n * out-of-range or malformed input.\n */\nexport function parsePageSelection(selection: string | undefined, pageCount: number) {\n  if (!(selection || \"\").trim()) {\n    return Array.from({ length: pageCount }, (_, index) => index);\n  }\n  return parsePageGroups(selection, pageCount).flat();\n}\n"]}