@verdocs/web-sdk 2.3.87 → 4.0.5

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 (1066) hide show
  1. package/dist/cjs/EnvelopeStore-13f60ae9.js +84 -0
  2. package/dist/cjs/TemplateFieldStore-6a79aae7.js +52 -0
  3. package/dist/cjs/TemplateRoleStore-06db6e56.js +49 -0
  4. package/dist/cjs/TemplateStore-5a46be5e.js +89 -0
  5. package/dist/cjs/{Toast-06880504.js → Toast-bb6f20af.js} +26 -26
  6. package/dist/cjs/app-globals-3a1e7e63.js +5 -0
  7. package/dist/cjs/errors-017fb835.js +15 -0
  8. package/dist/cjs/{index-f712049c.js → index-3e4c5891.js} +1 -1
  9. package/dist/cjs/index-5f130ec0.js +5 -0
  10. package/dist/cjs/index-a5472099.js +4238 -0
  11. package/dist/cjs/index-cfdfab36.js +1633 -0
  12. package/dist/cjs/interact.min-3f0b5e7d.js +16 -0
  13. package/dist/cjs/loader.cjs.js +7 -13
  14. package/dist/cjs/utils-5eb11b46.js +417 -0
  15. package/dist/cjs/verdocs-activity-box.cjs.entry.js +69 -112
  16. package/dist/cjs/verdocs-auth.cjs.entry.js +231 -284
  17. package/dist/cjs/verdocs-build.cjs.entry.js +105 -104
  18. package/dist/cjs/verdocs-button-panel.cjs.entry.js +65 -64
  19. package/dist/cjs/verdocs-button_3.cjs.entry.js +89 -86
  20. package/dist/cjs/verdocs-checkbox_5.cjs.entry.js +364 -545
  21. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +112 -113
  22. package/dist/cjs/verdocs-dialog_2.cjs.entry.js +36 -34
  23. package/dist/cjs/verdocs-dropdown.cjs.entry.js +84 -83
  24. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +92 -94
  25. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +186 -187
  26. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +19543 -280
  27. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +245 -249
  28. package/dist/cjs/verdocs-field-attachment_14.cjs.entry.js +1657 -0
  29. package/dist/cjs/verdocs-field-payment.cjs.entry.js +75 -78
  30. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +40 -39
  31. package/dist/cjs/verdocs-floating-menu.cjs.entry.js +89 -88
  32. package/dist/cjs/verdocs-kba-dialog.cjs.entry.js +35 -34
  33. package/dist/cjs/verdocs-loader.cjs.entry.js +9 -8
  34. package/dist/cjs/verdocs-ok-dialog.cjs.entry.js +30 -29
  35. package/dist/cjs/verdocs-organization-card.cjs.entry.js +11 -10
  36. package/dist/cjs/verdocs-pagination_2.cjs.entry.js +120 -121
  37. package/dist/cjs/verdocs-preview_10.cjs.entry.js +1477 -0
  38. package/dist/cjs/verdocs-quick-functions_2.cjs.entry.js +57 -56
  39. package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +247 -0
  40. package/dist/cjs/verdocs-search-tabs.cjs.entry.js +10 -9
  41. package/dist/cjs/verdocs-search.cjs.entry.js +11 -11
  42. package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js +504 -5025
  43. package/dist/cjs/verdocs-settings.cjs.entry.js +29 -29
  44. package/dist/cjs/verdocs-sign.cjs.entry.js +500 -509
  45. package/dist/cjs/verdocs-spinner.cjs.entry.js +16 -15
  46. package/dist/cjs/verdocs-status-indicator.cjs.entry.js +1601 -1857
  47. package/dist/cjs/verdocs-tabs.cjs.entry.js +16 -15
  48. package/dist/cjs/verdocs-template-card.cjs.entry.js +11 -10
  49. package/dist/cjs/verdocs-template-star.cjs.entry.js +40 -52
  50. package/dist/cjs/verdocs-template-tags.cjs.entry.js +11 -10
  51. package/dist/cjs/verdocs-templates-list.cjs.entry.js +211 -212
  52. package/dist/cjs/verdocs-toggle.cjs.entry.js +19 -18
  53. package/dist/cjs/verdocs-toolbar-icon.cjs.entry.js +52 -0
  54. package/dist/cjs/verdocs-view.cjs.entry.js +164 -168
  55. package/dist/cjs/verdocs-web-sdk.cjs.js +17 -11
  56. package/dist/collection/collection-manifest.json +81 -82
  57. package/dist/collection/components/controls/verdocs-button/test/verdocs-button.e2e.js +8 -0
  58. package/dist/collection/components/controls/verdocs-button/test/verdocs-button.spec.js +36 -0
  59. package/dist/collection/components/controls/verdocs-button/verdocs-button.js +153 -153
  60. package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.js +147 -144
  61. package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.js +135 -135
  62. package/dist/collection/components/controls/verdocs-component-error/verdocs-component-error.js +40 -40
  63. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.css +1 -1
  64. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.js +147 -143
  65. package/dist/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.js +88 -86
  66. package/dist/collection/components/controls/verdocs-floating-menu/verdocs-floating-menu.js +145 -141
  67. package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.js +86 -86
  68. package/dist/collection/components/controls/verdocs-loader/verdocs-loader.js +15 -15
  69. package/dist/collection/components/controls/verdocs-organization-card/test/org-popup.e2e.js +34 -0
  70. package/dist/collection/components/controls/verdocs-organization-card/test/org-popup.spec.js +64 -0
  71. package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.js +43 -42
  72. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.js +118 -118
  73. package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js +169 -169
  74. package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.js +79 -79
  75. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.css +1 -1
  76. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.js +197 -193
  77. package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.js +97 -97
  78. package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.js +94 -94
  79. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.js +64 -64
  80. package/dist/collection/components/controls/verdocs-table/verdocs-table.js +105 -101
  81. package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.js +90 -86
  82. package/dist/collection/components/controls/verdocs-text-input/test/verdocs-text-input.js +6 -6
  83. package/dist/collection/components/controls/verdocs-text-input/test/verdocs-text-input.spec.js +36 -0
  84. package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.js +234 -234
  85. package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js +73 -71
  86. package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.js +131 -131
  87. package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js +116 -115
  88. package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.css +1 -1
  89. package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.js +40 -40
  90. package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.css +2 -2
  91. package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.js +273 -272
  92. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.css +1 -1
  93. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.js +223 -223
  94. package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.css +1 -1
  95. package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js +148 -148
  96. package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.css +2 -2
  97. package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js +273 -272
  98. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.css +1 -1
  99. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js +114 -113
  100. package/dist/collection/components/elements/verdocs-quick-functions/test/verdocs-quick-functions.e2e.js +9 -0
  101. package/dist/collection/components/elements/verdocs-quick-functions/test/verdocs-quick-functions.spec.js +17 -0
  102. package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.js +83 -82
  103. package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.js +227 -219
  104. package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.js +23 -23
  105. package/dist/collection/components/embeds/verdocs-auth/verdocs-auth.js +364 -362
  106. package/dist/collection/components/embeds/verdocs-build/utils.js +60 -60
  107. package/dist/collection/components/embeds/verdocs-build/verdocs-build.css +1 -1
  108. package/dist/collection/components/embeds/verdocs-build/verdocs-build.js +317 -304
  109. package/dist/collection/components/embeds/verdocs-preview/verdocs-preview.js +146 -145
  110. package/dist/collection/components/embeds/verdocs-search/test/search-embed.e2e.js +9 -0
  111. package/dist/collection/components/embeds/verdocs-search/test/search-embed.spec.js +17 -0
  112. package/dist/collection/components/embeds/verdocs-search/verdocs-search.js +44 -43
  113. package/dist/collection/components/embeds/verdocs-send/role-flow.js +194 -194
  114. package/dist/collection/components/embeds/verdocs-send/verdocs-send.css +2 -2
  115. package/dist/collection/components/embeds/verdocs-send/verdocs-send.js +338 -335
  116. package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.js +90 -88
  117. package/dist/collection/components/embeds/verdocs-sign/utils.js +60 -60
  118. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +674 -650
  119. package/dist/collection/components/embeds/verdocs-view/test/verdocs-view.e2e.js +9 -0
  120. package/dist/collection/components/embeds/verdocs-view/test/verdocs-view.spec.js +17 -0
  121. package/dist/collection/components/embeds/verdocs-view/verdocs-view.js +326 -325
  122. package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.js +236 -234
  123. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +238 -228
  124. package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.css +1 -1
  125. package/dist/collection/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js +286 -284
  126. package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.css +5 -5
  127. package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.js +199 -197
  128. package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.css +5 -5
  129. package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.js +301 -298
  130. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js +412 -410
  131. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js +563 -558
  132. package/dist/collection/components/envelopes/verdocs-status-indicator/recipient-flow.js +194 -194
  133. package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js +312 -308
  134. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +365 -358
  135. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js +340 -334
  136. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.css +6 -12
  137. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.js +406 -398
  138. package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.js +358 -351
  139. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +443 -436
  140. package/dist/collection/components/fields/verdocs-field-payment/verdocs-field-payment.js +542 -537
  141. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.js +341 -335
  142. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.css +1 -1
  143. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +415 -408
  144. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.css +1 -1
  145. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.js +414 -407
  146. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.css +1 -1
  147. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +420 -414
  148. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.css +1 -1
  149. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js +348 -341
  150. package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.css +1 -1
  151. package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.js +278 -270
  152. package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.css +2 -2
  153. package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.js +325 -321
  154. package/dist/collection/components/settings/verdocs-settings-organization/TimeZones.js +142 -142
  155. package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.js +189 -206
  156. package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.js +179 -176
  157. package/dist/collection/components/templates/verdocs-template-attachments/verdocs-template-attachments.js +264 -260
  158. package/dist/collection/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.js +208 -202
  159. package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.js +43 -42
  160. package/dist/collection/components/templates/verdocs-template-create/verdocs-template-create.js +210 -206
  161. package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.css +1 -1
  162. package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js +381 -379
  163. package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.css +2 -2
  164. package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js +439 -436
  165. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.css +1 -1
  166. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js +522 -515
  167. package/dist/collection/components/templates/verdocs-template-name/verdocs-template-name.js +182 -179
  168. package/dist/collection/components/templates/verdocs-template-reminders/verdocs-template-reminders.js +220 -216
  169. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.css +1 -1
  170. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js +298 -297
  171. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.css +2 -2
  172. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js +373 -371
  173. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.css +1 -1
  174. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.js +179 -178
  175. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.js +135 -133
  176. package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.js +38 -38
  177. package/dist/collection/components/templates/verdocs-template-visibillity/verdocs-template-visibility.js +190 -187
  178. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js +621 -608
  179. package/dist/collection/utils/EnvelopeStore.js +72 -69
  180. package/dist/collection/utils/TemplateFieldStore.js +37 -37
  181. package/dist/collection/utils/TemplateRoleStore.js +27 -27
  182. package/dist/collection/utils/TemplateStore.js +77 -75
  183. package/dist/collection/utils/Toast.js +26 -26
  184. package/dist/collection/utils/errors.js +6 -6
  185. package/dist/collection/utils/utils.js +318 -330
  186. package/dist/components/EnvelopeStore.js +72 -69
  187. package/dist/components/TemplateFieldStore.js +36 -36
  188. package/dist/components/TemplateRoleStore.js +27 -27
  189. package/dist/components/TemplateStore.js +76 -73
  190. package/dist/components/Toast.js +26 -26
  191. package/dist/components/Types.js +4 -114
  192. package/dist/components/_commonjsHelpers.js +3 -17
  193. package/dist/components/errors.js +6 -6
  194. package/dist/components/index.d.ts +14 -82
  195. package/dist/components/index.js +1 -81
  196. package/dist/components/index2.js +178 -2172
  197. package/dist/components/index3.js +1 -1
  198. package/dist/components/index4.js +2 -193
  199. package/dist/components/interact.min.js +9 -5
  200. package/dist/components/utils.js +324 -336
  201. package/dist/components/verdocs-activity-box.d.ts +2 -2
  202. package/dist/components/verdocs-activity-box.js +97 -137
  203. package/dist/components/verdocs-auth.d.ts +2 -2
  204. package/dist/components/verdocs-auth.js +283 -336
  205. package/dist/components/verdocs-build.d.ts +2 -2
  206. package/dist/components/verdocs-build.js +339 -336
  207. package/dist/components/verdocs-button-panel.d.ts +2 -2
  208. package/dist/components/verdocs-button-panel.js +81 -80
  209. package/dist/components/verdocs-button.d.ts +2 -2
  210. package/dist/components/verdocs-button2.js +36 -35
  211. package/dist/components/verdocs-checkbox.d.ts +2 -2
  212. package/dist/components/verdocs-checkbox2.js +34 -33
  213. package/dist/components/verdocs-component-error.d.ts +2 -2
  214. package/dist/components/verdocs-component-error2.js +24 -23
  215. package/dist/components/verdocs-contact-picker.d.ts +2 -2
  216. package/dist/components/verdocs-contact-picker2.js +121 -121
  217. package/dist/components/verdocs-dialog.d.ts +2 -2
  218. package/dist/components/verdocs-dialog2.js +30 -29
  219. package/dist/components/verdocs-dropdown.d.ts +2 -2
  220. package/dist/components/verdocs-dropdown2.js +98 -97
  221. package/dist/components/verdocs-envelope-document-page.d.ts +2 -2
  222. package/dist/components/verdocs-envelope-document-page2.js +118 -119
  223. package/dist/components/verdocs-envelope-recipient-link.d.ts +2 -2
  224. package/dist/components/verdocs-envelope-recipient-link2.js +103 -104
  225. package/dist/components/verdocs-envelope-recipient-summary.d.ts +2 -2
  226. package/dist/components/verdocs-envelope-recipient-summary2.js +134 -136
  227. package/dist/components/verdocs-envelope-sidebar.d.ts +2 -2
  228. package/dist/components/verdocs-envelope-sidebar.js +315 -318
  229. package/dist/components/verdocs-envelopes-list.d.ts +2 -2
  230. package/dist/components/verdocs-envelopes-list.js +317 -314
  231. package/dist/components/verdocs-field-attachment.d.ts +2 -2
  232. package/dist/components/verdocs-field-attachment2.js +145 -145
  233. package/dist/components/verdocs-field-checkbox.d.ts +2 -2
  234. package/dist/components/verdocs-field-checkbox2.js +129 -126
  235. package/dist/components/verdocs-field-date.d.ts +2 -2
  236. package/dist/components/verdocs-field-date2.js +19441 -172
  237. package/dist/components/verdocs-field-dropdown.d.ts +2 -2
  238. package/dist/components/verdocs-field-dropdown2.js +134 -131
  239. package/dist/components/verdocs-field-initial.d.ts +2 -2
  240. package/dist/components/verdocs-field-initial2.js +166 -163
  241. package/dist/components/verdocs-field-payment.d.ts +2 -2
  242. package/dist/components/verdocs-field-payment.js +110 -108
  243. package/dist/components/verdocs-field-radio-button.d.ts +2 -2
  244. package/dist/components/verdocs-field-radio-button2.js +130 -127
  245. package/dist/components/verdocs-field-signature.d.ts +2 -2
  246. package/dist/components/verdocs-field-signature2.js +167 -164
  247. package/dist/components/verdocs-field-textarea.d.ts +2 -2
  248. package/dist/components/verdocs-field-textarea2.js +186 -185
  249. package/dist/components/verdocs-field-textbox.d.ts +2 -2
  250. package/dist/components/verdocs-field-textbox2.js +192 -191
  251. package/dist/components/verdocs-field-timestamp.d.ts +2 -2
  252. package/dist/components/verdocs-field-timestamp2.js +139 -136
  253. package/dist/components/verdocs-file-chooser.d.ts +2 -2
  254. package/dist/components/verdocs-file-chooser2.js +47 -47
  255. package/dist/components/verdocs-floating-menu.d.ts +2 -2
  256. package/dist/components/verdocs-floating-menu.js +107 -106
  257. package/dist/components/verdocs-help-icon.d.ts +2 -2
  258. package/dist/components/verdocs-help-icon2.js +48 -47
  259. package/dist/components/verdocs-initial-dialog.d.ts +2 -2
  260. package/dist/components/verdocs-initial-dialog2.js +239 -237
  261. package/dist/components/verdocs-kba-dialog.d.ts +2 -2
  262. package/dist/components/verdocs-kba-dialog.js +62 -61
  263. package/dist/components/verdocs-loader.d.ts +2 -2
  264. package/dist/components/verdocs-loader2.js +21 -20
  265. package/dist/components/verdocs-ok-dialog.d.ts +2 -2
  266. package/dist/components/verdocs-ok-dialog2.js +53 -52
  267. package/dist/components/verdocs-organization-card.d.ts +2 -2
  268. package/dist/components/verdocs-organization-card.js +25 -24
  269. package/dist/components/verdocs-pagination.d.ts +2 -2
  270. package/dist/components/verdocs-pagination2.js +50 -49
  271. package/dist/components/verdocs-portal.d.ts +2 -2
  272. package/dist/components/verdocs-portal2.js +80 -79
  273. package/dist/components/verdocs-preview.d.ts +2 -2
  274. package/dist/components/verdocs-preview2.js +193 -194
  275. package/dist/components/verdocs-progress-bar.d.ts +2 -2
  276. package/dist/components/verdocs-progress-bar2.js +29 -28
  277. package/dist/components/verdocs-quick-filter.d.ts +2 -2
  278. package/dist/components/verdocs-quick-filter2.js +99 -98
  279. package/dist/components/verdocs-quick-functions.d.ts +2 -2
  280. package/dist/components/verdocs-quick-functions2.js +33 -33
  281. package/dist/components/verdocs-radio-button.d.ts +2 -2
  282. package/dist/components/verdocs-radio-button2.js +30 -29
  283. package/dist/components/verdocs-search-box.d.ts +2 -2
  284. package/dist/components/verdocs-search-box2.js +59 -59
  285. package/dist/components/verdocs-search-tabs.d.ts +2 -2
  286. package/dist/components/verdocs-search-tabs.js +24 -23
  287. package/dist/components/verdocs-search.d.ts +2 -2
  288. package/dist/components/verdocs-search.js +35 -35
  289. package/dist/components/verdocs-select-input.d.ts +2 -2
  290. package/dist/components/verdocs-select-input2.js +30 -29
  291. package/dist/components/verdocs-send.d.ts +2 -2
  292. package/dist/components/verdocs-send2.js +190 -193
  293. package/dist/components/verdocs-settings-api-keys.d.ts +2 -2
  294. package/dist/components/verdocs-settings-api-keys2.js +185 -255
  295. package/dist/components/verdocs-settings-members.d.ts +2 -2
  296. package/dist/components/verdocs-settings-members2.js +239 -263
  297. package/dist/components/verdocs-settings-organization.d.ts +2 -2
  298. package/dist/components/verdocs-settings-organization2.js +133 -325
  299. package/dist/components/verdocs-settings-profile.d.ts +2 -2
  300. package/dist/components/verdocs-settings-profile2.js +121 -122
  301. package/dist/components/verdocs-settings.d.ts +2 -2
  302. package/dist/components/verdocs-settings.js +103 -103
  303. package/dist/components/verdocs-sign.d.ts +2 -2
  304. package/dist/components/verdocs-sign.js +565 -573
  305. package/dist/components/verdocs-signature-dialog.d.ts +2 -2
  306. package/dist/components/verdocs-signature-dialog2.js +239 -237
  307. package/dist/components/verdocs-spinner.d.ts +2 -2
  308. package/dist/components/verdocs-spinner2.js +31 -30
  309. package/dist/components/verdocs-status-indicator.d.ts +2 -2
  310. package/dist/components/verdocs-status-indicator2.js +1619 -1875
  311. package/dist/components/verdocs-table.d.ts +2 -2
  312. package/dist/components/verdocs-table2.js +34 -33
  313. package/dist/components/verdocs-tabs.d.ts +2 -2
  314. package/dist/components/verdocs-tabs2.js +31 -30
  315. package/dist/components/verdocs-template-attachments.d.ts +2 -2
  316. package/dist/components/verdocs-template-attachments2.js +172 -173
  317. package/dist/components/verdocs-template-build-tabs.d.ts +2 -2
  318. package/dist/components/verdocs-template-build-tabs2.js +111 -109
  319. package/dist/components/verdocs-template-card.d.ts +2 -2
  320. package/dist/components/verdocs-template-card.js +25 -24
  321. package/dist/components/verdocs-template-create.d.ts +2 -2
  322. package/dist/components/verdocs-template-create2.js +127 -127
  323. package/dist/components/verdocs-template-document-page.d.ts +2 -2
  324. package/dist/components/verdocs-template-document-page2.js +283 -284
  325. package/dist/components/verdocs-template-field-properties.d.ts +2 -2
  326. package/dist/components/verdocs-template-field-properties2.js +320 -534
  327. package/dist/components/verdocs-template-fields.d.ts +2 -2
  328. package/dist/components/verdocs-template-fields2.js +509 -507
  329. package/dist/components/verdocs-template-name.d.ts +2 -2
  330. package/dist/components/verdocs-template-name2.js +106 -106
  331. package/dist/components/verdocs-template-reminders.d.ts +2 -2
  332. package/dist/components/verdocs-template-reminders2.js +147 -173
  333. package/dist/components/verdocs-template-role-properties.d.ts +2 -2
  334. package/dist/components/verdocs-template-role-properties2.js +191 -214
  335. package/dist/components/verdocs-template-roles.d.ts +2 -2
  336. package/dist/components/verdocs-template-roles2.js +310 -310
  337. package/dist/components/verdocs-template-sender.d.ts +2 -2
  338. package/dist/components/verdocs-template-sender2.js +94 -94
  339. package/dist/components/verdocs-template-star.d.ts +2 -2
  340. package/dist/components/verdocs-template-star2.js +56 -68
  341. package/dist/components/verdocs-template-tags.d.ts +2 -2
  342. package/dist/components/verdocs-template-tags.js +25 -24
  343. package/dist/components/verdocs-template-visibility.d.ts +2 -2
  344. package/dist/components/verdocs-template-visibility2.js +103 -103
  345. package/dist/components/verdocs-templates-list.d.ts +2 -2
  346. package/dist/components/verdocs-templates-list.js +289 -284
  347. package/dist/components/verdocs-text-input.d.ts +2 -2
  348. package/dist/components/verdocs-text-input2.js +69 -68
  349. package/dist/components/verdocs-toggle-button.d.ts +2 -2
  350. package/dist/components/verdocs-toggle-button2.js +43 -42
  351. package/dist/components/verdocs-toggle.d.ts +2 -2
  352. package/dist/components/verdocs-toggle.js +35 -34
  353. package/dist/components/verdocs-toolbar-icon.d.ts +2 -2
  354. package/dist/components/verdocs-toolbar-icon2.js +56 -55
  355. package/dist/components/verdocs-upload-dialog.d.ts +2 -2
  356. package/dist/components/verdocs-upload-dialog2.js +86 -85
  357. package/dist/components/verdocs-view.d.ts +2 -2
  358. package/dist/components/verdocs-view2.js +205 -208
  359. package/dist/custom-elements.json +0 -13
  360. package/dist/docs.d.ts +375 -88
  361. package/dist/docs.json +4191 -268
  362. package/dist/esm/EnvelopeStore-fefba6fd.js +82 -0
  363. package/dist/esm/TemplateFieldStore-d7516adf.js +47 -0
  364. package/dist/esm/TemplateRoleStore-ddc3b96f.js +42 -0
  365. package/dist/esm/TemplateStore-df5484bb.js +87 -0
  366. package/dist/esm/{Toast-f3b8fd46.js → Toast-b71de686.js} +26 -26
  367. package/dist/esm/app-globals-0f993ce5.js +3 -0
  368. package/dist/esm/errors-887f1e88.js +13 -0
  369. package/dist/esm/index-0329eed3.js +3 -0
  370. package/dist/esm/{index-4439b0d1.js → index-296aabaf.js} +1 -1
  371. package/dist/esm/index-7456b04f.js +4235 -0
  372. package/dist/esm/index-b89cf6a4.js +1601 -0
  373. package/dist/esm/{interact.min-66ad6fb8.js → interact.min-b055a9b6.js} +9 -5
  374. package/dist/esm/loader.js +7 -13
  375. package/dist/esm/{utils-a56ee5e9.js → utils-61c1093b.js} +327 -376
  376. package/dist/esm/verdocs-activity-box.entry.js +69 -112
  377. package/dist/esm/verdocs-auth.entry.js +231 -284
  378. package/dist/esm/verdocs-build.entry.js +105 -104
  379. package/dist/esm/verdocs-button-panel.entry.js +65 -64
  380. package/dist/esm/verdocs-button_3.entry.js +89 -86
  381. package/dist/esm/verdocs-checkbox_5.entry.js +360 -545
  382. package/dist/esm/verdocs-contact-picker_2.entry.js +112 -113
  383. package/dist/esm/verdocs-dialog_2.entry.js +36 -34
  384. package/dist/esm/verdocs-dropdown.entry.js +84 -83
  385. package/dist/esm/verdocs-envelope-document-page.entry.js +92 -94
  386. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +186 -187
  387. package/dist/esm/verdocs-envelope-sidebar.entry.js +19543 -280
  388. package/dist/esm/verdocs-envelopes-list.entry.js +245 -249
  389. package/dist/esm/{verdocs-field-attachment_15.entry.js → verdocs-field-attachment_14.entry.js} +1523 -1538
  390. package/dist/esm/verdocs-field-payment.entry.js +75 -78
  391. package/dist/esm/verdocs-file-chooser_2.entry.js +40 -39
  392. package/dist/esm/verdocs-floating-menu.entry.js +89 -88
  393. package/dist/esm/verdocs-kba-dialog.entry.js +35 -34
  394. package/dist/esm/verdocs-loader.entry.js +9 -8
  395. package/dist/esm/verdocs-ok-dialog.entry.js +30 -29
  396. package/dist/esm/verdocs-organization-card.entry.js +11 -10
  397. package/dist/esm/verdocs-pagination_2.entry.js +120 -121
  398. package/dist/esm/verdocs-preview_10.entry.js +1464 -0
  399. package/dist/esm/verdocs-quick-functions_2.entry.js +57 -56
  400. package/dist/esm/verdocs-radio-button_3.entry.js +241 -0
  401. package/dist/esm/verdocs-search-tabs.entry.js +10 -9
  402. package/dist/esm/verdocs-search.entry.js +11 -11
  403. package/dist/esm/verdocs-settings-api-keys_4.entry.js +503 -5024
  404. package/dist/esm/verdocs-settings.entry.js +29 -29
  405. package/dist/esm/verdocs-sign.entry.js +500 -509
  406. package/dist/esm/verdocs-spinner.entry.js +16 -15
  407. package/dist/esm/verdocs-status-indicator.entry.js +1601 -1857
  408. package/dist/esm/verdocs-tabs.entry.js +16 -15
  409. package/dist/esm/verdocs-template-card.entry.js +11 -10
  410. package/dist/esm/verdocs-template-star.entry.js +40 -52
  411. package/dist/esm/verdocs-template-tags.entry.js +11 -10
  412. package/dist/esm/verdocs-templates-list.entry.js +211 -212
  413. package/dist/esm/verdocs-toggle.entry.js +19 -18
  414. package/dist/esm/verdocs-toolbar-icon.entry.js +48 -0
  415. package/dist/esm/verdocs-view.entry.js +164 -168
  416. package/dist/esm/verdocs-web-sdk.js +14 -11
  417. package/dist/esm-es5/EnvelopeStore-fefba6fd.js +1 -0
  418. package/dist/esm-es5/TemplateFieldStore-d7516adf.js +1 -0
  419. package/dist/esm-es5/TemplateRoleStore-ddc3b96f.js +1 -0
  420. package/dist/esm-es5/TemplateStore-df5484bb.js +1 -0
  421. package/dist/esm-es5/{Toast-f3b8fd46.js → Toast-b71de686.js} +1 -1
  422. package/dist/esm-es5/app-globals-0f993ce5.js +1 -0
  423. package/dist/esm-es5/errors-887f1e88.js +1 -0
  424. package/dist/esm-es5/index-0329eed3.js +1 -0
  425. package/dist/esm-es5/index-296aabaf.js +1 -0
  426. package/dist/esm-es5/index-7456b04f.js +1 -0
  427. package/dist/esm-es5/index-b89cf6a4.js +2 -0
  428. package/dist/esm-es5/interact.min-b055a9b6.js +1 -0
  429. package/dist/esm-es5/loader.js +1 -1
  430. package/dist/esm-es5/{popper-15e448b4.js → popper-0fbeff6d.js} +1 -1
  431. package/dist/esm-es5/utils-61c1093b.js +12 -0
  432. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  433. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  434. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  435. package/dist/esm-es5/verdocs-button-panel.entry.js +1 -1
  436. package/dist/esm-es5/verdocs-button_3.entry.js +1 -1
  437. package/dist/esm-es5/verdocs-checkbox_5.entry.js +1 -1
  438. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  439. package/dist/esm-es5/verdocs-dialog_2.entry.js +1 -1
  440. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
  441. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  442. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  443. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  444. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  445. package/dist/esm-es5/verdocs-field-attachment_14.entry.js +1 -0
  446. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  447. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  448. package/dist/esm-es5/verdocs-floating-menu.entry.js +1 -1
  449. package/dist/esm-es5/verdocs-kba-dialog.entry.js +1 -1
  450. package/dist/esm-es5/verdocs-loader.entry.js +1 -1
  451. package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
  452. package/dist/esm-es5/verdocs-organization-card.entry.js +1 -1
  453. package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
  454. package/dist/esm-es5/verdocs-preview_10.entry.js +1 -0
  455. package/dist/esm-es5/verdocs-quick-functions_2.entry.js +1 -1
  456. package/dist/esm-es5/verdocs-radio-button_3.entry.js +1 -0
  457. package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
  458. package/dist/esm-es5/verdocs-search.entry.js +1 -1
  459. package/dist/esm-es5/verdocs-settings-api-keys_4.entry.js +1 -1
  460. package/dist/esm-es5/verdocs-settings.entry.js +1 -1
  461. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  462. package/dist/esm-es5/verdocs-spinner.entry.js +1 -1
  463. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  464. package/dist/esm-es5/verdocs-tabs.entry.js +1 -1
  465. package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
  466. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  467. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  468. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  469. package/dist/esm-es5/verdocs-toggle.entry.js +1 -1
  470. package/dist/esm-es5/verdocs-toolbar-icon.entry.js +1 -0
  471. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  472. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  473. package/dist/types/components/controls/verdocs-button/verdocs-button.d.ts +29 -29
  474. package/dist/types/components/controls/verdocs-button-panel/verdocs-button-panel.d.ts +15 -15
  475. package/dist/types/components/controls/verdocs-checkbox/verdocs-checkbox.d.ts +28 -28
  476. package/dist/types/components/controls/verdocs-component-error/verdocs-component-error.d.ts +5 -5
  477. package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.d.ts +22 -22
  478. package/dist/types/components/controls/verdocs-file-chooser/verdocs-file-chooser.d.ts +14 -14
  479. package/dist/types/components/controls/verdocs-floating-menu/verdocs-floating-menu.d.ts +21 -21
  480. package/dist/types/components/controls/verdocs-help-icon/verdocs-help-icon.d.ts +17 -17
  481. package/dist/types/components/controls/verdocs-loader/verdocs-loader.d.ts +1 -1
  482. package/dist/types/components/controls/verdocs-organization-card/verdocs-organization-card.d.ts +6 -6
  483. package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.d.ts +20 -20
  484. package/dist/types/components/controls/verdocs-portal/verdocs-portal.d.ts +26 -26
  485. package/dist/types/components/controls/verdocs-progress-bar/verdocs-progress-bar.d.ts +13 -13
  486. package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.d.ts +30 -30
  487. package/dist/types/components/controls/verdocs-radio-button/verdocs-radio-button.d.ts +17 -17
  488. package/dist/types/components/controls/verdocs-select-input/verdocs-select-input.d.ts +19 -19
  489. package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.d.ts +3 -3
  490. package/dist/types/components/controls/verdocs-table/verdocs-table.d.ts +25 -25
  491. package/dist/types/components/controls/verdocs-tabs/verdocs-tabs.d.ts +21 -21
  492. package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.d.ts +47 -47
  493. package/dist/types/components/controls/verdocs-toggle/verdocs-toggle.d.ts +16 -16
  494. package/dist/types/components/controls/verdocs-toggle-button/verdocs-toggle-button.d.ts +22 -22
  495. package/dist/types/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.d.ts +24 -24
  496. package/dist/types/components/dialogs/verdocs-dialog/verdocs-dialog.d.ts +6 -6
  497. package/dist/types/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.d.ts +24 -24
  498. package/dist/types/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.d.ts +45 -45
  499. package/dist/types/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.d.ts +30 -30
  500. package/dist/types/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.d.ts +25 -25
  501. package/dist/types/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.d.ts +22 -22
  502. package/dist/types/components/elements/verdocs-quick-functions/verdocs-quick-functions.d.ts +15 -15
  503. package/dist/types/components/elements/verdocs-search-box/verdocs-search-box.d.ts +43 -43
  504. package/dist/types/components/elements/verdocs-search-tabs/verdocs-search-tabs.d.ts +3 -3
  505. package/dist/types/components/embeds/verdocs-auth/verdocs-auth.d.ts +58 -59
  506. package/dist/types/components/embeds/verdocs-build/utils.d.ts +4 -4
  507. package/dist/types/components/embeds/verdocs-build/verdocs-build.d.ts +71 -73
  508. package/dist/types/components/embeds/verdocs-preview/verdocs-preview.d.ts +20 -20
  509. package/dist/types/components/embeds/verdocs-search/verdocs-search.d.ts +5 -5
  510. package/dist/types/components/embeds/verdocs-send/role-flow.d.ts +2 -2
  511. package/dist/types/components/embeds/verdocs-send/verdocs-send.d.ts +65 -67
  512. package/dist/types/components/embeds/verdocs-settings/verdocs-settings.d.ts +12 -12
  513. package/dist/types/components/embeds/verdocs-sign/utils.d.ts +4 -4
  514. package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts +81 -79
  515. package/dist/types/components/embeds/verdocs-view/verdocs-view.d.ts +58 -59
  516. package/dist/types/components/envelopes/verdocs-activity-box/verdocs-activity-box.d.ts +51 -52
  517. package/dist/types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.d.ts +64 -65
  518. package/dist/types/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.d.ts +59 -59
  519. package/dist/types/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.d.ts +36 -37
  520. package/dist/types/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.d.ts +62 -63
  521. package/dist/types/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.d.ts +52 -53
  522. package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.d.ts +93 -94
  523. package/dist/types/components/envelopes/verdocs-status-indicator/recipient-flow.d.ts +2 -2
  524. package/dist/types/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.d.ts +32 -32
  525. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +72 -72
  526. package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.d.ts +63 -63
  527. package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.d.ts +73 -73
  528. package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.d.ts +68 -68
  529. package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.d.ts +88 -88
  530. package/dist/types/components/fields/verdocs-field-payment/verdocs-field-payment.d.ts +65 -65
  531. package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.d.ts +63 -63
  532. package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.d.ts +78 -78
  533. package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.d.ts +74 -74
  534. package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.d.ts +74 -75
  535. package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.d.ts +61 -61
  536. package/dist/types/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.d.ts +46 -47
  537. package/dist/types/components/settings/verdocs-settings-members/verdocs-settings-members.d.ts +48 -51
  538. package/dist/types/components/settings/verdocs-settings-organization/verdocs-settings-organization.d.ts +30 -34
  539. package/dist/types/components/settings/verdocs-settings-profile/verdocs-settings-profile.d.ts +29 -30
  540. package/dist/types/components/templates/verdocs-template-attachments/verdocs-template-attachments.d.ts +46 -47
  541. package/dist/types/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.d.ts +30 -30
  542. package/dist/types/components/templates/verdocs-template-card/verdocs-template-card.d.ts +6 -6
  543. package/dist/types/components/templates/verdocs-template-create/verdocs-template-create.d.ts +35 -36
  544. package/dist/types/components/templates/verdocs-template-document-page/verdocs-template-document-page.d.ts +74 -74
  545. package/dist/types/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.d.ts +65 -66
  546. package/dist/types/components/templates/verdocs-template-fields/verdocs-template-fields.d.ts +63 -65
  547. package/dist/types/components/templates/verdocs-template-name/verdocs-template-name.d.ts +32 -33
  548. package/dist/types/components/templates/verdocs-template-reminders/verdocs-template-reminders.d.ts +35 -36
  549. package/dist/types/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.d.ts +48 -50
  550. package/dist/types/components/templates/verdocs-template-roles/verdocs-template-roles.d.ts +50 -51
  551. package/dist/types/components/templates/verdocs-template-sender/verdocs-template-sender.d.ts +29 -30
  552. package/dist/types/components/templates/verdocs-template-star/verdocs-template-star.d.ts +27 -28
  553. package/dist/types/components/templates/verdocs-template-tags/verdocs-template-tags.d.ts +5 -5
  554. package/dist/types/components/templates/verdocs-template-visibillity/verdocs-template-visibility.d.ts +33 -34
  555. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.d.ts +119 -120
  556. package/dist/types/components.d.ts +2300 -44
  557. package/dist/types/stencil-public-runtime.d.ts +122 -27
  558. package/dist/types/utils/EnvelopeStore.d.ts +7 -8
  559. package/dist/types/utils/TemplateFieldStore.d.ts +3 -4
  560. package/dist/types/utils/TemplateRoleStore.d.ts +3 -3
  561. package/dist/types/utils/TemplateStore.d.ts +12 -8
  562. package/dist/types/utils/Toast.d.ts +2 -2
  563. package/dist/types/utils/Types.d.ts +14 -14
  564. package/dist/types/utils/errors.d.ts +4 -4
  565. package/dist/types/utils/utils.d.ts +15 -17
  566. package/dist/verdocs-web-sdk/p-0017dee2.system.entry.js +1 -0
  567. package/dist/verdocs-web-sdk/{p-7648c449.js → p-00b37c9a.js} +1 -1
  568. package/dist/verdocs-web-sdk/p-0191eac7.system.entry.js +1 -0
  569. package/dist/verdocs-web-sdk/{p-ef20cb50.js → p-05cfdd58.js} +1 -1
  570. package/dist/verdocs-web-sdk/p-0664e011.system.entry.js +1 -0
  571. package/dist/verdocs-web-sdk/p-0bd91b17.entry.js +1 -0
  572. package/dist/verdocs-web-sdk/p-0e74b009.entry.js +1 -0
  573. package/dist/verdocs-web-sdk/p-0f12fb66.entry.js +1 -0
  574. package/dist/verdocs-web-sdk/p-0f5dc1c5.system.entry.js +1 -0
  575. package/dist/verdocs-web-sdk/p-1200552e.system.entry.js +1 -0
  576. package/dist/verdocs-web-sdk/{p-d425fa2c.js → p-17801797.js} +1 -1
  577. package/dist/verdocs-web-sdk/p-1a180595.system.js +1 -0
  578. package/dist/verdocs-web-sdk/p-1a5cdf1a.entry.js +1 -0
  579. package/dist/verdocs-web-sdk/p-1e6cecc0.entry.js +1 -0
  580. package/dist/verdocs-web-sdk/p-208ba4e2.system.entry.js +1 -0
  581. package/dist/verdocs-web-sdk/p-235d82f0.system.entry.js +1 -0
  582. package/dist/verdocs-web-sdk/p-27ab21de.system.entry.js +1 -0
  583. package/dist/verdocs-web-sdk/p-28d5af49.system.entry.js +1 -0
  584. package/dist/verdocs-web-sdk/p-294fd56c.entry.js +1 -0
  585. package/dist/verdocs-web-sdk/p-2cc1724f.entry.js +1 -0
  586. package/dist/verdocs-web-sdk/p-322fa613.system.js +1 -0
  587. package/dist/verdocs-web-sdk/p-32e396c5.system.entry.js +1 -0
  588. package/dist/verdocs-web-sdk/{p-57c87e08.system.entry.js → p-3415ddee.system.entry.js} +1 -1
  589. package/dist/verdocs-web-sdk/p-35157a14.js +1 -0
  590. package/dist/verdocs-web-sdk/{p-d0564f02.system.entry.js → p-35859fe1.system.entry.js} +1 -1
  591. package/dist/verdocs-web-sdk/p-36800dd4.js +1 -0
  592. package/dist/verdocs-web-sdk/p-383de7ca.entry.js +1 -0
  593. package/dist/verdocs-web-sdk/p-4297282e.system.entry.js +1 -0
  594. package/dist/verdocs-web-sdk/p-4424d71f.system.entry.js +1 -0
  595. package/dist/verdocs-web-sdk/p-483cc30b.entry.js +1 -0
  596. package/dist/verdocs-web-sdk/p-48d9efa4.entry.js +1 -0
  597. package/dist/verdocs-web-sdk/p-4cd628a3.system.entry.js +1 -0
  598. package/dist/verdocs-web-sdk/p-503072b6.entry.js +1 -0
  599. package/dist/verdocs-web-sdk/p-56ba5cbf.system.js +1 -0
  600. package/dist/verdocs-web-sdk/p-5b9c0b5d.system.entry.js +1 -0
  601. package/dist/verdocs-web-sdk/p-5cc3dcb2.entry.js +1 -0
  602. package/dist/verdocs-web-sdk/p-656ba4ba.system.entry.js +1 -0
  603. package/dist/verdocs-web-sdk/p-660a17c3.entry.js +1 -0
  604. package/dist/verdocs-web-sdk/p-6890fe65.system.entry.js +1 -0
  605. package/dist/verdocs-web-sdk/p-68a5aaff.js +1 -0
  606. package/dist/verdocs-web-sdk/p-69ea5cb9.system.entry.js +1 -0
  607. package/dist/verdocs-web-sdk/p-6a82e278.system.js +1 -0
  608. package/dist/verdocs-web-sdk/p-6d1bdae8.system.js +1 -0
  609. package/dist/verdocs-web-sdk/p-6fe0d270.entry.js +1 -0
  610. package/dist/verdocs-web-sdk/p-721edea6.entry.js +1 -0
  611. package/dist/verdocs-web-sdk/p-727f9a9a.system.js +1 -0
  612. package/dist/verdocs-web-sdk/p-73a6f972.js +2 -0
  613. package/dist/verdocs-web-sdk/{p-50e0263a.system.entry.js → p-75f98b48.system.entry.js} +1 -1
  614. package/dist/verdocs-web-sdk/p-7602d431.entry.js +1 -0
  615. package/dist/verdocs-web-sdk/p-77fe89f5.system.entry.js +1 -0
  616. package/dist/verdocs-web-sdk/p-7a708333.system.entry.js +1 -0
  617. package/dist/verdocs-web-sdk/p-7adbe456.entry.js +1 -0
  618. package/dist/verdocs-web-sdk/p-7b009ca9.entry.js +1 -0
  619. package/dist/verdocs-web-sdk/p-7b397f3a.js +1 -0
  620. package/dist/verdocs-web-sdk/p-7c1030dc.system.entry.js +1 -0
  621. package/dist/verdocs-web-sdk/{p-ca13070e.system.js → p-7ce23c90.system.js} +1 -1
  622. package/dist/verdocs-web-sdk/{p-4e834dcc.system.entry.js → p-7d035035.system.entry.js} +1 -1
  623. package/dist/verdocs-web-sdk/p-80d24da1.system.entry.js +1 -0
  624. package/dist/verdocs-web-sdk/p-817b0210.entry.js +1 -0
  625. package/dist/verdocs-web-sdk/p-832bc1b5.entry.js +1 -0
  626. package/dist/verdocs-web-sdk/p-846ee5dd.entry.js +1 -0
  627. package/dist/verdocs-web-sdk/p-84f477d1.entry.js +1 -0
  628. package/dist/verdocs-web-sdk/p-854a3caa.entry.js +1 -0
  629. package/dist/verdocs-web-sdk/p-8e831c4b.system.entry.js +1 -0
  630. package/dist/verdocs-web-sdk/p-8eed20fe.entry.js +1 -0
  631. package/dist/verdocs-web-sdk/p-943c7b8f.system.entry.js +1 -0
  632. package/dist/verdocs-web-sdk/p-94c638b9.system.js +12 -0
  633. package/dist/verdocs-web-sdk/p-952b88fb.system.js +1 -0
  634. package/dist/verdocs-web-sdk/p-98f14855.system.js +1 -0
  635. package/dist/verdocs-web-sdk/p-9a57eba9.entry.js +1 -0
  636. package/dist/verdocs-web-sdk/p-a0857afa.entry.js +1 -0
  637. package/dist/verdocs-web-sdk/p-a0a08e62.system.entry.js +1 -0
  638. package/dist/verdocs-web-sdk/p-a1f6189b.system.js +1 -0
  639. package/dist/verdocs-web-sdk/p-a396eee6.entry.js +1 -0
  640. package/dist/verdocs-web-sdk/p-b12f1302.entry.js +1 -0
  641. package/dist/verdocs-web-sdk/p-b355111d.entry.js +1 -0
  642. package/dist/verdocs-web-sdk/p-b661c95f.system.entry.js +1 -0
  643. package/dist/verdocs-web-sdk/p-ba19b1d8.system.entry.js +1 -0
  644. package/dist/verdocs-web-sdk/p-bca3887c.system.entry.js +1 -0
  645. package/dist/verdocs-web-sdk/p-bd9f7023.system.entry.js +1 -0
  646. package/dist/verdocs-web-sdk/p-bf31565b.system.entry.js +1 -0
  647. package/dist/verdocs-web-sdk/p-c0d1020a.system.entry.js +1 -0
  648. package/dist/verdocs-web-sdk/p-c1f7cfff.system.entry.js +1 -0
  649. package/dist/verdocs-web-sdk/p-c22eccdd.entry.js +1 -0
  650. package/dist/verdocs-web-sdk/p-c327f3e6.system.entry.js +1 -0
  651. package/dist/verdocs-web-sdk/p-c3abfbb5.system.entry.js +1 -0
  652. package/dist/verdocs-web-sdk/p-c543852a.entry.js +1 -0
  653. package/dist/verdocs-web-sdk/p-c7d2e9c4.entry.js +1 -0
  654. package/dist/verdocs-web-sdk/p-c8a15cb7.system.js +1 -0
  655. package/dist/verdocs-web-sdk/p-da7d343c.system.entry.js +1 -0
  656. package/dist/verdocs-web-sdk/p-dc5ebc7c.entry.js +1 -0
  657. package/dist/verdocs-web-sdk/p-dee3aeec.entry.js +1 -0
  658. package/dist/verdocs-web-sdk/p-e0ac9edf.system.js +1 -0
  659. package/dist/verdocs-web-sdk/p-e1255160.js +1 -0
  660. package/dist/verdocs-web-sdk/p-e26e9907.system.entry.js +1 -0
  661. package/dist/verdocs-web-sdk/p-e748b2d2.system.js +2 -0
  662. package/dist/verdocs-web-sdk/p-e8e2bf33.entry.js +1 -0
  663. package/dist/verdocs-web-sdk/p-e92688db.entry.js +1 -0
  664. package/dist/verdocs-web-sdk/p-ed863acf.entry.js +1 -0
  665. package/dist/verdocs-web-sdk/p-edaec1b6.js +1 -0
  666. package/dist/verdocs-web-sdk/p-eeece233.entry.js +1 -0
  667. package/dist/verdocs-web-sdk/p-f070e923.js +1 -0
  668. package/dist/verdocs-web-sdk/p-f24d887c.system.js +1 -0
  669. package/dist/verdocs-web-sdk/p-f3b47dfc.js +1 -0
  670. package/dist/verdocs-web-sdk/p-f7620900.system.js +1 -0
  671. package/dist/verdocs-web-sdk/p-fa51066b.entry.js +1 -0
  672. package/dist/verdocs-web-sdk/p-fb3afee2.system.entry.js +1 -0
  673. package/dist/verdocs-web-sdk/p-fd064f80.entry.js +1 -0
  674. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  675. package/dist/verdocs-web-sdk/verdocs-web-sdk.js +16 -20
  676. package/loader/cdn.js +1 -2
  677. package/loader/index.cjs.js +1 -2
  678. package/loader/index.d.ts +10 -1
  679. package/loader/index.es2017.js +1 -2
  680. package/loader/index.js +1 -2
  681. package/package.json +14 -37
  682. package/dist/cjs/Colors-e809dcc9.js +0 -36
  683. package/dist/cjs/EnvelopeStore-7b1adebb.js +0 -81
  684. package/dist/cjs/Envelopes-0b9deb2c.js +0 -278
  685. package/dist/cjs/Fields-705a2168.js +0 -30
  686. package/dist/cjs/Permissions-1436f847.js +0 -50
  687. package/dist/cjs/Primitives-a59870a2.js +0 -43
  688. package/dist/cjs/Profiles-1a26e4eb.js +0 -76
  689. package/dist/cjs/Recipients-f3d6cf10.js +0 -88
  690. package/dist/cjs/TemplateDocuments-e2e0e6b7.js +0 -93
  691. package/dist/cjs/TemplateFieldStore-3d25fc86.js +0 -52
  692. package/dist/cjs/TemplateRoleStore-a7f2b586.js +0 -49
  693. package/dist/cjs/TemplateStore-62c90f8c.js +0 -86
  694. package/dist/cjs/Types-f89f9116.js +0 -117
  695. package/dist/cjs/Validators-16e6d7d1.js +0 -19
  696. package/dist/cjs/VerdocsEndpoint-3036bbb7.js +0 -3980
  697. package/dist/cjs/_commonjsHelpers-0c557e26.js +0 -26
  698. package/dist/cjs/errors-0396da3d.js +0 -15
  699. package/dist/cjs/index-5463795e.js +0 -1981
  700. package/dist/cjs/index-7c19ba1d.js +0 -2190
  701. package/dist/cjs/interact.min-a6afec32.js +0 -12
  702. package/dist/cjs/ipc-test.cjs.entry.js +0 -38
  703. package/dist/cjs/utils-13f8ed3f.js +0 -466
  704. package/dist/cjs/verdocs-field-attachment_15.cjs.entry.js +0 -1673
  705. package/dist/cjs/verdocs-preview_8.cjs.entry.js +0 -853
  706. package/dist/cjs/verdocs-radio-button.cjs.entry.js +0 -23
  707. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +0 -900
  708. package/dist/collection/components/controls/verdocs-button/verdocs-button.stories.js +0 -58
  709. package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.stories.js +0 -23
  710. package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.stories.js +0 -20
  711. package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js +0 -30
  712. package/dist/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.stories.js +0 -10
  713. package/dist/collection/components/controls/verdocs-floating-menu/verdocs-floating-menu.stories.js +0 -49
  714. package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.stories.js +0 -13
  715. package/dist/collection/components/controls/verdocs-loader/verdocs-loader.stories.js +0 -8
  716. package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.stories.js +0 -24
  717. package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.stories.js +0 -19
  718. package/dist/collection/components/controls/verdocs-portal/verdocs-portal.stories.js +0 -20
  719. package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.stories.js +0 -12
  720. package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.js +0 -16
  721. package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.stories.js +0 -18
  722. package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.stories.js +0 -21
  723. package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.stories.js +0 -10
  724. package/dist/collection/components/controls/verdocs-table/verdocs-table.stories.js +0 -25
  725. package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.stories.js +0 -16
  726. package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.stories.js +0 -17
  727. package/dist/collection/components/controls/verdocs-toast/verdocs-toast.stories.js +0 -24
  728. package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.stories.js +0 -27
  729. package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.stories.js +0 -16
  730. package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.stories.js +0 -14
  731. package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.stories.js +0 -17
  732. package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.stories.js +0 -19
  733. package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.stories.js +0 -37
  734. package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.stories.js +0 -21
  735. package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.stories.js +0 -19
  736. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.stories.js +0 -16
  737. package/dist/collection/components/elements/verdocs-quick-functions/verdocs-quick-functions.stories.js +0 -15
  738. package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.stories.js +0 -18
  739. package/dist/collection/components/elements/verdocs-search-tabs/verdocs-search-tabs.stories.js +0 -18
  740. package/dist/collection/components/embeds/verdocs-auth/verdocs-auth.stories.js +0 -24
  741. package/dist/collection/components/embeds/verdocs-build/verdocs-build.stories.js +0 -16
  742. package/dist/collection/components/embeds/verdocs-preview/verdocs-preview.stories.js +0 -14
  743. package/dist/collection/components/embeds/verdocs-search/verdocs-search.stories.js +0 -15
  744. package/dist/collection/components/embeds/verdocs-send/verdocs-send.stories.js +0 -15
  745. package/dist/collection/components/embeds/verdocs-settings/verdocs-settings.stories.js +0 -10
  746. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.stories.js +0 -27
  747. package/dist/collection/components/embeds/verdocs-view/verdocs-view.stories.js +0 -19
  748. package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.stories.js +0 -15
  749. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.stories.js +0 -29
  750. package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.stories.js +0 -13
  751. package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.stories.js +0 -25
  752. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.stories.js +0 -15
  753. package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.stories.js +0 -18
  754. package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.stories.js +0 -69
  755. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.stories.js +0 -14
  756. package/dist/collection/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.stories.js +0 -17
  757. package/dist/collection/components/fields/verdocs-field-date/verdocs-field-date.stories.js +0 -27
  758. package/dist/collection/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.stories.js +0 -16
  759. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.stories.js +0 -16
  760. package/dist/collection/components/fields/verdocs-field-payment/verdocs-field-payment.stories.js +0 -15
  761. package/dist/collection/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.stories.js +0 -17
  762. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.stories.js +0 -16
  763. package/dist/collection/components/fields/verdocs-field-textarea/verdocs-field-textarea.stories.js +0 -16
  764. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.stories.js +0 -40
  765. package/dist/collection/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.stories.js +0 -27
  766. package/dist/collection/components/other/ipctest/ipc-test.css +0 -15
  767. package/dist/collection/components/other/ipctest/ipc-test.js +0 -79
  768. package/dist/collection/components/other/ipctest/ipc-test.stories.js +0 -8
  769. package/dist/collection/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.stories.js +0 -11
  770. package/dist/collection/components/settings/verdocs-settings-members/verdocs-settings-members.stories.js +0 -17
  771. package/dist/collection/components/settings/verdocs-settings-organization/verdocs-settings-organization.stories.js +0 -13
  772. package/dist/collection/components/settings/verdocs-settings-profile/verdocs-settings-profile.stories.js +0 -13
  773. package/dist/collection/components/templates/verdocs-template-attachments/verdocs-template-attachments.stories.js +0 -18
  774. package/dist/collection/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.stories.js +0 -16
  775. package/dist/collection/components/templates/verdocs-template-card/verdocs-template-card.stories.js +0 -49
  776. package/dist/collection/components/templates/verdocs-template-create/verdocs-template-create.stories.js +0 -11
  777. package/dist/collection/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.stories.js +0 -19
  778. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.stories.js +0 -15
  779. package/dist/collection/components/templates/verdocs-template-name/verdocs-template-name.stories.js +0 -18
  780. package/dist/collection/components/templates/verdocs-template-reminders/verdocs-template-reminders.stories.js +0 -18
  781. package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.stories.js +0 -12
  782. package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.stories.js +0 -13
  783. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.stories.js +0 -12
  784. package/dist/collection/components/templates/verdocs-template-star/verdocs-template-star.stories.js +0 -27
  785. package/dist/collection/components/templates/verdocs-template-tags/verdocs-template-tags.stories.js +0 -10
  786. package/dist/collection/components/templates/verdocs-template-visibillity/verdocs-template-visibility.stories.js +0 -18
  787. package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.stories.js +0 -22
  788. package/dist/components/Colors.js +0 -34
  789. package/dist/components/Envelopes.js +0 -262
  790. package/dist/components/Files.js +0 -44
  791. package/dist/components/Members.js +0 -17
  792. package/dist/components/Permissions.js +0 -44
  793. package/dist/components/Primitives.js +0 -37
  794. package/dist/components/Profiles.js +0 -71
  795. package/dist/components/Recipients.js +0 -82
  796. package/dist/components/TemplateDocuments.js +0 -89
  797. package/dist/components/Validators.js +0 -16
  798. package/dist/components/VerdocsEndpoint.js +0 -3972
  799. package/dist/components/ipc-test.d.ts +0 -11
  800. package/dist/components/ipc-test.js +0 -232
  801. package/dist/esm/Colors-1b298092.js +0 -34
  802. package/dist/esm/EnvelopeStore-24a1f38f.js +0 -79
  803. package/dist/esm/Envelopes-627c5239.js +0 -262
  804. package/dist/esm/Fields-c82e6df3.js +0 -26
  805. package/dist/esm/Permissions-f2eb0421.js +0 -44
  806. package/dist/esm/Primitives-8fe93caf.js +0 -37
  807. package/dist/esm/Profiles-d4df4d1c.js +0 -71
  808. package/dist/esm/Recipients-4ec2138c.js +0 -82
  809. package/dist/esm/TemplateDocuments-6fd2f4e2.js +0 -89
  810. package/dist/esm/TemplateFieldStore-6e67e86b.js +0 -47
  811. package/dist/esm/TemplateRoleStore-33229997.js +0 -42
  812. package/dist/esm/TemplateStore-940da116.js +0 -84
  813. package/dist/esm/Types-086facf7.js +0 -5
  814. package/dist/esm/Types-5f31149e.js +0 -115
  815. package/dist/esm/Validators-16a2a43b.js +0 -16
  816. package/dist/esm/VerdocsEndpoint-8196ff47.js +0 -3972
  817. package/dist/esm/_commonjsHelpers-5ec8f9b7.js +0 -21
  818. package/dist/esm/errors-9b5498c8.js +0 -13
  819. package/dist/esm/index-172625c5.js +0 -1950
  820. package/dist/esm/index-914ed6f7.js +0 -2188
  821. package/dist/esm/ipc-test.entry.js +0 -34
  822. package/dist/esm/polyfills/css-shim.js +0 -1
  823. package/dist/esm/verdocs-preview_8.entry.js +0 -842
  824. package/dist/esm/verdocs-radio-button.entry.js +0 -19
  825. package/dist/esm/verdocs-template-fields_4.entry.js +0 -893
  826. package/dist/esm-es5/Colors-1b298092.js +0 -1
  827. package/dist/esm-es5/EnvelopeStore-24a1f38f.js +0 -1
  828. package/dist/esm-es5/Envelopes-627c5239.js +0 -1
  829. package/dist/esm-es5/Fields-c82e6df3.js +0 -1
  830. package/dist/esm-es5/Permissions-f2eb0421.js +0 -1
  831. package/dist/esm-es5/Primitives-8fe93caf.js +0 -1
  832. package/dist/esm-es5/Profiles-d4df4d1c.js +0 -1
  833. package/dist/esm-es5/Recipients-4ec2138c.js +0 -1
  834. package/dist/esm-es5/TemplateDocuments-6fd2f4e2.js +0 -1
  835. package/dist/esm-es5/TemplateFieldStore-6e67e86b.js +0 -1
  836. package/dist/esm-es5/TemplateRoleStore-33229997.js +0 -1
  837. package/dist/esm-es5/TemplateStore-940da116.js +0 -1
  838. package/dist/esm-es5/Types-5f31149e.js +0 -1
  839. package/dist/esm-es5/Validators-16a2a43b.js +0 -1
  840. package/dist/esm-es5/VerdocsEndpoint-8196ff47.js +0 -1
  841. package/dist/esm-es5/_commonjsHelpers-5ec8f9b7.js +0 -1
  842. package/dist/esm-es5/errors-9b5498c8.js +0 -1
  843. package/dist/esm-es5/index-172625c5.js +0 -2
  844. package/dist/esm-es5/index-4439b0d1.js +0 -1
  845. package/dist/esm-es5/index-914ed6f7.js +0 -1
  846. package/dist/esm-es5/interact.min-66ad6fb8.js +0 -1
  847. package/dist/esm-es5/ipc-test.entry.js +0 -1
  848. package/dist/esm-es5/utils-a56ee5e9.js +0 -13
  849. package/dist/esm-es5/verdocs-field-attachment_15.entry.js +0 -1
  850. package/dist/esm-es5/verdocs-preview_8.entry.js +0 -1
  851. package/dist/esm-es5/verdocs-radio-button.entry.js +0 -1
  852. package/dist/esm-es5/verdocs-template-fields_4.entry.js +0 -1
  853. package/dist/types/components/controls/verdocs-button/verdocs-button.stories.d.ts +0 -12
  854. package/dist/types/components/controls/verdocs-button-panel/verdocs-button-panel.stories.d.ts +0 -6
  855. package/dist/types/components/controls/verdocs-checkbox/verdocs-checkbox.stories.d.ts +0 -12
  856. package/dist/types/components/controls/verdocs-dropdown/verdocs-dropdown.stories.d.ts +0 -7
  857. package/dist/types/components/controls/verdocs-file-chooser/verdocs-file-chooser.stories.d.ts +0 -6
  858. package/dist/types/components/controls/verdocs-floating-menu/verdocs-floating-menu.stories.d.ts +0 -7
  859. package/dist/types/components/controls/verdocs-help-icon/verdocs-help-icon.stories.d.ts +0 -6
  860. package/dist/types/components/controls/verdocs-loader/verdocs-loader.stories.d.ts +0 -4
  861. package/dist/types/components/controls/verdocs-organization-card/verdocs-organization-card.stories.d.ts +0 -6
  862. package/dist/types/components/controls/verdocs-pagination/verdocs-pagination.stories.d.ts +0 -9
  863. package/dist/types/components/controls/verdocs-portal/verdocs-portal.stories.d.ts +0 -7
  864. package/dist/types/components/controls/verdocs-progress-bar/verdocs-progress-bar.stories.d.ts +0 -8
  865. package/dist/types/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.d.ts +0 -9
  866. package/dist/types/components/controls/verdocs-radio-button/verdocs-radio-button.stories.d.ts +0 -10
  867. package/dist/types/components/controls/verdocs-select-input/verdocs-select-input.stories.d.ts +0 -12
  868. package/dist/types/components/controls/verdocs-spinner/verdocs-spinner.stories.d.ts +0 -7
  869. package/dist/types/components/controls/verdocs-table/verdocs-table.stories.d.ts +0 -7
  870. package/dist/types/components/controls/verdocs-tabs/verdocs-tabs.stories.d.ts +0 -6
  871. package/dist/types/components/controls/verdocs-text-input/verdocs-text-input.stories.d.ts +0 -11
  872. package/dist/types/components/controls/verdocs-toast/verdocs-toast.stories.d.ts +0 -8
  873. package/dist/types/components/controls/verdocs-toggle/verdocs-toggle.stories.d.ts +0 -7
  874. package/dist/types/components/controls/verdocs-toggle-button/verdocs-toggle-button.stories.d.ts +0 -9
  875. package/dist/types/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.stories.d.ts +0 -7
  876. package/dist/types/components/dialogs/verdocs-dialog/verdocs-dialog.stories.d.ts +0 -7
  877. package/dist/types/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.stories.d.ts +0 -8
  878. package/dist/types/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.stories.d.ts +0 -15
  879. package/dist/types/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.stories.d.ts +0 -10
  880. package/dist/types/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.stories.d.ts +0 -8
  881. package/dist/types/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.stories.d.ts +0 -8
  882. package/dist/types/components/elements/verdocs-quick-functions/verdocs-quick-functions.stories.d.ts +0 -8
  883. package/dist/types/components/elements/verdocs-search-box/verdocs-search-box.stories.d.ts +0 -9
  884. package/dist/types/components/elements/verdocs-search-tabs/verdocs-search-tabs.stories.d.ts +0 -9
  885. package/dist/types/components/embeds/verdocs-auth/verdocs-auth.stories.d.ts +0 -9
  886. package/dist/types/components/embeds/verdocs-build/verdocs-build.stories.d.ts +0 -8
  887. package/dist/types/components/embeds/verdocs-preview/verdocs-preview.stories.d.ts +0 -6
  888. package/dist/types/components/embeds/verdocs-search/verdocs-search.stories.d.ts +0 -6
  889. package/dist/types/components/embeds/verdocs-send/verdocs-send.stories.d.ts +0 -7
  890. package/dist/types/components/embeds/verdocs-settings/verdocs-settings.stories.d.ts +0 -4
  891. package/dist/types/components/embeds/verdocs-sign/verdocs-sign.stories.d.ts +0 -8
  892. package/dist/types/components/embeds/verdocs-view/verdocs-view.stories.d.ts +0 -6
  893. package/dist/types/components/envelopes/verdocs-activity-box/verdocs-activity-box.stories.d.ts +0 -10
  894. package/dist/types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.stories.d.ts +0 -10
  895. package/dist/types/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.stories.d.ts +0 -8
  896. package/dist/types/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.stories.d.ts +0 -12
  897. package/dist/types/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.stories.d.ts +0 -9
  898. package/dist/types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.stories.d.ts +0 -10
  899. package/dist/types/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.stories.d.ts +0 -9
  900. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.stories.d.ts +0 -7
  901. package/dist/types/components/fields/verdocs-field-checkbox/verdocs-field-checkbox.stories.d.ts +0 -8
  902. package/dist/types/components/fields/verdocs-field-date/verdocs-field-date.stories.d.ts +0 -8
  903. package/dist/types/components/fields/verdocs-field-dropdown/verdocs-field-dropdown.stories.d.ts +0 -6
  904. package/dist/types/components/fields/verdocs-field-initial/verdocs-field-initial.stories.d.ts +0 -7
  905. package/dist/types/components/fields/verdocs-field-payment/verdocs-field-payment.stories.d.ts +0 -6
  906. package/dist/types/components/fields/verdocs-field-radio-button-group/verdocs-field-radio-button.stories.d.ts +0 -6
  907. package/dist/types/components/fields/verdocs-field-signature/verdocs-field-signature.stories.d.ts +0 -7
  908. package/dist/types/components/fields/verdocs-field-textarea/verdocs-field-textarea.stories.d.ts +0 -6
  909. package/dist/types/components/fields/verdocs-field-textbox/verdocs-field-textbox.stories.d.ts +0 -12
  910. package/dist/types/components/fields/verdocs-field-timestamp/verdocs-field-timestamp.stories.d.ts +0 -6
  911. package/dist/types/components/other/ipctest/ipc-test.d.ts +0 -17
  912. package/dist/types/components/other/ipctest/ipc-test.stories.d.ts +0 -4
  913. package/dist/types/components/settings/verdocs-settings-api-keys/verdocs-settings-api-keys.stories.d.ts +0 -4
  914. package/dist/types/components/settings/verdocs-settings-members/verdocs-settings-members.stories.d.ts +0 -8
  915. package/dist/types/components/settings/verdocs-settings-organization/verdocs-settings-organization.stories.d.ts +0 -6
  916. package/dist/types/components/settings/verdocs-settings-profile/verdocs-settings-profile.stories.d.ts +0 -6
  917. package/dist/types/components/templates/verdocs-template-attachments/verdocs-template-attachments.stories.d.ts +0 -7
  918. package/dist/types/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.stories.d.ts +0 -8
  919. package/dist/types/components/templates/verdocs-template-card/verdocs-template-card.stories.d.ts +0 -6
  920. package/dist/types/components/templates/verdocs-template-create/verdocs-template-create.stories.d.ts +0 -7
  921. package/dist/types/components/templates/verdocs-template-field-properties/verdocs-template-field-properties.stories.d.ts +0 -8
  922. package/dist/types/components/templates/verdocs-template-fields/verdocs-template-fields.stories.d.ts +0 -6
  923. package/dist/types/components/templates/verdocs-template-name/verdocs-template-name.stories.d.ts +0 -7
  924. package/dist/types/components/templates/verdocs-template-reminders/verdocs-template-reminders.stories.d.ts +0 -7
  925. package/dist/types/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.stories.d.ts +0 -7
  926. package/dist/types/components/templates/verdocs-template-roles/verdocs-template-roles.stories.d.ts +0 -8
  927. package/dist/types/components/templates/verdocs-template-sender/verdocs-template-sender.stories.d.ts +0 -7
  928. package/dist/types/components/templates/verdocs-template-star/verdocs-template-star.stories.d.ts +0 -6
  929. package/dist/types/components/templates/verdocs-template-tags/verdocs-template-tags.stories.d.ts +0 -7
  930. package/dist/types/components/templates/verdocs-template-visibillity/verdocs-template-visibility.stories.d.ts +0 -7
  931. package/dist/types/components/templates/verdocs-templates-list/verdocs-templates-list.stories.d.ts +0 -9
  932. package/dist/verdocs-web-sdk/p-012d2533.system.entry.js +0 -1
  933. package/dist/verdocs-web-sdk/p-04bef805.system.entry.js +0 -1
  934. package/dist/verdocs-web-sdk/p-05788c2b.js +0 -1
  935. package/dist/verdocs-web-sdk/p-05eb4fed.system.js +0 -1
  936. package/dist/verdocs-web-sdk/p-0a8f32b9.entry.js +0 -1
  937. package/dist/verdocs-web-sdk/p-0cafdb16.system.js +0 -13
  938. package/dist/verdocs-web-sdk/p-0ef04e14.system.entry.js +0 -1
  939. package/dist/verdocs-web-sdk/p-10c3b15b.entry.js +0 -1
  940. package/dist/verdocs-web-sdk/p-11f3549a.system.entry.js +0 -1
  941. package/dist/verdocs-web-sdk/p-11f95569.entry.js +0 -1
  942. package/dist/verdocs-web-sdk/p-14b44491.js +0 -2
  943. package/dist/verdocs-web-sdk/p-173e86c3.system.js +0 -1
  944. package/dist/verdocs-web-sdk/p-1823e8cd.entry.js +0 -1
  945. package/dist/verdocs-web-sdk/p-187b20b7.system.js +0 -1
  946. package/dist/verdocs-web-sdk/p-189968f1.system.entry.js +0 -1
  947. package/dist/verdocs-web-sdk/p-1bf648d5.entry.js +0 -1
  948. package/dist/verdocs-web-sdk/p-1d60151a.system.js +0 -1
  949. package/dist/verdocs-web-sdk/p-1f6ee7f1.entry.js +0 -1
  950. package/dist/verdocs-web-sdk/p-1f9d9fe5.system.js +0 -1
  951. package/dist/verdocs-web-sdk/p-1fa5ef9a.entry.js +0 -1
  952. package/dist/verdocs-web-sdk/p-1fe3b3bf.entry.js +0 -1
  953. package/dist/verdocs-web-sdk/p-20de620c.system.entry.js +0 -1
  954. package/dist/verdocs-web-sdk/p-21294863.system.entry.js +0 -1
  955. package/dist/verdocs-web-sdk/p-235b4a0b.system.js +0 -1
  956. package/dist/verdocs-web-sdk/p-2415be91.js +0 -1
  957. package/dist/verdocs-web-sdk/p-294ffd95.system.entry.js +0 -1
  958. package/dist/verdocs-web-sdk/p-29f64c27.js +0 -1
  959. package/dist/verdocs-web-sdk/p-2b4b8754.entry.js +0 -1
  960. package/dist/verdocs-web-sdk/p-321da456.js +0 -1
  961. package/dist/verdocs-web-sdk/p-3229cb32.system.entry.js +0 -1
  962. package/dist/verdocs-web-sdk/p-32eff598.entry.js +0 -1
  963. package/dist/verdocs-web-sdk/p-3350ad33.system.entry.js +0 -1
  964. package/dist/verdocs-web-sdk/p-34140f60.entry.js +0 -1
  965. package/dist/verdocs-web-sdk/p-341d97ba.system.entry.js +0 -1
  966. package/dist/verdocs-web-sdk/p-3a12e7a2.system.entry.js +0 -1
  967. package/dist/verdocs-web-sdk/p-3af6b910.system.js +0 -1
  968. package/dist/verdocs-web-sdk/p-3bcd86ea.system.js +0 -1
  969. package/dist/verdocs-web-sdk/p-3cd894ff.js +0 -1
  970. package/dist/verdocs-web-sdk/p-3dc2013b.system.entry.js +0 -1
  971. package/dist/verdocs-web-sdk/p-3e607686.js +0 -1
  972. package/dist/verdocs-web-sdk/p-4098a4a2.system.js +0 -1
  973. package/dist/verdocs-web-sdk/p-54498887.system.js +0 -1
  974. package/dist/verdocs-web-sdk/p-547f5660.system.entry.js +0 -1
  975. package/dist/verdocs-web-sdk/p-567a6e7c.js +0 -1
  976. package/dist/verdocs-web-sdk/p-5a1c0b41.entry.js +0 -1
  977. package/dist/verdocs-web-sdk/p-5b72bb32.system.entry.js +0 -1
  978. package/dist/verdocs-web-sdk/p-5c67e9f6.system.entry.js +0 -1
  979. package/dist/verdocs-web-sdk/p-5e808a0b.js +0 -1
  980. package/dist/verdocs-web-sdk/p-603d0733.entry.js +0 -1
  981. package/dist/verdocs-web-sdk/p-63a62567.entry.js +0 -1
  982. package/dist/verdocs-web-sdk/p-68cfa909.system.entry.js +0 -1
  983. package/dist/verdocs-web-sdk/p-68e3aae3.system.entry.js +0 -1
  984. package/dist/verdocs-web-sdk/p-69422d8f.system.entry.js +0 -1
  985. package/dist/verdocs-web-sdk/p-6de76553.js +0 -1
  986. package/dist/verdocs-web-sdk/p-6e9af353.system.js +0 -1
  987. package/dist/verdocs-web-sdk/p-7272e80c.entry.js +0 -1
  988. package/dist/verdocs-web-sdk/p-7286272b.entry.js +0 -1
  989. package/dist/verdocs-web-sdk/p-745e8427.system.entry.js +0 -1
  990. package/dist/verdocs-web-sdk/p-77205bff.entry.js +0 -1
  991. package/dist/verdocs-web-sdk/p-7b60293f.entry.js +0 -1
  992. package/dist/verdocs-web-sdk/p-7c0dcd00.js +0 -1
  993. package/dist/verdocs-web-sdk/p-7f487279.entry.js +0 -1
  994. package/dist/verdocs-web-sdk/p-8003357d.entry.js +0 -1
  995. package/dist/verdocs-web-sdk/p-85cb43de.system.entry.js +0 -1
  996. package/dist/verdocs-web-sdk/p-871f2e57.entry.js +0 -1
  997. package/dist/verdocs-web-sdk/p-877c2b06.system.js +0 -1
  998. package/dist/verdocs-web-sdk/p-8aae8d16.system.js +0 -1
  999. package/dist/verdocs-web-sdk/p-8de34628.system.entry.js +0 -1
  1000. package/dist/verdocs-web-sdk/p-9200270e.entry.js +0 -1
  1001. package/dist/verdocs-web-sdk/p-95080569.system.js +0 -1
  1002. package/dist/verdocs-web-sdk/p-9595c814.system.entry.js +0 -1
  1003. package/dist/verdocs-web-sdk/p-964f83ef.entry.js +0 -1
  1004. package/dist/verdocs-web-sdk/p-98c9b7d7.entry.js +0 -1
  1005. package/dist/verdocs-web-sdk/p-9a5ff58c.system.js +0 -1
  1006. package/dist/verdocs-web-sdk/p-9bfc868a.entry.js +0 -1
  1007. package/dist/verdocs-web-sdk/p-9d1e6991.entry.js +0 -1
  1008. package/dist/verdocs-web-sdk/p-a27b7dfa.system.entry.js +0 -1
  1009. package/dist/verdocs-web-sdk/p-a85de84d.system.entry.js +0 -1
  1010. package/dist/verdocs-web-sdk/p-aa49605f.system.entry.js +0 -1
  1011. package/dist/verdocs-web-sdk/p-ab73a327.entry.js +0 -1
  1012. package/dist/verdocs-web-sdk/p-abf7930b.entry.js +0 -1
  1013. package/dist/verdocs-web-sdk/p-adb830b4.system.entry.js +0 -1
  1014. package/dist/verdocs-web-sdk/p-b1288daf.system.js +0 -1
  1015. package/dist/verdocs-web-sdk/p-b55a122e.system.entry.js +0 -1
  1016. package/dist/verdocs-web-sdk/p-b5904912.js +0 -1
  1017. package/dist/verdocs-web-sdk/p-b6df9fe6.system.js +0 -1
  1018. package/dist/verdocs-web-sdk/p-b72328af.js +0 -13
  1019. package/dist/verdocs-web-sdk/p-b7d1e999.entry.js +0 -1
  1020. package/dist/verdocs-web-sdk/p-b804e710.entry.js +0 -1
  1021. package/dist/verdocs-web-sdk/p-b9911097.system.js +0 -1
  1022. package/dist/verdocs-web-sdk/p-bb2b0122.entry.js +0 -1
  1023. package/dist/verdocs-web-sdk/p-bb983c03.entry.js +0 -1
  1024. package/dist/verdocs-web-sdk/p-bbee73c8.system.js +0 -1
  1025. package/dist/verdocs-web-sdk/p-c220af42.js +0 -1
  1026. package/dist/verdocs-web-sdk/p-c56a34a8.system.entry.js +0 -1
  1027. package/dist/verdocs-web-sdk/p-c5f28000.system.entry.js +0 -1
  1028. package/dist/verdocs-web-sdk/p-c622d7b3.entry.js +0 -1
  1029. package/dist/verdocs-web-sdk/p-cd20fb77.system.js +0 -1
  1030. package/dist/verdocs-web-sdk/p-cf6a9502.entry.js +0 -1
  1031. package/dist/verdocs-web-sdk/p-d1837101.system.entry.js +0 -1
  1032. package/dist/verdocs-web-sdk/p-d636a3cd.system.entry.js +0 -1
  1033. package/dist/verdocs-web-sdk/p-d81b1bc9.system.entry.js +0 -1
  1034. package/dist/verdocs-web-sdk/p-d9e8c0f9.system.entry.js +0 -1
  1035. package/dist/verdocs-web-sdk/p-dbbf84f6.entry.js +0 -1
  1036. package/dist/verdocs-web-sdk/p-dc2ad047.js +0 -1
  1037. package/dist/verdocs-web-sdk/p-dc9c4361.system.js +0 -1
  1038. package/dist/verdocs-web-sdk/p-dd9dba09.entry.js +0 -1
  1039. package/dist/verdocs-web-sdk/p-df19dc00.entry.js +0 -1
  1040. package/dist/verdocs-web-sdk/p-e1b527eb.entry.js +0 -1
  1041. package/dist/verdocs-web-sdk/p-e1f4be7c.js +0 -1
  1042. package/dist/verdocs-web-sdk/p-e2439f45.entry.js +0 -1
  1043. package/dist/verdocs-web-sdk/p-e51f2b77.entry.js +0 -1
  1044. package/dist/verdocs-web-sdk/p-e63fe8b9.system.entry.js +0 -1
  1045. package/dist/verdocs-web-sdk/p-e6fd0310.system.entry.js +0 -1
  1046. package/dist/verdocs-web-sdk/p-e8ce0b6f.js +0 -1
  1047. package/dist/verdocs-web-sdk/p-eab67c09.js +0 -1
  1048. package/dist/verdocs-web-sdk/p-eaf0b189.system.js +0 -1
  1049. package/dist/verdocs-web-sdk/p-f04bf956.system.js +0 -1
  1050. package/dist/verdocs-web-sdk/p-f27fe881.system.entry.js +0 -1
  1051. package/dist/verdocs-web-sdk/p-fbb8023f.system.js +0 -2
  1052. package/dist/verdocs-web-sdk/p-feb442b1.js +0 -1
  1053. package/dist/verdocs-web-sdk/p-ff8278e7.entry.js +0 -1
  1054. /package/dist/cjs/{Icons-3286d014.js → Icons-9a6f2f7c.js} +0 -0
  1055. /package/dist/cjs/{Types-f83b8488.js → Types-db1bd1d8.js} +0 -0
  1056. /package/dist/cjs/{popper-d7adcfc6.js → popper-31badbf8.js} +0 -0
  1057. /package/dist/esm/{Icons-ddea87bf.js → Icons-faf0377f.js} +0 -0
  1058. /package/dist/{components/Types2.js → esm/Types-e4a6eba5.js} +0 -0
  1059. /package/dist/esm/{popper-15e448b4.js → popper-0fbeff6d.js} +0 -0
  1060. /package/dist/esm-es5/{Icons-ddea87bf.js → Icons-faf0377f.js} +0 -0
  1061. /package/dist/esm-es5/{Types-086facf7.js → Types-e4a6eba5.js} +0 -0
  1062. /package/dist/verdocs-web-sdk/{p-ed416acf.js → p-026b3103.js} +0 -0
  1063. /package/dist/verdocs-web-sdk/{p-1b4e7078.js → p-251c4106.js} +0 -0
  1064. /package/dist/verdocs-web-sdk/{p-029ae656.js → p-b0766439.js} +0 -0
  1065. /package/dist/verdocs-web-sdk/{p-3f628837.system.js → p-cd546dbe.system.js} +0 -0
  1066. /package/dist/verdocs-web-sdk/{p-7a1b2643.js → p-fd97809c.js} +0 -0
