@verdocs/web-sdk 4.2.88 → 4.2.94

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 (255) hide show
  1. package/dist/cjs/{EnvelopeStore-47a7f67b.js → EnvelopeStore-8ff43359.js} +1 -1
  2. package/dist/cjs/{TemplateFieldStore-90f4d98b.js → TemplateFieldStore-2ad4a148.js} +1 -2
  3. package/dist/cjs/{TemplateRoleStore-f3d11184.js → TemplateRoleStore-fe871897.js} +1 -1
  4. package/dist/cjs/{TemplateStore-eb40fcaf.js → TemplateStore-ea66895c.js} +3 -3
  5. package/dist/cjs/{index-65257ef5.js → index-a27a7f77.js} +1 -4
  6. package/dist/cjs/{index-06e6741b.js → index-c12980a1.js} +1 -1
  7. package/dist/cjs/loader.cjs.js +2 -2
  8. package/dist/cjs/{utils-813f2cbf.js → utils-b7682f9b.js} +1 -18
  9. package/dist/cjs/verdocs-auth.cjs.entry.js +1 -1
  10. package/dist/cjs/verdocs-build.cjs.entry.js +5 -5
  11. package/dist/cjs/verdocs-button-panel_2.cjs.entry.js +1 -1
  12. package/dist/cjs/verdocs-button_2.cjs.entry.js +1 -1
  13. package/dist/cjs/verdocs-checkbox_5.cjs.entry.js +5 -5
  14. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +2 -2
  15. package/dist/cjs/verdocs-dialog.cjs.entry.js +1 -1
  16. package/dist/cjs/verdocs-dropdown.cjs.entry.js +1 -1
  17. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +2 -2
  18. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +3 -3
  19. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +3 -3
  20. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +2 -2
  21. package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +10 -52
  22. package/dist/cjs/verdocs-field-payment.cjs.entry.js +4 -4
  23. package/dist/cjs/verdocs-file-chooser_2.cjs.entry.js +1 -1
  24. package/dist/cjs/verdocs-kba-dialog.cjs.entry.js +1 -1
  25. package/dist/cjs/verdocs-loader.cjs.entry.js +1 -1
  26. package/dist/cjs/verdocs-ok-dialog.cjs.entry.js +1 -1
  27. package/dist/cjs/verdocs-organization-card_2.cjs.entry.js +19 -17
  28. package/dist/cjs/verdocs-pagination_2.cjs.entry.js +2 -2
  29. package/dist/cjs/verdocs-preview_9.cjs.entry.js +6 -6
  30. package/dist/cjs/verdocs-quick-functions.cjs.entry.js +1 -1
  31. package/dist/cjs/verdocs-radio-button_3.cjs.entry.js +5 -5
  32. package/dist/cjs/verdocs-search-box.cjs.entry.js +1 -1
  33. package/dist/cjs/verdocs-search-tabs.cjs.entry.js +1 -1
  34. package/dist/cjs/verdocs-sign.cjs.entry.js +18 -16
  35. package/dist/cjs/verdocs-spinner.cjs.entry.js +1 -1
  36. package/dist/cjs/verdocs-status-indicator.cjs.entry.js +1 -1
  37. package/dist/cjs/verdocs-table.cjs.entry.js +1 -1
  38. package/dist/cjs/verdocs-template-card.cjs.entry.js +1 -1
  39. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +4 -4
  40. package/dist/cjs/verdocs-template-star.cjs.entry.js +1 -1
  41. package/dist/cjs/verdocs-template-tags.cjs.entry.js +1 -1
  42. package/dist/cjs/verdocs-templates-list.cjs.entry.js +1 -1
  43. package/dist/cjs/verdocs-toggle.cjs.entry.js +1 -1
  44. package/dist/cjs/verdocs-view.cjs.entry.js +2 -2
  45. package/dist/cjs/verdocs-web-sdk.cjs.js +2 -2
  46. package/dist/collection/components/controls/verdocs-portal/verdocs-portal.js +18 -34
  47. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +15 -13
  48. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +2 -47
  49. package/dist/collection/components/fields/verdocs-field-initial/verdocs-field-initial.js +2 -1
  50. package/dist/collection/components/fields/verdocs-field-signature/verdocs-field-signature.js +3 -2
  51. package/dist/collection/utils/TemplateFieldStore.js +0 -1
  52. package/dist/collection/utils/utils.js +1 -18
  53. package/dist/components/TemplateFieldStore.js +0 -1
  54. package/dist/components/utils.js +1 -18
  55. package/dist/components/verdocs-field-attachment2.js +2 -47
  56. package/dist/components/verdocs-field-initial2.js +2 -1
  57. package/dist/components/verdocs-field-signature2.js +3 -2
  58. package/dist/components/verdocs-portal2.js +19 -18
  59. package/dist/components/verdocs-sign.js +15 -13
  60. package/dist/esm/{EnvelopeStore-822889cb.js → EnvelopeStore-27e21856.js} +1 -1
  61. package/dist/esm/{TemplateFieldStore-6113ab4b.js → TemplateFieldStore-4a2e5b85.js} +1 -2
  62. package/dist/esm/{TemplateRoleStore-054bd7ed.js → TemplateRoleStore-6d1bec83.js} +1 -1
  63. package/dist/esm/{TemplateStore-83674f6d.js → TemplateStore-cd995a27.js} +3 -3
  64. package/dist/esm/{index-d3ac9650.js → index-a68c7262.js} +1 -4
  65. package/dist/esm/{index-04235019.js → index-a971a584.js} +1 -1
  66. package/dist/esm/loader.js +3 -3
  67. package/dist/esm/{utils-467fcc6a.js → utils-7b0b77d8.js} +1 -18
  68. package/dist/esm/verdocs-auth.entry.js +1 -1
  69. package/dist/esm/verdocs-build.entry.js +5 -5
  70. package/dist/esm/verdocs-button-panel_2.entry.js +1 -1
  71. package/dist/esm/verdocs-button_2.entry.js +1 -1
  72. package/dist/esm/verdocs-checkbox_5.entry.js +5 -5
  73. package/dist/esm/verdocs-contact-picker_2.entry.js +2 -2
  74. package/dist/esm/verdocs-dialog.entry.js +1 -1
  75. package/dist/esm/verdocs-dropdown.entry.js +1 -1
  76. package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
  77. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +3 -3
  78. package/dist/esm/verdocs-envelope-sidebar.entry.js +3 -3
  79. package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
  80. package/dist/esm/verdocs-field-attachment_13.entry.js +11 -53
  81. package/dist/esm/verdocs-field-payment.entry.js +4 -4
  82. package/dist/esm/verdocs-file-chooser_2.entry.js +1 -1
  83. package/dist/esm/verdocs-kba-dialog.entry.js +1 -1
  84. package/dist/esm/verdocs-loader.entry.js +1 -1
  85. package/dist/esm/verdocs-ok-dialog.entry.js +1 -1
  86. package/dist/esm/verdocs-organization-card_2.entry.js +19 -17
  87. package/dist/esm/verdocs-pagination_2.entry.js +2 -2
  88. package/dist/esm/verdocs-preview_9.entry.js +6 -6
  89. package/dist/esm/verdocs-quick-functions.entry.js +1 -1
  90. package/dist/esm/verdocs-radio-button_3.entry.js +5 -5
  91. package/dist/esm/verdocs-search-box.entry.js +1 -1
  92. package/dist/esm/verdocs-search-tabs.entry.js +1 -1
  93. package/dist/esm/verdocs-sign.entry.js +18 -16
  94. package/dist/esm/verdocs-spinner.entry.js +1 -1
  95. package/dist/esm/verdocs-status-indicator.entry.js +1 -1
  96. package/dist/esm/verdocs-table.entry.js +1 -1
  97. package/dist/esm/verdocs-template-card.entry.js +1 -1
  98. package/dist/esm/verdocs-template-document-page_2.entry.js +4 -4
  99. package/dist/esm/verdocs-template-star.entry.js +1 -1
  100. package/dist/esm/verdocs-template-tags.entry.js +1 -1
  101. package/dist/esm/verdocs-templates-list.entry.js +1 -1
  102. package/dist/esm/verdocs-toggle.entry.js +1 -1
  103. package/dist/esm/verdocs-view.entry.js +2 -2
  104. package/dist/esm/verdocs-web-sdk.js +3 -3
  105. package/dist/esm-es5/{EnvelopeStore-822889cb.js → EnvelopeStore-27e21856.js} +1 -1
  106. package/dist/esm-es5/{TemplateFieldStore-6113ab4b.js → TemplateFieldStore-4a2e5b85.js} +1 -1
  107. package/dist/esm-es5/{TemplateRoleStore-054bd7ed.js → TemplateRoleStore-6d1bec83.js} +1 -1
  108. package/dist/esm-es5/{TemplateStore-83674f6d.js → TemplateStore-cd995a27.js} +1 -1
  109. package/dist/esm-es5/index-a68c7262.js +1 -0
  110. package/dist/esm-es5/{index-04235019.js → index-a971a584.js} +1 -1
  111. package/dist/esm-es5/loader.js +1 -1
  112. package/dist/esm-es5/{utils-467fcc6a.js → utils-7b0b77d8.js} +1 -1
  113. package/dist/esm-es5/verdocs-auth.entry.js +1 -1
  114. package/dist/esm-es5/verdocs-build.entry.js +1 -1
  115. package/dist/esm-es5/verdocs-button-panel_2.entry.js +1 -1
  116. package/dist/esm-es5/verdocs-button_2.entry.js +1 -1
  117. package/dist/esm-es5/verdocs-checkbox_5.entry.js +1 -1
  118. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  119. package/dist/esm-es5/verdocs-dialog.entry.js +1 -1
  120. package/dist/esm-es5/verdocs-dropdown.entry.js +1 -1
  121. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  122. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  123. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  124. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  125. package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
  126. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  127. package/dist/esm-es5/verdocs-file-chooser_2.entry.js +1 -1
  128. package/dist/esm-es5/verdocs-kba-dialog.entry.js +1 -1
  129. package/dist/esm-es5/verdocs-loader.entry.js +1 -1
  130. package/dist/esm-es5/verdocs-ok-dialog.entry.js +1 -1
  131. package/dist/esm-es5/verdocs-organization-card_2.entry.js +1 -1
  132. package/dist/esm-es5/verdocs-pagination_2.entry.js +1 -1
  133. package/dist/esm-es5/verdocs-preview_9.entry.js +1 -1
  134. package/dist/esm-es5/verdocs-quick-functions.entry.js +1 -1
  135. package/dist/esm-es5/verdocs-radio-button_3.entry.js +1 -1
  136. package/dist/esm-es5/verdocs-search-box.entry.js +1 -1
  137. package/dist/esm-es5/verdocs-search-tabs.entry.js +1 -1
  138. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  139. package/dist/esm-es5/verdocs-spinner.entry.js +1 -1
  140. package/dist/esm-es5/verdocs-status-indicator.entry.js +1 -1
  141. package/dist/esm-es5/verdocs-table.entry.js +1 -1
  142. package/dist/esm-es5/verdocs-template-card.entry.js +1 -1
  143. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  144. package/dist/esm-es5/verdocs-template-star.entry.js +1 -1
  145. package/dist/esm-es5/verdocs-template-tags.entry.js +1 -1
  146. package/dist/esm-es5/verdocs-templates-list.entry.js +1 -1
  147. package/dist/esm-es5/verdocs-toggle.entry.js +1 -1
  148. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  149. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  150. package/dist/types/components/controls/verdocs-portal/verdocs-portal.d.ts +0 -4
  151. package/dist/types/components/embeds/verdocs-sign/verdocs-sign.d.ts +1 -1
  152. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +0 -4
  153. package/dist/types/components.d.ts +0 -8
  154. package/dist/verdocs-web-sdk/{p-5c614b25.system.entry.js → p-00828859.system.entry.js} +1 -1
  155. package/dist/verdocs-web-sdk/{p-7f3d895b.entry.js → p-04e53cb3.entry.js} +1 -1
  156. package/dist/verdocs-web-sdk/{p-35e7051c.system.entry.js → p-0833c8d4.system.entry.js} +1 -1
  157. package/dist/verdocs-web-sdk/{p-b62aeeda.entry.js → p-08d272d2.entry.js} +1 -1
  158. package/dist/verdocs-web-sdk/{p-5473bbd9.entry.js → p-0b061610.entry.js} +1 -1
  159. package/dist/verdocs-web-sdk/{p-bb73f4d8.system.entry.js → p-0eeaf11d.system.entry.js} +1 -1
  160. package/dist/verdocs-web-sdk/{p-c86983bc.js → p-1289c3d5.js} +1 -1
  161. package/dist/verdocs-web-sdk/{p-56adb753.entry.js → p-1500a477.entry.js} +1 -1
  162. package/dist/verdocs-web-sdk/{p-e41fa435.system.entry.js → p-17930b47.system.entry.js} +1 -1
  163. package/dist/verdocs-web-sdk/{p-69176f56.entry.js → p-18cdd0d8.entry.js} +1 -1
  164. package/dist/verdocs-web-sdk/{p-95aa88de.system.entry.js → p-18dd4952.system.entry.js} +1 -1
  165. package/dist/verdocs-web-sdk/{p-d1a1ffaf.entry.js → p-233c47c9.entry.js} +1 -1
  166. package/dist/verdocs-web-sdk/p-267df026.system.js +1 -0
  167. package/dist/verdocs-web-sdk/{p-574853d0.entry.js → p-27d94737.entry.js} +1 -1
  168. package/dist/verdocs-web-sdk/{p-57ce9e5a.system.entry.js → p-281ce405.system.entry.js} +1 -1
  169. package/dist/verdocs-web-sdk/{p-921a282f.system.entry.js → p-286a97a7.system.entry.js} +1 -1
  170. package/dist/verdocs-web-sdk/{p-25c7a632.entry.js → p-2a0d1b6e.entry.js} +1 -1
  171. package/dist/verdocs-web-sdk/{p-40880f27.entry.js → p-2c2a9483.entry.js} +1 -1
  172. package/dist/verdocs-web-sdk/{p-808697ac.system.js → p-2cf67caa.system.js} +1 -1
  173. package/dist/verdocs-web-sdk/{p-96e26aea.entry.js → p-2f191d39.entry.js} +1 -1
  174. package/dist/verdocs-web-sdk/{p-7a43f055.entry.js → p-3514f40b.entry.js} +1 -1
  175. package/dist/verdocs-web-sdk/{p-e339ebc4.system.js → p-38778553.system.js} +1 -1
  176. package/dist/verdocs-web-sdk/{p-f5cac080.entry.js → p-38ab701b.entry.js} +1 -1
  177. package/dist/verdocs-web-sdk/{p-7ca7ef58.system.entry.js → p-42a3802e.system.entry.js} +1 -1
  178. package/dist/verdocs-web-sdk/{p-89ccf031.js → p-4372c294.js} +1 -1
  179. package/dist/verdocs-web-sdk/{p-12264105.system.entry.js → p-4475c970.system.entry.js} +1 -1
  180. package/dist/verdocs-web-sdk/{p-c0d3c96f.entry.js → p-44dad7e0.entry.js} +1 -1
  181. package/dist/verdocs-web-sdk/{p-916a38e8.system.entry.js → p-44ef8fc5.system.entry.js} +1 -1
  182. package/dist/verdocs-web-sdk/{p-e744e6c8.system.entry.js → p-4bf58d00.system.entry.js} +1 -1
  183. package/dist/verdocs-web-sdk/{p-bd596213.system.entry.js → p-4dcd1005.system.entry.js} +1 -1
  184. package/dist/verdocs-web-sdk/p-5207d80c.js +2 -0
  185. package/dist/verdocs-web-sdk/{p-e5a426c4.system.js → p-59073837.system.js} +2 -2
  186. package/dist/verdocs-web-sdk/{p-abeb53f5.entry.js → p-5b511018.entry.js} +1 -1
  187. package/dist/verdocs-web-sdk/{p-5a4950f1.system.entry.js → p-5c0c042d.system.entry.js} +1 -1
  188. package/dist/verdocs-web-sdk/{p-4275b4b5.system.entry.js → p-5c50ce79.system.entry.js} +1 -1
  189. package/dist/verdocs-web-sdk/{p-0f6f5c51.system.entry.js → p-6589d38a.system.entry.js} +1 -1
  190. package/dist/verdocs-web-sdk/{p-124d8ec6.system.entry.js → p-6bcdfa4f.system.entry.js} +1 -1
  191. package/dist/verdocs-web-sdk/{p-0085540e.system.js → p-701b9cbd.system.js} +1 -1
  192. package/dist/verdocs-web-sdk/p-73f2e118.entry.js +1 -0
  193. package/dist/verdocs-web-sdk/p-7778c24f.entry.js +1 -0
  194. package/dist/verdocs-web-sdk/{p-4de823b1.entry.js → p-7f52a1c4.entry.js} +1 -1
  195. package/dist/verdocs-web-sdk/{p-6ce8381c.js → p-83317d11.js} +1 -1
  196. package/dist/verdocs-web-sdk/{p-9a8c90f4.system.js → p-86ccc8c9.system.js} +1 -1
  197. package/dist/verdocs-web-sdk/{p-2ac3b1ce.entry.js → p-8b74ca77.entry.js} +1 -1
  198. package/dist/verdocs-web-sdk/{p-9034d0c7.entry.js → p-94852d77.entry.js} +1 -1
  199. package/dist/verdocs-web-sdk/{p-9df7c5b4.entry.js → p-965631d9.entry.js} +1 -1
  200. package/dist/verdocs-web-sdk/p-9753694a.entry.js +1 -0
  201. package/dist/verdocs-web-sdk/{p-8efd4efc.entry.js → p-9ad111fc.entry.js} +1 -1
  202. package/dist/verdocs-web-sdk/{p-17c111cb.system.entry.js → p-9b3bebba.system.entry.js} +1 -1
  203. package/dist/verdocs-web-sdk/{p-ef79cbed.entry.js → p-9cde1db5.entry.js} +1 -1
  204. package/dist/verdocs-web-sdk/{p-5041f47d.system.entry.js → p-9ddaf09d.system.entry.js} +1 -1
  205. package/dist/verdocs-web-sdk/{p-d812d374.js → p-9e371467.js} +1 -1
  206. package/dist/verdocs-web-sdk/p-a1bff034.system.js +1 -0
  207. package/dist/verdocs-web-sdk/{p-12a2b8bb.system.entry.js → p-a324eeca.system.entry.js} +1 -1
  208. package/dist/verdocs-web-sdk/{p-b2cf2cce.system.entry.js → p-a4a60476.system.entry.js} +1 -1
  209. package/dist/verdocs-web-sdk/{p-877e9b3f.system.entry.js → p-a764d4cd.system.entry.js} +1 -1
  210. package/dist/verdocs-web-sdk/{p-87c0f26b.entry.js → p-a87190ad.entry.js} +1 -1
  211. package/dist/verdocs-web-sdk/{p-a5875fbf.entry.js → p-aad40b41.entry.js} +1 -1
  212. package/dist/verdocs-web-sdk/{p-3e4d4e20.system.entry.js → p-b055bec1.system.entry.js} +1 -1
  213. package/dist/verdocs-web-sdk/{p-e66e59d7.system.entry.js → p-b426caa8.system.entry.js} +1 -1
  214. package/dist/verdocs-web-sdk/{p-00db42e2.system.entry.js → p-b743f246.system.entry.js} +1 -1
  215. package/dist/verdocs-web-sdk/{p-b804950e.entry.js → p-b7a0a567.entry.js} +1 -1
  216. package/dist/verdocs-web-sdk/{p-04b24f21.entry.js → p-ba8fc3fc.entry.js} +1 -1
  217. package/dist/verdocs-web-sdk/{p-218a16f9.system.entry.js → p-bb315de2.system.entry.js} +1 -1
  218. package/dist/verdocs-web-sdk/{p-15aa84ea.system.entry.js → p-bbdc81d5.system.entry.js} +1 -1
  219. package/dist/verdocs-web-sdk/{p-252a42c7.system.entry.js → p-be2431ed.system.entry.js} +1 -1
  220. package/dist/verdocs-web-sdk/p-c74b4f50.entry.js +1 -0
  221. package/dist/verdocs-web-sdk/{p-db46606c.entry.js → p-c8e439cc.entry.js} +1 -1
  222. package/dist/verdocs-web-sdk/{p-a0849dc6.system.entry.js → p-c9b00253.system.entry.js} +1 -1
  223. package/dist/verdocs-web-sdk/{p-2a43465a.entry.js → p-ce085249.entry.js} +1 -1
  224. package/dist/verdocs-web-sdk/{p-b7030c25.system.entry.js → p-cea2766d.system.entry.js} +1 -1
  225. package/dist/verdocs-web-sdk/{p-5180a854.system.js → p-d3b5c957.system.js} +1 -1
  226. package/dist/verdocs-web-sdk/{p-59fa9d51.entry.js → p-d55b1490.entry.js} +1 -1
  227. package/dist/verdocs-web-sdk/{p-679639b1.system.entry.js → p-d754b3d1.system.entry.js} +1 -1
  228. package/dist/verdocs-web-sdk/{p-a9a20b20.entry.js → p-d80305c3.entry.js} +1 -1
  229. package/dist/verdocs-web-sdk/{p-78d37e83.system.entry.js → p-d971f8f0.system.entry.js} +1 -1
  230. package/dist/verdocs-web-sdk/p-d9e1e5dc.system.entry.js +1 -0
  231. package/dist/verdocs-web-sdk/{p-048107b2.entry.js → p-dc307e81.entry.js} +1 -1
  232. package/dist/verdocs-web-sdk/{p-80820f5a.entry.js → p-dc4a5bc3.entry.js} +1 -1
  233. package/dist/verdocs-web-sdk/p-ddb7eb02.system.entry.js +1 -0
  234. package/dist/verdocs-web-sdk/{p-c6d79a0d.entry.js → p-de1f949a.entry.js} +1 -1
  235. package/dist/verdocs-web-sdk/{p-2819b713.system.entry.js → p-e331a1ad.system.entry.js} +1 -1
  236. package/dist/verdocs-web-sdk/{p-a0839ea6.system.entry.js → p-e8dd697f.system.entry.js} +1 -1
  237. package/dist/verdocs-web-sdk/{p-f4688962.js → p-ed199c97.js} +1 -1
  238. package/dist/verdocs-web-sdk/{p-58071af4.system.entry.js → p-f1a49237.system.entry.js} +1 -1
  239. package/dist/verdocs-web-sdk/p-ff64786a.js +1 -0
  240. package/dist/verdocs-web-sdk/{p-6ecdfe5f.entry.js → p-ffbfc227.entry.js} +1 -1
  241. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  242. package/dist/verdocs-web-sdk/verdocs-web-sdk.js +1 -1
  243. package/package.json +2 -2
  244. package/dist/custom-elements.json +0 -2009
  245. package/dist/esm-es5/index-d3ac9650.js +0 -1
  246. package/dist/verdocs-web-sdk/p-1cc7b032.entry.js +0 -1
  247. package/dist/verdocs-web-sdk/p-34325ad6.system.js +0 -1
  248. package/dist/verdocs-web-sdk/p-60e4721d.entry.js +0 -1
  249. package/dist/verdocs-web-sdk/p-67a42e2b.js +0 -2
  250. package/dist/verdocs-web-sdk/p-6ac15c93.system.entry.js +0 -1
  251. package/dist/verdocs-web-sdk/p-a801699f.system.entry.js +0 -1
  252. package/dist/verdocs-web-sdk/p-b241b339.entry.js +0 -1
  253. package/dist/verdocs-web-sdk/p-d2ad8536.entry.js +0 -1
  254. package/dist/verdocs-web-sdk/p-f0386b87.system.js +0 -1
  255. package/dist/verdocs-web-sdk/p-fdf18146.js +0 -1
