@verdocs/web-sdk 2.0.17 → 2.0.20

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 (178) hide show
  1. package/dist/cjs/{EnvelopeStore-2c06f2bd.js → EnvelopeStore-b60a1bd3.js} +1 -1
  2. package/dist/cjs/{Envelopes-dba86ae4.js → Envelopes-01c2e7e4.js} +21 -0
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{utils-01940b1a.js → utils-65c99e57.js} +2 -2
  5. package/dist/cjs/verdocs-activity-box.cjs.entry.js +1 -1
  6. package/dist/cjs/verdocs-contact-picker.cjs.entry.js +2 -2
  7. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +2 -2
  8. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +2 -2
  9. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +2 -2
  10. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +2 -2
  11. package/dist/cjs/verdocs-field-attachment.cjs.entry.js +40 -15
  12. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +2 -2
  13. package/dist/cjs/verdocs-field-date.cjs.entry.js +2 -2
  14. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +2 -2
  15. package/dist/cjs/verdocs-field-initial.cjs.entry.js +2 -2
  16. package/dist/cjs/verdocs-field-payment.cjs.entry.js +2 -2
  17. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +2 -2
  18. package/dist/cjs/verdocs-field-signature.cjs.entry.js +2 -2
  19. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +2 -2
  20. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +2 -3
  21. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +2 -2
  22. package/dist/cjs/verdocs-pagination_3.cjs.entry.js +2 -2
  23. package/dist/cjs/verdocs-preview.cjs.entry.js +2 -2
  24. package/dist/cjs/verdocs-send.cjs.entry.js +2 -2
  25. package/dist/cjs/verdocs-sign.cjs.entry.js +12 -3
  26. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +2 -2
  27. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +2 -2
  28. package/dist/cjs/verdocs-upload-dialog.cjs.entry.js +1 -1
  29. package/dist/cjs/verdocs-view.cjs.entry.js +2 -2
  30. package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
  31. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.css +16 -14
  32. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +11 -2
  33. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.css +20 -0
  34. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +154 -18
  35. package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +0 -1
  36. package/dist/collection/components/templates/verdocs-template-attachments/verdocs-template-attachments.stories.js +1 -1
  37. package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.stories.js +1 -1
  38. package/dist/collection/components/templates/verdocs-template-reminders/verdocs-template-reminders.stories.js +1 -1
  39. package/dist/collection/components/templates/verdocs-template-sender/verdocs-template-sender.stories.js +1 -2
  40. package/dist/collection/utils/utils.js +1 -1
  41. package/dist/components/EnvelopeStore.js +1 -1
  42. package/dist/components/Envelopes.js +21 -1
  43. package/dist/components/utils.js +2 -2
  44. package/dist/components/verdocs-envelope-document-page2.js +1 -1
  45. package/dist/components/verdocs-field-attachment.js +84 -18
  46. package/dist/components/verdocs-field-textbox.js +0 -1
  47. package/dist/components/verdocs-sign.js +11 -2
  48. package/dist/components/verdocs-upload-dialog2.js +1 -1
  49. package/dist/custom-elements.json +1939 -0
  50. package/dist/docs.json +131 -6
  51. package/dist/esm/{EnvelopeStore-ab955cb5.js → EnvelopeStore-26315437.js} +1 -1
  52. package/dist/esm/{Envelopes-290f96cc.js → Envelopes-9ccae245.js} +21 -1
  53. package/dist/esm/loader.js +1 -1
  54. package/dist/esm/{utils-f77d3ea6.js → utils-a3504472.js} +2 -2
  55. package/dist/esm/verdocs-activity-box.entry.js +1 -1
  56. package/dist/esm/verdocs-contact-picker.entry.js +2 -2
  57. package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
  58. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +2 -2
  59. package/dist/esm/verdocs-envelope-sidebar.entry.js +2 -2
  60. package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
  61. package/dist/esm/verdocs-field-attachment.entry.js +40 -15
  62. package/dist/esm/verdocs-field-checkbox.entry.js +2 -2
  63. package/dist/esm/verdocs-field-date.entry.js +2 -2
  64. package/dist/esm/verdocs-field-dropdown.entry.js +2 -2
  65. package/dist/esm/verdocs-field-initial.entry.js +2 -2
  66. package/dist/esm/verdocs-field-payment.entry.js +2 -2
  67. package/dist/esm/verdocs-field-radio-button.entry.js +2 -2
  68. package/dist/esm/verdocs-field-signature.entry.js +2 -2
  69. package/dist/esm/verdocs-field-textarea.entry.js +2 -2
  70. package/dist/esm/verdocs-field-textbox.entry.js +2 -3
  71. package/dist/esm/verdocs-field-timestamp.entry.js +2 -2
  72. package/dist/esm/verdocs-pagination_3.entry.js +2 -2
  73. package/dist/esm/verdocs-preview.entry.js +2 -2
  74. package/dist/esm/verdocs-send.entry.js +2 -2
  75. package/dist/esm/verdocs-sign.entry.js +12 -3
  76. package/dist/esm/verdocs-template-document-page_2.entry.js +2 -2
  77. package/dist/esm/verdocs-template-fields_4.entry.js +2 -2
  78. package/dist/esm/verdocs-upload-dialog.entry.js +1 -1
  79. package/dist/esm/verdocs-view.entry.js +2 -2
  80. package/dist/esm/verdocs-web-sdk.js +1 -1
  81. package/dist/esm-es5/{EnvelopeStore-ab955cb5.js → EnvelopeStore-26315437.js} +1 -1
  82. package/dist/esm-es5/{Envelopes-290f96cc.js → Envelopes-9ccae245.js} +1 -1
  83. package/dist/esm-es5/loader.js +1 -1
  84. package/dist/esm-es5/{utils-f77d3ea6.js → utils-a3504472.js} +2 -2
  85. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  86. package/dist/esm-es5/verdocs-contact-picker.entry.js +1 -1
  87. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  88. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  89. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  90. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  91. package/dist/esm-es5/verdocs-field-attachment.entry.js +1 -1
  92. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  93. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  94. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  95. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  96. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  97. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  98. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  99. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  100. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  101. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  102. package/dist/esm-es5/verdocs-pagination_3.entry.js +1 -1
  103. package/dist/esm-es5/verdocs-preview.entry.js +1 -1
  104. package/dist/esm-es5/verdocs-send.entry.js +1 -1
  105. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  106. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  107. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  108. package/dist/esm-es5/verdocs-upload-dialog.entry.js +1 -1
  109. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  110. package/dist/esm-es5/verdocs-web-sdk.js +1 -1
  111. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +40 -4
  112. package/dist/types/components.d.ts +50 -2
  113. package/dist/verdocs-web-sdk/{p-56536ba4.system.entry.js → p-00229e30.system.entry.js} +1 -1
  114. package/dist/verdocs-web-sdk/{p-e0806eca.system.entry.js → p-00b90b95.system.entry.js} +1 -1
  115. package/dist/verdocs-web-sdk/p-00dcb2d7.entry.js +1 -0
  116. package/dist/verdocs-web-sdk/{p-40fe601a.entry.js → p-0100e5cd.entry.js} +1 -1
  117. package/dist/verdocs-web-sdk/{p-e52e9076.system.js → p-02bda176.system.js} +1 -1
  118. package/dist/verdocs-web-sdk/p-08c75409.system.entry.js +1 -0
  119. package/dist/verdocs-web-sdk/p-0b0a2fbd.system.js +1 -0
  120. package/dist/verdocs-web-sdk/{p-be05b066.system.entry.js → p-0ec94d1b.system.entry.js} +1 -1
  121. package/dist/verdocs-web-sdk/{p-63d12640.system.entry.js → p-10a58bc0.system.entry.js} +1 -1
  122. package/dist/verdocs-web-sdk/{p-1aa0ddfd.system.entry.js → p-13da9776.system.entry.js} +1 -1
  123. package/dist/verdocs-web-sdk/{p-1dc1c4ac.entry.js → p-1708f25d.entry.js} +1 -1
  124. package/dist/verdocs-web-sdk/{p-636adf80.system.entry.js → p-29f70720.system.entry.js} +1 -1
  125. package/dist/verdocs-web-sdk/{p-4edec688.system.entry.js → p-32d173cf.system.entry.js} +1 -1
  126. package/dist/verdocs-web-sdk/{p-351d9421.entry.js → p-369ea745.entry.js} +1 -1
  127. package/dist/verdocs-web-sdk/{p-42565a9f.system.entry.js → p-3ff21704.system.entry.js} +1 -1
  128. package/dist/verdocs-web-sdk/{p-d94464f5.entry.js → p-43d78f20.entry.js} +1 -1
  129. package/dist/verdocs-web-sdk/{p-421b0a64.system.entry.js → p-466ae9b3.system.entry.js} +1 -1
  130. package/dist/verdocs-web-sdk/{p-258bc811.entry.js → p-4e60b427.entry.js} +1 -1
  131. package/dist/verdocs-web-sdk/{p-df3c31be.system.entry.js → p-53447ca3.system.entry.js} +1 -1
  132. package/dist/verdocs-web-sdk/{p-070f734a.system.entry.js → p-543d12af.system.entry.js} +1 -1
  133. package/dist/verdocs-web-sdk/{p-8df9800b.system.entry.js → p-5464c8f3.system.entry.js} +1 -1
  134. package/dist/verdocs-web-sdk/{p-ecf9aa75.entry.js → p-5e3559ff.entry.js} +1 -1
  135. package/dist/verdocs-web-sdk/p-647cdb84.system.js +1 -1
  136. package/dist/verdocs-web-sdk/{p-7297edd7.system.entry.js → p-6785d5ea.system.entry.js} +1 -1
  137. package/dist/verdocs-web-sdk/{p-662d8dac.system.entry.js → p-67a4588a.system.entry.js} +1 -1
  138. package/dist/verdocs-web-sdk/{p-87e90c64.entry.js → p-6ce6c81f.entry.js} +1 -1
  139. package/dist/verdocs-web-sdk/{p-bfafa7c4.system.entry.js → p-704b515e.system.entry.js} +1 -1
  140. package/dist/verdocs-web-sdk/{p-4e8503ad.system.entry.js → p-70ca15f7.system.entry.js} +1 -1
  141. package/dist/verdocs-web-sdk/{p-6e21282e.entry.js → p-71cce1d5.entry.js} +1 -1
  142. package/dist/verdocs-web-sdk/{p-5b2f535e.entry.js → p-761cd04f.entry.js} +1 -1
  143. package/dist/verdocs-web-sdk/{p-84361fd5.js → p-86433cb0.js} +2 -2
  144. package/dist/verdocs-web-sdk/{p-c56597a0.system.entry.js → p-890cd7fd.system.entry.js} +1 -1
  145. package/dist/verdocs-web-sdk/{p-3fd755ce.system.entry.js → p-8dbb3599.system.entry.js} +1 -1
  146. package/dist/verdocs-web-sdk/{p-943d774d.system.entry.js → p-94f811f6.system.entry.js} +1 -1
  147. package/dist/verdocs-web-sdk/{p-62c24af3.entry.js → p-a5239b05.entry.js} +1 -1
  148. package/dist/verdocs-web-sdk/{p-26fe07cf.js → p-aa637390.js} +1 -1
  149. package/dist/verdocs-web-sdk/{p-90c7fc43.system.entry.js → p-b288f867.system.entry.js} +1 -1
  150. package/dist/verdocs-web-sdk/p-b5591ddc.js +1 -0
  151. package/dist/verdocs-web-sdk/{p-15efc789.entry.js → p-b8ba7838.entry.js} +1 -1
  152. package/dist/verdocs-web-sdk/p-bbdb47e7.entry.js +1 -0
  153. package/dist/verdocs-web-sdk/{p-3f36465e.entry.js → p-bd287aad.entry.js} +1 -1
  154. package/dist/verdocs-web-sdk/{p-b765d51a.entry.js → p-c3c0376a.entry.js} +1 -1
  155. package/dist/verdocs-web-sdk/{p-643042c0.entry.js → p-c98dc1dc.entry.js} +1 -1
  156. package/dist/verdocs-web-sdk/p-c9fe8bad.system.entry.js +1 -0
  157. package/dist/verdocs-web-sdk/{p-ba9d70ce.entry.js → p-cbefbfda.entry.js} +1 -1
  158. package/dist/verdocs-web-sdk/{p-3b3d21cb.entry.js → p-d08dde38.entry.js} +1 -1
  159. package/dist/verdocs-web-sdk/{p-9077a801.system.js → p-d1020e11.system.js} +2 -2
  160. package/dist/verdocs-web-sdk/{p-96a6f76f.system.entry.js → p-d339db07.system.entry.js} +1 -1
  161. package/dist/verdocs-web-sdk/p-dfa2cada.system.entry.js +1 -0
  162. package/dist/verdocs-web-sdk/{p-3f08a2e3.entry.js → p-e16eedbd.entry.js} +1 -1
  163. package/dist/verdocs-web-sdk/{p-b3bb3dbd.entry.js → p-e23b9c03.entry.js} +1 -1
  164. package/dist/verdocs-web-sdk/{p-58be5261.entry.js → p-e2ef1a46.entry.js} +1 -1
  165. package/dist/verdocs-web-sdk/{p-d20e83c7.entry.js → p-e36f0402.entry.js} +1 -1
  166. package/dist/verdocs-web-sdk/{p-f755bc0b.entry.js → p-e6616a5e.entry.js} +1 -1
  167. package/dist/verdocs-web-sdk/{p-0d005d4f.entry.js → p-e749e4b8.entry.js} +1 -1
  168. package/dist/verdocs-web-sdk/{p-36c79c81.entry.js → p-e8d9c730.entry.js} +1 -1
  169. package/dist/verdocs-web-sdk/{p-8fc9f797.system.entry.js → p-f26a6d84.system.entry.js} +1 -1
  170. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  171. package/package.json +2 -2
  172. package/dist/verdocs-web-sdk/p-194b2dd7.system.entry.js +0 -1
  173. package/dist/verdocs-web-sdk/p-4cb3fa5f.system.js +0 -1
  174. package/dist/verdocs-web-sdk/p-72c63106.js +0 -1
  175. package/dist/verdocs-web-sdk/p-8a43a64d.system.entry.js +0 -1
  176. package/dist/verdocs-web-sdk/p-a59bad4d.entry.js +0 -1
  177. package/dist/verdocs-web-sdk/p-b399a6e5.entry.js +0 -1
  178. package/dist/verdocs-web-sdk/p-f01a4c71.system.entry.js +0 -1
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Files = require('./Files-4bdc0c0f.js');
7
7
 
