@verdocs/web-sdk 2.3.54 → 2.3.56

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 (183) hide show
  1. package/dist/cjs/{TemplateRoleStore-df60674d.js → TemplateRoleStore-94afc2b0.js} +4 -2
  2. package/dist/cjs/{TemplateStore-2432259f.js → TemplateStore-ccf29182.js} +1 -1
  3. package/dist/cjs/{_commonjsHelpers-1fbbf0eb.js → _commonjsHelpers-0c557e26.js} +5 -0
  4. package/dist/cjs/{interact.min-a61b43b3.js → interact.min-49218928.js} +1 -1
  5. package/dist/cjs/ipc-test.cjs.entry.js +2 -2
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/{utils-ac526133.js → utils-31385d19.js} +3 -3
  8. package/dist/cjs/verdocs-build.cjs.entry.js +3 -3
  9. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +2 -2
  10. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +2 -2
  11. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +2 -2
  12. package/dist/cjs/verdocs-field-attachment.cjs.entry.js +3 -3
  13. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +3 -3
  14. package/dist/cjs/verdocs-field-date.cjs.entry.js +43 -2572
  15. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +3 -3
  16. package/dist/cjs/verdocs-field-initial.cjs.entry.js +3 -3
  17. package/dist/cjs/verdocs-field-payment.cjs.entry.js +3 -3
  18. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +3 -3
  19. package/dist/cjs/verdocs-field-signature.cjs.entry.js +3 -3
  20. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +4 -4
  21. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +4 -4
  22. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +3 -3
  23. package/dist/cjs/verdocs-pagination_2.cjs.entry.js +2 -2
  24. package/dist/cjs/verdocs-portal_2.cjs.entry.js +3 -3
  25. package/dist/cjs/verdocs-preview_8.cjs.entry.js +4 -4
  26. package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +2 -2
  27. package/dist/cjs/verdocs-sign.cjs.entry.js +7 -3
  28. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +2 -2
  29. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +5 -5
  30. package/dist/cjs/verdocs-view.cjs.entry.js +2 -2
  31. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  32. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +2 -2
  33. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +5 -1
  34. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.css +780 -4
  35. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +38 -24
  36. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.stories.js +16 -6
  37. package/dist/collection/utils/TemplateRoleStore.js +4 -2
  38. package/dist/collection/utils/utils.js +2 -2
  39. package/dist/components/TemplateRoleStore.js +4 -2
  40. package/dist/components/_commonjsHelpers.js +5 -1
  41. package/dist/components/interact.min.js +1 -1
  42. package/dist/components/utils.js +3 -3
  43. package/dist/components/verdocs-build.js +2 -2
  44. package/dist/components/verdocs-field-date.js +44 -2571
  45. package/dist/components/verdocs-sign.js +5 -1
  46. package/dist/components/verdocs-template-field-properties2.js +1 -1
  47. package/dist/docs.json +16 -1
  48. package/dist/esm/{TemplateRoleStore-ab81bc7d.js → TemplateRoleStore-447f2cb6.js} +4 -2
  49. package/dist/esm/{TemplateStore-e58662d8.js → TemplateStore-f752d353.js} +1 -1
  50. package/dist/esm/{_commonjsHelpers-8a9f3b18.js → _commonjsHelpers-5ec8f9b7.js} +5 -1
  51. package/dist/esm/{interact.min-6a7b19a1.js → interact.min-ef12935a.js} +1 -1
  52. package/dist/esm/ipc-test.entry.js +2 -2
  53. package/dist/esm/loader.js +1 -1
  54. package/dist/esm/{utils-d081a2b9.js → utils-86fc7318.js} +3 -3
  55. package/dist/esm/verdocs-build.entry.js +4 -4
  56. package/dist/esm/verdocs-contact-picker_2.entry.js +2 -2
  57. package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
  58. package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
  59. package/dist/esm/verdocs-field-attachment.entry.js +3 -3
  60. package/dist/esm/verdocs-field-checkbox.entry.js +3 -3
  61. package/dist/esm/verdocs-field-date.entry.js +43 -2572
  62. package/dist/esm/verdocs-field-dropdown.entry.js +3 -3
  63. package/dist/esm/verdocs-field-initial.entry.js +3 -3
  64. package/dist/esm/verdocs-field-payment.entry.js +3 -3
  65. package/dist/esm/verdocs-field-radio-button.entry.js +3 -3
  66. package/dist/esm/verdocs-field-signature.entry.js +3 -3
  67. package/dist/esm/verdocs-field-textarea.entry.js +4 -4
  68. package/dist/esm/verdocs-field-textbox.entry.js +4 -4
  69. package/dist/esm/verdocs-field-timestamp.entry.js +3 -3
  70. package/dist/esm/verdocs-pagination_2.entry.js +2 -2
  71. package/dist/esm/verdocs-portal_2.entry.js +3 -3
  72. package/dist/esm/verdocs-preview_8.entry.js +4 -4
  73. package/dist/esm/verdocs-settings-api-keys_4.entry.js +2 -2
  74. package/dist/esm/verdocs-sign.entry.js +7 -3
  75. package/dist/esm/verdocs-template-document-page_2.entry.js +2 -2
  76. package/dist/esm/verdocs-template-fields_4.entry.js +5 -5
  77. package/dist/esm/verdocs-view.entry.js +2 -2
  78. package/dist/esm/verdocs-web-sdk.js +1 -1
  79. package/dist/esm-es5/{TemplateRoleStore-ab81bc7d.js → TemplateRoleStore-447f2cb6.js} +1 -1
  80. package/dist/esm-es5/{TemplateStore-e58662d8.js → TemplateStore-f752d353.js} +1 -1
  81. package/dist/esm-es5/_commonjsHelpers-5ec8f9b7.js +1 -0
  82. package/dist/esm-es5/{interact.min-6a7b19a1.js → interact.min-ef12935a.js} +1 -1
  83. package/dist/esm-es5/ipc-test.entry.js +1 -1
  84. package/dist/esm-es5/loader.js +1 -1
  85. package/dist/esm-es5/{utils-d081a2b9.js → utils-86fc7318.js} +2 -2
  86. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  87. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  88. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  89. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  90. package/dist/esm-es5/verdocs-field-attachment.entry.js +1 -1
  91. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  92. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  93. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  94. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  95. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  96. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  97. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  98. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  99. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  100. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  101. package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
  102. package/dist/esm-es5/verdocs-portal_2.entry.js +1 -1
  103. package/dist/esm-es5/verdocs-preview_8.entry.js +1 -1
  104. package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -1
  105. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  106. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  107. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  108. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  109. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  110. package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts +4 -0
  111. package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.stories.d.ts +2 -1
  112. package/dist/types/components.d.ts +8 -0
  113. package/dist/types/utils/utils.d.ts +1 -1
  114. package/dist/verdocs-web-sdk/{p-e2ff37fb.system.js → p-015163c1.system.js} +1 -1
  115. package/dist/verdocs-web-sdk/{p-4381d111.js → p-01d02174.js} +1 -1
  116. package/dist/verdocs-web-sdk/{p-6d9b0e86.system.entry.js → p-0fd03f17.system.entry.js} +1 -1
  117. package/dist/verdocs-web-sdk/{p-fdc3c9e9.system.entry.js → p-16cc9e91.system.entry.js} +1 -1
  118. package/dist/verdocs-web-sdk/{p-da9462c7.entry.js → p-1b9f1492.entry.js} +1 -1
  119. package/dist/verdocs-web-sdk/{p-6d8bdea4.entry.js → p-202a5368.entry.js} +1 -1
  120. package/dist/verdocs-web-sdk/{p-19f1e596.system.entry.js → p-22275b64.system.entry.js} +1 -1
  121. package/dist/verdocs-web-sdk/{p-a2a8b70e.system.entry.js → p-2407c719.system.entry.js} +1 -1
  122. package/dist/verdocs-web-sdk/{p-ac6d0fb0.entry.js → p-2bb8b0c0.entry.js} +1 -1
  123. package/dist/verdocs-web-sdk/{p-c4497f14.system.entry.js → p-30265ae4.system.entry.js} +1 -1
  124. package/dist/verdocs-web-sdk/{p-45a5c4fd.entry.js → p-307d6d0d.entry.js} +1 -1
  125. package/dist/verdocs-web-sdk/{p-c3c142f0.entry.js → p-32076544.entry.js} +1 -1
  126. package/dist/verdocs-web-sdk/{p-f5e6c2a8.system.entry.js → p-34832c03.system.entry.js} +1 -1
  127. package/dist/verdocs-web-sdk/{p-4a418cd6.entry.js → p-43a78ea1.entry.js} +1 -1
  128. package/dist/verdocs-web-sdk/{p-15259f81.system.entry.js → p-4b740499.system.entry.js} +1 -1
  129. package/dist/verdocs-web-sdk/p-4b8a5a4e.system.entry.js +1 -0
  130. package/dist/verdocs-web-sdk/{p-915883e6.js → p-4bda4c50.js} +1 -1
  131. package/dist/verdocs-web-sdk/{p-134a9e59.entry.js → p-50a552a9.entry.js} +1 -1
  132. package/dist/verdocs-web-sdk/{p-56da687c.system.entry.js → p-522f19d0.system.entry.js} +1 -1
  133. package/dist/verdocs-web-sdk/{p-07c30f7e.entry.js → p-6190eb2d.entry.js} +1 -1
  134. package/dist/verdocs-web-sdk/{p-9e5f5fab.system.entry.js → p-66b9d77e.system.entry.js} +1 -1
  135. package/dist/verdocs-web-sdk/p-6a5fbeb0.entry.js +1 -0
  136. package/dist/verdocs-web-sdk/{p-d72dc783.system.entry.js → p-6bae71c2.system.entry.js} +1 -1
  137. package/dist/verdocs-web-sdk/{p-a91615c2.system.entry.js → p-712e8341.system.entry.js} +1 -1
  138. package/dist/verdocs-web-sdk/{p-ba2aa74b.entry.js → p-77898b84.entry.js} +1 -1
  139. package/dist/verdocs-web-sdk/{p-7e327308.system.js → p-79965a5a.system.js} +1 -1
  140. package/dist/verdocs-web-sdk/{p-5af8ef19.system.entry.js → p-7c40ab4b.system.entry.js} +1 -1
  141. package/dist/verdocs-web-sdk/{p-c152dbfa.system.js → p-8324a7a3.system.js} +1 -1
  142. package/dist/verdocs-web-sdk/{p-edc3ba11.entry.js → p-83a1476c.entry.js} +1 -1
  143. package/dist/verdocs-web-sdk/{p-317e0c68.system.entry.js → p-8bf9acf4.system.entry.js} +1 -1
  144. package/dist/verdocs-web-sdk/{p-c90481a4.system.js → p-90a1755f.system.js} +2 -2
  145. package/dist/verdocs-web-sdk/{p-f857fd8f.entry.js → p-9365abef.entry.js} +1 -1
  146. package/dist/verdocs-web-sdk/{p-c0d7a4d3.system.entry.js → p-946903f3.system.entry.js} +1 -1
  147. package/dist/verdocs-web-sdk/{p-6c9a39a1.system.entry.js → p-98a3b8fb.system.entry.js} +1 -1
  148. package/dist/verdocs-web-sdk/{p-c6fb227b.system.entry.js → p-98f91a5e.system.entry.js} +1 -1
  149. package/dist/verdocs-web-sdk/{p-ba78525b.entry.js → p-a1ccd671.entry.js} +1 -1
  150. package/dist/verdocs-web-sdk/{p-94e302e4.system.entry.js → p-a604c1ad.system.entry.js} +1 -1
  151. package/dist/verdocs-web-sdk/p-a8e21954.entry.js +1 -0
  152. package/dist/verdocs-web-sdk/{p-69869b1c.entry.js → p-a9934632.entry.js} +1 -1
  153. package/dist/verdocs-web-sdk/p-aecd8680.entry.js +1 -0
  154. package/dist/verdocs-web-sdk/p-b086f9be.js +1 -0
  155. package/dist/verdocs-web-sdk/{p-294e3558.entry.js → p-b3c78f12.entry.js} +1 -1
  156. package/dist/verdocs-web-sdk/{p-4f267750.system.entry.js → p-bb2006de.system.entry.js} +1 -1
  157. package/dist/verdocs-web-sdk/p-bbee73c8.system.js +1 -0
  158. package/dist/verdocs-web-sdk/{p-8b111775.system.entry.js → p-c9716926.system.entry.js} +1 -1
  159. package/dist/verdocs-web-sdk/{p-faaebd8c.entry.js → p-cee12c63.entry.js} +1 -1
  160. package/dist/verdocs-web-sdk/{p-e2a3fd70.entry.js → p-d3942875.entry.js} +1 -1
  161. package/dist/verdocs-web-sdk/{p-b26e1fd0.entry.js → p-e10bd7a0.entry.js} +1 -1
  162. package/dist/verdocs-web-sdk/{p-a3326659.entry.js → p-e2a8ce1d.entry.js} +1 -1
  163. package/dist/verdocs-web-sdk/p-eab67c09.js +1 -0
  164. package/dist/verdocs-web-sdk/{p-140b8c97.entry.js → p-ecc85500.entry.js} +1 -1
  165. package/dist/verdocs-web-sdk/{p-2c1bac85.entry.js → p-ef1f4d49.entry.js} +1 -1
  166. package/dist/verdocs-web-sdk/p-f04bf956.system.js +1 -1
  167. package/dist/verdocs-web-sdk/{p-34f03fee.js → p-f0dd9355.js} +2 -2
  168. package/dist/verdocs-web-sdk/{p-7ae877b4.system.entry.js → p-f23af885.system.entry.js} +1 -1
  169. package/dist/verdocs-web-sdk/p-f3d8315a.system.entry.js +1 -0
  170. package/dist/verdocs-web-sdk/{p-1a70513e.system.entry.js → p-f55038fc.system.entry.js} +1 -1
  171. package/dist/verdocs-web-sdk/{p-6372a9cd.entry.js → p-f68c15fb.entry.js} +1 -1
  172. package/dist/verdocs-web-sdk/{p-d2cb6581.system.entry.js → p-f8f703bb.system.entry.js} +1 -1
  173. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  174. package/package.json +2 -1
  175. package/dist/esm-es5/_commonjsHelpers-8a9f3b18.js +0 -1
  176. package/dist/verdocs-web-sdk/p-10c3acb5.entry.js +0 -1
  177. package/dist/verdocs-web-sdk/p-1ba9f457.system.js +0 -1
  178. package/dist/verdocs-web-sdk/p-4d70fdff.system.entry.js +0 -1
  179. package/dist/verdocs-web-sdk/p-4fe45c9e.system.entry.js +0 -1
  180. package/dist/verdocs-web-sdk/p-7d5dbd9a.js +0 -1
  181. package/dist/verdocs-web-sdk/p-7e4bacc0.js +0 -1
  182. package/dist/verdocs-web-sdk/p-8f7f88bb.entry.js +0 -1
  183. package/dist/verdocs-web-sdk/p-a1107387.entry.js +0 -1