@@ -24,7 +24,6 @@ export class VerdocsPortal {
24
24
  this.moved = false;
25
25
  this.anchor = undefined;
26
26
  this.voffset = 0;
27
- this.align = 'left';
28
27
  }
29
28
  handleScroll() {
30
29
  this.calculatePosition();
@@ -39,24 +38,33 @@ export class VerdocsPortal {
39
38
  }
40
39
  }
41
40
  calculateLeft() {
41
+ var _a;
42
42
  const anchorEl = document.getElementById(this.anchor);
43
43
  if (!anchorEl)
44
44
  return 0;
45
45
  const anchorRect = anchorEl.getBoundingClientRect();
46
- if (this.align === 'left') {
47
- return Math.max(anchorRect.left, 0);
48
- }
49
- if (this.align === 'right') {
50
- return Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
51
- }
52
- return Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);
46
+ const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;
47
+ const leftOfPopup = Math.max(anchorRect.left, 0);
48
+ // Old centering logic, disabled temporarily
49
+ // Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);
50
+ // Old right-align logic, disabled temporarily
51
+ // Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
52
+ const popupWidth = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 400;
53
+ const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;
54
+ console.log('Portal', { leftOfPopup, offRightEdge, popupWidth, rightOfViewportWithScroll });
55
+ return offRightEdge ? leftOfPopup - popupWidth : leftOfPopup;
53
56
  }
