@pdfme/schemas 5.3.6 → 5.3.7-dev.1

package/dist/node/src/graphics/image.js

@@ -0,0 +1,167 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("@pdfme/common");
+const lucide_1 = require("lucide");
+const utils_js_1 = require("../utils.js");
+const constants_js_1 = require("../constants.js");
+const imagehelper_js_1 = require("./imagehelper.js");
+const getCacheKey = (schema, input) => `${schema.type}${input}`;
+const fullSize = { width: '100%', height: '100%' };
+const defaultValue = 'data:image/png;base64,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';
+const imageSchema = {
+    pdf: async (arg) => {
+        const { value, schema, pdfDoc, page, _cache } = arg;
+        if (!value)
+            return;
+        const inputImageCacheKey = getCacheKey(schema, value);
+        let image = _cache.get(inputImageCacheKey);
+        if (!image) {
+            const isPng = value.startsWith('data:image/png;');
+            image = await (isPng ? pdfDoc.embedPng(value) : pdfDoc.embedJpg(value));
+            _cache.set(inputImageCacheKey, image);
+        }
+        const _schema = { ...schema, position: { ...schema.position } };
+        const dimension = (0, imagehelper_js_1.getImageDimension)(value);
+        const imageWidth = (0, common_1.px2mm)(dimension.width);
+        const imageHeight = (0, common_1.px2mm)(dimension.height);
+        const boxWidth = _schema.width;
+        const boxHeight = _schema.height;
+        const imageRatio = imageWidth / imageHeight;
+        const boxRatio = boxWidth / boxHeight;
+        if (imageRatio > boxRatio) {
+            _schema.width = boxWidth;
+            _schema.height = boxWidth / imageRatio;
+            _schema.position.y += (boxHeight - _schema.height) / 2;
+        }
+        else {
+            _schema.width = boxHeight * imageRatio;
+            _schema.height = boxHeight;
+            _schema.position.x += (boxWidth - _schema.width) / 2;
+        }
+        const pageHeight = page.getHeight();
+        const lProps = (0, utils_js_1.convertForPdfLayoutProps)({ schema: _schema, pageHeight });
+        const { width, height, rotate, position, opacity } = lProps;
+        const { x, y } = position;
+        const drawOptions = { x, y, rotate, width, height, opacity };
+        page.drawImage(image, drawOptions);
+    },
+    ui: (arg) => {
+        const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, theme, schema, } = arg;
+        const editable = (0, utils_js_1.isEditable)(mode, schema);
+        const isDefault = value === defaultValue;
+        const container = document.createElement('div');
+        const backgroundStyle = placeholder ? `url(${placeholder})` : 'none';
+        const containerStyle = {
+            ...fullSize,
+            backgroundImage: value ? 'none' : backgroundStyle,
+            backgroundSize: `contain`,
+            backgroundRepeat: 'no-repeat',
+            backgroundPosition: 'center',
+        };
+        Object.assign(container.style, containerStyle);
+        container.addEventListener('click', (e) => {
+            if (editable) {
+                e.stopPropagation();
+            }
+        });
+        rootElement.appendChild(container);
+        // image tag
+        if (value) {
+            const img = document.createElement('img');
+            const imgStyle = {
+                height: '100%',
+                width: '100%',
+                borderRadius: 0,
+                objectFit: 'contain',
+            };
+            Object.assign(img.style, imgStyle);
+            img.src = value;
+            container.appendChild(img);
+        }
+        // remove button
+        if (value && !isDefault && editable) {
+            const button = document.createElement('button');
+            button.textContent = 'x';
+            const buttonStyle = {
+                position: 'absolute',
+                top: 0,
+                left: 0,
+                zIndex: 1,
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                color: '#333',
+                background: '#f2f2f2',
+                borderRadius: '2px',
+                border: '1px solid #767676',
+                cursor: 'pointer',
+                height: '24px',
+                width: '24px',
+            };
+            Object.assign(button.style, buttonStyle);
+            button.addEventListener('click', () => {
+                onChange && onChange({ key: 'content', value: '' });
+            });
+            container.appendChild(button);
+        }
+        // file input
+        if ((!value || isDefault) && editable) {
+            const label = document.createElement('label');
+            const labelStyle = {
+                ...fullSize,
+                display: editable ? 'flex' : 'none',
+                position: 'absolute',
+                top: 0,
+                backgroundColor: editable || value ? (0, utils_js_1.addAlphaToHex)(theme.colorPrimaryBg, 30) : 'none',
+                cursor: 'pointer',
+            };
+            Object.assign(label.style, labelStyle);
+            container.appendChild(label);
+            const input = document.createElement('input');
+            const inputStyle = {
+                ...fullSize,
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                width: '180px',
+                height: '30px',
+                marginLeft: '-90px',
+                marginTop: '-15px',
+            };
+            Object.assign(input.style, inputStyle);
+            input.tabIndex = tabIndex || 0;
+            input.type = 'file';
+            input.accept = 'image/jpeg, image/png';
+            input.addEventListener('change', (event) => {
+                const changeEvent = event;
+                (0, utils_js_1.readFile)(changeEvent.target.files)
+                    .then((result) => {
+                    onChange && onChange({ key: 'content', value: result });
+                })
+                    .catch((error) => {
+                    console.error('Error reading file:', error);
+                });
+            });
+            input.addEventListener('blur', () => stopEditing && stopEditing());
+            label.appendChild(input);
+        }
+    },
+    propPanel: {
+        schema: {},
+        defaultSchema: {
+            name: '',
+            type: 'image',
+            content: defaultValue,
+            position: { x: 0, y: 0 },
+            width: 40,
+            height: 40,
+            // If the value of "rotate" is set to undefined or not set at all, rotation will be disabled in the UI.
+            // Check this document: https://pdfme.com//docs/custom-schemas#learning-how-to-create-from-pdfmeschemas-code
+            rotate: 0,
+            opacity: constants_js_1.DEFAULT_OPACITY,
+        },
+    },
+    icon: (0, utils_js_1.createSvgStr)(lucide_1.Image),
+};
+exports.default = imageSchema;
+//# sourceMappingURL=image.js.map

