@verdocs/web-sdk 6.5.0-beta.2 → 6.5.0-beta.21

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

@@ -2,16 +2,16 @@
 
 var index$1 = require('./index-CQ5bTnED.js');
 var jsSdk = require('@verdocs/js-sdk');
+var utils = require('./utils-BhOPnF8L.js');
 var errors = require('./errors-D1XRvnet.js');
-var Datastore = require('./Datastore-CIzsoGWH.js');
+var Datastore = require('./Datastore-B-sxWSPD.js');
 var Environment = require('./Environment-3vWt0C1Q.js');
 var Toast = require('./Toast-CFBM1R4z.js');
-var Icons = require('./Icons-DTZAw6hQ.js');
+var Icons = require('./Icons-Dr02rZHd.js');
 var index$2 = require('./index-CeUF44L9.js');
 var interact_min = require('./interact.min-BAnZvLwr.js');
-var utils = require('./utils-4rWXSNpE.js');
-require('./_commonjsHelpers-BJu3ubxk.js');
 require('./Types-RUyU-svM.js');
+require('./_commonjsHelpers-BJu3ubxk.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}";
 
@@ -20,6 +20,7 @@ const VerdocsPreview = class {
         index$1.registerInstance(this, hostRef);
         this.sdkError = index$1.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.
          */
@@ -70,11 +71,21 @@ const VerdocsPreview = class {
             (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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 => utils.renderDocumentField('template', field, pageInfo, { disabled: true, editable: false, draggable: false }));
     }
     render() {
         var _a;

package/dist/cjs/verdocs-quick-functions.cjs.entry.js

@@ -24,7 +24,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (index.h("div", { key: '5c679565e3c2eb0f89045166b54331dbf72a5172', class: "container" }, index.h("p", { key: 'd5aae49d044f43c5f5ba6d85d632db935e4543a4', class: "title" }, "Quick Create"), index.h("button", { key: '38c66d9f31eec00c3252e23b4113d1cebbd96b3d', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '26b268b93f82b95f8cd22f8a831b84e2c1bd9534', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (index.h("div", { key: 'a0439f36ecf48446f9e22ee004456b9543c5742e', class: "container" }, index.h("p", { key: '72d7b2770b39f15cad67dfaae926061c800e1176', class: "title" }, "Quick Create"), index.h("button", { key: 'd342bf6def85c1ca25fe2c996e6da21e9eb7cdf2', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: '3955dcfbad081755c2c346119da365b36da7c134', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = verdocsQuickFunctionsCss;

package/dist/cjs/verdocs-search-tabs.cjs.entry.js

@@ -10,7 +10,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return index.h("div", { key: 'd508d23511bbb83497117e9c31c0cfbbc38052ce' }, "\u00A0");
+        return index.h("div", { key: '0f45f1226c476411f066de3822b0b43ec37e2d48' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = verdocsSearchTabsCss;