@verdocs/web-sdk 2.2.9 → 2.2.11

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 (373) 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 +12 -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/collection-manifest.json +1 -1
  61. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.css +28 -27
  62. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js +67 -51
  63. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js +1 -1
  64. package/dist/collection/components/embeds/verdocs-build/verdocs-build.css +44 -0
  65. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +15 -8
  66. package/dist/collection/components/embeds/verdocs-build/verdocs-build.stories.js +5 -1
  67. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.css +1 -1
  68. package/dist/components/Validators.js +1 -1
  69. package/dist/components/utils.js +1 -1
  70. package/dist/components/verdocs-build.js +81 -42
  71. package/dist/components/verdocs-dropdown2.js +61 -50
  72. package/dist/components/verdocs-preview.js +1 -92
  73. package/dist/{esm/verdocs-preview.entry.js → components/verdocs-preview2.js} +42 -19
  74. package/dist/components/verdocs-send.js +1 -163
  75. package/dist/{esm/verdocs-send.entry.js → components/verdocs-send2.js} +56 -21
  76. package/dist/components/verdocs-sign.js +2 -2
  77. package/dist/components/verdocs-template-create.js +138 -1
  78. package/dist/components/verdocs-template-fields2.js +1 -1
  79. package/dist/components/verdocs-template-name.js +1 -126
  80. package/dist/{esm/verdocs-template-name.entry.js → components/verdocs-template-name2.js} +62 -13
  81. package/dist/components/verdocs-template-reminders.js +1 -194
  82. package/dist/{esm/verdocs-template-reminders.entry.js → components/verdocs-template-reminders2.js} +71 -14
  83. package/dist/components/verdocs-template-roles2.js +2 -2
  84. package/dist/components/verdocs-template-visibility.js +1 -120
  85. package/dist/{esm/verdocs-template-visibility.entry.js → components/verdocs-template-visibility2.js} +51 -13
  86. package/dist/components/verdocs-view2.js +1 -1
  87. package/dist/docs.json +83 -28
  88. package/dist/esm/{EnvelopeStore-ca60f0ab.js → EnvelopeStore-7f484014.js} +1 -1
  89. package/dist/esm/{TemplateStore-01a9d18f.js → TemplateStore-e8cf5a15.js} +1 -1
  90. package/dist/esm/{Validators-f110bae2.js → Validators-16a2a43b.js} +1 -1
  91. package/dist/esm/{index-151c0874.js → index-172625c5.js} +2 -0
  92. package/dist/esm/{index-38d7bc0b.js → index-4439b0d1.js} +1 -1
  93. package/dist/esm/ipc-test.entry.js +3 -3
  94. package/dist/esm/loader.js +2 -2
  95. package/dist/esm/{utils-51d998e2.js → utils-c0cd0b91.js} +1 -1
  96. package/dist/esm/verdocs-activity-box.entry.js +1 -1
  97. package/dist/esm/verdocs-auth.entry.js +1 -1
  98. package/dist/esm/verdocs-build.entry.js +12 -9
  99. package/dist/esm/verdocs-button-panel_2.entry.js +3 -3
  100. package/dist/esm/verdocs-button_3.entry.js +1 -1
  101. package/dist/esm/verdocs-checkbox_3.entry.js +1 -1
  102. package/dist/esm/{verdocs-contact-picker.entry.js → verdocs-contact-picker_2.entry.js} +31 -3
  103. package/dist/esm/verdocs-dialog_3.entry.js +1 -1
  104. package/dist/esm/verdocs-dropdown.entry.js +60 -48
  105. package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
  106. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +3 -3
  107. package/dist/esm/verdocs-envelope-sidebar.entry.js +3 -3
  108. package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
  109. package/dist/esm/verdocs-field-attachment.entry.js +2 -2
  110. package/dist/esm/verdocs-field-checkbox.entry.js +2 -2
  111. package/dist/esm/verdocs-field-date.entry.js +2 -2
  112. package/dist/esm/verdocs-field-dropdown.entry.js +2 -2
  113. package/dist/esm/verdocs-field-initial.entry.js +2 -2
  114. package/dist/esm/verdocs-field-payment.entry.js +2 -2
  115. package/dist/esm/verdocs-field-radio-button.entry.js +2 -2
  116. package/dist/esm/verdocs-field-signature.entry.js +2 -2
  117. package/dist/esm/verdocs-field-textarea.entry.js +2 -2
  118. package/dist/esm/verdocs-field-textbox.entry.js +2 -2
  119. package/dist/esm/verdocs-field-timestamp.entry.js +2 -2
  120. package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
  121. package/dist/esm/verdocs-floating-menu.entry.js +1 -1
  122. package/dist/esm/verdocs-initial-dialog.entry.js +1 -1
  123. package/dist/esm/verdocs-kba-dialog.entry.js +1 -1
  124. package/dist/esm/verdocs-loader.entry.js +1 -1
  125. package/dist/esm/verdocs-ok-dialog.entry.js +1 -1
  126. package/dist/esm/verdocs-organization-card.entry.js +1 -1
  127. package/dist/esm/verdocs-pagination_3.entry.js +2 -2
  128. package/dist/esm/verdocs-preview_6.entry.js +595 -0
  129. package/dist/esm/verdocs-quick-functions_3.entry.js +1 -1
  130. package/dist/esm/verdocs-radio-button.entry.js +1 -1
  131. package/dist/esm/verdocs-search-tabs.entry.js +1 -1
  132. package/dist/esm/verdocs-search.entry.js +1 -1
  133. package/dist/esm/verdocs-settings-api-keys_4.entry.js +2 -2
  134. package/dist/esm/verdocs-settings.entry.js +1 -1
  135. package/dist/esm/verdocs-sign.entry.js +3 -3
  136. package/dist/esm/verdocs-signature-dialog.entry.js +1 -1
  137. package/dist/esm/verdocs-status-indicator.entry.js +1 -1
  138. package/dist/esm/verdocs-template-card.entry.js +1 -1
  139. package/dist/{components/verdocs-template-create2.js → esm/verdocs-template-create.entry.js} +11 -56
  140. package/dist/esm/verdocs-template-document-page_2.entry.js +2 -2
  141. package/dist/esm/verdocs-template-fields_4.entry.js +5 -5
  142. package/dist/esm/verdocs-template-star.entry.js +1 -1
  143. package/dist/esm/verdocs-template-tags.entry.js +1 -1
  144. package/dist/esm/verdocs-templates-list.entry.js +1 -1
  145. package/dist/esm/verdocs-toggle.entry.js +1 -1
  146. package/dist/esm/verdocs-upload-dialog.entry.js +1 -1
  147. package/dist/esm/verdocs-view.entry.js +2 -2
  148. package/dist/esm/verdocs-web-sdk.js +2 -2
  149. package/dist/esm-es5/{EnvelopeStore-ca60f0ab.js → EnvelopeStore-7f484014.js} +1 -1
  150. package/dist/esm-es5/{TemplateStore-01a9d18f.js → TemplateStore-e8cf5a15.js} +1 -1
  151. package/dist/esm-es5/{Validators-f110bae2.js → Validators-16a2a43b.js} +1 -1
  152. package/dist/esm-es5/{index-151c0874.js → index-172625c5.js} +1 -1
  153. package/dist/esm-es5/{index-38d7bc0b.js → index-4439b0d1.js} +1 -1
  154. package/dist/esm-es5/ipc-test.entry.js +1 -1
  155. package/dist/esm-es5/loader.js +1 -1
  156. package/dist/esm-es5/{utils-51d998e2.js → utils-c0cd0b91.js} +1 -1
  157. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  158. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  159. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  160. package/dist/esm-es5/verdocs-button-panel_2.entry.js +1 -1
  161. package/dist/esm-es5/verdocs-button_3.entry.js +1 -1
  162. package/dist/esm-es5/verdocs-checkbox_3.entry.js +1 -1
  163. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -0
  164. package/dist/esm-es5/verdocs-dialog_3.entry.js +1 -1
  165. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
  166. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  167. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  168. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  169. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  170. package/dist/esm-es5/verdocs-field-attachment.entry.js +1 -1
  171. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  172. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  173. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  174. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  175. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  176. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  177. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  178. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  179. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  180. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  181. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  182. package/dist/esm-es5/verdocs-floating-menu.entry.js +1 -1
  183. package/dist/esm-es5/verdocs-initial-dialog.entry.js +1 -1
  184. package/dist/esm-es5/verdocs-kba-dialog.entry.js +1 -1
  185. package/dist/esm-es5/verdocs-loader.entry.js +1 -1
  186. package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
  187. package/dist/esm-es5/verdocs-organization-card.entry.js +1 -1
  188. package/dist/esm-es5/verdocs-pagination_3.entry.js +1 -1
  189. package/dist/esm-es5/verdocs-preview_6.entry.js +1 -0
  190. package/dist/esm-es5/verdocs-quick-functions_3.entry.js +1 -1
  191. package/dist/esm-es5/verdocs-radio-button.entry.js +1 -1
  192. package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
  193. package/dist/esm-es5/verdocs-search.entry.js +1 -1
  194. package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -1
  195. package/dist/esm-es5/verdocs-settings.entry.js +1 -1
  196. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  197. package/dist/esm-es5/verdocs-signature-dialog.entry.js +1 -1
  198. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  199. package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
  200. package/dist/esm-es5/verdocs-template-create.entry.js +1 -0
  201. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  202. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  203. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  204. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  205. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  206. package/dist/esm-es5/verdocs-toggle.entry.js +1 -1
  207. package/dist/esm-es5/verdocs-upload-dialog.entry.js +1 -1
  208. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  209. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  210. package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.d.ts +3 -9
  211. package/dist/types/components/embeds/verdocs-build/verdocs-build.d.ts +5 -3
  212. package/dist/types/components/embeds/verdocs-build/verdocs-build.stories.d.ts +4 -1
  213. package/dist/types/components.d.ts +3 -2
  214. package/dist/verdocs-web-sdk/{p-50adf449.system.entry.js → p-013d1556.system.entry.js} +1 -1
  215. package/dist/verdocs-web-sdk/p-02dc4501.system.entry.js +1 -0
  216. package/dist/verdocs-web-sdk/{p-b35f33a8.entry.js → p-04580be0.entry.js} +1 -1
  217. package/dist/verdocs-web-sdk/{p-ff2d4284.system.entry.js → p-07696831.system.entry.js} +1 -1
  218. package/dist/verdocs-web-sdk/{p-fb9b8d32.system.entry.js → p-07b5f356.system.entry.js} +1 -1
  219. package/dist/verdocs-web-sdk/{p-3dcf8e41.entry.js → p-0b2102df.entry.js} +1 -1
  220. package/dist/verdocs-web-sdk/{p-19860fa1.system.entry.js → p-0df9e6e1.system.entry.js} +1 -1
  221. package/dist/verdocs-web-sdk/{p-c3c0376a.entry.js → p-0edfbbb9.entry.js} +1 -1
  222. package/dist/verdocs-web-sdk/{p-6d3e0994.js → p-14b44491.js} +1 -1
  223. package/dist/verdocs-web-sdk/{p-6d2082b7.system.js → p-1753f57b.system.js} +1 -1
  224. package/dist/verdocs-web-sdk/{p-c7c021fe.system.entry.js → p-1d0342e6.system.entry.js} +1 -1
  225. package/dist/verdocs-web-sdk/{p-9d2b75ac.entry.js → p-20986706.entry.js} +1 -1
  226. package/dist/verdocs-web-sdk/{p-e0a212a1.system.entry.js → p-21e137f0.system.entry.js} +1 -1
  227. package/dist/verdocs-web-sdk/{p-400a996a.system.entry.js → p-2284d430.system.entry.js} +1 -1
  228. package/dist/verdocs-web-sdk/{p-fb71f28a.system.entry.js → p-2549a794.system.entry.js} +1 -1
  229. package/dist/verdocs-web-sdk/{p-b48a2f14.entry.js → p-27ea3260.entry.js} +1 -1
  230. package/dist/verdocs-web-sdk/{p-2ea70113.entry.js → p-2b6e4f2a.entry.js} +1 -1
  231. package/dist/verdocs-web-sdk/{p-01ec9d6d.system.entry.js → p-2f739b03.system.entry.js} +1 -1
  232. package/dist/verdocs-web-sdk/p-353c7ff6.system.entry.js +1 -0
  233. package/dist/verdocs-web-sdk/{p-aac295bd.entry.js → p-3a90098d.entry.js} +1 -1
  234. package/dist/verdocs-web-sdk/{p-2c95d99b.system.js → p-3af6b910.system.js} +1 -1
  235. package/dist/verdocs-web-sdk/{p-e2fa3015.entry.js → p-3c798272.entry.js} +1 -1
  236. package/dist/verdocs-web-sdk/{p-4b0a633d.entry.js → p-3da4fed1.entry.js} +1 -1
  237. package/dist/verdocs-web-sdk/{p-766f8b54.system.entry.js → p-4017b53a.system.entry.js} +1 -1
  238. package/dist/verdocs-web-sdk/{p-33d75280.system.entry.js → p-41cd34db.system.entry.js} +1 -1
  239. package/dist/verdocs-web-sdk/{p-449f38bb.js → p-425707d0.js} +1 -1
  240. package/dist/verdocs-web-sdk/{p-3a7d47ba.entry.js → p-428de4a5.entry.js} +1 -1
  241. package/dist/verdocs-web-sdk/{p-19a0fdf2.entry.js → p-42f27e8c.entry.js} +1 -1
  242. package/dist/verdocs-web-sdk/{p-a00ea81e.entry.js → p-43a8df52.entry.js} +1 -1
  243. package/dist/verdocs-web-sdk/{p-cfead4df.entry.js → p-450a3908.entry.js} +1 -1
  244. package/dist/verdocs-web-sdk/{p-2bed90fd.system.entry.js → p-4583338b.system.entry.js} +1 -1
  245. package/dist/verdocs-web-sdk/{p-ff850808.system.entry.js → p-45bee3f6.system.entry.js} +1 -1
  246. package/dist/verdocs-web-sdk/{p-b650d3c1.system.entry.js → p-45d5e035.system.entry.js} +1 -1
  247. package/dist/verdocs-web-sdk/{p-37c09dd4.system.entry.js → p-48c62137.system.entry.js} +1 -1
  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-a236539a.system.entry.js +1 -0
  294. package/dist/verdocs-web-sdk/{p-af8e5bc9.system.entry.js → p-a5f450a1.system.entry.js} +1 -1
  295. package/dist/verdocs-web-sdk/{p-c9fe8bad.system.entry.js → p-a6048cc9.system.entry.js} +1 -1
  296. package/dist/verdocs-web-sdk/{p-f05e18ba.system.entry.js → p-a6475e9e.system.entry.js} +1 -1
  297. package/dist/verdocs-web-sdk/{p-615b82c0.system.entry.js → p-a894761f.system.entry.js} +1 -1
  298. package/dist/verdocs-web-sdk/{p-b64f9e64.system.entry.js → p-aad7ef50.system.entry.js} +1 -1
  299. package/dist/verdocs-web-sdk/{p-eddc727f.system.entry.js → p-ab889005.system.entry.js} +1 -1
  300. package/dist/verdocs-web-sdk/{p-6cd5db91.system.entry.js → p-aba05f25.system.entry.js} +1 -1
  301. package/dist/verdocs-web-sdk/{p-803924f3.entry.js → p-ad273610.entry.js} +1 -1
  302. package/dist/verdocs-web-sdk/{p-c23359af.system.entry.js → p-ae971bb4.system.entry.js} +1 -1
  303. package/dist/verdocs-web-sdk/{p-8e83ea1e.entry.js → p-aeeb0ee3.entry.js} +1 -1
  304. package/dist/verdocs-web-sdk/{p-70a1cb8d.entry.js → p-b68d2dba.entry.js} +1 -1
  305. package/dist/verdocs-web-sdk/{p-750b37cd.system.entry.js → p-b820b749.system.entry.js} +1 -1
  306. package/dist/verdocs-web-sdk/{p-169fa979.system.js → p-b8c356b3.system.js} +1 -1
  307. package/dist/verdocs-web-sdk/{p-bc943a21.entry.js → p-ba04698a.entry.js} +1 -1
  308. package/dist/verdocs-web-sdk/{p-000348a7.system.entry.js → p-ba87f33c.system.entry.js} +1 -1
  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-d460b0b6.entry.js +1 -0
  315. package/dist/verdocs-web-sdk/{p-55af2ceb.js → p-d4d8858f.js} +1 -1
  316. package/dist/verdocs-web-sdk/{p-e2d0d0cc.entry.js → p-e122fb40.entry.js} +1 -1
  317. package/dist/verdocs-web-sdk/{p-0a78214b.entry.js → p-e1cad931.entry.js} +1 -1
  318. package/dist/verdocs-web-sdk/{p-cb9985fe.entry.js → p-e27ec758.entry.js} +1 -1
  319. package/dist/verdocs-web-sdk/{p-e1942999.system.entry.js → p-e2fe0aa5.system.entry.js} +1 -1
  320. package/dist/verdocs-web-sdk/{p-607a2dfe.entry.js → p-e40dd4d1.entry.js} +1 -1
  321. package/dist/verdocs-web-sdk/{p-e662f81b.js → p-e8ce0b6f.js} +1 -1
  322. package/dist/verdocs-web-sdk/{p-4dc8cc71.system.entry.js → p-ecfa94fb.system.entry.js} +1 -1
  323. package/dist/verdocs-web-sdk/{p-96ca789b.system.entry.js → p-edabba6b.system.entry.js} +1 -1
  324. package/dist/verdocs-web-sdk/p-f04bf956.system.js +1 -0
  325. package/dist/verdocs-web-sdk/{p-42efc13c.entry.js → p-f08e52e4.entry.js} +1 -1
  326. package/dist/verdocs-web-sdk/p-f0e1d7a4.entry.js +1 -0
  327. package/dist/verdocs-web-sdk/{p-966f84ec.entry.js → p-f0f27520.entry.js} +1 -1
  328. package/dist/verdocs-web-sdk/{p-5080cdfc.entry.js → p-f2deae25.entry.js} +1 -1
  329. package/dist/verdocs-web-sdk/{p-511d7177.entry.js → p-f520ee27.entry.js} +1 -1
  330. package/dist/verdocs-web-sdk/{p-c125f51e.system.entry.js → p-f69ced2b.system.entry.js} +1 -1
  331. package/dist/verdocs-web-sdk/{p-fac26def.system.entry.js → p-f9e89b56.system.entry.js} +1 -1
  332. package/dist/verdocs-web-sdk/{p-2dbc05c6.system.js → p-fbb8023f.system.js} +1 -1
  333. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  334. package/dist/verdocs-web-sdk/verdocs-web-sdk.js +1 -1
  335. package/package.json +1 -1
  336. package/dist/cjs/verdocs-preview.cjs.entry.js +0 -75
  337. package/dist/cjs/verdocs-send.cjs.entry.js +0 -134
  338. package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js +0 -236
  339. package/dist/cjs/verdocs-template-name.cjs.entry.js +0 -83
  340. package/dist/cjs/verdocs-template-reminders.cjs.entry.js +0 -143
  341. package/dist/cjs/verdocs-template-visibility.cjs.entry.js +0 -88
  342. package/dist/cjs/verdocs-toggle-button.cjs.entry.js +0 -35
  343. package/dist/esm/verdocs-template-attachments_2.entry.js +0 -231
  344. package/dist/esm/verdocs-toggle-button.entry.js +0 -31
  345. package/dist/esm-es5/verdocs-contact-picker.entry.js +0 -1
  346. package/dist/esm-es5/verdocs-preview.entry.js +0 -1
  347. package/dist/esm-es5/verdocs-send.entry.js +0 -1
  348. package/dist/esm-es5/verdocs-template-attachments_2.entry.js +0 -1
  349. package/dist/esm-es5/verdocs-template-name.entry.js +0 -1
  350. package/dist/esm-es5/verdocs-template-reminders.entry.js +0 -1
  351. package/dist/esm-es5/verdocs-template-visibility.entry.js +0 -1
  352. package/dist/esm-es5/verdocs-toggle-button.entry.js +0 -1
  353. package/dist/verdocs-web-sdk/p-0331a582.entry.js +0 -1
  354. package/dist/verdocs-web-sdk/p-0378a336.entry.js +0 -1
  355. package/dist/verdocs-web-sdk/p-05b7ba5b.system.entry.js +0 -1
  356. package/dist/verdocs-web-sdk/p-07dac402.entry.js +0 -1
  357. package/dist/verdocs-web-sdk/p-17d27ba8.entry.js +0 -1
  358. package/dist/verdocs-web-sdk/p-2dc36f82.system.entry.js +0 -1
  359. package/dist/verdocs-web-sdk/p-5314386f.system.entry.js +0 -1
  360. package/dist/verdocs-web-sdk/p-54e215c5.system.entry.js +0 -1
  361. package/dist/verdocs-web-sdk/p-5cae759a.system.entry.js +0 -1
  362. package/dist/verdocs-web-sdk/p-647cdb84.system.js +0 -1
  363. package/dist/verdocs-web-sdk/p-752fe35b.entry.js +0 -1
  364. package/dist/verdocs-web-sdk/p-8fdcf4a9.system.entry.js +0 -1
  365. package/dist/verdocs-web-sdk/p-a5ce9047.system.entry.js +0 -1
  366. package/dist/verdocs-web-sdk/p-b41338e5.system.entry.js +0 -1
  367. package/dist/verdocs-web-sdk/p-b49e1610.entry.js +0 -1
  368. package/dist/verdocs-web-sdk/p-bad42f2d.entry.js +0 -1
  369. package/dist/verdocs-web-sdk/p-c0e4c58b.system.entry.js +0 -1
  370. package/dist/verdocs-web-sdk/p-c2e3d476.system.entry.js +0 -1
  371. package/dist/verdocs-web-sdk/p-ebe13a66.entry.js +0 -1
  372. package/dist/verdocs-web-sdk/p-f164307e.entry.js +0 -1
  373. package/dist/verdocs-web-sdk/p-fd059523.entry.js +0 -1
