@verdocs/web-sdk 4.2.117 → 4.2.118

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

@@ -334,19 +334,7 @@ const VerdocsSign = class {
     }
     getSortedFillableFields() {
         const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');
-        recipientFields.sort((a, b) => {
-            const aX = a.x || 0;
-            const aY = a.y || 0;
-            const bX = b.x || 0;
-            const bY = b.y || 0;
-            // NOTE: Logic looks a little strange X vs Y. It's because we go top down,
-            // left to right. But Y coordinates are inverted in PDFs. The reason for
-            // the division is because no human makes perfect templates and frequently
-            // two fields on the "same line" will be slightly offset vertically.
-            const divaY = Math.floor(aY / 5);
-            const divbY = Math.floor(bY / 5);
-            return divbY !== divaY ? divbY - divaY : aX - bX;
-        });
+        jsSdk.sortFields(recipientFields);
         return recipientFields;
     }
     async handleNext() {
@@ -380,19 +368,7 @@ const VerdocsSign = class {
         }
         // Find and focus the next incomplete` field (that is fillable)
         const emptyFields = this.getSortedFillableFields().filter(field => !this.isFieldFilled(field));
-        emptyFields.sort((a, b) => {
-            const aX = a.x || 0;
-            const aY = a.y || 0;
-            const bX = b.x || 0;
-            const bY = b.y || 0;
-            // NOTE: Logic looks a little strange X vs Y. It's because we go top down,
-            // left to right. But Y coordinates are inverted in PDFs. The reason for
-            // the division is because no human makes perfect templates and frequently
-            // two fields on the "same line" will be slightly offset vertically.
-            const divaY = Math.floor(aY / 5);
-            const divbY = Math.floor(bY / 5);
-            return divbY !== divaY ? divbY - divaY : aX - bX;
-        });
+        jsSdk.sortFields(emptyFields);
         const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);
         let nextFocusedIndex = focusedIndex + 1;
         if (nextFocusedIndex >= emptyFields.length) {

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -1,7 +1,7 @@
 import { Host, Fragment, h } from "@stencil/core";
-import { getEnvelope, integerSequence, isValidEmail, isValidPhone, submitKbaPin, updateEnvelopeFieldInitials } from "@verdocs/js-sdk";
-import { updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint, updateEnvelopeField } from "@verdocs/js-sdk";
+import { updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment, VerdocsEndpoint, updateEnvelopeField, sortFields } from "@verdocs/js-sdk";
 import { fullNameToInitials, startSigningSession, deleteEnvelopeFieldAttachment, getKbaStep } from "@verdocs/js-sdk";
+import { getEnvelope, integerSequence, isValidEmail, isValidPhone, submitKbaPin, updateEnvelopeFieldInitials } from "@verdocs/js-sdk";
 import { createInitials, createSignature, envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit, formatFullName } from "@verdocs/js-sdk";
 import { getFieldId, renderDocumentField, saveAttachment, updateDocumentFieldValue } from "../../../utils/utils";
 import { createTemplateFieldStoreFromEnvelope } from "../../../utils/TemplateFieldStore";
@@ -338,19 +338,7 @@ export class VerdocsSign {
     }
     getSortedFillableFields() {
         const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');
-        recipientFields.sort((a, b) => {
-            const aX = a.x || 0;
-            const aY = a.y || 0;
-            const bX = b.x || 0;
-            const bY = b.y || 0;
-            // NOTE: Logic looks a little strange X vs Y. It's because we go top down,
-            // left to right. But Y coordinates are inverted in PDFs. The reason for
-            // the division is because no human makes perfect templates and frequently
-            // two fields on the "same line" will be slightly offset vertically.
-            const divaY = Math.floor(aY / 5);
-            const divbY = Math.floor(bY / 5);
-            return divbY !== divaY ? divbY - divaY : aX - bX;
-        });
+        sortFields(recipientFields);
         return recipientFields;
     }
     async handleNext() {
@@ -384,19 +372,7 @@ export class VerdocsSign {
         }
         // Find and focus the next incomplete` field (that is fillable)
         const emptyFields = this.getSortedFillableFields().filter(field => !this.isFieldFilled(field));
-        emptyFields.sort((a, b) => {
-            const aX = a.x || 0;
-            const aY = a.y || 0;
-            const bX = b.x || 0;
-            const bY = b.y || 0;
-            // NOTE: Logic looks a little strange X vs Y. It's because we go top down,
-            // left to right. But Y coordinates are inverted in PDFs. The reason for
-            // the division is because no human makes perfect templates and frequently
-            // two fields on the "same line" will be slightly offset vertically.
-            const divaY = Math.floor(aY / 5);
-            const divbY = Math.floor(bY / 5);
-            return divbY !== divaY ? divbY - divaY : aX - bX;
-        });
+        sortFields(emptyFields);
         const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);
         let nextFocusedIndex = focusedIndex + 1;
         if (nextFocusedIndex >= emptyFields.length) {

package/dist/components/verdocs-sign.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, startSigningSession, getKbaStep, envelopeRecipientAgree, envelopeRecipientDecline, getEnvelope, updateEnvelopeField, createSignature, updateEnvelopeFieldSignature, createInitials, updateEnvelopeFieldInitials, isValidPhone, isValidEmail, envelopeRecipientSubmit, uploadEnvelopeFieldAttachment, deleteEnvelopeFieldAttachment, formatFullName, fullNameToInitials, submitKbaPin, integerSequence } from '@verdocs/js-sdk';
+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.js';
 import { c as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore.js';
 import { V as VerdocsToast } from './Toast.js';
@@ -336,19 +336,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
     }
     getSortedFillableFields() {
         const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');
-        recipientFields.sort((a, b) => {
-            const aX = a.x || 0;
-            const aY = a.y || 0;
-            const bX = b.x || 0;
-            const bY = b.y || 0;
-            // NOTE: Logic looks a little strange X vs Y. It's because we go top down,
-            // left to right. But Y coordinates are inverted in PDFs. The reason for
-            // the division is because no human makes perfect templates and frequently
-            // two fields on the "same line" will be slightly offset vertically.
-            const divaY = Math.floor(aY / 5);
-            const divbY = Math.floor(bY / 5);
-            return divbY !== divaY ? divbY - divaY : aX - bX;
-        });
+        sortFields(recipientFields);
         return recipientFields;
     }
     async handleNext() {
@@ -382,19 +370,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
         }
         // Find and focus the next incomplete` field (that is fillable)
         const emptyFields = this.getSortedFillableFields().filter(field => !this.isFieldFilled(field));
-        emptyFields.sort((a, b) => {
-            const aX = a.x || 0;
-            const aY = a.y || 0;
-            const bX = b.x || 0;
-            const bY = b.y || 0;
-            // NOTE: Logic looks a little strange X vs Y. It's because we go top down,
-            // left to right. But Y coordinates are inverted in PDFs. The reason for
-            // the division is because no human makes perfect templates and frequently
-            // two fields on the "same line" will be slightly offset vertically.
-            const divaY = Math.floor(aY / 5);
-            const divbY = Math.floor(bY / 5);
-            return divbY !== divaY ? divbY - divaY : aX - bX;
-        });
+        sortFields(emptyFields);
         const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);
         let nextFocusedIndex = focusedIndex + 1;
         if (nextFocusedIndex >= emptyFields.length) {