@@ -0,0 +1,1477 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-cfdfab36.js');
6
+ const jsSdk = require('@verdocs/js-sdk');
7
+ const TemplateFieldStore = require('./TemplateFieldStore-6a79aae7.js');
8
+ const TemplateRoleStore = require('./TemplateRoleStore-06db6e56.js');
9
+ const TemplateStore = require('./TemplateStore-5a46be5e.js');
10
+ const utils = require('./utils-5eb11b46.js');
11
+ const errors = require('./errors-017fb835.js');
12
+ const Icons = require('./Icons-9a6f2f7c.js');
13
+ const interact_min = require('./interact.min-3f0b5e7d.js');
14
+ const Toast = require('./Toast-bb6f20af.js');
15
+ require('./index-3e4c5891.js');
16
+ require('./index-a5472099.js');
17
+ require('./Types-db1bd1d8.js');
18
+ require('./index-5f130ec0.js');
19
+
20
+ const verdocsPreviewCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-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}";
21
+ const VerdocsPreviewStyle0 = verdocsPreviewCss;
22
+
23
+ const VerdocsPreview = class {
24
+ constructor(hostRef) {
25
+ index.registerInstance(this, hostRef);
26
+ this.sdkError = index.createEvent(this, "sdkError", 7);
27
+ this.templateStore = null;
28
+ this.fieldStore = null;
29
+ this.roleStore = null;
30
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
31
+ this.templateId = null;
32
+ this.loading = true;
33
+ }
34
+ async componentWillLoad() {
35
+ var _a, _b, _c;
36
+ try {
37
+ this.endpoint.loadSession();
38
+ if (!this.templateId) {
39
+ console.log(`[PREVIEW] Missing required template ID ${this.templateId}`);
40
+ return;
41
+ }
42
+ if (!this.endpoint.session) {
43
+ console.log('[PREVIEW] Unable to start builder session, must be authenticated');
44
+ return;
45
+ }
46
+ TemplateStore.getTemplateStore(this.endpoint, this.templateId, true)
47
+ .then(ts => {
48
+ this.templateStore = ts;
49
+ console.log('[PREVIEW] Loaded Template Store', ts.state);
50
+ this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateId);
51
+ this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
52
+ console.log('[PREVIEW] Loaded template', this.templateStore.state, this.roleStore.get('roles'), this.fieldStore.get('fields'));
53
+ this.loading = false;
54
+ })
55
+ .catch(e => {
56
+ console.log(e);
57
+ });
58
+ }
59
+ catch (e) {
60
+ console.log('[PREVIEW] Error with preview session', e);
61
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
62
+ }
63
+ }
64
+ handlePageRendered(e) {
65
+ var _a, _b;
66
+ const pageInfo = e.detail;
67
+ const fields = (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.filter(field => field.page === pageInfo.pageNumber);
68
+ console.log('[PREVIEW] Page rendered', pageInfo, fields);
69
+ fields.forEach(field => utils.renderDocumentField(field, pageInfo, { disabled: true, editable: false, draggable: false }));
70
+ }
71
+ render() {
72
+ var _a, _b;
73
+ if (this.loading) {
74
+ return (index.h(index.Host, null, index.h("verdocs-loader", null)));
75
+ }
76
+ return (index.h(index.Host, null, (((_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.documents) || []).map(document => {
77
+ const pageNumbers = jsSdk.integerSequence(1, document.pages);
78
+ return (index.h(index.Fragment, null, pageNumbers.map(pageNumber => (index.h("verdocs-template-document-page", { templateId: document.template_id, documentId: document.id, pageNumber: pageNumber, disabled: true, editable: true, done: false, virtualWidth: 612, virtualHeight: 792, onPageRendered: e => this.handlePageRendered(e), layers: [
79
+ { name: 'page', type: 'canvas' },
80
+ { name: 'controls', type: 'div' },
81
+ ] })))));
82
+ })));
83
+ }
84
+ };
85
+ VerdocsPreview.style = VerdocsPreviewStyle0;
86
+
87
+ const verdocsSendCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-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 rgba(151, 151, 151, 0.2666666667)}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:rgba(0, 0, 0, 0.537254902)}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)}";
88
+ const VerdocsSendStyle0 = verdocsSendCss;
89
+
90
+ 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>';
91
+ const startIcon$1 = '<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>';
92
+ const stepIcon$1 = '<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>';
93
+ const doneIcon$1 = '<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>';
94
+ const VerdocsSend = class {
95
+ constructor(hostRef) {
96
+ index.registerInstance(this, hostRef);
97
+ this.sendingEnvelope = index.createEvent(this, "sendingEnvelope", 7);
98
+ this.send = index.createEvent(this, "send", 7);
99
+ this.exit = index.createEvent(this, "exit", 7);
100
+ this.sdkError = index.createEvent(this, "sdkError", 7);
101
+ this.searchContacts = index.createEvent(this, "searchContacts", 7);
102
+ this.levels = [];
103
+ this.templateStore = null;
104
+ this.roleStore = null;
105
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
106
+ this.templateId = null;
107
+ this.environment = 'web';
108
+ this.containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;
109
+ this.rolesAtLevel = {};
110
+ this.showPickerForId = '';
111
+ this.sessionContacts = [];
112
+ this.sending = false;
113
+ this.rolesCompleted = {};
114
+ }
115
+ async reset() {
116
+ this.rolesCompleted = {};
117
+ }
118
+ async componentWillLoad() {
119
+ var _a, _b, _c, _d, _e, _f;
120
+ try {
121
+ const loadSessionResult = this.endpoint.loadSession();
122
+ if (!this.templateId) {
123
+ console.log(`[SEND] Missing required template ID ${this.templateId}`);
124
+ return;
125
+ }
126
+ if (!this.endpoint.session) {
127
+ console.log('[SEND] Unable to start builder session, must be authenticated');
128
+ return;
129
+ }
130
+ this.templateStore = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
131
+ this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
132
+ if (!((_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable)) {
133
+ console.warn(`[SEND] Template is not sendable`, this.templateId);
134
+ }
135
+ if (this.roleStore.get('roles')) {
136
+ const rolesAtLevel = {};
137
+ this.rolesCompleted = {};
138
+ this.roleStore.get('roles').forEach(role => {
139
+ const level = role.sequence - 1;
140
+ rolesAtLevel[level] || (rolesAtLevel[level] = []);
141
+ const id = `r-${level}-${rolesAtLevel[level].length}`;
142
+ rolesAtLevel[level].push({ ...role, id });
143
+ if (role.full_name && (role.email || role.phone)) {
144
+ this.rolesCompleted[id] = { ...role, id };
145
+ }
146
+ });
147
+ this.rolesAtLevel = rolesAtLevel;
148
+ this.levels = Object.keys(rolesAtLevel).map(levelStr => +levelStr);
149
+ this.levels.sort((a, b) => a - b);
150
+ }
151
+ if ((_c = loadSessionResult === null || loadSessionResult === void 0 ? void 0 : loadSessionResult.session) === null || _c === void 0 ? void 0 : _c.profile) {
152
+ this.sessionContacts.push({
153
+ id: loadSessionResult.session.profile.id,
154
+ name: `${loadSessionResult.session.profile.first_name} ${loadSessionResult.session.profile.last_name}`,
155
+ email: loadSessionResult.session.profile.email,
156
+ phone: loadSessionResult.session.profile.phone,
157
+ });
158
+ }
159
+ }
160
+ catch (e) {
161
+ console.log('[SEND] Error with preview session', e);
162
+ (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new errors.SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
163
+ }
164
+ }
165
+ getLevelIcon(level) {
166
+ if (level < 0) {
167
+ return index.h("div", { class: "level-icon", innerHTML: startIcon$1 });
168
+ }
169
+ else if (level >= this.levels.length) {
170
+ return index.h("div", { class: "level-icon", innerHTML: doneIcon$1 });
171
+ }
172
+ else {
173
+ return index.h("div", { class: "level-icon", innerHTML: stepIcon$1 });
174
+ }
175
+ }
176
+ handleSelectContact(e, role) {
177
+ e.preventDefault();
178
+ this.rolesCompleted[role.id] = { ...role, ...e.detail };
179
+ this.showPickerForId = '';
180
+ }
181
+ handleClickRole(e, role) {
182
+ e.stopPropagation();
183
+ this.showPickerForId = role.id;
184
+ }
185
+ handleSend(e) {
186
+ var _a, _b, _c;
187
+ if (this.sending) {
188
+ console.log('Skipping duplicate send', e);
189
+ return;
190
+ }
191
+ console.log('Sending', e);
192
+ e.preventDefault();
193
+ e.stopPropagation();
194
+ this.sending = true;
195
+ (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: true });
196
+ const details = {
197
+ template_id: this.templateId,
198
+ name: (_c = (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.name,
199
+ environment: this.environment,
200
+ roles: Object.values(this.rolesCompleted),
201
+ // TODO
202
+ prepared_fields: [],
203
+ };
204
+ console.log('[SEND] Creating envelope', details);
205
+ jsSdk.createEnvelope(this.endpoint, details)
206
+ .then(r => {
207
+ var _a, _b;
208
+ console.log('[SEND] Send envelope', r);
209
+ this.reset().catch((e) => console.log('Unknown Error', e));
210
+ this.sending = false;
211
+ (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: false });
212
+ (_b = this.send) === null || _b === void 0 ? void 0 : _b.emit({ ...details, envelope_id: r.id, envelope: r });
213
+ })
214
+ .catch(e => {
215
+ var _a;
216
+ console.log('Send error', e);
217
+ // toast.error(e.response?.data?.message || 'Unknown error creating envelope');
218
+ this.sending = false;
219
+ (_a = this.sendingEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ sending: false });
220
+ });
221
+ }
222
+ handleCancel(e) {
223
+ var _a;
224
+ e.stopPropagation();
225
+ (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
226
+ }
227
+ render() {
228
+ var _a, _b;
229
+ const roleNames = TemplateRoleStore.getRoleNames(this.roleStore);
230
+ const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => jsSdk.isValidEmail(recipient.email) || jsSdk.isValidPhone(recipient.phone));
231
+ const allRolesAssigned = rolesAssigned.length >= roleNames.length;
232
+ return (index.h(index.Host, { key: 'd0bd3f9d7ef226896f095059203280e1c1e71265', class: { sendable: (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable } }, index.h("div", { key: '1d4fdeda91a23a81bb1c72a4200de76e36ba74c8', class: "recipients" }, index.h("div", { key: '9bb72122ba245dd95c3f2ffb0c1768764c2f2da7', class: "left-line" }), index.h("div", { key: 'c2056047a4bf20612fb83693fcf279a1354c98e0', class: `level level-start` }, this.getLevelIcon(-1), index.h("div", { key: '0220edca79c791bdd561d0ff92cfad3236dd7800', class: "complete" }, "Send Envelope")), this.levels.map(level => (index.h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
233
+ var _a, _b, _c, _d, _e, _f;
234
+ const unknown = !role.email;
235
+ const elId = `verdocs-send-recipient-${role.name}`;
236
+ return unknown ? (index.h("div", { class: "recipient", style: { backgroundColor: jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, index.h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (index.h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, index.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); } }))))) : (index.h("div", { class: "recipient", style: { borderColor: jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, index.h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (index.h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, index.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); } })))));
237
+ })))), index.h("div", { key: '16fba92b62896c3368d54743c9ae5c79b7558f16', class: `level level-done` }, this.getLevelIcon(this.levels.length), index.h("div", { key: '0cae926609fc5c2a10387bee716d49c98a8ebcf6', class: "complete" }, "Signing Complete"))), index.h("div", { key: 'f8457f0c451cc70a096e46447395186aca90169f', class: "buttons" }, index.h("verdocs-button", { key: '2be6f8c3cfb4c2ec8c010c4cba79855f20e5461d', label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), index.h("verdocs-button", { key: 'b34393a6e3197acd0143161c71a43420f45302be', label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && index.h("verdocs-spinner", { key: '8e26caa183719e765c771921d365e39ec4916be4' }))));
238
+ }
239
+ };
240
+ VerdocsSend.style = VerdocsSendStyle0;
241
+
242
+ const verdocsTemplateAttachmentsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-attachments{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}";
243
+ const VerdocsTemplateAttachmentsStyle0 = verdocsTemplateAttachmentsCss;
244
+
245
+ const VerdocsTemplateAttachments = class {
246
+ constructor(hostRef) {
247
+ index.registerInstance(this, hostRef);
248
+ this.exit = index.createEvent(this, "exit", 7);
249
+ this.next = index.createEvent(this, "next", 7);
250
+ this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
251
+ this.sdkError = index.createEvent(this, "sdkError", 7);
252
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
253
+ this.templateId = '';
254
+ this.uploading = false;
255
+ this.progressLabel = 'Uploading...';
256
+ this.progressPercent = 0;
257
+ this.showDeleteError = false;
258
+ this.confirmDeleteDocument = null;
259
+ this.store = null;
260
+ }
261
+ async componentWillLoad() {
262
+ var _a, _b, _c;
263
+ try {
264
+ this.endpoint.loadSession();
265
+ if (!this.templateId) {
266
+ console.log(`[ROLES] Missing required template ID ${this.templateId}`);
267
+ return;
268
+ }
269
+ if (!this.endpoint.session) {
270
+ console.log('[ROLES] Unable to start builder session, must be authenticated');
271
+ return;
272
+ }
273
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
274
+ }
275
+ catch (e) {
276
+ console.log('[TEMPLATE ATTACHMENTS] Error loading template', e);
277
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
278
+ }
279
+ }
280
+ handleCancel(e) {
281
+ e.stopPropagation();
282
+ this.exit.emit();
283
+ }
284
+ handleUploadProgress(percent) {
285
+ if (percent >= 99) {
286
+ this.progressPercent = 100;
287
+ this.progressLabel = 'Processing...';
288
+ }
289
+ else {
290
+ this.progressPercent = percent;
291
+ }
292
+ }
293
+ async handleUpload(e) {
294
+ var _a, _b, _c, _d;
295
+ e.stopPropagation();
296
+ const file = e.detail.file;
297
+ if (!file) {
298
+ return;
299
+ }
300
+ console.log('[ATTACHMENTS] Uploading...', file);
301
+ this.uploading = true;
302
+ this.progressLabel = 'Uploading...';
303
+ try {
304
+ const template = await jsSdk.createTemplateDocument(this.endpoint, this.templateId, file, this.handleUploadProgress.bind(this));
305
+ console.log('[ATTACHMENTS] Created attachment', template);
306
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
307
+ console.log('[ATTACHMENTS] Updated template', this.store.state);
308
+ (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: this.store.state, event: 'attachments' });
309
+ this.uploading = false;
310
+ this.progressLabel = '';
311
+ this.progressPercent = 0;
312
+ }
313
+ catch (e) {
314
+ console.log('[ATTACHMENTS] Error creating template', e);
315
+ (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new errors.SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
316
+ this.uploading = false;
317
+ }
318
+ }
319
+ handleNext(e) {
320
+ var _a;
321
+ e.stopPropagation();
322
+ this.uploading = false;
323
+ this.progressLabel = '';
324
+ this.progressPercent = 0;
325
+ (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ template: this.store.state });
326
+ }
327
+ async confirmDelete() {
328
+ await jsSdk.deleteTemplateDocument(this.endpoint, this.templateId, this.confirmDeleteDocument.id);
329
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
330
+ console.log('[ATTACHMENTS] New template', this.store.state);
331
+ this.confirmDeleteDocument = null;
332
+ }
333
+ async handleDelete(document) {
334
+ var _a;
335
+ if (((_a = this.store.state) === null || _a === void 0 ? void 0 : _a.documents.length) > 1) {
336
+ this.confirmDeleteDocument = document;
337
+ }
338
+ else {
339
+ this.showDeleteError = true;
340
+ }
341
+ }
342
+ getFileIcon(document) {
343
+ switch (document.mime) {
344
+ case 'application/pdf':
345
+ return Icons.PdfIcon;
346
+ case 'image/jpeg':
347
+ return Icons.JpgIcon;
348
+ case 'image/png':
349
+ return Icons.PngIcon;
350
+ case 'application/msword':
351
+ case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
352
+ return Icons.DocIcon;
353
+ }
354
+ return Icons.FileIcon;
355
+ }
356
+ render() {
357
+ var _a, _b, _c;
358
+ if (!this.endpoint.session) {
359
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
360
+ }
361
+ const templateState = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state;
362
+ if (!templateState.isLoaded) {
363
+ return (index.h(index.Host, { class: "loading" }, index.h("verdocs-loader", null)));
364
+ }
365
+ // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
366
+ if (!this.endpoint.session || !templateState.profile_id) {
367
+ return index.h(index.Host, { class: "empty" });
368
+ }
369
+ return (index.h(index.Host, null, index.h("h5", null, "Existing Attachments"), index.h("div", { class: "attachments" }, (_b = this.store) === null || _b === void 0 ? void 0 : _b.state.documents.map(document => (index.h("div", { class: "attachment" }, index.h("div", { class: "file-icon", innerHTML: this.getFileIcon(document) }), index.h("div", { class: "filename", title: document.name }, document.name), index.h("div", { class: "pages" }, index.h("div", { class: "count" }, document.pages), index.h("div", { class: "pages-icon", innerHTML: Icons.PageCountIcon })), index.h("div", { class: "trash-icon", innerHTML: Icons.TrashIcon, onClick: () => this.handleDelete(document) }))))), index.h("h5", null, "Attach a New Document"), this.uploading ? (index.h("div", { class: "loader-wrapper" }, index.h("verdocs-loader", null), this.progressLabel && (index.h("div", { class: "progress-wrapper" }, index.h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (index.h("verdocs-file-chooser", { onFileSelected: e => this.handleUpload(e) })), index.h("div", { class: "buttons" }, index.h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.uploading }), index.h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleNext(e), disabled: !((_c = this.store) === null || _c === void 0 ? void 0 : _c.state.documents.length) || this.uploading })), this.showDeleteError && (index.h("verdocs-ok-dialog", { heading: "Unable to Delete Attachment", message: "Templates must contain at least one attachment.", onNext: () => (this.showDeleteError = false) })), this.confirmDeleteDocument && (index.h("verdocs-ok-dialog", { heading: "Delete this Attachment?", message: "This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.", onNext: () => this.confirmDelete(), showCancel: true, onExit: () => {
370
+ this.confirmDeleteDocument = null;
371
+ } }))));
372
+ }
373
+ };
374
+ VerdocsTemplateAttachments.style = VerdocsTemplateAttachmentsStyle0;
375
+
376
+ const verdocsTemplateBuildTabsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-build-tabs{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-build-tabs verdocs-template-attachments,verdocs-template-build-tabs verdocs-template-roles{margin:20px}verdocs-template-build-tabs verdocs-template-fields{border-top:1px solid #777777}verdocs-template-build-tabs verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-template-build-tabs verdocs-template-fields{width:100%}verdocs-template-build-tabs verdocs-preview{-ms-flex:1;flex:1}";
377
+ const VerdocsTemplateBuildTabsStyle0 = verdocsTemplateBuildTabsCss;
378
+
379
+ const STEPS = ['attachments', 'roles', 'settings', 'fields', 'preview'];
380
+ const VerdocsTemplateBuildTabs = class {
381
+ constructor(hostRef) {
382
+ index.registerInstance(this, hostRef);
383
+ this.sdkError = index.createEvent(this, "sdkError", 7);
384
+ this.stepChanged = index.createEvent(this, "stepChanged", 7);
385
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
386
+ this.templateId = null;
387
+ this.step = 'preview';
388
+ this.store = null;
389
+ }
390
+ onStepChanged() {
391
+ console.log('Step changed', this.step, this.templateId);
392
+ this.loadTemplate().catch((e) => console.log('Unknown Error', e));
393
+ }
394
+ async componentWillLoad() {
395
+ var _a, _b, _c;
396
+ try {
397
+ this.endpoint.loadSession();
398
+ if (!this.endpoint.session) {
399
+ console.log('[BUILD_TABS] Unable to start builder session, must be authenticated');
400
+ return;
401
+ }
402
+ if (!this.templateId) {
403
+ this.step = 'preview';
404
+ return;
405
+ }
406
+ this.loadTemplate().catch(e => console.log('[BUILD_TABS] Unable to load template', e));
407
+ }
408
+ catch (e) {
409
+ console.log('[BUILD_TABS] Error loading template', e);
410
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
411
+ }
412
+ }
413
+ async loadTemplate() {
414
+ if (this.templateId) {
415
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
416
+ }
417
+ }
418
+ setStep(e) {
419
+ var _a;
420
+ console.log('Selected step', e.detail.tab.id);
421
+ e.stopPropagation();
422
+ e.preventDefault();
423
+ this.step = e.detail.tab.id;
424
+ (_a = this.stepChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail.tab.id);
425
+ }
426
+ render() {
427
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
428
+ if (!this.endpoint.session) {
429
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
430
+ }
431
+ let canPreview = false;
432
+ let canEditFields = false;
433
+ let canEditRoles = false;
434
+ console.log('[BUILD_TABS] Rendering tabs', this.templateId, this.step);
435
+ if (this.templateId && this.store && this.store.state) {
436
+ canEditRoles = ((_c = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.documents) === null || _c === void 0 ? void 0 : _c.length) > 0;
437
+ canEditFields = canEditRoles && ((_f = (_e = (_d = this.store) === null || _d === void 0 ? void 0 : _d.state) === null || _e === void 0 ? void 0 : _e.roles) === null || _f === void 0 ? void 0 : _f.length) > 0;
438
+ canPreview = canEditFields && ((_j = (_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.fields) === null || _j === void 0 ? void 0 : _j.length) > 0;
439
+ // TODO
440
+ // canPreview = this.store && userCanPreviewTemplate(this.endpoint.session, this.store?.state);
441
+ // canEditFields = this.store && userCanBuildTemplate(this.endpoint.session, this.store?.state);
442
+ // canEditRoles = this.store && userCanUpdateTemplate(this.endpoint.session, this.store?.state);
443
+ }
444
+ let selectedStepIndex = Math.max(STEPS.indexOf(this.step), 0);
445
+ if (!canPreview && selectedStepIndex >= 4) {
446
+ selectedStepIndex = 3;
447
+ }
448
+ if (!canEditFields && selectedStepIndex >= 3) {
449
+ selectedStepIndex = 1;
450
+ }
451
+ if (!canEditRoles && selectedStepIndex >= 1) {
452
+ selectedStepIndex = 0;
453
+ }
454
+ console.log({ selectedStepIndex, canPreview, canEditFields, canEditRoles });
455
+ return (index.h(index.Host, null, index.h("verdocs-tabs", { onSelectTab: e => this.setStep(e), selectedTab: selectedStepIndex, tabs: [
456
+ { id: 'attachments', disabled: false, label: this.templateId && this.store ? 'Attachment(s)' : 'Upload Attachment(s)' },
457
+ { id: 'roles', disabled: !canEditRoles, label: 'Roles' },
458
+ { id: 'settings', disabled: !canEditFields, label: 'Settings' },
459
+ { id: 'fields', disabled: !canEditFields, label: 'Fields' },
460
+ { id: 'preview', disabled: !canPreview, label: 'Preview/Send' },
461
+ ] })));
462
+ }
463
+ static get watchers() { return {
464
+ "step": ["onStepChanged"]
465
+ }; }
466
+ };
467
+ VerdocsTemplateBuildTabs.style = VerdocsTemplateBuildTabsStyle0;
468
+
469
+ const verdocsTemplateCreateCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-create{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-create form{background-color:#ffffff;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-create form .upload-box{-webkit-box-sizing:border-box;box-sizing:border-box;width:320px;text-align:center;padding:44px 18px 66px;border:2px dashed #979797;color:rgba(0, 0, 0, 0.54)}verdocs-template-create form .upload-box.drag-over{border:2px solid #4c56cb}verdocs-template-create form .upload-box svg{width:64px;fill:#5c6575}verdocs-template-create .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .progress-wrapper{padding:20px}verdocs-template-create .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-create .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-create ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-create ::-moz-placeholder{color:#aaaaaa}verdocs-template-create :-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-create ::placeholder{color:#aaaaaa}";
470
+ const VerdocsTemplateCreateStyle0 = verdocsTemplateCreateCss;
471
+
472
+ const unicodeNBSP = ' ';
473
+ const FileIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"></path></svg>';
474
+ const VerdocsTemplateCreate = class {
475
+ constructor(hostRef) {
476
+ index.registerInstance(this, hostRef);
477
+ this.exit = index.createEvent(this, "exit", 7);
478
+ this.next = index.createEvent(this, "next", 7);
479
+ this.sdkError = index.createEvent(this, "sdkError", 7);
480
+ this.templateCreated = index.createEvent(this, "templateCreated", 7);
481
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
482
+ this.file = undefined;
483
+ this.creating = false;
484
+ this.progressLabel = 'Uploading...';
485
+ this.progressPercent = 0;
486
+ }
487
+ componentWillLoad() {
488
+ this.endpoint.setTimeout(30000);
489
+ this.endpoint.loadSession();
490
+ }
491
+ handleFileChanged(e) {
492
+ var _a;
493
+ this.file = ((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) || null;
494
+ console.log('[CREATE] Selected file', this.file);
495
+ // this.filePath = e.target.files?.[0]?.name;
496
+ }
497
+ handleUpload(e) {
498
+ e.stopPropagation();
499
+ const fileElem = document.getElementById('verdocs-template-create-file');
500
+ fileElem.click();
501
+ }
502
+ handleCancel(e) {
503
+ e.stopPropagation();
504
+ this.exit.emit();
505
+ }
506
+ async handleSubmit(e) {
507
+ var _a, _b, _c;
508
+ e.stopPropagation();
509
+ console.log('Submitting');
510
+ // Should be true if we're here because onClick is only enabled then. We're just guarding this for Typescript.
511
+ if (!this.file) {
512
+ return;
513
+ }
514
+ this.creating = true;
515
+ this.progressLabel = 'Uploading...';
516
+ try {
517
+ const template = await jsSdk.createTemplatev2(this.endpoint, { name: this.file.name, documents: [this.file] }, percent => {
518
+ if (percent >= 99) {
519
+ this.progressLabel = 'Processing...';
520
+ this.progressPercent = 100;
521
+ }
522
+ else {
523
+ this.progressPercent = percent;
524
+ }
525
+ });
526
+ console.log('[CREATE] Created template', template);
527
+ TemplateStore.getTemplateStore(this.endpoint, template.id, true)
528
+ .then(() => {
529
+ var _a, _b;
530
+ (_a = this.templateCreated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template, templateId: template.id });
531
+ (_b = this.next) === null || _b === void 0 ? void 0 : _b.emit(template);
532
+ this.creating = false;
533
+ this.progressLabel = '';
534
+ this.progressPercent = 0;
535
+ })
536
+ .catch(e => {
537
+ console.log(e);
538
+ });
539
+ }
540
+ catch (e) {
541
+ console.log('[CREATE] Error creating template', e);
542
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
543
+ this.creating = false;
544
+ }
545
+ }
546
+ render() {
547
+ if (!this.endpoint.session) {
548
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
549
+ }
550
+ return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("input", { type: "file", id: "verdocs-template-create-file", multiple: true, accept: "application/pdf", style: { display: 'none' }, onChange: e => this.handleFileChanged(e) }), this.creating ? (index.h("div", { class: "loader-wrapper" }, index.h("verdocs-loader", null), this.progressLabel && (index.h("div", { class: "progress-wrapper" }, index.h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (index.h("div", { class: "upload-box", onDrop: (e) => {
551
+ e.preventDefault();
552
+ e.target.classList.remove('drag-over');
553
+ this.file = e.dataTransfer.files[0];
554
+ }, onDragOver: (e) => {
555
+ e.preventDefault();
556
+ e.dataTransfer.dropEffect = 'copy';
557
+ }, onDragEnter: (e) => e.target.classList.add('drag-over'), onDragLeave: (e) => e.target.classList.remove('drag-over') }, index.h("div", null, index.h("span", { innerHTML: FileIcon })), index.h("div", { style: { marginTop: '20px', fontSize: '20px', fontWeight: 'bold', overflowWrap: 'anywhere' } }, this.file ? this.file.name : 'Drag a file here'), index.h("div", { style: {
558
+ marginTop: '20px',
559
+ marginBottom: '20px',
560
+ fontSize: '16px',
561
+ height: '20px',
562
+ } }, this.file ? unicodeNBSP : 'Or, if you prefer...'), index.h("verdocs-button", { label: this.file ? 'Select a different file' : 'Select a file from your computer', size: "small", onClick: e => this.handleUpload(e) }))), index.h("div", { class: "buttons" }, index.h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.creating }), index.h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleSubmit(e), disabled: !this.file || this.creating })))));
563
+ }
564
+ };
565
+ VerdocsTemplateCreate.style = VerdocsTemplateCreateStyle0;
566
+
567
+ const verdocsTemplateFieldsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-fields{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;position:relative;display:block;min-height:600px}verdocs-template-fields .page-0{padding:65px 15px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields .page-0 .user-placed-fields{height:100px;position:relative;background:#ffffff;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294)}verdocs-template-fields .page-0 .user-placed-fields .title{top:0;left:0;color:#ffffff;font-size:12px;padding:3px 6px;font-weight:bold;position:absolute;background:#46497d}verdocs-template-fields .pages{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-template-fields .pages div,verdocs-template-fields .pages canvas{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-fields #verdocs-template-fields-toolbar{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 50px;flex:0 0 50px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;font-weight:700;padding:0 20px 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#f5f5fa;-ms-flex-pack:center;justify-content:center;background:#46497d}verdocs-template-fields #verdocs-template-fields-toolbar>verdocs-select-input{margin:0}verdocs-template-fields #verdocs-template-fields-toolbar svg{width:24px;height:24px}verdocs-template-fields #verdocs-template-fields-toolbar .add-for{margin:0;font-weight:500;color:#f5f5fa}verdocs-template-fields #verdocs-template-fields-toolbar verdocs-select-input{margin:0 20px 0 0}verdocs-template-fields.placing-attachment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-checkbox_group{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-date{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-dropdown{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' d='M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25' /%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-initial{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-payment{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-radio_button_group{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-signature{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textarea{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z'/%3E%3C/svg%3E\") 16 16, pointer}verdocs-template-fields.placing-textbox{cursor:url(\"data:image/svg+xml,%3Csvg width='32' height='15' viewBox='0 0 32 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1401_24' fill='white'%3E%3Cpath d='M0 0H32V15H0V0Z'/%3E%3C/mask%3E%3Cpath d='M0 0H32V15H0V0Z' fill='%234C56CB' fill-opacity='0.1'/%3E%3Cpath d='M0 0V-1H-1V0H0ZM0 15H-1V16H0V15ZM0 1H32V-1H0V1ZM32 14H0V16H32V14ZM1 15V0H-1V15H1Z' fill='%234C56CB' mask='url(%23path-1-inside-1_1401_24)'/%3E%3Cpath d='M3 11.8V8.65H14.15V11.8H3ZM3 6.65V3.5H20.15V6.65H3Z' fill='%234C56CB'/%3E%3Cline x1='31.5' y1='1' x2='31.5' y2='14' stroke='%234C56CB' stroke-opacity='0.32' stroke-dasharray='1 1'/%3E%3C/svg%3E%0A\") 0 14, pointer}verdocs-template-fields.placing-timestamp{cursor:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath fill='%23000000' d='M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z'%3E%3C/path%3E%3C/svg%3E\") 16 16, pointer}";
568
+ const VerdocsTemplateFieldsStyle0 = verdocsTemplateFieldsCss;
569
+
570
+ const iconTextbox = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.425 16.15V13h11.15v3.15Zm0-5.15V7.85h17.15V11Z"/></svg>';
571
+ const iconTextarea = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M3.225 20.725v-3.15h11.55v3.15Zm0-4.775V12.8h17.55v3.15Zm0-4.75V8.05h17.55v3.15Zm0-4.775v-3.15h17.55v3.15Z"/></svg>';
572
+ const iconCheck = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="m10.55 16.55 7.275-7.275L16.05 7.5l-5.5 5.45-2.675-2.65L6.1 12.075Zm-5.375 4.925q-1.125 0-1.887-.763-.763-.762-.763-1.887V5.175q0-1.125.763-1.888.762-.762 1.887-.762h13.65q1.125 0 1.888.762.762.763.762 1.888v13.65q0 1.125-.762 1.887-.763.763-1.888.763Zm0-2.65h13.65V5.175H5.175v13.65Zm0-13.65v13.65-13.65Z"/></svg>';
573
+ const iconRadio = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M12 17q2.075 0 3.538-1.463Q17 14.075 17 12t-1.462-3.538Q14.075 7 12 7 9.925 7 8.463 8.462 7 9.925 7 12q0 2.075 1.463 3.537Q9.925 17 12 17Zm0 5.85q-2.275 0-4.25-.85t-3.438-2.312Q2.85 18.225 2 16.25q-.85-1.975-.85-4.25T2 7.75q.85-1.975 2.312-3.438Q5.775 2.85 7.75 2q1.975-.85 4.25-.85t4.25.85q1.975.85 3.438 2.312Q21.15 5.775 22 7.75q.85 1.975.85 4.25T22 16.25q-.85 1.975-2.312 3.438Q18.225 21.15 16.25 22q-1.975.85-4.25.85Zm0-3.15q3.25 0 5.475-2.225Q19.7 15.25 19.7 12q0-3.25-2.225-5.475Q15.25 4.3 12 4.3q-3.25 0-5.475 2.225Q4.3 8.75 4.3 12q0 3.25 2.225 5.475Q8.75 19.7 12 19.7Zm0-7.7Z"/></svg>';
574
+ const iconDatepicker = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z"/></svg>';
575
+ const iconSignature = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>';
576
+ const iconInitial = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M6.225 20.775V7h-5V3.225H15V7h-5v13.775Zm9.775 0v-8h-3V9h9.775v3.775h-3v8Z"/></svg>';
577
+ const iconTimestamp = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill="#ffffff" d="M9 1h6v2H9zm10.03 6.39 1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42C16.07 4.74 14.12 4 12 4c-4.97 0-9 4.03-9 9s4.02 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM13 14h-2V8h2v6z"></path></svg>';
578
+ const iconDropdown = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" stroke-width="1.5" stroke="currentColor"><path stroke="#ffffff" stroke-linecap="round" stroke-linejoin="round" d="M3 4.5h14.25M3 9h9.75M3 13.5h9.75m4.5-4.5v12m0 0l-3.75-3.75M17.25 21L21 17.25" /></svg>';
579
+ const separator = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.707 14.707"><g><rect x="6.275" y="0" fill="#ffffff7f" width="1" height="15"/></g></svg>';
580
+ const menuOptions = [
581
+ { id: 'signature', tooltip: 'Signature', icon: iconSignature },
582
+ { id: 'initial', tooltip: 'Initials', icon: iconInitial },
583
+ { id: 'sep1', tooltip: '', icon: separator },
584
+ { id: 'textbox', tooltip: 'Text Box', icon: iconTextbox },
585
+ { id: 'textarea', tooltip: 'Text Area', icon: iconTextarea },
586
+ { id: 'checkbox_group', tooltip: 'Check Box', icon: iconCheck },
587
+ { id: 'radio_button_group', tooltip: 'Radio Button', icon: iconRadio },
588
+ { id: 'dropdown', tooltip: 'Dropdown', icon: iconDropdown },
589
+ { id: 'sep2', tooltip: '', icon: separator },
590
+ { id: 'date', tooltip: 'Date', icon: iconDatepicker },
591
+ { id: 'timestamp', tooltip: 'Timestamp', icon: iconTimestamp },
592
+ // {id: 'sep3', tooltip: '', icon: separator},
593
+ // {id: 'attachment', tooltip: 'Attachment', icon: 'A'},
594
+ // {id: 'payment', tooltip: 'Payment', icon: 'P'},
595
+ ];
596
+ const VerdocsTemplateFields = class {
597
+ constructor(hostRef) {
598
+ index.registerInstance(this, hostRef);
599
+ this.sdkError = index.createEvent(this, "sdkError", 7);
600
+ this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
601
+ this.fieldsUpdated = index.createEvent(this, "fieldsUpdated", 7);
602
+ this.pageHeights = {};
603
+ this.templateStore = null;
604
+ this.fieldStore = null;
605
+ this.roleStore = null;
606
+ this.cachedPageInfo = {};
607
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
608
+ this.templateId = null;
609
+ this.toolbarTargetId = null;
610
+ this.placing = null;
611
+ this.showMustSelectRole = false;
612
+ this.selectedRoleName = '';
613
+ this.loading = true;
614
+ }
615
+ async componentWillLoad() {
616
+ var _a, _b, _c;
617
+ try {
618
+ this.endpoint.loadSession();
619
+ if (!this.templateId) {
620
+ console.log(`[FIELDS] Missing required template ID ${this.templateId}`);
621
+ return;
622
+ }
623
+ if (!this.endpoint.session) {
624
+ console.log('[FIELDS] Unable to start builder session, must be authenticated');
625
+ return;
626
+ }
627
+ TemplateStore.getTemplateStore(this.endpoint, this.templateId, true)
628
+ .then(ts => {
629
+ var _a, _b;
630
+ this.templateStore = ts;
631
+ this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateId);
632
+ this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
633
+ this.selectedRoleName = ((_b = (_a = this.roleStore.get('roles')) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name) || '';
634
+ this.loading = false;
635
+ this.fieldStore.onChange('fields', fields => {
636
+ var _a;
637
+ console.log('[FIELDS] Fields changed', { fields });
638
+ (_a = this.fieldsUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, fields });
639
+ });
640
+ })
641
+ .catch(e => {
642
+ console.log(e);
643
+ });
644
+ }
645
+ catch (e) {
646
+ console.log('[FIELDS] Error with preview session', e);
647
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
648
+ }
649
+ }
650
+ componentDidRender() {
651
+ interact_min.interact.dynamicDrop(true);
652
+ const toolbarTarget = this.toolbarTargetId ? document.getElementById(this.toolbarTargetId) : null;
653
+ const toolbarEl = document.getElementById('verdocs-template-fields-toolbar');
654
+ if (toolbarTarget && toolbarEl) {
655
+ console.log('[FIELDS] Moving toolbar');
656
+ toolbarEl.remove();
657
+ toolbarTarget.append(toolbarEl);
658
+ }
659
+ }
660
+ componentWillUpdate() {
661
+ var _a;
662
+ // If a new role was added and there were none yet so far, or the "selected" role was deleted, reset our selection
663
+ const roles = this.roleStore.get('roles');
664
+ if (!this.selectedRoleName || !roles.find(role => role && role.name === this.selectedRoleName)) {
665
+ this.selectedRoleName = ((_a = roles[0]) === null || _a === void 0 ? void 0 : _a.name) || '';
666
+ console.log('[FIELDS] Selected new role', this.selectedRoleName);
667
+ }
668
+ }
669
+ // Stop field-placement mode if ESC is pressed
670
+ handleKeyDown(ev) {
671
+ if (ev.key === 'Escape') {
672
+ this.placing = null;
673
+ }
674
+ }
675
+ async handleFieldChange(field, e, optionId) {
676
+ console.log('[FIELDS] handleFieldChange', field, e, optionId);
677
+ }
678
+ attachFieldAttributes(pageInfo, field, el) {
679
+ el.addEventListener('input', e => this.handleFieldChange(field, e));
680
+ el.addEventListener('settingsChanged', e => {
681
+ var _a, _b;
682
+ console.log('Settings changed', e.detail);
683
+ (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'added-field' });
684
+ });
685
+ el.addEventListener('deleted', () => {
686
+ var _a, _b;
687
+ console.log('[FIELDS] Deleted', this, field);
688
+ el.remove();
689
+ (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'updated-field' });
690
+ });
691
+ el.setAttribute('templateid', this.templateId);
692
+ el.setAttribute('fieldname', field.name);
693
+ el.setAttribute('pageNumber', pageInfo.pageNumber);
694
+ el.setAttribute('xScale', pageInfo.xScale);
695
+ el.setAttribute('yScale', pageInfo.yScale);
696
+ el.setAttribute('name', field.name);
697
+ }
698
+ handlePageRendered(e) {
699
+ const pageInfo = e.detail;
700
+ // console.log('[FIELDS] Page rendered', pageInfo.pageNumber, pageInfo.xScale, pageInfo.yScale);
701
+ this.cachedPageInfo[pageInfo.pageNumber] = pageInfo;
702
+ this.pageHeights[pageInfo.pageNumber] = pageInfo.naturalHeight;
703
+ this.fieldStore
704
+ .get('fields')
705
+ .filter(field => field && field.page === pageInfo.pageNumber)
706
+ .forEach(field => {
707
+ // TODO: Why isn't the attr already on the element carrying through?
708
+ switch (field.type) {
709
+ case 'checkbox_group':
710
+ case 'radio_button_group':
711
+ (field.settings || {}).options.map((_, index) => {
712
+ const id = utils.getFieldOptionId(field, index);
713
+ const el = document.getElementById(id);
714
+ if (el) {
715
+ el.setAttribute('fieldname', field.name);
716
+ el.setAttribute('pagenumber', String(field.page));
717
+ this.makeDraggable(el);
718
+ }
719
+ });
720
+ break;
721
+ default:
722
+ const id = utils.getFieldId(field);
723
+ const el = document.getElementById(id);
724
+ if (el) {
725
+ el.setAttribute('fieldname', field.name);
726
+ el.setAttribute('pagenumber', String(field.page));
727
+ this.makeDraggable(el);
728
+ }
729
+ break;
730
+ }
731
+ });
732
+ }
733
+ makeDraggable(el) {
734
+ interact_min.interact(el).draggable({
735
+ listeners: {
736
+ move: this.handleMoveField.bind(this),
737
+ end: this.handleMoveEnd.bind(this),
738
+ },
739
+ });
740
+ }
741
+ async handleMoveField(event) {
742
+ const oldX = +(event.target.getAttribute('posX') || 0);
743
+ const oldY = +(event.target.getAttribute('posY') || 0);
744
+ const xScale = +(event.target.getAttribute('xScale') || 1);
745
+ const yScale = +(event.target.getAttribute('yScale') || 1);
746
+ const newX = event.dx / xScale + oldX;
747
+ const newY = event.dy / yScale + oldY;
748
+ event.target.setAttribute('posX', newX);
749
+ event.target.setAttribute('posy', newY);
750
+ utils.updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
751
+ }
752
+ async handleMoveEnd(event) {
753
+ var _a, _b;
754
+ const name = event.target.getAttribute('fieldname');
755
+ const option = +(event.target.getAttribute('option') || '0');
756
+ const field = this.fieldStore.get('fields').find(field => field.name === name);
757
+ if (!field) {
758
+ console.log('[FIELDS] Unable to find field', name, event.target);
759
+ return;
760
+ }
761
+ const pageNumber = event.target.getAttribute('pagenumber');
762
+ const { naturalWidth = 612, naturalHeight = 792, renderedHeight = 792 } = this.cachedPageInfo[pageNumber];
763
+ const clientRect = event.target.getBoundingClientRect();
764
+ const parent = event.target.parentElement;
765
+ const parentRect = parent.getBoundingClientRect();
766
+ const width = field.settings.width || utils.defaultWidth(field.type);
767
+ const height = field.settings.height || utils.defaultHeight(field.type);
768
+ // These two being backwards is not a mistake. Left measures "over" from the left (positive displacement) while bottom measures
769
+ // "up" from the bottom (negative displacement).
770
+ const newX = Math.max(clientRect.left - parentRect.left, 0);
771
+ const newY = Math.max(renderedHeight - (parentRect.bottom - clientRect.bottom), 0);
772
+ const { x, y } = this.viewCoordinatesToPageCoordinates(newX, newY, pageNumber, naturalWidth - width, naturalHeight - height);
773
+ switch (field.type) {
774
+ case 'attachment':
775
+ case 'payment':
776
+ case 'initial':
777
+ case 'signature':
778
+ case 'date':
779
+ case 'dropdown':
780
+ case 'textarea':
781
+ case 'textbox':
782
+ case 'timestamp':
783
+ field.settings.x = x;
784
+ field.settings.y = y;
785
+ break;
786
+ case 'checkbox_group':
787
+ case 'radio_button_group':
788
+ {
789
+ const opt = field.settings.options[option];
790
+ if (opt) {
791
+ opt.x = x;
792
+ opt.y = y;
793
+ }
794
+ }
795
+ break;
796
+ }
797
+ console.log('[FIELDS] Will update', name, y, option, field);
798
+ const newFieldData = await jsSdk.updateField(this.endpoint, this.templateId, name, field);
799
+ TemplateFieldStore.updateStoreField(this.fieldStore, name, newFieldData);
800
+ event.target.removeAttribute('posX');
801
+ event.target.removeAttribute('posY');
802
+ utils.removeCssTransform(event.target);
803
+ (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'updated-field' });
804
+ }
805
+ generateFieldName(type, pageNumber) {
806
+ let i = 1;
807
+ let fieldName;
808
+ do {
809
+ fieldName = `${type}P${pageNumber}-${i}`;
810
+ i++;
811
+ } while (this.fieldStore.get('fields').some(field => field && field.name === fieldName));
812
+ return fieldName;
813
+ }
814
+ // Scale the X,Y clicks to the virtual page dimensions. Also ensure the field doesn't go off the page.
815
+ viewCoordinatesToPageCoordinates(viewX, viewY, pageNumber, xMax, yMax) {
816
+ const { xScale = 1, yScale = 1, renderedHeight = 792 } = this.cachedPageInfo[pageNumber];
817
+ const x = Math.floor(Math.min(viewX / xScale, xMax));
818
+ const y = Math.floor(Math.min(Math.max(renderedHeight - viewY, 0) / yScale, yMax));
819
+ return { x, y };
820
+ }
821
+ async handleClickPage(e, pageNumber) {
822
+ var _a, _b;
823
+ if (this.placing) {
824
+ const clickedX = e.offsetX;
825
+ const clickedY = e.offsetY;
826
+ const width = utils.defaultWidth(this.placing);
827
+ const height = utils.defaultHeight(this.placing);
828
+ const cachedPage = this.cachedPageInfo[pageNumber];
829
+ const { naturalWidth = 612, naturalHeight = 792 } = cachedPage;
830
+ const coords = this.viewCoordinatesToPageCoordinates(clickedX, clickedY, pageNumber, naturalWidth - width, naturalHeight - height);
831
+ const x = Math.floor(coords.x);
832
+ const y = Math.floor(coords.y);
833
+ const field = {
834
+ name: this.generateFieldName(this.placing, pageNumber), // 'textboxP1-22',
835
+ role_name: this.selectedRoleName,
836
+ template_id: this.templateId,
837
+ document_id: cachedPage.documentId,
838
+ type: this.placing,
839
+ required: true,
840
+ page: pageNumber,
841
+ validator: null,
842
+ label: null,
843
+ default: null,
844
+ placeholder: null,
845
+ group: null,
846
+ settings: { x, y }, // In the future, this is all we should send, see below
847
+ x,
848
+ y,
849
+ width,
850
+ height,
851
+ };
852
+ console.log('[FIELDS] Will save new field', field);
853
+ // TODO: Fix how the server validates all this. It uses a JSON schema and is very particular about shapes for each field type.
854
+ // That makes it harder for third party developers to create fields via API calls. It would be better to always set X/Y and
855
+ // let the server normalize the rest, discarding properties that are invalid and back-filling defaults as needed.
856
+ switch (field.type) {
857
+ case 'attachment':
858
+ case 'payment':
859
+ field.settings = { x, y };
860
+ break;
861
+ case 'initial':
862
+ case 'signature':
863
+ field.settings = { x, y, result: '' };
864
+ break;
865
+ case 'checkbox_group':
866
+ // @ts-ignore
867
+ field.setting = {
868
+ minimum_checked: 0,
869
+ maximum_checked: 1000,
870
+ options: [
871
+ {
872
+ id: `${field.name}-1`,
873
+ value: 'Option 1',
874
+ checked: false,
875
+ x,
876
+ y,
877
+ },
878
+ ],
879
+ };
880
+ break;
881
+ case 'date':
882
+ field.settings = { x, y, width, height, result: '' };
883
+ break;
884
+ case 'dropdown':
885
+ field.required = false;
886
+ field.settings = { x, y, width, height, value: null, placeholder: 'Choose', options: [{ id: 'option-1', value: 'Option 1' }] };
887
+ break;
888
+ case 'radio_button_group':
889
+ // @ts-ignore
890
+ field.setting = {
891
+ options: [
892
+ {
893
+ id: `${field.name}-1`,
894
+ value: 'Option 1',
895
+ selected: false,
896
+ x,
897
+ y,
898
+ },
899
+ ],
900
+ };
901
+ break;
902
+ // TODO: What about textareas?
903
+ case 'textarea':
904
+ case 'textbox':
905
+ field.settings = { x, y, width, height, result: '', leading: 0, alignment: 0, upperCase: false };
906
+ break;
907
+ case 'timestamp':
908
+ field.settings = { x, y, width, height };
909
+ break;
910
+ }
911
+ // TODO: We don't actually have a unique field type for multi-line text. Instead a "text area" is stored
912
+ // as a textbox with a leading>0 (typically 16).
913
+ if (field.type === 'textarea') {
914
+ field.settings.leading = 16;
915
+ field.type = 'textbox';
916
+ }
917
+ const saved = await jsSdk.createField(this.endpoint, this.templateId, field);
918
+ console.log('[FIELDS] Saved field', saved);
919
+ this.fieldStore.set('fields', [...this.fieldStore.get('fields'), saved]);
920
+ this.placing = null;
921
+ (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state, event: 'added-field' });
922
+ }
923
+ }
924
+ render() {
925
+ var _a, _b, _c;
926
+ if (!this.endpoint.session) {
927
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
928
+ }
929
+ if (this.loading || !((_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state.isLoaded)) {
930
+ return (index.h(index.Host, null, index.h("verdocs-loader", null)));
931
+ }
932
+ const selectableRoles = this.roleStore.get('roles').map(role => ({ value: role.name, label: role.full_name ? `${role.name}: ${role.full_name}` : role.name }));
933
+ return (index.h(index.Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {}, onSubmit: () => { } }, index.h("div", { id: "verdocs-template-fields-toolbar" }, index.h("div", { class: "add-for" }, "Add field:"), index.h("verdocs-select-input", { value: this.selectedRoleName, options: selectableRoles, onInput: (e) => (this.selectedRoleName = e.target.value) }), menuOptions.map(option => (index.h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => {
934
+ // We ignore empty-tooltip entries because they're separators
935
+ if (option.tooltip) {
936
+ // We require a role to be selected first
937
+ if (this.selectedRoleName) {
938
+ this.placing = option.id;
939
+ }
940
+ else {
941
+ this.showMustSelectRole = true;
942
+ }
943
+ }
944
+ } })))), index.h("div", { class: "pages" }, (((_c = (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state) === null || _c === void 0 ? void 0 : _c.documents) || []).map(document => {
945
+ const pageNumbers = jsSdk.integerSequence(1, document.pages);
946
+ return pageNumbers.map(page => (index.h("verdocs-template-document-page", { templateId: this.templateId, documentId: document.id, pageNumber: page, virtualWidth: 612, virtualHeight: 792, disabled: true, editable: true, done: false, onClick: (e) => this.handleClickPage(e, page), onPageRendered: e => this.handlePageRendered(e), layers: [
947
+ { name: 'page', type: 'canvas' },
948
+ { name: 'controls', type: 'div' },
949
+ ] })));
950
+ })), this.showMustSelectRole && (index.h("verdocs-ok-dialog", { heading: "Unable to add field", message: this.roleStore.get('roles').length > 0 ? 'Please select a role before adding fields.' : 'Please add at least one role before adding fields.', onNext: () => (this.showMustSelectRole = false) }))));
951
+ }
952
+ };
953
+ VerdocsTemplateFields.style = VerdocsTemplateFieldsStyle0;
954
+
955
+ const verdocsTemplateNameCss = "";
956
+ const VerdocsTemplateNameStyle0 = verdocsTemplateNameCss;
957
+
958
+ const VerdocsTemplateName = class {
959
+ constructor(hostRef) {
960
+ index.registerInstance(this, hostRef);
961
+ this.close = index.createEvent(this, "close", 7);
962
+ this.sdkError = index.createEvent(this, "sdkError", 7);
963
+ this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
964
+ this.store = null;
965
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
966
+ this.templateId = '';
967
+ this.name = '';
968
+ this.dirty = false;
969
+ }
970
+ async componentWillLoad() {
971
+ var _a, _b, _c, _d, _e;
972
+ try {
973
+ this.endpoint.loadSession();
974
+ if (!this.templateId) {
975
+ console.log(`[ROLES] Missing required template ID ${this.templateId}`);
976
+ return;
977
+ }
978
+ if (!this.endpoint.session) {
979
+ console.log('[ROLES] Unable to start builder session, must be authenticated');
980
+ return;
981
+ }
982
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
983
+ this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
984
+ this.dirty = false;
985
+ }
986
+ catch (e) {
987
+ console.log('[TEMPLATE NAME] Error loading template', e);
988
+ (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
989
+ }
990
+ }
991
+ handleCancel(e) {
992
+ var _a, _b, _c;
993
+ e.stopPropagation();
994
+ this.name = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name;
995
+ this.dirty = false;
996
+ console.log('Closing');
997
+ (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
998
+ }
999
+ async handleSave(e) {
1000
+ var _a, _b, _c;
1001
+ e.stopPropagation();
1002
+ await jsSdk.updateTemplate(this.endpoint, this.templateId, { name: this.name });
1003
+ if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
1004
+ this.store.state.name = this.name;
1005
+ }
1006
+ this.dirty = false;
1007
+ (_b = this.templateUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: this.store.state, event: 'name' });
1008
+ (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
1009
+ }
1010
+ render() {
1011
+ var _a, _b;
1012
+ if (!this.endpoint.session) {
1013
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
1014
+ }
1015
+ if ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoading) {
1016
+ return (index.h(index.Host, { class: "loading" }, index.h("verdocs-loader", null)));
1017
+ }
1018
+ return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("label", { htmlFor: "verdocs-template-name" }, "Template Name"), index.h("verdocs-text-input", { id: "verdocs-template-name", value: this.name, autocomplete: "off", placeholder: "Template Name...", onInput: (e) => {
1019
+ var _a, _b;
1020
+ this.name = e.target.value;
1021
+ this.dirty = this.name !== ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.name);
1022
+ } }), index.h("div", { class: "buttons" }, index.h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))));
1023
+ }
1024
+ };
1025
+ VerdocsTemplateName.style = VerdocsTemplateNameStyle0;
1026
+
1027
+ const verdocsTemplateRemindersCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-reminders{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-reminders.loading{min-height:300px;position:relative;display:block}verdocs-template-reminders.empty{display:none}verdocs-template-reminders form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-reminders form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0 0 20px 0}verdocs-template-reminders form label{font-size:16px;font-weight:500;margin:0 0 6px 0;color:#33364b}verdocs-template-reminders form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-reminders form input:focus{outline:none}verdocs-template-reminders form .input-row{display:-ms-flexbox;display:flex;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders form .input-row label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-reminders form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px}verdocs-template-reminders form .input-row verdocs-text-input input{text-align:center}verdocs-template-reminders form .input-row verdocs-checkbox{display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px;-ms-flex-pack:center;justify-content:center}verdocs-template-reminders .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-reminders ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-moz-placeholder{color:#aaaaaa}verdocs-template-reminders :-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-reminders ::placeholder{color:#aaaaaa}";
1028
+ const VerdocsTemplateRemindersStyle0 = verdocsTemplateRemindersCss;
1029
+
1030
+ const VerdocsTemplateReminders = class {
1031
+ constructor(hostRef) {
1032
+ index.registerInstance(this, hostRef);
1033
+ this.close = index.createEvent(this, "close", 7);
1034
+ this.sdkError = index.createEvent(this, "sdkError", 7);
1035
+ this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
1036
+ this.store = null;
1037
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
1038
+ this.templateId = '';
1039
+ this.showPlanBlocker = false;
1040
+ this.sendReminders = false;
1041
+ this.firstReminderDays = '1';
1042
+ this.reminderDays = '1';
1043
+ this.dirty = false;
1044
+ }
1045
+ // POST https://api.verdocs.com/templates/8337af06-3b5a-4e1b-98be-67d82bc7ecd1/reminder
1046
+ // interval_time: 1,
1047
+ // setup_time:1,
1048
+ async componentWillLoad() {
1049
+ var _a, _b, _c, _d, _e;
1050
+ try {
1051
+ this.endpoint.loadSession();
1052
+ if (!this.templateId) {
1053
+ console.log(`[ROLES] Missing required template ID ${this.templateId}`);
1054
+ return;
1055
+ }
1056
+ if (!this.endpoint.session) {
1057
+ console.log('[ROLES] Unable to start builder session, must be authenticated');
1058
+ return;
1059
+ }
1060
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
1061
+ this.sendReminders = !!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id);
1062
+ this.dirty = false;
1063
+ }
1064
+ catch (e) {
1065
+ console.log('[TEMPLATE REMINDERS] Error loading template', e);
1066
+ (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
1067
+ }
1068
+ }
1069
+ handleCancel(e) {
1070
+ var _a, _b, _c;
1071
+ e.stopPropagation();
1072
+ this.sendReminders = !!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id);
1073
+ this.dirty = false;
1074
+ (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
1075
+ }
1076
+ async handleSave(e) {
1077
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
1078
+ e.stopPropagation();
1079
+ try {
1080
+ if (this.sendReminders) {
1081
+ const params = {
1082
+ setup_time: +this.firstReminderDays,
1083
+ interval_time: +this.reminderDays,
1084
+ };
1085
+ if (!((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.reminder_id)) {
1086
+ await jsSdk.createTemplateReminder(this.endpoint, this.templateId, params);
1087
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
1088
+ }
1089
+ else {
1090
+ await jsSdk.updateTemplateReminder(this.endpoint, this.templateId, (_c = this.store) === null || _c === void 0 ? void 0 : _c.state.reminder_id, params);
1091
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
1092
+ }
1093
+ }
1094
+ else {
1095
+ await jsSdk.deleteTemplateReminder(this.endpoint, this.templateId, (_d = this.store) === null || _d === void 0 ? void 0 : _d.state.reminder_id);
1096
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
1097
+ }
1098
+ (_e = this.templateUpdated) === null || _e === void 0 ? void 0 : _e.emit({ endpoint: this.endpoint, template: this.store.state, event: 'attachments' });
1099
+ }
1100
+ catch (e) {
1101
+ console.log('[TEMPLATE REMINDERS] Unable to update reminders', e);
1102
+ Toast.VerdocsToast(e.message);
1103
+ (_f = this.sdkError) === null || _f === void 0 ? void 0 : _f.emit(new errors.SDKError(e.message, (_g = e.response) === null || _g === void 0 ? void 0 : _g.status, (_h = e.response) === null || _h === void 0 ? void 0 : _h.data));
1104
+ }
1105
+ this.dirty = false;
1106
+ (_j = this.close) === null || _j === void 0 ? void 0 : _j.emit();
1107
+ }
1108
+ render() {
1109
+ var _a, _b;
1110
+ if (!this.endpoint.session) {
1111
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
1112
+ }
1113
+ // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
1114
+ if (!this.endpoint.session || !((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
1115
+ return index.h(index.Host, { class: "empty" });
1116
+ }
1117
+ return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Reminders"), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-send-reminders" }, "Send Automatic Reminders"), index.h("verdocs-checkbox", { id: "verdocs-send-reminders", name: "automatic-reminders", checked: this.sendReminders, value: "on", onInput: (e) => {
1118
+ // this.showPlanBlocker = true;
1119
+ // e.target.checked = false;
1120
+ this.sendReminders = e.target.checked;
1121
+ this.dirty = true;
1122
+ } })), index.h("p", null, index.h("strong", null, "NOTE:"), " Reminders will only be sent for up to 14 days."), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-first-reminder-days" }, "Days Before First Reminder"), index.h("verdocs-text-input", { id: "verdocs-first-reminder-days", type: "number", value: this.firstReminderDays, onInput: (e) => {
1123
+ this.firstReminderDays = e.target.value;
1124
+ this.dirty = true;
1125
+ }, disabled: !this.sendReminders })), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-days-between-reminders" }, "Days Between Reminders"), index.h("verdocs-text-input", { id: "verdocs-days-between-reminders", type: "number", value: this.reminderDays, onInput: (e) => {
1126
+ this.reminderDays = e.target.value;
1127
+ this.dirty = true;
1128
+ }, disabled: !this.sendReminders })), index.h("div", { class: "buttons" }, index.h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) }))), this.showPlanBlocker && (index.h("verdocs-ok-dialog", { heading: "Upgrade to access this feature", message: "Please upgrade your plan to access this feature.", onNext: () => (this.showPlanBlocker = false) }))));
1129
+ }
1130
+ };
1131
+ VerdocsTemplateReminders.style = VerdocsTemplateRemindersStyle0;
1132
+
1133
+ const verdocsTemplateRolesCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-roles{display:block;min-width:400px;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-roles>form .participants{position:relative}verdocs-template-roles>form .left-line{top:32px;left:11px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-template-roles>form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;min-height:35px;margin-left:40px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:6px 0 4px 0}verdocs-template-roles>form .row .row-roles{-ms-flex:1;flex:1;gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles>form .row .icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-template-roles>form .row .sender{height:30px;display:-ms-flexbox;display:flex;font-size:14px;line-height:30px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 15px;border:1px solid #c6c9cc;background-color:#f5f5fa}verdocs-template-roles>form .row .complete{height:30px;display:-ms-flexbox;display:flex;font-size:14px;padding:0 15px;line-height:30px;-ms-flex-direction:row;flex-direction:row;border-radius:30px;background-color:#f5f5fa;border:1px solid #aeb4bf}verdocs-template-roles>form .row .label{font-weight:bold;margin-right:6px;color:#33364b}verdocs-template-roles>form .row .settings-button{display:-ms-flexbox;display:flex;cursor:pointer;margin:0 0 0 9px}verdocs-template-roles>form .row .recipient{height:30px;display:-ms-flexbox;display:flex;font-size:14px;border-radius:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:0 5px 0 6px;white-space:nowrap;border:2px solid #aeb4bf}verdocs-template-roles>form .row .recipient .type-icon{width:24px;height:24px;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0.6;margin:0 12px 0 0}verdocs-template-roles>form .row .recipient.dragging{position:absolute}verdocs-template-roles>form .row .recipient.dragging+.dropzone{display:none !important}verdocs-template-roles>form .row .dropzone{width:14px;height:30px;display:none}verdocs-template-roles>form .row .dropzone svg{fill:#cccccc}verdocs-template-roles>form .row .dropzone.visible{margin:0 7px;display:-ms-flexbox;display:flex;-ms-flex:0 0 14px;flex:0 0 14px}verdocs-template-roles>form .row .dropzone.active{-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;background:rgba(101, 77, 203, 0.4980392157);border:1px dashed #654dcb}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-role svg{width:32px;height:32px}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .add-role{display:none}verdocs-template-roles.dragging form .row .recipient+.dropzone{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles.dragging .row.add-sequence .dropzone{opacity:0.5;-ms-flex:0 0 120px;flex:0 0 120px;border-radius:30px;-ms-flex-align:center;align-items:center;background:rgba(101, 77, 203, 0.4980392157);-ms-flex-pack:center;justify-content:center;border:1px dashed #654dcb}verdocs-template-roles.dragging .row.add-sequence .dropzone.active{opacity:1}verdocs-template-roles .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:20px;height:20px;stroke:#666666;margin-bottom:-5px}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}";
1134
+ const VerdocsTemplateRolesStyle0 = verdocsTemplateRolesCss;
1135
+
1136
+ const senderLabels = {
1137
+ everyone: 'Everyone',
1138
+ everyone_as_creator: 'Everyone as Me',
1139
+ organization_member: 'Organization member',
1140
+ organization_member_as_creator: 'Organization Member as Me',
1141
+ creator: 'Me',
1142
+ };
1143
+ const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="#00000089"><path d="m8.021 17.917-.313-2.5q-.27-.125-.625-.334-.354-.208-.625-.395l-2.312.979-1.979-3.438 1.979-1.5q-.021-.167-.031-.364-.011-.198-.011-.365 0-.146.011-.344.01-.198.031-.385l-1.979-1.5 1.979-3.417 2.312.958q.271-.187.615-.385t.635-.344l.313-2.5h3.958l.313 2.5q.312.167.625.344.312.177.604.385l2.333-.958 1.979 3.417-1.979 1.521q.021.187.021.364V10q0 .146-.01.333-.011.188-.011.396l1.958 1.5-1.979 3.438-2.312-.979q-.292.208-.615.395-.323.188-.614.334l-.313 2.5Zm1.937-5.355q1.063 0 1.813-.75t.75-1.812q0-1.062-.75-1.812t-1.813-.75q-1.041 0-1.802.75-.76.75-.76 1.812t.76 1.812q.761.75 1.802.75Zm0-1.333q-.5 0-.864-.364-.365-.365-.365-.865t.365-.865q.364-.364.864-.364t.865.364q.365.365.365.865t-.365.865q-.365.364-.865.364ZM10.021 10Zm-.854 6.583h1.666l.25-2.187q.605-.167 1.136-.49.531-.323 1.031-.802l2.021.875.854-1.375-1.792-1.354q.105-.333.136-.635.031-.303.031-.615 0-.292-.031-.573-.031-.281-.115-.635l1.792-1.396-.834-1.375-2.062.875q-.438-.438-1.021-.781-.583-.344-1.125-.49l-.271-2.208H9.167l-.271 2.208q-.584.146-1.125.458-.542.313-1.042.792l-2.021-.854-.833 1.375 1.75 1.354q-.083.333-.125.646-.042.312-.042.604t.042.594q.042.302.125.635l-1.75 1.375.833 1.375 2.021-.854q.479.458 1.021.771.542.312 1.146.479Z"/></svg>';
1144
+ const startIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="#00000089"><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>';
1145
+ const stepIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="#00000089"><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>';
1146
+ const doneIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="#00000089"><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>';
1147
+ const plusIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>`;
1148
+ const iconSigner = '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>';
1149
+ const iconApprover = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>`;
1150
+ const iconCC = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" /><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" /></svg>`;
1151
+ const VerdocsTemplateRoles = class {
1152
+ constructor(hostRef) {
1153
+ index.registerInstance(this, hostRef);
1154
+ this.next = index.createEvent(this, "next", 7);
1155
+ this.exit = index.createEvent(this, "exit", 7);
1156
+ this.sdkError = index.createEvent(this, "sdkError", 7);
1157
+ this.rolesUpdated = index.createEvent(this, "rolesUpdated", 7);
1158
+ this.templateStore = null;
1159
+ this.roleStore = null;
1160
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
1161
+ this.templateId = '';
1162
+ this.showingRoleDialog = null;
1163
+ this.showingSenderDialog = false;
1164
+ this.sender = null;
1165
+ this.loading = true;
1166
+ }
1167
+ async componentWillLoad() {
1168
+ var _a, _b, _c;
1169
+ try {
1170
+ this.endpoint.loadSession();
1171
+ if (!this.templateId) {
1172
+ console.log(`[ROLES] Missing required template ID ${this.templateId}`);
1173
+ return;
1174
+ }
1175
+ if (!this.endpoint.session) {
1176
+ console.log('[ROLES] Unable to start builder session, must be authenticated');
1177
+ return;
1178
+ }
1179
+ await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false)
1180
+ .then(ts => {
1181
+ var _a;
1182
+ this.templateStore = ts;
1183
+ this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
1184
+ console.log('RS', (_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.state);
1185
+ this.loading = false;
1186
+ this.roleStore.onChange('roles', roles => {
1187
+ var _a;
1188
+ console.log('[ROLES] Roles changed', { roles });
1189
+ (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, roles });
1190
+ });
1191
+ })
1192
+ .catch(e => {
1193
+ console.log(e);
1194
+ });
1195
+ }
1196
+ catch (e) {
1197
+ console.log('[FIELDS] Error with preview session', e);
1198
+ (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
1199
+ }
1200
+ }
1201
+ componentDidRender() {
1202
+ interact_min.interact.dynamicDrop(true);
1203
+ interact_min.interact('.recipient').draggable({
1204
+ listeners: {
1205
+ start: function handleStart(e) {
1206
+ e.target.classList.add('dragging');
1207
+ this.el.classList.add('dragging');
1208
+ }.bind(this),
1209
+ move: function handleMove(e) {
1210
+ const oldX = +(e.target.getAttribute('dX') || 0);
1211
+ const oldY = +(e.target.getAttribute('dY') || 0);
1212
+ const sequence = +(e.target.dataset['sequence'] || 0);
1213
+ const order = +(e.target.dataset['order'] || 0);
1214
+ const newX = e.dx + oldX;
1215
+ const newY = e.dy + oldY;
1216
+ e.target.setAttribute('dX', newX);
1217
+ e.target.setAttribute('dY', newY);
1218
+ const rect = e.target.getBoundingClientRect();
1219
+ // Note: I never did figure out exactly why this is, but if we don't offset the transform
1220
+ // the dragged item is offset from the mouse cursor quite a bit.
1221
+ console.log('w', rect.width);
1222
+ e.target.style.transform = `translate(${newX + rect.width - (order + 1)}px, ${newY - rect.height * sequence}px)`;
1223
+ }.bind(this),
1224
+ end: function handleEnd(e) {
1225
+ e.target.classList.remove('dragging');
1226
+ this.el.classList.remove('dragging');
1227
+ // console.log('end', event);
1228
+ e.target.removeAttribute('dX');
1229
+ e.target.removeAttribute('dY');
1230
+ e.target.style.transform = null;
1231
+ }.bind(this),
1232
+ },
1233
+ });
1234
+ interact_min.interact('.dropzone').dropzone({
1235
+ overlap: 0.05,
1236
+ ondrop: async function onDrop(event) {
1237
+ var _a;
1238
+ console.log('dropped', event.target.classList);
1239
+ event.target.classList.remove('active');
1240
+ const roleName = event.relatedTarget.dataset.rolename;
1241
+ const targetSequence = +event.target.dataset.sequence;
1242
+ const targetOrder = +event.target.dataset.order;
1243
+ TemplateRoleStore.updateStoreRole(this.roleStore, roleName, { sequence: targetSequence, order: targetOrder });
1244
+ await this.renumberTemplateRoles();
1245
+ console.log('[ROLES] Updated roles', this.getSortedRoles());
1246
+ (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'updated', endpoint: this.endpoint, templateId: this.templateId, roles: this.getSortedRoles() });
1247
+ }.bind(this),
1248
+ ondropactivate: e => {
1249
+ e.target.classList.add('visible');
1250
+ },
1251
+ ondropdeactivate: e => {
1252
+ e.target.classList.remove('visible');
1253
+ },
1254
+ ondragenter: e => {
1255
+ e.target.classList.add('active');
1256
+ },
1257
+ ondragleave: e => {
1258
+ e.target.classList.remove('active');
1259
+ },
1260
+ });
1261
+ }
1262
+ handleCancel() {
1263
+ var _a;
1264
+ (_a = this.exit) === null || _a === void 0 ? void 0 : _a.emit();
1265
+ }
1266
+ handleSubmit() {
1267
+ var _a;
1268
+ (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit();
1269
+ }
1270
+ getSortedRoles() {
1271
+ return this.roleStore.state.roles.sort((a, b) => {
1272
+ return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
1273
+ });
1274
+ }
1275
+ getSequenceNumbers() {
1276
+ const sequences = [];
1277
+ this.getSortedRoles().forEach(role => {
1278
+ if (!sequences.includes(role.sequence)) {
1279
+ sequences.push(role.sequence);
1280
+ }
1281
+ });
1282
+ return sequences.sort((a, b) => a - b);
1283
+ }
1284
+ getRoleNames() {
1285
+ const roles = this.getSortedRoles();
1286
+ return roles.map(role => role.name);
1287
+ }
1288
+ getRolesAtSequence(sequence) {
1289
+ // Entries can be undefined when deleted because Stencil has no remove() operator yet for stores.
1290
+ // See https://github.com/ionic-team/stencil-store/issues/23
1291
+ return this.roleStore.state.roles.filter(role => role && role.sequence === sequence);
1292
+ }
1293
+ // When the user drags a role around, we handle placement "between" items by assigning it a half-order number
1294
+ // e.g. 1.5 to place it between items 1 and 2, 0.5 to place it at the beginning, or last+0.5 to place it at the end.
1295
+ // Then we re-sort the list of roles and renumber them.
1296
+ renumberTemplateRoles() {
1297
+ // console.log('Renumbering roles', this.getSequenceNumbers(), JSON.stringify(this.roleStore.state));
1298
+ // Avoid dupe renumber attempts
1299
+ const renumbered = [];
1300
+ // If the user dragged an entry from below a row to above it, we end up here like [1,0]. Make sure it's [0,1] for the next operation.
1301
+ const renumberRequests = [];
1302
+ this.getSequenceNumbers().forEach((originalSequence, newSequenceIndex) => {
1303
+ this.getRolesAtSequence(originalSequence).forEach((role, newOrderIndex) => {
1304
+ if (!renumbered.includes(role.name)) {
1305
+ role.sequence = newSequenceIndex + 1;
1306
+ role.order = newOrderIndex + 1;
1307
+ renumbered.push(role.name);
1308
+ renumberRequests.push(jsSdk.updateTemplateRole(this.endpoint, this.templateId, role.name, { sequence: role.sequence, order: role.order }));
1309
+ }
1310
+ });
1311
+ });
1312
+ return Promise.all(renumberRequests);
1313
+ }
1314
+ // Look for name conflicts, because they're UGC and can be anything, regardless of order.
1315
+ getNextRoleName() {
1316
+ let name = '';
1317
+ let nextNumber = Object.keys(this.roleStore.state).length - 1;
1318
+ do {
1319
+ nextNumber++;
1320
+ name = `Recipient ${nextNumber}`;
1321
+ } while (!name || this.roleStore.state.roles.some(role => role && role.name === name));
1322
+ return name;
1323
+ }
1324
+ callCreateRole(name, sequence, order) {
1325
+ console.log('[ROLES] Will create role', { name, sequence, order });
1326
+ jsSdk.createTemplateRole(this.endpoint, this.templateId, {
1327
+ template_id: this.templateId,
1328
+ name,
1329
+ sequence,
1330
+ message: '',
1331
+ order,
1332
+ full_name: '',
1333
+ email: '',
1334
+ phone: '',
1335
+ type: 'signer',
1336
+ delegator: false,
1337
+ })
1338
+ .then(async (r) => {
1339
+ var _a;
1340
+ console.log('[ROLES] Created role', r);
1341
+ this.roleStore.set('roles', [...this.roleStore.state.roles, r]);
1342
+ await this.renumberTemplateRoles();
1343
+ (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'added', endpoint: this.endpoint, templateId: this.templateId, roles: this.getSortedRoles() });
1344
+ })
1345
+ .catch(e => {
1346
+ console.log('[ROLES] Error creating role', e);
1347
+ });
1348
+ }
1349
+ handleAddRole(e, sequence) {
1350
+ e.stopPropagation();
1351
+ const order = this.getRolesAtSequence(sequence).length + 1;
1352
+ const name = this.getNextRoleName();
1353
+ this.callCreateRole(name, sequence, order);
1354
+ }
1355
+ handleAddStep(e, sequence) {
1356
+ e.stopPropagation();
1357
+ const order = 1;
1358
+ const name = this.getNextRoleName();
1359
+ this.callCreateRole(name, sequence, order);
1360
+ }
1361
+ render() {
1362
+ var _a, _b, _c, _d;
1363
+ if (!this.endpoint.session) {
1364
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
1365
+ }
1366
+ if (this.loading || !((_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state.isLoaded)) {
1367
+ console.log('Loading', this.loading, (_b = this.templateStore) === null || _b === void 0 ? void 0 : _b.state.isLoaded);
1368
+ return (index.h(index.Host, { class: "loading" }, index.h("verdocs-loader", null)));
1369
+ }
1370
+ console.log('Rendering roles', this.roleStore.get('roles'));
1371
+ const roleNames = this.getRoleNames();
1372
+ const sequences = this.getSequenceNumbers();
1373
+ console.log('Rendering', roleNames, sequences);
1374
+ return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Roles and Workflow"), index.h("div", { class: "participants" }, index.h("div", { class: "left-line" }), index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: startIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "sender" }, index.h("span", { class: "label" }, "Sender:"), " ", senderLabels[(_d = (_c = this.templateStore) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.sender], ' ', index.h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingSenderDialog = true), "aria-role": "button" })))), index.h("div", { class: "row add-sequence", "data-sequence": 0 }, index.h("div", { class: "icon", innerHTML: plusIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "dropzone", "data-sequence": 0, "data-order": 1 }, "Add Step"))), sequences.map(sequence => (index.h(index.Fragment, null, index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: stepIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "dropzone", "data-order": 0.5, "data-sequence": sequence }), this.getRolesAtSequence(sequence).map(role => {
1375
+ const unknown = !role.email;
1376
+ return unknown ? (index.h(index.Fragment, null, index.h("div", { class: "recipient", style: { backgroundColor: jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, index.h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.name, " ", index.h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), index.h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence }))) : (index.h(index.Fragment, null, index.h("div", { class: "recipient", style: { borderColor: jsSdk.getRGBA(TemplateRoleStore.getRoleIndex(this.roleStore, role.name)) }, "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, index.h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }), role.full_name, " ", index.h("div", { class: "settings-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" })), index.h("div", { class: "dropzone", "data-order": role.order + 0.5, "data-sequence": sequence })));
1377
+ }), index.h("button", { class: "add-role", innerHTML: plusIcon, onClick: e => this.handleAddRole(e, sequence) }))), sequences.length > 0 && (index.h("div", { class: "row add-sequence", "data-sequence": sequence }, index.h("div", { class: "row-roles" }, index.h("div", { class: "icon", innerHTML: plusIcon }), index.h("div", { class: "dropzone", "data-sequence": sequence + 1, "data-order": 1 }, "Add Step"))))))), index.h("div", { class: "row", "data-sequence": sequences.length + 1 }, index.h("div", { class: "row-roles" }, index.h("div", { class: "icon", innerHTML: plusIcon }), index.h("button", { class: "add-step", innerHTML: plusIcon, onClick: e => this.handleAddStep(e, sequences.length + 1) }))), index.h("div", { class: "row" }, index.h("div", { class: "icon", innerHTML: doneIcon }), index.h("div", { class: "row-roles" }, index.h("div", { class: "complete" }, "Document Complete")))), roleNames.length < 1 && (index.h("div", { class: "empty" }, "You must add at least one Role before proceeding.", index.h("br", null), " Click the ", index.h("span", { innerHTML: plusIcon }), " Add button above to get started.")), index.h("div", { class: "buttons" }, index.h("div", { class: "flex-fill" }), index.h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: () => this.handleCancel() }), index.h("verdocs-button", { label: "OK", size: "small", onClick: () => this.handleSubmit(), disabled: roleNames.length < 1 }))), this.showingRoleDialog && (index.h("verdocs-template-role-properties", { endpoint: this.endpoint, templateId: this.templateId, roleName: this.showingRoleDialog, onClose: () => {
1378
+ this.showingRoleDialog = null;
1379
+ }, onDelete: async () => {
1380
+ var _a;
1381
+ this.showingRoleDialog = null;
1382
+ await this.renumberTemplateRoles();
1383
+ (_a = this.rolesUpdated) === null || _a === void 0 ? void 0 : _a.emit({ event: 'deleted', endpoint: this.endpoint, templateId: this.templateId, roles: this.getSortedRoles() });
1384
+ } })), this.showingSenderDialog && index.h("verdocs-template-sender", { endpoint: this.endpoint, templateId: this.templateId, onClose: () => (this.showingSenderDialog = false) })));
1385
+ }
1386
+ get el() { return index.getElement(this); }
1387
+ };
1388
+ VerdocsTemplateRoles.style = VerdocsTemplateRolesStyle0;
1389
+
1390
+ const verdocsTemplateVisibilityCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-visibility{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}";
1391
+ const VerdocsTemplateVisibilityStyle0 = verdocsTemplateVisibilityCss;
1392
+
1393
+ const VerdocsTemplateVisibility = class {
1394
+ constructor(hostRef) {
1395
+ index.registerInstance(this, hostRef);
1396
+ this.close = index.createEvent(this, "close", 7);
1397
+ this.sdkError = index.createEvent(this, "sdkError", 7);
1398
+ this.templateUpdated = index.createEvent(this, "templateUpdated", 7);
1399
+ this.store = null;
1400
+ this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
1401
+ this.templateId = '';
1402
+ this.dirty = false;
1403
+ this.personal = false;
1404
+ this.public = false;
1405
+ }
1406
+ async componentWillLoad() {
1407
+ var _a, _b, _c, _d, _e, _f, _g;
1408
+ try {
1409
+ this.endpoint.loadSession();
1410
+ if (!this.templateId) {
1411
+ console.log(`[VISIBILITY] Missing required template ID ${this.templateId}`);
1412
+ return;
1413
+ }
1414
+ if (!this.endpoint.session) {
1415
+ console.log('[VISIBILITY] Unable to start builder session, must be authenticated');
1416
+ return;
1417
+ }
1418
+ this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
1419
+ this.personal = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_personal) || true;
1420
+ this.public = ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_public) || false;
1421
+ this.dirty = false;
1422
+ }
1423
+ catch (e) {
1424
+ console.log('[TEMPLATE VISIBILITY] Error loading template', e);
1425
+ (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new errors.SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
1426
+ }
1427
+ }
1428
+ handleCancel(e) {
1429
+ var _a, _b, _c, _d, _e;
1430
+ e.stopPropagation();
1431
+ this.personal = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_personal;
1432
+ this.public = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_public;
1433
+ this.dirty = false;
1434
+ (_e = this.close) === null || _e === void 0 ? void 0 : _e.emit();
1435
+ }
1436
+ async handleSave(e) {
1437
+ var _a, _b, _c;
1438
+ e.stopPropagation();
1439
+ await jsSdk.updateTemplate(this.endpoint, this.templateId, { is_personal: this.personal, is_public: this.public });
1440
+ if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
1441
+ this.store.state.is_personal = this.personal;
1442
+ this.store.state.is_public = this.public;
1443
+ }
1444
+ this.dirty = false;
1445
+ (_b = this.templateUpdated) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: this.store.state, event: 'visibility' });
1446
+ (_c = this.close) === null || _c === void 0 ? void 0 : _c.emit();
1447
+ }
1448
+ render() {
1449
+ var _a, _b;
1450
+ if (!this.endpoint.session) {
1451
+ return (index.h(index.Host, null, index.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
1452
+ }
1453
+ // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
1454
+ if (!this.endpoint.session || !((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.isLoaded)) {
1455
+ return index.h(index.Host, { class: "empty" });
1456
+ }
1457
+ return (index.h(index.Host, null, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("h5", null, "Visibility"), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-is-shared" }, "Shared"), index.h("verdocs-checkbox", { id: "verdocs-is-shared", name: "is-shared", checked: !this.personal, value: "on", onInput: (e) => {
1458
+ this.personal = !e.target.checked;
1459
+ this.dirty = true;
1460
+ } })), index.h("div", { class: "description" }, "Shared templates are visible to other members of your Organization (if any)."), index.h("div", { class: "input-row" }, index.h("label", { htmlFor: "verdocs-is-public" }, "Public"), index.h("verdocs-checkbox", { id: "verdocs-is-public", name: "is-public", checked: this.public, value: "on", onInput: (e) => {
1461
+ this.public = e.target.checked;
1462
+ this.dirty = true;
1463
+ } })), index.h("div", { class: "description" }, "Public templates may appear in results when any other user searches for templates. Note that a template may be both Personal and Public, which may be useful if you want your template to be found via search but not otherwise displayed to other members of your Organization (if any)."), index.h("div", { class: "buttons" }, index.h("verdocs-button", { size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))));
1464
+ }
1465
+ };
1466
+ VerdocsTemplateVisibility.style = VerdocsTemplateVisibilityStyle0;
1467
+
1468
+ exports.verdocs_preview = VerdocsPreview;
1469
+ exports.verdocs_send = VerdocsSend;
1470
+ exports.verdocs_template_attachments = VerdocsTemplateAttachments;
1471
+ exports.verdocs_template_build_tabs = VerdocsTemplateBuildTabs;
1472
+ exports.verdocs_template_create = VerdocsTemplateCreate;
1473
+ exports.verdocs_template_fields = VerdocsTemplateFields;
1474
+ exports.verdocs_template_name = VerdocsTemplateName;
1475
+ exports.verdocs_template_reminders = VerdocsTemplateReminders;
1476
+ exports.verdocs_template_roles = VerdocsTemplateRoles;
1477
+ exports.verdocs_template_visibility = VerdocsTemplateVisibility;