@@ -1,5 +1,6 @@
1
1
  import { format } from 'date-fns';
2
- import flatpickr from 'flatpickr';
2
+ import AirDatepicker from 'air-datepicker';
3
+ import localeEn from 'air-datepicker/locale/en';
3
4
  import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
4
5
  import { h, Host, Fragment } from '@stencil/core';
5
6
  import { getRoleIndex, getTemplateRoleStore } from '../../../utils/TemplateRoleStore';
@@ -22,6 +23,7 @@ export class VerdocsFieldDate {
22
23
  this.done = false;
23
24
  this.xscale = 1;
24
25
  this.yscale = 1;
26
+ this.field = undefined;
25
27
  this.containerId = `verdocs-date-picker-${Math.random().toString(36).substring(2, 11)}`;
26
28
  this.showingProperties = false;
27
29
  }
@@ -29,28 +31,24 @@ export class VerdocsFieldDate {
29
31
  this.el.focus();
30
32
  }
31
33
  async componentWillLoad() {
34
+ if (this.field) {
35
+ const ts = getTemplateFieldStore(this.templateid);
36
+ ts.set('fields', [...ts.get('fields'), this.field]);
37
+ }
32
38
  this.fieldStore = getTemplateFieldStore(this.templateid);
33
39
  this.roleStore = getTemplateRoleStore(this.templateid);
34
40
  }
