@verdocs/web-sdk 6.5.0-beta.6 → 6.5.0-beta.8

package/dist/esm/verdocs-preview_7.entry.js

@@ -1,5 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-BIRwgFLv.js';
 import { VerdocsEndpoint, getTemplate, integerSequence, getOrganizationContacts, isValidEmail, createEnvelope, formatFullName, getRGBA, createTemplateDocument, deleteTemplateDocument, updateField, createField, updateTemplateRole, createTemplateRole, updateTemplate } from '@verdocs/js-sdk';
+import { b as renderDocumentField, g as getFieldId, h as updateCssTransform, i as removeCssTransform, j as setControlStyles, d as defaultHeight, k as defaultWidth } from './utils-UeubfAI_.js';
 import { S as SDKError } from './errors-C1sRVZWv.js';
 import { S as Store } from './Datastore-bS8INhRF.js';
 import { D as DefaultEndpoint } from './Environment-C_Xku1v2.js';
@@ -7,9 +8,8 @@ import { V as VerdocsToast } from './Toast-CyvDgtoV.js';
 import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon, b as PageCountIcon, T as TrashIcon } from './Icons-7LXbcjVz.js';
 import { d as dateFnsExports } from './index-dzBXqXlK.js';
 import { i as interact } from './interact.min-BepJAdBZ.js';
-import { g as getFieldId, h as updateCssTransform, i as removeCssTransform, j as setControlStyles, d as defaultHeight, k as defaultWidth } from './utils-UeubfAI_.js';
-import './_commonjsHelpers-BFTU3MAI.js';
 import './Types-dqxNbm_b.js';
+import './_commonjsHelpers-BFTU3MAI.js';
 
 const verdocsPreviewCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-preview{font-family:var(--verdocs-primary-font, \"Inter\", \"Barlow\", sans-serif);display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}";
 
@@ -18,6 +18,7 @@ const VerdocsPreview = class {
         registerInstance(this, hostRef);
         this.sdkError = createEvent(this, "sdkError");
         this.templateListenerId = null;
+        this.renderedPages = {};
         /**
          * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
          */
@@ -68,11 +69,21 @@ const VerdocsPreview = class {
             (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
         }
     }
-    handlePageRendered(_e) {
-        // const pageInfo = e.detail as IDocumentPageInfo;
-        // const fields = (this.template?.fields || []).filter(field => field.page === pageInfo.pageNumber);
+    handlePageRendered(e) {
+        var _a;
+        const pageInfo = e.detail;
+        this.renderedPages[`${pageInfo.documentId}:${pageInfo.pageNumber}`] = pageInfo;
+        const fields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).filter(field => {
+            // Templates created on the new builder have document_id set, but old ones may not.
+            // If document_id is missing, we assume it's for the first document or use legacy logic.
+            // However, for this fix, we primarily care about multi-doc templates which should have IDs.
+            if (field['document_id']) {
+                return field['document_id'] === pageInfo.documentId && field.page === pageInfo.pageNumber;
+            }
+            return field.page === pageInfo.pageNumber;
+        });
         // console.log('[PREVIEW] Page rendered', pageInfo, fields);
-        // fields.forEach(field => renderDocumentField(field, pageInfo, {disabled: true, editable: false, draggable: false}));
+        fields.forEach(field => renderDocumentField('template', field, pageInfo, { disabled: true, editable: false, draggable: false }));
     }
     render() {
         var _a;