@verdocs/web-sdk 2.3.18 → 2.3.19

package/dist/cjs/{TemplateFieldStore-48265c39.js → TemplateFieldStore-40e85b9d.js}

@@ -13,7 +13,6 @@ const createTemplateFieldStore = (template) => {
   }
   else {
     console.log('Resetting template field store for template', template.id);
-    console.trace('Stack');
     store.reset();
   }
   template.fields.forEach(field => {
@@ -21,6 +20,23 @@ const createTemplateFieldStore = (template) => {
   });
   return store;
 };
+const createTemplateFieldStoreFromEnvelope = (envelope) => {
+  let store = getTemplateFieldStore(envelope.template_id);
+  if (!store) {
+    console.log('Creating field store for envelope', envelope.id, envelope.template_id);
+    store = index.createStore({});
+    templateFieldStores[envelope.template_id] = store;
+  }
+  else {
+    console.log('Resetting field store for envelope', envelope.id, envelope.template_id);
+    store.reset();
+  }
+  envelope.fields.forEach(field => {
+    store.set(field.name, field);
+  });
+  return store;
+};
 
 exports.createTemplateFieldStore = createTemplateFieldStore;
+exports.createTemplateFieldStoreFromEnvelope = createTemplateFieldStoreFromEnvelope;
 exports.getTemplateFieldStore = getTemplateFieldStore;

