@verdocs/web-sdk 4.2.43 → 4.2.48

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 (444) hide show
  1. package/dist/cjs/{EnvelopeStore-6c5995f1.js → EnvelopeStore-65c587fd.js} +0 -3
  2. package/dist/cjs/{TemplateRoleStore-9fc8458d.js → TemplateRoleStore-3f9e9f9e.js} +0 -1
  3. package/dist/cjs/{TemplateStore-75326f80.js → TemplateStore-761197ec.js} +2 -7
  4. package/dist/cjs/_commonjsHelpers-e6ff1d6e.js +10 -0
  5. package/dist/cjs/index-d2999878.js +4 -12
  6. package/dist/cjs/interact.min-e6956f8b.js +16 -0
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/utils-813f2cbf.js +361 -0
  9. package/dist/cjs/verdocs-build.cjs.entry.js +2 -2
  10. package/dist/cjs/verdocs-button-panel_2.cjs.entry.js +3 -3
  11. package/dist/cjs/verdocs-button_3.cjs.entry.js +121 -0
  12. package/dist/cjs/{verdocs-checkbox_5.cjs.entry.js → verdocs-checkbox_4.cjs.entry.js} +37 -79
  13. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +21 -9
  14. package/dist/cjs/verdocs-dialog.cjs.entry.js +1 -1
  15. package/dist/cjs/verdocs-dropdown.cjs.entry.js +1 -1
  16. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +3 -2
  17. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +1 -1
  18. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +2 -2
  19. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +8 -7
  20. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +70 -81
  21. package/dist/cjs/verdocs-field-payment.cjs.entry.js +2 -2
  22. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +2 -2
  23. package/dist/cjs/verdocs-kba-dialog.cjs.entry.js +2 -2
  24. package/dist/cjs/verdocs-loader.cjs.entry.js +1 -1
  25. package/dist/cjs/verdocs-ok-dialog.cjs.entry.js +1 -1
  26. package/dist/cjs/verdocs-organization-card_2.cjs.entry.js +2 -2
  27. package/dist/cjs/verdocs-pagination_2.cjs.entry.js +4 -3
  28. package/dist/cjs/verdocs-preview_10.cjs.entry.js +29 -45
  29. package/dist/cjs/verdocs-quick-functions_2.cjs.entry.js +2 -2
  30. package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +11 -11
  31. package/dist/cjs/verdocs-search-tabs.cjs.entry.js +1 -1
  32. package/dist/cjs/verdocs-search.cjs.entry.js +1 -1
  33. package/dist/cjs/verdocs-sign.cjs.entry.js +27 -41
  34. package/dist/cjs/verdocs-spinner.cjs.entry.js +1 -1
  35. package/dist/cjs/verdocs-status-indicator.cjs.entry.js +2 -2
  36. package/dist/cjs/verdocs-table.cjs.entry.js +2 -2
  37. package/dist/cjs/verdocs-template-card.cjs.entry.js +1 -1
  38. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +14 -21
  39. package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
  40. package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
  41. package/dist/cjs/verdocs-templates-list.cjs.entry.js +7 -7
  42. package/dist/cjs/verdocs-toggle.cjs.entry.js +1 -1
  43. package/dist/cjs/verdocs-view.cjs.entry.js +2 -1
  44. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  45. package/dist/collection/collection-manifest.json +0 -2
  46. package/dist/collection/components/controls/verdocs-button/verdocs-button.js +1 -1
  47. package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.js +2 -2
  48. package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.js +1 -1
  49. package/dist/collection/components/controls/verdocs-component-error/verdocs-component-error.js +1 -1
  50. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js +1 -1
  51. package/dist/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.js +1 -1
  52. package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.js +1 -1
  53. package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js +1 -1
  54. package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js +1 -1
  55. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js +1 -1
  56. package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js +1 -1
  57. package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.js +1 -1
  58. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js +1 -1
  59. package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.js +1 -1
  60. package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.js +1 -1
  61. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js +1 -1
  62. package/dist/collection/components/controls/verdocs-table/verdocs-table.js +2 -2
  63. package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js +1 -1
  64. package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js +3 -3
  65. package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js +1 -1
  66. package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.js +1 -1
  67. package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js +1 -1
  68. package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.js +1 -1
  69. package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js +1 -1
  70. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js +2 -2
  71. package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js +1 -1
  72. package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js +1 -1
  73. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js +1 -1
  74. package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js +1 -1
  75. package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.js +1 -1
  76. package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js +1 -1
  77. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +4 -4
  78. package/dist/collection/components/embeds/verdocs-preview/verdocs-preview.js +5 -6
  79. package/dist/collection/components/embeds/verdocs-search/verdocs-search.js +1 -1
  80. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js +14 -12
  81. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +25 -40
  82. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +30 -11
  83. package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js +1 -1
  84. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.css +3 -0
  85. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +6 -6
  86. package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +2 -2
  87. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.css +24 -7
  88. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +11 -20
  89. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.css +17 -4
  90. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +8 -32
  91. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.css +15 -2
  92. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +4 -11
  93. package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.css +15 -2
  94. package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.js +4 -11
  95. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.css +16 -2
  96. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +5 -12
  97. package/dist/collection/components/fields/verdocs-field-payment/verdocs-field-payment.js +1 -1
  98. package/dist/collection/components/fields/verdocs-field-radio/verdocs-field-radio.css +47 -21
  99. package/dist/collection/components/fields/verdocs-field-radio/verdocs-field-radio.js +8 -32
  100. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.css +15 -2
  101. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +5 -12
  102. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.css +16 -3
  103. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +10 -18
  104. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.css +38 -3
  105. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +11 -18
  106. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.css +14 -1
  107. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js +4 -11
  108. package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js +1 -1
  109. package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js +13 -20
  110. package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.css +20 -1
  111. package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js +35 -28
  112. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.css +2 -2
  113. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +10 -28
  114. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js +7 -7
  115. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.css +1 -0
  116. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js +1 -1
  117. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +1 -1
  118. package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js +1 -1
  119. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +7 -7
  120. package/dist/collection/utils/EnvelopeStore.js +0 -3
  121. package/dist/collection/utils/TemplateRoleStore.js +0 -1
  122. package/dist/collection/utils/TemplateStore.js +1 -6
  123. package/dist/collection/utils/utils.js +24 -85
  124. package/dist/components/EnvelopeStore.js +0 -3
  125. package/dist/components/TemplateRoleStore.js +0 -1
  126. package/dist/components/TemplateStore.js +1 -6
  127. package/dist/components/index.js +0 -4
  128. package/dist/components/utils.js +25 -86
  129. package/dist/components/verdocs-build.js +3 -3
  130. package/dist/components/verdocs-button-panel2.js +2 -2
  131. package/dist/components/verdocs-button2.js +1 -1
  132. package/dist/components/verdocs-checkbox2.js +1 -1
  133. package/dist/components/verdocs-component-error2.js +1 -1
  134. package/dist/components/verdocs-contact-picker2.js +22 -7
  135. package/dist/components/verdocs-dialog.js +1 -1
  136. package/dist/components/verdocs-dropdown2.js +1 -1
  137. package/dist/components/verdocs-envelope-document-page2.js +1 -1
  138. package/dist/components/verdocs-envelope-sidebar.js +1 -1
  139. package/dist/components/verdocs-envelopes-list.js +6 -6
  140. package/dist/components/verdocs-field-attachment2.js +10 -14
  141. package/dist/components/verdocs-field-checkbox2.js +7 -9
  142. package/dist/components/verdocs-field-date2.js +3 -5
  143. package/dist/components/verdocs-field-dropdown2.js +3 -5
  144. package/dist/components/verdocs-field-initial2.js +4 -6
  145. package/dist/components/verdocs-field-payment.js +1 -1
  146. package/dist/components/verdocs-field-radio.js +1 -149
  147. package/dist/components/{verdocs-field-radio-button2.js → verdocs-field-radio2.js} +15 -17
  148. package/dist/components/verdocs-field-signature2.js +4 -6
  149. package/dist/components/verdocs-field-textarea2.js +9 -12
  150. package/dist/components/verdocs-field-textbox2.js +10 -12
  151. package/dist/components/verdocs-field-timestamp2.js +3 -5
  152. package/dist/components/verdocs-file-chooser2.js +1 -1
  153. package/dist/components/verdocs-help-icon2.js +1 -1
  154. package/dist/components/verdocs-initial-dialog2.js +1 -1
  155. package/dist/components/verdocs-kba-dialog.js +2 -2
  156. package/dist/components/verdocs-loader2.js +1 -1
  157. package/dist/components/verdocs-ok-dialog2.js +1 -1
  158. package/dist/components/verdocs-organization-card.js +1 -1
  159. package/dist/components/verdocs-pagination2.js +1 -1
  160. package/dist/components/verdocs-portal2.js +1 -1
  161. package/dist/components/verdocs-preview2.js +7 -9
  162. package/dist/components/verdocs-progress-bar2.js +1 -1
  163. package/dist/components/verdocs-quick-filter2.js +2 -2
  164. package/dist/components/verdocs-quick-functions2.js +1 -1
  165. package/dist/components/verdocs-radio-button2.js +1 -1
  166. package/dist/components/verdocs-search-box2.js +1 -1
  167. package/dist/components/verdocs-search-tabs.js +1 -1
  168. package/dist/components/verdocs-search.js +1 -1
  169. package/dist/components/verdocs-select-input2.js +1 -1
  170. package/dist/components/verdocs-send2.js +9 -7
  171. package/dist/components/verdocs-sign.js +26 -41
  172. package/dist/components/verdocs-signature-dialog2.js +1 -1
  173. package/dist/components/verdocs-spinner2.js +1 -1
  174. package/dist/components/verdocs-status-indicator2.js +2 -2
  175. package/dist/components/verdocs-table.js +2 -2
  176. package/dist/components/verdocs-tabs2.js +1 -1
  177. package/dist/components/verdocs-template-card.js +1 -1
  178. package/dist/components/verdocs-template-document-page2.js +15 -23
  179. package/dist/components/verdocs-template-field-properties2.js +34 -22
  180. package/dist/components/verdocs-template-fields2.js +15 -33
  181. package/dist/components/verdocs-template-role-properties2.js +7 -7
  182. package/dist/components/verdocs-template-roles2.js +1 -1
  183. package/dist/components/verdocs-template-sender2.js +1 -1
  184. package/dist/components/verdocs-template-star2.js +1 -1
  185. package/dist/components/verdocs-template-tags.js +1 -1
  186. package/dist/components/verdocs-templates-list.js +7 -7
  187. package/dist/components/verdocs-text-input2.js +3 -3
  188. package/dist/components/verdocs-toggle-button2.js +1 -1
  189. package/dist/components/verdocs-toggle.js +1 -1
  190. package/dist/components/verdocs-toolbar-icon2.js +1 -1
  191. package/dist/components/verdocs-upload-dialog2.js +1 -1
  192. package/dist/esm/{EnvelopeStore-dbec0399.js → EnvelopeStore-712b9ca3.js} +0 -3
  193. package/dist/esm/{TemplateRoleStore-69e28e18.js → TemplateRoleStore-39555cd8.js} +0 -1
  194. package/dist/esm/{TemplateStore-c2e5147b.js → TemplateStore-ebd8f5f6.js} +2 -7
  195. package/dist/esm/_commonjsHelpers-bdec4bbd.js +7 -0
  196. package/dist/esm/index-3476681c.js +4 -12
  197. package/dist/esm/{interact.min-18f44045.js → interact.min-a71beb3d.js} +1 -1
  198. package/dist/esm/loader.js +1 -1
  199. package/dist/esm/{utils-7d128d3c.js → utils-467fcc6a.js} +26 -92
  200. package/dist/esm/verdocs-build.entry.js +2 -2
  201. package/dist/esm/verdocs-button-panel_2.entry.js +3 -3
  202. package/dist/esm/verdocs-button_3.entry.js +115 -0
  203. package/dist/esm/{verdocs-checkbox_5.entry.js → verdocs-checkbox_4.entry.js} +39 -80
  204. package/dist/esm/verdocs-contact-picker_2.entry.js +21 -9
  205. package/dist/esm/verdocs-dialog.entry.js +1 -1
  206. package/dist/esm/verdocs-dropdown.entry.js +1 -1
  207. package/dist/esm/verdocs-envelope-document-page.entry.js +3 -2
  208. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +1 -1
  209. package/dist/esm/verdocs-envelope-sidebar.entry.js +2 -2
  210. package/dist/esm/verdocs-envelopes-list.entry.js +8 -7
  211. package/dist/esm/verdocs-field-attachment_13.entry.js +69 -80
  212. package/dist/esm/verdocs-field-payment.entry.js +2 -2
  213. package/dist/esm/verdocs-file-chooser_2.entry.js +2 -2
  214. package/dist/esm/verdocs-kba-dialog.entry.js +2 -2
  215. package/dist/esm/verdocs-loader.entry.js +1 -1
  216. package/dist/esm/verdocs-ok-dialog.entry.js +1 -1
  217. package/dist/esm/verdocs-organization-card_2.entry.js +2 -2
  218. package/dist/esm/verdocs-pagination_2.entry.js +4 -3
  219. package/dist/esm/verdocs-preview_10.entry.js +29 -45
  220. package/dist/esm/verdocs-quick-functions_2.entry.js +2 -2
  221. package/dist/esm/verdocs-radio-button_3.entry.js +11 -11
  222. package/dist/esm/verdocs-search-tabs.entry.js +1 -1
  223. package/dist/esm/verdocs-search.entry.js +1 -1
  224. package/dist/esm/verdocs-sign.entry.js +27 -41
  225. package/dist/esm/verdocs-spinner.entry.js +1 -1
  226. package/dist/esm/verdocs-status-indicator.entry.js +2 -2
  227. package/dist/esm/verdocs-table.entry.js +2 -2
  228. package/dist/esm/verdocs-template-card.entry.js +1 -1
  229. package/dist/esm/verdocs-template-document-page_2.entry.js +14 -21
  230. package/dist/esm/verdocs-template-star.entry.js +1 -1
  231. package/dist/esm/verdocs-template-tags.entry.js +1 -1
  232. package/dist/esm/verdocs-templates-list.entry.js +7 -7
  233. package/dist/esm/verdocs-toggle.entry.js +1 -1
  234. package/dist/esm/verdocs-view.entry.js +2 -1
  235. package/dist/esm/verdocs-web-sdk.js +1 -1
  236. package/dist/esm-es5/{EnvelopeStore-dbec0399.js → EnvelopeStore-712b9ca3.js} +1 -1
  237. package/dist/esm-es5/TemplateRoleStore-39555cd8.js +1 -0
  238. package/dist/esm-es5/TemplateStore-ebd8f5f6.js +1 -0
  239. package/dist/esm-es5/_commonjsHelpers-bdec4bbd.js +1 -0
  240. package/dist/esm-es5/index-3476681c.js +1 -1
  241. package/dist/esm-es5/interact.min-a71beb3d.js +1 -0
  242. package/dist/esm-es5/loader.js +1 -1
  243. package/dist/esm-es5/{utils-7d128d3c.js → utils-467fcc6a.js} +2 -2
  244. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  245. package/dist/esm-es5/verdocs-button-panel_2.entry.js +1 -1
  246. package/dist/esm-es5/verdocs-button_3.entry.js +1 -0
  247. package/dist/esm-es5/verdocs-checkbox_4.entry.js +1 -0
  248. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  249. package/dist/esm-es5/verdocs-dialog.entry.js +1 -1
  250. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
  251. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  252. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  253. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  254. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  255. package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
  256. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  257. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  258. package/dist/esm-es5/verdocs-kba-dialog.entry.js +1 -1
  259. package/dist/esm-es5/verdocs-loader.entry.js +1 -1
  260. package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
  261. package/dist/esm-es5/verdocs-organization-card_2.entry.js +1 -1
  262. package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
  263. package/dist/esm-es5/verdocs-preview_10.entry.js +1 -1
  264. package/dist/esm-es5/verdocs-quick-functions_2.entry.js +1 -1
  265. package/dist/esm-es5/verdocs-radio-button_3.entry.js +1 -1
  266. package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
  267. package/dist/esm-es5/verdocs-search.entry.js +1 -1
  268. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  269. package/dist/esm-es5/verdocs-spinner.entry.js +1 -1
  270. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  271. package/dist/esm-es5/verdocs-table.entry.js +1 -1
  272. package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
  273. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  274. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  275. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  276. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  277. package/dist/esm-es5/verdocs-toggle.entry.js +1 -1
  278. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  279. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  280. package/dist/types/components/embeds/verdocs-build/verdocs-build.d.ts +2 -2
  281. package/dist/types/components/embeds/verdocs-preview/verdocs-preview.d.ts +1 -1
  282. package/dist/types/components/embeds/verdocs-send/verdocs-send.d.ts +6 -10
  283. package/dist/types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.d.ts +12 -2
  284. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +2 -3
  285. package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.d.ts +1 -6
  286. package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts +1 -2
  287. package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts +1 -2
  288. package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts +1 -2
  289. package/dist/types/components/fields/verdocs-field-radio/verdocs-field-radio.d.ts +1 -6
  290. package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts +1 -2
  291. package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.d.ts +1 -2
  292. package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts +1 -2
  293. package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.d.ts +1 -2
  294. package/dist/types/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.d.ts +3 -3
  295. package/dist/types/components.d.ts +32 -273
  296. package/dist/types/utils/utils.d.ts +3 -4
  297. package/dist/verdocs-web-sdk/{p-c719da80.system.entry.js → p-00798e23.system.entry.js} +1 -1
  298. package/dist/verdocs-web-sdk/p-03a228e4.system.js +1 -1
  299. package/dist/verdocs-web-sdk/p-04b04bca.system.entry.js +1 -0
  300. package/dist/verdocs-web-sdk/{p-7e48befd.js → p-073602cf.js} +1 -1
  301. package/dist/verdocs-web-sdk/p-09174e70.entry.js +1 -0
  302. package/dist/verdocs-web-sdk/{p-a1a37ae8.entry.js → p-0fcfddb7.entry.js} +1 -1
  303. package/dist/verdocs-web-sdk/{p-976c6261.system.entry.js → p-127b573d.system.entry.js} +1 -1
  304. package/dist/verdocs-web-sdk/p-13aef6d0.system.entry.js +1 -0
  305. package/dist/verdocs-web-sdk/{p-3253417f.system.entry.js → p-150692e7.system.entry.js} +1 -1
  306. package/dist/verdocs-web-sdk/{p-cb3b5a1e.system.entry.js → p-1508c5e0.system.entry.js} +1 -1
  307. package/dist/verdocs-web-sdk/{p-59c3c70d.system.js → p-15b6097f.system.js} +1 -1
  308. package/dist/verdocs-web-sdk/p-15fe2a4e.entry.js +1 -0
  309. package/dist/verdocs-web-sdk/{p-5ec8c0fb.entry.js → p-1a32c240.entry.js} +1 -1
  310. package/dist/verdocs-web-sdk/p-1f23cc70.system.entry.js +1 -0
  311. package/dist/verdocs-web-sdk/p-21b1acec.system.js +1 -0
  312. package/dist/verdocs-web-sdk/{p-2c5d003d.system.entry.js → p-24a9f119.system.entry.js} +1 -1
  313. package/dist/verdocs-web-sdk/{p-a44de858.system.entry.js → p-33199d44.system.entry.js} +1 -1
  314. package/dist/verdocs-web-sdk/p-338fcdf4.entry.js +1 -0
  315. package/dist/verdocs-web-sdk/{p-560280a0.entry.js → p-33901ebd.entry.js} +1 -1
  316. package/dist/verdocs-web-sdk/p-362c6d47.system.entry.js +1 -0
  317. package/dist/verdocs-web-sdk/{p-db3b0b93.system.entry.js → p-3a69e34b.system.entry.js} +1 -1
  318. package/dist/verdocs-web-sdk/{p-fbc78d55.entry.js → p-3c674cb3.entry.js} +1 -1
  319. package/dist/verdocs-web-sdk/{p-9abcb80f.entry.js → p-46d5e65d.entry.js} +1 -1
  320. package/dist/verdocs-web-sdk/p-49899f3c.system.entry.js +1 -0
  321. package/dist/verdocs-web-sdk/{p-a13b6f94.entry.js → p-52d9d12b.entry.js} +1 -1
  322. package/dist/verdocs-web-sdk/p-530f073d.entry.js +1 -0
  323. package/dist/verdocs-web-sdk/{p-5fa79cee.system.entry.js → p-574db898.system.entry.js} +1 -1
  324. package/dist/verdocs-web-sdk/p-579deee3.system.entry.js +1 -0
  325. package/dist/verdocs-web-sdk/{p-3d55c324.entry.js → p-5d223ab3.entry.js} +1 -1
  326. package/dist/verdocs-web-sdk/{p-2199fe66.entry.js → p-6058c628.entry.js} +1 -1
  327. package/dist/verdocs-web-sdk/{p-d663a20c.system.entry.js → p-60f02252.system.entry.js} +1 -1
  328. package/dist/verdocs-web-sdk/{p-418c5093.system.entry.js → p-6321f58d.system.entry.js} +1 -1
  329. package/dist/verdocs-web-sdk/{p-98b55af8.entry.js → p-64579a16.entry.js} +1 -1
  330. package/dist/verdocs-web-sdk/p-65901ac2.entry.js +1 -0
  331. package/dist/verdocs-web-sdk/{p-7d9ae0f8.entry.js → p-6681160b.entry.js} +1 -1
  332. package/dist/verdocs-web-sdk/p-6a5aab1b.system.entry.js +1 -0
  333. package/dist/verdocs-web-sdk/{p-c659d8f9.system.entry.js → p-6bd283bf.system.entry.js} +1 -1
  334. package/dist/verdocs-web-sdk/{p-0a65f552.system.js → p-6cfce589.system.js} +1 -1
  335. package/dist/verdocs-web-sdk/{p-2f988aeb.system.js → p-70751089.system.js} +1 -1
  336. package/dist/verdocs-web-sdk/{p-3ac72054.entry.js → p-777cd3e8.entry.js} +1 -1
  337. package/dist/verdocs-web-sdk/{p-adaca31c.system.entry.js → p-78b22f4e.system.entry.js} +1 -1
  338. package/dist/verdocs-web-sdk/{p-b2588634.entry.js → p-82bc3fca.entry.js} +1 -1
  339. package/dist/verdocs-web-sdk/p-85aa8e05.js +1 -0
  340. package/dist/verdocs-web-sdk/{p-0955c161.entry.js → p-8937cdbe.entry.js} +1 -1
  341. package/dist/verdocs-web-sdk/p-8bfdaa86.system.entry.js +1 -0
  342. package/dist/verdocs-web-sdk/{p-b5808744.entry.js → p-91c1ec5b.entry.js} +1 -1
  343. package/dist/verdocs-web-sdk/p-93e5d84b.entry.js +1 -0
  344. package/dist/verdocs-web-sdk/{p-ac8d5a73.entry.js → p-978cc0c7.entry.js} +1 -1
  345. package/dist/verdocs-web-sdk/p-98c36099.system.js +1 -0
  346. package/dist/verdocs-web-sdk/p-996ea831.entry.js +1 -0
  347. package/dist/verdocs-web-sdk/{p-b141fe17.entry.js → p-99c9833b.entry.js} +1 -1
  348. package/dist/verdocs-web-sdk/{p-5aec0af9.system.js → p-9a8c90f4.system.js} +2 -2
  349. package/dist/verdocs-web-sdk/p-9ce7ab9f.entry.js +1 -0
  350. package/dist/verdocs-web-sdk/p-9fd3b0a5.system.entry.js +1 -0
  351. package/dist/verdocs-web-sdk/p-a798dd2e.system.entry.js +1 -0
  352. package/dist/verdocs-web-sdk/{p-c08b2d05.entry.js → p-a807355f.entry.js} +1 -1
  353. package/dist/verdocs-web-sdk/{p-b0e1b8fb.js → p-a901dff2.js} +1 -1
  354. package/dist/verdocs-web-sdk/{p-d7530c98.entry.js → p-aaae65be.entry.js} +1 -1
  355. package/dist/verdocs-web-sdk/{p-7f5f035c.entry.js → p-b2fbf3de.entry.js} +1 -1
  356. package/dist/verdocs-web-sdk/p-b42f9eb2.js +1 -0
  357. package/dist/verdocs-web-sdk/p-bb4b5728.entry.js +1 -0
  358. package/dist/verdocs-web-sdk/{p-9b689dc7.entry.js → p-c5ad35e4.entry.js} +1 -1
  359. package/dist/verdocs-web-sdk/p-c78aeff3.entry.js +1 -0
  360. package/dist/verdocs-web-sdk/p-c86983bc.js +1 -0
  361. package/dist/verdocs-web-sdk/{p-3bbc745e.system.entry.js → p-c8c48ba0.system.entry.js} +1 -1
  362. package/dist/verdocs-web-sdk/p-cd3bde24.entry.js +1 -0
  363. package/dist/verdocs-web-sdk/{p-7011a6dd.system.entry.js → p-ce57fe21.system.entry.js} +1 -1
  364. package/dist/verdocs-web-sdk/p-cee133b2.entry.js +1 -0
  365. package/dist/verdocs-web-sdk/p-d7112c9f.js +1 -0
  366. package/dist/verdocs-web-sdk/{p-ee3238d9.entry.js → p-db63ddbf.entry.js} +1 -1
  367. package/dist/verdocs-web-sdk/{p-119462af.system.entry.js → p-dbc572d5.system.entry.js} +1 -1
  368. package/dist/verdocs-web-sdk/p-dc335d28.system.entry.js +1 -0
  369. package/dist/verdocs-web-sdk/{p-0a40a589.system.entry.js → p-deb305f9.system.entry.js} +1 -1
  370. package/dist/verdocs-web-sdk/{p-84cc575d.system.entry.js → p-e1dbe05e.system.entry.js} +1 -1
  371. package/dist/verdocs-web-sdk/p-e8b96519.system.entry.js +1 -0
  372. package/dist/verdocs-web-sdk/p-ec8d0f2d.entry.js +1 -0
  373. package/dist/verdocs-web-sdk/p-ed0c0863.system.entry.js +1 -0
  374. package/dist/verdocs-web-sdk/{p-28a4b760.system.entry.js → p-f6256844.system.entry.js} +1 -1
  375. package/dist/verdocs-web-sdk/{p-0c1c60c4.system.entry.js → p-f6d4a5b9.system.entry.js} +1 -1
  376. package/dist/verdocs-web-sdk/{p-41f88db7.system.entry.js → p-f7a5a59a.system.entry.js} +1 -1
  377. package/dist/verdocs-web-sdk/{p-07bc980f.system.entry.js → p-fb0e5553.system.entry.js} +1 -1
  378. package/dist/verdocs-web-sdk/{p-0acffdbf.system.entry.js → p-fc5c0024.system.entry.js} +1 -1
  379. package/dist/verdocs-web-sdk/{p-ea23b1ad.entry.js → p-fc7b9c96.entry.js} +1 -1
  380. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  381. package/package.json +2 -2
  382. package/dist/cjs/interact.min-1744263f.js +0 -16
  383. package/dist/cjs/utils-bd4accd8.js +0 -430
  384. package/dist/cjs/verdocs-activity-box.cjs.entry.js +0 -87
  385. package/dist/cjs/verdocs-button_2.cjs.entry.js +0 -67
  386. package/dist/cjs/verdocs-field-radio.cjs.entry.js +0 -82
  387. package/dist/collection/components/embeds/verdocs-build/utils.js +0 -64
  388. package/dist/collection/components/embeds/verdocs-sign/utils.js +0 -64
  389. package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.css +0 -141
  390. package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.js +0 -252
  391. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.css +0 -102
  392. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +0 -350
  393. package/dist/components/verdocs-activity-box.d.ts +0 -11
  394. package/dist/components/verdocs-activity-box.js +0 -118
  395. package/dist/components/verdocs-field-radio-button.d.ts +0 -11
  396. package/dist/components/verdocs-field-radio-button.js +0 -6
  397. package/dist/esm/verdocs-activity-box.entry.js +0 -83
  398. package/dist/esm/verdocs-button_2.entry.js +0 -62
  399. package/dist/esm/verdocs-field-radio.entry.js +0 -78
  400. package/dist/esm-es5/TemplateRoleStore-69e28e18.js +0 -1
  401. package/dist/esm-es5/TemplateStore-c2e5147b.js +0 -1
  402. package/dist/esm-es5/interact.min-18f44045.js +0 -1
  403. package/dist/esm-es5/verdocs-activity-box.entry.js +0 -1
  404. package/dist/esm-es5/verdocs-button_2.entry.js +0 -1
  405. package/dist/esm-es5/verdocs-checkbox_5.entry.js +0 -1
  406. package/dist/esm-es5/verdocs-field-radio.entry.js +0 -1
  407. package/dist/types/components/embeds/verdocs-build/utils.d.ts +0 -7
  408. package/dist/types/components/embeds/verdocs-sign/utils.d.ts +0 -7
  409. package/dist/types/components/envelopes/verdocs-activity-box/verdocs-activity-box.d.ts +0 -61
  410. package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts +0 -71
  411. package/dist/verdocs-web-sdk/p-0f87aac4.entry.js +0 -1
  412. package/dist/verdocs-web-sdk/p-0fb45829.system.entry.js +0 -1
  413. package/dist/verdocs-web-sdk/p-1d1a3e11.system.entry.js +0 -1
  414. package/dist/verdocs-web-sdk/p-2110a510.entry.js +0 -1
  415. package/dist/verdocs-web-sdk/p-22aa1872.system.entry.js +0 -1
  416. package/dist/verdocs-web-sdk/p-27f7bf8b.system.entry.js +0 -1
  417. package/dist/verdocs-web-sdk/p-2d37e5d2.entry.js +0 -1
  418. package/dist/verdocs-web-sdk/p-377c3586.js +0 -1
  419. package/dist/verdocs-web-sdk/p-40ede7b6.entry.js +0 -1
  420. package/dist/verdocs-web-sdk/p-4fd55cfc.entry.js +0 -1
  421. package/dist/verdocs-web-sdk/p-59e68b3c.entry.js +0 -1
  422. package/dist/verdocs-web-sdk/p-645dac6b.entry.js +0 -1
  423. package/dist/verdocs-web-sdk/p-6b093210.system.entry.js +0 -1
  424. package/dist/verdocs-web-sdk/p-74c1d31a.system.entry.js +0 -1
  425. package/dist/verdocs-web-sdk/p-7e0d5853.system.entry.js +0 -1
  426. package/dist/verdocs-web-sdk/p-88d08452.system.entry.js +0 -1
  427. package/dist/verdocs-web-sdk/p-8ca0ec18.entry.js +0 -1
  428. package/dist/verdocs-web-sdk/p-918088d1.entry.js +0 -1
  429. package/dist/verdocs-web-sdk/p-a0d31d6b.entry.js +0 -1
  430. package/dist/verdocs-web-sdk/p-a1ab066f.entry.js +0 -1
  431. package/dist/verdocs-web-sdk/p-a5728114.system.entry.js +0 -1
  432. package/dist/verdocs-web-sdk/p-a94dd83d.entry.js +0 -1
  433. package/dist/verdocs-web-sdk/p-adf23d48.js +0 -1
  434. package/dist/verdocs-web-sdk/p-ae8335d0.system.entry.js +0 -1
  435. package/dist/verdocs-web-sdk/p-c8c5f392.system.entry.js +0 -1
  436. package/dist/verdocs-web-sdk/p-ce510e44.entry.js +0 -1
  437. package/dist/verdocs-web-sdk/p-dba86af9.system.entry.js +0 -1
  438. package/dist/verdocs-web-sdk/p-dee5314f.system.entry.js +0 -1
  439. package/dist/verdocs-web-sdk/p-e604b646.js +0 -1
  440. package/dist/verdocs-web-sdk/p-e701a2ef.entry.js +0 -1
  441. package/dist/verdocs-web-sdk/p-e8881606.entry.js +0 -1
  442. package/dist/verdocs-web-sdk/p-ed0f959a.system.entry.js +0 -1
  443. package/dist/verdocs-web-sdk/p-f06da0c0.system.js +0 -1
  444. package/dist/verdocs-web-sdk/p-f399fb60.system.entry.js +0 -1