8
- const verdocsUploadDialogCss = "verdocs-upload-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-upload-dialog .dialog{width:300px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:20px;font-weight:500}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{padding:30px 15px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f5;border:2px dashed #979797;min-height:260px;text-align:center;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:rgba(0, 0, 0, 0.54);opacity:1;margin:20px 0}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;padding:0 8px;font-size:14px;font-weight:400}";
8
+ const verdocsUploadDialogCss = "verdocs-upload-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-upload-dialog .background-overlay{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:absolute;-ms-flex-align:center;align-items:center;background:#0000007f;-ms-flex-pack:center;justify-content:center}verdocs-upload-dialog .dialog{width:320px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-upload-dialog .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-upload-dialog .buttons verdocs-button{margin-left:16px}verdocs-upload-dialog .drop-target{opacity:1;width:100%;display:-ms-flexbox;display:flex;margin:20px 0;min-height:260px;padding:30px 15px;text-align:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;background-color:#f5f5f5;color:rgba(0, 0, 0, 0.54);border:2px dashed #979797}verdocs-upload-dialog .drop-target p{margin:12px 0}verdocs-upload-dialog .drop-target.dragging-over{border:5px solid #4c56cb}verdocs-upload-dialog .drop-target>verdocs-button{margin:12px 0;display:inline-block}verdocs-upload-dialog .attachments{height:56px;font-size:0;margin:20px 0;padding:0 16px;line-height:56px;white-space:normal;-webkit-box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14)}verdocs-upload-dialog .attachments .attachment{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-upload-dialog .attachments .attachment .icon{width:18px;height:18px;line-height:18px}verdocs-upload-dialog .attachments .attachment .icon.trash{cursor:pointer}verdocs-upload-dialog .attachments .attachment .name{-ms-flex:1;flex:1;font-size:14px;overflow:hidden;font-weight:400;white-space:nowrap;text-overflow:ellipsis}";
9
9
 
