@verdocs/web-sdk 5.0.6 → 5.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +1 -0
  2. package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js +9 -8
  3. package/dist/cjs/verdocs-sign.cjs.entry.js +1 -0
  4. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +1 -0
  5. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +1 -0
  6. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js +9 -8
  7. package/dist/components/{p-cef9df4b.js → p-60eb7451.js} +1 -1
  8. package/dist/components/{p-53585e13.js → p-9c37d4b3.js} +9 -8
  9. package/dist/components/{p-3a621e5d.js → p-e36c8c69.js} +1 -0
  10. package/dist/components/{p-f0f1ed82.js → p-ec56d92f.js} +2 -2
  11. package/dist/components/{p-5de4d4ee.js → p-eefda339.js} +1 -1
  12. package/dist/components/{p-987a8392.js → p-fca85ba0.js} +2 -2
  13. package/dist/components/verdocs-build.js +6 -6
  14. package/dist/components/verdocs-field-signature.js +1 -1
  15. package/dist/components/verdocs-preview.js +1 -1
  16. package/dist/components/verdocs-sign.js +1 -0
  17. package/dist/components/verdocs-template-document-page.js +1 -1
  18. package/dist/components/verdocs-template-fields.js +1 -1
  19. package/dist/components/verdocs-template-role-properties.js +1 -1
  20. package/dist/components/verdocs-template-roles.js +1 -1
  21. package/dist/esm/verdocs-field-attachment_13.entry.js +1 -0
  22. package/dist/esm/verdocs-menu-panel_2.entry.js +9 -8
  23. package/dist/esm/verdocs-sign.entry.js +1 -0
  24. package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
  25. package/dist/esm-es5/verdocs-menu-panel_2.entry.js +1 -1
  26. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  27. package/dist/verdocs-web-sdk/{p-4c807fe2.system.entry.js → p-10d25f68.system.entry.js} +1 -1
  28. package/dist/verdocs-web-sdk/{p-e2de6329.entry.js → p-854837cf.entry.js} +1 -1
  29. package/dist/verdocs-web-sdk/{p-8025cac7.entry.js → p-9dabaa06.entry.js} +1 -1
  30. package/dist/verdocs-web-sdk/{p-48ff3cce.system.entry.js → p-b029989a.system.entry.js} +1 -1
  31. package/dist/verdocs-web-sdk/{p-3268dad0.system.entry.js → p-c3f825d4.system.entry.js} +1 -1
  32. package/dist/verdocs-web-sdk/p-e2b70dfb.system.js +1 -1
  33. package/dist/verdocs-web-sdk/p-fe48c408.entry.js +1 -0
  34. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  35. package/package.json +1 -1
  36. package/dist/verdocs-web-sdk/p-365ed258.entry.js +0 -1