@@ -41,8 +41,6 @@ const defaultWidth = (type) => {
41
41
  return 24;
42
42
  case 'radio':
43
43
  case 'checkbox':
44
- case 'checkbox_group':
45
- case 'radio_button_group':
46
44
  return 14;
47
45
  case 'signature':
48
46
  case 'initial':
@@ -69,8 +67,6 @@ const defaultHeight = (type) => {
69
67
  return 24;
70
68
  case 'radio':
71
69
  case 'checkbox':
72
- case 'checkbox_group':
73
- case 'radio_button_group':
74
70
  return 14;
75
71
  case 'signature':
76
72
  case 'initial':
@@ -80,17 +76,16 @@ const defaultHeight = (type) => {
80
76
  }
81
77
  return 50;
82
78
  };
83
- const setControlStyles = (el, field, xScale, yScale, option) => {
84
- var _a, _b, _c, _d;
79
+ const setControlStyles = (el, field, xScale, yScale) => {
85
80
  let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
86
- const settings = field.settings || field.settings;
87
- const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
88
- if (optionSettings) {
89
- x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
90
- y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
91
- width = (_c = optionSettings.width) !== null && _c !== void 0 ? _c : width;
92
- height = (_d = optionSettings.height) !== null && _d !== void 0 ? _d : height;
93
- }
81
+ // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
82
+ // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
83
+ // if (optionSettings) {
84
+ // x = optionSettings.x ?? x;
85
+ // y = optionSettings.y ?? y;
86
+ // width = optionSettings.width ?? width;
87
+ // height = optionSettings.height ?? height;
88
+ // }
94
89
  el.style.width = `${width}px`;
95
90
  el.style.height = `${height}px`;
96
91
  el.style.position = 'absolute';
@@ -99,17 +94,16 @@ const setControlStyles = (el, field, xScale, yScale, option) => {
99
94
  el.style.transform = `scale(${xScale}, ${yScale})`;
100
95
  // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);
101
96
  };
102
- const getControlStyles = (field, xScale, yScale, option) => {
103
- var _a, _b, _c, _d;
97
+ const getControlStyles = (field, xScale, yScale) => {
104
98
  let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
105
- const settings = field.settings || field.settings;
106
- const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
107
- if (optionSettings) {
108
- x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
109
- y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
110
- width = (_c = optionSettings.width) !== null && _c !== void 0 ? _c : width;
111
- height = (_d = optionSettings.height) !== null && _d !== void 0 ? _d : height;
112
- }
99
+ // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
100
+ // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
101
+ // if (optionSettings) {
102
+ // x = optionSettings.x ?? x;
103
+ // y = optionSettings.y ?? y;
104
+ // width = optionSettings.width ?? width;
105
+ // height = optionSettings.height ?? height;
106
+ // }
113
107
  return {
114
108
  width: `${width}px`,
115
109
  height: `${height}px`,
@@ -143,6 +137,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
143
137
  console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
144
138
  return;
145
139
  }
140
+ console.log('[renderDocumentField] Rendering field', field);
146
141
  switch (field.type) {
147
142
  case 'attachment':
148
143
  case 'date':
@@ -189,7 +184,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
189
184
  const id = getFieldOptionId(field, 0);
190
185
  const existingField = document.getElementById(id);
191
186
  if (existingField) {
192
- setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
187
+ setControlStyles(existingField, field, docPage.xScale, docPage.yScale);
193
188
  return existingField;
194
189
  }
195
190
  const cbEl = document.createElement(`verdocs-field-checkbox`);
@@ -208,7 +203,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
208
203
  if (draggable) {
209
204
  cbEl.setAttribute('draggable', true);
210
205
  }
211
- setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
206
+ setControlStyles(cbEl, field, docPage.xScale, docPage.yScale);
212
207
  controlsDiv.appendChild(cbEl);
213
208
  return cbEl;
214
209
  }
@@ -216,7 +211,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
216
211
  const id = getFieldOptionId(field, 0);
217
212
  const existingField = document.getElementById(id);
218
213
  if (existingField) {
219
- setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
214
+ setControlStyles(existingField, field, docPage.xScale, docPage.yScale);
220
215
  return existingField;
221
216
  }
222
217
  const radioEl = document.createElement(`verdocs-field-radio`);
@@ -235,72 +230,16 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
235
230
  if (draggable) {
236
231
  radioEl.setAttribute('draggable', true);
237
232
  }
238
- setControlStyles(radioEl, field, docPage.xScale, docPage.yScale, 0);
233
+ setControlStyles(radioEl, field, docPage.xScale, docPage.yScale);
239
234
  controlsDiv.appendChild(radioEl);
240
235
  return radioEl;
241
236
  }
242
- case 'checkbox_group':
243
- return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
244
- const id = getFieldOptionId(field, checkboxIndex);
245
- const existingField = document.getElementById(id);
246
- if (existingField) {
247
- setControlStyles(existingField, field, docPage.xScale, docPage.yScale, checkboxIndex);
248
- return existingField;
249
- }
250
- const cbEl = document.createElement(`verdocs-field-checkbox`);
251
- cbEl.field = field;
252
- cbEl.setAttribute('id', id);
253
- cbEl.setAttribute('option', checkboxIndex);
254
- if (disabled) {
255
- cbEl.setAttribute('disabled', true);
256
- }
257
- if (done) {
258
- cbEl.setAttribute('done', true);
259
- }
260
- if (editable) {
261
- cbEl.setAttribute('editable', true);
262
- }
263
- if (draggable) {
264
- cbEl.setAttribute('draggable', true);
265
- }
266
- setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, checkboxIndex);
267
- controlsDiv.appendChild(cbEl);
268
- return cbEl;
269
- });
270
- case 'radio_button_group':
271
- return (field.settings || field.setting || {}).options.map((_, buttonIndex) => {
272
- const id = getFieldOptionId(field, buttonIndex);
273
- const existingField = document.getElementById(id);
274
- if (existingField) {
275
- setControlStyles(existingField, field, docPage.xScale, docPage.yScale, buttonIndex);
276
- return existingField;
277
- }
278
- const radioEl = document.createElement(`verdocs-field-radio-button`);
279
- radioEl.field = field;
280
- radioEl.setAttribute('id', id);
281
- radioEl.setAttribute('option', buttonIndex);
282
- if (disabled) {
283
- radioEl.setAttribute('disabled', true);
284
- }
285
- if (done) {
286
- radioEl.setAttribute('done', true);
287
- }
288
- if (editable) {
289
- radioEl.setAttribute('editable', true);
290
- }
291
- if (draggable) {
292
- radioEl.setAttribute('draggable', true);
293
- }
294
- setControlStyles(radioEl, field, docPage.xScale, docPage.yScale, buttonIndex);
295
- controlsDiv.appendChild(radioEl);
296
- return radioEl;
297
- });
298
237
  default:
299
238
  console.log('[PREVIEW] Skipping unsupported field type', field);
300
239
  return null;
301
240
  }