54
57
  calculateTop() {
58
+ var _a;
55
59
  const anchorEl = document.getElementById(this.anchor);
56
60
  if (!anchorEl)
57
61
  return 0;
58
62
  const anchorRect = anchorEl.getBoundingClientRect();
59
- return anchorRect.bottom + this.voffset + document.documentElement.scrollTop;
63
+ const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;
64
+ const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;
65
+ const popupHeight = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 300;
66
+ const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;
67
+ return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;
60
68
  }
61
69
  calculatePosition() {
62
70
  this.portal.style.top = `${this.calculateTop()}px`;
@@ -71,12 +79,6 @@ export class VerdocsPortal {
71
79
  this.portal.style.zIndex = Z_INDEX;
72
80
  this.portal.style.position = 'absolute';
73
81
  document.body.append(this.portal);
74
- // function debounce(method, delay) {
75
- // clearTimeout(method._tId);
76
- // method._tId = setTimeout(function () {
77
- // method();
78
- // }, delay);
79
- // }
80
82
  }
81
83
  componentDidLoad() {
82
84
  this.portal.appendChild(this.element);
@@ -86,7 +88,7 @@ export class VerdocsPortal {
86
88
  this.moved ? this.portal.remove() : (this.moved = true);
87
89
  }
88
90
  render() {
89
- return (h(Host, { key: '9929603a3ff04c0d2315b082cc23ec41394fad74', ref: el => (this.element = el) }, h("slot", { key: 'cbde23964359e4a9bbe7f41bd3ed13576c159aa5' })));
91
+ return (h(Host, { key: 'a69b388835d23116fdab01d461c2a6c6c1cd3dd8', ref: el => (this.element = el) }, h("slot", { key: '93b7a1bfae1c721b85291270aabf1953cb5d72ea' })));
90
92
  }
91
93
  static get is() { return "verdocs-portal"; }
92
94
  static get originalStyleUrls() {
@@ -135,24 +137,6 @@ export class VerdocsPortal {
135
137
  "attribute": "voffset",
136
138
  "reflect": false,
137
139
  "defaultValue": "0"
138
- },
139
- "align": {
140
- "type": "string",
141
- "mutable": false,
142
- "complexType": {
143
- "original": "'left' | 'center' | 'right'",
144
- "resolved": "\"center\" | \"left\" | \"right\"",
145
- "references": {}
146
- },
147
- "required": false,
148
- "optional": false,
149
- "docs": {
150
- "tags": [],
151
- "text": "Horizontal alignment."
152
- },
153
- "attribute": "align",
154
- "reflect": false,
155
- "defaultValue": "'left'"
156
140
  }
157
141
  };
158
142
  }
@@ -67,7 +67,7 @@ export class VerdocsSign {
67
67
  this.endpoint = new VerdocsEndpoint({ sessionType: 'signing' });
68
68
  }
69
69
  }