package/dist/node/src/graphics/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../../src/graphics/image.ts"],"names":[],"mappings":"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"}

package/dist/node/src/graphics/imagehelper.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getImageDimension = void 0;
+// ref: https://github.com/image-size/image-size ----------------------------
+// The following code is adapted from the image-size code. Unnecessary formats and dependencies on Node have been removed.
+const buffer_1 = require("buffer");
+const decoder = new TextDecoder();
+const toUTF8String = (input, start = 0, end = input.length) => decoder.decode(input.slice(start, end));
+const toHexString = (input, start = 0, end = input.length) => input.slice(start, end).reduce((memo, i) => memo + ('0' + i.toString(16)).slice(-2), '');
+const readUInt16BE = (input, offset = 0) => input[offset] * 2 ** 8 + input[offset + 1];
+const readUInt32BE = (input, offset = 0) => input[offset] * 2 ** 24 +
+    input[offset + 1] * 2 ** 16 +
+    input[offset + 2] * 2 ** 8 +
+    input[offset + 3];
+const extractSize = (input, index) => {
+    return {
+        height: readUInt16BE(input, index),
+        width: readUInt16BE(input, index + 2),
+    };
+};
+const validateInput = (input, index) => {
+    // index should be within buffer limits
+    if (index > input.length) {
+        throw new TypeError('Corrupt JPG, exceeded buffer limits');
+    }
+    // Every JPEG block must begin with a 0xFF
+    if (input[index] !== 0xff) {
+        throw new TypeError('Invalid JPG, marker table corrupted');
+    }
+};
+const JPG = {
+    validate: (input) => toHexString(input, 0, 2) === 'ffd8',
+    calculate(input) {
+        // Skip 4 chars, they are for signature
+        input = input.slice(4);
+        let next;
+        while (input.length) {
+            // read length of the next block
+            const i = readUInt16BE(input, 0);
+            // ensure correct format
+            validateInput(input, i);
+            // 0xFFC0 is baseline standard(SOF)
+            // 0xFFC1 is baseline optimized(SOF)
+            // 0xFFC2 is progressive(SOF2)
+            next = input[i + 1];
+            if (next === 0xc0 || next === 0xc1 || next === 0xc2) {
+                const size = extractSize(input, i + 5);
+                return size;
+            }
+            // move to the next block
+            input = input.slice(i + 2);
+        }
+        throw new TypeError('Invalid JPG, no size found');
+    },
+};
+const pngSignature = 'PNG\r\n\x1a\n';
+const pngImageHeaderChunkName = 'IHDR';
+// Used to detect "fried" png's: http://www.jongware.com/pngdefry.html
+const pngFriedChunkName = 'CgBI';
+const PNG = {
+    validate(input) {
+        if (pngSignature === toUTF8String(input, 1, 8)) {
+            let chunkName = toUTF8String(input, 12, 16);
+            if (chunkName === pngFriedChunkName) {
+                chunkName = toUTF8String(input, 28, 32);
+            }
+            if (chunkName !== pngImageHeaderChunkName) {
+                throw new TypeError('Invalid PNG');
+            }
+            return true;
+        }
+        return false;
+    },
+    calculate(input) {
+        if (toUTF8String(input, 12, 16) === pngFriedChunkName) {
+            return {
+                height: readUInt32BE(input, 36),
+                width: readUInt32BE(input, 32),
+            };
+        }
+        return {
+            height: readUInt32BE(input, 20),
+            width: readUInt32BE(input, 16),
+        };
+    },
+};
+const typeHandlers = {
+    jpg: JPG,
+    png: PNG,
+};
+function detector(input) {
+    const firstBytes = {
+        0x89: 'png',
+        0xff: 'jpg',
+    };
+    const byte = input[0];
+    if (byte in firstBytes) {
+        const type = firstBytes[byte];
+        if (type && typeHandlers[type].validate(input)) {
+            return type;
+        }
+    }
+    const keys = Object.keys(typeHandlers);
+    return keys.find((key) => typeHandlers[key].validate(input));
+}
+const getImageDimension = (value) => {
+    const dataUriPrefix = ';base64,';
+    const idx = value.indexOf(dataUriPrefix);
+    const imgBase64 = value.substring(idx + dataUriPrefix.length, value.length);
+    return imageSize(buffer_1.Buffer.from(imgBase64, 'base64'));
+};
+exports.getImageDimension = getImageDimension;
+const imageSize = (imgBuffer) => {
+    const type = detector(imgBuffer);
+    if (typeof type !== 'undefined' && type in typeHandlers) {
+        const size = typeHandlers[type].calculate(imgBuffer);
+        if (size !== undefined) {
+            return size;
+        }
+    }
+    throw new TypeError('[@pdfme/schemas/images] Unsupported file type: ' + (type === undefined ? 'undefined' : type));
+};
+// ----------------------------
+//# sourceMappingURL=imagehelper.js.map