302
241
  };
303
- const getFieldSettings = (field) => (field === null || field === void 0 ? void 0 : field.settings) || {};
242
+ // export const getFieldSettings = (field: ITemplateField | IEnvelopeField | undefined) => field?.settings || {};
304
243
  /**
305
244
  * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of
306
245
  * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the
@@ -405,4 +344,4 @@ const convertToE164 = (input) => {
405
344
  return `+1${temp}`;
406
345
  };
407
346
 
408
- export { saveAttachment as a, getFieldId as b, convertToE164 as c, renderedTextWidth as d, getControlStyles as e, getFieldOptionId as f, getFieldSettings as g, updateCssTransform as h, removeCssTransform as i, defaultWidth as j, defaultHeight as k, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
347
+ export { saveAttachment as a, renderedTextWidth as b, convertToE164 as c, getControlStyles as d, updateCssTransform as e, removeCssTransform as f, getFieldId as g, defaultWidth as h, defaultHeight as i, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
@@ -12,7 +12,7 @@ import { d as defineCustomElement$E } from './verdocs-field-checkbox2.js';
12
12
  import { d as defineCustomElement$D } from './verdocs-field-date2.js';
13
13
  import { d as defineCustomElement$C } from './verdocs-field-dropdown2.js';
14
14
  import { d as defineCustomElement$B } from './verdocs-field-initial2.js';
15
- import { d as defineCustomElement$A } from './verdocs-field-radio-button2.js';
15
+ import { d as defineCustomElement$A } from './verdocs-field-radio2.js';
16
16
  import { d as defineCustomElement$z } from './verdocs-field-signature2.js';
17
17
  import { d as defineCustomElement$y } from './verdocs-field-textarea2.js';
18
18
  import { d as defineCustomElement$x } from './verdocs-field-textbox2.js';
@@ -171,7 +171,7 @@ function defineCustomElement$1() {
171
171
  if (typeof customElements === "undefined") {
172
172
  return;
173
173
  }
174
- const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio-button", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-reminders", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
174
+ const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-reminders", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
175
175
  components.forEach(tagName => { switch (tagName) {
176
176
  case "verdocs-build":
177
177
  if (!customElements.get(tagName)) {
@@ -228,7 +228,7 @@ function defineCustomElement$1() {
228
228
  defineCustomElement$B();
229
229
  }
230
230
  break;
231
- case "verdocs-field-radio-button":
231
+ case "verdocs-field-radio":
232
232
  if (!customElements.get(tagName)) {
233
233
  defineCustomElement$A();
234
234
  }
@@ -67,10 +67,10 @@ const VerdocsButtonPanel = /*@__PURE__*/ proxyCustomElement(class VerdocsButtonP
67
67
  }
