@verdocs/web-sdk 4.2.129 → 4.2.130

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.
@@ -329,11 +329,13 @@ const VerdocsFieldDropdown = class {
329
329
  this.focused = false;
330
330
  }
331
331
  async focusField() {
332
+ var _a;
332
333
  // Our input field is fake, so we fake the flash too
333
334
  this.focused = true;
334
335
  setTimeout(() => {
335
336
  this.focused = false;
336
337
  }, 500);
338
+ (_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
337
339
  }
338
340
  handleChange(e) {
339
341
  this.fieldChange.emit(e.target.value);
@@ -365,7 +367,7 @@ const VerdocsFieldDropdown = class {
365
367
  // TODO: Look for other places this mistaken assumption was made.
366
368
  // Defaults only apply in destructuring if undefined. null doesn't trigger it.
367
369
  options || (options = []);
368
- return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, index.h("option", { value: "" }, "Select..."), options.map(option => (index.h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && index.h("option", { value: "NA" }, "N/A")), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
370
+ return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), index.h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, index.h("option", { value: "" }, "Select..."), options.map(option => (index.h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && index.h("option", { value: "NA" }, "N/A")), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
369
371
  e.stopPropagation();
370
372
  this.showingProperties = !this.showingProperties;
371
373
  } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -624,9 +626,9 @@ const VerdocsFieldSignature = class {
624
626
  const { base64 } = field.settings || {};
625
627
  const backgroundColor = jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role_name));
626
628
  if (done) {
627
- return index.h(index.Host, { class: { done } }, value && index.h("img", { src: base64, alt: "Signature" }));
629
+ return index.h(index.Host, { class: { done } }, value && index.h("img", { src: base64, alt: "" }));
628
630
  }
629
- return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), base64 ? index.h("img", { src: base64, alt: "Signature" }) : index.h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
631
+ return (index.h(index.Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && index.h("label", null, label), base64 ? index.h("img", { src: base64, alt: "" }) : index.h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (index.h(index.Fragment, null, index.h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: Icons.SettingsIcon, onClick: (e) => {
630
632
  e.stopPropagation();
631
633
  this.showingProperties = !this.showingProperties;
632
634
  } }), this.showingProperties && (index.h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, index.h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
@@ -422,7 +422,7 @@ const VerdocsSign = class {
422
422
  }
423
423
  }
424
424
  else {
425
- console.log('[SIGN] Invalid fields remaining', invalidFields);
425
+ console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
426
426
  this.nextButtonLabel = 'Next';
427
427
  this.nextSubmits = false;
428
428
  }
@@ -426,7 +426,7 @@ export class VerdocsSign {
426
426
  }
427
427
  }
428
428
  else {
429
- console.log('[SIGN] Invalid fields remaining', invalidFields);
429
+ console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
430
430
  this.nextButtonLabel = 'Next';
431
431
  this.nextSubmits = false;
432
432
  }
@@ -23,11 +23,13 @@ export class VerdocsFieldDropdown {
23
23
  this.focused = false;
24
24
  }
25
25
  async focusField() {
26
+ var _a;
26
27
  // Our input field is fake, so we fake the flash too
27
28
  this.focused = true;
28
29
  setTimeout(() => {
29
30
  this.focused = false;
30
31
  }, 500);
32
+ (_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
31
33
  }
32
34
  handleChange(e) {
33
35
  this.fieldChange.emit(e.target.value);
@@ -59,7 +61,7 @@ export class VerdocsFieldDropdown {
59
61
  // TODO: Look for other places this mistaken assumption was made.
60
62
  // Defaults only apply in destructuring if undefined. null doesn't trigger it.
61
63
  options || (options = []);
62
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
64
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
63
65
  e.stopPropagation();
64
66
  this.showingProperties = !this.showingProperties;
65
67
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -79,9 +79,9 @@ export class VerdocsFieldSignature {
79
79
  const { base64 } = field.settings || {};
80
80
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
81
81
  if (done) {
82
- return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "Signature" }));
82
+ return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "" }));
83
83
  }
