@verdocs/web-sdk 2.3.87 → 2.3.88

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

@@ -5,7 +5,7 @@ import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelo
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-8196ff47.js';
 import { i as isValidPhone, a as isValidEmail } from './Validators-16a2a43b.js';
 import { f as fullNameToInitials, i as integerSequence } from './Primitives-8fe93caf.js';
-import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, b as getFieldId } from './utils-a56ee5e9.js';
+import { a as saveAttachment, u as updateDocumentFieldValue, r as renderDocumentField, b as getFieldId } from './utils-f35325fe.js';
 import { a as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore-6e67e86b.js';
 import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
@@ -339,6 +339,24 @@ const VerdocsSign = class {
     const { required = false } = field;
     return !required || this.isFieldFilled(field);
   }
+  getSortedFillableFields() {
+    const recipientFields = this.getRecipientFields().filter(field => field.type !== 'timestamp');
+    recipientFields.sort((a, b) => {
+      var _a, _b, _c, _d;
+      const aX = ((_a = a.settings) === null || _a === void 0 ? void 0 : _a.x) || 0;
+      const aY = ((_b = a.settings) === null || _b === void 0 ? void 0 : _b.y) || 0;
+      const bX = ((_c = b.settings) === null || _c === void 0 ? void 0 : _c.x) || 0;
+      const bY = ((_d = b.settings) === null || _d === void 0 ? void 0 : _d.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;
+    });
+    return recipientFields;
+  }
   async handleNext() {
     var _a, _b;
     if (this.nextSubmits) {
@@ -364,17 +382,21 @@ const VerdocsSign = class {
       this.submitting = false;
       return;
     }
-    // Find and focus the next incomplete field (that is fillable)
-    const emptyFields = this.getRecipientFields()
-      .filter(field => !this.isFieldFilled(field)) // field.required)
-      .filter(field => field.type !== 'timestamp');
+    // Find and focus the next incomplete` field (that is fillable)
+    const emptyFields = this.getSortedFillableFields().filter(field => !this.isFieldFilled(field));
     emptyFields.sort((a, b) => {
       var _a, _b, _c, _d;
       const aX = ((_a = a.settings) === null || _a === void 0 ? void 0 : _a.x) || 0;
       const aY = ((_b = a.settings) === null || _b === void 0 ? void 0 : _b.y) || 0;
       const bX = ((_c = b.settings) === null || _c === void 0 ? void 0 : _c.x) || 0;
       const bY = ((_d = b.settings) === null || _d === void 0 ? void 0 : _d.y) || 0;
-      return bY !== aY ? bY - aY : bX - aX;
+      // 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;
     });
     const focusedIndex = emptyFields.findIndex(field => field.name === this.focusedField);
     let nextFocusedIndex = focusedIndex + 1;
@@ -456,22 +478,19 @@ const VerdocsSign = class {
   }
   handlePageRendered(e) {
     const pageInfo = e.detail;
-    // const roleIndex = getRoleIndex(this.roleStore, this.recipient.role_name);
-    // console.log(
-    //   'hpr',
-    //   this.recipient,
-    //   this.envelope.fields.filter(field => field.recipient_role === this.recipient.role_name),
-    // );
-    const recipientFields = this.getRecipientFields().filter(field => field.page === pageInfo.pageNumber);
-    // console.log('[SIGN] Page rendered, updating fields', {pageInfo, roleIndex, recipientFields});
+    // NOTE: We don't filter on pageNumber here because we need the position in the
+    // entire list to set the tabIndex.
+    const recipientFields = this.getSortedFillableFields();
+    // this.getRecipientFields().filter(field => field.page === pageInfo.pageNumber);
     // First render the fields for the signer
     // Also show field placeholders for other signers who have yet to act
     // In template list in Beta, show second date being sorted on
     // Sign top to bottom left to right
-    recipientFields
-      .filter(field => field.page === pageInfo.pageNumber)
-      .forEach(field => {
-      const el = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
+    recipientFields.forEach((field, tabIndex) => {
+      if (field.page !== pageInfo.pageNumber) {
+        return;
+      }
+      const el = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
       if (!el) {
         return;
       }

package/dist/esm/verdocs-template-fields_4.entry.js

@@ -5,7 +5,7 @@ import { V as VerdocsEndpoint, T as TemplateSenderTypes, u as updateTemplate } f
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
 import { i as integerSequence } from './Primitives-8fe93caf.js';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore-6e67e86b.js';
-import { e as updateCssTransform, f as removeCssTransform, b as getFieldId, h as getFieldOptionId, i as defaultWidth, j as defaultHeight } from './utils-a56ee5e9.js';
+import { e as updateCssTransform, f as removeCssTransform, b as getFieldId, h as getFieldOptionId, i as defaultWidth, j as defaultHeight } from './utils-f35325fe.js';
 import { g as getTemplateRoleStore, u as updateStoreRole, d as deleteStoreRole, a as getRoleIndex } from './TemplateRoleStore-33229997.js';
 import { g as getTemplateStore } from './TemplateStore-940da116.js';
 import { S as SDKError } from './errors-9b5498c8.js';

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

@@ -4,7 +4,7 @@ import { b as userCanCancelEnvelope } from './Permissions-f2eb0421.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-8196ff47.js';
 import { i as integerSequence } from './Primitives-8fe93caf.js';
-import { s as saveEnvelopesAsZip } from './utils-a56ee5e9.js';
+import { s as saveEnvelopesAsZip } from './utils-f35325fe.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Types-086facf7.js';