68
68
  }
69
69
  render() {
70
- return (h(Host, { key: '997291ad3f463fff0932490fdab478345757b2e4' }, h("div", { key: '02c1929038bcf9f9d3b433b95f9badcfbc3d6a48', class: "icon", innerHTML: this.icon, onClick: (e) => {
70
+ return (h(Host, { key: 'c77ea175bddafb381b9c2d59820bf5656d271ba6' }, h("div", { key: 'dd26de0092bec750606f81b3e41ded3169bce9ee', class: "icon", innerHTML: this.icon, onClick: (e) => {
71
71
  e.stopPropagation();
72
72
  return this.toggle();
73
- }, ref: el => (this.iconEl = el) }), h("div", { key: '6c89badb41660bbe7b826b0f2758c8a6f7525b78', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '069ae9f31df8fdb08d4cdf37526f22494a4108f8', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: 'fc5af74e822ca9e0c4c2620585c66e1dcda8f237' }))));
73
+ }, ref: el => (this.iconEl = el) }), h("div", { key: '6708d3cb957b99e854747e74044040bbf8cbe418', role: "tooltip", class: "verdocs-button-panel-content", "data-popper-placement": "bottom", ref: el => (this.panelEl = el) }, h("div", { key: '9e4b2f228527b4474a6869ef436c3c6cb59d0ad7', "data-popper-arrow": "true", class: "arrow" }), h("slot", { key: 'ca4dc0f4d9cbee017c45dc084b772c0d303547f8' }))));
74
74
  }
