@verdocs/web-sdk 2.3.18 → 2.3.20

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-01-10T14:59:46",
+  "timestamp": "2024-01-11T15:18:22",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

package/dist/esm/{TemplateFieldStore-9dbcdd90.js → TemplateFieldStore-295f240e.js}

@@ -11,7 +11,6 @@ const createTemplateFieldStore = (template) => {
   }
   else {
     console.log('Resetting template field store for template', template.id);
-    console.trace('Stack');
     store.reset();
   }
   template.fields.forEach(field => {
@@ -19,5 +18,21 @@ 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 = 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;
+};
 
-export { createTemplateFieldStore as c, getTemplateFieldStore as g };
+export { createTemplateFieldStoreFromEnvelope as a, createTemplateFieldStore as c, getTemplateFieldStore as g };

package/dist/esm/{TemplateStore-9fb3ba37.js → TemplateStore-3994341c.js}

@@ -1,6 +1,6 @@
 import { c as createStore } from './index-4439b0d1.js';
 import { g as getTemplate, T as TemplateSenderTypes } from './VerdocsEndpoint-56fa3371.js';
-import { c as createTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
+import { c as createTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, H as Host } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
-import { g as getTemplateStore } from './TemplateStore-9fb3ba37.js';
+import { g as getTemplateStore } from './TemplateStore-3994341c.js';
 import './index-4439b0d1.js';
-import './TemplateFieldStore-9dbcdd90.js';
+import './TemplateFieldStore-295f240e.js';
 
 const ipcTestCss = "ipc-test{max-width:800px;display:block}";
 

package/dist/esm/{utils-ccf09e73.js → utils-f76f3448.js}

@@ -152,6 +152,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/esm/verdocs-build.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
-import { g as getTemplateStore } from './TemplateStore-9fb3ba37.js';
+import { g as getTemplateStore } from './TemplateStore-3994341c.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './index-4439b0d1.js';
-import './TemplateFieldStore-9dbcdd90.js';
+import './TemplateFieldStore-295f240e.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/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-56fa3371.js';
-import { d as convertToE164 } from './utils-ccf09e73.js';
+import { d as convertToE164 } from './utils-f76f3448.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';
 import './Files-70a192df.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-56fa3371.js';
-import { t as throttle } from './utils-ccf09e73.js';
+import { t as throttle } from './utils-f76f3448.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Files-70a192df.js';
 import './Types-1628dc71.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-56fa3371.js';
 import { i as integerSequence } from './Primitives-8fe93caf.js';
-import { s as saveEnvelopesAsZip } from './utils-ccf09e73.js';
+import { s as saveEnvelopesAsZip } from './utils-f76f3448.js';
 import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-8a9f3b18.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';
@@ -47,6 +47,7 @@ const VerdocsFieldCheckbox = class {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    console.log('cwl checkbox', this.templateid, this.fieldStore);
   }
   render() {
     var _a, _b, _c, _d;

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import { a as FORMAT_DATE } from './Types-1628dc71.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
 import { f as format } from './index-914ed6f7.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './index-4439b0d1.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -4,8 +4,8 @@ import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
 import { u as updateField } from './Fields-c82e6df3.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';
 import './Files-70a192df.js';

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

@@ -4,8 +4,8 @@ import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
 import { u as updateField } from './Fields-c82e6df3.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './index-4439b0d1.js';
 import './Envelopes-627c5239.js';
@@ -52,6 +52,7 @@ const VerdocsFieldTextbox = class {
   }
   async componentWillLoad() {
     this.fieldStore = getTemplateFieldStore(this.templateid);
+    console.log('fs', this.templateid);
   }
   componentDidRender() {
     interact_min.dynamicDrop(true);
@@ -103,6 +104,7 @@ const VerdocsFieldTextbox = class {
   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/esm/verdocs-field-timestamp.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-172625c5.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-ccf09e73.js';
+import { g as getFieldSettings } from './utils-f76f3448.js';
 import { F as FORMAT_TIMESTAMP } from './Types-1628dc71.js';
-import { g as getTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
+import { g as getTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
 import { f as format } from './index-914ed6f7.js';
 import './_commonjsHelpers-8a9f3b18.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 { e as renderedTextWidth } from './utils-ccf09e73.js';
+import { e as renderedTextWidth } from './utils-f76f3448.js';
 import { c as createPopper } from './popper-15e448b4.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -3,8 +3,8 @@ import { a as commonjsGlobal } from './_commonjsHelpers-8a9f3b18.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
 import { u as updateField, d as deleteField } from './Fields-c82e6df3.js';
-import { c as createTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getTemplateStore } from './TemplateStore-9fb3ba37.js';
+import { c as createTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getTemplateStore } from './TemplateStore-3994341c.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './index-4439b0d1.js';
 
@@ -331,7 +331,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/esm/verdocs-preview_8.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-172625c5.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint, b as createTemplatev2, u as updateTemplate } from './VerdocsEndpoint-56fa3371.js';
-import { r as renderDocumentField, b as getRoleIndex } from './utils-ccf09e73.js';
-import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-9fb3ba37.js';
+import { r as renderDocumentField, b as getRoleIndex } from './utils-f76f3448.js';
+import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-3994341c.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';
@@ -15,7 +15,7 @@ import './Files-70a192df.js';
 import './Types-1628dc71.js';
 import './index-914ed6f7.js';
 import './index-4439b0d1.js';
-import './TemplateFieldStore-9dbcdd90.js';
+import './TemplateFieldStore-295f240e.js';
 
 /**
  * Enable automatic reminders. setup_time is the number of days after the envelope is sent that the first reminder

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 { d as convertToE164 } from './utils-ccf09e73.js';
+import { d as convertToE164 } from './utils-f76f3448.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';
 import './Files-70a192df.js';

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

@@ -1,17 +1,19 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-172625c5.js';
-import { e as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, f as updateEnvelopeFieldSignature, h as updateEnvelopeFieldInitials, i as uploadEnvelopeFieldAttachment } from './Envelopes-627c5239.js';
+import { e as getSigningSession, a as getEnvelope, u as updateEnvelopeField, f as updateEnvelopeFieldSignature, h as updateEnvelopeFieldInitials, i as uploadEnvelopeFieldAttachment } from './Envelopes-627c5239.js';
 import { R as RecipientStates } from './Types-5f31149e.js';
 import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelopeRecipientSubmit } from './Recipients-4ec2138c.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.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, b as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils-ccf09e73.js';
+import { a as saveAttachment, u as updateDocumentFieldValue, b as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils-f76f3448.js';
+import { a as createTemplateFieldStoreFromEnvelope } from './TemplateFieldStore-295f240e.js';
 import { a as FORMAT_DATE } from './Types-1628dc71.js';
 import { V as VerdocsToast } from './Toast-f3b8fd46.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { f as format } from './index-914ed6f7.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Files-70a192df.js';
+import './index-4439b0d1.js';
 
 /**
  * Create a signature block. In a typical signing workflow, the user is asked at the beginning of the process to "adopt"
@@ -117,7 +119,9 @@ const VerdocsSign = class {
       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;
@@ -211,7 +215,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
@@ -362,7 +366,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) {
@@ -389,9 +393,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) {
@@ -429,6 +436,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);
@@ -440,7 +448,8 @@ const VerdocsSign = class {
   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
@@ -462,7 +471,7 @@ const VerdocsSign = class {
       .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/esm/verdocs-template-document-page_2.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-56fa3371.js';
 import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments-6fd2f4e2.js';
-import { t as throttle } from './utils-ccf09e73.js';
+import { t as throttle } from './utils-f76f3448.js';
 import { c as createPopper } from './popper-15e448b4.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Envelopes-627c5239.js';

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

@@ -4,9 +4,9 @@ import './Types-5f31149e.js';
 import { V as VerdocsEndpoint, T as TemplateSenderTypes, u as updateTemplate } from './VerdocsEndpoint-56fa3371.js';
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
 import { i as integerSequence } from './Primitives-8fe93caf.js';
-import { b as getRoleIndex, r as renderDocumentField, f as updateCssTransform, h as defaultWidth, i as defaultHeight } from './utils-ccf09e73.js';
-import { c as createTemplateFieldStore } from './TemplateFieldStore-9dbcdd90.js';
-import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-9fb3ba37.js';
+import { b as getRoleIndex, r as renderDocumentField, f as updateCssTransform, h as defaultWidth, i as defaultHeight } from './utils-f76f3448.js';
+import { c as createTemplateFieldStore } from './TemplateFieldStore-295f240e.js';
+import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-3994341c.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import './_commonjsHelpers-8a9f3b18.js';
@@ -157,13 +157,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);
@@ -190,8 +184,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];
@@ -395,7 +389,7 @@ const VerdocsTemplateFields = class {
       this.fieldStore.set(saved.name, saved);
       this.placing = null;
       (_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' });
-      this.handlePageRendered({ detail: this.cachedPageInfo[pageNumber] });
+      this.reRenderField(saved, pageNumber);
     }
   }
   render() {

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-56fa3371.js';
 import { i as integerSequence } from './Primitives-8fe93caf.js';
-import { s as saveEnvelopesAsZip } from './utils-ccf09e73.js';
+import { s as saveEnvelopesAsZip } from './utils-f76f3448.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-8a9f3b18.js';
 import './Files-70a192df.js';

package/dist/esm-es5/TemplateFieldStore-295f240e.js

@@ -0,0 +1 @@
+import{c as createStore}from"./index-4439b0d1.js";var templateFieldStores={};var getTemplateFieldStore=function(e){return templateFieldStores[e]};var createTemplateFieldStore=function(e){var t=getTemplateFieldStore(e.id);if(!t){console.log("Creating template field store for template",e.id);t=createStore({});templateFieldStores[e.id]=t}else{console.log("Resetting template field store for template",e.id);t.reset()}e.fields.forEach((function(e){t.set(e.name,e)}));return t};var createTemplateFieldStoreFromEnvelope=function(e){var t=getTemplateFieldStore(e.template_id);if(!t){console.log("Creating field store for envelope",e.id,e.template_id);t=createStore({});templateFieldStores[e.template_id]=t}else{console.log("Resetting field store for envelope",e.id,e.template_id);t.reset()}e.fields.forEach((function(e){t.set(e.name,e)}));return t};export{createTemplateFieldStoreFromEnvelope as a,createTemplateFieldStore as c,getTemplateFieldStore as g};

package/dist/esm-es5/{TemplateStore-9fb3ba37.js → TemplateStore-3994341c.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function s(e){try{l(a.next(e))}catch(e){o(e)}}function i(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,i)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{c as createStore}from"./index-4439b0d1.js";import{g as getTemplate,T as TemplateSenderTypes}from"./VerdocsEndpoint-56fa3371.js";import{c as createTemplateFieldStore}from"./TemplateFieldStore-9dbcdd90.js";var createTemplateStore=function(e){var t=(new Date).toISOString();return createStore({isLoading:true,isLoaded:false,isError:false,error:null,updateCount:0,roleNames:[],id:e,name:"",description:"",sender:TemplateSenderTypes.CREATOR,profile_id:"",organization_id:"",counter:0,star_counter:0,is_sendable:false,is_personal:true,is_public:false,created_at:t,updated_at:t,last_used_at:t,token:"",reminder_id:"",reminder:undefined,processed:false,organization:undefined,roles:[],pages:[],template_document:undefined,template_documents:[]})};var templateStores={};var getTemplateStore=function(e,t,r){if(r===void 0){r=false}return __awaiter(void 0,void 0,void 0,(function(){var a,n,o,s;return __generator(this,(function(i){switch(i.label){case 0:a=false;if(!templateStores[t]){console.debug("[TEMPLATES] No template store found for ID, creating",t);templateStores[t]=createTemplateStore(t);a=true}n=templateStores[t];n.use({reset:function(){return console.debug("[TEMPLATES] Store got reset")},dispose:function(){return console.debug("[TEMPLATES] Store got disposed")}});if(!(a||r))return[3,5];console.debug("[TEMPLATES] Reloading template",{templateId:t,created:a,forceReload:r});n.state.isLoading=true;n.state.isLoaded=false;n.state.isError=false;n.state.error=undefined;i.label=1;case 1:i.trys.push([1,3,,4]);return[4,getTemplate(e,t)];case 2:o=i.sent();console.debug("[TEMPLATES] Got template",o);Object.assign(n.state,o);n.state.isLoaded=true;n.state.isError=false;n.state.error=undefined;createTemplateFieldStore(o);return[3,4];case 3:s=i.sent();console.error("[TEMPLATES] Error loading template",s);n.state.isLoaded=false;n.state.isError=true;n.state.error=s;throw s;case 4:n.state.isLoading=false;n.state.updateCount++;i.label=5;case 5:return[2,n]}}))}))};var getRoleNames=function(e){var t;return(((t=e===null||e===void 0?void 0:e.state)===null||t===void 0?void 0:t.roles)||[]).map((function(e){return e.name}))};export{getRoleNames as a,getTemplateStore as g};
+var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function s(e){try{l(a.next(e))}catch(e){o(e)}}function i(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):n(e.value).then(s,i)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,n,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(r)try{if(a=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=t.call(e,r)}catch(e){s=[6,e];n=0}finally{a=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{c as createStore}from"./index-4439b0d1.js";import{g as getTemplate,T as TemplateSenderTypes}from"./VerdocsEndpoint-56fa3371.js";import{c as createTemplateFieldStore}from"./TemplateFieldStore-295f240e.js";var createTemplateStore=function(e){var t=(new Date).toISOString();return createStore({isLoading:true,isLoaded:false,isError:false,error:null,updateCount:0,roleNames:[],id:e,name:"",description:"",sender:TemplateSenderTypes.CREATOR,profile_id:"",organization_id:"",counter:0,star_counter:0,is_sendable:false,is_personal:true,is_public:false,created_at:t,updated_at:t,last_used_at:t,token:"",reminder_id:"",reminder:undefined,processed:false,organization:undefined,roles:[],pages:[],template_document:undefined,template_documents:[]})};var templateStores={};var getTemplateStore=function(e,t,r){if(r===void 0){r=false}return __awaiter(void 0,void 0,void 0,(function(){var a,n,o,s;return __generator(this,(function(i){switch(i.label){case 0:a=false;if(!templateStores[t]){console.debug("[TEMPLATES] No template store found for ID, creating",t);templateStores[t]=createTemplateStore(t);a=true}n=templateStores[t];n.use({reset:function(){return console.debug("[TEMPLATES] Store got reset")},dispose:function(){return console.debug("[TEMPLATES] Store got disposed")}});if(!(a||r))return[3,5];console.debug("[TEMPLATES] Reloading template",{templateId:t,created:a,forceReload:r});n.state.isLoading=true;n.state.isLoaded=false;n.state.isError=false;n.state.error=undefined;i.label=1;case 1:i.trys.push([1,3,,4]);return[4,getTemplate(e,t)];case 2:o=i.sent();console.debug("[TEMPLATES] Got template",o);Object.assign(n.state,o);n.state.isLoaded=true;n.state.isError=false;n.state.error=undefined;createTemplateFieldStore(o);return[3,4];case 3:s=i.sent();console.error("[TEMPLATES] Error loading template",s);n.state.isLoaded=false;n.state.isError=true;n.state.error=s;throw s;case 4:n.state.isLoading=false;n.state.updateCount++;i.label=5;case 5:return[2,n]}}))}))};var getRoleNames=function(e){var t;return(((t=e===null||e===void 0?void 0:e.state)===null||t===void 0?void 0:t.roles)||[]).map((function(e){return e.name}))};export{getRoleNames as a,getTemplateStore as g};

package/dist/esm-es5/ipc-test.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function s(t){try{l(r.next(t))}catch(t){i(t)}}function a(t){try{l(r["throw"](t))}catch(t){i(t)}}function l(t){t.done?n(t.value):o(t.value).then(s,a)}l((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(t){return function(e){return l([t,e])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];o=0}finally{r=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host}from"./index-172625c5.js";import"./Types-5f31149e.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-56fa3371.js";import{g as getTemplateStore}from"./TemplateStore-9fb3ba37.js";import"./index-4439b0d1.js";import"./TemplateFieldStore-9dbcdd90.js";var ipcTestCss="ipc-test{max-width:800px;display:block}";var IpcTest=function(){function t(t){registerInstance(this,t);this.store=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="e997b94c-9d1b-4c85-8552-dedd24e35550"}t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,2,,3]);this.endpoint.loadSession();t=this;return[4,getTemplateStore(this.endpoint,this.templateId,false)];case 1:t.store=n.sent();return[3,3];case 2:e=n.sent();console.log("[TEMPLATE VISIBILITY] Error loading template",e);return[3,3];case 3:return[2]}}))}))};t.prototype.render=function(){console.log("[IPC] Rendering");return h(Host,null,h("div",null,h("pre",null,h("code",null,JSON.stringify(this.store.state,null,2)))),h("verdocs-template-roles",{templateId:this.templateId}),h("verdocs-template-fields",{templateId:this.templateId}))};return t}();IpcTest.style=ipcTestCss;export{IpcTest as ipc_test};
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function s(e){try{l(r.next(e))}catch(e){i(e)}}function a(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):o(e.value).then(s,a)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return l([e,t])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=s[0]&2?o["return"]:s[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,s[1])).done)return i;if(o=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;o=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];o=0}finally{r=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host}from"./index-172625c5.js";import"./Types-5f31149e.js";import{V as VerdocsEndpoint}from"./VerdocsEndpoint-56fa3371.js";import{g as getTemplateStore}from"./TemplateStore-3994341c.js";import"./index-4439b0d1.js";import"./TemplateFieldStore-295f240e.js";var ipcTestCss="ipc-test{max-width:800px;display:block}";var IpcTest=function(){function e(e){registerInstance(this,e);this.store=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="e997b94c-9d1b-4c85-8552-dedd24e35550"}e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:n.trys.push([0,2,,3]);this.endpoint.loadSession();e=this;return[4,getTemplateStore(this.endpoint,this.templateId,false)];case 1:e.store=n.sent();return[3,3];case 2:t=n.sent();console.log("[TEMPLATE VISIBILITY] Error loading template",t);return[3,3];case 3:return[2]}}))}))};e.prototype.render=function(){console.log("[IPC] Rendering");return h(Host,null,h("div",null,h("pre",null,h("code",null,JSON.stringify(this.store.state,null,2)))),h("verdocs-template-roles",{templateId:this.templateId}),h("verdocs-template-fields",{templateId:this.templateId}))};return e}();IpcTest.style=ipcTestCss;export{IpcTest as ipc_test};