10
10
  const TrashIcon = `<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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>`;
11
11
  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>`;
@@ -3,12 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
- const Envelopes = require('./Envelopes-dba86ae4.js');
6
+ const Envelopes = require('./Envelopes-01c2e7e4.js');
7
7
  const Permissions = require('./Permissions-1be8039d.js');
8
8
  require('./Types-f89f9116.js');
9
9
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
10
10
  const Primitives = require('./Primitives-be5088cb.js');
11
- const utils = require('./utils-01940b1a.js');
11
+ const utils = require('./utils-65c99e57.js');
12
12
  const errors = require('./errors-0396da3d.js');
13
13
  require('./_commonjsHelpers-0c557e26.js');
14
14
  require('./Files-4bdc0c0f.js');
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy(JSON.parse("[[\"verdocs-button.cjs\",[[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"step\":[513],\"template\":[32]}]]],[\"ipc-test.cjs\",[[0,\"ipc-test\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"name\":[1537],\"containing\":[1537],\"selectedPage\":[1538,\"selected-page\"],\"count\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]}]]],[\"verdocs-field-initial.cjs\",[[0,\"verdocs-field-initial\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"initials\":[1],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-signature.cjs\",[[0,\"verdocs-field-signature\",{\"templateid\":[1],\"field\":[16],\"name\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"sharing\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32]}]]],[\"verdocs-field-checkbox.cjs\",[[0,\"verdocs-field-checkbox\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-date.cjs\",[[0,\"verdocs-field-date\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"containerId\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-dropdown.cjs\",[[0,\"verdocs-field-dropdown\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-radio-button.cjs\",[[0,\"verdocs-field-radio-button\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textarea.cjs\",[[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textbox.cjs\",[[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-timestamp.cjs\",[[0,\"verdocs-field-timestamp\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"signerToken\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"showSubmitDialog\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-template-reminders.cjs\",[[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-template-name.cjs\",[[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"isAuthenticated\":[32],\"displayMode\":[32],\"orgname\":[32],\"orgAvailable\":[32],\"first\":[32],\"last\":[32],\"username\":[32],\"phone\":[32],\"password\":[32],\"loggingIn\":[32],\"activeSession\":[32],\"accountType\":[32],\"howHear\":[32],\"industry\":[32],\"companySize\":[32],\"reason\":[32],\"step\":[32]}]]],[\"verdocs-search.cjs\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-send.cjs\",[[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"containerId\":[32],\"rolesAtLevel\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"rolesCompleted\":[32],\"reset\":[64]}]]],[\"verdocs-template-visibility.cjs\",[[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}]]],[\"verdocs-field-attachment.cjs\",[[0,\"verdocs-field-attachment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"roleIndex\":[2,\"role-index\"],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-preview.cjs\",[[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-activity-box.cjs\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"entries\":[32]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"open\":[32]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}],[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}]]],[\"verdocs-floating-menu.cjs\",[[0,\"verdocs-floating-menu\",{\"options\":[16]}]]],[\"verdocs-kba-dialog.cjs\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"rerender\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-organization-card.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-view.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-initial-dialog.cjs\",[[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}]]],[\"verdocs-signature-dialog.cjs\",[[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}]]],[\"verdocs-contact-picker.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}]]],[\"verdocs-upload-dialog.cjs\",[[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-status-indicator.cjs\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star.cjs\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-template-attachments_2.cjs\",[[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}]]],[\"verdocs-envelope-recipient-link_2.cjs\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"loading\":[32],\"gettingLink\":[32],\"link\":[32]}],[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-quick-functions_3.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-activity\",{\"endpoint\":[16],\"type\":[1],\"options\":[8],\"emptyMessage\":[32],\"authFailure\":[32],\"title\":[32],\"recent\":[32],\"saved\":[32],\"starred\":[32]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-pagination_3.cjs\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}],[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-loader.cjs\",[[0,\"verdocs-loader\"]]],[\"verdocs-checkbox_5.cjs\",[[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-text-input\",{\"value\":[1],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"type\":[1],\"disabled\":[4],\"required\":[4]}],[0,\"verdocs-help-icon\",{\"text\":[1],\"containerId\":[32]}]]],[\"verdocs-template-fields_4.cjs\",[[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32]}],[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"rerender\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"fullName\":[32],\"email\":[32],\"phone\":[32],\"allowDelegation\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}]]],[\"verdocs-button-panel_2.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"type\":[32],\"setting\":[32],\"name\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"required\":[32],\"options\":[32],\"placeholder\":[32],\"value\":[32],\"leading\":[32],\"showingHelp\":[32]}],[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}]]]]"), options);
18
+ return index.bootstrapLazy(JSON.parse("[[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"step\":[513],\"template\":[32]}]]],[\"ipc-test.cjs\",[[0,\"ipc-test\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"name\":[1537],\"containing\":[1537],\"selectedPage\":[1538,\"selected-page\"],\"count\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]}]]],[\"verdocs-field-attachment.cjs\",[[0,\"verdocs-field-attachment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-initial.cjs\",[[0,\"verdocs-field-initial\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"initials\":[1],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-signature.cjs\",[[0,\"verdocs-field-signature\",{\"templateid\":[1],\"field\":[16],\"name\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"sharing\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32]}]]],[\"verdocs-field-checkbox.cjs\",[[0,\"verdocs-field-checkbox\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-date.cjs\",[[0,\"verdocs-field-date\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"containerId\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-dropdown.cjs\",[[0,\"verdocs-field-dropdown\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-radio-button.cjs\",[[0,\"verdocs-field-radio-button\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textarea.cjs\",[[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textbox.cjs\",[[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-timestamp.cjs\",[[0,\"verdocs-field-timestamp\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"signerToken\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"showSubmitDialog\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-template-reminders.cjs\",[[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}]]],[\"verdocs-envelope-recipient-link_2.cjs\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"loading\":[32],\"gettingLink\":[32],\"link\":[32]}],[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-template-name.cjs\",[[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"isAuthenticated\":[32],\"displayMode\":[32],\"orgname\":[32],\"orgAvailable\":[32],\"first\":[32],\"last\":[32],\"username\":[32],\"phone\":[32],\"password\":[32],\"loggingIn\":[32],\"activeSession\":[32],\"accountType\":[32],\"howHear\":[32],\"industry\":[32],\"companySize\":[32],\"reason\":[32],\"step\":[32]}]]],[\"verdocs-search.cjs\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-send.cjs\",[[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"containerId\":[32],\"rolesAtLevel\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"rolesCompleted\":[32],\"reset\":[64]}]]],[\"verdocs-template-visibility.cjs\",[[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}]]],[\"verdocs-preview.cjs\",[[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-activity-box.cjs\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"entries\":[32]}]]],[\"verdocs-floating-menu.cjs\",[[0,\"verdocs-floating-menu\",{\"options\":[16]}]]],[\"verdocs-kba-dialog.cjs\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"rerender\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-organization-card.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-button.cjs\",[[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-view.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-initial-dialog.cjs\",[[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}]]],[\"verdocs-signature-dialog.cjs\",[[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}]]],[\"verdocs-contact-picker.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}]]],[\"verdocs-upload-dialog.cjs\",[[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-status-indicator.cjs\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star.cjs\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-checkbox_5.cjs\",[[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-text-input\",{\"value\":[1],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"type\":[1],\"disabled\":[4],\"required\":[4]}],[0,\"verdocs-help-icon\",{\"text\":[1],\"containerId\":[32]}]]],[\"verdocs-template-attachments_2.cjs\",[[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-quick-functions_3.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-activity\",{\"endpoint\":[16],\"type\":[1],\"options\":[8],\"emptyMessage\":[32],\"authFailure\":[32],\"title\":[32],\"recent\":[32],\"saved\":[32],\"starred\":[32]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"open\":[32]}]]],[\"verdocs-pagination_3.cjs\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}],[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}],[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-loader.cjs\",[[0,\"verdocs-loader\"]]],[\"verdocs-template-fields_4.cjs\",[[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32]}],[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"rerender\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"fullName\":[32],\"email\":[32],\"phone\":[32],\"allowDelegation\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}]]],[\"verdocs-button-panel_2.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"type\":[32],\"setting\":[32],\"name\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"required\":[32],\"options\":[32],\"placeholder\":[32],\"value\":[32],\"leading\":[32],\"showingHelp\":[32]}],[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}]]]]"), options);
19
19
  });
@@ -6,19 +6,19 @@ verdocs-upload-dialog div {
6
6
  box-sizing: border-box;
7
7
  }
8
8
  verdocs-upload-dialog .background-overlay {
9
- position: absolute;
10
- z-index: 10000;
11
9
  top: 0;
12
10
  left: 0;
13
11
  right: 0;
14
12
  bottom: 0;
15
13
  display: flex;
14
+ z-index: 10000;
15
+ position: absolute;
16
16
  align-items: center;
17
- justify-content: center;
18
17
  background: #0000007f;
18
+ justify-content: center;
19
19
  }
20
20
  verdocs-upload-dialog .dialog {
21
- width: 300px;
21
+ width: 320px;
22
22
  display: flex;
23
23
  flex-direction: column;
24
24
  border-radius: 4px;
@@ -29,9 +29,9 @@ verdocs-upload-dialog .dialog {
29
29
  }
30
30
  verdocs-upload-dialog .heading {
31
31
  display: flex;
32
- flex-direction: row;
33
32
  font-size: 20px;
34
33
  font-weight: 500;
34
+ flex-direction: row;
35
35
  }
36
36
  verdocs-upload-dialog .buttons {
37
37
  display: flex;
@@ -43,19 +43,19 @@ verdocs-upload-dialog .buttons verdocs-button {
43
43
  margin-left: 16px;
44
44
  }
45
45
  verdocs-upload-dialog .drop-target {
46
- padding: 30px 15px;
46
+ opacity: 1;
47
47
  width: 100%;
48
48
  display: flex;
49
- flex-direction: column;
50
- background-color: #f5f5f5;
51
- border: 2px dashed #979797;
49
+ margin: 20px 0;
52
50
  min-height: 260px;
51
+ padding: 30px 15px;
53
52
  text-align: center;
54
- justify-content: center;
55
53
  align-items: center;
54
+ flex-direction: column;
55
+ justify-content: center;
56
+ background-color: #f5f5f5;
56
57
  color: rgba(0, 0, 0, 0.54);
57
- opacity: 1;
58
- margin: 20px 0;
58
+ border: 2px dashed #979797;
59
59
  }
60
60
  verdocs-upload-dialog .drop-target p {
61
61
  margin: 12px 0;
@@ -77,6 +77,7 @@ verdocs-upload-dialog .attachments {
77
77
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14);
78
78
  }
79
79
  verdocs-upload-dialog .attachments .attachment {
80
+ gap: 10px;
80
81
  display: flex;
81
82
  align-items: center;
82
83
  flex-direction: row;
@@ -91,8 +92,9 @@ verdocs-upload-dialog .attachments .attachment .icon.trash {
91
92
  }
92
93
  verdocs-upload-dialog .attachments .attachment .name {
93
94
  flex: 1;
94
- display: flex;
95
- padding: 0 8px;
96
95
  font-size: 14px;
96
+ overflow: hidden;
97
97
  font-weight: 400;
98
+ white-space: nowrap;
99
+ text-overflow: ellipsis;
98
100
  }
@@ -8,7 +8,7 @@ import { fullNameToInitials, integerSequence } from '@verdocs/js-sdk/Utils/Primi
8
8
  import { Host, Fragment, h } from '@stencil/core';
9
9
  import { RecipientStates } from '@verdocs/js-sdk/Envelopes/Types';
10
10
  import { envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit } from '@verdocs/js-sdk/Envelopes/Recipients';
11
- import { throttledGetEnvelope, updateEnvelopeFieldInitials, updateEnvelopeFieldSignature } from '@verdocs/js-sdk/Envelopes/Envelopes';
11
+ import { throttledGetEnvelope, updateEnvelopeFieldInitials, updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment } from '@verdocs/js-sdk/Envelopes/Envelopes';
12
12
  import { getFieldId, getRoleIndex, renderDocumentField, saveAttachment, updateDocumentFieldValue } from '../../../utils/utils';
13
13
  import { FORMAT_DATE } from '../../../utils/Types';
14
14
  import { SDKError } from '../../../utils/errors';
@@ -383,6 +383,15 @@ export class VerdocsSign {
383
383
  this.checkRecipientFields();
384
384
  }
385
385
  });
386
+ el.addEventListener('attached', async (e) => {
387
+ console.log('[SIGN] onAttached', e.detail, e.target.value);
388
+ const r = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail);
389
+ console.log('upload result', r);
390
+ this.checkRecipientFields();
391
+ });
392
+ el.addEventListener('removed', (e) => {
393
+ console.log('[SIGN] onRemoved', e.detail, e.target.value);
394
+ });
386
395
  el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
387
396
  el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
388
397
  el.setAttribute('page', pageInfo.pageNumber);
@@ -396,7 +405,7 @@ export class VerdocsSign {
396
405
  const pageInfo = e.detail;
397
406
  const roleIndex = getRoleIndex(this.roleNames, this.recipient.role_name);
398
407
  const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);
399
- console.log('[SIGN] Page rendered, updating fields', { pageInfo, roleIndex, recipientFields });
408
+ // console.log('[SIGN] Page rendered, updating fields', {pageInfo, roleIndex, recipientFields});
400
409
  // First render the fields for the signer
401
410
  recipientFields
402
411
  .filter(field => field.page === pageInfo.pageNumber)
@@ -1,9 +1,11 @@
1
1
  verdocs-field-attachment {
2
2
  font-family: "Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
3
+ box-sizing: border-box;
3
4
  width: 24px;
4
5
  height: 24px;
5
6
  display: block;
6
7
  font-size: 11px;
8
+ position: relative;
7
9
  background-color: transparent;
8
10
  transform-origin: bottom left;
9
11
  }
@@ -22,4 +24,22 @@ verdocs-field-attachment.required span {
22
24
  }
23
25
  verdocs-field-attachment.focused {
24
26
  animation: verdocs-field-pulse 0.75s 2;
27
+ }
28
+ verdocs-field-attachment verdocs-button-panel {
29
+ top: 1px;
30
+ left: -19px;
31
+ opacity: 0.5;
32
+ z-index: 1000;
33
+ cursor: pointer;
34
+ position: absolute;
35
+ transform: scale(0.6);
36
+ }
37
+ verdocs-field-attachment verdocs-button-panel[data-active], verdocs-field-attachment verdocs-button-panel:hover {
38
+ opacity: 1;
39
+ }
40
+ verdocs-field-attachment verdocs-button-panel .icon svg {
41
+ fill: #333333;
42
+ }
43
+ verdocs-field-attachment verdocs-button-panel .icon:hover svg {
44
+ fill: #000000;
25
45
  }
@@ -1,16 +1,23 @@
1
1
  import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
2
2
  import { h, Host } from '@stencil/core';
3
+ import { getFieldSettings } from '../../../utils/utils';
3
4
  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>`;
