@verdocs/web-sdk 2.3.87 → 2.3.88

package/dist/cjs/{utils-13f8ed3f.js → utils-e2bd04bf.js}

@@ -181,11 +181,9 @@ const updateDocumentFieldValue = (field) => {
     existingField.setAttribute('disabled', false); // We need this to trigger a re-render
   }
 };
-const renderDocumentField = (field, docPage, fieldOptions) => {
+const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
   var _a, _b;
-  // console.log('rdf', field);
   const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
-  // console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
   const controlsDiv = document.getElementById(docPage.containerId + '-controls');
   if (!controlsDiv) {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
@@ -223,7 +221,7 @@ const renderDocumentField = (field, docPage, fieldOptions) => {
         el.setAttribute('disabled', true);
       }
       else {
-        el.setAttribute('tabIndex', 1);
+        el.setAttribute('tabIndex', tabIndex);
       }
       if (editable) {
         el.setAttribute('editable', true);

package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-0b9deb2c.js');
 require('./Types-f83b8488.js');

package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Types-f83b8488.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -8,7 +8,7 @@ const Permissions = require('./Permissions-1436f847.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');

package/dist/cjs/verdocs-field-attachment_15.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-a7f2b586.js');
 const TemplateFieldStore = require('./TemplateFieldStore-3d25fc86.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 const Icons = require('./Icons-3286d014.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0c557e26.js');
 const Types = require('./Types-f83b8488.js');

package/dist/cjs/verdocs-field-payment.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateRoleStore = require('./TemplateRoleStore-a7f2b586.js');
 const TemplateFieldStore = require('./TemplateFieldStore-3d25fc86.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -8,7 +8,7 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const TemplateFieldStore = require('./TemplateFieldStore-3d25fc86.js');
 const TemplateRoleStore = require('./TemplateRoleStore-a7f2b586.js');
 const TemplateStore = require('./TemplateStore-62c90f8c.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 const errors = require('./errors-0396da3d.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Validators = require('./Validators-16e6d7d1.js');

package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js

@@ -10,7 +10,7 @@ const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 const Profiles = require('./Profiles-1a26e4eb.js');
 const index$1 = require('./index-7c19ba1d.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-0b9deb2c.js');
 require('./Types-f83b8488.js');

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

@@ -9,7 +9,7 @@ const Recipients = require('./Recipients-f3d6cf10.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 const TemplateFieldStore = require('./TemplateFieldStore-3d25fc86.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
@@ -343,6 +343,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) {
@@ -368,17 +386,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;
@@ -460,22 +482,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 = utils.renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone });
+    recipientFields.forEach((field, tabIndex) => {
+      if (field.page !== pageInfo.pageNumber) {
+        return;
+      }
+      const el = utils.renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
       if (!el) {
         return;
       }

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

@@ -9,7 +9,7 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Fields = require('./Fields-705a2168.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const TemplateFieldStore = require('./TemplateFieldStore-3d25fc86.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 const TemplateRoleStore = require('./TemplateRoleStore-a7f2b586.js');
 const TemplateStore = require('./TemplateStore-62c90f8c.js');
 const errors = require('./errors-0396da3d.js');

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

@@ -8,7 +8,7 @@ const Permissions = require('./Permissions-1436f847.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-13f8ed3f.js');
+const utils = require('./utils-e2bd04bf.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Types-f83b8488.js');

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

@@ -320,6 +320,24 @@ export class VerdocsSign {
     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) {
@@ -345,17 +363,21 @@ export class VerdocsSign {
       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;
@@ -437,22 +459,19 @@ export class VerdocsSign {
   }
   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/collection/components/embeds/verdocs-sign/verdocs-sign.stories.js

@@ -3,9 +3,9 @@ export default {
   title: 'Embeds/Sign',
   component: 'verdocs-sign',
   args: {
-    envelopeId: '',
-    roleId: '',
-    inviteCode: '',
+    envelopeId: 'f2de9204-c56f-4fe7-9348-0736bc14bbcd',
+    roleId: 'Recipient 1',
+    inviteCode: '817ce4e62d747611388276555afc0016',
   },
   argTypes: {
     envelopeId: {

package/dist/collection/utils/utils.js

@@ -116,11 +116,9 @@ export const updateDocumentFieldValue = (field) => {
     existingField.setAttribute('disabled', false); // We need this to trigger a re-render
   }
 };
-export const renderDocumentField = (field, docPage, fieldOptions) => {
+export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
   var _a, _b;
-  // console.log('rdf', field);
   const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
-  // console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
   const controlsDiv = document.getElementById(docPage.containerId + '-controls');
   if (!controlsDiv) {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
@@ -158,7 +156,7 @@ export const renderDocumentField = (field, docPage, fieldOptions) => {
         el.setAttribute('disabled', true);
       }
       else {
-        el.setAttribute('tabIndex', 1);
+        el.setAttribute('tabIndex', tabIndex);
       }
       if (editable) {
         el.setAttribute('editable', true);

package/dist/components/utils.js

@@ -137,11 +137,9 @@ const updateDocumentFieldValue = (field) => {
     existingField.setAttribute('disabled', false); // We need this to trigger a re-render
   }
 };
-const renderDocumentField = (field, docPage, fieldOptions) => {
+const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
   var _a, _b;
-  // console.log('rdf', field);
   const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
-  // console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
   const controlsDiv = document.getElementById(docPage.containerId + '-controls');
   if (!controlsDiv) {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
@@ -179,7 +177,7 @@ const renderDocumentField = (field, docPage, fieldOptions) => {
         el.setAttribute('disabled', true);
       }
       else {
-        el.setAttribute('tabIndex', 1);
+        el.setAttribute('tabIndex', tabIndex);
       }
       if (editable) {
         el.setAttribute('editable', true);

package/dist/components/verdocs-sign.js

@@ -343,6 +343,24 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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) {
@@ -368,17 +386,21 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       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;
@@ -460,22 +482,19 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   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/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-05-24T17:22:58",
+  "timestamp": "2024-05-29T13:51:49",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

package/dist/esm/{utils-a56ee5e9.js → utils-f35325fe.js}

@@ -179,11 +179,9 @@ const updateDocumentFieldValue = (field) => {
     existingField.setAttribute('disabled', false); // We need this to trigger a re-render
   }
 };
-const renderDocumentField = (field, docPage, fieldOptions) => {
+const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
   var _a, _b;
-  // console.log('rdf', field);
   const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
-  // console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
   const controlsDiv = document.getElementById(docPage.containerId + '-controls');
   if (!controlsDiv) {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
@@ -221,7 +219,7 @@ const renderDocumentField = (field, docPage, fieldOptions) => {
         el.setAttribute('disabled', true);
       }
       else {
-        el.setAttribute('tabIndex', 1);
+        el.setAttribute('tabIndex', tabIndex);
       }
       if (editable) {
         el.setAttribute('editable', true);

package/dist/esm/verdocs-contact-picker_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-8196ff47.js';
-import { c as convertToE164 } from './utils-a56ee5e9.js';
+import { c as convertToE164 } from './utils-f35325fe.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-627c5239.js';
 import './Types-086facf7.js';

package/dist/esm/verdocs-envelope-document-page.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import { m as getEnvelopeDocumentPageDisplayUri } from './Envelopes-627c5239.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-8196ff47.js';
-import { t as throttle } from './utils-a56ee5e9.js';
+import { t as throttle } from './utils-f35325fe.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Types-086facf7.js';
 import './index-914ed6f7.js';

package/dist/esm/verdocs-envelopes-list.entry.js

@@ -4,7 +4,7 @@ import { g as getRecipientsWithActions, a as userCanAct, b as userCanCancelEnvel
 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 { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-5ec8f9b7.js';

package/dist/esm/verdocs-field-attachment_15.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-33229997.js';
 import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore-6e67e86b.js';
-import { g as getFieldSettings, t as throttle, k as getControlStyles, b as getFieldId, h as getFieldOptionId, l as fileToDataUrl } from './utils-a56ee5e9.js';
+import { g as getFieldSettings, t as throttle, k as getControlStyles, b as getFieldId, h as getFieldOptionId, l as fileToDataUrl } from './utils-f35325fe.js';
 import { S as SettingsIcon } from './Icons-ddea87bf.js';
 import { c as createCommonjsModule, a as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-5ec8f9b7.js';
 import { a as FORMAT_DATE, F as FORMAT_TIMESTAMP } from './Types-086facf7.js';

package/dist/esm/verdocs-field-payment.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment }
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore-33229997.js';
 import { g as getTemplateFieldStore } from './TemplateFieldStore-6e67e86b.js';
-import { g as getFieldSettings } from './utils-a56ee5e9.js';
+import { g as getFieldSettings } from './utils-f35325fe.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-627c5239.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-172625c5.js';
 import { i as integerSequence } from './Primitives-8fe93caf.js';
-import { d as renderedTextWidth } from './utils-a56ee5e9.js';
+import { d as renderedTextWidth } from './utils-f35325fe.js';
 import { c as createPopper } from './popper-15e448b4.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-627c5239.js';

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

@@ -4,7 +4,7 @@ import { V as VerdocsEndpoint, b as createTemplatev2, u as updateTemplate } from
 import { g as getTemplateFieldStore } from './TemplateFieldStore-6e67e86b.js';
 import { g as getTemplateRoleStore, b as getRoleNames, a as getRoleIndex } from './TemplateRoleStore-33229997.js';
 import { g as getTemplateStore } from './TemplateStore-940da116.js';
-import { r as renderDocumentField } from './utils-a56ee5e9.js';
+import { r as renderDocumentField } from './utils-f35325fe.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { j as createEnvelope } from './Envelopes-627c5239.js';
 import { a as isValidEmail, i as isValidPhone } from './Validators-16a2a43b.js';

package/dist/esm/verdocs-settings-api-keys_4.entry.js

@@ -6,7 +6,7 @@ import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { g as getRoles, a as getCurrentProfile, u as updateProfile } from './Profiles-d4df4d1c.js';
 import { f as format } from './index-914ed6f7.js';
-import { c as convertToE164 } from './utils-a56ee5e9.js';
+import { c as convertToE164 } from './utils-f35325fe.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Envelopes-627c5239.js';
 import './Types-086facf7.js';