75
75
  static get style() { return VerdocsButtonPanelStyle0; }
76
76
  }, [4, "verdocs-button-panel", {
@@ -16,7 +16,7 @@ const VerdocsButton = /*@__PURE__*/ proxyCustomElement(class VerdocsButton exten
16
16
  this.disabled = false;
17
17
  }
18
18
  render() {
19
- return (h("button", { key: '5c9a79a82b7dab63acc557febfd7c9b143cafb2d', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: 'e57d793fad07ccccf2e15d3f1f01edaab971691c', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
19
+ return (h("button", { key: '1b0a149ab51af95445b47bb17207bc3b44516be3', disabled: this.disabled, type: this.type, class: `${this.variant} ${this.size} ${this.type}` }, this.startIcon ? h("span", { class: "icon start", innerHTML: this.startIcon }) : null, h("span", { key: '4a868a010e47d300cc9b7dd31c7665f58c3f1986', class: "button-label" }, this.label), this.endIcon ? h("span", { class: "icon end", innerHTML: this.endIcon }) : null));
20
20
  }
21
21
  static get style() { return VerdocsButtonStyle0; }
22
22
  }, [0, "verdocs-button", {
@@ -15,7 +15,7 @@ const VerdocsCheckbox = /*@__PURE__*/ proxyCustomElement(class VerdocsCheckbox e
15
15
  this.disabled = false;
16
16
  }
17
17
  render() {
18
- return (h(Host, { key: '02a992ff0c9365a18637ccd7b0acc34a16c95b0e', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: '897f8d9d3f3365087a00ab0bb12b741c944a66a3' }, h("input", { key: '1e82031b5febc2cea4920e2c374a5f3cbff07889', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: 'a5b8a8518301ce6866228d7a66029abdc802e092' }, this.label))));
18
+ return (h(Host, { key: '134ddfacbf313ed3d8aaaae104e7ceefaf8f260f', class: { disabled: this.disabled, [this.theme]: true } }, h("label", { key: 'f4c5ad61ffc32acf46e42a22c9cfdb27b44d21c9' }, h("input", { key: 'edc72dbc12bb2f93daa6bf90fe8baddeee003a0f', type: "checkbox", value: this.value, name: this.name, checked: this.checked, disabled: this.disabled }), h("span", { key: '0d3a00d372dc0a0b2de109c1ee8c484153b789a7' }, this.label))));
19
19
  }
20
20
  static get style() { return VerdocsCheckboxStyle0; }
21
21
  }, [0, "verdocs-checkbox", {
@@ -10,7 +10,7 @@ const VerdocsComponentError = /*@__PURE__*/ proxyCustomElement(class VerdocsComp
10
10
  this.message = '';
11
11
  }
12
12
  render() {
13
- return (h(Host, { key: '572b854146e540ecb3fecdab0abe7a89bdc5f6e5' }, h("div", { key: 'b531eabc052b083f9a99b20d57df4dc0992a1ef0', class: "inner" }, this.message)));
13
+ return (h(Host, { key: '5fd53e1053d599dc955c727344dfbc48ddf13622' }, h("div", { key: 'bd877d18be032147ed72b999896f0cec3b021c95', class: "inner" }, this.message)));
14
14
  }
15
15
  static get style() { return VerdocsComponentErrorStyle0; }
16
16
  }, [0, "verdocs-component-error", {
@@ -25,6 +25,8 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
25
25
  this.templateRole = null;
26
26
  this.contactSuggestions = [];
27
27
  this.name = undefined;
28
+ this.first_name = undefined;
29
+ this.last_name = undefined;
28
30
  this.email = undefined;
29
31
  this.phone = undefined;
30
32
  this.message = undefined;
@@ -35,12 +37,19 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
35
37
  this.kbaMethod = '';
36
38
  this.pinCode = '';
37
39
  this.nameFieldId = `verdocs-contact-picker-name-${Math.random().toString(36).substring(2, 11)}`;
40
+ this.firstNameFieldId = `verdocs-contact-picker-firstname-${Math.random().toString(36).substring(2, 11)}`;
41
+ this.lastNameFieldId = `verdocs-contact-picker-lastname-${Math.random().toString(36).substring(2, 11)}`;
38
42
  this.emailFieldId = `verdocs-contact-picker-email-${Math.random().toString(36).substring(2, 11)}`;
39
43
  this.phoneFieldId = `verdocs-contact-picker-phone-${Math.random().toString(36).substring(2, 11)}`;
40
44
  }
41
45
  componentWillLoad() {
42
46
  if (this.templateRole) {
47
+ const nameComponents = (this.templateRole.full_name || '').split(' ');
48
+ const firstName = nameComponents.shift() || '';
49
+ const lastName = nameComponents.join(' ');
43
50
  this.name = this.templateRole.full_name || '';
51
+ this.first_name = firstName;
52
+ this.last_name = lastName;
44
53
  this.email = this.templateRole.email || '';
45
54
  this.phone = this.templateRole.phone || '';
46
55
  this.delegator = this.templateRole.delegator || false;
@@ -78,6 +87,8 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
78
87
  this.showSuggestions = false;
79
88
  (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({
80
89
  full_name: this.name,
90
+ first_name: this.first_name,
91
+ last_name: this.last_name,
81
92
  email: this.email,
82
93
  phone: this.phone,
83
94
  message: this.message,
@@ -87,6 +98,8 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
87
98
  handleSelectSuggestion(e, suggestion) {
88
99
  e.stopPropagation();
89
100
  this.name = suggestion.name;
101
+ this.first_name = suggestion.first_name;
102
+ this.last_name = suggestion.last_name;
90
103
  this.email = suggestion.email;
91
104
  this.phone = suggestion.phone;
92
105
  this.showSuggestions = false;
@@ -94,26 +107,24 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
94
107
  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
95
108
  // and show a duplicate autocomplete picker on top of our own.
96
109
  render() {
97
- return (h("form", { key: 'd5f351153f58ec275d6bc7225db6aee53a5c54e6', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '960ec06a72d7b14c6ad4609ccba90639b746e93e', class: "row" }, h("label", { key: '0ab66bf6689aa26132718cf673d7275708945ae4', htmlFor: this.nameFieldId }, "Name:"), h("input", { key: '25e2406d5b1ad78ada9c999fdefd3c16bccb60eb', id: this.nameFieldId, name: this.nameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.name, placeholder: "Recipient Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); },
98
- // onBlur={() => (this.showSuggestions = false)}
99
- onInput: e => this.handleNameChange(e) }), this.showSuggestions && (h("div", { key: 'ec9dfb86c52a462005b00d857f2f945b6a5861a8', class: "dropdown" }, this.contactSuggestions.map(suggestion => {
110
+ return (h("form", { key: 'd4a74d3f95d9c13bf7b4afdc0391aafdc504b053', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '329611e08994741cc94d01d62ab563ad182243ba', class: "row" }, h("label", { key: 'fd235b92d011939bbc20cf4efbe6428d953c454d', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'e3531ddf8308a1be0a3fd43205fde1e99bca5dbc', style: { display: 'flex', flexDirection: 'row', gap: '8px;' } }, h("input", { key: 'b8bf71e3f6ce8e5aad6ee9cb03d1119935206f0c', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleNameChange(e) }), h("input", { key: '9d53c8d43ed0ca4d3f17d39b6d90bece9afd68a7', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleNameChange(e) })), this.showSuggestions && (h("div", { key: 'f53fc8a9ec12e31401afc4d22c98269ba96d0048', class: "dropdown" }, this.contactSuggestions.map(suggestion => {
100
111
  var _a;
101
112
  return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.name, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.avatar ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.avatar }) : h("div", { class: "avatar", innerHTML: placeholderIcon }), h("div", { class: "details" }, h("div", { class: "name" }, suggestion.name), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
102
- })))), h("div", { key: 'e8f2ee3647ffc37a31cb4f1d8a043183ce608268', class: "row" }, h("label", { key: '99840da172556066187691124358fd64c19c466d', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: 'bba477caa2c14def36cf90f66bc164d58ccae999', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email Address...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleEmailChange(e) })), h("div", { key: 'a3e045ec2fe78e1662c389c2fdb742165e67cbfd', class: "row" }, h("label", { key: '19257fb97c8b0163c7d3882130bb298388c57901', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'ae3bbc51bed7039b716153675e3036abdf161382', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone Number...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handlePhoneChange(e) })), this.showKba && (h("div", { key: 'b05e51e9e9f1abb359113bea8cbc1c61c2979dbc', class: "row" }, h("div", { key: 'a905229b77e8b7941586834d4f942530d0b3d254', class: "label-with-icon" }, h("label", { key: 'b438b090c40ef5cd4c6550cd3cd57c676ab49061' }, "KBA:"), h("verdocs-help-icon", { key: '72fd391e008444b1f55c99833cc6f6e13670f199', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), h("verdocs-select-input", { key: '8af56bf9b367faaec0777d4f0d555f9a0f1f4145', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
113
+ })))), h("div", { key: '29211a4aeccb45c1f6ce4581ce89eef56fd0efa0', class: "row" }, h("label", { key: '32fb4eaa0599ea08364af828e93dd182ee36b42b', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '9a75b49d558dab786d4cec8e74e1d4970da63467', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email Address...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleEmailChange(e) })), h("div", { key: 'd5e07b3b8b24283acb158a8b44a981b1281c0964', class: "row" }, h("label", { key: '0d76a478038a18d4b16f73c14fe8ec53a014ca37', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '7c957fa5584d100e08bcb4ef808ec21ef507df32', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone Number...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handlePhoneChange(e) })), this.showKba && (h("div", { key: '3d48f1e8c4941700ecbc07a57fa3a8e22e866c26', class: "row" }, h("div", { key: '94f76f6449c8939dbd989507d03f8c7323b0487d', class: "label-with-icon" }, h("label", { key: '516dd082ac4cd08e881bffc1ab22d14ed3cc4c52' }, "KBA:"), h("verdocs-help-icon", { key: 'e12ca24140bbcfb1645c14c2bfcf3e7326d3033a', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), h("verdocs-select-input", { key: 'eadc53ce819c1ff21a9a3c51e4771a8dd7076eee', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
103
114
  { label: 'None', value: '' },
104
115
  { label: 'PIN Code', value: 'pin' },
105
116
  { label: 'Full Verification', value: 'kba' },
106
- ] }), this.kbaMethod === 'pin' && (h("input", { key: '504c018a9c8ad9087ddd6b253b794c493bb16686', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) })))), this.showMessage && (h("div", { key: '0506d342d5fcbdc812498ffbf19bcd9bd2d1abca', class: "row" }, h("label", { key: 'e62684bc9178188fed71eb77954b186511a0c29d', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'b9638d6435b7d0dc8815f20e42c2b5498ab308a0', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Invitation Message...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) }))), h("div", { key: 'efc4e30feb9b3c58cc39e85725a6b780d424ca6e', class: "buttons" }, h("verdocs-toggle-button", { key: '6146346933119b33a1cd494e21e0d1a0195378cc', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
117
+ ] }), this.kbaMethod === 'pin' && (h("input", { key: 'db7162ba5935448fdf6b335b57c2ac91283563b6', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) })))), this.showMessage && (h("div", { key: '2ff18d49d7bd4181ba6fbf1ecacb64ba458b66d2', class: "row" }, h("label", { key: '2c22e7f0c17c5e86e4c920399ba3d4b0500a495e', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'ff3a0a753f1cb6418e02cb0f4abffbe540fd4213', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Invitation Message...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) }))), h("div", { key: 'cec56a872a810a5cedc49e57f3afe1ecf3c3ade6', class: "buttons" }, h("verdocs-toggle-button", { key: '6f9e177a3e8d077144b5d4382a18a95b44616d12', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
107
118
  this.showKba = e.detail.active;
108
119
  if (!e.detail.active) {
109
120
  this.pinCode = '';
110
121
  this.kbaMethod = '';
111
122
  }
112
123
  this.showSuggestions = false;
113
- } }), h("verdocs-toggle-button", { key: 'ba3139369cb582ec7ca246f4ad08a58998eca1eb', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
124
+ } }), h("verdocs-toggle-button", { key: '8d7468bdc795eff356f4636bff62b9536c0a2d59', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
114
125
  this.showMessage = e.detail.active;
115
126
  this.showSuggestions = false;
116
- } }), h("div", { key: '52ab10bc5857dc55244d064c20a2d59eb67bca82', class: "flex-fill" }), h("verdocs-button", { key: '4eedb7f847d8004567c24f25c7efa2ae9d6da61b', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '4b4b461f150eaf575e4b22760388ecea92f7da54', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
127
+ } }), h("div", { key: 'a902c45f33e944655d42f758b67c082fa57c93ca', class: "flex-fill" }), h("verdocs-button", { key: 'b24bce7779c3049c5f578cc55b2dec550258c57a', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '6445645ad05e49aa28c149bed65ee95ce6889e2a', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
117
128
  }
118
129
  static get style() { return VerdocsContactPickerStyle0; }
119
130
  }, [0, "verdocs-contact-picker", {
@@ -121,6 +132,8 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
121
132
  "templateRole": [16],
122
133
  "contactSuggestions": [16],
123
134
  "name": [32],
135
+ "first_name": [32],
136
+ "last_name": [32],
124
137
  "email": [32],
125
138
  "phone": [32],
126
139
  "message": [32],
@@ -131,6 +144,8 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
131
144
  "kbaMethod": [32],
132
145
  "pinCode": [32],
133
146
  "nameFieldId": [32],
147
+ "firstNameFieldId": [32],
148
+ "lastNameFieldId": [32],
134
149
  "emailFieldId": [32],
135
150
  "phoneFieldId": [32]
136
151
  }]);
@@ -18,7 +18,7 @@ const VerdocsDialog$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsDialog ext
18
18
  }
19
19
  }
20
20
  render() {
21
- return (h(Host, { key: '952c27946d1eb8552949ac29d9ffaa05222baaba' }, h("div", { key: '4721082da97c31ddb4e29b05922749b42ab38845', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '80e01d2ee87fd7ffbdd789068587d11ab4323644', class: "dialog" }, h("slot", { key: 'f55b17d75983192918a7c8b5b7df87ca22259b7b', name: "title" }, h("div", { key: '0ebb27bff2de5a06232e419cf9eeff67abddbb3a', class: "heading" }, "Please Confirm")), h("div", { key: 'c93aa214cf8f4c034611f1638dff493a9b2066e2', class: "content" }, h("slot", { key: '7473721bf10ed5dfe388e3d17aec8ee67a5e193f' }))))));
21
+ return (h(Host, { key: '6248990033ba71022795432afa8679841450431e' }, h("div", { key: 'bdea70156c5d1776977bf7947e326ed118367f82', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '5c8cec9a24b0a892aeb2325a87a6d238ad211992', class: "dialog" }, h("slot", { key: '001678f28acc1ca78772dfa2d2f9cb56c6e1074d', name: "title" }, h("div", { key: 'b5c86535f40180659a6e21b31193c6d0cdd0c706', class: "heading" }, "Please Confirm")), h("div", { key: 'e6c8eddfe1c541d34ac2380f78564bc80b736564', class: "content" }, h("slot", { key: '6d22d23df835be6339b7629a21fe3a3a802eb9b9' }))))));
22
22
  }
23
23
  static get style() { return VerdocsDialogStyle0; }
24
24
  }, [4, "verdocs-dialog"]);
@@ -88,7 +88,7 @@ const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class VerdocsDropdown e
88
88
  (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
89
89
  }
90
90
  render() {
91
- return (h(Host, { key: '3a0ecbe96fffea8c916de9a657afd891dc95fa01' }, h("button", { key: 'bf194fdde69ec6a4e9edfa897eefe57daaa847d2', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
91
+ return (h(Host, { key: '006ffc94bd4cdc84424e001b2ff146f44fa268be' }, h("button", { key: '77c15671bb969bd79ed476d647642fdc70909f5f', class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
92
92
  // onBlur={() => this.hide()}
93
93
  ref: el => (this.dropdownButton = el) })));
94
94
  }
@@ -76,7 +76,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class Verdo
76
76
  }
77
77
  render() {
78
78
  const height = `${this.renderedHeight}px`;
79
- return (h(Host, { key: '1626cbea713462254f8d518479181a39156fd599', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
79
+ return (h(Host, { key: 'f4ffa325b8eb3f8047dbe704cfc89aeeee1aad26', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
80
80
  // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
81
81
  // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
82
82
  // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values
@@ -11,7 +11,7 @@ import { d as defineCustomElement$3 } from './verdocs-envelope-recipient-summary
11
11
  import { d as defineCustomElement$2 } from './verdocs-ok-dialog2.js';
12
12
  import { d as dateFns } from './index2.js';
13
13
 
14
- const verdocsEnvelopeSidebarCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;max-width:100%;width:400px}@media screen and (max-width: 500px){verdocs-envelope-sidebar.open{-ms-flex:0 0 300px;flex:0 0 300px;width:300px}}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar verdocs-ok-dialog .content{color:black}verdocs-envelope-sidebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400}verdocs-envelope-sidebar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap;width:100%;margin:0 0 10px 0}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .manage-recipients-button button{width:100%}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;place-content:center space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize;font-size:14px;padding:3px 0}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}@media screen and (max-width: 500px){verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 60px;flex:1 1 60px;max-width:60px;min-width:60px}}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}";
14
+ const verdocsEnvelopeSidebarCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;max-width:100%;width:400px}@media screen and (max-width: 500px){verdocs-envelope-sidebar.open{-ms-flex:0 0 300px;flex:0 0 300px;width:300px}}verdocs-envelope-sidebar .side-buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .side-buttons button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .side-buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .side-buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex;overflow-y:scroll}verdocs-envelope-sidebar verdocs-ok-dialog .content{color:black}verdocs-envelope-sidebar .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400}verdocs-envelope-sidebar .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff}verdocs-envelope-sidebar .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap;width:100%;margin:0 0 10px 0}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}verdocs-envelope-sidebar .manage-recipients-button button{width:100%}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;place-content:center space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize;font-size:14px;padding:3px 0}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}@media screen and (max-width: 500px){verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 60px;flex:1 1 60px;max-width:60px;min-width:60px}}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .recipient-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}";
15
15
  const VerdocsEnvelopeSidebarStyle0 = verdocsEnvelopeSidebarCss;