5
+ const AttachedIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 104.69 122.88"><g><path d="M31.54,86.95c-1.74,0-3.16-1.43-3.16-3.19c0-1.76,1.41-3.19,3.16-3.19h20.5c1.74,0,3.16,1.43,3.16,3.19 c0,1.76-1.41,3.19-3.16,3.19H31.54L31.54,86.95z M31.54,42.27c-1.74,0-3.15-1.41-3.15-3.15c0-1.74,1.41-3.15,3.15-3.15h41.61 c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54L31.54,42.27z M66.57,108.66c-1.36-1.08-1.59-3.06-0.5-4.42 c1.08-1.36,3.06-1.59,4.42-0.5l9.57,7.59l18.21-22.27c1.1-1.35,3.09-1.54,4.43-0.44c1.35,1.1,1.54,3.09,0.44,4.43l-20.17,24.67l0,0 c-1.09,1.33-3.04,1.54-4.39,0.47L66.57,108.66L66.57,108.66z M56.85,116.58c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15 H7.33c-2.02,0-3.85-0.82-5.18-2.15C0.82,119.4,0,117.57,0,115.55V7.33c0-2.02,0.82-3.85,2.15-5.18C3.48,0.82,5.31,0,7.33,0h90.02 c2.02,0,3.85,0.82,5.18,2.15c1.33,1.33,2.15,3.16,2.15,5.18V72.6c0,1.74-1.41,3.15-3.15,3.15c-1.74,0-3.15-1.41-3.15-3.15V7.33 c0-0.28-0.12-0.54-0.3-0.73c-0.19-0.19-0.45-0.3-0.73-0.3H7.33c-0.28,0-0.54,0.12-0.73,0.3C6.42,6.8,6.3,7.05,6.3,7.33v108.21 c0,0.28,0.12,0.54,0.3,0.73c0.19,0.19,0.45,0.3,0.73,0.3H56.85L56.85,116.58z M31.54,64.59c-1.74,0-3.15-1.41-3.15-3.15 c0-1.74,1.41-3.15,3.15-3.15h41.61c1.74,0,3.15,1.41,3.15,3.15c0,1.74-1.41,3.15-3.15,3.15H31.54L31.54,64.59z"/></g></svg>`;
6
+ const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
4
7
  /**
5
- * Displays a signature field. Various field types are supported, including traditional Signature and Initials types as well as
6
- * input types like text and checkbox.
8
+ * Displays an attachment field.
7
9
  */