70
- async componentWillRender() {
70
+ async componentDidLoad() {
71
71
  var _a, _b, _c, _d, _e, _f, _g;
72
72
  if (!this.envelopeId) {
73
73
  (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));
@@ -83,16 +83,13 @@ export class VerdocsSign {
83
83
  }
84
84
  try {
85
85
  console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
86
- const { envelope, access_token } = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
87
- const recipient = envelope.recipients.find(r => r.role_name === this.roleId);
88
- console.log(`[SIGN] Loaded signing session`, envelope, recipient, access_token);
86
+ const { envelope, recipient } = await startSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
87
+ console.log(`[SIGN] Loaded signing session`, envelope, recipient);
89
88
  this.recipient = recipient;
90
- console.log('[SIGN] We are recipient', this.recipient);
91
- this.endpoint.setToken(access_token);
89
+ this.envelope = envelope;
92
90
  if (this.agreed) {
93
91
  this.nextButtonLabel = 'Next';
94
92
  }
95
- this.envelope = envelope;
96
93
  createTemplateFieldStoreFromEnvelope(this.envelope);
97
94
  this.sortedRecipients = [...this.envelope.recipients];
98
95
  this.sortedRecipients.sort((a, b) => {
@@ -106,10 +103,9 @@ export class VerdocsSign {
106
103
  if (this.recipientIndex > -1) {
107
104
  this.recipient = this.sortedRecipients[this.recipientIndex];
108
105
  this.agreed = this.recipient.agreed;
109
- console.log('[SIGN] Found our recipient in the envelope', this.recipientIndex, this.recipient);
110
106
  }
111
107
  else {
112
- console.log('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);
108
+ console.warn('[SIGN] Could not find our recipient record', this.roleId, this.sortedRecipients);
113
109
  }
114
110
  this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);
115
111
  this.checkRecipientFields();
@@ -192,6 +188,7 @@ export class VerdocsSign {
192
188
  this.getRecipientFields().forEach(oldField => {
193
189
  if (oldField.name === fieldName) {
194
190
  oldField.value = updateResult.value;
191
+ oldField.settings = updateResult.settings;
195
192
  updateDocumentFieldValue(oldField);
196
193
  this.checkRecipientFields();
197
194
  }
@@ -284,8 +281,9 @@ export class VerdocsSign {
284
281
  return value !== '';
285
282
  }
286
283
  case 'signature':
284
+ return value === 'signed';
287
285
  case 'initial':
288
- return value !== '';
286
+ return value === 'initialed';
289
287
  // Timestamp fields get automatically filled when the envelope is submitted.
290
288
  case 'timestamp':
291
289
  return true;
@@ -441,6 +439,7 @@ export class VerdocsSign {
441
439
  // NOTE: We don't filter on pageNumber here because we need the position in the
442
440
  // entire list to set the tabIndex.
443
441
  const recipientFields = this.getSortedFillableFields();
442
+ console.log('Recipient fields', recipientFields);
444
443
  // this.getRecipientFields().filter(field => field.page === pageInfo.pageNumber);
445
444
  // First render the fields for the signer
446
445
  // Also show field placeholders for other signers who have yet to act
@@ -450,6 +449,9 @@ export class VerdocsSign {
450
449
  if (field.page !== pageInfo.pageNumber) {
451
450
  return;
452
451
  }
452
+ if (field.type === 'signature') {
453
+ console.log('rendering', field);
454
+ }
453
455
  const el = renderDocumentField(field, pageInfo, { disabled: false, editable: false, draggable: false, done: this.isDone }, tabIndex);
454
456
  if (!el) {
455
457
  return;
@@ -492,7 +494,7 @@ export class VerdocsSign {
492
494
  this.isDone = true;
493
495
  } })), this.submitting && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null)))));
494
496
  }
495
- return (h(Host, { class: { agreed: this.agreed } }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), this.agreed && !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), this.agreed && (h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })))), h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
497
+ return (h(Host, { class: { agreed: this.agreed } }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name), h("div", { style: { flex: '1' } }), this.agreed && !this.finishLater && h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), h("div", { style: { marginLeft: '10px' } }), this.agreed && (h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) })))), this.agreed && (h("div", { class: "document", style: { paddingTop: '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
496
498
  const pageNumbers = integerSequence(1, envelopeDocument.pages);
497
499
  return (h(Fragment, null, pageNumbers.map(pageNumber => {
498
500
  // In signing mode we show the original template page with all the recipient fields so we can show source formatting and
@@ -508,7 +510,7 @@ export class VerdocsSign {
508
510
  { name: 'controls', type: 'div' },
509
511
  ] }));
510
512
  })));
511
- })), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
513
+ }))), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
512
514
  this.showDone = false;