16
16
 
17
17
  const InformationCircle = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /></svg>`;
@@ -203,18 +203,18 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
203
203
  });
204
204
  }
205
205
  render() {
206
- return (h(Host, { key: 'c97d8d4415fb171c1335d3fbef9a885329740613' }, h("div", { key: 'dc0117f6476648985fdad07525e3c10c0a4542d3', class: "header" }, h("div", { key: 'ebd6521d3e9afd5ff9883829c7f66c55f31e7659', class: "filter" }, h("verdocs-text-input", { key: 'a5c15206146898551ac7ec9e22385335d1215d0a', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
206
+ return (h(Host, { key: 'f2d9959d6f173c5f43075cd8e983bfaa204b4d74' }, h("div", { key: '13d4ba423c58911e560b3f0fcd005aefaac9bf85', class: "header" }, h("div", { key: '856651a72ebaa3402985a07adf898c1248ab90fc', class: "filter" }, h("verdocs-text-input", { key: '36e95337804ee01a54c2a2cb09770ceae1a3be12', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
207
207
  var _a;
208
208
  // We don't locally filter envelopes because there are too many fields to match against efficiently.
209
209
  this.match = e.target.value.trim();
210
210
  (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
211
- } })), h("verdocs-quick-filter", { key: '497b419b0789a338264523b52e6c2f15de6d02fe', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
211
+ } })), h("verdocs-quick-filter", { key: 'f3a65dcdbfa5eeae30d0b5c97b936197d48a0c6f', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
212
212
  this.view = e.detail.value;
213
- } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'ca4c1472e25cf458699a5b3cbd7bd55156938a59', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
213
+ } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '4eea6c7923251c0d9758cf7eb1fd1e13f62d3e77', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
214
214
  this.status = e.detail.value;
215
- } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '232cacdc7d067961da8d1c9482d07c6e76b84d38', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
215
+ } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '6b5495e7e03b06f4b0dd0cbccada866a04f0efe8', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
216
216
  this.sort = e.detail.value;
217
- } })), this.loading && h("verdocs-spinner", { key: '44c39036f7ac8358a9c8b658e533c393413dc4db', mode: "dark", size: 24 }), h("div", { key: 'f5b8246bf8cdfa9737b8675b59e44fc45df3cc06', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '9c6f32a107c15af7173ae4fd2ac16265bcc8be6f', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
217
+ } })), this.loading && h("verdocs-spinner", { key: 'c37a510b39de9bd7ddb8617cc3af592eb88a260d', mode: "dark", size: 24 }), h("div", { key: '04db9eca9b23e3dceb163d8cb6bcf766cfb28fa2', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '0fd88565bbc87bf75c164715a8cc69099c39ba01', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
218
218
  var _a;
219
219
  const recipientsWithActions = getRecipientsWithActions(envelope);
220
220
  const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -255,7 +255,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsEnv
255
255
  break;
256
256
  }
257
257
  } }))));
258
- }), !this.initiallyLoaded && (h("div", { key: '3008dcd8a557d2f47041455cf9fa554bbcc0b229', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'f1e6ffe23cd5c2d9cf18bafadbf0b61e70984f4d', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
258
+ }), !this.initiallyLoaded && (h("div", { key: '61a9e69c17606600ecce9926286a019a4bd3f6e2', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '8b351e5c629ef3d4610a56b26f0eb264f7b4e6ff', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
259
259
  this.selectedPage = e.detail.selectedPage;
260
260
  } }))) : (h("div", null))));
261
261
  }
@@ -1,9 +1,8 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
2
2
  import { i as interact } from './interact.min.js';
3
3
  import { VerdocsEndpoint, updateField, getRGBA } from '@verdocs/js-sdk';
4
- import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
5
4
  import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
6
- import { g as getFieldSettings } from './utils.js';
5
+ import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
7
6
  import { S as SettingsIcon } from './Icons.js';
8
7
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
9
8
  import { d as defineCustomElement$8 } from './verdocs-checkbox2.js';
@@ -15,7 +14,7 @@ import { d as defineCustomElement$3 } from './verdocs-template-field-properties2
15
14
  import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
16
15
  import { d as defineCustomElement$1 } from './verdocs-upload-dialog2.js';
17
16
 
18
- const verdocsFieldAttachmentCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-attachment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled{opacity:0.5}verdocs-field-attachment.disabled span{cursor:inherit}verdocs-field-attachment span{cursor:inherit;width:20px}verdocs-field-attachment.required span{border:1px solid #cc0000}verdocs-field-attachment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}";
17
+ const verdocsFieldAttachmentCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-field-attachment{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;width:24px;height:24px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-attachment label{top:-14px;left:-1px;height:14px;color:white;padding:0 4px;font-size:9px;line-height:13px;position:absolute;background:#4a4a99;border-top-left-radius:2px;border-top-right-radius:2px}verdocs-field-attachment svg{width:16px;height:16px}verdocs-field-attachment.disabled svg{opacity:0.5}verdocs-field-attachment.disabled svg span{cursor:inherit}verdocs-field-attachment .attach{cursor:inherit;width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-field-attachment.required .attach{border:1px solid #cc0000}verdocs-field-attachment.focused{-webkit-animation:verdocs-field-pulse 0.4s 1;animation:verdocs-field-pulse 0.4s 1}verdocs-field-attachment verdocs-button-panel{top:1px;left:-19px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-attachment verdocs-button-panel[data-active],verdocs-field-attachment verdocs-button-panel:hover{opacity:1}verdocs-field-attachment verdocs-button-panel .icon svg{fill:#333333}verdocs-field-attachment verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-attachment .settings-icon{position:absolute;top:-3px;left:-20px;display:inline-block;cursor:pointer;opacity:0.3}verdocs-field-attachment .settings-icon svg{fill:#707ae5}verdocs-field-attachment .settings-icon:hover{opacity:1}";
19
18
  const VerdocsFieldAttachmentStyle0 = verdocsFieldAttachmentCss;
20
19
 
21
20
  const PaperclipIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;
@@ -94,15 +93,13 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
94
93
  Object.assign(e.target.dataset, { x, y, h });
95
94
  }
96
95
  handleResizeEnd(e) {
97
- const field = this.fieldStore.get('fields').find(field => field.name === this.fieldname);
98
- const newSettings = { ...getFieldSettings(field) };
99
- newSettings.width = Math.round(parseFloat(e.target.style.width));
100
- newSettings.height = Math.round(parseFloat(e.target.style.height));
101
- updateField(this.endpoint, this.templateid, this.fieldname, { settings: newSettings })
96
+ const width = Math.round(parseFloat(e.target.style.width));
97
+ const height = Math.round(parseFloat(e.target.style.height));
98
+ updateField(this.endpoint, this.templateid, this.fieldname, { width, height })
102
99
  .then(field => {
103
100
  var _a;
104
101
  updateStoreField(this.fieldStore, this.fieldname, field);
105
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, settings: newSettings, field });
102
+ (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, field });
106
103
  Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
107
104
  })
108
105
  .catch(e => console.log('Field update failed', e));
@@ -122,14 +119,13 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
122
119
  render() {
123
120
  const { templateid, fieldname = '', editable = false, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
124
121
  const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
125
- const { required = false, role_name = '' } = field || {};
126
- const { result: url = '' } = getFieldSettings(field);
122
+ const { required = false, role_name = '', value = '', label = '' } = field || {};
127
123
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
128
- const hasFile = url || !!this.selectedFile;
124
+ const hasFile = value || !!this.selectedFile;
129
125
  if (done) {
130
- return (h(Host, { class: { done } }, h("span", { innerHTML: hasFile ? AttachedIcon : PaperclipIcon })));
126
+ return (h(Host, { class: { done } }, h("div", { class: "attach", innerHTML: hasFile ? AttachedIcon : PaperclipIcon })));
131
127
  }
132
- return (h(Host, { class: { required, disabled, done }, style: { backgroundColor } }, h("span", { innerHTML: hasFile ? AttachedIcon : PaperclipIcon, onClick: () => !disabled && this.handleShow() }), 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) => {
128
+ return (h(Host, { class: { required, disabled, done }, style: { backgroundColor } }, label && h("label", null, label), h("div", { class: "attach", innerHTML: hasFile ? AttachedIcon : PaperclipIcon, onClick: () => !disabled && this.handleShow() }), 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) => {
133
129
  e.stopPropagation();
134
130
  this.showingProperties = !this.showingProperties;
135
131
  } }), 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: () => {