package/dist/node/src/graphics/imagehelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagehelper.js","sourceRoot":"","sources":["../../../../src/graphics/imagehelper.ts"],"names":[],"mappings":"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"}

package/dist/node/src/graphics/svg.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fast_xml_parser_1 = require("fast-xml-parser");
+const utils_js_1 = require("../utils.js");
+const lucide_1 = require("lucide");
+const isValidSVG = (svgString) => fast_xml_parser_1.XMLValidator.validate(svgString) === true;
+const defaultValue = `<svg viewBox="0 0 488 600" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <g transform="matrix(1,0,0,1,-56,0)" fill="#000000" stroke="none">
+        <path d="M228.667,0L56,172.667L56.267,345.334L56.667,518L59.733,527.334C65.867,545.467 72.933,557.067 86,570.134C96.133,580.4 100,583.2 110.667,588.4C134.533,600.134 120,599.334 300,599.334C480,599.334 465.467,600.134 489.334,588.4C500,583.2 503.867,580.4 514,570.134C527.334,556.8 534.534,544.8 540.267,526.667L543.334,516.667L543.334,83.333L540.267,73.333C534.534,55.2 527.334,43.2 514,29.867C503.867,19.6 500,16.8 489.334,11.6C465.734,0 475.467,0.8 344.667,0.267L228.667,0ZM466.4,41.6C483.334,48.933 496.267,61.867 502.934,78.4L506,86L506,514L502.934,521.734C496,538.934 480.267,553.867 463.334,559.334C455.6,561.867 450.8,562 300,562C149.2,562 144.4,561.867 136.667,559.334C119.733,553.867 104,538.934 97.067,521.734L94,514L93.6,351.067L93.333,188.133L149.067,187.733L204.667,187.333L213.6,182.933C224.8,177.467 235.867,165.867 240.267,155.067C243.333,147.467 243.333,146.4 243.733,92.267L244.133,37.2L458,38L466.4,41.6ZM195.067,304C175.6,306.8 164,320.667 165.6,339.467C166,343.6 167.6,348.667 169.733,352.4C174.4,360.267 185.2,365.734 201.867,368.534C208.4,369.734 215.067,371.467 216.8,372.667C224,377.334 221.467,389.067 212.533,392C205.6,394.4 193.733,392.934 185.6,388.8C173.333,382.534 164,385.334 164,395.2C164,400.934 170.133,406.667 180.267,410.134C190.933,413.867 217.067,413.734 225.467,409.867C238.933,403.6 246.667,390 244.8,375.6C242.667,359.734 232.8,351.334 212.267,347.867C193.6,344.8 189.333,342.4 189.333,334.533C189.333,324.267 201.867,320.933 218.267,326.667C228.667,330.267 232.533,330.133 235.867,325.867C242.133,318 237.6,310.667 224.267,306.8C213.333,303.6 204.267,302.8 195.067,304ZM386,304.133C377.6,305.333 374,306.8 367.334,311.6C355.734,320.133 351.2,336.4 352.4,365.334C353.2,385.334 356,394.4 364.134,402.534C372.267,410.667 381.734,413.734 396.667,413.067C406.8,412.667 409.734,412 415.734,408.667C429.2,401.334 434.534,390.934 435.6,370.667C436.4,353.734 436,353.067 420.934,352.267C401.867,351.334 396,353.467 396,361.867C396,367.867 399.467,370.667 407.067,370.667C413.2,370.667 413.334,370.667 413.334,374.934C413.334,394 386.267,400.534 378.534,383.467C374.934,375.334 374.934,341.867 378.534,333.733C382,326.4 387.467,323.467 396.8,324.267C403.067,324.8 404.667,325.6 410.534,331.067C414.267,334.533 418.4,337.333 419.867,337.333C427.334,337.333 433.334,330.267 431.334,323.733C427.2,310.133 406.4,301.2 386,304.133ZM258.4,308C255.067,311.467 254.533,312.8 255.2,316.4C257.067,326.667 285.333,405.867 288.133,408.8C289.733,410.534 293.067,412.267 295.333,412.8C303.867,414.4 310.667,407.867 314.4,394.667C315.067,392.134 321.2,374.134 327.867,354.8C334.8,334.533 340,317.467 340,314.533C340,303.733 325.067,299.867 319.867,309.467C318.533,312.133 309.467,340.933 302.667,364C301.067,369.467 299.333,374.4 298.8,375.067C298.267,375.6 292.933,360.8 286.933,342C275.333,306 274.133,304 266.267,304C263.867,304 261.067,305.467 258.4,308Z" style="fill-rule:nonzero;"/>
+    </g>
+</svg>`;
+const svgSchema = {
+    ui: (arg) => {
+        const { rootElement, value, mode, onChange, theme, schema } = arg;
+        const container = document.createElement((0, utils_js_1.isEditable)(mode, schema) ? 'textarea' : 'div');
+        container.style.width = '100%';
+        container.style.height = '100%';
+        container.style.boxSizing = 'border-box';
+        if ((0, utils_js_1.isEditable)(mode, schema)) {
+            const textarea = container;
+            textarea.value = value;
+            textarea.style.position = 'absolute';
+            textarea.style.backgroundColor = (0, utils_js_1.addAlphaToHex)(theme.colorPrimaryBg, 30);
+            if (isValidSVG(value)) {
+                const svgElement = new DOMParser().parseFromString(value, 'text/xml').childNodes[0];
+                if (svgElement instanceof SVGElement) {
+                    svgElement.setAttribute('width', '100%');
+                    svgElement.setAttribute('height', '100%');
+                    svgElement.style.position = 'absolute';
+                }
+                rootElement.appendChild(svgElement);
+            }
+            else if (value) {
+                const errorElm = (0, utils_js_1.createErrorElm)();
+                errorElm.style.position = 'absolute';
+                rootElement.appendChild(errorElm);
+            }
+            textarea.addEventListener('change', (e) => {
+                const newValue = e.target.value;
+                onChange && onChange({ key: 'content', value: newValue });
+            });
+            rootElement.appendChild(container);
+            textarea.setSelectionRange(value.length, value.length);
+            textarea.focus();
+        }
+        else {
+            if (!value)
+                return;
+            if (!isValidSVG(value)) {
+                rootElement.appendChild((0, utils_js_1.createErrorElm)());
+                return;
+            }
+            container.innerHTML = value;
+            const svgElement = container.childNodes[0];
+            if (svgElement instanceof SVGElement) {
+                svgElement.setAttribute('width', '100%');
+                svgElement.setAttribute('height', '100%');
+                rootElement.appendChild(container);
+            }
+        }
+    },
+    pdf: async (arg) => {
+        const { page, schema, value } = arg;
+        if (!value || !isValidSVG(value))
+            return;
+        const pageHeight = page.getHeight();
+        const { width, height, position } = (0, utils_js_1.convertForPdfLayoutProps)({ schema, pageHeight });
+        const { x, y } = position;
+        await page.drawSvg(value, { x, y: y + height, width, height });
+    },
+    propPanel: {
+        schema: {},
+        defaultSchema: {
+            name: '',
+            type: 'svg',
+            content: defaultValue,
+            position: { x: 0, y: 0 },
+            width: 40,
+            height: 50,
+        },
+    },
+    icon: (0, utils_js_1.createSvgStr)(lucide_1.Route),
+};
+exports.default = svgSchema;
+//# sourceMappingURL=svg.js.map