@@ -1,7 +1,23 @@
1
1
  import { Host } from '@stencil/core';
2
- import { createPopper } from '@popperjs/core';
3
2
  import { h } from '@stencil/core';
3
+ const MENU_ID = 'verdocs-dropdown-menu-items';
4
4
  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>`;
5
+ function debounce(func, wait, immediate) {
6
+ let timeout;
7
+ return function () {
8
+ const context = this, args = arguments;
9
+ const later = function () {
10
+ timeout = null;
11
+ if (!immediate)
12
+ func.apply(context, args);
13
+ };
14
+ const callNow = immediate && !timeout;
15
+ clearTimeout(timeout);
16
+ timeout = setTimeout(later, wait);
17
+ if (callNow)
18
+ func.apply(context, args);
19
+ };
20
+ }
5
21
  /**
6
22
  * Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden
7
23
  * when the button is pressed again, or an option is selected. Separators may be created by supplying an entry with an empty label.
@@ -20,55 +36,56 @@ const DropdownArrow = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" vie
20
36
  */
21
37
  export class VerdocsDropdown {
22
38
  constructor() {
23
- // We need to do this to reliably disconnect the click-away listener
24
- this.clickListenerSymbol = new AbortController();
25
39
  this.options = [];
26
- this.open = undefined;
27
- }
28
- componentDidLoad() {
29
- this.popper = createPopper(this.dropdownButton, this.dropdownMenu, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [0, 6] } }] });
30
- window.addEventListener('click', this.clickListener.bind(this), { signal: this.clickListenerSymbol.signal });
31
40
  }
32
- disconnectedCallback() {
33
- this.clickListenerSymbol.abort();
34
- }
35
- clickListener(e) {
36
- const outside = !(e.target == this.el || this.el.contains(e.target));
37
- if (outside) {
38
- this.hide();
39
- }
41
+ // TODO: This isn't super efficient but it works for now
42
+ handleResize() {
43
+ debounce(this.repositionDropdown.bind(this), 100);
40
44
  }
41
45
  handleSelectOption(e, option) {
46
+ var _a;
42
47
  e.stopPropagation();
43
- // this.isOpen = false;
44
- this.optionSelected.emit(option);
48
+ (_a = this.optionSelected) === null || _a === void 0 ? void 0 : _a.emit(option);
45
49
  this.hide();
46
50
  }
51
+ repositionDropdown() {
52
+ var _a, _b;
53
+ const menu = document.getElementById(MENU_ID);
54
+ if (menu) {
55
+ const bodyWidth = document.body.scrollWidth;
56
+ const buttonRect = (_a = this.dropdownButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
57
+ const triggerHeight = ((_b = this.dropdownButton) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 28;
58
+ menu.style.top = `${((buttonRect === null || buttonRect === void 0 ? void 0 : buttonRect.top) || 0) + triggerHeight}px`;
59
+ menu.style.right = `${Math.max(0, bodyWidth - ((buttonRect === null || buttonRect === void 0 ? void 0 : buttonRect.right) || 0))}px`;
60
+ }
61
+ }
47
62
  // See https://popper.js.org/docs/v2/tutorial/
48
63
  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists
49
64
  showDropdown() {
50
- var _a, _b;
51
- // this.isOpen = true;
52
- this.open = true;
53
- this.dropdownMenu.setAttribute('data-show', '');
54
- this.dropdownMenu.removeAttribute('aria-hidden');
55
- (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
56
- ...options,
57
- modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }],
58
- })).catch(() => { });
59
- (_b = this.popper) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
60
- }
61
- handleHideDropdown(e) {
62
- var _a, _b;
63
- 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') {
64
- // This event is fired when a menu element is clicked because the button "loses focus" then too
65
- return;
66
- }
67
65
  this.hide();
66
+ const menu = document.createElement('div');
67
+ menu.id = MENU_ID;
68
+ this.options.forEach(option => {
69
+ if (!option.label) {
70
+ const separator = document.createElement('div');
71
+ separator.className = 'verdocs-dropdown-menu-separator';
72
+ menu.appendChild(separator);
73
+ }
74
+ else {
75
+ const button = document.createElement('button');
76
+ button.className = 'verdocs-dropdown-menu-option';
77
+ button.disabled = option.disabled || false;
78
+ button.innerHTML = option.label;
79
+ button.addEventListener('click', e => this.handleSelectOption(e, option));
80
+ menu.appendChild(button);
81
+ }
82
+ });
83
+ document.body.appendChild(menu);
84
+ setTimeout(this.repositionDropdown.bind(this), 50);
68
85
  }
69
- toggleDropdown(e) {
86
+ toggle(e) {
70
87
  e.stopPropagation();
71
- if (this.open) {
88
+ if (document.getElementById(MENU_ID)) {
72
89
  this.hide();
73
90
  }
74
91
  else {
@@ -77,17 +94,12 @@ export class VerdocsDropdown {
77
94
  }
78
95
  hide() {
79
96
  var _a;
80
- this.open = false;
81
- this.dropdownMenu.removeAttribute('data-show');
82
- this.dropdownMenu.setAttribute('aria-hidden', 'true');
83
- (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({
84
- ...options,
85
- modifiers: [...options.modifiers, { name: 'eventListeners', enabled: false }],
86
- })).catch(() => { });
97
+ (_a = document.getElementById(MENU_ID)) === null || _a === void 0 ? void 0 : _a.remove();
87
98
  }
88
99
  render() {
89
- var _a;
90
- 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" }))))));
100
+ return (h(Host, null, h("button", { class: "arrow", innerHTML: DropdownArrow, "aria-label": "Open Menu", onClick: e => this.toggle(e),
101
+ // onBlur={() => this.hide()}
102
+ ref: el => (this.dropdownButton = el) })));
91
103
  }
92
104
  static get is() { return "verdocs-dropdown"; }
93
105
  static get originalStyleUrls() {
@@ -124,11 +136,6 @@ export class VerdocsDropdown {
124
136
  }
125
137
  };
126
138
  }
127
- static get states() {
128
- return {
129
- "open": {}
130
- };
131
- }
132
139
  static get events() {
133
140
  return [{
134
141
  "method": "optionSelected",
@@ -152,4 +159,13 @@ export class VerdocsDropdown {
152
159
  }];
153
160
  }
154
161
  static get elementRef() { return "el"; }
162
+ static get listeners() {
163
+ return [{
164
+ "name": "resize",
165
+ "method": "handleResize",
166
+ "target": "window",
167
+ "capture": false,
168
+ "passive": true
169
+ }];
170
+ }
155
171
  }
@@ -12,7 +12,7 @@ export default {
12
12
  component: 'verdocs-dropdown',
13
13
  // We can apply default args only shown in Storybook as follows
14
14
  args: {
15
- options: [{ label: 'Option 1' }, { label: 'Disabled Option', disabled: true }, { lable: '' }, { label: 'Option 2' }],
15
+ options: [{ label: 'Option 1' }, { label: 'Disabled Option', disabled: true }, { label: '' }, { label: 'Option 2' }],
16
16
  },
17
17
  // Here we can apply overrides to component property documentation. Note that we don't need to (and shouldn't) specify every field
18
18
  // here. Only those that need special attention.
@@ -1,6 +1,50 @@
1
1
  verdocs-build {
2
2
  display: flex;
3
+ flex-direction: column;
3
4
  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
5
+ }
6
+ verdocs-build .steps {
7
+ flex: 0;
8
+ display: flex;
9
+ padding: 0 20px;
10
+ align-items: center;
11
+ flex-direction: row;
12
+ background-color: #46497d;
13
+ }
14
+ verdocs-build .steps .step {
15
+ height: 50px;
16
+ padding: 0 20px;
17
+ opacity: 0.6;
18
+ display: flex;
19
+ color: #ffffff;
20
+ cursor: pointer;
21
+ align-items: center;
4
22
  justify-content: center;
23
+ }
24
+ verdocs-build .steps .step.active {
25
+ opacity: 1;
26
+ background-color: #707ae5;
27
+ }
28
+ verdocs-build .content {
29
+ flex: 1;
30
+ display: flex;
5
31
  align-items: center;
32
+ flex-direction: column;
33
+ }
34
+ verdocs-build verdocs-template-attachments,
35
+ verdocs-build verdocs-template-roles {
36
+ margin: 20px;
37
+ }
38
+ verdocs-build verdocs-template-fields {
39
+ border-top: 1px solid #777777;
40
+ }
41
+ verdocs-build verdocs-template-attachments {
42
+ padding: 20px;
43
+ background: #ffffff;
44
+ }
45
+ verdocs-build verdocs-template-fields {
46
+ width: 100%;
47
+ }
48
+ verdocs-build verdocs-preview {
49
+ flex: 1;
6
50
  }
@@ -39,23 +39,26 @@ export class VerdocsBuild {
39
39
  this.step = 'preview';
40
40
  (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('');
41
41
  }
42
- handleTemplateCreated(e) {
42
+ handleAttachmentsNext() {
43
43
  var _a;
44
- console.log('Created', e.detail);
45
44
  this.step = 'roles';
46
45
  (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('roles');
47
46
  }
48
- handleRolesDone(e) {
47
+ handleRolesNext() {
49
48
  var _a;
50
- console.log('Roles', e.detail);
51
49
  this.step = 'fields';
52
50
  (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('fields');
53
51
  }
52
+ setStep(e, step) {
53
+ e.stopPropagation();
54
+ e.preventDefault();
55
+ this.step = step;
56
+ }
54
57
  render() {
55
58
  if (!this.endpoint.session) {
56
59
  return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
57
60
  }
58
- return (h(Host, null, this.step === 'create' && h("verdocs-template-create", { onExit: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, onExit: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) })), this.step === 'roles' && h("verdocs-template-roles", { onExit: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) }), this.step === 'settings' && h("verdocs-template-settings", { templateId: this.templateId }), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId }), this.step === 'preview' && h("verdocs-template-preview", null)));
61
+ return (h(Host, null, h("div", { class: "steps" }, h("div", { class: `step ${this.step === 'attachments' ? 'active' : ''}`, onClick: e => this.setStep(e, 'attachments') }, "Attachments"), h("div", { class: `step ${this.step === 'roles' ? 'active' : ''}`, onClick: e => this.setStep(e, 'roles') }, "Roles"), h("div", { class: `step ${this.step === 'settings' ? 'active' : ''}`, onClick: e => this.setStep(e, 'settings') }, "Settings"), h("div", { class: `step ${this.step === 'fields' ? 'active' : ''}`, onClick: e => this.setStep(e, 'fields') }, "Fields"), h("div", { class: `step ${this.step === 'preview' ? 'active' : ''}`, onClick: e => this.setStep(e, 'preview') }, "Preview/Send")), h("div", { class: "content" }, this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext() })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleRolesNext() })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' } }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' } }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' } }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint }), this.step === 'preview' && (h("div", { style: { flexDirection: 'row', display: 'flex', width: '100%' } }, h("div", { style: { display: 'flex', flex: '0' } }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint })), h("div", { style: { display: 'flex', flex: '1' } }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint })))))));
59
62
  }
60
63
  static get is() { return "verdocs-build"; }
61
64
  static get originalStyleUrls() {
@@ -113,9 +116,13 @@ export class VerdocsBuild {
113
116
  "type": "string",
114
117
  "mutable": false,
115
118
  "complexType": {
116
- "original": "'create' | 'attachments' | 'roles' | 'settings' | 'fields' | 'preview'",
117
- "resolved": "\"attachments\" | \"create\" | \"fields\" | \"preview\" | \"roles\" | \"settings\"",
118
- "references": {}
119
+ "original": "TVerdocsBuildStep",
120
+ "resolved": "\"attachments\" | \"fields\" | \"preview\" | \"roles\" | \"settings\"",
121
+ "references": {
122
+ "TVerdocsBuildStep": {
123
+ "location": "local"
124
+ }
125
+ }
119
126
  },
120
127
  "required": false,
121
128
  "optional": false,
@@ -2,8 +2,12 @@ import { html } from 'lit-html';
2
2
  export default {
3
3
  title: 'Embeds/Build',
4
4
  component: 'verdocs-build',
5
+ args: {
6
+ templateId: '90c2e63d-6b61-4dd2-a2e2-e137778f5ab5',
7
+ step: 'preview',
8
+ },
5
9
  parameters: {
6
10
  layout: 'fullscreen',
7
11
  },
8
12
  };
9
- export const Build = ({}) => html `<verdocs-build />`;
13
+ export const Build = ({ templateId, step }) => html `<verdocs-build .step=${step} .templateId=${templateId} />`;
@@ -12,7 +12,7 @@ verdocs-template-roles > form {
12
12
  verdocs-template-roles > form h5 {
13
13
  font-size: 16px;
14
14
  font-weight: bold;
15
- color: #4c56cb;
15
+ color: #46497d;
16
16
  margin: 0 0 10px 0;
17
17
  }
18
18
  verdocs-template-roles > form .participants {
@@ -13,4 +13,4 @@ var isValidEmail = function (email) { return !!email && EMAIL_REGEX.test(email);
13
13
  var PHONE_REGEX = /((?:\+|00)[17](?: |\-)?|(?:\+|00)[1-9]\d{0,2}(?: |\-)?|(?:\+|00)1\-\d{3}(?: |\-)?)?(0\d|\([0-9]{3}\)|[1-9]{0,3})(?:((?: |\-)[0-9]{2}){4}|((?:[0-9]{2}){4})|((?: |\-)[0-9]{3}(?: |\-)[0-9]{4})|([0-9]{7}))/;
14
14
  var isValidPhone = function (phone) { return !!phone && PHONE_REGEX.test(phone); };
15
15
 
16
- export { isValidPhone as a, isValidEmail as i };
16
+ export { isValidEmail as a, isValidPhone as i };
@@ -385,4 +385,4 @@ const convertToE164 = (input) => {
385
385
  return `+1${temp}`;
386
386
  };
387
387
 
388
- export { getRoleIndex as a, saveAttachment as b, getFieldId as c, convertToE164 as d, renderedTextWidth as e, updateCssTransform as f, getFieldSettings as g, defaultWidth as h, defaultHeight as i, saveCertificate as j, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
388
+ export { saveAttachment as a, getRoleIndex as b, getFieldId as c, convertToE164 as d, renderedTextWidth as e, updateCssTransform as f, getFieldSettings as g, defaultWidth as h, defaultHeight as i, saveCertificate as j, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
@@ -3,27 +3,33 @@ import './Types.js';
3
3
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
4
4
  import { g as getTemplateStore } from './TemplateStore.js';
5
5
  import { S as SDKError } from './errors.js';
6
- import { d as defineCustomElement$k } from './verdocs-button2.js';
7
- import { d as defineCustomElement$j } from './verdocs-checkbox2.js';
8
- import { d as defineCustomElement$i } from './verdocs-component-error2.js';
9
- import { d as defineCustomElement$h } from './verdocs-file-chooser2.js';
10
- import { d as defineCustomElement$g } from './verdocs-help-icon2.js';
11
- import { d as defineCustomElement$f } from './verdocs-loader2.js';
12
- import { d as defineCustomElement$e } from './verdocs-ok-dialog2.js';
13
- import { d as defineCustomElement$d } from './verdocs-progress-bar2.js';
14
- import { d as defineCustomElement$c } from './verdocs-radio-button2.js';
15
- import { d as defineCustomElement$b } from './verdocs-select-input2.js';
16
- import { d as defineCustomElement$a } from './verdocs-template-attachments2.js';
17
- import { d as defineCustomElement$9 } from './verdocs-template-create2.js';
18
- import { d as defineCustomElement$8 } from './verdocs-template-document-page2.js';
19
- import { d as defineCustomElement$7 } from './verdocs-template-fields2.js';
20
- import { d as defineCustomElement$6 } from './verdocs-template-role-properties2.js';
21
- import { d as defineCustomElement$5 } from './verdocs-template-roles2.js';
22
- import { d as defineCustomElement$4 } from './verdocs-template-sender2.js';
23
- import { d as defineCustomElement$3 } from './verdocs-text-input2.js';
6
+ import { d as defineCustomElement$q } from './verdocs-button2.js';
7
+ import { d as defineCustomElement$p } from './verdocs-checkbox2.js';
8
+ import { d as defineCustomElement$o } from './verdocs-component-error2.js';
9
+ import { d as defineCustomElement$n } from './verdocs-contact-picker2.js';
10
+ import { d as defineCustomElement$m } from './verdocs-file-chooser2.js';
11
+ import { d as defineCustomElement$l } from './verdocs-help-icon2.js';
12
+ import { d as defineCustomElement$k } from './verdocs-loader2.js';
13
+ import { d as defineCustomElement$j } from './verdocs-ok-dialog2.js';
14
+ import { d as defineCustomElement$i } from './verdocs-preview2.js';
15
+ import { d as defineCustomElement$h } from './verdocs-progress-bar2.js';
16
+ import { d as defineCustomElement$g } from './verdocs-radio-button2.js';
17
+ import { d as defineCustomElement$f } from './verdocs-select-input2.js';
18
+ import { d as defineCustomElement$e } from './verdocs-send2.js';
19
+ import { d as defineCustomElement$d } from './verdocs-template-attachments2.js';
20
+ import { d as defineCustomElement$c } from './verdocs-template-document-page2.js';
21
+ import { d as defineCustomElement$b } from './verdocs-template-fields2.js';
22
+ import { d as defineCustomElement$a } from './verdocs-template-name2.js';
23
+ import { d as defineCustomElement$9 } from './verdocs-template-reminders2.js';
24
+ import { d as defineCustomElement$8 } from './verdocs-template-role-properties2.js';
25
+ import { d as defineCustomElement$7 } from './verdocs-template-roles2.js';
26
+ import { d as defineCustomElement$6 } from './verdocs-template-sender2.js';
27
+ import { d as defineCustomElement$5 } from './verdocs-template-visibility2.js';
28
+ import { d as defineCustomElement$4 } from './verdocs-text-input2.js';
29
+ import { d as defineCustomElement$3 } from './verdocs-toggle-button2.js';
24
30
  import { d as defineCustomElement$2 } from './verdocs-toolbar-icon2.js';
25
31
 
26
- const verdocsBuildCss = "verdocs-build{display:-ms-flexbox;display:flex;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
32
+ const verdocsBuildCss = "verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .steps{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;padding:0 20px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;background-color:#46497d}verdocs-build .steps .step{height:50px;padding:0 20px;opacity:0.6;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-build .steps .step.active{opacity:1;background-color:#707ae5}verdocs-build .content{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}";
27
33
 
28
34
  const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
29
35
  constructor() {
@@ -63,23 +69,26 @@ const VerdocsBuild$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
63
69
  this.step = 'preview';
64
70
  (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('');
65
71
  }
66
- handleTemplateCreated(e) {
72
+ handleAttachmentsNext() {
67
73
  var _a;
68
- console.log('Created', e.detail);
69
74
  this.step = 'roles';
70
75
  (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('roles');
71
76
  }
72
- handleRolesDone(e) {
77
+ handleRolesNext() {
73
78
  var _a;
74
- console.log('Roles', e.detail);
75
79
  this.step = 'fields';
76
80
  (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit('fields');
77
81
  }
82
+ setStep(e, step) {
83
+ e.stopPropagation();
84
+ e.preventDefault();
85
+ this.step = step;
86
+ }
78
87
  render() {
79
88
  if (!this.endpoint.session) {
80
89
  return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
81
90
  }
82
- return (h(Host, null, this.step === 'create' && h("verdocs-template-create", { onExit: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) }), this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, onExit: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) })), this.step === 'roles' && h("verdocs-template-roles", { onExit: e => this.handleCancel(e), onNext: e => this.handleTemplateCreated(e) }), this.step === 'settings' && h("verdocs-template-settings", { templateId: this.templateId }), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId }), this.step === 'preview' && h("verdocs-template-preview", null)));
91
+ return (h(Host, null, h("div", { class: "steps" }, h("div", { class: `step ${this.step === 'attachments' ? 'active' : ''}`, onClick: e => this.setStep(e, 'attachments') }, "Attachments"), h("div", { class: `step ${this.step === 'roles' ? 'active' : ''}`, onClick: e => this.setStep(e, 'roles') }, "Roles"), h("div", { class: `step ${this.step === 'settings' ? 'active' : ''}`, onClick: e => this.setStep(e, 'settings') }, "Settings"), h("div", { class: `step ${this.step === 'fields' ? 'active' : ''}`, onClick: e => this.setStep(e, 'fields') }, "Fields"), h("div", { class: `step ${this.step === 'preview' ? 'active' : ''}`, onClick: e => this.setStep(e, 'preview') }, "Preview/Send")), h("div", { class: "content" }, this.step === 'attachments' && (h("verdocs-template-attachments", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleAttachmentsNext() })), this.step === 'roles' && (h("verdocs-template-roles", { templateId: this.templateId, endpoint: this.endpoint, onExit: e => this.handleCancel(e), onNext: () => this.handleRolesNext() })), this.step === 'settings' && (h("div", { style: { flexDirection: 'column', gap: '20px', display: 'flex', maxWidth: '400px', margin: '20px' } }, h("verdocs-template-name", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' } }), h("verdocs-template-reminders", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' } }), h("verdocs-template-visibility", { templateId: this.templateId, endpoint: this.endpoint, style: { backgroundColor: '#ffffff', padding: '20px' } }))), this.step === 'fields' && h("verdocs-template-fields", { templateId: this.templateId, endpoint: this.endpoint }), this.step === 'preview' && (h("div", { style: { flexDirection: 'row', display: 'flex', width: '100%' } }, h("div", { style: { display: 'flex', flex: '0' } }, h("verdocs-send", { templateId: this.templateId, endpoint: this.endpoint })), h("div", { style: { display: 'flex', flex: '1' } }, h("verdocs-preview", { templateId: this.templateId, endpoint: this.endpoint })))))));
83
92
  }
84
93
  static get style() { return verdocsBuildCss; }
85
94
  }, [0, "verdocs-build", {
@@ -92,7 +101,7 @@ function defineCustomElement$1() {
92
101
  if (typeof customElements === "undefined") {
93
102
  return;
94
103
  }
95
- const components = ["verdocs-build", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-loader", "verdocs-ok-dialog", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-template-attachments", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-fields", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-text-input", "verdocs-toolbar-icon"];
104
+ const components = ["verdocs-build", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-loader", "verdocs-ok-dialog", "verdocs-preview", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-send", "verdocs-template-attachments", "verdocs-template-document-page", "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"];
96
105
  components.forEach(tagName => { switch (tagName) {
97
106
  case "verdocs-build":
98
107
  if (!customElements.get(tagName)) {
@@ -101,90 +110,120 @@ function defineCustomElement$1() {
101
110
  break;
102
111
  case "verdocs-button":
103
112
  if (!customElements.get(tagName)) {
104
- defineCustomElement$k();
113
+ defineCustomElement$q();
105
114
  }
106
115
  break;
107
116
  case "verdocs-checkbox":
108
117
  if (!customElements.get(tagName)) {
109
- defineCustomElement$j();
118
+ defineCustomElement$p();
110
119
  }
111
120
  break;
112
121
  case "verdocs-component-error":
113
122
  if (!customElements.get(tagName)) {
114
- defineCustomElement$i();
123
+ defineCustomElement$o();
124
+ }
125
+ break;
126
+ case "verdocs-contact-picker":
127
+ if (!customElements.get(tagName)) {
128
+ defineCustomElement$n();
115
129
  }
116
130
  break;
117
131
  case "verdocs-file-chooser":
118
132
  if (!customElements.get(tagName)) {
119
- defineCustomElement$h();
133
+ defineCustomElement$m();
120
134
  }
121
135
  break;
122
136
  case "verdocs-help-icon":
123
137
  if (!customElements.get(tagName)) {
124
- defineCustomElement$g();
138
+ defineCustomElement$l();
125
139
  }
126
140
  break;
127
141
  case "verdocs-loader":
128
142
  if (!customElements.get(tagName)) {
129
- defineCustomElement$f();
143
+ defineCustomElement$k();
130
144
  }
131
145
  break;
132
146
  case "verdocs-ok-dialog":
133
147
  if (!customElements.get(tagName)) {
134
- defineCustomElement$e();
148
+ defineCustomElement$j();
149
+ }
150
+ break;
151
+ case "verdocs-preview":
152
+ if (!customElements.get(tagName)) {
153
+ defineCustomElement$i();
135
154
  }
136
155
  break;
137
156
  case "verdocs-progress-bar":
138
157
  if (!customElements.get(tagName)) {
139
- defineCustomElement$d();
158
+ defineCustomElement$h();
140
159
  }
141
160
  break;
142
161
  case "verdocs-radio-button":
143
162
  if (!customElements.get(tagName)) {
144
- defineCustomElement$c();
163
+ defineCustomElement$g();
145
164
  }
146
165
  break;
147
166
  case "verdocs-select-input":
148
167
  if (!customElements.get(tagName)) {
149
- defineCustomElement$b();
168
+ defineCustomElement$f();
169
+ }
170
+ break;
171
+ case "verdocs-send":
172
+ if (!customElements.get(tagName)) {
173
+ defineCustomElement$e();
150
174
  }
151
175
  break;
152
176
  case "verdocs-template-attachments":
177
+ if (!customElements.get(tagName)) {
178
+ defineCustomElement$d();
179
+ }
180
+ break;
181
+ case "verdocs-template-document-page":
182
+ if (!customElements.get(tagName)) {
183
+ defineCustomElement$c();
184
+ }
185
+ break;
186
+ case "verdocs-template-fields":
187
+ if (!customElements.get(tagName)) {
188
+ defineCustomElement$b();
189
+ }
190
+ break;
191
+ case "verdocs-template-name":
153
192
  if (!customElements.get(tagName)) {
154
193
  defineCustomElement$a();
155
194
  }
156
195
  break;
157
- case "verdocs-template-create":
196
+ case "verdocs-template-reminders":
158
197
  if (!customElements.get(tagName)) {
159
198
  defineCustomElement$9();
160
199
  }
161
200
  break;
162
- case "verdocs-template-document-page":
201
+ case "verdocs-template-role-properties":
163
202
  if (!customElements.get(tagName)) {
164
203
  defineCustomElement$8();
165
204
  }
166
205
  break;
167
- case "verdocs-template-fields":
206
+ case "verdocs-template-roles":
168
207
  if (!customElements.get(tagName)) {
169
208
  defineCustomElement$7();
170
209
  }
171
210
  break;
172
- case "verdocs-template-role-properties":
211
+ case "verdocs-template-sender":
173
212
  if (!customElements.get(tagName)) {
174
213
  defineCustomElement$6();
175
214
  }
176
215
  break;
177
- case "verdocs-template-roles":
216
+ case "verdocs-template-visibility":
178
217
  if (!customElements.get(tagName)) {
179
218
  defineCustomElement$5();
180
219
  }
181
220
  break;
182
- case "verdocs-template-sender":
221
+ case "verdocs-text-input":
183
222
  if (!customElements.get(tagName)) {
184
223
  defineCustomElement$4();
185
224
  }
186
225
  break;
187
- case "verdocs-text-input":
226
+ case "verdocs-toggle-button":
188
227
  if (!customElements.get(tagName)) {
189
228
  defineCustomElement$3();
190
229
  }