package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js CHANGED
@@ -577,6 +577,7 @@ const VerdocsFieldSignature = class {
577
577
  render() {
578
578
  const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
579
579
  const { index: index$1, field } = Datastore.Store.getField(source, sourceid, fieldname);
580
+ console.log('Signature field', index$1, jsSdk.getRGBA(index$1), field);
580
581
  const { required = false, value = '', label = '', settings = {} } = field || {};
581
582
  const { base64 } = settings;
582
583
  const backgroundColor = jsSdk.getRGBA(index$1);
package/dist/cjs/verdocs-menu-panel_2.cjs.entry.js CHANGED
@@ -194,7 +194,8 @@ const VerdocsTemplateRoleProperties = class {
194
194
  var _a, _b;
195
195
  const newTemplate = JSON.parse(JSON.stringify(this.template));
196
196
  newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);
197
- Datastore.Store.updateTemplate(this.templateId, newTemplate);
197
+ Datastore.Store.getTemplate(this.endpoint, this.templateId, true);
198
+ // Store.updateTemplate(this.templateId, newTemplate);
198
199
  (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
199
200
  (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
200
201
  })
@@ -208,31 +209,31 @@ const VerdocsTemplateRoleProperties = class {
208
209
  const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
209
210
  // Either all three should be empty, or all three need to be filled
210
211
  const isValid = (!this.email && !this.first_name && !this.last_name) || (jsSdk.isValidEmail(this.email) && !!this.first_name && !!this.last_name);
211
- return (index.h(index.Host, { key: '33fd4fdb9aab4d7e8db63b8f98803d618f396c7e' }, index.h("form", { key: 'f0ea5498aecaee8f00c68a60a0c941e1895cf89d', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: '0900acf8a16a37b0fb1b6786c41c79f9ba3baee2' }, index.h("verdocs-text-input", { key: '7c6f93dfbacd951ea086e1f3f67a2ac731649218', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
212
+ return (index.h(index.Host, { key: 'a1895798db1e9b9f63c42e79556bdb76029217c2' }, index.h("form", { key: '8be859da1a954e4d086d630e0d5aeaa991f88640', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: 'a37025fa1b286d43493bd142f77f8310b02ee701' }, index.h("verdocs-text-input", { key: 'eea1b7844b0a60c30a6ee50a123399b7fe6fac4a', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
212
213
  this.name = e.target.value;
213
214
  this.dirty = true;
214
- } }), hasFields && index.h("div", { key: '439e8d7ba00f6f60bfb4c92d3ad7811cbbce6c35', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '622509e07d3329f97b2afe1b812c1920b95d9677' }, index.h("div", { key: 'da96defab9d0d608bb02292e99a5390613a4face', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: '01368605afcbb3d0ea905f3698f7c4bc1946a0ee', value: this.type, options: [
215
+ } }), hasFields && index.h("div", { key: '5945d4e7a64f9b4a513bbd975fb821f662e452a4', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), index.h("div", { key: '14cfb01f29a5889f1fcb2c90366ba4f215341a2c' }, index.h("div", { key: '9095e3b2f1f378c9d3937898ca68d6742d89be54', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: 'b07e4afc086e7d1563f58bb3c43aa0d909d8a65e', value: this.type, options: [
215
216
  { label: 'Signer', value: 'signer' },
216
217
  { label: 'CC', value: 'cc' },
217
218
  { label: 'Approver', value: 'approver' },
218
219
  ], onInput: (e) => {
219
220
  this.type = e.target.value;
220
221
  this.dirty = true;
221
- } })), index.h("div", { key: '8a6c71ab8a7566e9d2cfd942c72ec44c7966e6a8' }, index.h("div", { key: '41ce817a89e963dd8aa4ce49cc27871994b69e2a', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: 'e4b958063bc92d3df34bcb9314ff9c931c6a4993', class: "first-last" }, index.h("verdocs-text-input", { key: 'cde6107c9d66e786dc17f6ce825a9dc1bf6e101e', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
222
+ } })), index.h("div", { key: '5e1ed5226be0707cc5430c1e7bd38ad6e4df5dd5' }, index.h("div", { key: 'fc4a467cb0da25a80c421134c8226480369d2a83', class: "input-label" }, "Default Contact Info:"), index.h("div", { key: 'f6cb36cde86b8067c374e4bf0cffa6549851888d', class: "first-last" }, index.h("verdocs-text-input", { key: 'a52d5426c87419f45482ef6004ef11597400ea87', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
222
223
  this.first_name = e.target.value;
223
224
  this.dirty = true;
224
- } }), index.h("verdocs-text-input", { key: '219e51d998390ea3a297b40867cd3e908374938a', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
225
+ } }), index.h("verdocs-text-input", { key: 'b9035b299231319dce05f19c15c4d427ad6cd2f3', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
225
226
  this.last_name = e.target.value;
226
227
  this.dirty = true;
227
- } }))), index.h("div", { key: '95f56626e28d1ab8e82af7954012b34e36ecdc19' }, index.h("verdocs-text-input", { key: '1e676e75b29e8dc63711c9a4c3de95cd2d88b6cc', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
228
+ } }))), index.h("div", { key: 'd42c1ce5ae61db11a0ac32b3fa7bc3816e3068c6' }, index.h("verdocs-text-input", { key: '63436a7be6b3f35c2341dc88d137bd2f6b061978', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
228
229
  this.email = e.target.value;
229
230
  this.dirty = true;
230
- } }), index.h("div", { key: 'f298189867060ffbfb977da4b0f6cd4c69dce71f', style: { height: '15px' } }), index.h("div", { key: '71a8079b3751957cd135a2c736a3b59624f77bd4' }, index.h("verdocs-text-input", { key: '2ff08fdee843a2c4c72769b8bbe50f48608b6a08', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
231
+ } }), index.h("div", { key: '5a7ed36cfa657fb9ee11cf62998abbab2cc641e9', style: { height: '15px' } }), index.h("div", { key: 'c974f4e78235706788dfa54f69f6f5ec7d37d00e' }, index.h("verdocs-text-input", { key: '2be4c29396c6e6bc4f687819646ea219fce97e82', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
231
232
  // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
232
233
  placeholder: "Phone Number...", onInput: (e) => {
233
234
  this.phone = e.target.value;
234
235
  this.dirty = true;
235
- } }))), index.h("div", { key: '30b10e1c20ace197aa67dedcabef9adf2206bbf1', class: "buttons" }, index.h("button", { key: '52ccaafe4e4f51d2b994813538d33443c79da0ed', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: '49dcb63a78d83f03e8b434adeca3cf60082de647', style: { flex: '1' } }), index.h("verdocs-button", { key: '70b8347ddba86faf658cae033de62b9dab14aeab', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
236
+ } }))), index.h("div", { key: 'a0eba03681cab8b491e5bd833c9d718d85979d92', class: "buttons" }, index.h("button", { key: '145ae41f583a843a6e64743b9f18a0f3c23c370c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: 'e81da0df0eceae434bb1fbaa5b642edacc978a4a', style: { flex: '1' } }), index.h("verdocs-button", { key: 'bb0cd0eae3b51a84b2729531508d888cb03dad10', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
236
237
  }
237
238
  };
238
239
  VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
package/dist/cjs/verdocs-sign.cjs.entry.js CHANGED
@@ -522,6 +522,7 @@ const VerdocsSign = class {
522
522
  // NOTE: We don't filter on pageNumber here because we need the position in the
523
523
  // entire list to set the tabIndex.
524
524
  const recipientFields = this.getSortedFillableFields();
525
+ console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);
525
526
  // First render the fields for the signer
526
527
  recipientFields.forEach((field, tabIndex) => {
527
528
  if (field.page !== pageInfo.pageNumber) {
package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js CHANGED
@@ -528,6 +528,7 @@ export class VerdocsSign {
528
528
  // NOTE: We don't filter on pageNumber here because we need the position in the
529
529
  // entire list to set the tabIndex.
530
530
  const recipientFields = this.getSortedFillableFields();
531
+ console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);
531
532
  // First render the fields for the signer
532
533
  recipientFields.forEach((field, tabIndex) => {
533
534
  if (field.page !== pageInfo.pageNumber) {
package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js CHANGED
@@ -69,6 +69,7 @@ export class VerdocsFieldSignature {
69
69
  render() {
70
70
  const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
71
71
  const { index, field } = Store.getField(source, sourceid, fieldname);
72
+ console.log('Signature field', index, getRGBA(index), field);
72
73
  const { required = false, value = '', label = '', settings = {} } = field || {};
73
74
  const { base64 } = settings;
74
75
  const backgroundColor = getRGBA(index);
package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js CHANGED
@@ -127,7 +127,8 @@ export class VerdocsTemplateRoleProperties {
127
127
  var _a, _b;
128
128
  const newTemplate = JSON.parse(JSON.stringify(this.template));
129
129
  newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);
130
- Store.updateTemplate(this.templateId, newTemplate);
130
+ Store.getTemplate(this.endpoint, this.templateId, true);
131
+ // Store.updateTemplate(this.templateId, newTemplate);
131
132
  (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
132
133
  (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
133
134
  })
@@ -141,31 +142,31 @@ export class VerdocsTemplateRoleProperties {
141
142
  const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
142
143
  // Either all three should be empty, or all three need to be filled
143
144
  const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);
144
- return (h(Host, { key: '33fd4fdb9aab4d7e8db63b8f98803d618f396c7e' }, h("form", { key: 'f0ea5498aecaee8f00c68a60a0c941e1895cf89d', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '0900acf8a16a37b0fb1b6786c41c79f9ba3baee2' }, h("verdocs-text-input", { key: '7c6f93dfbacd951ea086e1f3f67a2ac731649218', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
145
+ return (h(Host, { key: 'a1895798db1e9b9f63c42e79556bdb76029217c2' }, h("form", { key: '8be859da1a954e4d086d630e0d5aeaa991f88640', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'a37025fa1b286d43493bd142f77f8310b02ee701' }, h("verdocs-text-input", { key: 'eea1b7844b0a60c30a6ee50a123399b7fe6fac4a', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
145
146
  this.name = e.target.value;
146
147
  this.dirty = true;
147
- } }), hasFields && h("div", { key: '439e8d7ba00f6f60bfb4c92d3ad7811cbbce6c35', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '622509e07d3329f97b2afe1b812c1920b95d9677' }, h("div", { key: 'da96defab9d0d608bb02292e99a5390613a4face', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '01368605afcbb3d0ea905f3698f7c4bc1946a0ee', value: this.type, options: [
148
+ } }), hasFields && h("div", { key: '5945d4e7a64f9b4a513bbd975fb821f662e452a4', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '14cfb01f29a5889f1fcb2c90366ba4f215341a2c' }, h("div", { key: '9095e3b2f1f378c9d3937898ca68d6742d89be54', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'b07e4afc086e7d1563f58bb3c43aa0d909d8a65e', value: this.type, options: [
148
149
  { label: 'Signer', value: 'signer' },
149
150
  { label: 'CC', value: 'cc' },
150
151
  { label: 'Approver', value: 'approver' },
151
152
  ], onInput: (e) => {
152
153
  this.type = e.target.value;
153
154
  this.dirty = true;
154
- } })), h("div", { key: '8a6c71ab8a7566e9d2cfd942c72ec44c7966e6a8' }, h("div", { key: '41ce817a89e963dd8aa4ce49cc27871994b69e2a', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'e4b958063bc92d3df34bcb9314ff9c931c6a4993', class: "first-last" }, h("verdocs-text-input", { key: 'cde6107c9d66e786dc17f6ce825a9dc1bf6e101e', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
155
+ } })), h("div", { key: '5e1ed5226be0707cc5430c1e7bd38ad6e4df5dd5' }, h("div", { key: 'fc4a467cb0da25a80c421134c8226480369d2a83', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'f6cb36cde86b8067c374e4bf0cffa6549851888d', class: "first-last" }, h("verdocs-text-input", { key: 'a52d5426c87419f45482ef6004ef11597400ea87', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
155
156
  this.first_name = e.target.value;
156
157
  this.dirty = true;
157
- } }), h("verdocs-text-input", { key: '219e51d998390ea3a297b40867cd3e908374938a', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
158
+ } }), h("verdocs-text-input", { key: 'b9035b299231319dce05f19c15c4d427ad6cd2f3', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
158
159
  this.last_name = e.target.value;
159
160
  this.dirty = true;
160
- } }))), h("div", { key: '95f56626e28d1ab8e82af7954012b34e36ecdc19' }, h("verdocs-text-input", { key: '1e676e75b29e8dc63711c9a4c3de95cd2d88b6cc', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
161
+ } }))), h("div", { key: 'd42c1ce5ae61db11a0ac32b3fa7bc3816e3068c6' }, h("verdocs-text-input", { key: '63436a7be6b3f35c2341dc88d137bd2f6b061978', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
161
162
  this.email = e.target.value;
162
163
  this.dirty = true;
163
- } }), h("div", { key: 'f298189867060ffbfb977da4b0f6cd4c69dce71f', style: { height: '15px' } }), h("div", { key: '71a8079b3751957cd135a2c736a3b59624f77bd4' }, h("verdocs-text-input", { key: '2ff08fdee843a2c4c72769b8bbe50f48608b6a08', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
164
+ } }), h("div", { key: '5a7ed36cfa657fb9ee11cf62998abbab2cc641e9', style: { height: '15px' } }), h("div", { key: 'c974f4e78235706788dfa54f69f6f5ec7d37d00e' }, h("verdocs-text-input", { key: '2be4c29396c6e6bc4f687819646ea219fce97e82', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
164
165
  // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
165
166
  placeholder: "Phone Number...", onInput: (e) => {
166
167
  this.phone = e.target.value;
167
168
  this.dirty = true;
168
- } }))), h("div", { key: '30b10e1c20ace197aa67dedcabef9adf2206bbf1', class: "buttons" }, h("button", { key: '52ccaafe4e4f51d2b994813538d33443c79da0ed', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '49dcb63a78d83f03e8b434adeca3cf60082de647', style: { flex: '1' } }), h("verdocs-button", { key: '70b8347ddba86faf658cae033de62b9dab14aeab', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
169
+ } }))), h("div", { key: 'a0eba03681cab8b491e5bd833c9d718d85979d92', class: "buttons" }, h("button", { key: '145ae41f583a843a6e64743b9f18a0f3c23c370c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'e81da0df0eceae434bb1fbaa5b642edacc978a4a', style: { flex: '1' } }), h("verdocs-button", { key: 'bb0cd0eae3b51a84b2729531508d888cb03dad10', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
169
170
  }
170
171
  static get is() { return "verdocs-template-role-properties"; }
171
172
  static get originalStyleUrls() {
package/dist/components/{p-cef9df4b.js → p-60eb7451.js} RENAMED
@@ -11,7 +11,7 @@ import { d as defineCustomElement$i } from './p-7246d2ee.js';
11
11
  import { d as defineCustomElement$h } from './p-053a0408.js';
12
12
  import { d as defineCustomElement$g } from './p-f21ef4fb.js';
13
13
  import { d as defineCustomElement$f } from './p-5df09a0d.js';
14
- import { d as defineCustomElement$e } from './p-3a621e5d.js';
14
+ import { d as defineCustomElement$e } from './p-e36c8c69.js';
15
15
  import { d as defineCustomElement$d } from './p-b36c979b.js';
16
16
  import { d as defineCustomElement$c } from './p-6c18617e.js';
17
17
  import { d as defineCustomElement$b } from './p-6506ddb4.js';
package/dist/components/{p-53585e13.js → p-9c37d4b3.js} RENAMED
@@ -137,7 +137,8 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
137
137
  var _a, _b;
138
138
  const newTemplate = JSON.parse(JSON.stringify(this.template));
139
139
  newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);
140
- Store.updateTemplate(this.templateId, newTemplate);
140
+ Store.getTemplate(this.endpoint, this.templateId, true);
141
+ // Store.updateTemplate(this.templateId, newTemplate);
141
142
  (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
142
143
  (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
143
144
  })
@@ -151,31 +152,31 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
151
152
  const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
152
153
  // Either all three should be empty, or all three need to be filled
153
154
  const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);
154
- return (h(Host, { key: '33fd4fdb9aab4d7e8db63b8f98803d618f396c7e' }, h("form", { key: 'f0ea5498aecaee8f00c68a60a0c941e1895cf89d', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '0900acf8a16a37b0fb1b6786c41c79f9ba3baee2' }, h("verdocs-text-input", { key: '7c6f93dfbacd951ea086e1f3f67a2ac731649218', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
155
+ return (h(Host, { key: 'a1895798db1e9b9f63c42e79556bdb76029217c2' }, h("form", { key: '8be859da1a954e4d086d630e0d5aeaa991f88640', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'a37025fa1b286d43493bd142f77f8310b02ee701' }, h("verdocs-text-input", { key: 'eea1b7844b0a60c30a6ee50a123399b7fe6fac4a', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
155
156
  this.name = e.target.value;
156
157
  this.dirty = true;
157
- } }), hasFields && h("div", { key: '439e8d7ba00f6f60bfb4c92d3ad7811cbbce6c35', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '622509e07d3329f97b2afe1b812c1920b95d9677' }, h("div", { key: 'da96defab9d0d608bb02292e99a5390613a4face', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '01368605afcbb3d0ea905f3698f7c4bc1946a0ee', value: this.type, options: [
158
+ } }), hasFields && h("div", { key: '5945d4e7a64f9b4a513bbd975fb821f662e452a4', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '14cfb01f29a5889f1fcb2c90366ba4f215341a2c' }, h("div", { key: '9095e3b2f1f378c9d3937898ca68d6742d89be54', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'b07e4afc086e7d1563f58bb3c43aa0d909d8a65e', value: this.type, options: [
158
159
  { label: 'Signer', value: 'signer' },
159
160
  { label: 'CC', value: 'cc' },
160
161
  { label: 'Approver', value: 'approver' },
161
162
  ], onInput: (e) => {
162
163
  this.type = e.target.value;
163
164
  this.dirty = true;
164
- } })), h("div", { key: '8a6c71ab8a7566e9d2cfd942c72ec44c7966e6a8' }, h("div", { key: '41ce817a89e963dd8aa4ce49cc27871994b69e2a', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'e4b958063bc92d3df34bcb9314ff9c931c6a4993', class: "first-last" }, h("verdocs-text-input", { key: 'cde6107c9d66e786dc17f6ce825a9dc1bf6e101e', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
165
+ } })), h("div", { key: '5e1ed5226be0707cc5430c1e7bd38ad6e4df5dd5' }, h("div", { key: 'fc4a467cb0da25a80c421134c8226480369d2a83', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'f6cb36cde86b8067c374e4bf0cffa6549851888d', class: "first-last" }, h("verdocs-text-input", { key: 'a52d5426c87419f45482ef6004ef11597400ea87', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
165
166
  this.first_name = e.target.value;
166
167
  this.dirty = true;
167
- } }), h("verdocs-text-input", { key: '219e51d998390ea3a297b40867cd3e908374938a', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
168
+ } }), h("verdocs-text-input", { key: 'b9035b299231319dce05f19c15c4d427ad6cd2f3', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
168
169
  this.last_name = e.target.value;
169
170
  this.dirty = true;
170
- } }))), h("div", { key: '95f56626e28d1ab8e82af7954012b34e36ecdc19' }, h("verdocs-text-input", { key: '1e676e75b29e8dc63711c9a4c3de95cd2d88b6cc', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
171
+ } }))), h("div", { key: 'd42c1ce5ae61db11a0ac32b3fa7bc3816e3068c6' }, h("verdocs-text-input", { key: '63436a7be6b3f35c2341dc88d137bd2f6b061978', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
171
172
  this.email = e.target.value;
172
173
  this.dirty = true;
173
- } }), h("div", { key: 'f298189867060ffbfb977da4b0f6cd4c69dce71f', style: { height: '15px' } }), h("div", { key: '71a8079b3751957cd135a2c736a3b59624f77bd4' }, h("verdocs-text-input", { key: '2ff08fdee843a2c4c72769b8bbe50f48608b6a08', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
174
+ } }), h("div", { key: '5a7ed36cfa657fb9ee11cf62998abbab2cc641e9', style: { height: '15px' } }), h("div", { key: 'c974f4e78235706788dfa54f69f6f5ec7d37d00e' }, h("verdocs-text-input", { key: '2be4c29396c6e6bc4f687819646ea219fce97e82', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
174
175
  // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
175
176
  placeholder: "Phone Number...", onInput: (e) => {
176
177
  this.phone = e.target.value;
177
178
  this.dirty = true;
178
- } }))), h("div", { key: '30b10e1c20ace197aa67dedcabef9adf2206bbf1', class: "buttons" }, h("button", { key: '52ccaafe4e4f51d2b994813538d33443c79da0ed', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '49dcb63a78d83f03e8b434adeca3cf60082de647', style: { flex: '1' } }), h("verdocs-button", { key: '70b8347ddba86faf658cae033de62b9dab14aeab', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
179
+ } }))), h("div", { key: 'a0eba03681cab8b491e5bd833c9d718d85979d92', class: "buttons" }, h("button", { key: '145ae41f583a843a6e64743b9f18a0f3c23c370c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'e81da0df0eceae434bb1fbaa5b642edacc978a4a', style: { flex: '1' } }), h("verdocs-button", { key: 'bb0cd0eae3b51a84b2729531508d888cb03dad10', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
179
180
  }
180
181
  static get style() { return VerdocsTemplateRolePropertiesStyle0; }
181
182
  }, [0, "verdocs-template-role-properties", {
package/dist/components/{p-3a621e5d.js → p-e36c8c69.js} RENAMED
@@ -80,6 +80,7 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
80
80
  render() {
81
81
  const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
82
82
  const { index, field } = Store.getField(source, sourceid, fieldname);
83
+ console.log('Signature field', index, getRGBA(index), field);
83
84
  const { required = false, value = '', label = '', settings = {} } = field || {};
84
85
  const { base64 } = settings;
85
86
  const backgroundColor = getRGBA(index);
package/dist/components/{p-f0f1ed82.js → p-ec56d92f.js} RENAMED
@@ -11,7 +11,7 @@ import { d as defineCustomElement$j } from './p-7246d2ee.js';
11
11
  import { d as defineCustomElement$i } from './p-053a0408.js';
12
12
  import { d as defineCustomElement$h } from './p-f21ef4fb.js';
13
13
  import { d as defineCustomElement$g } from './p-5df09a0d.js';
14
- import { d as defineCustomElement$f } from './p-3a621e5d.js';
14
+ import { d as defineCustomElement$f } from './p-e36c8c69.js';
15
15
  import { d as defineCustomElement$e } from './p-b36c979b.js';
16
16
  import { d as defineCustomElement$d } from './p-6c18617e.js';
17
17
  import { d as defineCustomElement$c } from './p-6506ddb4.js';
@@ -22,7 +22,7 @@ import { d as defineCustomElement$8 } from './p-b7d080eb.js';
22
22
  import { d as defineCustomElement$7 } from './p-6719b0d7.js';
23
23
  import { d as defineCustomElement$6 } from './p-62743fd3.js';
24
24
  import { d as defineCustomElement$5 } from './p-cce871bf.js';
25
- import { d as defineCustomElement$4 } from './p-cef9df4b.js';
25
+ import { d as defineCustomElement$4 } from './p-60eb7451.js';
26
26
  import { d as defineCustomElement$3 } from './p-052fcdac.js';
27
27
  import { d as defineCustomElement$2 } from './p-325b3828.js';
28
28
  import { d as defineCustomElement$1 } from './p-2ef2d490.js';
package/dist/components/{p-5de4d4ee.js → p-eefda339.js} RENAMED
@@ -8,7 +8,7 @@ import { d as defineCustomElement$6 } from './p-7f32e087.js';
8
8
  import { d as defineCustomElement$5 } from './p-1ae5d7e0.js';
9
9
  import { d as defineCustomElement$4 } from './p-be261487.js';
10
10
  import { d as defineCustomElement$3 } from './p-62743fd3.js';
11
- import { d as defineCustomElement$2 } from './p-53585e13.js';
11
+ import { d as defineCustomElement$2 } from './p-9c37d4b3.js';
12
12
  import { d as defineCustomElement$1 } from './p-325b3828.js';
13
13
 
14
14
  /**!
package/dist/components/{p-987a8392.js → p-fca85ba0.js} RENAMED
@@ -14,7 +14,7 @@ import { d as defineCustomElement$k } from './p-7246d2ee.js';
14
14
  import { d as defineCustomElement$j } from './p-053a0408.js';
15
15
  import { d as defineCustomElement$i } from './p-f21ef4fb.js';
16
16
  import { d as defineCustomElement$h } from './p-5df09a0d.js';
17
- import { d as defineCustomElement$g } from './p-3a621e5d.js';
17
+ import { d as defineCustomElement$g } from './p-e36c8c69.js';
18
18
  import { d as defineCustomElement$f } from './p-b36c979b.js';
19
19
  import { d as defineCustomElement$e } from './p-6c18617e.js';
20
20
  import { d as defineCustomElement$d } from './p-6506ddb4.js';
@@ -25,7 +25,7 @@ import { d as defineCustomElement$9 } from './p-b7d080eb.js';
25
25
  import { d as defineCustomElement$8 } from './p-6719b0d7.js';
26
26
  import { d as defineCustomElement$7 } from './p-62743fd3.js';
27
27
  import { d as defineCustomElement$6 } from './p-cce871bf.js';
28
- import { d as defineCustomElement$5 } from './p-cef9df4b.js';
28
+ import { d as defineCustomElement$5 } from './p-60eb7451.js';
29
29
  import { d as defineCustomElement$4 } from './p-052fcdac.js';
30
30
  import { d as defineCustomElement$3 } from './p-325b3828.js';
31
31
  import { d as defineCustomElement$2 } from './p-4d3b9ee9.js';
package/dist/components/verdocs-build.js CHANGED
@@ -13,7 +13,7 @@ import { d as defineCustomElement$y } from './p-7246d2ee.js';
13
13
  import { d as defineCustomElement$x } from './p-053a0408.js';
14
14
  import { d as defineCustomElement$w } from './p-f21ef4fb.js';
15
15
  import { d as defineCustomElement$v } from './p-5df09a0d.js';
16
- import { d as defineCustomElement$u } from './p-3a621e5d.js';
16
+ import { d as defineCustomElement$u } from './p-e36c8c69.js';
17
17
  import { d as defineCustomElement$t } from './p-b36c979b.js';
18
18
  import { d as defineCustomElement$s } from './p-6c18617e.js';
19
19
  import { d as defineCustomElement$r } from './p-6506ddb4.js';
@@ -24,7 +24,7 @@ import { d as defineCustomElement$n } from './p-1ae5d7e0.js';
24
24
  import { d as defineCustomElement$m } from './p-be261487.js';
25
25
  import { d as defineCustomElement$l } from './p-b7d080eb.js';
26
26
  import { d as defineCustomElement$k } from './p-6719b0d7.js';
27
- import { d as defineCustomElement$j } from './p-f0f1ed82.js';
27
+ import { d as defineCustomElement$j } from './p-ec56d92f.js';
28
28
  import { d as defineCustomElement$i } from './p-a2f6d2c6.js';
29
29
  import { d as defineCustomElement$h } from './p-62743fd3.js';
30
30
  import { d as defineCustomElement$g } from './p-15b1e7a0.js';
@@ -33,11 +33,11 @@ import { d as defineCustomElement$e } from './p-9cfd8022.js';
33
33
  import { d as defineCustomElement$d } from './p-4dd750e9.js';
34
34
  import { d as defineCustomElement$c } from './p-005c3387.js';
35
35
  import { d as defineCustomElement$b } from './p-f7462b26.js';
36
- import { d as defineCustomElement$a } from './p-cef9df4b.js';
36
+ import { d as defineCustomElement$a } from './p-60eb7451.js';
37
37
  import { d as defineCustomElement$9 } from './p-052fcdac.js';
38
- import { d as defineCustomElement$8 } from './p-987a8392.js';
39
- import { d as defineCustomElement$7 } from './p-53585e13.js';
40
- import { d as defineCustomElement$6 } from './p-5de4d4ee.js';
38
+ import { d as defineCustomElement$8 } from './p-fca85ba0.js';
39
+ import { d as defineCustomElement$7 } from './p-9c37d4b3.js';
40
+ import { d as defineCustomElement$6 } from './p-eefda339.js';
41
41
  import { d as defineCustomElement$5 } from './p-325b3828.js';
42
42
  import { d as defineCustomElement$4 } from './p-c00770e6.js';
43
43
  import { d as defineCustomElement$3 } from './p-4d3b9ee9.js';
package/dist/components/verdocs-field-signature.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-3a621e5d.js';
1
+ import { V as VerdocsFieldSignature$1, d as defineCustomElement$1 } from './p-e36c8c69.js';
2
2
 
3
3
  const VerdocsFieldSignature = VerdocsFieldSignature$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/verdocs-preview.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-f0f1ed82.js';
1
+ import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './p-ec56d92f.js';
2
2
 
3
3
  const VerdocsPreview = VerdocsPreview$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/verdocs-sign.js CHANGED
@@ -526,6 +526,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
526
526
  // NOTE: We don't filter on pageNumber here because we need the position in the
527
527
  // entire list to set the tabIndex.
528
528
  const recipientFields = this.getSortedFillableFields();
529
+ console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);
529
530
  // First render the fields for the signer
530
531
  recipientFields.forEach((field, tabIndex) => {
531
532
  if (field.page !== pageInfo.pageNumber) {
package/dist/components/verdocs-template-document-page.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-cef9df4b.js';
1
+ import { V as VerdocsTemplateDocumentPage$1, d as defineCustomElement$1 } from './p-60eb7451.js';
2
2
 
3
3
  const VerdocsTemplateDocumentPage = VerdocsTemplateDocumentPage$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/verdocs-template-fields.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-987a8392.js';
1
+ import { V as VerdocsTemplateFields$1, d as defineCustomElement$1 } from './p-fca85ba0.js';
2
2
 
3
3
  const VerdocsTemplateFields = VerdocsTemplateFields$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/verdocs-template-role-properties.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as VerdocsTemplateRoleProperties$1, d as defineCustomElement$1 } from './p-53585e13.js';
1
+ import { V as VerdocsTemplateRoleProperties$1, d as defineCustomElement$1 } from './p-9c37d4b3.js';
2
2
 
3
3
  const VerdocsTemplateRoleProperties = VerdocsTemplateRoleProperties$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/components/verdocs-template-roles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { V as VerdocsTemplateRoles$1, d as defineCustomElement$1 } from './p-5de4d4ee.js';
1
+ import { V as VerdocsTemplateRoles$1, d as defineCustomElement$1 } from './p-eefda339.js';
2
2
 
3
3
  const VerdocsTemplateRoles = VerdocsTemplateRoles$1;
4
4
  const defineCustomElement = defineCustomElement$1;
package/dist/esm/verdocs-field-attachment_13.entry.js CHANGED
@@ -573,6 +573,7 @@ const VerdocsFieldSignature = class {
573
573
  render() {
574
574
  const { source, sourceid, fieldname, editable = false, done = false, disabled = false, focused, xscale = 1, yscale = 1 } = this;
575
575
  const { index, field } = Store.getField(source, sourceid, fieldname);
576
+ console.log('Signature field', index, getRGBA(index), field);
576
577
  const { required = false, value = '', label = '', settings = {} } = field || {};
577
578
  const { base64 } = settings;
578
579
  const backgroundColor = getRGBA(index);
package/dist/esm/verdocs-menu-panel_2.entry.js CHANGED
@@ -190,7 +190,8 @@ const VerdocsTemplateRoleProperties = class {
190
190
  var _a, _b;
191
191
  const newTemplate = JSON.parse(JSON.stringify(this.template));
192
192
  newTemplate.roles = newTemplate.roles.filter(role => role.name !== this.roleName);
193
- Store.updateTemplate(this.templateId, newTemplate);
193
+ Store.getTemplate(this.endpoint, this.templateId, true);
194
+ // Store.updateTemplate(this.templateId, newTemplate);
194
195
  (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
195
196
  (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
196
197
  })
@@ -204,31 +205,31 @@ const VerdocsTemplateRoleProperties = class {
204
205
  const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
205
206
  // Either all three should be empty, or all three need to be filled
206
207
  const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);
207
- return (h(Host, { key: '33fd4fdb9aab4d7e8db63b8f98803d618f396c7e' }, h("form", { key: 'f0ea5498aecaee8f00c68a60a0c941e1895cf89d', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '0900acf8a16a37b0fb1b6786c41c79f9ba3baee2' }, h("verdocs-text-input", { key: '7c6f93dfbacd951ea086e1f3f67a2ac731649218', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
208
+ return (h(Host, { key: 'a1895798db1e9b9f63c42e79556bdb76029217c2' }, h("form", { key: '8be859da1a954e4d086d630e0d5aeaa991f88640', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'a37025fa1b286d43493bd142f77f8310b02ee701' }, h("verdocs-text-input", { key: 'eea1b7844b0a60c30a6ee50a123399b7fe6fac4a', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
208
209
  this.name = e.target.value;
209
210
  this.dirty = true;
210
- } }), hasFields && h("div", { key: '439e8d7ba00f6f60bfb4c92d3ad7811cbbce6c35', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '622509e07d3329f97b2afe1b812c1920b95d9677' }, h("div", { key: 'da96defab9d0d608bb02292e99a5390613a4face', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '01368605afcbb3d0ea905f3698f7c4bc1946a0ee', value: this.type, options: [
211
+ } }), hasFields && h("div", { key: '5945d4e7a64f9b4a513bbd975fb821f662e452a4', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '14cfb01f29a5889f1fcb2c90366ba4f215341a2c' }, h("div", { key: '9095e3b2f1f378c9d3937898ca68d6742d89be54', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'b07e4afc086e7d1563f58bb3c43aa0d909d8a65e', value: this.type, options: [
211
212
  { label: 'Signer', value: 'signer' },
212
213
  { label: 'CC', value: 'cc' },
213
214
  { label: 'Approver', value: 'approver' },
214
215
  ], onInput: (e) => {
215
216
  this.type = e.target.value;
216
217
  this.dirty = true;
217
- } })), h("div", { key: '8a6c71ab8a7566e9d2cfd942c72ec44c7966e6a8' }, h("div", { key: '41ce817a89e963dd8aa4ce49cc27871994b69e2a', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'e4b958063bc92d3df34bcb9314ff9c931c6a4993', class: "first-last" }, h("verdocs-text-input", { key: 'cde6107c9d66e786dc17f6ce825a9dc1bf6e101e', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
218
+ } })), h("div", { key: '5e1ed5226be0707cc5430c1e7bd38ad6e4df5dd5' }, h("div", { key: 'fc4a467cb0da25a80c421134c8226480369d2a83', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'f6cb36cde86b8067c374e4bf0cffa6549851888d', class: "first-last" }, h("verdocs-text-input", { key: 'a52d5426c87419f45482ef6004ef11597400ea87', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
218
219
  this.first_name = e.target.value;
219
220
  this.dirty = true;
220
- } }), h("verdocs-text-input", { key: '219e51d998390ea3a297b40867cd3e908374938a', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
221
+ } }), h("verdocs-text-input", { key: 'b9035b299231319dce05f19c15c4d427ad6cd2f3', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
221
222
  this.last_name = e.target.value;
222
223
  this.dirty = true;
223
- } }))), h("div", { key: '95f56626e28d1ab8e82af7954012b34e36ecdc19' }, h("verdocs-text-input", { key: '1e676e75b29e8dc63711c9a4c3de95cd2d88b6cc', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
224
+ } }))), h("div", { key: 'd42c1ce5ae61db11a0ac32b3fa7bc3816e3068c6' }, h("verdocs-text-input", { key: '63436a7be6b3f35c2341dc88d137bd2f6b061978', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
224
225
  this.email = e.target.value;
225
226
  this.dirty = true;
226
- } }), h("div", { key: 'f298189867060ffbfb977da4b0f6cd4c69dce71f', style: { height: '15px' } }), h("div", { key: '71a8079b3751957cd135a2c736a3b59624f77bd4' }, h("verdocs-text-input", { key: '2ff08fdee843a2c4c72769b8bbe50f48608b6a08', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
227
+ } }), h("div", { key: '5a7ed36cfa657fb9ee11cf62998abbab2cc641e9', style: { height: '15px' } }), h("div", { key: 'c974f4e78235706788dfa54f69f6f5ec7d37d00e' }, h("verdocs-text-input", { key: '2be4c29396c6e6bc4f687819646ea219fce97e82', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
227
228
  // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
228
229
  placeholder: "Phone Number...", onInput: (e) => {
229
230
  this.phone = e.target.value;
230
231
  this.dirty = true;
231
- } }))), h("div", { key: '30b10e1c20ace197aa67dedcabef9adf2206bbf1', class: "buttons" }, h("button", { key: '52ccaafe4e4f51d2b994813538d33443c79da0ed', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '49dcb63a78d83f03e8b434adeca3cf60082de647', style: { flex: '1' } }), h("verdocs-button", { key: '70b8347ddba86faf658cae033de62b9dab14aeab', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
232
+ } }))), h("div", { key: 'a0eba03681cab8b491e5bd833c9d718d85979d92', class: "buttons" }, h("button", { key: '145ae41f583a843a6e64743b9f18a0f3c23c370c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'e81da0df0eceae434bb1fbaa5b642edacc978a4a', style: { flex: '1' } }), h("verdocs-button", { key: 'bb0cd0eae3b51a84b2729531508d888cb03dad10', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
232
233
  }
233
234
  };
234
235
  VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
package/dist/esm/verdocs-sign.entry.js CHANGED
@@ -518,6 +518,7 @@ const VerdocsSign = class {
518
518
  // NOTE: We don't filter on pageNumber here because we need the position in the
519
519
  // entire list to set the tabIndex.
520
520
  const recipientFields = this.getSortedFillableFields();
521
+ console.log('[SIGN] Rendering fields for page', pageInfo.pageNumber, recipientFields);
521
522
  // First render the fields for the signer
522
523
  recipientFields.forEach((field, tabIndex) => {
523
524
  if (field.page !== pageInfo.pageNumber) {