package/dist/node/src/graphics/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../../../src/graphics/svg.ts"],"names":[],"mappings":"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"}

package/dist/node/src/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkbox = exports.radioGroup = exports.select = exports.time = exports.date = exports.dateTime = exports.ellipse = exports.rectangle = exports.line = exports.barcodes = exports.table = exports.svg = exports.image = exports.multiVariableText = exports.text = exports.builtInPlugins = void 0;
+const index_1 = __importDefault(require("./multiVariableText/index"));
+exports.multiVariableText = index_1.default;
+const index_2 = __importDefault(require("./text/index"));
+exports.text = index_2.default;
+const image_1 = __importDefault(require("./graphics/image"));
+exports.image = image_1.default;
+const svg_1 = __importDefault(require("./graphics/svg"));
+exports.svg = svg_1.default;
+const index_3 = __importDefault(require("./barcodes/index"));
+exports.barcodes = index_3.default;
+const line_1 = __importDefault(require("./shapes/line"));
+exports.line = line_1.default;
+const index_4 = __importDefault(require("./tables/index"));
+exports.table = index_4.default;
+const rectAndEllipse_1 = require("./shapes/rectAndEllipse");
+Object.defineProperty(exports, "rectangle", { enumerable: true, get: function () { return rectAndEllipse_1.rectangle; } });
+Object.defineProperty(exports, "ellipse", { enumerable: true, get: function () { return rectAndEllipse_1.ellipse; } });
+const dateTime_1 = __importDefault(require("./date/dateTime"));
+exports.dateTime = dateTime_1.default;
+const date_1 = __importDefault(require("./date/date"));
+exports.date = date_1.default;
+const time_1 = __importDefault(require("./date/time"));
+exports.time = time_1.default;
+const index_5 = __importDefault(require("./select/index"));
+exports.select = index_5.default;
+const index_6 = __importDefault(require("./radioGroup/index"));
+exports.radioGroup = index_6.default;
+const index_7 = __importDefault(require("./checkbox/index"));
+exports.checkbox = index_7.default;
+const builtInPlugins = { Text: index_2.default };
+exports.builtInPlugins = builtInPlugins;
+//# sourceMappingURL=index.js.map

