@verdocs/web-sdk 2.2.9 → 2.2.10

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 (372) hide show
  1. package/dist/cjs/{EnvelopeStore-c2f0d4ca.js → EnvelopeStore-0abf204c.js} +1 -1
  2. package/dist/cjs/{TemplateStore-4041d8af.js → TemplateStore-a5fa2b0c.js} +1 -1
  3. package/dist/cjs/{index-1d5fc518.js → index-5463795e.js} +2 -0
  4. package/dist/cjs/{index-f664e4d0.js → index-f712049c.js} +1 -1
  5. package/dist/cjs/ipc-test.cjs.entry.js +3 -3
  6. package/dist/cjs/loader.cjs.js +2 -2
  7. package/dist/cjs/verdocs-activity-box.cjs.entry.js +1 -1
  8. package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
  9. package/dist/cjs/verdocs-build.cjs.entry.js +7 -9
  10. package/dist/cjs/verdocs-button-panel_2.cjs.entry.js +3 -3
  11. package/dist/cjs/verdocs-button_3.cjs.entry.js +1 -1
  12. package/dist/cjs/verdocs-checkbox_3.cjs.entry.js +1 -1
  13. package/dist/cjs/{verdocs-contact-picker.cjs.entry.js → verdocs-contact-picker_2.cjs.entry.js} +30 -1
  14. package/dist/cjs/verdocs-dialog_3.cjs.entry.js +1 -1
  15. package/dist/cjs/verdocs-dropdown.cjs.entry.js +60 -48
  16. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +1 -1
  17. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +3 -3
  18. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +3 -3
  19. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +1 -1
  20. package/dist/cjs/verdocs-field-attachment.cjs.entry.js +1 -1
  21. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +1 -1
  22. package/dist/cjs/verdocs-field-date.cjs.entry.js +1 -1
  23. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +1 -1
  24. package/dist/cjs/verdocs-field-initial.cjs.entry.js +1 -1
  25. package/dist/cjs/verdocs-field-payment.cjs.entry.js +1 -1
  26. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +1 -1
  27. package/dist/cjs/verdocs-field-signature.cjs.entry.js +1 -1
  28. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +1 -1
  29. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +1 -1
  30. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +1 -1
  31. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
  32. package/dist/cjs/verdocs-floating-menu.cjs.entry.js +1 -1
  33. package/dist/cjs/verdocs-initial-dialog.cjs.entry.js +1 -1
  34. package/dist/cjs/verdocs-kba-dialog.cjs.entry.js +1 -1
  35. package/dist/cjs/verdocs-loader.cjs.entry.js +1 -1
  36. package/dist/cjs/verdocs-ok-dialog.cjs.entry.js +1 -1
  37. package/dist/cjs/verdocs-organization-card.cjs.entry.js +1 -1
  38. package/dist/cjs/verdocs-pagination_3.cjs.entry.js +1 -1
  39. package/dist/cjs/verdocs-preview_6.cjs.entry.js +604 -0
  40. package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js +1 -1
  41. package/dist/cjs/verdocs-radio-button.cjs.entry.js +1 -1
  42. package/dist/cjs/verdocs-search-tabs.cjs.entry.js +1 -1
  43. package/dist/cjs/verdocs-search.cjs.entry.js +1 -1
  44. package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +1 -1
  45. package/dist/cjs/verdocs-settings.cjs.entry.js +1 -1
  46. package/dist/cjs/verdocs-sign.cjs.entry.js +1 -1
  47. package/dist/cjs/verdocs-signature-dialog.cjs.entry.js +1 -1
  48. package/dist/cjs/verdocs-status-indicator.cjs.entry.js +1 -1
  49. package/dist/cjs/verdocs-template-card.cjs.entry.js +1 -1
  50. package/dist/cjs/verdocs-template-create.cjs.entry.js +99 -0
  51. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +1 -1
  52. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +4 -4
  53. package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
  54. package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
  55. package/dist/cjs/verdocs-templates-list.cjs.entry.js +1 -1
  56. package/dist/cjs/verdocs-toggle.cjs.entry.js +1 -1
  57. package/dist/cjs/verdocs-upload-dialog.cjs.entry.js +1 -1
  58. package/dist/cjs/verdocs-view.cjs.entry.js +1 -1
  59. package/dist/cjs/verdocs-web-sdk.cjs.js +2 -2
  60. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.css +28 -27
  61. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js +67 -51
  62. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js +1 -1
  63. package/dist/collection/components/embeds/verdocs-build/verdocs-build.css +44 -0
  64. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +5 -7
  65. package/dist/collection/components/embeds/verdocs-build/verdocs-build.stories.js +5 -1
  66. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.css +1 -1
  67. package/dist/components/Validators.js +1 -1
  68. package/dist/components/utils.js +1 -1
  69. package/dist/components/verdocs-build.js +76 -42
  70. package/dist/components/verdocs-dropdown2.js +61 -50
  71. package/dist/components/verdocs-preview.js +1 -92
  72. package/dist/{esm/verdocs-preview.entry.js → components/verdocs-preview2.js} +42 -19
  73. package/dist/components/verdocs-send.js +1 -163
  74. package/dist/{esm/verdocs-send.entry.js → components/verdocs-send2.js} +56 -21
  75. package/dist/components/verdocs-sign.js +2 -2
  76. package/dist/components/verdocs-template-create.js +138 -1
  77. package/dist/components/verdocs-template-fields2.js +1 -1
  78. package/dist/components/verdocs-template-name.js +1 -126
  79. package/dist/{esm/verdocs-template-name.entry.js → components/verdocs-template-name2.js} +62 -13
  80. package/dist/components/verdocs-template-reminders.js +1 -194
  81. package/dist/{esm/verdocs-template-reminders.entry.js → components/verdocs-template-reminders2.js} +71 -14
  82. package/dist/components/verdocs-template-roles2.js +2 -2
  83. package/dist/components/verdocs-template-visibility.js +1 -120
  84. package/dist/{esm/verdocs-template-visibility.entry.js → components/verdocs-template-visibility2.js} +51 -13
  85. package/dist/components/verdocs-view2.js +1 -1
  86. package/dist/docs.json +83 -28
  87. package/dist/esm/{EnvelopeStore-ca60f0ab.js → EnvelopeStore-7f484014.js} +1 -1
  88. package/dist/esm/{TemplateStore-01a9d18f.js → TemplateStore-e8cf5a15.js} +1 -1
  89. package/dist/esm/{Validators-f110bae2.js → Validators-16a2a43b.js} +1 -1
  90. package/dist/esm/{index-151c0874.js → index-172625c5.js} +2 -0
  91. package/dist/esm/{index-38d7bc0b.js → index-4439b0d1.js} +1 -1
  92. package/dist/esm/ipc-test.entry.js +3 -3
  93. package/dist/esm/loader.js +2 -2
  94. package/dist/esm/{utils-51d998e2.js → utils-c0cd0b91.js} +1 -1
  95. package/dist/esm/verdocs-activity-box.entry.js +1 -1
  96. package/dist/esm/verdocs-auth.entry.js +1 -1
  97. package/dist/esm/verdocs-build.entry.js +7 -9
  98. package/dist/esm/verdocs-button-panel_2.entry.js +3 -3
  99. package/dist/esm/verdocs-button_3.entry.js +1 -1
  100. package/dist/esm/verdocs-checkbox_3.entry.js +1 -1
  101. package/dist/esm/{verdocs-contact-picker.entry.js → verdocs-contact-picker_2.entry.js} +31 -3
  102. package/dist/esm/verdocs-dialog_3.entry.js +1 -1
  103. package/dist/esm/verdocs-dropdown.entry.js +60 -48
  104. package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
  105. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +3 -3
  106. package/dist/esm/verdocs-envelope-sidebar.entry.js +3 -3
  107. package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
  108. package/dist/esm/verdocs-field-attachment.entry.js +2 -2
  109. package/dist/esm/verdocs-field-checkbox.entry.js +2 -2
  110. package/dist/esm/verdocs-field-date.entry.js +2 -2
  111. package/dist/esm/verdocs-field-dropdown.entry.js +2 -2
  112. package/dist/esm/verdocs-field-initial.entry.js +2 -2
  113. package/dist/esm/verdocs-field-payment.entry.js +2 -2
  114. package/dist/esm/verdocs-field-radio-button.entry.js +2 -2
  115. package/dist/esm/verdocs-field-signature.entry.js +2 -2
  116. package/dist/esm/verdocs-field-textarea.entry.js +2 -2
  117. package/dist/esm/verdocs-field-textbox.entry.js +2 -2
  118. package/dist/esm/verdocs-field-timestamp.entry.js +2 -2
  119. package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
  120. package/dist/esm/verdocs-floating-menu.entry.js +1 -1
  121. package/dist/esm/verdocs-initial-dialog.entry.js +1 -1
  122. package/dist/esm/verdocs-kba-dialog.entry.js +1 -1
  123. package/dist/esm/verdocs-loader.entry.js +1 -1
  124. package/dist/esm/verdocs-ok-dialog.entry.js +1 -1
  125. package/dist/esm/verdocs-organization-card.entry.js +1 -1
  126. package/dist/esm/verdocs-pagination_3.entry.js +2 -2
  127. package/dist/esm/verdocs-preview_6.entry.js +595 -0
  128. package/dist/esm/verdocs-quick-functions_3.entry.js +1 -1
  129. package/dist/esm/verdocs-radio-button.entry.js +1 -1
  130. package/dist/esm/verdocs-search-tabs.entry.js +1 -1
  131. package/dist/esm/verdocs-search.entry.js +1 -1
  132. package/dist/esm/verdocs-settings-api-keys_4.entry.js +2 -2
  133. package/dist/esm/verdocs-settings.entry.js +1 -1
  134. package/dist/esm/verdocs-sign.entry.js +3 -3
  135. package/dist/esm/verdocs-signature-dialog.entry.js +1 -1
  136. package/dist/esm/verdocs-status-indicator.entry.js +1 -1
  137. package/dist/esm/verdocs-template-card.entry.js +1 -1
  138. package/dist/{components/verdocs-template-create2.js → esm/verdocs-template-create.entry.js} +11 -56
  139. package/dist/esm/verdocs-template-document-page_2.entry.js +2 -2
  140. package/dist/esm/verdocs-template-fields_4.entry.js +5 -5
  141. package/dist/esm/verdocs-template-star.entry.js +1 -1
  142. package/dist/esm/verdocs-template-tags.entry.js +1 -1
  143. package/dist/esm/verdocs-templates-list.entry.js +1 -1
  144. package/dist/esm/verdocs-toggle.entry.js +1 -1
  145. package/dist/esm/verdocs-upload-dialog.entry.js +1 -1
  146. package/dist/esm/verdocs-view.entry.js +2 -2
  147. package/dist/esm/verdocs-web-sdk.js +2 -2
  148. package/dist/esm-es5/{EnvelopeStore-ca60f0ab.js → EnvelopeStore-7f484014.js} +1 -1
  149. package/dist/esm-es5/{TemplateStore-01a9d18f.js → TemplateStore-e8cf5a15.js} +1 -1
  150. package/dist/esm-es5/{Validators-f110bae2.js → Validators-16a2a43b.js} +1 -1
  151. package/dist/esm-es5/{index-151c0874.js → index-172625c5.js} +1 -1
  152. package/dist/esm-es5/{index-38d7bc0b.js → index-4439b0d1.js} +1 -1
  153. package/dist/esm-es5/ipc-test.entry.js +1 -1
  154. package/dist/esm-es5/loader.js +1 -1
  155. package/dist/esm-es5/{utils-51d998e2.js → utils-c0cd0b91.js} +1 -1
  156. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  157. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  158. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  159. package/dist/esm-es5/verdocs-button-panel_2.entry.js +1 -1
  160. package/dist/esm-es5/verdocs-button_3.entry.js +1 -1
  161. package/dist/esm-es5/verdocs-checkbox_3.entry.js +1 -1
  162. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -0
  163. package/dist/esm-es5/verdocs-dialog_3.entry.js +1 -1
  164. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
  165. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  166. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  167. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  168. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  169. package/dist/esm-es5/verdocs-field-attachment.entry.js +1 -1
  170. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  171. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  172. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  173. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  174. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  175. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  176. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  177. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  178. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  179. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  180. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  181. package/dist/esm-es5/verdocs-floating-menu.entry.js +1 -1
  182. package/dist/esm-es5/verdocs-initial-dialog.entry.js +1 -1
  183. package/dist/esm-es5/verdocs-kba-dialog.entry.js +1 -1
  184. package/dist/esm-es5/verdocs-loader.entry.js +1 -1
  185. package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
  186. package/dist/esm-es5/verdocs-organization-card.entry.js +1 -1
  187. package/dist/esm-es5/verdocs-pagination_3.entry.js +1 -1
  188. package/dist/esm-es5/verdocs-preview_6.entry.js +1 -0
  189. package/dist/esm-es5/verdocs-quick-functions_3.entry.js +1 -1
  190. package/dist/esm-es5/verdocs-radio-button.entry.js +1 -1
  191. package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
  192. package/dist/esm-es5/verdocs-search.entry.js +1 -1
  193. package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -1
  194. package/dist/esm-es5/verdocs-settings.entry.js +1 -1
  195. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  196. package/dist/esm-es5/verdocs-signature-dialog.entry.js +1 -1
  197. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  198. package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
  199. package/dist/esm-es5/verdocs-template-create.entry.js +1 -0
  200. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  201. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  202. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  203. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  204. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  205. package/dist/esm-es5/verdocs-toggle.entry.js +1 -1
  206. package/dist/esm-es5/verdocs-upload-dialog.entry.js +1 -1
  207. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  208. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  209. package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.d.ts +3 -9
  210. package/dist/types/components/embeds/verdocs-build/verdocs-build.d.ts +3 -3
  211. package/dist/types/components/embeds/verdocs-build/verdocs-build.stories.d.ts +4 -1
  212. package/dist/types/components.d.ts +2 -2
  213. package/dist/verdocs-web-sdk/{p-50adf449.system.entry.js → p-013d1556.system.entry.js} +1 -1
  214. package/dist/verdocs-web-sdk/p-02dc4501.system.entry.js +1 -0
  215. package/dist/verdocs-web-sdk/{p-b35f33a8.entry.js → p-04580be0.entry.js} +1 -1
  216. package/dist/verdocs-web-sdk/{p-ff2d4284.system.entry.js → p-07696831.system.entry.js} +1 -1
  217. package/dist/verdocs-web-sdk/{p-fb9b8d32.system.entry.js → p-07b5f356.system.entry.js} +1 -1
  218. package/dist/verdocs-web-sdk/{p-3dcf8e41.entry.js → p-0b2102df.entry.js} +1 -1
  219. package/dist/verdocs-web-sdk/{p-19860fa1.system.entry.js → p-0df9e6e1.system.entry.js} +1 -1
  220. package/dist/verdocs-web-sdk/{p-c3c0376a.entry.js → p-0edfbbb9.entry.js} +1 -1
  221. package/dist/verdocs-web-sdk/{p-6d3e0994.js → p-14b44491.js} +1 -1
  222. package/dist/verdocs-web-sdk/{p-6d2082b7.system.js → p-1753f57b.system.js} +1 -1
  223. package/dist/verdocs-web-sdk/{p-c7c021fe.system.entry.js → p-1d0342e6.system.entry.js} +1 -1
  224. package/dist/verdocs-web-sdk/{p-9d2b75ac.entry.js → p-20986706.entry.js} +1 -1
  225. package/dist/verdocs-web-sdk/{p-e0a212a1.system.entry.js → p-21e137f0.system.entry.js} +1 -1
  226. package/dist/verdocs-web-sdk/{p-400a996a.system.entry.js → p-2284d430.system.entry.js} +1 -1
  227. package/dist/verdocs-web-sdk/{p-fb71f28a.system.entry.js → p-2549a794.system.entry.js} +1 -1
  228. package/dist/verdocs-web-sdk/{p-b48a2f14.entry.js → p-27ea3260.entry.js} +1 -1
  229. package/dist/verdocs-web-sdk/{p-2ea70113.entry.js → p-2b6e4f2a.entry.js} +1 -1
  230. package/dist/verdocs-web-sdk/{p-01ec9d6d.system.entry.js → p-2f739b03.system.entry.js} +1 -1
  231. package/dist/verdocs-web-sdk/p-353c7ff6.system.entry.js +1 -0
  232. package/dist/verdocs-web-sdk/{p-aac295bd.entry.js → p-3a90098d.entry.js} +1 -1
  233. package/dist/verdocs-web-sdk/{p-2c95d99b.system.js → p-3af6b910.system.js} +1 -1
  234. package/dist/verdocs-web-sdk/{p-e2fa3015.entry.js → p-3c798272.entry.js} +1 -1
  235. package/dist/verdocs-web-sdk/{p-4b0a633d.entry.js → p-3da4fed1.entry.js} +1 -1
  236. package/dist/verdocs-web-sdk/{p-766f8b54.system.entry.js → p-4017b53a.system.entry.js} +1 -1
  237. package/dist/verdocs-web-sdk/{p-33d75280.system.entry.js → p-41cd34db.system.entry.js} +1 -1
  238. package/dist/verdocs-web-sdk/{p-449f38bb.js → p-425707d0.js} +1 -1
  239. package/dist/verdocs-web-sdk/{p-3a7d47ba.entry.js → p-428de4a5.entry.js} +1 -1
  240. package/dist/verdocs-web-sdk/{p-19a0fdf2.entry.js → p-42f27e8c.entry.js} +1 -1
  241. package/dist/verdocs-web-sdk/{p-a00ea81e.entry.js → p-43a8df52.entry.js} +1 -1
  242. package/dist/verdocs-web-sdk/{p-cfead4df.entry.js → p-450a3908.entry.js} +1 -1
  243. package/dist/verdocs-web-sdk/{p-2bed90fd.system.entry.js → p-4583338b.system.entry.js} +1 -1
  244. package/dist/verdocs-web-sdk/{p-ff850808.system.entry.js → p-45bee3f6.system.entry.js} +1 -1
  245. package/dist/verdocs-web-sdk/{p-b650d3c1.system.entry.js → p-45d5e035.system.entry.js} +1 -1
  246. package/dist/verdocs-web-sdk/{p-37c09dd4.system.entry.js → p-48c62137.system.entry.js} +1 -1
  247. package/dist/verdocs-web-sdk/p-49b06b42.entry.js +1 -0
  248. package/dist/verdocs-web-sdk/{p-afd6285f.system.entry.js → p-4a500a3f.system.entry.js} +1 -1
  249. package/dist/verdocs-web-sdk/{p-937cd171.system.entry.js → p-4f914da5.system.entry.js} +1 -1
  250. package/dist/verdocs-web-sdk/{p-205b6235.system.entry.js → p-4fd9a342.system.entry.js} +1 -1
  251. package/dist/verdocs-web-sdk/{p-2a969dc8.system.entry.js → p-506754d5.system.entry.js} +1 -1
  252. package/dist/verdocs-web-sdk/{p-1fea7a7e.entry.js → p-51979353.entry.js} +1 -1
  253. package/dist/verdocs-web-sdk/{p-5d6c7546.system.entry.js → p-519893b0.system.entry.js} +1 -1
  254. package/dist/verdocs-web-sdk/{p-c3f5b07e.entry.js → p-521a3fec.entry.js} +1 -1
  255. package/dist/verdocs-web-sdk/{p-02bbfba3.system.entry.js → p-55b5233b.system.entry.js} +1 -1
  256. package/dist/verdocs-web-sdk/{p-c556a377.system.entry.js → p-59cc4e99.system.entry.js} +1 -1
  257. package/dist/verdocs-web-sdk/{p-ae5fe9e7.entry.js → p-5ab837bf.entry.js} +1 -1
  258. package/dist/verdocs-web-sdk/{p-3fcfb333.system.entry.js → p-5c01f483.system.entry.js} +1 -1
  259. package/dist/verdocs-web-sdk/p-5d57357e.system.entry.js +1 -0
  260. package/dist/verdocs-web-sdk/{p-5cb78c1b.system.entry.js → p-64d4ec95.system.entry.js} +1 -1
  261. package/dist/verdocs-web-sdk/{p-a6a226bd.system.entry.js → p-66cec042.system.entry.js} +1 -1
  262. package/dist/verdocs-web-sdk/p-686bf682.entry.js +1 -0
  263. package/dist/verdocs-web-sdk/{p-3dac1048.js → p-6b9c285d.js} +1 -1
  264. package/dist/verdocs-web-sdk/{p-f7fecffd.entry.js → p-6ccb86b6.entry.js} +1 -1
  265. package/dist/verdocs-web-sdk/{p-7967b361.entry.js → p-6e39e5e9.entry.js} +1 -1
  266. package/dist/verdocs-web-sdk/{p-a8cf70dd.entry.js → p-6ff8759f.entry.js} +1 -1
  267. package/dist/verdocs-web-sdk/{p-5f57ec68.entry.js → p-71eefe0e.entry.js} +1 -1
  268. package/dist/verdocs-web-sdk/{p-21615f18.js → p-7648c449.js} +1 -1
  269. package/dist/verdocs-web-sdk/{p-a2b83969.entry.js → p-77ecee31.entry.js} +1 -1
  270. package/dist/verdocs-web-sdk/{p-cd92a456.entry.js → p-78c9bc84.entry.js} +1 -1
  271. package/dist/verdocs-web-sdk/{p-df90b36d.entry.js → p-78e4f430.entry.js} +1 -1
  272. package/dist/verdocs-web-sdk/{p-c98bb9f4.entry.js → p-79b0c643.entry.js} +1 -1
  273. package/dist/verdocs-web-sdk/{p-fea16530.entry.js → p-7bab7252.entry.js} +1 -1
  274. package/dist/verdocs-web-sdk/{p-6572cc71.system.entry.js → p-7bd5db75.system.entry.js} +1 -1
  275. package/dist/verdocs-web-sdk/{p-cef5dd3e.entry.js → p-7c7eee3b.entry.js} +1 -1
  276. package/dist/verdocs-web-sdk/{p-3a0c5966.system.entry.js → p-7cb3209d.system.entry.js} +1 -1
  277. package/dist/verdocs-web-sdk/{p-dbfa7aea.entry.js → p-7d5e91f5.entry.js} +1 -1
  278. package/dist/verdocs-web-sdk/{p-675c95e8.entry.js → p-7ec2b6c4.entry.js} +1 -1
  279. package/dist/verdocs-web-sdk/{p-670a2414.system.entry.js → p-7efaf5de.system.entry.js} +1 -1
  280. package/dist/verdocs-web-sdk/{p-06e445b1.system.entry.js → p-7f669bb1.system.entry.js} +1 -1
  281. package/dist/verdocs-web-sdk/{p-0e08012c.system.entry.js → p-83e80908.system.entry.js} +1 -1
  282. package/dist/verdocs-web-sdk/{p-4911d1f9.entry.js → p-84efd562.entry.js} +1 -1
  283. package/dist/verdocs-web-sdk/{p-7efdefa3.system.js → p-877c2b06.system.js} +1 -1
  284. package/dist/verdocs-web-sdk/{p-e248947e.system.entry.js → p-883d60e1.system.entry.js} +1 -1
  285. package/dist/verdocs-web-sdk/{p-7d6c3d5b.entry.js → p-8dd6bda5.entry.js} +1 -1
  286. package/dist/verdocs-web-sdk/{p-453bb85d.entry.js → p-9009e136.entry.js} +1 -1
  287. package/dist/verdocs-web-sdk/{p-53fd209e.system.entry.js → p-93eb4996.system.entry.js} +1 -1
  288. package/dist/verdocs-web-sdk/{p-ed38d3d2.entry.js → p-955f0375.entry.js} +1 -1
  289. package/dist/verdocs-web-sdk/{p-fb609f37.entry.js → p-965b66a8.entry.js} +1 -1
  290. package/dist/verdocs-web-sdk/p-a0ad315e.system.entry.js +1 -0
  291. package/dist/verdocs-web-sdk/p-a167438a.entry.js +1 -0
  292. package/dist/verdocs-web-sdk/p-a1e82d5a.entry.js +1 -0
  293. package/dist/verdocs-web-sdk/{p-af8e5bc9.system.entry.js → p-a5f450a1.system.entry.js} +1 -1
  294. package/dist/verdocs-web-sdk/{p-c9fe8bad.system.entry.js → p-a6048cc9.system.entry.js} +1 -1
  295. package/dist/verdocs-web-sdk/{p-f05e18ba.system.entry.js → p-a6475e9e.system.entry.js} +1 -1
  296. package/dist/verdocs-web-sdk/{p-615b82c0.system.entry.js → p-a894761f.system.entry.js} +1 -1
  297. package/dist/verdocs-web-sdk/{p-b64f9e64.system.entry.js → p-aad7ef50.system.entry.js} +1 -1
  298. package/dist/verdocs-web-sdk/{p-eddc727f.system.entry.js → p-ab889005.system.entry.js} +1 -1
  299. package/dist/verdocs-web-sdk/{p-6cd5db91.system.entry.js → p-aba05f25.system.entry.js} +1 -1
  300. package/dist/verdocs-web-sdk/{p-803924f3.entry.js → p-ad273610.entry.js} +1 -1
  301. package/dist/verdocs-web-sdk/{p-c23359af.system.entry.js → p-ae971bb4.system.entry.js} +1 -1
  302. package/dist/verdocs-web-sdk/{p-8e83ea1e.entry.js → p-aeeb0ee3.entry.js} +1 -1
  303. package/dist/verdocs-web-sdk/{p-70a1cb8d.entry.js → p-b68d2dba.entry.js} +1 -1
  304. package/dist/verdocs-web-sdk/{p-750b37cd.system.entry.js → p-b820b749.system.entry.js} +1 -1
  305. package/dist/verdocs-web-sdk/{p-169fa979.system.js → p-b8c356b3.system.js} +1 -1
  306. package/dist/verdocs-web-sdk/{p-bc943a21.entry.js → p-ba04698a.entry.js} +1 -1
  307. package/dist/verdocs-web-sdk/{p-000348a7.system.entry.js → p-ba87f33c.system.entry.js} +1 -1
  308. package/dist/verdocs-web-sdk/p-bbb2afd0.system.entry.js +1 -0
  309. package/dist/verdocs-web-sdk/{p-52808c19.entry.js → p-bbd400a5.entry.js} +1 -1
  310. package/dist/verdocs-web-sdk/{p-460b9fab.entry.js → p-c41a65a9.entry.js} +1 -1
  311. package/dist/verdocs-web-sdk/{p-3eacc51e.entry.js → p-cb9f22d7.entry.js} +1 -1
  312. package/dist/verdocs-web-sdk/{p-353d7e71.system.js → p-cd48750c.system.js} +1 -1
  313. package/dist/verdocs-web-sdk/{p-3aac3218.system.entry.js → p-cd64b223.system.entry.js} +1 -1
  314. package/dist/verdocs-web-sdk/{p-55af2ceb.js → p-d4d8858f.js} +1 -1
  315. package/dist/verdocs-web-sdk/{p-e2d0d0cc.entry.js → p-e122fb40.entry.js} +1 -1
  316. package/dist/verdocs-web-sdk/{p-0a78214b.entry.js → p-e1cad931.entry.js} +1 -1
  317. package/dist/verdocs-web-sdk/{p-cb9985fe.entry.js → p-e27ec758.entry.js} +1 -1
  318. package/dist/verdocs-web-sdk/{p-e1942999.system.entry.js → p-e2fe0aa5.system.entry.js} +1 -1
  319. package/dist/verdocs-web-sdk/{p-607a2dfe.entry.js → p-e40dd4d1.entry.js} +1 -1
  320. package/dist/verdocs-web-sdk/{p-e662f81b.js → p-e8ce0b6f.js} +1 -1
  321. package/dist/verdocs-web-sdk/{p-4dc8cc71.system.entry.js → p-ecfa94fb.system.entry.js} +1 -1
  322. package/dist/verdocs-web-sdk/{p-96ca789b.system.entry.js → p-edabba6b.system.entry.js} +1 -1
  323. package/dist/verdocs-web-sdk/p-f04bf956.system.js +1 -0
  324. package/dist/verdocs-web-sdk/{p-42efc13c.entry.js → p-f08e52e4.entry.js} +1 -1
  325. package/dist/verdocs-web-sdk/p-f0e1d7a4.entry.js +1 -0
  326. package/dist/verdocs-web-sdk/{p-966f84ec.entry.js → p-f0f27520.entry.js} +1 -1
  327. package/dist/verdocs-web-sdk/{p-5080cdfc.entry.js → p-f2deae25.entry.js} +1 -1
  328. package/dist/verdocs-web-sdk/{p-511d7177.entry.js → p-f520ee27.entry.js} +1 -1
  329. package/dist/verdocs-web-sdk/{p-c125f51e.system.entry.js → p-f69ced2b.system.entry.js} +1 -1
  330. package/dist/verdocs-web-sdk/{p-fac26def.system.entry.js → p-f9e89b56.system.entry.js} +1 -1
  331. package/dist/verdocs-web-sdk/{p-2dbc05c6.system.js → p-fbb8023f.system.js} +1 -1
  332. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  333. package/dist/verdocs-web-sdk/verdocs-web-sdk.js +1 -1
  334. package/package.json +1 -1
  335. package/dist/cjs/verdocs-preview.cjs.entry.js +0 -75
  336. package/dist/cjs/verdocs-send.cjs.entry.js +0 -134
  337. package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js +0 -236
  338. package/dist/cjs/verdocs-template-name.cjs.entry.js +0 -83
  339. package/dist/cjs/verdocs-template-reminders.cjs.entry.js +0 -143
  340. package/dist/cjs/verdocs-template-visibility.cjs.entry.js +0 -88
  341. package/dist/cjs/verdocs-toggle-button.cjs.entry.js +0 -35
  342. package/dist/esm/verdocs-template-attachments_2.entry.js +0 -231
  343. package/dist/esm/verdocs-toggle-button.entry.js +0 -31
  344. package/dist/esm-es5/verdocs-contact-picker.entry.js +0 -1
  345. package/dist/esm-es5/verdocs-preview.entry.js +0 -1
  346. package/dist/esm-es5/verdocs-send.entry.js +0 -1
  347. package/dist/esm-es5/verdocs-template-attachments_2.entry.js +0 -1
  348. package/dist/esm-es5/verdocs-template-name.entry.js +0 -1
  349. package/dist/esm-es5/verdocs-template-reminders.entry.js +0 -1
  350. package/dist/esm-es5/verdocs-template-visibility.entry.js +0 -1
  351. package/dist/esm-es5/verdocs-toggle-button.entry.js +0 -1
  352. package/dist/verdocs-web-sdk/p-0331a582.entry.js +0 -1
  353. package/dist/verdocs-web-sdk/p-0378a336.entry.js +0 -1
  354. package/dist/verdocs-web-sdk/p-05b7ba5b.system.entry.js +0 -1
  355. package/dist/verdocs-web-sdk/p-07dac402.entry.js +0 -1
  356. package/dist/verdocs-web-sdk/p-17d27ba8.entry.js +0 -1
  357. package/dist/verdocs-web-sdk/p-2dc36f82.system.entry.js +0 -1
  358. package/dist/verdocs-web-sdk/p-5314386f.system.entry.js +0 -1
  359. package/dist/verdocs-web-sdk/p-54e215c5.system.entry.js +0 -1
  360. package/dist/verdocs-web-sdk/p-5cae759a.system.entry.js +0 -1
  361. package/dist/verdocs-web-sdk/p-647cdb84.system.js +0 -1
  362. package/dist/verdocs-web-sdk/p-752fe35b.entry.js +0 -1
  363. package/dist/verdocs-web-sdk/p-8fdcf4a9.system.entry.js +0 -1
  364. package/dist/verdocs-web-sdk/p-a5ce9047.system.entry.js +0 -1
  365. package/dist/verdocs-web-sdk/p-b41338e5.system.entry.js +0 -1
  366. package/dist/verdocs-web-sdk/p-b49e1610.entry.js +0 -1
  367. package/dist/verdocs-web-sdk/p-bad42f2d.entry.js +0 -1
  368. package/dist/verdocs-web-sdk/p-c0e4c58b.system.entry.js +0 -1
  369. package/dist/verdocs-web-sdk/p-c2e3d476.system.entry.js +0 -1
  370. package/dist/verdocs-web-sdk/p-ebe13a66.entry.js +0 -1
  371. package/dist/verdocs-web-sdk/p-f164307e.entry.js +0 -1
  372. package/dist/verdocs-web-sdk/p-fd059523.entry.js +0 -1