35
41
  componentDidLoad() {
36
- const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
37
- const { result } = getFieldSettings(field);
38
- flatpickr('#' + this.containerId, {
39
- positionElement: this.el,
40
- // NOTE: This uses different tokens from date-fns::format().
41
- // See https://flatpickr.js.org/formatting/.
42
- dateFormat: 'Y-m-d',
43
- defaultDate: result,
44
- onChange: selectedDate => {
45
- console.log('Selected date', selectedDate[0]);
46
- this.el.setAttribute('iso', selectedDate[0].toISOString());
42
+ new AirDatepicker(`#${this.containerId}`, {
43
+ locale: localeEn,
44
+ isMobile: true,
45
+ autoClose: true,
46
+ onSelect: ({ date, formattedDate }) => {
47
+ console.log('Selected date', formattedDate, date);
47
48
  const event = new window.Event('input');
48
49
  this.el.dispatchEvent(event);
49
50
  },
50
51
  });
51
- // this.el.addEventListener('changeDate', (e: any) => {
52
- // console.log('changeDate', e.detail.date.toISOString());
53
- // });
54
52
  }
55
53
  async showSettingsPanel() {
56
54
  const settingsPanel = document.getElementById(`verdocs-settings-panel-${this.fieldname}`);
@@ -68,24 +66,20 @@ export class VerdocsFieldDate {
68
66
  render() {
69
67
  var _a, _b;
70
68
  const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
71
- const roleIndex = getRoleIndex(this.roleStore, field.role_name);
72
- const backgroundColor = field['rgba'] || getRGBA(roleIndex);
73
- console.log('role index', roleIndex, field, backgroundColor);
74
- if (!field) {
75
- return h(Fragment, null);
76
- }
69
+ const roleIndex = getRoleIndex(this.roleStore, field === null || field === void 0 ? void 0 : field.role_name);
70
+ const backgroundColor = (field === null || field === void 0 ? void 0 : field['rgba']) || getRGBA(roleIndex);
77
71
  const settings = getFieldSettings(field);
78
72
  const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
79
73
  if (this.done) {
80
74
  const formatted = (settings === null || settings === void 0 ? void 0 : settings.result) ? format(new Date(settings === null || settings === void 0 ? void 0 : settings.result), FORMAT_DATE) : '';
81
75
  return h(Host, { class: { done: this.done } }, formatted);
82
76
  }
83
- return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, h("input", { name: field.name, class: "input-el", type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, ref: el => (this.el = el) }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
77
+ return (h(Host, { class: { required: field === null || field === void 0 ? void 0 : field.required, disabled }, style: { backgroundColor } }, h("input", { name: field === null || field === void 0 ? void 0 : field.name, class: "input-el", type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, ref: el => (this.el = el) }), this.editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${field.name}`, style: { transform: `scale(${Math.floor((1 / this.xscale) * 1000) / 1000}, ${Math.floor((1 / this.yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
84
78
  e.stopPropagation();
85
79
  this.showingProperties = !this.showingProperties;
86
- } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
80
+ } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${field.name}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: field === null || field === void 0 ? void 0 : field.name, onClose: () => (this.showingProperties = false), onDelete: () => {
87
81
  var _a;
88
- (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name });
82
+ (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field === null || field === void 0 ? void 0 : field.name });
89
83
  return this.hideSettingsPanel();
90
84
  }, onSettingsChanged: e => {
91
85
  var _a;
@@ -249,6 +243,26 @@ export class VerdocsFieldDate {
249
243
  "attribute": "yscale",
250
244
  "reflect": false,
251
245
  "defaultValue": "1"
246
+ },
247
+ "field": {
248
+ "type": "unknown",
249
+ "mutable": false,
250
+ "complexType": {
251
+ "original": "ITemplateField",
252
+ "resolved": "ITemplateField",
253
+ "references": {
254
+ "ITemplateField": {
255
+ "location": "import",
256
+ "path": "@verdocs/js-sdk/Templates/Types"
257
+ }
258
+ }
259
+ },
260
+ "required": false,
261
+ "optional": true,
262
+ "docs": {
263
+ "tags": [],
264
+ "text": "If set, the field will be be scaled vertically by this factor."
265
+ }
252
266
  }
253
267
  };
254
268
  }
@@ -1,17 +1,27 @@
1
1
  import { html } from 'lit-html';
2
+ const templateId = 'd501d2df-b604-455d-a2fc-953d947cf79d';
2
3
  export default {
3
4
  title: 'Fields/Date',
4
5
  component: 'verdocs-field-date',
5
6
  args: {
6
7
  field: {
7
- settings: {
8
- x: 0,
9
- y: 0,
10
- required: true,
11
- },
8
+ template_id: templateId,
9
+ document_id: templateId,
10
+ type: 'date',
11
+ required: true,
12
+ page_sequence: 1,
13
+ tabindex: 0,
14
+ x: 0,
15
+ y: 0,
16
+ width: 100,
17
+ height: 50,
18
+ role_name: 'storybook',
19
+ name: 'date',
20
+ setting: { x: 0, y: 0, required: true },
12
21
  },
13
22
  disabled: false,
23
+ roles: [{ template_id: templateId, name: 'date', type: 'signer', sequence: 1, order: 1 }],
14
24
  },
15
25
  argTypes: {},
16
26
  };
17
- export const Date = ({ field, disabled }) => html `<verdocs-field-date .field="${field}" .disabled="${disabled}" />`;
27
+ export const Date = ({ field, roles, disabled }) => html `<verdocs-field-date .templateid="${templateId}" .field="${field}" .roles="${roles}" .disabled="${disabled}" />`;
@@ -31,5 +31,7 @@ export const deleteStoreRole = (store, name) => {
31
31
  const newRoles = [...store.get('roles').filter(field => field.name !== name)];
32
32
  store.set('roles', newRoles);
33
33
  };
34
- export const getRoleNames = (store) => store.get('roles').map(role => role.name);
35
- export const getRoleIndex = (store, name) => getRoleNames(store).findIndex(roleName => roleName === name);
34
+ export const getRoleNames = (store) => (store.get('roles') || []).map(role => role.name);
35
+ export const getRoleIndex = (store, name) => {
36
+ return Math.max(getRoleNames(store).findIndex(roleName => roleName === name), 0);
37
+ };
@@ -250,10 +250,10 @@ export const renderDocumentField = (field, docPage, fieldOptions) => {
250
250
  // TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,
251
251
  // but then merge the SDK types to encourage developers to use just `settings`.
252
252
  export const getFieldSettings = (field) => {
253
- if (field.setting) {
253
+ if (field && field.setting) {
254
254
  return field.setting;
255
255
  }
256
- if (field.settings) {
256
+ if (field && field.settings) {
257
257
  return field.settings;
258
258
  }
259
259
  return { x: 0, y: 0, required: false, disabled: false, result: '', value: '' };
@@ -32,7 +32,9 @@ const deleteStoreRole = (store, name) => {
32
32
  const newRoles = [...store.get('roles').filter(field => field.name !== name)];
33
33
  store.set('roles', newRoles);
34
34
  };
35
- const getRoleNames = (store) => store.get('roles').map(role => role.name);
36
- const getRoleIndex = (store, name) => getRoleNames(store).findIndex(roleName => roleName === name);
35
+ const getRoleNames = (store) => (store.get('roles') || []).map(role => role.name);
36
+ const getRoleIndex = (store, name) => {
37
+ return Math.max(getRoleNames(store).findIndex(roleName => roleName === name), 0);
38
+ };
37
39
 
38
40
  export { getRoleIndex as a, getRoleNames as b, createTemplateRoleStore as c, deleteStoreRole as d, getTemplateRoleStore as g, updateStoreRole as u };
@@ -1,5 +1,9 @@
1
1
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
2
2
 
3
+ function getDefaultExportFromCjs (x) {
4
+ return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
5
+ }
6
+
3
7
  function createCommonjsModule(fn, basedir, module) {
4
8
  return module = {
5
9
  path: basedir,
@@ -14,4 +18,4 @@ function commonjsRequire () {
14
18
  throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
15
19
  }
16
20
 
17
- export { createCommonjsModule as a, commonjsRequire as b, commonjsGlobal as c };
21
+ export { commonjsGlobal as a, commonjsRequire as b, createCommonjsModule as c, getDefaultExportFromCjs as g };
@@ -1,4 +1,4 @@
1
- import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers.js';
1
+ import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
2
2
 
3
3
  var interact_min = createCommonjsModule(function (module, exports) {
4
4
  /* interact.js 1.10.26 | https://raw.github.com/taye/interact.js/main/LICENSE */
@@ -1,4 +1,4 @@
1
- import { a as createCommonjsModule, c as commonjsGlobal, b as commonjsRequire } from './_commonjsHelpers.js';
1
+ import { c as createCommonjsModule, a as commonjsGlobal, b as commonjsRequire } from './_commonjsHelpers.js';
2
2
  import { k as getEnvelopeFile, m as getFieldAttachment } from './Envelopes.js';
3
3
  import './Types.js';
4
4
  import { d as downloadBlob } from './Files.js';
@@ -271,10 +271,10 @@ const renderDocumentField = (field, docPage, fieldOptions) => {
271
271
  // TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,
272
272
  // but then merge the SDK types to encourage developers to use just `settings`.
273
273
  const getFieldSettings = (field) => {
274
- if (field.setting) {
274
+ if (field && field.setting) {
275
275
  return field.setting;
276
276
  }
277
- if (field.settings) {
277
+ if (field && field.settings) {
278
278
  return field.settings;
279
279
  }
280
280
  return { x: 0, y: 0, required: false, disabled: false, result: '', value: '' };
@@ -1,4 +1,4 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
1
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
2
  import './Types.js';
3
3
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
4
  import { g as getTemplateStore } from './TemplateStore.js';
@@ -83,7 +83,7 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
83
83
  if (templateId) {
84
84
  console.log('Loading store', templateId);
85
85
  this.store = await getTemplateStore(this.endpoint, templateId, false);
86
- forceUpdate(this.el);
86
+ // forceUpdate(this.el);
87
87
  }
88
88
  }
89
89
  handleCancel(e) {