package/dist/node/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,sEAA0D;AAqBxD,4BArBK,eAAiB,CAqBL;AApBnB,yDAAgC;AAmB9B,eAnBK,eAAI,CAmBL;AAlBN,6DAAqC;AAoBnC,gBApBK,eAAK,CAoBL;AAnBP,yDAAiC;AAoB/B,cApBK,aAAG,CAoBL;AAnBL,6DAAwC;AAqBtC,mBArBK,eAAQ,CAqBL;AApBV,yDAAiC;AAqB/B,eArBK,cAAI,CAqBL;AApBN,2DAAmC;AAkBjC,gBAlBK,eAAK,CAkBL;AAjBP,4DAA6D;AAoB3D,0FApBO,0BAAS,OAoBP;AACT,wFArBkB,wBAAO,OAqBlB;AApBT,+DAAuC;AAqBrC,mBArBK,kBAAQ,CAqBL;AApBV,uDAA+B;AAqB7B,eArBK,cAAI,CAqBL;AApBN,uDAA+B;AAqB7B,eArBK,cAAI,CAqBL;AApBN,2DAAoC;AAqBlC,iBArBK,eAAM,CAqBL;AApBR,+DAA4C;AAqB1C,qBArBK,eAAU,CAqBL;AApBZ,6DAAwC;AAqBtC,mBArBK,eAAQ,CAqBL;AAnBV,MAAM,cAAc,GAAG,EAAE,IAAI,EAAE,eAAI,EAAE,CAAC;AAGpC,wCAAc"}