8
10
  export class VerdocsFieldAttachment {
9
11
  constructor() {
10
12
  this.templateid = '';
11
13
  this.field = null;
12
14
  this.disabled = false;
13
- this.roleIndex = 0;
15
+ this.editable = false;
16
+ this.moveable = false;
17
+ this.done = false;
18
+ this.roleindex = 0;
19
+ this.xscale = 1;
20
+ this.yscale = 1;
14
21
  this.rerender = 0;
15
22
  }
16
23
  async focusField() {
@@ -20,7 +27,12 @@ export class VerdocsFieldAttachment {
20
27
  this.dialog = document.createElement('verdocs-upload-dialog');
21
28
  this.dialog.open = true;
22
29
  this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
23
- document.addEventListener('done', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
30
+ document.addEventListener('next', (e) => {
31
+ var _a, _b;
32
+ console.log('Attachment next', e);
33
+ (_a = this.attached) === null || _a === void 0 ? void 0 : _a.emit(e.detail[0]);
34
+ (_b = this.dialog) === null || _b === void 0 ? void 0 : _b.remove();
35
+ });
24
36
  document.body.append(this.dialog);
25
37
  }
26
38
  async showSettingsPanel() {
@@ -34,20 +46,24 @@ export class VerdocsFieldAttachment {
34
46
  if (settingsPanel && settingsPanel.hidePanel) {
35
47
  settingsPanel.hidePanel();
36
48
  }
37
- // TemplateStore.updateCount++;
38
49
  }
39
50
  render() {
40
- var _a, _b, _c, _d;
41
- let settings = { x: 0, y: 0 };
42
- if ('settings' in this.field && ((_a = this.field) === null || _a === void 0 ? void 0 : _a.settings)) {
43
- settings = this.field.settings;
44
- }
45
- else if ('setting' in this.field && ((_b = this.field) === null || _b === void 0 ? void 0 : _b.setting)) {
46
- settings = this.field.setting;
47
- }
48
- const disabled = (_d = (_c = this.disabled) !== null && _c !== void 0 ? _c : settings.disabled) !== null && _d !== void 0 ? _d : false;
49
- const backgroundColor = this.field['rgba'] || getRGBA(this.roleIndex);
50
- return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("span", { innerHTML: PaperclipIcon, onClick: () => !disabled && this.handleShow() })));
51
+ var _a, _b;
52
+ const settings = getFieldSettings(this.field);
53
+ let disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
54
+ const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);
55
+ const { url } = settings;
56
+ console.log('Attachment settings', url, settings);
57
+ return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("span", { innerHTML: url ? AttachedIcon : PaperclipIcon, onClick: () => !disabled && this.handleShow() }), this.editable && (h("verdocs-button-panel", { icon: settingsIcon, id: `verdocs-settings-panel-${this.field.name}` }, h("verdocs-template-field-properties", { templateId: this.templateid, fieldName: this.field.name, onClose: () => this.hideSettingsPanel(), onDelete: () => {
58
+ var _a;
59
+ (_a = this.deleted) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.field.name });
60
+ return this.hideSettingsPanel();
61
+ }, onSettingsChanged: e => {
62
+ var _a;
63
+ console.log('here');
64
+ (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit(e.detail);
65
+ return this.hideSettingsPanel();
66
+ }, helpText: 'Attachment fields allow files to be uploaded during signing. Files will be stored for later retrieval via the "name" field.<br /><br />If marked required, the participant must attach a file before proceeding.' })))));
51
67
  }