@@ -1,63 +1,80 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { c as createPopper } from './popper.js';
3
2
 
4
- const verdocsDropdownCss = "verdocs-dropdown{font-family:\"Inter\", \"Barlow\", sans-serif;display:block}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown .items{width:200px;display:none;z-index:10000;border-radius:5px;background:#33354c;border:1px solid #654dcb}verdocs-dropdown .items[data-show]{display:block}verdocs-dropdown .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}verdocs-dropdown .option:hover{cursor:pointer;background:#55bc81}verdocs-dropdown .option[disabled]{color:#aaaaaa}verdocs-dropdown .option[disabled]:hover{color:#aaaaaa;cursor:inherit;background:transparent}verdocs-dropdown .separator{border-top:1px solid #ffffff5f;height:1px;padding-top:5px;margin-top:5px}verdocs-dropdown.open .items{display:block}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}";
3
+ const verdocsDropdownCss = "verdocs-dropdown{display:block;position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-dropdown .arrow{width:32px;height:26px;background:#fff;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #cccccc;-ms-flex-pack:center;justify-content:center}verdocs-dropdown .arrow svg{fill:#55bc81;-webkit-transition:0.3s;transition:0.3s}verdocs-dropdown.open .arrow{background:#4c56cb;border:1px solid #707ae5}verdocs-dropdown.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}#verdocs-dropdown-menu-items{width:200px;z-index:10000;position:absolute;border-radius:5px;background:#33354c;border:1px solid #654dcb}.verdocs-dropdown-menu-separator{height:1px;margin-top:5px;padding-top:5px;border-top:1px solid #ffffff5f}.verdocs-dropdown-menu-option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}.verdocs-dropdown-menu-option:hover{cursor:pointer;background:#55bc81}.verdocs-dropdown-menu-option[disabled]{color:#aaaaaa}.verdocs-dropdown-menu-option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}";
5
4
 