package/dist/node/src/multiVariableText/helper.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateVariables = exports.substituteVariables = void 0;
+const substituteVariables = (text, variablesIn) => {
+    if (!text) {
+        return "";
+    }
+    let substitutedText = text;
+    if (variablesIn) {
+        const variables = (typeof variablesIn === "string") ? JSON.parse(variablesIn) || {} : variablesIn;
+        Object.keys(variables).forEach((variableName) => {
+            // handle special characters in variable name
+            const variableForRegex = variableName.replace(/[/\-\\^$*+?.()|[\]{}]/g, '\\$&');
+            const regex = new RegExp('{' + variableForRegex + '}', 'g');
+            substitutedText = substitutedText.replace(regex, variables[variableName]);
+        });
+    }
+    // Remove any variables that were not substituted from inputs
+    substitutedText = substitutedText.replace(/{[^{}]+}/g, '');
+    return substitutedText;
+};
+exports.substituteVariables = substituteVariables;
+const validateVariables = (value, schema) => {
+    if (schema.variables.length == 0) {
+        return true;
+    }
+    let values;
+    try {
+        values = value ? JSON.parse(value) : {};
+    }
+    catch (e) {
+        throw new SyntaxError(`[@pdfme/generator] invalid JSON string '${value}' for variables in field ${schema.name}`);
+    }
+    for (const variable of schema.variables) {
+        if (!values[variable]) {
+            if (schema.required) {
+                throw new Error(`[@pdfme/generator] variable ${variable} is missing for field ${schema.name}`);
+            }
+            // If not required, then simply don't render this field if an input is missing
+            return false;
+        }
+    }
+    return true;
+};
+exports.validateVariables = validateVariables;
+//# sourceMappingURL=helper.js.map