52
68
  static get is() { return "verdocs-field-attachment"; }
53
69
  static get originalStyleUrls() {
@@ -123,7 +139,61 @@ export class VerdocsFieldAttachment {
123
139
  "reflect": false,
124
140
  "defaultValue": "false"
125
141
  },
126
- "roleIndex": {
142
+ "editable": {
143
+ "type": "boolean",
144
+ "mutable": false,
145
+ "complexType": {
146
+ "original": "boolean",
147
+ "resolved": "boolean",
148
+ "references": {}
149
+ },
150
+ "required": false,
151
+ "optional": true,
152
+ "docs": {
153
+ "tags": [],
154
+ "text": "If set, a settings icon will be displayed on hover. The settings shown allow the field's recipient and other settings to be\nchanged, so it should typically only be enabled in the Builder."
155
+ },
156
+ "attribute": "editable",
157
+ "reflect": false,
158
+ "defaultValue": "false"
159
+ },
160
+ "moveable": {
161
+ "type": "boolean",
162
+ "mutable": false,
163
+ "complexType": {
164
+ "original": "boolean",
165
+ "resolved": "boolean",
166
+ "references": {}
167
+ },
168
+ "required": false,
169
+ "optional": true,
170
+ "docs": {
171
+ "tags": [],
172
+ "text": "If set, the field may be dragged to a new location. This should only be enabled in the Builder, or for self-placed fields."
173
+ },
174
+ "attribute": "moveable",
175
+ "reflect": false,
176
+ "defaultValue": "false"
177
+ },
178
+ "done": {
179
+ "type": "boolean",
180
+ "mutable": false,
181
+ "complexType": {
182
+ "original": "boolean",
183
+ "resolved": "boolean",
184
+ "references": {}
185
+ },
186
+ "required": false,
187
+ "optional": true,
188
+ "docs": {
189
+ "tags": [],
190
+ "text": "If set, the field is considered \"done\" and is drawn in a display-final-value state."
191
+ },
192
+ "attribute": "done",
193
+ "reflect": false,
194
+ "defaultValue": "false"
195
+ },
196
+ "roleindex": {
127
197
  "type": "number",
128
198
  "mutable": false,
129
199
  "complexType": {
@@ -137,10 +207,46 @@ export class VerdocsFieldAttachment {
137
207
  "tags": [],
138
208
  "text": "If set, the field will be colored using this index value to select the background color."
139
209
  },
140
- "attribute": "role-index",
210
+ "attribute": "roleindex",
141
211
  "reflect": false,
142
212
  "defaultValue": "0"
143
213
  },
214
+ "xscale": {
215
+ "type": "number",
216
+ "mutable": false,
217
+ "complexType": {
218
+ "original": "number",
219
+ "resolved": "number",
220
+ "references": {}
221
+ },
222
+ "required": false,
223
+ "optional": true,
224
+ "docs": {
225
+ "tags": [],
226
+ "text": "If set, the field will be be scaled horizontally by this factor."
227
+ },
228
+ "attribute": "xscale",
229
+ "reflect": false,
230
+ "defaultValue": "1"
231
+ },
232
+ "yscale": {
233
+ "type": "number",
234
+ "mutable": false,
235
+ "complexType": {
236
+ "original": "number",
237
+ "resolved": "number",
238
+ "references": {}
239
+ },
240
+ "required": false,
241
+ "optional": true,
242
+ "docs": {
243
+ "tags": [],
244
+ "text": "If set, the field will be be scaled vertically by this factor."
245
+ },
246
+ "attribute": "yscale",
247
+ "reflect": false,
248
+ "defaultValue": "1"
249
+ },
144
250
  "rerender": {
145
251
  "type": "number",
146
252
  "mutable": false,
@@ -186,6 +292,36 @@ export class VerdocsFieldAttachment {
186
292
  }
187
293
  }
188
294
  }
295
+ }, {
296
+ "method": "deleted",
297
+ "name": "deleted",
298
+ "bubbles": true,
299
+ "cancelable": true,
300
+ "composed": true,
301
+ "docs": {
302
+ "tags": [],
303
+ "text": "Event fired when the field is deleted."
304
+ },
305
+ "complexType": {
306
+ "original": "{fieldName: string}",
307
+ "resolved": "{ fieldName: string; }",
308
+ "references": {}
309
+ }
310
+ }, {
311
+ "method": "attached",
312
+ "name": "attached",
313
+ "bubbles": true,
314
+ "cancelable": true,
315
+ "composed": true,
316
+ "docs": {
317
+ "tags": [],
318
+ "text": "Event fired when the field is deleted."
319
+ },
320
+ "complexType": {
321
+ "original": "{data: string; lastModified: number; name: string; size: number; type: string}",
322
+ "resolved": "{ data: string; lastModified: number; name: string; size: number; type: string; }",
323
+ "references": {}
324
+ }
189
325
  }];
