@signiphi/page-assembly 0.2.0-beta.16 → 0.2.0-beta.18

package/dist/index.mjs

@@ -14,7 +14,7 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as pdfjsLib from 'pdfjs-dist';
-import { PDFDocument, PDFName, PDFTextField, PDFCheckBox, PDFDropdown, PDFRadioGroup, PDFHexString, StandardFonts, rgb, PDFString, PDFOperator, PDFOperatorNames, PDFDict, PDFArray, PDFInvalidObject, PDFObjectParser, PDFRawStream, PDFObjectStreamParser, PDFRef, PDFBool, PDFNumber } from 'pdf-lib';
+import { PDFDocument, PDFTextField, PDFCheckBox, PDFDropdown, PDFRadioGroup, PDFHexString, PDFName, StandardFonts, rgb, PDFString, PDFOperator, PDFOperatorNames, PDFDict, PDFArray, PDFInvalidObject, PDFObjectParser, PDFRawStream, PDFObjectStreamParser, PDFRef, PDFBool, PDFNumber } from 'pdf-lib';
 
 // src/components/PageAssembler.tsx
 function cn(...inputs) {
@@ -220,8 +220,9 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     position,
     style: {
       zIndex: 99999,
-      backgroundColor: "#ffffff",
-      border: "1px solid #e2e8f0",
+      backgroundColor: "hsl(var(--xpa-popover))",
+      color: "hsl(var(--xpa-popover-foreground))",
+      border: "1px solid hsl(var(--xpa-border))",
       borderRadius: "0.5rem",
       boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
       marginTop: "4px"
@@ -315,16 +316,23 @@ var AlertDialogOverlay = React7.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { container: document.querySelector(".signiphi-page-assembly"), children: [
+var CENTERED = {
+  position: "fixed",
+  left: "50%",
+  top: "50%",
+  transform: "translate(-50%, -50%)"
+};
+var AlertDialogContent = React7.forwardRef(({ className, style, ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortal, { container: document.querySelector(".signiphi-page-assembly"), children: [
   /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsx(
     AlertDialogPrimitive.Content,
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-[9999] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "z-[9999] grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg sm:rounded-lg",
         className
       ),
+      style: { ...CENTERED, ...style },
       ...props
     }
   )
@@ -440,8 +448,9 @@ var DropdownMenuContent = React7.forwardRef(({ className, sideOffset = 4, ...pro
     ),
     style: {
       zIndex: 99999,
-      backgroundColor: "#ffffff",
-      border: "1px solid #e2e8f0",
+      backgroundColor: "hsl(var(--xpa-popover))",
+      color: "hsl(var(--xpa-popover-foreground))",
+      border: "1px solid hsl(var(--xpa-border))",
       borderRadius: "0.5rem",
       boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
       padding: "6px"
@@ -1372,6 +1381,46 @@ function downloadPdf(pdfBytes, filename) {
   a.click();
   URL.revokeObjectURL(url);
 }
+var KEY = "SigniphiMetadata";
+function readMetadata(doc, pdfLib) {
+  let blockPresent = false;
+  try {
+    const infoRef = doc.context.trailerInfo.Info;
+    if (!infoRef) return { metadata: null, blockPresent };
+    const info = doc.context.lookup(infoRef);
+    if (!info || typeof info.get !== "function") return { metadata: null, blockPresent };
+    const value = info.get(pdfLib.PDFName.of(KEY));
+    if (!value) return { metadata: null, blockPresent };
+    blockPresent = true;
+    const json = typeof value.decodeText === "function" ? value.decodeText() : stripDelimiters(value.toString());
+    return { metadata: JSON.parse(json), blockPresent };
+  } catch {
+    return { metadata: null, blockPresent };
+  }
+}
+function writeMetadata(doc, metadata, pdfLib) {
+  const info = doc.context.lookup(doc.context.trailerInfo.Info);
+  if (!info || typeof info.set !== "function") {
+    throw new Error("Cannot write SigniphiMetadata: the PDF has no Info dictionary");
+  }
+  info.set(pdfLib.PDFName.of(KEY), pdfLib.PDFHexString.fromText(JSON.stringify(metadata)));
+}
+function stripDelimiters(raw) {
+  const wrapped = raw.startsWith("(") && raw.endsWith(")") || raw.startsWith("<") && raw.endsWith(">");
+  return wrapped ? raw.slice(1, -1) : raw;
+}
+function textLabelPlacements(source) {
+  const fields = source.metadata?.fields;
+  if (!fields || !source.pages?.length) return [];
+  const out = [];
+  for (const [name, entry] of Object.entries(fields)) {
+    if (entry.type !== "text_label" || !entry.position) continue;
+    for (const { source: page, combined } of source.pages) {
+      if (page === entry.position.page) out.push({ name, page: combined });
+    }
+  }
+  return out;
+}
 function toCombinedPage(entry, page) {
   if (!entry.position && !entry.radioPositions && !entry.radioOptions) return entry;
   const carried = { ...entry };
@@ -1382,78 +1431,55 @@ function toCombinedPage(entry, page) {
   }
   return carried;
 }
-function mergeSourceMetadata(sources) {
+function assembleMetadata(sources) {
   const merged = { version: "1.0", fields: {}, fieldIdIndex: {} };
   let radioLabelsBaked;
   let textLabelsBaked;
   let checkboxLabelsBaked;
+  let legacyRadioStripped;
   for (const source of sources) {
     const meta = source.metadata;
-    if (!meta || source.fields.length === 0) continue;
+    if (!meta || source.fields.length === 0 && !source.pages?.length) continue;
     if (meta.radioLabelsBaked === false) radioLabelsBaked = false;
     else if (meta.radioLabelsBaked === true && radioLabelsBaked === void 0) radioLabelsBaked = true;
     if (meta.textLabelsBaked === false) textLabelsBaked = false;
     else if (meta.textLabelsBaked === true && textLabelsBaked === void 0) textLabelsBaked = true;
     if (meta.checkboxLabelsBaked === false) checkboxLabelsBaked = false;
     else if (meta.checkboxLabelsBaked === true && checkboxLabelsBaked === void 0) checkboxLabelsBaked = true;
+    legacyRadioStripped = meta.legacyRadioStripped === true && legacyRadioStripped !== false;
   }
   for (const source of sources) {
     const meta = source.metadata;
     if (!meta) continue;
     const sourceTextLabelsBaked = meta.textLabelsBaked !== false;
-    for (const { name, page } of source.fields) {
+    for (const { name, page } of [...source.fields, ...textLabelPlacements(source)]) {
       const key = `${name}_p${page}`;
       const entry = meta.fields?.[name];
-      if (entry) {
-        const carried = toCombinedPage(entry, page);
-        merged.fields[key] = textLabelsBaked === false && sourceTextLabelsBaked ? { ...carried, textLabelBaked: true } : carried;
-      }
-      const fieldId = meta.fieldIdIndex?.[name];
-      if (fieldId) merged.fieldIdIndex[key] = fieldId;
+      if (!entry) continue;
+      const carried = toCombinedPage(entry, page);
+      merged.fields[key] = textLabelsBaked === false && sourceTextLabelsBaked ? { ...carried, textLabelBaked: true } : carried;
+      if (entry.fieldId) merged.fieldIdIndex[entry.fieldId] = key;
     }
   }
   if (radioLabelsBaked !== void 0) merged.radioLabelsBaked = radioLabelsBaked;
   if (textLabelsBaked !== void 0) merged.textLabelsBaked = textLabelsBaked;
   if (checkboxLabelsBaked !== void 0) merged.checkboxLabelsBaked = checkboxLabelsBaked;
+  if (legacyRadioStripped) merged.legacyRadioStripped = true;
   const hasEntries = Object.keys(merged.fields).length > 0;
   const hasMarkers = radioLabelsBaked !== void 0 || textLabelsBaked !== void 0 || checkboxLabelsBaked !== void 0;
   if (!hasEntries && !hasMarkers) return null;
   if (Object.keys(merged.fieldIdIndex).length === 0) delete merged.fieldIdIndex;
   return merged;
 }
+function mergeSourceMetadata(sources) {
+  return assembleMetadata(sources);
+}
 function getSigniphiMetadata(pdfDoc) {
-  try {
-    const infoRef = pdfDoc.context.trailerInfo.Info;
-    if (!infoRef) {
-      return null;
-    }
-    const infoObj = pdfDoc.context.lookup(infoRef);
-    if (!infoObj || typeof infoObj.get !== "function") {
-      return null;
-    }
-    const infoDict = infoObj;
-    const metadataObj = infoDict.get(PDFName.of("SigniphiMetadata"));
-    if (!metadataObj) {
-      return null;
-    }
-    let jsonStr;
-    if (typeof metadataObj.decodeText === "function") {
-      jsonStr = metadataObj.decodeText();
-    } else {
-      const metadataStr = metadataObj.toString();
-      jsonStr = metadataStr;
-      if (metadataStr.startsWith("(") && metadataStr.endsWith(")")) {
-        jsonStr = metadataStr.slice(1, -1);
-      } else if (metadataStr.startsWith("<") && metadataStr.endsWith(">")) {
-        jsonStr = metadataStr.slice(1, -1);
-      }
-    }
-    const metadata = JSON.parse(jsonStr);
-    return metadata;
-  } catch (error) {
-    console.error("Failed to load Signiphi metadata:", error);
-    return null;
+  const { metadata, blockPresent } = readMetadata(pdfDoc, { PDFName: PDFName });
+  if (blockPresent && !metadata) {
+    console.error("Failed to load Signiphi metadata: the block is present but will not parse");
   }
+  return metadata;
 }
 function getBaseFieldName(encodedName) {
   let baseName = encodedName;
@@ -1512,6 +1538,10 @@ async function extractFieldsFromPdf(pdfBytes) {
   const metadata = getSigniphiMetadata(pdfDoc);
   const form = pdfDoc.getForm();
   const pdfFields = form.getFields();
+  const pages = pdfDoc.getPages();
+  const pageHeights = pages.map((p) => p.getHeight());
+  const pageIndexByRef = new Map(pages.map((p, i) => [p.ref, i + 1]));
+  const pageNumberOf = (ref) => ref && pageIndexByRef.get(ref) || 1;
   for (const field of pdfFields) {
     const fieldName = field.getName();
     const widgets = field.acroField.getWidgets();
@@ -1540,19 +1570,20 @@ async function extractFieldsFromPdf(pdfBytes) {
     } else {
       console.log(`[field-extraction] Unknown field type "${fieldName}" - defaulting required=false`);
     }
+    const optionPositionsByPage = /* @__PURE__ */ new Map();
+    if (widgetType === "radio") {
+      for (const w of widgets) {
+        const pageNumber = pageNumberOf(w.P());
+        const r = w.getRectangle();
+        const top = pageHeights[pageNumber - 1] - r.y - r.height;
+        const bucket = optionPositionsByPage.get(pageNumber) ?? [];
+        bucket.push({ x: r.x, y: top, width: r.width, height: r.height });
+        optionPositionsByPage.set(pageNumber, bucket);
+      }
+    }
     for (const widget of widgets) {
       const rect = widget.getRectangle();
-      const pageRef = widget.P();
-      let pageNumber = 1;
-      if (pageRef) {
-        const pages = pdfDoc.getPages();
-        for (let i = 0; i < pages.length; i++) {
-          if (pages[i].ref === pageRef) {
-            pageNumber = i + 1;
-            break;
-          }
-        }
-      }
+      const pageNumber = pageNumberOf(widget.P());
       const pageQualifiedKey = `${baseName}_p${pageNumber}`;
       let fieldMetadata = metadata?.fields?.[pageQualifiedKey];
       if (!fieldMetadata) {
@@ -1569,8 +1600,7 @@ async function extractFieldsFromPdf(pdfBytes) {
       if (fieldMetadata?.options?.length) {
         fieldOptions = fieldMetadata.options;
       }
-      const page = pdfDoc.getPage(pageNumber - 1);
-      const pageHeight = page.getHeight();
+      const pageHeight = pageHeights[pageNumber - 1];
       const extractedField = {
         name: baseName,
         // Use clean base name without __SIGNER__ encoding (signer stored in signer property)
@@ -1587,6 +1617,9 @@ async function extractFieldsFromPdf(pdfBytes) {
         signer: signerFromName
         // Extract signer from encoded name
       };
+      if (widgetType === "radio") {
+        extractedField.optionPositions = optionPositionsByPage.get(pageNumber) ?? [];
+      }
       if (fieldMetadata) {
         if (fieldMetadata.fieldId) {
           extractedField.fieldId = fieldMetadata.fieldId;
@@ -1632,20 +1665,14 @@ async function extractFieldsFromPdf(pdfBytes) {
 }
 function setSigniphiMetadata(pdfDoc, metadata) {
   try {
-    const infoRef = pdfDoc.context.trailerInfo.Info;
-    const infoObj = pdfDoc.context.lookup(infoRef);
-    if (!infoObj || typeof infoObj.set !== "function") {
-      throw new Error("Info object is not a PDFDict or does not have set method");
-    }
-    const infoDict = infoObj;
-    const metadataString = JSON.stringify(metadata);
-    infoDict.set(PDFName.of("SigniphiMetadata"), PDFHexString.fromText(metadataString));
+    writeMetadata(pdfDoc, metadata, { PDFName: PDFName, PDFHexString: PDFHexString });
   } catch (error) {
     console.error("Failed to set Signiphi metadata:", error);
     throw error;
   }
 }
 var SIGNIPHI_CHECKBOX_LABEL_MARKER = "SiPL_Check";
+var RADIO_BORDER_WIDTH = 1;
 var FormFieldType = /* @__PURE__ */ ((FormFieldType2) => {
   FormFieldType2["TEXT"] = "text";
   FormFieldType2["SIGNATURE"] = "signature";
@@ -1942,7 +1969,24 @@ async function addFormFieldsToPdf(pdfBytes, formFields, options = {}) {
         case "radio" /* RADIO */: {
           const encodedName = encodeFieldNameWithSigner(uniqueFieldName, field.assignedSignerEmail);
           const radioGroup = form.createRadioGroup(encodedName);
-          if (field.options && field.options.length > 0) {
+          if (field.options && field.options.length > 0 && field.optionPositions?.length === field.options.length) {
+            const optionPositions = field.optionPositions;
+            field.options.forEach((option, index) => {
+              const at = optionPositions[index];
+              radioGroup.addOptionToPage(option, page, {
+                x: at.x + RADIO_BORDER_WIDTH / 2,
+                y: pageHeight - at.y - at.height + RADIO_BORDER_WIDTH / 2,
+                width: at.width - RADIO_BORDER_WIDTH,
+                height: at.height - RADIO_BORDER_WIDTH,
+                borderWidth: RADIO_BORDER_WIDTH,
+                borderColor: rgb(0.5, 0.5, 0.5),
+                backgroundColor: rgb(1, 1, 1)
+              });
+            });
+            if (field.defaultValue && field.options.includes(field.defaultValue)) {
+              radioGroup.select(field.defaultValue);
+            }
+          } else if (field.options && field.options.length > 0) {
             const optionHeight = Math.min(20, field.position.height / field.options.length);
             const spacing = field.position.height / field.options.length;
             field.options.forEach((option, index) => {
@@ -2282,7 +2326,7 @@ var DraggablePageThumbnail = ({
       ref,
       "data-handler-id": handlerId,
       className: cn(
-        "relative group cursor-pointer border-2 rounded-lg overflow-hidden bg-white transition-all",
+        "relative group cursor-pointer border-2 rounded-lg overflow-hidden bg-card transition-all",
         isDragging && "opacity-50 scale-95",
         isSelected ? "border-primary shadow-md" : "border-gray-200 hover:border-gray-300"
       ),
@@ -2310,7 +2354,7 @@ var DraggablePageThumbnail = ({
                   }
                 },
                 onContextMenu: handleContextMenu,
-                className: "h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary focus:ring-2 bg-white/90 cursor-pointer"
+                className: "h-4 w-4 rounded border-border text-primary focus:ring-primary focus:ring-2 bg-card/90 cursor-pointer"
               }
             )
           }
@@ -2638,7 +2682,7 @@ var BulkActionBar = ({
           /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Move selected pages to another file" }) })
         ] }) }),
         /* @__PURE__ */ jsxs(Select, { onValueChange: onMovePages, children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { id: "move-select", className: "w-48 bg-white", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Choose file..." }) }),
+          /* @__PURE__ */ jsx(SelectTrigger, { id: "move-select", className: "w-48 bg-card", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Choose file..." }) }),
           /* @__PURE__ */ jsx(SelectContent, { children: files.map((file) => /* @__PURE__ */ jsx(SelectItem, { value: file.id, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             file.type === "pdf" ? /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Image$1, { className: "h-4 w-4" }),
             /* @__PURE__ */ jsx("span", { className: "truncate", children: file.name })
@@ -2667,7 +2711,7 @@ var BulkActionBar = ({
           variant: "outline",
           size: "sm",
           onClick: onClearSelection,
-          className: "bg-white",
+          className: "bg-card",
           children: "Clear Selection"
         }
       )
@@ -3087,12 +3131,19 @@ var PageAssembler = forwardRef(
             if (sourcePdf && !sourceMetadata) {
               console.warn(`[PageAssembler] No readable SigniphiMetadata in "${fileName}"`);
             }
+            const pageUsageForFile = filePageUsage.get(fileId) || /* @__PURE__ */ new Map();
             const placements = [];
-            metadataSources.push({ metadata: sourceMetadata, fields: placements });
+            const pageLandings = [];
+            for (const [srcIndex, pageInstances] of pageUsageForFile) {
+              for (const pageInstance of pageInstances) {
+                const combined = pageIdToNewPageNumber.get(pageInstance.id);
+                if (combined !== void 0) pageLandings.push({ source: srcIndex + 1, combined });
+              }
+            }
+            metadataSources.push({ metadata: sourceMetadata, fields: placements, pages: pageLandings });
             console.log(`[PageAssembler] Extracting fields from "${fileName}"`);
             const extractedFields = await extractFieldsFromPdf(pdfBytes2);
             console.log(`[PageAssembler] Found ${extractedFields.length} fields in "${fileName}"`);
-            const pageUsageForFile = filePageUsage.get(fileId) || /* @__PURE__ */ new Map();
             for (const field of extractedFields) {
               const originalPage = field.page;
               const srcIndex = originalPage - 1;
@@ -3116,6 +3167,7 @@ var PageAssembler = forwardRef(
                     label: field.label,
                     required: field.required,
                     options: field.options,
+                    optionPositions: field.optionPositions,
                     placeholder: field.placeholder,
                     fieldId: field.fieldId,
                     assignedSignerEmail: field.signer
@@ -3220,6 +3272,7 @@ var PageAssembler = forwardRef(
               label: field.label,
               required: field.required,
               options: field.options,
+              optionPositions: field.optionPositions,
               placeholder: field.placeholder,
               assignedSignerEmail: field.assignedSignerEmail
             }));