package/dist/cjs/{TemplateStore-3e45f5ef.js → TemplateStore-6a75cdac.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-f712049c.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();

package/dist/cjs/ipc-test.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateStore = require('./TemplateStore-3e45f5ef.js');
+const TemplateStore = require('./TemplateStore-6a75cdac.js');
 require('./index-f712049c.js');
-require('./TemplateFieldStore-48265c39.js');
+require('./TemplateFieldStore-40e85b9d.js');
 
 const ipcTestCss = "ipc-test{max-width:800px;display:block}";
 

package/dist/cjs/{utils-c531813b.js → utils-aeaf4a31.js}

@@ -154,6 +154,8 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
       el.field = field;
       el.setAttribute('id', id);
       el.setAttribute('roleIndex', roleIndex);
+      el.setAttribute('fieldname', field.name);
+      el.setAttribute('templateid', 'template_id' in field ? field.template_id : 'PREVIEW');
       if (disabled) {
         el.setAttribute('tabindex', -1);
         el.setAttribute('disabled', true);

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const TemplateStore = require('./TemplateStore-3e45f5ef.js');
+const TemplateStore = require('./TemplateStore-6a75cdac.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-f712049c.js');
-require('./TemplateFieldStore-48265c39.js');
+require('./TemplateFieldStore-40e85b9d.js');
 
 const verdocsBuildCss = "verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px #0000007f;box-shadow:1px 1px 6px -2px #0000007f}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}";
 

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-8f298664.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.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-8f298664.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.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-8f298664.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');
@@ -51,6 +51,7 @@ const VerdocsFieldCheckbox = class {
   }
   async componentWillLoad() {
     this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
+    console.log('cwl checkbox', this.templateid, this.fieldStore);
   }
   render() {
     var _a, _b, _c, _d;

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 const Types = require('./Types-fb95ed6b.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
 const index$1 = require('./index-7c19ba1d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./index-f712049c.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -8,8 +8,8 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-c531813b.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
+const utils = require('./utils-aeaf4a31.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');

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

@@ -8,8 +8,8 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const utils = require('./utils-c531813b.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./index-f712049c.js');
 require('./Envelopes-0b9deb2c.js');
@@ -56,6 +56,7 @@ const VerdocsFieldTextbox = class {
   }
   async componentWillLoad() {
     this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
+    console.log('fs', this.templateid);
   }
   componentDidRender() {
     interact_min.interact_min.dynamicDrop(true);
@@ -107,6 +108,7 @@ const VerdocsFieldTextbox = class {
   render() {
     var _a, _b;
     const field = this.fieldStore.get(this.fieldname);
+    console.log('textbox', this.fieldname, field);
     if (!field) {
       return index.h(index.Fragment, null);
     }

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 const Types = require('./Types-fb95ed6b.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
 const index$1 = require('./index-7c19ba1d.js');
 require('./_commonjsHelpers-1fbbf0eb.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-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -7,8 +7,8 @@ const _commonjsHelpers = require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const TemplateStore = require('./TemplateStore-3e45f5ef.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const TemplateStore = require('./TemplateStore-6a75cdac.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-f712049c.js');
 
@@ -335,7 +335,7 @@ const VerdocsTemplateFieldProperties = class {
       else {
         console.log('props', field);
       }
-      this.watcher = this.fieldStore.onChange(this.fieldName, field => {
+      this.watcher = this.fieldStore.onChange(this.fieldName, (field) => {
         console.log('Field changed', field);
         // this.type = field.type;
         // this.name = field.name;

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
-const utils = require('./utils-c531813b.js');
-const TemplateStore = require('./TemplateStore-3e45f5ef.js');
+const utils = require('./utils-aeaf4a31.js');
+const TemplateStore = require('./TemplateStore-6a75cdac.js');
 const errors = require('./errors-0396da3d.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Validators = require('./Validators-16e6d7d1.js');
@@ -19,7 +19,7 @@ require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');
 require('./index-7c19ba1d.js');
 require('./index-f712049c.js');
-require('./TemplateFieldStore-48265c39.js');
+require('./TemplateFieldStore-40e85b9d.js');
 
 /**
  * Enable automatic reminders. setup_time is the number of days after the envelope is sent that the first reminder

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-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');

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

@@ -9,13 +9,15 @@ const Recipients = require('./Recipients-f3d6cf10.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
 const Types = require('./Types-fb95ed6b.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 const index$1 = require('./index-7c19ba1d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Files-4bdc0c0f.js');
+require('./index-f712049c.js');
 
 /**
  * Create a signature block. In a typical signing workflow, the user is asked at the beginning of the process to "adopt"
@@ -121,7 +123,9 @@ const VerdocsSign = class {
       if (this.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      this.envelope = await Envelopes.throttledGetEnvelope(this.endpoint, this.envelopeId);
+      this.envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);
+      const fs = TemplateFieldStore.createTemplateFieldStoreFromEnvelope(this.envelope);
+      console.log('made fs', fs);
       this.sortedRecipients = [...this.envelope.recipients];
       this.sortedRecipients.sort((a, b) => {
         return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
@@ -215,7 +219,7 @@ const VerdocsSign = class {
   }
   updateRecipientFieldValue(fieldName, updateResult) {
     console.log('[SIGN] updateRecipientFieldValue', fieldName);
-    this.recipient.fields.forEach(oldField => {
+    this.getRecipientFields().forEach(oldField => {
       if (oldField.name === fieldName) {
         oldField.settings = updateResult.settings;
         // TODO: When we break out other fields like value, update them here too
@@ -366,7 +370,7 @@ const VerdocsSign = class {
       return;
     }
     // Find and focus the next incomplete required field
-    const requiredFields = this.recipient.fields.filter(field => field.required);
+    const requiredFields = this.getRecipientFields().filter(field => field.required);
     const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);
     let nextFocusedIndex = focusedIndex + 1;
     if (nextFocusedIndex >= requiredFields.length) {
@@ -393,9 +397,12 @@ const VerdocsSign = class {
       this.focusedField = nextRequiredField.name;
     }
   }
+  getRecipientFields() {
+    return this.envelope.fields.filter(field => field.recipient_role === this.recipient.role_name);
+  }
   // See if everything that "needs to be" filled in is, and all "fillable fields" are valid
   checkRecipientFields() {
-    const invalidFields = this.recipient.fields.filter(field => !this.isFieldValid(field));
+    const invalidFields = this.getRecipientFields().filter(field => !this.isFieldValid(field));
     if (invalidFields.length < 1) {
       this.nextButtonLabel = 'Finish';
       if (!this.nextSubmits) {
@@ -433,6 +440,7 @@ const VerdocsSign = class {
     });
     el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
     el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
+    el.setAttribute('templateid', this.envelope.template_id);
     el.setAttribute('fieldname', field.name);
     el.setAttribute('page', pageInfo.pageNumber);
     el.setAttribute('roleindex', roleIndex);
@@ -444,7 +452,8 @@ const VerdocsSign = class {
   handlePageRendered(e) {
     const pageInfo = e.detail;
     const roleIndex = utils.getRoleIndex(this.roleNames, this.recipient.role_name);
-    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);
+    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});
     // First render the fields for the signer
     recipientFields
@@ -466,7 +475,7 @@ const VerdocsSign = class {
       .filter(r => r.role_name !== this.recipient.role_name && (r.status === Types$1.RecipientStates.INVITED || r.status === Types$1.RecipientStates.OPENED || r.status === Types$1.RecipientStates.PENDING))
       .forEach(recipient => {
       const otherIndex = utils.getRoleIndex(this.roleNames, recipient.role_name);
-      recipient.fields
+      this.getRecipientFields()
         .filter(field => field.page === pageInfo.pageNumber)
         .forEach(field => {
         const el = utils.renderDocumentField(field, pageInfo, otherIndex, { disabled: true, editable: false, draggable: false, done: this.isDone });

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

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Envelopes-0b9deb2c.js');

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

@@ -8,9 +8,9 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-c531813b.js');
-const TemplateFieldStore = require('./TemplateFieldStore-48265c39.js');
-const TemplateStore = require('./TemplateStore-3e45f5ef.js');
+const utils = require('./utils-aeaf4a31.js');
+const TemplateFieldStore = require('./TemplateFieldStore-40e85b9d.js');
+const TemplateStore = require('./TemplateStore-6a75cdac.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
@@ -161,13 +161,7 @@ const VerdocsTemplateFields = class {
     // REMINDER: Do not access el past this point! It may have been removed from the DOM.
     console.log('[FIELDS] Re-rendering field', field.name, pageInfo.pageNumber, field);
     this.fieldStore.set(field.name, field);
-    // const roleIndex = getRoleIndex(getRoleNames(this.templateStore), field.role_name);
-    // this.attachFieldAttributes(pageInfo, field, roleIndex, el);
     this.reRenderField(field, pageInfo.pageNumber);
-    // const newEl = renderDocumentField(field, pageInfo, roleIndex, {disabled: true, editable: true, draggable: true});
-    // if (!newEl) {
-    //   return;
-    // }
   }
   attachFieldAttributes(pageInfo, field, roleIndex, el) {
     // console.log('afa', field);
@@ -194,8 +188,8 @@ const VerdocsTemplateFields = class {
     // console.log('[FIELDS] Page rendered', pageInfo.pageNumber, pageInfo);
     this.cachedPageInfo[pageInfo.pageNumber] = pageInfo;
     this.pageHeights[pageInfo.pageNumber] = pageInfo.naturalHeight;
-    const fields = Object.values(this.fieldStore.state).filter(field => field.page_sequence === pageInfo.pageNumber);
-    fields.forEach(field => this.reRenderField(field, pageInfo.pageNumber));
+    const fields = Object.values(this.fieldStore.state).filter((field) => field.page_sequence === pageInfo.pageNumber);
+    fields.forEach((field) => this.reRenderField(field, pageInfo.pageNumber));
   }
   reRenderField(field, pageNumber) {
     const pageInfo = this.cachedPageInfo[pageNumber];

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-8f298664.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-c531813b.js');
+const utils = require('./utils-aeaf4a31.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Files-4bdc0c0f.js');

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

@@ -8,8 +8,9 @@ import { fullNameToInitials, integerSequence } from '@verdocs/js-sdk/Utils/Primi
 import { Host, Fragment, h } from '@stencil/core';
 import { RecipientStates } from '@verdocs/js-sdk/Envelopes/Types';
 import { envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit } from '@verdocs/js-sdk/Envelopes/Recipients';
-import { throttledGetEnvelope, updateEnvelopeFieldInitials, updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment } from '@verdocs/js-sdk/Envelopes/Envelopes';
+import { getEnvelope, updateEnvelopeFieldInitials, updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment } from '@verdocs/js-sdk/Envelopes/Envelopes';
 import { getFieldId, getRoleIndex, renderDocumentField, saveAttachment, updateDocumentFieldValue } from '../../../utils/utils';
+import { createTemplateFieldStoreFromEnvelope } from '../../../utils/TemplateFieldStore';
 import { FORMAT_DATE } from '../../../utils/Types';
 import { VerdocsToast } from '../../../utils/Toast';
 import { SDKError } from '../../../utils/errors';
@@ -100,7 +101,9 @@ export class VerdocsSign {
       if (this.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+      this.envelope = await getEnvelope(this.endpoint, this.envelopeId);
+      const fs = createTemplateFieldStoreFromEnvelope(this.envelope);
+      console.log('made fs', fs);
       this.sortedRecipients = [...this.envelope.recipients];
       this.sortedRecipients.sort((a, b) => {
         return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
@@ -194,7 +197,7 @@ export class VerdocsSign {
   }
   updateRecipientFieldValue(fieldName, updateResult) {
     console.log('[SIGN] updateRecipientFieldValue', fieldName);
-    this.recipient.fields.forEach(oldField => {
+    this.getRecipientFields().forEach(oldField => {
       if (oldField.name === fieldName) {
         oldField.settings = updateResult.settings;
         // TODO: When we break out other fields like value, update them here too
@@ -345,7 +348,7 @@ export class VerdocsSign {
       return;
     }
     // Find and focus the next incomplete required field
-    const requiredFields = this.recipient.fields.filter(field => field.required);
+    const requiredFields = this.getRecipientFields().filter(field => field.required);
     const focusedIndex = requiredFields.findIndex(field => field.name === this.focusedField);
     let nextFocusedIndex = focusedIndex + 1;
     if (nextFocusedIndex >= requiredFields.length) {
@@ -372,9 +375,12 @@ export class VerdocsSign {
       this.focusedField = nextRequiredField.name;
     }
   }
+  getRecipientFields() {
+    return this.envelope.fields.filter(field => field.recipient_role === this.recipient.role_name);
+  }
   // See if everything that "needs to be" filled in is, and all "fillable fields" are valid
   checkRecipientFields() {
-    const invalidFields = this.recipient.fields.filter(field => !this.isFieldValid(field));
+    const invalidFields = this.getRecipientFields().filter(field => !this.isFieldValid(field));
     if (invalidFields.length < 1) {
       this.nextButtonLabel = 'Finish';
       if (!this.nextSubmits) {
@@ -412,6 +418,7 @@ export class VerdocsSign {
     });
     el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
     el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
+    el.setAttribute('templateid', this.envelope.template_id);
     el.setAttribute('fieldname', field.name);
     el.setAttribute('page', pageInfo.pageNumber);
     el.setAttribute('roleindex', roleIndex);
@@ -423,7 +430,8 @@ export class VerdocsSign {
   handlePageRendered(e) {
     const pageInfo = e.detail;
     const roleIndex = getRoleIndex(this.roleNames, this.recipient.role_name);
-    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);
+    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});
     // First render the fields for the signer
     recipientFields
@@ -445,7 +453,7 @@ export class VerdocsSign {
       .filter(r => r.role_name !== this.recipient.role_name && (r.status === RecipientStates.INVITED || r.status === RecipientStates.OPENED || r.status === RecipientStates.PENDING))
       .forEach(recipient => {
       const otherIndex = getRoleIndex(this.roleNames, recipient.role_name);
-      recipient.fields
+      this.getRecipientFields()
         .filter(field => field.page === pageInfo.pageNumber)
         .forEach(field => {
         const el = renderDocumentField(field, pageInfo, otherIndex, { disabled: true, editable: false, draggable: false, done: this.isDone });

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: 'bc8efdf9-8c48-421c-9e98-1caf4f9e47cd',
+    roleId: 'Seller',
+    inviteCode: '4de4137978118a3cf9392bfc93a97aa2',
   },
   argTypes: {
     envelopeId: {

package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js

@@ -37,6 +37,7 @@ export class VerdocsFieldCheckbox {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    console.log('cwl checkbox', this.templateid, this.fieldStore);
   }
   render() {
     var _a, _b, _c, _d;

package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js

@@ -42,6 +42,7 @@ export class VerdocsFieldTextbox {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    console.log('fs', this.templateid);
   }
   componentDidRender() {
     interact.dynamicDrop(true);
@@ -93,6 +94,7 @@ export class VerdocsFieldTextbox {
   render() {
     var _a, _b;
     const field = this.fieldStore.get(this.fieldname);
+    console.log('textbox', this.fieldname, field);
     if (!field) {
       return h(Fragment, null);
     }

package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js

@@ -64,7 +64,7 @@ export class VerdocsTemplateFieldProperties {
       else {
         console.log('props', field);
       }
-      this.watcher = this.fieldStore.onChange(this.fieldName, field => {
+      this.watcher = this.fieldStore.onChange(this.fieldName, (field) => {
         console.log('Field changed', field);
         // this.type = field.type;
         // this.name = field.name;