190
326
  }
191
327
  static get methods() {
@@ -36,7 +36,6 @@ export class VerdocsFieldTextbox {
36
36
  if (settingsPanel && settingsPanel.hidePanel) {
37
37
  settingsPanel.hidePanel();
38
38
  }
39
- // TemplateStore.updateCount++;
40
39
  }
41
40
  componentDidRender() {
42
41
  interact.dynamicDrop(true);
@@ -15,4 +15,4 @@ export const Attachments = ({ onClose, templateId }) => templateId
15
15
  <verdocs-template-attachments .templateId=${templateId} @close=${onClose} />
16
16
  </div>
17
17
  `
18
- : html `<img src="https://verdocs-public-assets.s3.amazonaws.com/storybook-placeholders/template-name.png" alt="Placeholder" />`;
18
+ : html `<img src="https://verdocs-public-assets.s3.amazonaws.com/storybook-placeholders/template-attachments.png" alt="Placeholder" />`;
@@ -3,7 +3,7 @@ export default {
3
3
  title: 'Templates/Fields',
4
4
  component: 'verdocs-template-fields',
5
5
  args: {
6
- templateId: 'd2338742-f3a1-465b-8592-806587413cc1',
6
+ templateId: '',
7
7
  },
8
8
  argTypes: {},
9
9
  parameters: {
@@ -3,7 +3,7 @@ export default {
3
3
  title: 'Templates/Reminders',
4
4
  component: 'verdocs-template-reminders',
5
5
  args: {
6
- templateId: '8337af06-3b5a-4e1b-98be-67d82bc7ecd1',
6
+ templateId: '',
7
7
  },
8
8
  argTypes: {
9
9
  onClose: { action: 'close' },
@@ -3,8 +3,7 @@ export default {
3
3
  title: 'Dialogs/Sender',
4
4
  component: 'verdocs-template-sender',
5
5
  args: {
6
- templateId: '056b837f-b183-4039-b50a-d68acbf81b67',
7
- // templateId: 'd2338742-f3a1-465b-8592-806587413cc1',
6
+ templateId: '',
8
7
  },
9
8
  argTypes: {
10
9
  onClose: { action: 'close' },
@@ -97,7 +97,7 @@ export const updateDocumentFieldValue = (field) => {
97
97
  export const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
98
98
  var _a, _b;
99
99
  const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
100
- console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
100
+ // console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
101
101
  const controlsDiv = document.getElementById(docPage.containerId + '-controls');
102
102
  if (!controlsDiv) {
103
103
  console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
@@ -1,5 +1,5 @@
1
1
  import { c as createStore } from './index3.js';
2
- import { i as getEnvelope } from './Envelopes.js';
2
+ import { j as getEnvelope } from './Envelopes.js';
3
3
 
4
4
  const createEnvelopeStore = (envelopeId) => {
5
5
  const now = new Date().toISOString();
@@ -149,6 +149,26 @@ var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, ini
149
149
  .then(function (r) { return r.data; })];
150
150
  });
151
151
  }); };
152
+ /**
153
+ * Upload an attachment.
154
+ */
155
+ var uploadEnvelopeFieldAttachment = function (endpoint, envelopeId, fieldName, file, onUploadProgress) { return __awaiter(void 0, void 0, void 0, function () {
156
+ var formData;
157
+ return __generator(this, function (_a) {
158
+ formData = new FormData();
159
+ formData.append('document', file, file.name);
160
+ return [2 /*return*/, endpoint.api //
161
+ .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName), formData, {
162
+ timeout: 120000,
163
+ onUploadProgress: function (event) {
164
+ var total = event.total || 1;
165
+ var loaded = event.loaded || 0;
166
+ onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((loaded * 100) / (total || 1)), loaded, total || 1);
167
+ },
168
+ })
169
+ .then(function (r) { return r.data; })];
170
+ });
171
+ }); };
152
172
  /**
153
173
  * Get the attached file for an attachment field (if any)
154
174
  */
@@ -195,4 +215,4 @@ var throttledGetEnvelope = function (endpoint, envelopeId) {
195
215
  });
196
216
  };
197
217
 
198
- export { getSigningSession as a, updateEnvelopeFieldSignature as b, cancelEnvelope as c, updateEnvelopeFieldInitials as d, getEnvelopeDocumentPageDisplayUri as e, getEnvelopeFile as f, getSummary as g, getFieldAttachment as h, getEnvelope as i, searchEnvelopes as s, throttledGetEnvelope as t, updateEnvelopeField as u };
218
+ export { getSigningSession as a, updateEnvelopeFieldSignature as b, cancelEnvelope as c, updateEnvelopeFieldInitials as d, uploadEnvelopeFieldAttachment as e, getEnvelopeDocumentPageDisplayUri as f, getSummary as g, getEnvelopeFile as h, getFieldAttachment as i, getEnvelope as j, searchEnvelopes as s, throttledGetEnvelope as t, updateEnvelopeField as u };
@@ -1,5 +1,5 @@
1
1
  import { a as createCommonjsModule, c as commonjsGlobal, b as commonjsRequire } from './_commonjsHelpers.js';
2
- import { f as getEnvelopeFile, h as getFieldAttachment } from './Envelopes.js';
2
+ import { h as getEnvelopeFile, i as getFieldAttachment } from './Envelopes.js';
3
3
  import './Types.js';
4
4
  import { d as downloadBlob } from './Files.js';
5
5
  import { a as FORMAT_DATE } from './Types2.js';
@@ -118,7 +118,7 @@ const updateDocumentFieldValue = (field) => {
118
118
  const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
119
119
  var _a, _b;
120
120
  const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
121
- console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
121
+ // console.log('[renderDocumentField]', field, docPage, roleIndex, fieldOptions);
122
122
  const controlsDiv = document.getElementById(docPage.containerId + '-controls');
123
123
  if (!controlsDiv) {
124
124
  console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);