84
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
84
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
85
85
  e.stopPropagation();
86
86
  this.showingProperties = !this.showingProperties;
87
87
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
@@ -37,11 +37,13 @@ const VerdocsFieldDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsField
37
37
  this.focused = false;
38
38
  }
39
39
  async focusField() {
40
+ var _a;
40
41
  // Our input field is fake, so we fake the flash too
41
42
  this.focused = true;
42
43
  setTimeout(() => {
43
44
  this.focused = false;
44
45
  }, 500);
46
+ (_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
45
47
  }
46
48
  handleChange(e) {
47
49
  this.fieldChange.emit(e.target.value);
@@ -73,7 +75,7 @@ const VerdocsFieldDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsField
73
75
  // TODO: Look for other places this mistaken assumption was made.
74
76
  // Defaults only apply in destructuring if undefined. null doesn't trigger it.
75
77
  options || (options = []);
76
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
78
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
77
79
  e.stopPropagation();
78
80
  this.showingProperties = !this.showingProperties;
79
81
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -89,9 +89,9 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
89
89
  const { base64 } = field.settings || {};
90
90
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
91
91
  if (done) {
92
- return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "Signature" }));
92
+ return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "" }));
93
93
  }
94
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
94
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
95
95
  e.stopPropagation();
96
96
  this.showingProperties = !this.showingProperties;
97
97
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
@@ -425,7 +425,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsSign extends
425
425
  }
426
426
  }
427
427
  else {
428
- console.log('[SIGN] Invalid fields remaining', invalidFields);
428
+ console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
429
429
  this.nextButtonLabel = 'Next';
430
430
  this.nextSubmits = false;
431
431
  }
@@ -325,11 +325,13 @@ const VerdocsFieldDropdown = class {
325
325
  this.focused = false;
326
326
  }
327
327
  async focusField() {
328
+ var _a;
328
329
  // Our input field is fake, so we fake the flash too
329
330
  this.focused = true;
330
331
  setTimeout(() => {
331
332
  this.focused = false;
332
333
  }, 500);
334
+ (_a = this.selectEl) === null || _a === void 0 ? void 0 : _a.showPicker();
333
335
  }
334
336
  handleChange(e) {
335
337
  this.fieldChange.emit(e.target.value);
@@ -361,7 +363,7 @@ const VerdocsFieldDropdown = class {
361
363
  // TODO: Look for other places this mistaken assumption was made.
362
364
  // Defaults only apply in destructuring if undefined. null doesn't trigger it.
363
365
  options || (options = []);
364
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
366
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), h("select", { disabled: disabled, onChange: e => this.handleChange(e), ref: el => (this.selectEl = el) }, h("option", { value: "" }, "Select..."), options.map(option => (h("option", { value: option.id, selected: option.id === value }, option.label))), !options.length && h("option", { value: "NA" }, "N/A")), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
365
367
  e.stopPropagation();
366
368
  this.showingProperties = !this.showingProperties;
367
369
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -620,9 +622,9 @@ const VerdocsFieldSignature = class {
620
622
  const { base64 } = field.settings || {};
621
623
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
622
624
  if (done) {
623
- return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "Signature" }));
625
+ return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "" }));
624
626
  }
625
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
627
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
626
628
  e.stopPropagation();
627
629
  this.showingProperties = !this.showingProperties;
628
630
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
@@ -418,7 +418,7 @@ const VerdocsSign = class {
418
418
  }
419
419
  }
420
420
  else {
421
- console.log('[SIGN] Invalid fields remaining', invalidFields);
421
+ console.log('[SIGN] Invalid fields remaining', invalidFields.map(field => field.name));
422
422
  this.nextButtonLabel = 'Next';
423
423
  this.nextSubmits = false;
424
424
  }