package/dist/node/src/multiVariableText/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/multiVariableText/helper.ts"],"names":[],"mappings":";;;AAEO,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,WAA4C,EAAU,EAAE;IACxG,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAC;KACX;IAED,IAAI,eAAe,GAAG,IAAI,CAAC;IAE3B,IAAI,WAAW,EAAE;QACf,MAAM,SAAS,GAA2B,CAAC,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;QAE1H,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE;YAC9C,6CAA6C;YAC7C,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;YAChF,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,GAAG,GAAG,gBAAgB,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;YAC5D,eAAe,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;QAC5E,CAAC,CAAC,CAAC;KACJ;IAED,6DAA6D;IAC7D,eAAe,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAE3D,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAtBW,QAAA,mBAAmB,uBAsB9B;AAEK,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,MAA+B,EAAW,EAAE;IAC3F,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;QAChC,OAAO,IAAI,CAAC;KACb;IAED,IAAI,MAAM,CAAC;IACX,IAAI;QACF,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;KACzC;IAAC,OAAO,CAAC,EAAE;QACV,MAAM,IAAI,WAAW,CAAC,2CAA2C,KAAK,4BAA4B,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;KAClH;IAED,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,SAAS,EAAE;QACvC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;YACrB,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,MAAM,IAAI,KAAK,CAAC,+BAA+B,QAAQ,yBAAyB,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;aAChG;YACD,8EAA8E;YAC9E,OAAO,KAAK,CAAC;SACd;KACF;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAA;AAvBY,QAAA,iBAAiB,qBAuB7B"}

package/dist/node/src/multiVariableText/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const pdfRender_js_1 = require("./pdfRender.js");
+const propPanel_js_1 = require("./propPanel.js");
+const uiRender_js_1 = require("./uiRender.js");
+const lucide_1 = require("lucide");
+const utils_js_1 = require("../utils.js");
+const schema = {
+    pdf: pdfRender_js_1.pdfRender,
+    ui: uiRender_js_1.uiRender,
+    propPanel: propPanel_js_1.propPanel,
+    icon: (0, utils_js_1.createSvgStr)(lucide_1.Type),
+    uninterruptedEditMode: true,
+};
+exports.default = schema;
+//# sourceMappingURL=index.js.map

package/dist/node/src/multiVariableText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/multiVariableText/index.ts"],"names":[],"mappings":";;AACA,iDAA2C;AAC3C,iDAA2C;AAC3C,+CAAyC;AAEzC,mCAA8B;AAC9B,0CAA2C;AAE3C,MAAM,MAAM,GAAoC;IAC9C,GAAG,EAAE,wBAAS;IACd,EAAE,EAAE,sBAAQ;IACZ,SAAS,EAAT,wBAAS;IACT,IAAI,EAAE,IAAA,uBAAY,EAAC,aAAI,CAAC;IACxB,qBAAqB,EAAE,IAAI;CAC5B,CAAC;AACF,kBAAe,MAAM,CAAC"}

package/dist/node/src/multiVariableText/pdfRender.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pdfRender = void 0;
+const pdfRender_1 = require("../text/pdfRender");
+const helper_1 = require("./helper");
+const pdfRender = async (arg) => {
+    const { value, schema, ...rest } = arg;
+    if (!(0, helper_1.validateVariables)(value, schema)) {
+        // Don't render if a required variable is missing
+        return;
+    }
+    const renderArgs = {
+        value: (0, helper_1.substituteVariables)(schema.text || '', value),
+        schema,
+        ...rest,
+    };
+    await (0, pdfRender_1.pdfRender)(renderArgs);
+};
+exports.pdfRender = pdfRender;
+//# sourceMappingURL=pdfRender.js.map

package/dist/node/src/multiVariableText/pdfRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pdfRender.js","sourceRoot":"","sources":["../../../../src/multiVariableText/pdfRender.ts"],"names":[],"mappings":";;;AAEA,iDAAiE;AACjE,qCAAkE;AAE3D,MAAM,SAAS,GAAG,KAAK,EAAE,GAA4C,EAAE,EAAE;IAC9E,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,GAAG,CAAC;IAEvC,IAAI,CAAC,IAAA,0BAAiB,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE;QACrC,iDAAiD;QACjD,OAAO;KACR;IAED,MAAM,UAAU,GAAG;QACjB,KAAK,EAAE,IAAA,4BAAmB,EAAC,MAAM,CAAC,IAAI,IAAI,EAAE,EAAE,KAAK,CAAC;QACpD,MAAM;QACN,GAAG,IAAI;KACR,CAAC;IAEF,MAAM,IAAA,qBAAe,EAAC,UAAU,CAAC,CAAC;AACpC,CAAC,CAAC;AAfW,QAAA,SAAS,aAepB"}