513
515
  this.isDone = true;
514
516
  } })), this.showLoadError && (h("verdocs-ok-dialog", { heading: "Error Loading Document", message: `Please check with the sender to ensure it has not been canceled, and try again later.`, buttonLabel: "Retry", onNext: () => {
@@ -531,7 +533,7 @@ export class VerdocsSign {
531
533
  return {
532
534
  "endpoint": {
533
535
  "type": "unknown",
534
- "mutable": false,
536
+ "mutable": true,
535
537
  "complexType": {
536
538
  "original": "VerdocsEndpoint",
537
539
  "resolved": "VerdocsEndpoint",
@@ -1,7 +1,6 @@
1
- import interact from "interactjs";
2
- import { getRGBA, VerdocsEndpoint, updateField } from "@verdocs/js-sdk";
1
+ import { getRGBA, VerdocsEndpoint } from "@verdocs/js-sdk";
3
2
  import { h, Host, Fragment } from "@stencil/core";
4
- import { getTemplateFieldStore, updateStoreField } from "../../../utils/TemplateFieldStore";
3
+ import { getTemplateFieldStore } from "../../../utils/TemplateFieldStore";
5
4
  import { getRoleIndex, getTemplateRoleStore } from "../../../utils/TemplateRoleStore";
6
5
  import { SettingsIcon } from "../../../utils/Icons";
7
6
  const PaperclipIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13" /></svg>`;
@@ -45,50 +44,6 @@ export class VerdocsFieldAttachment {
45
44
  this.fieldStore = getTemplateFieldStore(this.templateid);
46
45
  this.roleStore = getTemplateRoleStore(this.templateid);
47
46
  }
48
- componentDidRender() {
49
- interact.dynamicDrop(true);
50
- if (this.editable) {
51
- interact(this.el).resizable({
52
- edges: { top: false, bottom: false, left: true, right: true },
53
- listeners: {
54
- start: this.handleResizeStart.bind(this),
55
- move: this.handleResize.bind(this),
56
- end: this.handleResizeEnd.bind(this),
57
- },
58
- });
59
- }
60
- }
61
- handleResizeStart(e) {
62
- e.preventDefault();
63
- e.stopPropagation();
64
- }
65
- handleResize(e) {
66
- let { x = 0, y = 0, h = 0 } = e.target.dataset;
67
- let { width, height } = e.rect;
68
- x = (parseFloat(x) || 0) + e.deltaRect.left;
69
- y = (parseFloat(y) || 0) + e.deltaRect.top;
70
- h = (parseFloat(h) || 0) + e.deltaRect.height;
71
- width /= this.xscale;
72
- height /= this.yscale;
73
- Object.assign(e.target.style, {
74
- width: `${width}px`,
75
- height: `${height}px`,
76
- transform: `scale(${this.xscale}, ${this.yscale}); translate(${x}px, ${y + h}px)`,
77
- });
78
- Object.assign(e.target.dataset, { x, y, h });
79
- }
80
- handleResizeEnd(e) {
81
- const width = Math.round(parseFloat(e.target.style.width));
82
- const height = Math.round(parseFloat(e.target.style.height));
83
- updateField(this.endpoint, this.templateid, this.fieldname, { width, height })
84
- .then(field => {
85
- var _a;
86
- updateStoreField(this.fieldStore, this.fieldname, field);
87
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, field });
88
- Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
89
- })
90
- .catch(e => console.log('Field update failed', e));
91
- }
92
47
  handleShow() {
93
48
  this.dialog = document.createElement('verdocs-upload-dialog');
94
49
  this.dialog.open = true;
@@ -75,11 +75,12 @@ export class VerdocsFieldInitial {
75
75
  const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
76
76
  const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
77
77
  const { required = false, role_name = '', value = '', label = '' } = field || {};
78
+ const { base64 } = field.settings || {};
78
79
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
79
80
  if (done) {
80
81
  return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Initial" }));
81
82
  }
82
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), value ? h("img", { src: value, alt: "Initial" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Initial"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
83
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Initial" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Initial"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
83
84
  e.stopPropagation();
84
85
  this.showingProperties = !this.showingProperties;
85
86
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -76,11 +76,12 @@ export class VerdocsFieldSignature {
76
76
  const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
77
77
  const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
78
78
  const { required = false, role_name = '', value = '', label = '' } = field || {};
79
+ const { base64 } = field.settings || {};
79
80
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
80
81
  if (done) {
81
- return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Signature" }));
82
+ return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "Signature" }));
82
83
  }
83
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), value ? h("img", { src: value, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
84
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
84
85
  e.stopPropagation();
85
86
  this.showingProperties = !this.showingProperties;
86
87
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
@@ -19,7 +19,6 @@ export const createTemplateFieldStoreFromEnvelope = (envelope) => {
19
19
  templateFieldStores[envelope.template_id] = store;
20
20
  }
21
21
  else {
22
- console.log('Resetting field store for envelope', envelope.id, envelope.template_id);
23
22
  store.reset();
24
23
  }
25
24
  store.set('fields', [...envelope.fields]);
@@ -57,32 +57,15 @@ export const defaultHeight = (type) => {
57
57
  };
58
58
  export const setControlStyles = (el, field, xScale, yScale) => {
59
59
  let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
60
- // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
61
- // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
62
- // if (optionSettings) {
63
- // x = optionSettings.x ?? x;
64
- // y = optionSettings.y ?? y;
65
- // width = optionSettings.width ?? width;
66
- // height = optionSettings.height ?? height;
67
- // }
68
60
  el.style.width = `${width}px`;
69
61
  el.style.height = `${height}px`;
70
62
  el.style.position = 'absolute';
71
63
  el.style.left = `${rescale(xScale, x)}px`;
72
64
  el.style.bottom = `${rescale(yScale, y)}px`;
73
65
  el.style.transform = `scale(${xScale}, ${yScale})`;
74
- // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);
75
66
  };
76
67
  export const getControlStyles = (field, xScale, yScale) => {
77
68
  let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
78
- // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
79
- // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
80
- // if (optionSettings) {
81
- // x = optionSettings.x ?? x;
82
- // y = optionSettings.y ?? y;
83
- // width = optionSettings.width ?? width;
84
- // height = optionSettings.height ?? height;
85
- // }
86
69
  return {
87
70
  width: `${width}px`,
88
71
  height: `${height}px`,
@@ -116,7 +99,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
116
99
  console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
117
100
  return;
118
101
  }
119
- console.log('[renderDocumentField] Rendering field', field);
102
+ // console.log('[renderDocumentField] Rendering field', field);
120
103
  switch (field.type) {
121
104
  case 'attachment':
122
105
  case 'date':
@@ -20,7 +20,6 @@ const createTemplateFieldStoreFromEnvelope = (envelope) => {
20
20
  templateFieldStores[envelope.template_id] = store;
21
21
  }
22
22
  else {
23
- console.log('Resetting field store for envelope', envelope.id, envelope.template_id);
24
23
  store.reset();
25
24
  }
26
25
  store.set('fields', [...envelope.fields]);
@@ -78,32 +78,15 @@ const defaultHeight = (type) => {
78
78
  };
79
79
  const setControlStyles = (el, field, xScale, yScale) => {
80
80
  let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
81
- // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
82
- // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
83
- // if (optionSettings) {
84
- // x = optionSettings.x ?? x;
85
- // y = optionSettings.y ?? y;
86
- // width = optionSettings.width ?? width;
87
- // height = optionSettings.height ?? height;
88
- // }
89
81
  el.style.width = `${width}px`;
90
82
  el.style.height = `${height}px`;
91
83
  el.style.position = 'absolute';
92
84
  el.style.left = `${rescale(xScale, x)}px`;
93
85
  el.style.bottom = `${rescale(yScale, y)}px`;
94
86
  el.style.transform = `scale(${xScale}, ${yScale})`;
95
- // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);
96
87
  };
97
88
  const getControlStyles = (field, xScale, yScale) => {
98
89
  let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
99
- // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
100
- // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
101
- // if (optionSettings) {
102
- // x = optionSettings.x ?? x;
103
- // y = optionSettings.y ?? y;
104
- // width = optionSettings.width ?? width;
105
- // height = optionSettings.height ?? height;
106
- // }
107
90
  return {
108
91
  width: `${width}px`,
109
92
  height: `${height}px`,
@@ -137,7 +120,7 @@ const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1) => {
137
120
  console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
138
121
  return;
139
122
  }
140
- console.log('[renderDocumentField] Rendering field', field);
123
+ // console.log('[renderDocumentField] Rendering field', field);
141
124
  switch (field.type) {
142
125
  case 'attachment':
143
126
  case 'date':
@@ -1,7 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
2
- import { i as interact } from './interact.min.js';
3
- import { VerdocsEndpoint, updateField, getRGBA } from '@verdocs/js-sdk';
4
- import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore.js';
2
+ import { VerdocsEndpoint, getRGBA } from '@verdocs/js-sdk';
3
+ import { g as getTemplateFieldStore } from './TemplateFieldStore.js';
5
4
  import { g as getTemplateRoleStore, a as getRoleIndex } from './TemplateRoleStore.js';
6
5
  import { S as SettingsIcon } from './Icons.js';
7
6
  import { d as defineCustomElement$9 } from './verdocs-button2.js';
@@ -60,50 +59,6 @@ const VerdocsFieldAttachment = /*@__PURE__*/ proxyCustomElement(class VerdocsFie
60
59
  this.fieldStore = getTemplateFieldStore(this.templateid);
61
60
  this.roleStore = getTemplateRoleStore(this.templateid);
62
61
  }
63
- componentDidRender() {
64
- interact.dynamicDrop(true);
65
- if (this.editable) {
66
- interact(this.el).resizable({
67
- edges: { top: false, bottom: false, left: true, right: true },
68
- listeners: {
69
- start: this.handleResizeStart.bind(this),
70
- move: this.handleResize.bind(this),
71
- end: this.handleResizeEnd.bind(this),
72
- },
73
- });
74
- }
75
- }
76
- handleResizeStart(e) {
77
- e.preventDefault();
78
- e.stopPropagation();
79
- }
80
- handleResize(e) {
81
- let { x = 0, y = 0, h = 0 } = e.target.dataset;
82
- let { width, height } = e.rect;
83
- x = (parseFloat(x) || 0) + e.deltaRect.left;
84
- y = (parseFloat(y) || 0) + e.deltaRect.top;
85
- h = (parseFloat(h) || 0) + e.deltaRect.height;
86
- width /= this.xscale;
87
- height /= this.yscale;
88
- Object.assign(e.target.style, {
89
- width: `${width}px`,
90
- height: `${height}px`,
91
- transform: `scale(${this.xscale}, ${this.yscale}); translate(${x}px, ${y + h}px)`,
92
- });
93
- Object.assign(e.target.dataset, { x, y, h });
94
- }
95
- handleResizeEnd(e) {
96
- const width = Math.round(parseFloat(e.target.style.width));
97
- const height = Math.round(parseFloat(e.target.style.height));
98
- updateField(this.endpoint, this.templateid, this.fieldname, { width, height })
99
- .then(field => {
100
- var _a;
101
- updateStoreField(this.fieldStore, this.fieldname, field);
102
- (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: field.name, field });
103
- Object.assign(e.target.dataset, { x: 0, y: 0, h: 0 });
104
- })
105
- .catch(e => console.log('Field update failed', e));
106
- }
107
62
  handleShow() {
108
63
  this.dialog = document.createElement('verdocs-upload-dialog');
109
64
  this.dialog.open = true;
@@ -87,11 +87,12 @@ const VerdocsFieldInitial = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldI
87
87
  const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
88
88
  const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
89
89
  const { required = false, role_name = '', value = '', label = '' } = field || {};
90
+ const { base64 } = field.settings || {};
90
91
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
91
92
  if (done) {
92
93
  return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Initial" }));
93
94
  }
94
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), value ? h("img", { src: value, alt: "Initial" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Initial"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
95
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Initial" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Initial"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
95
96
  e.stopPropagation();
96
97
  this.showingProperties = !this.showingProperties;
97
98
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => (this.showingProperties = false), onDelete: () => {
@@ -86,11 +86,12 @@ const VerdocsFieldSignature = /*@__PURE__*/ proxyCustomElement(class VerdocsFiel
86
86
  const { templateid, fieldname = '', editable = false, focused, done = false, disabled = false, xscale = 1, yscale = 1 } = this;
87
87
  const field = this.fieldStore.get('fields').find(field => field.name === fieldname);
88
88
  const { required = false, role_name = '', value = '', label = '' } = field || {};
89
+ const { base64 } = field.settings || {};
89
90
  const backgroundColor = getRGBA(getRoleIndex(this.roleStore, role_name));
90
91
  if (done) {
91
- return h(Host, { class: { done } }, value && h("img", { src: value, alt: "Signature" }));
92
+ return h(Host, { class: { done } }, value && h("img", { src: base64, alt: "Signature" }));
92
93
  }
93
- return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), value ? h("img", { src: value, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
94
+ return (h(Host, { class: { required, disabled, done, focused }, style: { backgroundColor } }, label && h("label", null, label), base64 ? h("img", { src: base64, alt: "Signature" }) : h("button", { onClick: () => !disabled && this.handleShow() }, "Signature"), editable && (h(Fragment, null, h("div", { id: `verdocs-settings-panel-trigger-${fieldname}`, style: { transform: `scale(${Math.floor((1 / xscale) * 1000) / 1000}, ${Math.floor((1 / yscale) * 1000) / 1000})` }, class: "settings-icon", innerHTML: SettingsIcon, onClick: (e) => {
94
95
  e.stopPropagation();
95
96
  this.showingProperties = !this.showingProperties;
96
97
  } }), this.showingProperties && (h("verdocs-portal", { anchor: `verdocs-settings-panel-trigger-${fieldname}`, onClickAway: () => (this.showingProperties = false) }, h("verdocs-template-field-properties", { templateId: templateid, fieldName: fieldname, onClose: () => this.hideSettingsPanel(), onDelete: () => {
@@ -12,7 +12,6 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
12
12
  this.moved = false;
13
13
  this.anchor = undefined;
14
14
  this.voffset = 0;
15
- this.align = 'left';
16
15
  }
17
16
  handleScroll() {
18
17
  this.calculatePosition();
@@ -27,24 +26,33 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
27
26
  }
28
27
  }
29
28
  calculateLeft() {
29
+ var _a;
30
30
  const anchorEl = document.getElementById(this.anchor);
31
31
  if (!anchorEl)
32
32
  return 0;
33
33
  const anchorRect = anchorEl.getBoundingClientRect();
34
- if (this.align === 'left') {
35
- return Math.max(anchorRect.left, 0);
36
- }
37
- if (this.align === 'right') {
38
- return Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
39
- }
40
- return Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);
34
+ const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;
35
+ const leftOfPopup = Math.max(anchorRect.left, 0);
36
+ // Old centering logic, disabled temporarily
37
+ // Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);
38
+ // Old right-align logic, disabled temporarily
39
+ // Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);
40
+ const popupWidth = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 400;
41
+ const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;
42
+ console.log('Portal', { leftOfPopup, offRightEdge, popupWidth, rightOfViewportWithScroll });
43
+ return offRightEdge ? leftOfPopup - popupWidth : leftOfPopup;
41
44
  }
42
45
  calculateTop() {
46
+ var _a;
43
47
  const anchorEl = document.getElementById(this.anchor);
44
48
  if (!anchorEl)
45
49
  return 0;
46
50
  const anchorRect = anchorEl.getBoundingClientRect();
47
- return anchorRect.bottom + this.voffset + document.documentElement.scrollTop;
51
+ const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;
52
+ const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;
53
+ const popupHeight = ((_a = this.element) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 300;
54
+ const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;
55
+ return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;
48
56
  }
49
57
  calculatePosition() {
50
58
  this.portal.style.top = `${this.calculateTop()}px`;
@@ -59,12 +67,6 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
59
67
  this.portal.style.zIndex = Z_INDEX;
60
68
  this.portal.style.position = 'absolute';
61
69
  document.body.append(this.portal);
62
- // function debounce(method, delay) {
63
- // clearTimeout(method._tId);
64
- // method._tId = setTimeout(function () {
65
- // method();
66
- // }, delay);
67
- // }
68
70
  }
69
71
  componentDidLoad() {
70
72
  this.portal.appendChild(this.element);
@@ -74,13 +76,12 @@ const VerdocsPortal = /*@__PURE__*/ proxyCustomElement(class VerdocsPortal exten
74
76
  this.moved ? this.portal.remove() : (this.moved = true);
75
77
  }
76
78
  render() {
77
- return (h(Host, { key: '9929603a3ff04c0d2315b082cc23ec41394fad74', ref: el => (this.element = el) }, h("slot", { key: 'cbde23964359e4a9bbe7f41bd3ed13576c159aa5' })));
79
+ return (h(Host, { key: 'a69b388835d23116fdab01d461c2a6c6c1cd3dd8', ref: el => (this.element = el) }, h("slot", { key: '93b7a1bfae1c721b85291270aabf1953cb5d72ea' })));
78
80
  }
79
81
  static get style() { return VerdocsPortalStyle0; }
80
82
  }, [4, "verdocs-portal", {
81
83
  "anchor": [1],
82
- "voffset": [2],
83
- "align": [1]
84
+ "voffset": [2]
84
85
  }, [[11, "scroll", "handleScroll"], [9, "resize", "handleResize"], [4, "click", "handleClick"]]]);
85
86
  function defineCustomElement() {
86
87
  if (typeof customElements === "undefined") {