@unlev/exeq 0.5.7 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-OLRWRBLO.mjs +650 -0
- package/dist/chunk-OLRWRBLO.mjs.map +1 -0
- package/dist/embed.css +1 -0
- package/dist/embed.global.js +426 -0
- package/dist/index.d.mts +4 -229
- package/dist/index.d.ts +4 -229
- package/dist/index.js +16 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +41 -612
- package/dist/index.mjs.map +1 -1
- package/dist/pdfFiller-Btf-SnEB.d.mts +247 -0
- package/dist/pdfFiller-Btf-SnEB.d.ts +247 -0
- package/dist/server.d.mts +34 -0
- package/dist/server.d.ts +34 -0
- package/dist/server.js +663 -0
- package/dist/server.js.map +1 -0
- package/dist/server.mjs +61 -0
- package/dist/server.mjs.map +1 -0
- package/package.json +7 -9
package/dist/index.mjs
CHANGED
|
@@ -1,192 +1,40 @@
|
|
|
1
|
+
import {
|
|
2
|
+
A4,
|
|
3
|
+
BUILTIN_TRANSFORMS,
|
|
4
|
+
DEFAULT_CALIBRATION,
|
|
5
|
+
DEFAULT_SIGNER_ROLES,
|
|
6
|
+
FIELD_DEFAULTS,
|
|
7
|
+
FONT_FAMILIES,
|
|
8
|
+
SIGNER_ROLE_COLORS,
|
|
9
|
+
US_LEGAL,
|
|
10
|
+
US_LETTER,
|
|
11
|
+
applyCalibration,
|
|
12
|
+
createField,
|
|
13
|
+
createPdfBuilder,
|
|
14
|
+
downloadPdf,
|
|
15
|
+
generateFilledPdf,
|
|
16
|
+
generateId,
|
|
17
|
+
getCssFontFamily,
|
|
18
|
+
getCssTextStyle,
|
|
19
|
+
getFieldValues,
|
|
20
|
+
getInputType,
|
|
21
|
+
getSignerColor,
|
|
22
|
+
isRedactField,
|
|
23
|
+
isSignatureField,
|
|
24
|
+
isTextLikeField,
|
|
25
|
+
parseDate,
|
|
26
|
+
postPdfToCallback,
|
|
27
|
+
preserveFieldValues,
|
|
28
|
+
resolveAllFormulas,
|
|
29
|
+
resolveFormula,
|
|
30
|
+
sortFieldsByPosition,
|
|
31
|
+
uniqueLabel
|
|
32
|
+
} from "./chunk-OLRWRBLO.mjs";
|
|
33
|
+
|
|
1
34
|
// src/components/pdf-builder/DesignerView.tsx
|
|
2
35
|
import { useState as useState5, useCallback as useCallback4, useEffect as useEffect2, useRef as useRef4 } from "react";
|
|
3
36
|
import { createPortal } from "react-dom";
|
|
4
37
|
|
|
5
|
-
// src/types/pdf-builder.ts
|
|
6
|
-
function generateId() {
|
|
7
|
-
if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
|
|
8
|
-
return crypto.randomUUID();
|
|
9
|
-
}
|
|
10
|
-
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
|
|
11
|
-
const r = Math.random() * 16 | 0;
|
|
12
|
-
const v = c === "x" ? r : r & 3 | 8;
|
|
13
|
-
return v.toString(16);
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
var DEFAULT_SIGNER_ROLES = ["Sender", "Signer 1"];
|
|
17
|
-
var SIGNER_ROLE_COLORS = {
|
|
18
|
-
"Sender": "#6366f1",
|
|
19
|
-
"Signer 1": "#22c55e",
|
|
20
|
-
"Signer 2": "#f59e0b",
|
|
21
|
-
"Signer 3": "#ef4444",
|
|
22
|
-
"Signer 4": "#06b6d4",
|
|
23
|
-
"Signer 5": "#d946ef"
|
|
24
|
-
};
|
|
25
|
-
function getSignerColor(role) {
|
|
26
|
-
return SIGNER_ROLE_COLORS[role] || "#888888";
|
|
27
|
-
}
|
|
28
|
-
function isRedactField(f) {
|
|
29
|
-
return f.type === "blackout" || f.type === "whiteout";
|
|
30
|
-
}
|
|
31
|
-
function isSignatureField(f) {
|
|
32
|
-
return f.type === "signature" || f.type === "initials";
|
|
33
|
-
}
|
|
34
|
-
function isTextLikeField(f) {
|
|
35
|
-
return f.type === "text" || f.type === "dropdown" || f.type === "signed-date";
|
|
36
|
-
}
|
|
37
|
-
function getInputType(subtype) {
|
|
38
|
-
switch (subtype) {
|
|
39
|
-
case "email":
|
|
40
|
-
return "email";
|
|
41
|
-
case "number":
|
|
42
|
-
return "number";
|
|
43
|
-
case "phone":
|
|
44
|
-
return "tel";
|
|
45
|
-
case "date":
|
|
46
|
-
return "date";
|
|
47
|
-
default:
|
|
48
|
-
return "text";
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
var CSS_FONT_MAP = {
|
|
52
|
-
Courier: '"Courier New", Courier, monospace',
|
|
53
|
-
TimesRoman: '"Times New Roman", Times, serif',
|
|
54
|
-
Helvetica: "Helvetica, Arial, sans-serif"
|
|
55
|
-
};
|
|
56
|
-
function getCssFontFamily(fontFamily) {
|
|
57
|
-
return fontFamily ? CSS_FONT_MAP[fontFamily] : void 0;
|
|
58
|
-
}
|
|
59
|
-
function getCssTextStyle(field) {
|
|
60
|
-
const decorations = [];
|
|
61
|
-
if (field.underline) decorations.push("underline");
|
|
62
|
-
if (field.strikethrough) decorations.push("line-through");
|
|
63
|
-
const align = field.align ?? "left";
|
|
64
|
-
return {
|
|
65
|
-
fontFamily: getCssFontFamily(field.fontFamily),
|
|
66
|
-
fontWeight: field.bold ? "bold" : void 0,
|
|
67
|
-
fontStyle: field.italic ? "italic" : void 0,
|
|
68
|
-
textDecorationLine: decorations.length ? decorations.join(" ") : void 0,
|
|
69
|
-
textAlign: field.align,
|
|
70
|
-
// Hug the alignment edge — no padding on the trailing side — so text reaches
|
|
71
|
-
// the container edge (matches the PDF's 2pt offsets).
|
|
72
|
-
paddingLeft: align === "right" ? "0px" : "2px",
|
|
73
|
-
paddingRight: align === "left" ? "0px" : "2px"
|
|
74
|
-
};
|
|
75
|
-
}
|
|
76
|
-
function sortFieldsByPosition(fields) {
|
|
77
|
-
return [...fields].sort((a, b) => {
|
|
78
|
-
if (a.page !== b.page) return a.page - b.page;
|
|
79
|
-
const bandThreshold = 2;
|
|
80
|
-
if (Math.abs(a.y - b.y) > bandThreshold) return a.y - b.y;
|
|
81
|
-
return a.x - b.x;
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
function preserveFieldValues(oldFields, newFields) {
|
|
85
|
-
const valueMap = new Map(oldFields.filter((f) => f.value).map((f) => [f.id, f.value]));
|
|
86
|
-
return newFields.map((f) => valueMap.has(f.id) ? { ...f, value: valueMap.get(f.id) } : f);
|
|
87
|
-
}
|
|
88
|
-
function getFieldValues(fields) {
|
|
89
|
-
const values = {};
|
|
90
|
-
fields.forEach((f) => {
|
|
91
|
-
if (!isRedactField(f)) values[f.label] = f.value || "";
|
|
92
|
-
});
|
|
93
|
-
return values;
|
|
94
|
-
}
|
|
95
|
-
var FONT_FAMILIES = [
|
|
96
|
-
{ value: "Helvetica", label: "Helvetica" },
|
|
97
|
-
{ value: "Courier", label: "Courier New" },
|
|
98
|
-
{ value: "TimesRoman", label: "Times New Roman" }
|
|
99
|
-
];
|
|
100
|
-
var FIELD_DEFAULTS = {
|
|
101
|
-
text: {
|
|
102
|
-
width: 20,
|
|
103
|
-
height: 3,
|
|
104
|
-
fontSize: 12,
|
|
105
|
-
placeholder: "Enter text",
|
|
106
|
-
textSubtype: "freeform"
|
|
107
|
-
},
|
|
108
|
-
dropdown: {
|
|
109
|
-
width: 20,
|
|
110
|
-
height: 3,
|
|
111
|
-
fontSize: 12,
|
|
112
|
-
placeholder: "Select..."
|
|
113
|
-
},
|
|
114
|
-
signature: {
|
|
115
|
-
width: 20,
|
|
116
|
-
height: 6,
|
|
117
|
-
fontSize: 12,
|
|
118
|
-
placeholder: "Sign here"
|
|
119
|
-
},
|
|
120
|
-
"signed-date": {
|
|
121
|
-
width: 15,
|
|
122
|
-
height: 3,
|
|
123
|
-
fontSize: 12,
|
|
124
|
-
placeholder: "Date"
|
|
125
|
-
},
|
|
126
|
-
checkbox: {
|
|
127
|
-
width: 2.5,
|
|
128
|
-
height: 2.5,
|
|
129
|
-
fontSize: 12,
|
|
130
|
-
placeholder: ""
|
|
131
|
-
},
|
|
132
|
-
initials: {
|
|
133
|
-
width: 8,
|
|
134
|
-
height: 5,
|
|
135
|
-
fontSize: 12,
|
|
136
|
-
placeholder: "Initials"
|
|
137
|
-
},
|
|
138
|
-
blackout: {
|
|
139
|
-
width: 20,
|
|
140
|
-
height: 3,
|
|
141
|
-
fontSize: 12,
|
|
142
|
-
placeholder: ""
|
|
143
|
-
},
|
|
144
|
-
whiteout: {
|
|
145
|
-
width: 20,
|
|
146
|
-
height: 3,
|
|
147
|
-
fontSize: 12,
|
|
148
|
-
placeholder: ""
|
|
149
|
-
}
|
|
150
|
-
};
|
|
151
|
-
var TYPE_LABELS = {
|
|
152
|
-
text: "Text Field",
|
|
153
|
-
dropdown: "Dropdown",
|
|
154
|
-
signature: "Signature",
|
|
155
|
-
"signed-date": "Signed Date",
|
|
156
|
-
checkbox: "Checkbox",
|
|
157
|
-
initials: "Initials",
|
|
158
|
-
blackout: "Blackout",
|
|
159
|
-
whiteout: "Whiteout"
|
|
160
|
-
};
|
|
161
|
-
function uniqueLabel(desired, existingLabels) {
|
|
162
|
-
const lower = desired.toLowerCase();
|
|
163
|
-
if (!existingLabels.some((l) => l.toLowerCase() === lower)) return desired;
|
|
164
|
-
let i = 2;
|
|
165
|
-
while (existingLabels.some((l) => l.toLowerCase() === `${lower} ${i}`)) i++;
|
|
166
|
-
return `${desired} ${i}`;
|
|
167
|
-
}
|
|
168
|
-
function createField(type, assignee, page, x, y, existingFields) {
|
|
169
|
-
const defaults = FIELD_DEFAULTS[type];
|
|
170
|
-
const baseLabel = TYPE_LABELS[type];
|
|
171
|
-
const existingLabels = existingFields?.map((f) => f.label) ?? [];
|
|
172
|
-
return {
|
|
173
|
-
id: generateId(),
|
|
174
|
-
type,
|
|
175
|
-
label: uniqueLabel(baseLabel, existingLabels),
|
|
176
|
-
placeholder: defaults.placeholder || "",
|
|
177
|
-
required: type === "checkbox" || type === "blackout" || type === "whiteout" ? false : true,
|
|
178
|
-
assignee,
|
|
179
|
-
page,
|
|
180
|
-
x,
|
|
181
|
-
y,
|
|
182
|
-
width: defaults.width || 20,
|
|
183
|
-
height: defaults.height || 3,
|
|
184
|
-
fontSize: defaults.fontSize || 12,
|
|
185
|
-
value: "",
|
|
186
|
-
...type === "text" ? { textSubtype: defaults.textSubtype } : {}
|
|
187
|
-
};
|
|
188
|
-
}
|
|
189
|
-
|
|
190
38
|
// src/utils/pdfRenderer.ts
|
|
191
39
|
import * as pdfjsLib from "pdfjs-dist";
|
|
192
40
|
if (typeof window !== "undefined") {
|
|
@@ -2116,425 +1964,6 @@ function DesignerView({
|
|
|
2116
1964
|
// src/components/pdf-builder/SignerView.tsx
|
|
2117
1965
|
import { useState as useState7, useCallback as useCallback5, useEffect as useEffect3, useRef as useRef5, useLayoutEffect } from "react";
|
|
2118
1966
|
|
|
2119
|
-
// src/utils/pdfFiller.ts
|
|
2120
|
-
import {
|
|
2121
|
-
PDFDocument,
|
|
2122
|
-
rgb,
|
|
2123
|
-
StandardFonts
|
|
2124
|
-
} from "pdf-lib";
|
|
2125
|
-
|
|
2126
|
-
// src/utils/formulaResolver.ts
|
|
2127
|
-
function parseDate(value) {
|
|
2128
|
-
const s = value.trim();
|
|
2129
|
-
if (!s) return null;
|
|
2130
|
-
if (/^\d+(\.\d+)?$/.test(s)) {
|
|
2131
|
-
const serial = parseFloat(s);
|
|
2132
|
-
if (serial > 59) {
|
|
2133
|
-
const utc = new Date(Math.round((serial - 25569) * 864e5));
|
|
2134
|
-
if (!isNaN(utc.getTime())) {
|
|
2135
|
-
return new Date(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate());
|
|
2136
|
-
}
|
|
2137
|
-
}
|
|
2138
|
-
}
|
|
2139
|
-
const iso = s.match(/^(\d{4})-(\d{2})-(\d{2})$/);
|
|
2140
|
-
if (iso) return new Date(+iso[1], +iso[2] - 1, +iso[3]);
|
|
2141
|
-
const d = new Date(s);
|
|
2142
|
-
return isNaN(d.getTime()) ? null : d;
|
|
2143
|
-
}
|
|
2144
|
-
var BUILTIN_TRANSFORMS = {
|
|
2145
|
-
// Date transforms (expects a parseable date string)
|
|
2146
|
-
month: (v) => {
|
|
2147
|
-
const d = parseDate(v);
|
|
2148
|
-
return d ? String(d.getMonth() + 1) : "";
|
|
2149
|
-
},
|
|
2150
|
-
month2: (v) => {
|
|
2151
|
-
const d = parseDate(v);
|
|
2152
|
-
return d ? String(d.getMonth() + 1).padStart(2, "0") : "";
|
|
2153
|
-
},
|
|
2154
|
-
monthname: (v) => {
|
|
2155
|
-
const d = parseDate(v);
|
|
2156
|
-
return d ? d.toLocaleString("en", { month: "long" }) : "";
|
|
2157
|
-
},
|
|
2158
|
-
monthshort: (v) => {
|
|
2159
|
-
const d = parseDate(v);
|
|
2160
|
-
return d ? d.toLocaleString("en", { month: "short" }) : "";
|
|
2161
|
-
},
|
|
2162
|
-
day: (v) => {
|
|
2163
|
-
const d = parseDate(v);
|
|
2164
|
-
return d ? String(d.getDate()) : "";
|
|
2165
|
-
},
|
|
2166
|
-
day2: (v) => {
|
|
2167
|
-
const d = parseDate(v);
|
|
2168
|
-
return d ? String(d.getDate()).padStart(2, "0") : "";
|
|
2169
|
-
},
|
|
2170
|
-
year: (v) => {
|
|
2171
|
-
const d = parseDate(v);
|
|
2172
|
-
return d ? String(d.getFullYear()) : "";
|
|
2173
|
-
},
|
|
2174
|
-
year2: (v) => {
|
|
2175
|
-
const d = parseDate(v);
|
|
2176
|
-
return d ? String(d.getFullYear()).slice(-2) : "";
|
|
2177
|
-
},
|
|
2178
|
-
// String transforms
|
|
2179
|
-
upper: (v) => v.toUpperCase(),
|
|
2180
|
-
lower: (v) => v.toLowerCase(),
|
|
2181
|
-
trim: (v) => v.trim(),
|
|
2182
|
-
first: (v) => v.split(/\s+/)[0] || "",
|
|
2183
|
-
last: (v) => {
|
|
2184
|
-
const parts = v.split(/\s+/);
|
|
2185
|
-
return parts[parts.length - 1] || "";
|
|
2186
|
-
},
|
|
2187
|
-
initials: (v) => v.split(/\s+/).map((w) => w[0] || "").join("").toUpperCase(),
|
|
2188
|
-
// Name parts. Handles "Last, First [Middle]" (comma form) and "First [Middle]
|
|
2189
|
-
// Last" (no comma). firstName → the given name(s); lastName → the surname.
|
|
2190
|
-
firstName: (v) => {
|
|
2191
|
-
const c = v.indexOf(",");
|
|
2192
|
-
if (c >= 0) return v.slice(c + 1).trim();
|
|
2193
|
-
const parts = v.trim().split(/\s+/).filter(Boolean);
|
|
2194
|
-
return parts.length > 1 ? parts.slice(0, -1).join(" ") : parts[0] || "";
|
|
2195
|
-
},
|
|
2196
|
-
lastName: (v) => {
|
|
2197
|
-
const c = v.indexOf(",");
|
|
2198
|
-
if (c >= 0) return v.slice(0, c).trim();
|
|
2199
|
-
const parts = v.trim().split(/\s+/).filter(Boolean);
|
|
2200
|
-
return parts.length > 1 ? parts[parts.length - 1] : parts[0] || "";
|
|
2201
|
-
},
|
|
2202
|
-
// Numeric / substring
|
|
2203
|
-
last4: (v) => v.slice(-4),
|
|
2204
|
-
last2: (v) => v.slice(-2),
|
|
2205
|
-
first4: (v) => v.slice(0, 4),
|
|
2206
|
-
first2: (v) => v.slice(0, 2),
|
|
2207
|
-
digits: (v) => v.replace(/\D/g, ""),
|
|
2208
|
-
number: (v) => {
|
|
2209
|
-
const n = parseFloat(v);
|
|
2210
|
-
return isNaN(n) ? "" : String(n);
|
|
2211
|
-
},
|
|
2212
|
-
currency: (v) => {
|
|
2213
|
-
const n = parseFloat(v.replace(/[^0-9.-]/g, ""));
|
|
2214
|
-
return isNaN(n) ? "" : `$${n.toFixed(2)}`;
|
|
2215
|
-
}
|
|
2216
|
-
};
|
|
2217
|
-
var FORMULA_RE = /\{\{(.+?)\}\}/g;
|
|
2218
|
-
var PIPE_RE = /^(.+?)\s*\|\s*(.+)$/;
|
|
2219
|
-
function todayIso() {
|
|
2220
|
-
const d = /* @__PURE__ */ new Date();
|
|
2221
|
-
return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
|
|
2222
|
-
}
|
|
2223
|
-
function resolveFormula(formula, fields, customTransforms, values) {
|
|
2224
|
-
const transforms = { ...BUILTIN_TRANSFORMS, ...customTransforms };
|
|
2225
|
-
return formula.replace(FORMULA_RE, (_match, expr) => {
|
|
2226
|
-
const pipeMatch = expr.match(PIPE_RE);
|
|
2227
|
-
const sourceLabel = (pipeMatch ? pipeMatch[1] : expr).trim();
|
|
2228
|
-
const transformName = pipeMatch ? pipeMatch[2].trim() : null;
|
|
2229
|
-
const lowerLabel = sourceLabel.toLowerCase();
|
|
2230
|
-
const sourceField = fields.find((f) => f.label.toLowerCase() === lowerLabel) || fields.find((f) => f.id === sourceLabel);
|
|
2231
|
-
let rawValue;
|
|
2232
|
-
if (sourceField && sourceField.value) {
|
|
2233
|
-
rawValue = sourceField.value;
|
|
2234
|
-
}
|
|
2235
|
-
if (rawValue === void 0 && values) {
|
|
2236
|
-
const key = Object.keys(values).find((k) => k.toLowerCase() === lowerLabel);
|
|
2237
|
-
if (key !== void 0) rawValue = values[key] || "";
|
|
2238
|
-
}
|
|
2239
|
-
if (rawValue === void 0 && sourceField) {
|
|
2240
|
-
rawValue = sourceField.value || "";
|
|
2241
|
-
}
|
|
2242
|
-
if (rawValue === void 0 && (lowerLabel === "today" || lowerLabel === "now")) {
|
|
2243
|
-
rawValue = todayIso();
|
|
2244
|
-
}
|
|
2245
|
-
if (rawValue === void 0) return "";
|
|
2246
|
-
if (!transformName) return rawValue;
|
|
2247
|
-
const fn = transforms[transformName];
|
|
2248
|
-
if (!fn) return rawValue;
|
|
2249
|
-
try {
|
|
2250
|
-
return fn(rawValue);
|
|
2251
|
-
} catch {
|
|
2252
|
-
return rawValue;
|
|
2253
|
-
}
|
|
2254
|
-
});
|
|
2255
|
-
}
|
|
2256
|
-
function resolveAllFormulas(fields, customTransforms, values) {
|
|
2257
|
-
return fields.map((f) => {
|
|
2258
|
-
if (!f.formula) return f;
|
|
2259
|
-
const computed = resolveFormula(f.formula, fields, customTransforms, values);
|
|
2260
|
-
return computed !== f.value ? { ...f, value: computed } : f;
|
|
2261
|
-
});
|
|
2262
|
-
}
|
|
2263
|
-
|
|
2264
|
-
// src/utils/fitText.ts
|
|
2265
|
-
function fitFontSize(o) {
|
|
2266
|
-
let size = o.autoShrink ? Math.min(o.fontSize, o.fieldHeightPt * 0.7) : o.fontSize;
|
|
2267
|
-
if (o.autoShrink && o.value) {
|
|
2268
|
-
const padding = 4;
|
|
2269
|
-
while (size > 4) {
|
|
2270
|
-
if (o.measure(o.value, size) <= o.fieldWidthPt - padding) break;
|
|
2271
|
-
size -= 0.5;
|
|
2272
|
-
}
|
|
2273
|
-
}
|
|
2274
|
-
return size;
|
|
2275
|
-
}
|
|
2276
|
-
|
|
2277
|
-
// src/utils/pdfFiller.ts
|
|
2278
|
-
var FONT_VARIANTS = {
|
|
2279
|
-
Helvetica: [StandardFonts.Helvetica, StandardFonts.HelveticaBold, StandardFonts.HelveticaOblique, StandardFonts.HelveticaBoldOblique],
|
|
2280
|
-
Courier: [StandardFonts.Courier, StandardFonts.CourierBold, StandardFonts.CourierOblique, StandardFonts.CourierBoldOblique],
|
|
2281
|
-
TimesRoman: [StandardFonts.TimesRoman, StandardFonts.TimesRomanBold, StandardFonts.TimesRomanItalic, StandardFonts.TimesRomanBoldItalic]
|
|
2282
|
-
};
|
|
2283
|
-
function resolveStandardFont(family, bold, italic) {
|
|
2284
|
-
const variants = FONT_VARIANTS[family] || FONT_VARIANTS.Helvetica;
|
|
2285
|
-
const idx = (bold ? 1 : 0) + (italic ? 2 : 0);
|
|
2286
|
-
return variants[idx];
|
|
2287
|
-
}
|
|
2288
|
-
function fontKey(family, bold, italic) {
|
|
2289
|
-
return `${family}|${bold ? "b" : ""}|${italic ? "i" : ""}`;
|
|
2290
|
-
}
|
|
2291
|
-
var US_LETTER = [612, 792];
|
|
2292
|
-
var US_LEGAL = [612, 1008];
|
|
2293
|
-
var A4 = [595.28, 841.89];
|
|
2294
|
-
var DEFAULT_CALIBRATION = {
|
|
2295
|
-
xOffset: 0,
|
|
2296
|
-
yOffset: 0,
|
|
2297
|
-
xScale: 1,
|
|
2298
|
-
yScale: 1
|
|
2299
|
-
};
|
|
2300
|
-
function applyCalibration(fields, calibration, pageSize = US_LETTER) {
|
|
2301
|
-
if (calibration.xOffset === 0 && calibration.yOffset === 0 && calibration.xScale === 1 && calibration.yScale === 1) {
|
|
2302
|
-
return fields;
|
|
2303
|
-
}
|
|
2304
|
-
const xPctOff = calibration.xOffset / pageSize[0] * 100;
|
|
2305
|
-
const yPctOff = calibration.yOffset / pageSize[1] * 100;
|
|
2306
|
-
return fields.map((f) => ({
|
|
2307
|
-
...f,
|
|
2308
|
-
x: f.x * calibration.xScale + xPctOff,
|
|
2309
|
-
y: f.y * calibration.yScale + yPctOff,
|
|
2310
|
-
width: f.width * calibration.xScale,
|
|
2311
|
-
height: f.height * calibration.yScale
|
|
2312
|
-
}));
|
|
2313
|
-
}
|
|
2314
|
-
function hexToRgb(hex) {
|
|
2315
|
-
const r = parseInt(hex.slice(1, 3), 16) / 255;
|
|
2316
|
-
const g = parseInt(hex.slice(3, 5), 16) / 255;
|
|
2317
|
-
const b = parseInt(hex.slice(5, 7), 16) / 255;
|
|
2318
|
-
return rgb(r, g, b);
|
|
2319
|
-
}
|
|
2320
|
-
async function renderFieldsOnPages(pages, fields, getFont, getSignature) {
|
|
2321
|
-
for (const field of fields) {
|
|
2322
|
-
const page = pages[field.page];
|
|
2323
|
-
if (!page) continue;
|
|
2324
|
-
const pageWidth = page.getWidth();
|
|
2325
|
-
const pageHeight = page.getHeight();
|
|
2326
|
-
const x = field.x / 100 * pageWidth;
|
|
2327
|
-
const y = pageHeight - field.y / 100 * pageHeight - field.height / 100 * pageHeight;
|
|
2328
|
-
const w = field.width / 100 * pageWidth;
|
|
2329
|
-
const h = field.height / 100 * pageHeight;
|
|
2330
|
-
if (isRedactField(field)) {
|
|
2331
|
-
page.drawRectangle({
|
|
2332
|
-
x,
|
|
2333
|
-
y,
|
|
2334
|
-
width: w,
|
|
2335
|
-
height: h,
|
|
2336
|
-
color: field.type === "blackout" ? rgb(0, 0, 0) : rgb(1, 1, 1)
|
|
2337
|
-
});
|
|
2338
|
-
continue;
|
|
2339
|
-
}
|
|
2340
|
-
if (!field.value) continue;
|
|
2341
|
-
const inkColor = field.inkColor ? hexToRgb(field.inkColor) : rgb(0, 0, 0);
|
|
2342
|
-
if (field.type === "checkbox") {
|
|
2343
|
-
if (field.value === "true") {
|
|
2344
|
-
const inset = Math.min(w, h) * 0.2;
|
|
2345
|
-
const lineWidth = Math.min(w, h) * 0.08;
|
|
2346
|
-
page.drawLine({
|
|
2347
|
-
start: { x: x + inset, y: y + inset },
|
|
2348
|
-
end: { x: x + w - inset, y: y + h - inset },
|
|
2349
|
-
thickness: lineWidth,
|
|
2350
|
-
color: inkColor
|
|
2351
|
-
});
|
|
2352
|
-
page.drawLine({
|
|
2353
|
-
start: { x: x + w - inset, y: y + inset },
|
|
2354
|
-
end: { x: x + inset, y: y + h - inset },
|
|
2355
|
-
thickness: lineWidth,
|
|
2356
|
-
color: inkColor
|
|
2357
|
-
});
|
|
2358
|
-
}
|
|
2359
|
-
} else if (isSignatureField(field)) {
|
|
2360
|
-
if (field.value.startsWith("data:image/png")) {
|
|
2361
|
-
const img = await getSignature(field.value);
|
|
2362
|
-
page.drawImage(img, { x, y, width: w, height: h });
|
|
2363
|
-
}
|
|
2364
|
-
} else {
|
|
2365
|
-
const font = await getFont(field.fontFamily || "Helvetica", field.bold, field.italic);
|
|
2366
|
-
const spacing = field.letterSpacing || 0;
|
|
2367
|
-
const textWidthAtSize = (text, size) => font.widthOfTextAtSize(text, size) + spacing * (text.length - 1);
|
|
2368
|
-
const fontSize = fitFontSize({
|
|
2369
|
-
value: field.value,
|
|
2370
|
-
fontSize: field.fontSize,
|
|
2371
|
-
autoShrink: field.autoShrink,
|
|
2372
|
-
fieldWidthPt: w,
|
|
2373
|
-
fieldHeightPt: h,
|
|
2374
|
-
measure: textWidthAtSize
|
|
2375
|
-
});
|
|
2376
|
-
const fullTextWidth = textWidthAtSize(field.value, fontSize);
|
|
2377
|
-
const pad = 2;
|
|
2378
|
-
const textX = field.align === "center" ? x + Math.max(pad, (w - fullTextWidth) / 2) : field.align === "right" ? x + Math.max(pad, w - fullTextWidth - pad) : x + pad;
|
|
2379
|
-
const baselineY = y + h * 0.3;
|
|
2380
|
-
if (spacing > 0) {
|
|
2381
|
-
let cx = textX;
|
|
2382
|
-
for (const char of field.value) {
|
|
2383
|
-
page.drawText(char, {
|
|
2384
|
-
x: cx,
|
|
2385
|
-
y: baselineY,
|
|
2386
|
-
size: fontSize,
|
|
2387
|
-
font,
|
|
2388
|
-
color: inkColor
|
|
2389
|
-
});
|
|
2390
|
-
cx += font.widthOfTextAtSize(char, fontSize) + spacing;
|
|
2391
|
-
}
|
|
2392
|
-
} else {
|
|
2393
|
-
page.drawText(field.value, {
|
|
2394
|
-
x: textX,
|
|
2395
|
-
y: baselineY,
|
|
2396
|
-
size: fontSize,
|
|
2397
|
-
font,
|
|
2398
|
-
color: inkColor
|
|
2399
|
-
});
|
|
2400
|
-
}
|
|
2401
|
-
if (field.underline || field.strikethrough) {
|
|
2402
|
-
const textWidth = textWidthAtSize(field.value, fontSize);
|
|
2403
|
-
const lineThickness = Math.max(0.5, fontSize * 0.06);
|
|
2404
|
-
if (field.underline) {
|
|
2405
|
-
const uy = baselineY - fontSize * 0.12;
|
|
2406
|
-
page.drawLine({
|
|
2407
|
-
start: { x: textX, y: uy },
|
|
2408
|
-
end: { x: textX + textWidth, y: uy },
|
|
2409
|
-
thickness: lineThickness,
|
|
2410
|
-
color: inkColor
|
|
2411
|
-
});
|
|
2412
|
-
}
|
|
2413
|
-
if (field.strikethrough) {
|
|
2414
|
-
const sy = baselineY + fontSize * 0.3;
|
|
2415
|
-
page.drawLine({
|
|
2416
|
-
start: { x: textX, y: sy },
|
|
2417
|
-
end: { x: textX + textWidth, y: sy },
|
|
2418
|
-
thickness: lineThickness,
|
|
2419
|
-
color: inkColor
|
|
2420
|
-
});
|
|
2421
|
-
}
|
|
2422
|
-
}
|
|
2423
|
-
}
|
|
2424
|
-
}
|
|
2425
|
-
}
|
|
2426
|
-
async function generateFilledPdf(opts) {
|
|
2427
|
-
const builder = await createPdfBuilder({ pageSize: opts.pageSize });
|
|
2428
|
-
await builder.addRecord(opts);
|
|
2429
|
-
return builder.save();
|
|
2430
|
-
}
|
|
2431
|
-
async function createPdfBuilder(defaults = {}) {
|
|
2432
|
-
const doc = await PDFDocument.create();
|
|
2433
|
-
const fontCache = /* @__PURE__ */ new Map();
|
|
2434
|
-
const embeddedPagesByUrl = /* @__PURE__ */ new Map();
|
|
2435
|
-
const signatureCache = /* @__PURE__ */ new Map();
|
|
2436
|
-
async function getFont(family, bold, italic) {
|
|
2437
|
-
const key = fontKey(family, bold, italic);
|
|
2438
|
-
let f = fontCache.get(key);
|
|
2439
|
-
if (!f) {
|
|
2440
|
-
f = await doc.embedFont(resolveStandardFont(family, bold, italic));
|
|
2441
|
-
fontCache.set(key, f);
|
|
2442
|
-
}
|
|
2443
|
-
return f;
|
|
2444
|
-
}
|
|
2445
|
-
async function ensureFonts(fields) {
|
|
2446
|
-
const keys = /* @__PURE__ */ new Map();
|
|
2447
|
-
for (const f of fields) keys.set(fontKey(f.fontFamily || "Helvetica", f.bold, f.italic), f);
|
|
2448
|
-
for (const f of keys.values()) await getFont(f.fontFamily || "Helvetica", f.bold, f.italic);
|
|
2449
|
-
}
|
|
2450
|
-
async function embedSource(source) {
|
|
2451
|
-
if (typeof source === "string") {
|
|
2452
|
-
let pages = embeddedPagesByUrl.get(source);
|
|
2453
|
-
if (!pages) {
|
|
2454
|
-
const res = await fetch(source);
|
|
2455
|
-
const bytes = await res.arrayBuffer();
|
|
2456
|
-
const srcDoc2 = await PDFDocument.load(bytes);
|
|
2457
|
-
pages = await Promise.all(
|
|
2458
|
-
srcDoc2.getPages().map((p) => doc.embedPage(p))
|
|
2459
|
-
);
|
|
2460
|
-
embeddedPagesByUrl.set(source, pages);
|
|
2461
|
-
}
|
|
2462
|
-
return pages;
|
|
2463
|
-
}
|
|
2464
|
-
const srcDoc = await PDFDocument.load(source);
|
|
2465
|
-
return Promise.all(srcDoc.getPages().map((p) => doc.embedPage(p)));
|
|
2466
|
-
}
|
|
2467
|
-
async function getSignature(dataUrl) {
|
|
2468
|
-
let img = signatureCache.get(dataUrl);
|
|
2469
|
-
if (!img) {
|
|
2470
|
-
const b64 = dataUrl.split(",")[1] ?? "";
|
|
2471
|
-
const pngBytes = Uint8Array.from(atob(b64), (c) => c.charCodeAt(0));
|
|
2472
|
-
img = await doc.embedPng(pngBytes);
|
|
2473
|
-
signatureCache.set(dataUrl, img);
|
|
2474
|
-
}
|
|
2475
|
-
return img;
|
|
2476
|
-
}
|
|
2477
|
-
return {
|
|
2478
|
-
doc,
|
|
2479
|
-
async addRecord(opts) {
|
|
2480
|
-
const pageSize = opts.pageSize ?? defaults.pageSize;
|
|
2481
|
-
let fields = opts.resolveFormulas ? resolveAllFormulas(opts.fields, opts.customTransforms, opts.formulaValues) : opts.fields;
|
|
2482
|
-
if (opts.calibration) {
|
|
2483
|
-
fields = applyCalibration(
|
|
2484
|
-
fields,
|
|
2485
|
-
opts.calibration,
|
|
2486
|
-
pageSize ?? US_LETTER
|
|
2487
|
-
);
|
|
2488
|
-
}
|
|
2489
|
-
await ensureFonts(fields);
|
|
2490
|
-
let sourcePages = [];
|
|
2491
|
-
let pageCount;
|
|
2492
|
-
if (opts.pdfSource !== null) {
|
|
2493
|
-
sourcePages = await embedSource(opts.pdfSource);
|
|
2494
|
-
pageCount = sourcePages.length;
|
|
2495
|
-
} else {
|
|
2496
|
-
pageCount = opts.pageCount ?? 1;
|
|
2497
|
-
}
|
|
2498
|
-
const newPages = [];
|
|
2499
|
-
for (let i = 0; i < pageCount; i++) {
|
|
2500
|
-
const size = pageSize ? pageSize : sourcePages[i] ? [sourcePages[i].width, sourcePages[i].height] : US_LETTER;
|
|
2501
|
-
const page = doc.addPage(size);
|
|
2502
|
-
newPages.push(page);
|
|
2503
|
-
if (sourcePages[i]) {
|
|
2504
|
-
page.drawPage(sourcePages[i], {
|
|
2505
|
-
x: 0,
|
|
2506
|
-
y: 0,
|
|
2507
|
-
width: size[0],
|
|
2508
|
-
height: size[1]
|
|
2509
|
-
});
|
|
2510
|
-
}
|
|
2511
|
-
}
|
|
2512
|
-
await renderFieldsOnPages(newPages, fields, getFont, getSignature);
|
|
2513
|
-
},
|
|
2514
|
-
async save() {
|
|
2515
|
-
return doc.save();
|
|
2516
|
-
}
|
|
2517
|
-
};
|
|
2518
|
-
}
|
|
2519
|
-
function downloadPdf(bytes, filename) {
|
|
2520
|
-
const blob = new Blob([bytes.slice().buffer], { type: "application/pdf" });
|
|
2521
|
-
const url = URL.createObjectURL(blob);
|
|
2522
|
-
const a = document.createElement("a");
|
|
2523
|
-
a.href = url;
|
|
2524
|
-
a.download = filename;
|
|
2525
|
-
a.click();
|
|
2526
|
-
URL.revokeObjectURL(url);
|
|
2527
|
-
}
|
|
2528
|
-
async function postPdfToCallback(bytes, callbackUrl, filename) {
|
|
2529
|
-
const blob = new Blob([bytes.slice().buffer], { type: "application/pdf" });
|
|
2530
|
-
const formData = new FormData();
|
|
2531
|
-
formData.append("file", blob, filename);
|
|
2532
|
-
await fetch(callbackUrl, {
|
|
2533
|
-
method: "POST",
|
|
2534
|
-
body: formData
|
|
2535
|
-
});
|
|
2536
|
-
}
|
|
2537
|
-
|
|
2538
1967
|
// src/components/pdf-builder/FieldNavigator.tsx
|
|
2539
1968
|
import { useState as useState6 } from "react";
|
|
2540
1969
|
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
@@ -2883,20 +2312,20 @@ function SignerView({
|
|
|
2883
2312
|
const finalFields = resolveAllFormulas(fields, transforms, initialValues);
|
|
2884
2313
|
let pdfBytes;
|
|
2885
2314
|
if (includeAuditTrail) {
|
|
2886
|
-
const { PDFDocument
|
|
2315
|
+
const { PDFDocument, StandardFonts, rgb } = await import("pdf-lib");
|
|
2887
2316
|
const basePdf = await generateFilledPdf({ pdfSource, fields: finalFields });
|
|
2888
|
-
const pdfDoc = await
|
|
2889
|
-
const font = await pdfDoc.embedFont(
|
|
2890
|
-
const boldFont = await pdfDoc.embedFont(
|
|
2317
|
+
const pdfDoc = await PDFDocument.load(basePdf);
|
|
2318
|
+
const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
|
|
2319
|
+
const boldFont = await pdfDoc.embedFont(StandardFonts.HelveticaBold);
|
|
2891
2320
|
const auditPage = pdfDoc.addPage([612, 792]);
|
|
2892
2321
|
let cy = 742;
|
|
2893
|
-
auditPage.drawText("Signing Audit Trail", { x: 50, y: cy, size: 18, font: boldFont, color:
|
|
2322
|
+
auditPage.drawText("Signing Audit Trail", { x: 50, y: cy, size: 18, font: boldFont, color: rgb(0, 0, 0) });
|
|
2894
2323
|
cy -= 30;
|
|
2895
|
-
auditPage.drawText(`Document completed: ${(/* @__PURE__ */ new Date()).toLocaleString()}`, { x: 50, y: cy, size: 10, font, color:
|
|
2324
|
+
auditPage.drawText(`Document completed: ${(/* @__PURE__ */ new Date()).toLocaleString()}`, { x: 50, y: cy, size: 10, font, color: rgb(0.4, 0.4, 0.4) });
|
|
2896
2325
|
cy -= 30;
|
|
2897
2326
|
for (const entry of auditLogRef.current) {
|
|
2898
|
-
auditPage.drawText(`${entry.signer}`, { x: 50, y: cy, size: 12, font: boldFont, color:
|
|
2899
|
-
auditPage.drawText(`Completed: ${new Date(entry.completedAt).toLocaleString()}`, { x: 200, y: cy, size: 10, font, color:
|
|
2327
|
+
auditPage.drawText(`${entry.signer}`, { x: 50, y: cy, size: 12, font: boldFont, color: rgb(0, 0, 0) });
|
|
2328
|
+
auditPage.drawText(`Completed: ${new Date(entry.completedAt).toLocaleString()}`, { x: 200, y: cy, size: 10, font, color: rgb(0.3, 0.3, 0.3) });
|
|
2900
2329
|
cy -= 22;
|
|
2901
2330
|
}
|
|
2902
2331
|
pdfBytes = await pdfDoc.save();
|