@verdocs/web-sdk 2.3.11 → 2.3.13

package/dist/cjs/verdocs-button-panel_2.cjs.entry.js

@@ -6,9 +6,10 @@ const index = require('./index-5463795e.js');
 const popper = require('./popper-d7adcfc6.js');
 const _commonjsHelpers = require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
-const TemplateStore = require('./TemplateStore-192c6cf1.js');
+const TemplateFieldStore = require('./TemplateFieldStore-7449e5ff.js');
+const TemplateStore = require('./TemplateStore-0074c71d.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-f712049c.js');
 
@@ -285,21 +286,23 @@ const VerdocsTemplateFieldProperties = class {
     this.delete = index.createEvent(this, "delete", 7);
     this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
     this.sdkError = index.createEvent(this, "sdkError", 7);
-    this.store = null;
+    this.templateStore = null;
+    this.fieldStore = null;
+    this.watcher = null;
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
     this.templateId = '';
     this.fieldName = '';
     this.helpText = '';
     this.dirty = false;
     this.loading = true;
-    this.type = 'signature';
     this.setting = null;
     this.label = '';
+    this.type = 'textbox';
     this.name = '';
+    this.required = false;
     this.roleName = '';
     this.group = '';
     this.fieldType = '';
-    this.required = false;
     this.options = [];
     this.placeholder = '';
     this.value = '';
@@ -307,7 +310,7 @@ const VerdocsTemplateFieldProperties = class {
     this.showingHelp = false;
   }
   async componentWillLoad() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var _a, _b, _c, _d, _e, _f, _g;
     try {
       this.endpoint.loadSession();
       if (!this.templateId) {
@@ -322,11 +325,36 @@ const VerdocsTemplateFieldProperties = class {
         console.log('[FIELD PROPERTIES] Unable to start builder session, must be authenticated');
         return;
       }
-      this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
-      const field = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.find(field => field.name === this.fieldName);
+      this.templateStore = await TemplateStore.getTemplateStore(this.endpoint, this.templateId);
+      this.fieldStore = await TemplateFieldStore.createTemplateFieldStore(this.templateStore.state);
+      const field = this.fieldStore.get(this.fieldName);
       if (!field) {
-        console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in template`);
+        console.log(`[FIELD PROPERTIES] Unable to find field "${this.fieldName}" in fields`);
+      }
+      else {
+        console.log('props', field);
       }
+      TemplateFieldStore.createTemplateFieldStore(this.templateStore.state);
+      this.watcher = this.fieldStore.onChange(this.fieldName, field => {
+        var _a, _b, _c, _d;
+        console.log('Field changed', field);
+        this.type = field.type;
+        this.name = field.name;
+        this.label = field.label;
+        this.group = field.name;
+        this.roleName = field.role_name;
+        this.required = field.required;
+        this.fieldType = field.type;
+        // TODO: Talk about how we want to handle labels/placeholders
+        this.placeholder = ((_a = field.setting) === null || _a === void 0 ? void 0 : _a.placeholder) || '';
+        this.value = ((_b = field.setting) === null || _b === void 0 ? void 0 : _b.result) || '';
+        this.leading = ((_c = field.setting) === null || _c === void 0 ? void 0 : _c.leading) || 0;
+        this.setting = field.setting || {};
+        this.options = ((_d = field.setting) === null || _d === void 0 ? void 0 : _d.options) || [];
+        this.dirty = false;
+        this.loading = false;
+      });
+      console.log('watcher', this.watcher);
       this.type = field.type;
       this.name = field.name;
       this.label = field.label;
@@ -335,36 +363,37 @@ const VerdocsTemplateFieldProperties = class {
       this.required = field.required;
       this.fieldType = field.type;
       // TODO: Talk about how we want to handle labels/placeholders
-      this.placeholder = ((_c = field.setting) === null || _c === void 0 ? void 0 : _c.placeholder) || '';
-      this.value = ((_d = field.setting) === null || _d === void 0 ? void 0 : _d.result) || '';
-      this.leading = ((_e = field.setting) === null || _e === void 0 ? void 0 : _e.leading) || 0;
+      this.placeholder = ((_a = field.setting) === null || _a === void 0 ? void 0 : _a.placeholder) || '';
+      this.value = ((_b = field.setting) === null || _b === void 0 ? void 0 : _b.result) || '';
+      this.leading = ((_c = field.setting) === null || _c === void 0 ? void 0 : _c.leading) || 0;
       this.setting = field.setting || {};
-      this.options = ((_f = field.setting) === null || _f === void 0 ? void 0 : _f.options) || [];
+      this.options = ((_d = field.setting) === null || _d === void 0 ? void 0 : _d.options) || [];
       this.dirty = false;
       this.loading = false;
+      console.log('Displaying settings for', this.setting);
     }
     catch (e) {
       console.log('[FIELD PROPERTIES] Error loading template', e);
       this.loading = false;
-      (_g = this.sdkError) === null || _g === void 0 ? void 0 : _g.emit(new errors.SDKError(e.message, (_h = e.response) === null || _h === void 0 ? void 0 : _h.status, (_j = e.response) === null || _j === void 0 ? void 0 : _j.data));
+      (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new errors.SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
     }
   }
   handleCancel(e) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     e.stopPropagation();
-    const field = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.find(field => field.name === this.fieldName);
+    const field = this.fieldStore.get(this.fieldName);
     if (field) {
       this.name = field.name;
       this.label = field.label;
       this.roleName = field.role_name;
       this.required = field.required;
       // TODO: Talk about how we want to handle labels/placeholders
-      this.placeholder = ((_c = field.setting) === null || _c === void 0 ? void 0 : _c.placeholder) || '';
-      this.value = ((_d = field.setting) === null || _d === void 0 ? void 0 : _d.result) || '';
-      this.leading = ((_e = field.setting) === null || _e === void 0 ? void 0 : _e.leading) || 0;
+      this.placeholder = ((_a = field.setting) === null || _a === void 0 ? void 0 : _a.placeholder) || '';
+      this.value = ((_b = field.setting) === null || _b === void 0 ? void 0 : _b.result) || '';
+      this.leading = ((_c = field.setting) === null || _c === void 0 ? void 0 : _c.leading) || 0;
     }
     this.dirty = false;
-    (_f = this.close) === null || _f === void 0 ? void 0 : _f.emit();
+    (_d = this.close) === null || _d === void 0 ? void 0 : _d.emit();
   }
   handleSave(e) {
     e.stopPropagation();
@@ -390,6 +419,7 @@ const VerdocsTemplateFieldProperties = class {
         options: this.options,
       };
     }
+    console.log('FP: Will update', newProperties);
     Fields.updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(field => {
       var _a, _b;
@@ -441,33 +471,19 @@ const VerdocsTemplateFieldProperties = class {
     });
   }
   updateField(newField) {
-    const newFields = [...this.store.state.fields];
-    newFields.forEach(field => {
-      if (field.name === this.fieldName) {
-        Object.assign(field, newField);
-        // field.name = this.name;
-        // field.role_name = this.roleName;
-        // field.required = this.required;
-        // field.label = this.placeholder;
-        // field.setting.result = this.defaultValue;
-        // if (field.setting.options) {
-        //   field.setting.options = this.options;
-        // }
-      }
-    });
-    this.store.state.fields = newFields;
+    const oldField = this.fieldStore.get(this.fieldName) || {};
+    console.log('Updating field', newField, oldField);
+    Object.assign(oldField, newField);
+    this.fieldStore.set(this.fieldName, newField);
   }
   async handleDelete(e) {
     e.stopPropagation();
     if (window.confirm('Are you sure you wish to remove this field? This action cannot be undone.')) {
       Fields.deleteField(this.endpoint, this.templateId, this.fieldName)
         .then(() => {
-        var _a, _b, _c, _d, _e;
-        this.store.state.fields = [...(_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.filter(field => field.name !== this.fieldName)];
-        (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles.forEach(role => {
-          role.fields = [...role.fields.filter(field => field.name !== this.fieldName)];
-        });
-        (_e = this.delete) === null || _e === void 0 ? void 0 : _e.emit({ templateId: this.templateId, roleName: this.roleName });
+        var _a;
+        this.fieldStore.set(this.fieldName, undefined);
+        (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
       })
         .catch(e => {
         console.log('[FIELD PROPERTIES] Deletion error', e);
@@ -475,12 +491,13 @@ const VerdocsTemplateFieldProperties = class {
     }
   }
   render() {
-    var _a, _b, _c, _d;
+    var _a;
+    // console.log('Rendering field properties', this.fieldStore.get(this.fieldName));
     if (!this.endpoint.session) {
       return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
     }
     // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
-    if (!this.endpoint.session || !((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
+    if (!this.endpoint.session || !this.fieldStore.get(this.fieldName)) {
       return index.h(index.Host, { class: "empty" });
     }
     if (this.helpText && this.showingHelp) {
@@ -496,7 +513,7 @@ const VerdocsTemplateFieldProperties = class {
       placeholder: "Optional Label...", onInput: (e) => {
         this.label = e.target.value;
         this.dirty = true;
-      } })), index.h("div", { class: "row" }, index.h("div", { class: "input-label" }, "Role:"), index.h("verdocs-select-input", { value: this.roleName, options: (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles.map(role => ({ label: role.name, value: role.name })), onInput: (e) => {
+      } })), index.h("div", { class: "row" }, index.h("div", { class: "input-label" }, "Role:"), index.h("verdocs-select-input", { value: this.roleName, options: (_a = this.templateStore.state) === null || _a === void 0 ? void 0 : _a.roles.map(role => ({ label: role.name, value: role.name })), onInput: (e) => {
         this.roleName = e.target.value;
         this.dirty = true;
       } })), ['textbox', 'textarea'].includes(this.type) && (index.h("div", { class: "row", style: { marginTop: '10px', marginBottom: '10px' } }, index.h("verdocs-text-input", { id: "verdocs-field-value", label: "Value", value: this.value, autocomplete: "off", placeholder: "Pre-defined value...", onInput: (e) => {

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
-const utils = require('./utils-a3f0b70a.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');
 require('./index-7c19ba1d.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
-const Envelopes = require('./Envelopes-99ca79fe.js');
+const Envelopes = require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
-const utils = require('./utils-a3f0b70a.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
-const EnvelopeStore = require('./EnvelopeStore-f8c301e1.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
+const EnvelopeStore = require('./EnvelopeStore-efc35530.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 const Permissions = require('./Permissions-1436f847.js');
 require('./index-f712049c.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 
 const verdocsEnvelopeRecipientLinkCss = "verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:#0000007f}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:#374151;line-height:1.25rem;background-color:#d8d8d8;border:2px solid #9ca3af}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
 

package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
-const Envelopes = require('./Envelopes-99ca79fe.js');
+const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Permissions = require('./Permissions-1436f847.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
-const EnvelopeStore = require('./EnvelopeStore-f8c301e1.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
+const EnvelopeStore = require('./EnvelopeStore-efc35530.js');
 const Types = require('./Types-fb95ed6b.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
-const Envelopes = require('./Envelopes-99ca79fe.js');
+const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Permissions = require('./Permissions-1436f847.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-a3f0b70a.js');
+const utils = require('./utils-0916d10f.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,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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

package/dist/cjs/verdocs-field-checkbox.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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
-const utils = require('./utils-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 const Colors = require('./Colors-e809dcc9.js');
 const Types = require('./Types-fb95ed6b.js');
 const index$1 = require('./index-7c19ba1d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-dropdown.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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

package/dist/cjs/verdocs-field-initial.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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

package/dist/cjs/verdocs-field-payment.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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

package/dist/cjs/verdocs-field-radio-button.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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

package/dist/cjs/verdocs-field-signature.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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 const interact_min = require('./interact.min-a61b43b3.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');
 require('./index-7c19ba1d.js');

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

@@ -5,15 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 const interact_min = require('./interact.min-a61b43b3.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
+const TemplateFieldStore = require('./TemplateFieldStore-7449e5ff.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');
 require('./index-7c19ba1d.js');
+require('./index-f712049c.js');
 
 const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:150px;height:15px;display:block;font-size:11px;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{cursor:inherit;width:100%;height:100%;border:none;outline:none;padding:0 3px;font-size:11px;background:none;font-weight:500;position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87)}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
 
@@ -23,9 +25,11 @@ const VerdocsFieldTextbox = class {
     index.registerInstance(this, hostRef);
     this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
     this.deleted = index.createEvent(this, "deleted", 7);
+    this.fieldStore = null;
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
     this.templateid = '';
     this.field = null;
+    this.fieldname = '';
     this.disabled = false;
     this.editable = false;
     this.moveable = false;
@@ -50,6 +54,10 @@ const VerdocsFieldTextbox = class {
       settingsPanel.hidePanel();
     }
   }
+  async componentWillLoad() {
+    console.log('Loading field', this.field);
+    this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateid);
+  }
   componentDidRender() {
     interact_min.interact_min.dynamicDrop(true);
     if (this.editable) {
@@ -98,6 +106,8 @@ const VerdocsFieldTextbox = class {
   }
   render() {
     var _a, _b, _c, _d;
+    const f = this.fieldStore.get(this.fieldname);
+    console.log('rendering field', f);
     const settings = utils.getFieldSettings(this.field);
     let disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const backgroundColor = this.field['rgba'] || Colors.getRGBA(this.roleindex);
@@ -114,7 +124,6 @@ const VerdocsFieldTextbox = class {
         return this.hideSettingsPanel();
       }, onSettingsChanged: e => {
         var _a;
-        console.log('here');
         (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
         return this.hideSettingsPanel();
       }, helpText: 'Text boxes may be used to capture simple text input. Participant-entered values will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must complete the field before proceeding.' })))));

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 const Types = require('./Types-fb95ed6b.js');
 const index$1 = require('./index-7c19ba1d.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Icons = require('./Icons-a11fb3fc.js');
 
 const verdocsFileChooserCss = "verdocs-file-chooser{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-file-chooser .upload-box{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:40px 15px;color:rgba(0, 0, 0, 0.54)}verdocs-file-chooser .upload-box svg{width:64px;height:64px;fill:#5c6575}verdocs-file-chooser .selected-filename{font-size:20px;font-weight:bold;overflow-wrap:anywhere}verdocs-file-chooser .or-prefer{height:20px;margin:20px 0;font-size:16px}";

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
-const utils = require('./utils-a3f0b70a.js');
-const TemplateStore = require('./TemplateStore-192c6cf1.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
+const utils = require('./utils-0916d10f.js');
+const TemplateStore = require('./TemplateStore-0074c71d.js');
 const errors = require('./errors-0396da3d.js');
-const Envelopes = require('./Envelopes-99ca79fe.js');
+const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
@@ -19,6 +19,7 @@ require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');
 require('./index-7c19ba1d.js');
 require('./index-f712049c.js');
+require('./TemplateFieldStore-7449e5ff.js');
 
 /**
  * Enable automatic reminders. setup_time is the number of days after the envelope is sent that the first reminder

package/dist/cjs/verdocs-quick-functions_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 
 const verdocsQuickFunctionsCss = "verdocs-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";
 

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

@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Primitives = require('./Primitives-a59870a2.js');
 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-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 require('./_commonjsHelpers-1fbbf0eb.js');
-require('./Envelopes-99ca79fe.js');
+require('./Envelopes-0b9deb2c.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-fb95ed6b.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const errors = require('./errors-0396da3d.js');
 
 const verdocsSettingsCss = "verdocs-settings{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-settings .tabs{gap:4px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;border-bottom:1px solid #654dcb}verdocs-settings .tabs .tab{cursor:pointer;padding:5px 10px;color:#ffffff;background-color:#777777}verdocs-settings .tabs .tab.active{color:#ffffff;background-color:#654dcb}";

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
-const Envelopes = require('./Envelopes-99ca79fe.js');
+const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Types$1 = require('./Types-f89f9116.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-33b643eb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-8f298664.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-a59870a2.js');
-const utils = require('./utils-a3f0b70a.js');
+const utils = require('./utils-0916d10f.js');
 const Types = require('./Types-fb95ed6b.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');