@verdocs/web-sdk 4.2.118 → 4.2.119

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

@@ -8,7 +8,7 @@ import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon$1
 import { V as VerdocsToast } from './Toast-c4843828.js';
 import { f as format } from './format-0771834a.js';
 import { i as interact } from './interact.min-a71beb3d.js';
-import { b as updateCssTransform, c as removeCssTransform, g as getFieldId, d as defaultWidth, e as defaultHeight } from './utils-0a9eb6f8.js';
+import { b as updateCssTransform, c as removeCssTransform, g as getFieldId, d as defaultWidth, e as defaultHeight } from './utils-06448b9b.js';
 import './index-a971a584.js';
 import './index-7588a071.js';
 import './_commonjsHelpers-bdec4bbd.js';
@@ -768,19 +768,17 @@ const VerdocsTemplateFields = class {
             this.placing = null;
         }
     }
-    async handleFieldChange(field, e, optionId) {
-        console.log('[FIELDS] handleFieldChange', field, e, optionId);
-    }
+    // async handleFieldChange(field: ITemplateField, e: any, optionId?: string) {
+    //   console.log('[FIELDS] handleFieldChange', field, e, optionId);
+    // }
     attachFieldAttributes(pageInfo, field, el) {
-        el.addEventListener('input', e => this.handleFieldChange(field, e));
-        el.addEventListener('settingsChanged', (e) => {
+        // el.addEventListener('input', e => this.handleFieldChange(field, e));
+        el.addEventListener('settingsChanged', () => {
             var _a, _b;
-            console.log('Settings changed', e.detail);
             (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'added-field' });
         });
         el.addEventListener('deleted', () => {
             var _a, _b;
-            console.log('[FIELDS] Deleted', this, field);
             el.remove();
             (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'updated-field' });
         });
@@ -829,7 +827,7 @@ const VerdocsTemplateFields = class {
         updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
     }
     async handleMoveEnd(event) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const name = event.target.getAttribute('fieldname');
         const option = +(event.target.getAttribute('option') || '0');
         const field = this.fieldStore.get('fields').find(field => field.name === name);
@@ -838,19 +836,33 @@ const VerdocsTemplateFields = class {
             return;
         }
         const pageNumber = event.target.getAttribute('pagenumber');
-        const { naturalWidth = 612, naturalHeight = 792, renderedHeight = 792 } = this.cachedPageInfo[pageNumber];
+        let { naturalWidth = 612, naturalHeight = 792, renderedHeight = 792 } = this.cachedPageInfo[pageNumber];
         const clientRect = event.target.getBoundingClientRect();
         const parent = event.target.parentElement;
         const parentRect = parent.getBoundingClientRect();
         const width = field.width || defaultWidth(field.type);
         const height = field.height || defaultHeight(field.type);
-        // These two being backwards is not a mistake. Left measures "over" from the left (positive displacement) while bottom measures
-        // "up" from the bottom (negative displacement).
+        // These two being backwards is not a mistake. Left measures "over" from the left
+        // (positive displacement) while bottom measures "up" from the bottom (negative displacement).
         const newX = Math.max(clientRect.left - parentRect.left, 0);
-        const newY = Math.max(renderedHeight - (parentRect.bottom - clientRect.bottom), 0);
+        let newY = Math.max(renderedHeight - (parentRect.bottom - clientRect.bottom), 0);
+        console.log('drop', { pageNumber, newX, newY });
+        let newPageNumber = parseInt(pageNumber);
+        if (newY > renderedHeight) {
+            newPageNumber = Math.min(newPageNumber + 1, ((_d = (_c = (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.pages) || 1);
+            newY -= renderedHeight;
+            renderedHeight = this.cachedPageInfo[newPageNumber].renderedHeight;
+            console.log('Next page', { newPageNumber, newY, renderedHeight });
+        }
+        else if (newY < 0) {
+            newPageNumber = Math.max(newPageNumber - 1, 1);
+            renderedHeight = this.cachedPageInfo[newPageNumber].renderedHeight;
+            newY += renderedHeight;
+            console.log('Next page', { newPageNumber, newY, renderedHeight });
+        }
         const { x, y } = this.viewCoordinatesToPageCoordinates(newX, newY, pageNumber, naturalWidth - width, naturalHeight - height);
         try {
-            const params = { x, y };
+            const params = { x, y, page: newPageNumber };
             console.log('[FIELDS] Will update', name, y, option, params);
             const newFieldData = await updateField(this.endpoint, this.templateId, name, params);
             console.log('[FIELDS] Updated', newFieldData);
@@ -858,12 +870,12 @@ const VerdocsTemplateFields = class {
             event.target.removeAttribute('posX');
             event.target.removeAttribute('posY');
             removeCssTransform(event.target);
-            (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'updated-field' });
+            (_e = this.templateUpdated) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, template: (_f = this.templateStore) === null || _f === void 0 ? void 0 : _f.state, event: 'updated-field' });
         }
         catch (e) {
             VerdocsToast('Error updating field, please try again later', { style: 'error' });
             console.log('[FIELDS] Error updating field', e);
-            (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
+            (_g = this.sdkError) === null || _g === void 0 ? void 0 : _g.emit(new SDKError(e.message, (_h = e.response) === null || _h === void 0 ? void 0 : _h.status, (_j = e.response) === null || _j === void 0 ? void 0 : _j.data));
             event.target.removeAttribute('posX');
             event.target.removeAttribute('posY');
             removeCssTransform(event.target);

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-a68c7262.js';
 import { VerdocsEndpoint, startSigningSession, getKbaStep, envelopeRecipientAgree, envelopeRecipientDecline, getEnvelope, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, sortFields, envelopeRecipientSubmit, uploadEnvelopeFieldAttachment, deleteEnvelopeFieldAttachment, formatFullName, fullNameToInitials, submitKbaPin, integerSequence } from '@verdocs/js-sdk';
-import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './utils-0a9eb6f8.js';
+import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, g as getFieldId } from './utils-06448b9b.js';
 import { a as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore-68bf6acd.js';
 import { V as VerdocsToast } from './Toast-c4843828.js';
 import { S as SDKError } from './errors-887f1e88.js';

package/dist/esm/verdocs-template-document-page_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-a68c7262.js';
 import { VerdocsEndpoint, getTemplateDocumentPageDisplayUri } from '@verdocs/js-sdk';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-68bf6acd.js';
-import { t as throttle, i as getControlStyles, g as getFieldId } from './utils-0a9eb6f8.js';
+import { t as throttle, i as getControlStyles, g as getFieldId } from './utils-06448b9b.js';
 import { c as createPopper } from './popper-0fbeff6d.js';
 import './index-a971a584.js';
 import './_commonjsHelpers-bdec4bbd.js';