5
+ const MENU_ID = 'verdocs-dropdown-menu-items';
6
6
  const DropdownArrow = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>`;
7
+ function debounce(func, wait, immediate) {
8
+ let timeout;
9
+ return function () {
10
+ const context = this, args = arguments;
11
+ const later = function () {
12
+ timeout = null;
13
+ if (!immediate)
14
+ func.apply(context, args);
15
+ };
16
+ const callNow = immediate && !timeout;
17
+ clearTimeout(timeout);
18
+ timeout = setTimeout(later, wait);
19
+ if (callNow)
20
+ func.apply(context, args);
21
+ };
22
+ }
7
23
  const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
8
24
  constructor() {
9
25
  super();
10
26
  this.__registerHost();
11
27
  this.optionSelected = createEvent(this, "optionSelected", 7);
12
- // We need to do this to reliably disconnect the click-away listener
13
- this.clickListenerSymbol = new AbortController();
14
28
  this.options = [];
15
- this.open = undefined;
16
- }
17
- componentDidLoad() {
18
- this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [0, 6] } }] });
19
- window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
20
29
  }
21
- disconnectedCallback() {
22
- this.clickListenerSymbol.abort();
23
- }
24
- clickListener(e) {
25
- const outside = !(e.target == this.el || this.el.contains(e.target));
26
- if (outside) {
27
- this.hide();
28
- }
30
+ // TODO: This isn't super efficient but it works for now
31
+ handleResize() {
32
+ debounce(this.repositionDropdown.bind(this), 100);
29
33
  }
30
34
  handleSelectOption(e, option) {
35
+ var _a;
31
36
  e.stopPropagation();
32
- // this.isOpen = false;
33
- this.optionSelected.emit(option);
37
+ (_a = this.optionSelected) === null || _a === void 0 ? void 0 : _a.emit(option);
34
38
  this.hide();
35
39
  }
40
+ repositionDropdown() {
41
+ var _a, _b;
42
+ const menu = document.getElementById(MENU_ID);
43
+ if (menu) {
44
+ const bodyWidth = document.body.scrollWidth;
45
+ const buttonRect = (_a = this.dropdownButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
46
+ const triggerHeight = ((_b = this.dropdownButton) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 28;
47
+ menu.style.top = `${((buttonRect === null || buttonRect === void 0 ? void 0 : buttonRect.top) || 0) + triggerHeight}px`;
48
+ menu.style.right = `${Math.max(0, bodyWidth - ((buttonRect === null || buttonRect === void 0 ? void 0 : buttonRect.right) || 0))}px`;
49
+ }
50
+ }
36
51
  // See https://popper.js.org/docs/v2/tutorial/
37
52
  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
38
53
  showDropdown() {
39
- var _a, _b;
40
- // this.isOpen = true;
41
- this.open = true;
42
- this.dropdownMenu.setAttribute('data-show', '');
43
- this.dropdownMenu.removeAttribute('aria-hidden');
44
- (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
45
- ...options,
46
- modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
47
- })).catch(() => { });
48
- (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
49
- }
50
- handleHideDropdown(e) {
51
- var _a, _b;
52
- if (((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.localName) === 'button' && ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.className) === 'arrow') {
53
- // This event is fired when a menu element is clicked because the button "loses focus" then too
54
- return;
55
- }
56
54
  this.hide();
55
+ const menu = document.createElement('div');
56
+ menu.id = MENU_ID;
57
+ this.options.forEach(option => {
58
+ if (!option.label) {
59
+ const separator = document.createElement('div');
60
+ separator.className = 'verdocs-dropdown-menu-separator';
61
+ menu.appendChild(separator);
62
+ }
63
+ else {
64
+ const button = document.createElement('button');
65
+ button.className = 'verdocs-dropdown-menu-option';
66
+ button.disabled = option.disabled || false;
67
+ button.innerHTML = option.label;
68
+ button.addEventListener('click', e => this.handleSelectOption(e, option));
69
+ menu.appendChild(button);
70
+ }
71
+ });
72
+ document.body.appendChild(menu);
73
+ setTimeout(this.repositionDropdown.bind(this), 50);
57
74
  }
58
- toggleDropdown(e) {
75
+ toggle(e) {
59
76
  e.stopPropagation();
60
- if (this.open) {
77
+ if (document.getElementById(MENU_ID)) {
61
78
  this.hide();
62
79
  }
63
80
  else {
@@ -66,24 +83,18 @@ const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
66
83
  }
67
84
  hide() {
68
85
  var _a;
69
- this.open = false;
70
- this.dropdownMenu.removeAttribute('data-show');
71
- this.dropdownMenu.setAttribute('aria-hidden', 'true');
72
- (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
73
- ...options,
74
- modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
75
- })).catch(() => { });
86
+ (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
76
87
  }
77
88
  render() {
78
- var _a;
79
- return (h(Host, { class: { open: !!this.open } }, h("button", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggleDropdown(e), onBlur: e => this.handleHideDropdown(e), ref: el => (this.dropdownButton = el) }), h("div", { class: "items", "aria-hidden": !this.open, ref: el => (this.dropdownMenu = el) }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => option.label ? (h("button", { onClick: e => this.handleSelectOption(e, option), class: "option", disabled: option.disabled }, option.label)) : (h("div", { class: "separator" }))))));
89
+ return (h(Host, null, h("button", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
90
+ // onBlur={() => this.hide()}
91
+ ref: el => (this.dropdownButton = el) })));
80
92
  }
81
93
  get el() { return this; }
82
94
  static get style() { return verdocsDropdownCss; }
83
95
  }, [0, "verdocs-dropdown", {
84
- "options": [16],
85
- "open": [32]
86
- }]);
96
+ "options": [16]
97
+ }, [[9, "resize", "handleResize"]]]);
87
98
  function defineCustomElement() {
88
99
  if (typeof customElements === "undefined") {
89
100
  return;
@@ -1,95 +1,4 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import './Types.js';
3
- import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
- import { r as renderDocumentField, a as getRoleIndex } from './utils.js';
5
- import { g as getTemplateStore, a as getRoleNames } from './TemplateStore.js';
6
- import { S as SDKError } from './errors.js';
7
- import { d as defineCustomElement$3 } from './verdocs-loader2.js';
8
- import { d as defineCustomElement$2 } from './verdocs-template-document-page2.js';
9
-
10
- const verdocsPreviewCss = "verdocs-preview{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}";
11
-
12
- const VerdocsPreview$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
13
- constructor() {
14
- super();
15
- this.__registerHost();
16
- this.sdkError = createEvent(this, "sdkError", 7);
17
- this.store = null;
18
- this.endpoint = VerdocsEndpoint.getDefault();
19
- this.templateId = null;
20
- }
21
- async componentWillLoad() {
22
- var _a, _b, _c;
23
- try {
24
- this.endpoint.loadSession();
25
- if (!this.templateId) {
26
- console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);
27
- return;
28
- }
29
- if (!this.endpoint.session) {
30
- console.log('[PREVIEW] Unable to start builder session, must be authenticated');
31
- return;
32
- }
33
- this.store = await getTemplateStore(this.endpoint, this.templateId, true);
34
- console.log(`[PREVIEW] Loading template ${this.templateId}`, this.endpoint.session);
35
- }
36
- catch (e) {
37
- console.log('[PREVIEW] Error with preview session', e);
38
- (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
39
- }
40
- }
41
- handlePageRendered(e) {
42
- var _a, _b;
43
- const pageInfo = e.detail;
44
- // console.log('[PREVIEW] Page rendered', pageInfo);
45
- const fields = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.filter(field => field.page_sequence === pageInfo.pageNumber);
46
- // console.log('[PREVIEW] Fields on page', fields);
47
- fields.forEach(field => renderDocumentField(field, pageInfo, getRoleIndex(getRoleNames(this.store), field.role_name), { disabled: true, editable: false, draggable: false }));
48
- }
49
- render() {
50
- var _a, _b, _c, _d;
51
- // TODO: Render a better error
52
- if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
53
- return (h(Host, null, h("verdocs-loader", null)));
54
- }
55
- const pages = [...(_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.pages];
56
- pages.sort((a, b) => a.sequence - b.sequence);
57
- return (h(Host, null, pages.map(page => {
58
- return (h("verdocs-template-document-page", { templateId: page.template_id, documentId: page.document_id, pageNumber: page.sequence, virtualWidth: 612, virtualHeight: 792, onPageRendered: e => this.handlePageRendered(e), layers: [
59
- { name: 'page', type: 'canvas' },
60
- { name: 'controls', type: 'div' },
61
- ] }));
62
- })));
63
- }
64
- static get style() { return verdocsPreviewCss; }
65
- }, [0, "verdocs-preview", {
66
- "endpoint": [16],
67
- "templateId": [1, "template-id"]
68
- }]);
69
- function defineCustomElement$1() {
70
- if (typeof customElements === "undefined") {
71
- return;
72
- }
73
- const components = ["verdocs-preview", "verdocs-loader", "verdocs-template-document-page"];
74
- components.forEach(tagName => { switch (tagName) {
75
- case "verdocs-preview":
76
- if (!customElements.get(tagName)) {
77
- customElements.define(tagName, VerdocsPreview$1);
78
- }
79
- break;
80
- case "verdocs-loader":
81
- if (!customElements.get(tagName)) {
82
- defineCustomElement$3();
83
- }
84
- break;
85
- case "verdocs-template-document-page":
86
- if (!customElements.get(tagName)) {
87
- defineCustomElement$2();
88
- }
89
- break;
90
- } });
91
- }
92
- defineCustomElement$1();
1
+ import { V as VerdocsPreview$1, d as defineCustomElement$1 } from './verdocs-preview2.js';
93
2
 
94
3
  const VerdocsPreview = VerdocsPreview$1;
95
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,22 +1,18 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
- import './Types-5f31149e.js';
3
- import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
4
- import { r as renderDocumentField, a as getRoleIndex } from './utils-51d998e2.js';
5
- import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-01a9d18f.js';
6
- import { S as SDKError } from './errors-9b5498c8.js';
7
- import './_commonjsHelpers-5ec8f9b7.js';
8
- import './Envelopes-5e32159f.js';
9
- import './Files-70a192df.js';
10
- import './Types-de18e225.js';
11
- import './index-914ed6f7.js';
12
- import './index-38d7bc0b.js';
13
- import './Templates-f90883f7.js';
1
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
+ import './Types.js';
3
+ import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
+ import { r as renderDocumentField, b as getRoleIndex } from './utils.js';
5
+ import { g as getTemplateStore, a as getRoleNames } from './TemplateStore.js';
6
+ import { S as SDKError } from './errors.js';
7
+ import { d as defineCustomElement$2 } from './verdocs-loader2.js';
8
+ import { d as defineCustomElement$1 } from './verdocs-template-document-page2.js';
14
9
 
15
10
  const verdocsPreviewCss = "verdocs-preview{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}";
16
11
 
17
- const VerdocsPreview = class {
18
- constructor(hostRef) {
19
- registerInstance(this, hostRef);
12
+ const VerdocsPreview = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
13
+ constructor() {
14
+ super();
15
+ this.__registerHost();
20
16
  this.sdkError = createEvent(this, "sdkError", 7);
21
17
  this.store = null;
22
18
  this.endpoint = VerdocsEndpoint.getDefault();
@@ -65,7 +61,34 @@ const VerdocsPreview = class {
65
61
  ] }));
66
62
  })));
67
63
  }
68
- };
69
- VerdocsPreview.style = verdocsPreviewCss;
64
+ static get style() { return verdocsPreviewCss; }
65
+ }, [0, "verdocs-preview", {
66
+ "endpoint": [16],
67
+ "templateId": [1, "template-id"]
68
+ }]);
69
+ function defineCustomElement() {
70
+ if (typeof customElements === "undefined") {
71
+ return;
72
+ }
73
+ const components = ["verdocs-preview", "verdocs-loader", "verdocs-template-document-page"];
74
+ components.forEach(tagName => { switch (tagName) {
75
+ case "verdocs-preview":
76
+ if (!customElements.get(tagName)) {
77
+ customElements.define(tagName, VerdocsPreview);
78
+ }
79
+ break;
80
+ case "verdocs-loader":
81
+ if (!customElements.get(tagName)) {
82
+ defineCustomElement$2();
83
+ }
84
+ break;
85
+ case "verdocs-template-document-page":
86
+ if (!customElements.get(tagName)) {
87
+ defineCustomElement$1();
88
+ }
89
+ break;
90
+ } });
91
+ }
92
+ defineCustomElement();
70
93
 
71
- export { VerdocsPreview as verdocs_preview };
94
+ export { VerdocsPreview as V, defineCustomElement as d };
@@ -1,166 +1,4 @@
1
- import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import './Types.js';
3
- import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
- import { i as isValidEmail, a as isValidPhone } from './Validators.js';
5
- import { g as getRGBA } from './Colors.js';
6
- import { g as getTemplateStore } from './TemplateStore.js';
7
- import { a as getRoleIndex } from './utils.js';
8
- import { S as SDKError } from './errors.js';
9
- import { d as defineCustomElement$4 } from './verdocs-button2.js';
10
- import { d as defineCustomElement$3 } from './verdocs-contact-picker2.js';
11
- import { d as defineCustomElement$2 } from './verdocs-toggle-button2.js';
12
-
13
- const verdocsSendCss = "verdocs-send{padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:none}verdocs-send.sendable{display:-ms-flexbox;display:flex}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid #97979744}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:#00000089}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;border:2px solid #dddddd;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}";
14
-
15
- const editIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path></svg>';
16
- const startIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>';
17
- const stepIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>';
18
- const doneIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>';
19
- const VerdocsSend$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
20
- constructor() {
21
- super();
22
- this.__registerHost();
23
- this.send = createEvent(this, "send", 7);
24
- this.exit = createEvent(this, "exit", 7);
25
- this.sdkError = createEvent(this, "sdkError", 7);
26
- this.searchContacts = createEvent(this, "searchContacts", 7);
27
- this.levels = [];
28
- this.store = null;
29
- this.endpoint = VerdocsEndpoint.getDefault();
30
- this.templateId = null;
31
- this.containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;
32
- this.rolesAtLevel = {};
33
- this.showPickerForId = '';
34
- this.sessionContacts = [];
35
- this.rolesCompleted = {};
36
- }
37
- async reset() {
38
- this.rolesCompleted = {};
39
- }
40
- async componentWillLoad() {
41
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
42
- try {
43
- const loadSessionResult = this.endpoint.loadSession();
44
- if (!this.templateId) {
45
- console.log(`[SEND] Missing required template ID ${this.templateId}`);
46
- return;
47
- }
48
- if (!this.endpoint.session) {
49
- console.log('[SEND] Unable to start builder session, must be authenticated');
50
- return;
51
- }
52
- this.store = await getTemplateStore(this.endpoint, this.templateId, true);
53
- if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable)) {
54
- console.warn(`[SEND] Template is not sendable`, this.templateId);
55
- }
56
- if ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles) {
57
- const rolesAtLevel = {};
58
- this.rolesCompleted = {};
59
- (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.roles.forEach(role => {
60
- const level = role.sequence - 1;
61
- rolesAtLevel[level] || (rolesAtLevel[level] = []);
62
- const id = `r-${level}-${rolesAtLevel[level].length}`;
63
- rolesAtLevel[level].push({ ...role, id });
64
- });
65
- this.rolesAtLevel = rolesAtLevel;
66
- this.levels = Object.keys(rolesAtLevel).map(levelStr => +levelStr);
67
- this.levels.sort((a, b) => a - b);
68
- }
69
- if ((_g = loadSessionResult === null || loadSessionResult === void 0 ? void 0 : loadSessionResult.session) === null || _g === void 0 ? void 0 : _g.profile) {
70
- this.sessionContacts.push({
71
- id: loadSessionResult.session.profile.id,
72
- name: `${loadSessionResult.session.profile.first_name} ${loadSessionResult.session.profile.last_name}`,
73
- email: loadSessionResult.session.profile.email,
74
- phone: loadSessionResult.session.profile.phone,
75
- });
76
- }
77
- }
78
- catch (e) {
79
- console.log('[SEND] Error with preview session', e);
80
- (_h = this.sdkError) === null || _h === void 0 ? void 0 : _h.emit(new SDKError(e.message, (_j = e.response) === null || _j === void 0 ? void 0 : _j.status, (_k = e.response) === null || _k === void 0 ? void 0 : _k.data));
81
- }
82
- }
83
- getLevelIcon(level) {
84
- if (level < 0) {
85
- return h("div", { class: "level-icon", innerHTML: startIcon });
86
- }
87
- else if (level >= this.levels.length) {
88
- return h("div", { class: "level-icon", innerHTML: doneIcon });
89
- }
90
- else {
91
- return h("div", { class: "level-icon", innerHTML: stepIcon });
92
- }
93
- }
94
- handleSelectContact(e, role) {
95
- e.preventDefault();
96
- this.rolesCompleted[role.id] = { ...role, ...e.detail };
97
- this.showPickerForId = '';
98
- }
99
- handleClickRole(e, role) {
100
- e.stopPropagation();
101
- this.showPickerForId = role.id;
102
- }
103
- handleSend(e) {
104
- var _a, _b, _c;
105
- e.stopPropagation();
106
- (_a = this.send) === null || _a === void 0 ? void 0 : _a.emit({ roles: Object.values(this.rolesCompleted), name: (_c = (_b = this.store) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.name, template_id: this.templateId });
107
- }
108
- handleCancel(e) {
109
- var _a;
110
- e.stopPropagation();
111
- (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
112
- }
113
- render() {
114
- var _a, _b, _c, _d;
115
- const roleNames = (((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.roles) || []).map(role => role.name) || [];
116
- const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) || isValidPhone(recipient.phone));
117
- const allRolesAssigned = rolesAssigned.length >= roleNames.length;
118
- return (h(Host, { class: { sendable: (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon(-1), h("div", { class: "complete" }, "Send Envelope")), this.levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
119
- var _a, _b, _c, _d, _e, _f;
120
- const unknown = !role.email;
121
- return unknown ? (h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))));
122
- })))), h("div", { class: `level level-done` }, this.getLevelIcon(this.levels.length), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned, onClick: e => this.handleSend(e) }))));
123
- }
124
- static get style() { return verdocsSendCss; }
125
- }, [0, "verdocs-send", {
126
- "endpoint": [16],
127
- "templateId": [1, "template-id"],
128
- "containerId": [32],
129
- "rolesAtLevel": [32],
130
- "showPickerForId": [32],
131
- "sessionContacts": [32],
132
- "rolesCompleted": [32],
133
- "reset": [64]
134
- }]);
135
- function defineCustomElement$1() {
136
- if (typeof customElements === "undefined") {
137
- return;
138
- }
139
- const components = ["verdocs-send", "verdocs-button", "verdocs-contact-picker", "verdocs-toggle-button"];
140
- components.forEach(tagName => { switch (tagName) {
141
- case "verdocs-send":
142
- if (!customElements.get(tagName)) {
143
- customElements.define(tagName, VerdocsSend$1);
144
- }
145
- break;
146
- case "verdocs-button":
147
- if (!customElements.get(tagName)) {
148
- defineCustomElement$4();
149
- }
150
- break;
151
- case "verdocs-contact-picker":
152
- if (!customElements.get(tagName)) {
153
- defineCustomElement$3();
154
- }
155
- break;
156
- case "verdocs-toggle-button":
157
- if (!customElements.get(tagName)) {
158
- defineCustomElement$2();
159
- }
160
- break;
161
- } });
162
- }
163
- defineCustomElement$1();
1
+ import { V as VerdocsSend$1, d as defineCustomElement$1 } from './verdocs-send2.js';
164
2
 
165
3
  const VerdocsSend = VerdocsSend$1;
166
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,18 +1,14 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
- import './Types-5f31149e.js';
3
- import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
4
- import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
5
- import { g as getRGBA } from './Colors-1b298092.js';
6
- import { g as getTemplateStore } from './TemplateStore-01a9d18f.js';
7
- import { a as getRoleIndex } from './utils-51d998e2.js';
8
- import { S as SDKError } from './errors-9b5498c8.js';
9
- import './index-38d7bc0b.js';
10
- import './Templates-f90883f7.js';
11
- import './_commonjsHelpers-5ec8f9b7.js';
12
- import './Envelopes-5e32159f.js';
13
- import './Files-70a192df.js';
14
- import './Types-de18e225.js';
15
- import './index-914ed6f7.js';
1
+ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
+ import './Types.js';
3
+ import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
+ import { a as isValidEmail, i as isValidPhone } from './Validators.js';
5
+ import { g as getRGBA } from './Colors.js';
6
+ import { g as getTemplateStore } from './TemplateStore.js';
7
+ import { b as getRoleIndex } from './utils.js';
8
+ import { S as SDKError } from './errors.js';
9
+ import { d as defineCustomElement$3 } from './verdocs-button2.js';
10
+ import { d as defineCustomElement$2 } from './verdocs-contact-picker2.js';
11
+ import { d as defineCustomElement$1 } from './verdocs-toggle-button2.js';
16
12
 
17
13
  const verdocsSendCss = "verdocs-send{padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:none}verdocs-send.sendable{display:-ms-flexbox;display:flex}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid #97979744}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:#00000089}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;border:2px solid #dddddd;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}";
18
14
 
@@ -20,9 +16,10 @@ const editIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"
20
16
  const startIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M2 12C2 6.48 6.48 2 12 2s10 4.48 10 10-4.48 10-10 10S2 17.52 2 12zm10 6c3.31 0 6-2.69 6-6s-2.69-6-6-6-6 2.69-6 6 2.69 6 6 6z"></path></svg>';
21
17
  const stepIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>';
22
18
  const doneIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" tabindex="-1"><path d="m18 7-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41 6 19l1.41-1.41L1.83 12 .41 13.41z"></path></svg>';
23
- const VerdocsSend = class {
24
- constructor(hostRef) {
25
- registerInstance(this, hostRef);
19
+ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
20
+ constructor() {
21
+ super();
22
+ this.__registerHost();
26
23
  this.send = createEvent(this, "send", 7);
27
24
  this.exit = createEvent(this, "exit", 7);
28
25
  this.sdkError = createEvent(this, "sdkError", 7);
@@ -124,7 +121,45 @@ const VerdocsSend = class {
124
121
  return unknown ? (h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))));
125
122
  })))), h("div", { class: `level level-done` }, this.getLevelIcon(this.levels.length), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned, onClick: e => this.handleSend(e) }))));
126
123
  }
127
- };
128
- VerdocsSend.style = verdocsSendCss;
124
+ static get style() { return verdocsSendCss; }
125
+ }, [0, "verdocs-send", {
126
+ "endpoint": [16],
127
+ "templateId": [1, "template-id"],
128
+ "containerId": [32],
129
+ "rolesAtLevel": [32],
130
+ "showPickerForId": [32],
131
+ "sessionContacts": [32],
132
+ "rolesCompleted": [32],
133
+ "reset": [64]
134
+ }]);
135
+ function defineCustomElement() {
136
+ if (typeof customElements === "undefined") {
137
+ return;
138
+ }
139
+ const components = ["verdocs-send", "verdocs-button", "verdocs-contact-picker", "verdocs-toggle-button"];
140
+ components.forEach(tagName => { switch (tagName) {
141
+ case "verdocs-send":
142
+ if (!customElements.get(tagName)) {
143
+ customElements.define(tagName, VerdocsSend);
144
+ }
145
+ break;
146
+ case "verdocs-button":
147
+ if (!customElements.get(tagName)) {
148
+ defineCustomElement$3();
149
+ }
150
+ break;
151
+ case "verdocs-contact-picker":
152
+ if (!customElements.get(tagName)) {
153
+ defineCustomElement$2();
154
+ }
155
+ break;
156
+ case "verdocs-toggle-button":
157
+ if (!customElements.get(tagName)) {
158
+ defineCustomElement$1();
159
+ }
160
+ break;
161
+ } });
162
+ }
163
+ defineCustomElement();
129
164
 
130
- export { VerdocsSend as verdocs_send };
165
+ export { VerdocsSend as V, defineCustomElement as d };
@@ -3,9 +3,9 @@ import { a as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeF
3
3
  import { R as RecipientStates } from './Types.js';
4
4
  import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelopeRecipientSubmit } from './Recipients.js';
5
5
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
6
- import { a as isValidPhone, i as isValidEmail } from './Validators.js';
6
+ import { i as isValidPhone, a as isValidEmail } from './Validators.js';
7
7
  import { f as fullNameToInitials, i as integerSequence } from './Primitives.js';
8
- import { b as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils.js';
8
+ import { a as saveAttachment, u as updateDocumentFieldValue, b as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils.js';
9
9
  import { a as FORMAT_DATE } from './Types2.js';
10
10
  import { V as VerdocsToast } from './Toast.js';
11
11
  import { S as SDKError } from './errors.js';