@verdocs/web-sdk 2.0.19 → 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 (163) 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/{utils-a054fdfd.js → utils-65c99e57.js} +1 -1
  4. package/dist/cjs/verdocs-activity-box.cjs.entry.js +1 -1
  5. package/dist/cjs/verdocs-contact-picker.cjs.entry.js +2 -2
  6. package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js +2 -2
  7. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +2 -2
  8. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +2 -2
  9. package/dist/cjs/verdocs-envelopes-list.cjs.entry.js +2 -2
  10. package/dist/cjs/verdocs-field-attachment.cjs.entry.js +7 -10
  11. package/dist/cjs/verdocs-field-checkbox.cjs.entry.js +2 -2
  12. package/dist/cjs/verdocs-field-date.cjs.entry.js +2 -2
  13. package/dist/cjs/verdocs-field-dropdown.cjs.entry.js +2 -2
  14. package/dist/cjs/verdocs-field-initial.cjs.entry.js +2 -2
  15. package/dist/cjs/verdocs-field-payment.cjs.entry.js +2 -2
  16. package/dist/cjs/verdocs-field-radio-button.cjs.entry.js +2 -2
  17. package/dist/cjs/verdocs-field-signature.cjs.entry.js +2 -2
  18. package/dist/cjs/verdocs-field-textarea.cjs.entry.js +2 -2
  19. package/dist/cjs/verdocs-field-textbox.cjs.entry.js +2 -2
  20. package/dist/cjs/verdocs-field-timestamp.cjs.entry.js +2 -2
  21. package/dist/cjs/verdocs-pagination_3.cjs.entry.js +2 -2
  22. package/dist/cjs/verdocs-preview.cjs.entry.js +2 -2
  23. package/dist/cjs/verdocs-send.cjs.entry.js +2 -2
  24. package/dist/cjs/verdocs-sign.cjs.entry.js +11 -2
  25. package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js +2 -2
  26. package/dist/cjs/verdocs-template-fields_4.cjs.entry.js +2 -2
  27. package/dist/cjs/verdocs-upload-dialog.cjs.entry.js +1 -1
  28. package/dist/cjs/verdocs-view.cjs.entry.js +2 -2
  29. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.css +15 -13
  30. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +10 -1
  31. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +19 -8
  32. package/dist/components/EnvelopeStore.js +1 -1
  33. package/dist/components/Envelopes.js +21 -1
  34. package/dist/components/utils.js +1 -1
  35. package/dist/components/verdocs-envelope-document-page2.js +1 -1
  36. package/dist/components/verdocs-field-attachment.js +5 -8
  37. package/dist/components/verdocs-sign.js +10 -1
  38. package/dist/components/verdocs-upload-dialog2.js +1 -1
  39. package/dist/custom-elements.json +1939 -0
  40. package/dist/docs.json +10 -1
  41. package/dist/esm/{EnvelopeStore-ab955cb5.js → EnvelopeStore-26315437.js} +1 -1
  42. package/dist/esm/{Envelopes-290f96cc.js → Envelopes-9ccae245.js} +21 -1
  43. package/dist/esm/{utils-4cfd02d2.js → utils-a3504472.js} +1 -1
  44. package/dist/esm/verdocs-activity-box.entry.js +1 -1
  45. package/dist/esm/verdocs-contact-picker.entry.js +2 -2
  46. package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
  47. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +2 -2
  48. package/dist/esm/verdocs-envelope-sidebar.entry.js +2 -2
  49. package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
  50. package/dist/esm/verdocs-field-attachment.entry.js +7 -10
  51. package/dist/esm/verdocs-field-checkbox.entry.js +2 -2
  52. package/dist/esm/verdocs-field-date.entry.js +2 -2
  53. package/dist/esm/verdocs-field-dropdown.entry.js +2 -2
  54. package/dist/esm/verdocs-field-initial.entry.js +2 -2
  55. package/dist/esm/verdocs-field-payment.entry.js +2 -2
  56. package/dist/esm/verdocs-field-radio-button.entry.js +2 -2
  57. package/dist/esm/verdocs-field-signature.entry.js +2 -2
  58. package/dist/esm/verdocs-field-textarea.entry.js +2 -2
  59. package/dist/esm/verdocs-field-textbox.entry.js +2 -2
  60. package/dist/esm/verdocs-field-timestamp.entry.js +2 -2
  61. package/dist/esm/verdocs-pagination_3.entry.js +2 -2
  62. package/dist/esm/verdocs-preview.entry.js +2 -2
  63. package/dist/esm/verdocs-send.entry.js +2 -2
  64. package/dist/esm/verdocs-sign.entry.js +11 -2
  65. package/dist/esm/verdocs-template-document-page_2.entry.js +2 -2
  66. package/dist/esm/verdocs-template-fields_4.entry.js +2 -2
  67. package/dist/esm/verdocs-upload-dialog.entry.js +1 -1
  68. package/dist/esm/verdocs-view.entry.js +2 -2
  69. package/dist/esm-es5/{EnvelopeStore-ab955cb5.js → EnvelopeStore-26315437.js} +1 -1
  70. package/dist/esm-es5/{Envelopes-290f96cc.js → Envelopes-9ccae245.js} +1 -1
  71. package/dist/esm-es5/{utils-4cfd02d2.js → utils-a3504472.js} +1 -1
  72. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  73. package/dist/esm-es5/verdocs-contact-picker.entry.js +1 -1
  74. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  75. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  76. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  77. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  78. package/dist/esm-es5/verdocs-field-attachment.entry.js +1 -1
  79. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  80. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  81. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  82. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  83. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  84. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  85. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  86. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  87. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  88. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  89. package/dist/esm-es5/verdocs-pagination_3.entry.js +1 -1
  90. package/dist/esm-es5/verdocs-preview.entry.js +1 -1
  91. package/dist/esm-es5/verdocs-send.entry.js +1 -1
  92. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  93. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  94. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  95. package/dist/esm-es5/verdocs-upload-dialog.entry.js +1 -1
  96. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  97. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +10 -0
  98. package/dist/types/components.d.ts +4 -0
  99. package/dist/verdocs-web-sdk/{p-0596b9f1.system.entry.js → p-00229e30.system.entry.js} +1 -1
  100. package/dist/verdocs-web-sdk/{p-61af92bf.system.entry.js → p-00b90b95.system.entry.js} +1 -1
  101. package/dist/verdocs-web-sdk/p-00dcb2d7.entry.js +1 -0
  102. package/dist/verdocs-web-sdk/{p-801e4851.entry.js → p-0100e5cd.entry.js} +1 -1
  103. package/dist/verdocs-web-sdk/{p-e52e9076.system.js → p-02bda176.system.js} +1 -1
  104. package/dist/verdocs-web-sdk/{p-6cd83bce.system.entry.js → p-08c75409.system.entry.js} +1 -1
  105. package/dist/verdocs-web-sdk/p-0b0a2fbd.system.js +1 -0
  106. package/dist/verdocs-web-sdk/{p-56b20de8.system.entry.js → p-0ec94d1b.system.entry.js} +1 -1
  107. package/dist/verdocs-web-sdk/{p-19cc8a25.system.entry.js → p-10a58bc0.system.entry.js} +1 -1
  108. package/dist/verdocs-web-sdk/{p-e91ac3e9.system.entry.js → p-13da9776.system.entry.js} +1 -1
  109. package/dist/verdocs-web-sdk/{p-649aaf19.entry.js → p-1708f25d.entry.js} +1 -1
  110. package/dist/verdocs-web-sdk/{p-921cbd3d.system.entry.js → p-29f70720.system.entry.js} +1 -1
  111. package/dist/verdocs-web-sdk/{p-4edec688.system.entry.js → p-32d173cf.system.entry.js} +1 -1
  112. package/dist/verdocs-web-sdk/{p-19812712.entry.js → p-369ea745.entry.js} +1 -1
  113. package/dist/verdocs-web-sdk/{p-ce985b5a.system.entry.js → p-3ff21704.system.entry.js} +1 -1
  114. package/dist/verdocs-web-sdk/{p-f4688a0d.entry.js → p-43d78f20.entry.js} +1 -1
  115. package/dist/verdocs-web-sdk/{p-72c2468c.system.entry.js → p-466ae9b3.system.entry.js} +1 -1
  116. package/dist/verdocs-web-sdk/{p-ff0b131b.entry.js → p-4e60b427.entry.js} +1 -1
  117. package/dist/verdocs-web-sdk/{p-35e92134.system.entry.js → p-53447ca3.system.entry.js} +1 -1
  118. package/dist/verdocs-web-sdk/{p-bd19acc7.system.entry.js → p-543d12af.system.entry.js} +1 -1
  119. package/dist/verdocs-web-sdk/{p-813a2541.system.entry.js → p-5464c8f3.system.entry.js} +1 -1
  120. package/dist/verdocs-web-sdk/{p-ecf9aa75.entry.js → p-5e3559ff.entry.js} +1 -1
  121. package/dist/verdocs-web-sdk/p-647cdb84.system.js +1 -1
  122. package/dist/verdocs-web-sdk/{p-7297edd7.system.entry.js → p-6785d5ea.system.entry.js} +1 -1
  123. package/dist/verdocs-web-sdk/{p-b1495e53.system.entry.js → p-67a4588a.system.entry.js} +1 -1
  124. package/dist/verdocs-web-sdk/{p-a20a74f1.entry.js → p-6ce6c81f.entry.js} +1 -1
  125. package/dist/verdocs-web-sdk/{p-120565ca.system.entry.js → p-704b515e.system.entry.js} +1 -1
  126. package/dist/verdocs-web-sdk/{p-66b42873.system.entry.js → p-70ca15f7.system.entry.js} +1 -1
  127. package/dist/verdocs-web-sdk/{p-a9700109.entry.js → p-71cce1d5.entry.js} +1 -1
  128. package/dist/verdocs-web-sdk/{p-a2355382.entry.js → p-761cd04f.entry.js} +1 -1
  129. package/dist/verdocs-web-sdk/{p-dfd8e0f2.js → p-86433cb0.js} +1 -1
  130. package/dist/verdocs-web-sdk/{p-3ff89eb4.system.entry.js → p-890cd7fd.system.entry.js} +1 -1
  131. package/dist/verdocs-web-sdk/{p-0a086720.system.entry.js → p-8dbb3599.system.entry.js} +1 -1
  132. package/dist/verdocs-web-sdk/{p-4e397722.system.entry.js → p-94f811f6.system.entry.js} +1 -1
  133. package/dist/verdocs-web-sdk/{p-8ce21812.entry.js → p-a5239b05.entry.js} +1 -1
  134. package/dist/verdocs-web-sdk/{p-26fe07cf.js → p-aa637390.js} +1 -1
  135. package/dist/verdocs-web-sdk/{p-18529f2d.system.entry.js → p-b288f867.system.entry.js} +1 -1
  136. package/dist/verdocs-web-sdk/p-b5591ddc.js +1 -0
  137. package/dist/verdocs-web-sdk/{p-dee53b77.entry.js → p-b8ba7838.entry.js} +1 -1
  138. package/dist/verdocs-web-sdk/p-bbdb47e7.entry.js +1 -0
  139. package/dist/verdocs-web-sdk/{p-5490dd4c.entry.js → p-bd287aad.entry.js} +1 -1
  140. package/dist/verdocs-web-sdk/{p-fafe0308.entry.js → p-c3c0376a.entry.js} +1 -1
  141. package/dist/verdocs-web-sdk/{p-56f17fc6.entry.js → p-c98dc1dc.entry.js} +1 -1
  142. package/dist/verdocs-web-sdk/p-c9fe8bad.system.entry.js +1 -0
  143. package/dist/verdocs-web-sdk/{p-064f62f1.entry.js → p-cbefbfda.entry.js} +1 -1
  144. package/dist/verdocs-web-sdk/{p-25074c75.entry.js → p-d08dde38.entry.js} +1 -1
  145. package/dist/verdocs-web-sdk/{p-059657ef.system.js → p-d1020e11.system.js} +1 -1
  146. package/dist/verdocs-web-sdk/{p-2ff0ab4f.system.entry.js → p-d339db07.system.entry.js} +1 -1
  147. package/dist/verdocs-web-sdk/p-dfa2cada.system.entry.js +1 -0
  148. package/dist/verdocs-web-sdk/{p-4db10b76.entry.js → p-e16eedbd.entry.js} +1 -1
  149. package/dist/verdocs-web-sdk/{p-b3bb3dbd.entry.js → p-e23b9c03.entry.js} +1 -1
  150. package/dist/verdocs-web-sdk/{p-df3992d1.entry.js → p-e2ef1a46.entry.js} +1 -1
  151. package/dist/verdocs-web-sdk/{p-d20e83c7.entry.js → p-e36f0402.entry.js} +1 -1
  152. package/dist/verdocs-web-sdk/{p-b505399c.entry.js → p-e6616a5e.entry.js} +1 -1
  153. package/dist/verdocs-web-sdk/{p-ad614498.entry.js → p-e749e4b8.entry.js} +1 -1
  154. package/dist/verdocs-web-sdk/{p-1ff8ceba.entry.js → p-e8d9c730.entry.js} +1 -1
  155. package/dist/verdocs-web-sdk/{p-8fc9f797.system.entry.js → p-f26a6d84.system.entry.js} +1 -1
  156. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  157. package/package.json +1 -1
  158. package/dist/verdocs-web-sdk/p-3946e093.entry.js +0 -1
  159. package/dist/verdocs-web-sdk/p-4cb3fa5f.system.js +0 -1
  160. package/dist/verdocs-web-sdk/p-72c63106.js +0 -1
  161. package/dist/verdocs-web-sdk/p-85baf444.entry.js +0 -1
  162. package/dist/verdocs-web-sdk/p-8c78f78b.system.entry.js +0 -1
  163. package/dist/verdocs-web-sdk/p-9ef4527a.system.entry.js +0 -1
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-f664e4d0.js');
4
- const Envelopes = require('./Envelopes-dba86ae4.js');
4
+ const Envelopes = require('./Envelopes-01c2e7e4.js');
5
5
 
6
6
  const createEnvelopeStore = (envelopeId) => {
7
7
  const now = new Date().toISOString();
@@ -151,6 +151,26 @@ var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, ini
151
151
  .then(function (r) { return r.data; })];
152
152
  });
153
153
  }); };
154
+ /**
155
+ * Upload an attachment.
156
+ */
157
+ var uploadEnvelopeFieldAttachment = function (endpoint, envelopeId, fieldName, file, onUploadProgress) { return __awaiter(void 0, void 0, void 0, function () {
158
+ var formData;
159
+ return __generator(this, function (_a) {
160
+ formData = new FormData();
161
+ formData.append('document', file, file.name);
162
+ return [2 /*return*/, endpoint.api //
163
+ .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName), formData, {
164
+ timeout: 120000,
165
+ onUploadProgress: function (event) {
166
+ var total = event.total || 1;
167
+ var loaded = event.loaded || 0;
168
+ onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((loaded * 100) / (total || 1)), loaded, total || 1);
169
+ },
170
+ })
171
+ .then(function (r) { return r.data; })];
172
+ });
173
+ }); };
154
174
  /**
155
175
  * Get the attached file for an attachment field (if any)
156
176
  */
@@ -209,3 +229,4 @@ exports.throttledGetEnvelope = throttledGetEnvelope;
209
229
  exports.updateEnvelopeField = updateEnvelopeField;
210
230
  exports.updateEnvelopeFieldInitials = updateEnvelopeFieldInitials;
211
231
  exports.updateEnvelopeFieldSignature = updateEnvelopeFieldSignature;
232
+ exports.uploadEnvelopeFieldAttachment = uploadEnvelopeFieldAttachment;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const _commonjsHelpers = require('./_commonjsHelpers-0c557e26.js');
4
- const Envelopes = require('./Envelopes-dba86ae4.js');
4
+ const Envelopes = require('./Envelopes-01c2e7e4.js');
5
5
  require('./Types-f89f9116.js');
6
6
  const Files = require('./Files-4bdc0c0f.js');
7
7
  const Types = require('./Types-ee5afdf8.js');
@@ -3,7 +3,7 @@
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
  require('./Types-f89f9116.js');
8
8
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
9
9
  const Primitives = require('./Primitives-be5088cb.js');
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-1d5fc518.js');
6
6
  require('./Types-f89f9116.js');
7
7
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
8
- const utils = require('./utils-a054fdfd.js');
8
+ const utils = require('./utils-65c99e57.js');
9
9
  require('./_commonjsHelpers-0c557e26.js');
10
- require('./Envelopes-dba86ae4.js');
10
+ require('./Envelopes-01c2e7e4.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
13
13
  require('./index-7c19ba1d.js');
@@ -3,10 +3,10 @@
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
  require('./Types-f89f9116.js');
8
8
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
9
- const utils = require('./utils-a054fdfd.js');
9
+ const utils = require('./utils-65c99e57.js');
10
10
  require('./_commonjsHelpers-0c557e26.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -6,12 +6,12 @@ const index = require('./index-1d5fc518.js');
6
6
  require('./Types-f89f9116.js');
7
7
  const Recipients = require('./Recipients-f3d6cf10.js');
8
8
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
9
- const EnvelopeStore = require('./EnvelopeStore-2c06f2bd.js');
9
+ const EnvelopeStore = require('./EnvelopeStore-b60a1bd3.js');
10
10
  const Toast = require('./Toast-06880504.js');
11
11
  const errors = require('./errors-0396da3d.js');
12
12
  const Permissions = require('./Permissions-1be8039d.js');
13
13
  require('./index-f664e4d0.js');
14
- require('./Envelopes-dba86ae4.js');
14
+ require('./Envelopes-01c2e7e4.js');
15
15
 
16
16
  const verdocsEnvelopeRecipientLinkCss = "verdocs-envelope-recipient-link{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:#0000007f}verdocs-envelope-recipient-link .summary-content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-link .summary-content .summary-title{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-link .summary-recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-link .summary-recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-link .summary-recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end}verdocs-envelope-recipient-link .summary-recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-link .summary-recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:#374151;line-height:1.25rem;background-color:#d8d8d8;border:2px solid #9ca3af}verdocs-envelope-recipient-link .summary-recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-link .summary-recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-link .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-link .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-link .buttons verdocs-button button{width:100%}";
17
17
 
@@ -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
  const Recipients = require('./Recipients-f3d6cf10.js');
9
9
  require('./Types-f89f9116.js');
10
10
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
11
- const EnvelopeStore = require('./EnvelopeStore-2c06f2bd.js');
11
+ const EnvelopeStore = require('./EnvelopeStore-b60a1bd3.js');
12
12
  const Types = require('./Types-ee5afdf8.js');
13
13
  const Toast = require('./Toast-06880504.js');
14
14
  const errors = require('./errors-0396da3d.js');
@@ -3,11 +3,11 @@
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
- const utils = require('./utils-a054fdfd.js');
10
+ const utils = require('./utils-65c99e57.js');
11
11
  const Toast = require('./Toast-06880504.js');
12
12
  const errors = require('./errors-0396da3d.js');
13
13
  require('./_commonjsHelpers-0c557e26.js');
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  require('./_commonjsHelpers-0c557e26.js');
9
- require('./Envelopes-dba86ae4.js');
9
+ require('./Envelopes-01c2e7e4.js');
10
10
  require('./Types-f89f9116.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -22,6 +22,7 @@ const VerdocsFieldAttachment = class {
22
22
  index.registerInstance(this, hostRef);
23
23
  this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
24
24
  this.deleted = index.createEvent(this, "deleted", 7);
25
+ this.attached = index.createEvent(this, "attached", 7);
25
26
  this.templateid = '';
26
27
  this.field = null;
27
28
  this.disabled = false;
@@ -40,15 +41,11 @@ const VerdocsFieldAttachment = class {
40
41
  this.dialog = document.createElement('verdocs-upload-dialog');
41
42
  this.dialog.open = true;
42
43
  this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
43
- document.addEventListener('done', e => {
44
- var _a;
45
- console.log('Attachment done', e);
46
- (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
47
- });
48
- document.addEventListener('next', e => {
49
- var _a;
44
+ document.addEventListener('next', (e) => {
45
+ var _a, _b;
50
46
  console.log('Attachment next', e);
51
- (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
47
+ (_a = this.attached) === null || _a === void 0 ? void 0 : _a.emit(e.detail[0]);
48
+ (_b = this.dialog) === null || _b === void 0 ? void 0 : _b.remove();
52
49
  });
53
50
  document.body.append(this.dialog);
54
51
  }
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  require('./_commonjsHelpers-0c557e26.js');
9
- require('./Envelopes-dba86ae4.js');
9
+ require('./Envelopes-01c2e7e4.js');
10
10
  require('./Types-f89f9116.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -3,12 +3,12 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
- const utils = require('./utils-a054fdfd.js');
6
+ const utils = require('./utils-65c99e57.js');
7
7
  const Colors = require('./Colors-e809dcc9.js');
8
8
  const Types = require('./Types-ee5afdf8.js');
9
9
  const index$1 = require('./index-7c19ba1d.js');
10
10
  require('./_commonjsHelpers-0c557e26.js');
11
- require('./Envelopes-dba86ae4.js');
11
+ require('./Envelopes-01c2e7e4.js');
12
12
  require('./Types-f89f9116.js');
13
13
  require('./Files-4bdc0c0f.js');
14
14
 
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  require('./_commonjsHelpers-0c557e26.js');
9
- require('./Envelopes-dba86ae4.js');
9
+ require('./Envelopes-01c2e7e4.js');
10
10
  require('./Types-f89f9116.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  require('./_commonjsHelpers-0c557e26.js');
9
- require('./Envelopes-dba86ae4.js');
9
+ require('./Envelopes-01c2e7e4.js');
10
10
  require('./Types-f89f9116.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  require('./_commonjsHelpers-0c557e26.js');
9
- require('./Envelopes-dba86ae4.js');
9
+ require('./Envelopes-01c2e7e4.js');
10
10
  require('./Types-f89f9116.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  require('./_commonjsHelpers-0c557e26.js');
9
- require('./Envelopes-dba86ae4.js');
9
+ require('./Envelopes-01c2e7e4.js');
10
10
  require('./Types-f89f9116.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  require('./_commonjsHelpers-0c557e26.js');
9
- require('./Envelopes-dba86ae4.js');
9
+ require('./Envelopes-01c2e7e4.js');
10
10
  require('./Types-f89f9116.js');
11
11
  require('./Files-4bdc0c0f.js');
12
12
  require('./Types-ee5afdf8.js');
@@ -8,9 +8,9 @@ require('./Types-f89f9116.js');
8
8
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
9
9
  const Fields = require('./Fields-705a2168.js');
10
10
  const Colors = require('./Colors-e809dcc9.js');
11
- const utils = require('./utils-a054fdfd.js');
11
+ const utils = require('./utils-65c99e57.js');
12
12
  require('./_commonjsHelpers-0c557e26.js');
13
- require('./Envelopes-dba86ae4.js');
13
+ require('./Envelopes-01c2e7e4.js');
14
14
  require('./Files-4bdc0c0f.js');
15
15
  require('./Types-ee5afdf8.js');
16
16
  require('./index-7c19ba1d.js');
@@ -8,9 +8,9 @@ require('./Types-f89f9116.js');
8
8
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
9
9
  const Fields = require('./Fields-705a2168.js');
10
10
  const Colors = require('./Colors-e809dcc9.js');
11
- const utils = require('./utils-a054fdfd.js');
11
+ const utils = require('./utils-65c99e57.js');
12
12
  require('./_commonjsHelpers-0c557e26.js');
13
- require('./Envelopes-dba86ae4.js');
13
+ require('./Envelopes-01c2e7e4.js');
14
14
  require('./Files-4bdc0c0f.js');
15
15
  require('./Types-ee5afdf8.js');
16
16
  require('./index-7c19ba1d.js');
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Colors = require('./Colors-e809dcc9.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  const Types = require('./Types-ee5afdf8.js');
9
9
  const index$1 = require('./index-7c19ba1d.js');
10
10
  require('./_commonjsHelpers-0c557e26.js');
11
- require('./Envelopes-dba86ae4.js');
11
+ require('./Envelopes-01c2e7e4.js');
12
12
  require('./Types-f89f9116.js');
13
13
  require('./Files-4bdc0c0f.js');
14
14
 
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1d5fc518.js');
6
6
  const Primitives = require('./Primitives-be5088cb.js');
7
- const utils = require('./utils-a054fdfd.js');
7
+ const utils = require('./utils-65c99e57.js');
8
8
  const popper = require('./popper-d7adcfc6.js');
9
9
  require('./_commonjsHelpers-0c557e26.js');
10
- require('./Envelopes-dba86ae4.js');
10
+ require('./Envelopes-01c2e7e4.js');
11
11
  require('./Types-f89f9116.js');
12
12
  require('./Files-4bdc0c0f.js');
13
13
  require('./Types-ee5afdf8.js');
@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-1d5fc518.js');
6
6
  require('./Types-f89f9116.js');
7
7
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
8
- const utils = require('./utils-a054fdfd.js');
8
+ const utils = require('./utils-65c99e57.js');
9
9
  const TemplateStore = require('./TemplateStore-4041d8af.js');
10
10
  const errors = require('./errors-0396da3d.js');
11
11
  require('./_commonjsHelpers-0c557e26.js');
12
- require('./Envelopes-dba86ae4.js');
12
+ require('./Envelopes-01c2e7e4.js');
13
13
  require('./Files-4bdc0c0f.js');
14
14
  require('./Types-ee5afdf8.js');
15
15
  require('./index-7c19ba1d.js');
@@ -8,12 +8,12 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
8
8
  const Validators = require('./Validators-16e6d7d1.js');
9
9
  const Colors = require('./Colors-e809dcc9.js');
10
10
  const TemplateStore = require('./TemplateStore-4041d8af.js');
11
- const utils = require('./utils-a054fdfd.js');
11
+ const utils = require('./utils-65c99e57.js');
12
12
  const errors = require('./errors-0396da3d.js');
13
13
  require('./index-f664e4d0.js');
14
14
  require('./Templates-f6e75719.js');
15
15
  require('./_commonjsHelpers-0c557e26.js');
16
- require('./Envelopes-dba86ae4.js');
16
+ require('./Envelopes-01c2e7e4.js');
17
17
  require('./Files-4bdc0c0f.js');
18
18
  require('./Types-ee5afdf8.js');
19
19
  require('./index-7c19ba1d.js');
@@ -3,13 +3,13 @@
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 Types$1 = require('./Types-f89f9116.js');
8
8
  const Recipients = require('./Recipients-f3d6cf10.js');
9
9
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
10
10
  const Validators = require('./Validators-16e6d7d1.js');
11
11
  const Primitives = require('./Primitives-be5088cb.js');
12
- const utils = require('./utils-a054fdfd.js');
12
+ const utils = require('./utils-65c99e57.js');
13
13
  const Types = require('./Types-ee5afdf8.js');
14
14
  const errors = require('./errors-0396da3d.js');
15
15
  const Toast = require('./Toast-06880504.js');
@@ -404,6 +404,15 @@ const VerdocsSign = class {
404
404
  this.checkRecipientFields();
405
405
  }
406
406
  });
407
+ el.addEventListener('attached', async (e) => {
408
+ console.log('[SIGN] onAttached', e.detail, e.target.value);
409
+ const r = await Envelopes.uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail);
410
+ console.log('upload result', r);
411
+ this.checkRecipientFields();
412
+ });
413
+ el.addEventListener('removed', (e) => {
414
+ console.log('[SIGN] onRemoved', e.detail, e.target.value);
415
+ });
407
416
  el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
408
417
  el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
409
418
  el.setAttribute('page', pageInfo.pageNumber);
@@ -6,10 +6,10 @@ const index = require('./index-1d5fc518.js');
6
6
  require('./Types-f89f9116.js');
7
7
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
8
8
  const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
9
- const utils = require('./utils-a054fdfd.js');
9
+ const utils = require('./utils-65c99e57.js');
10
10
  const popper = require('./popper-d7adcfc6.js');
11
11
  require('./_commonjsHelpers-0c557e26.js');
12
- require('./Envelopes-dba86ae4.js');
12
+ require('./Envelopes-01c2e7e4.js');
13
13
  require('./Files-4bdc0c0f.js');
14
14
  require('./Types-ee5afdf8.js');
15
15
  require('./index-7c19ba1d.js');
@@ -8,13 +8,13 @@ require('./Types-f89f9116.js');
8
8
  const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
9
9
  const Fields = require('./Fields-705a2168.js');
10
10
  const Primitives = require('./Primitives-be5088cb.js');
11
- const utils = require('./utils-a054fdfd.js');
11
+ const utils = require('./utils-65c99e57.js');
12
12
  const TemplateStore = require('./TemplateStore-4041d8af.js');
13
13
  const errors = require('./errors-0396da3d.js');
14
14
  const Colors = require('./Colors-e809dcc9.js');
15
15
  const Templates = require('./Templates-f6e75719.js');
16
16
  require('./_commonjsHelpers-0c557e26.js');
17
- require('./Envelopes-dba86ae4.js');
17
+ require('./Envelopes-01c2e7e4.js');
18
18
  require('./Files-4bdc0c0f.js');
19
19
  require('./Types-ee5afdf8.js');
20
20
  require('./index-7c19ba1d.js');
@@ -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: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;-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-a054fdfd.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');
@@ -6,16 +6,16 @@ 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
21
  width: 320px;
@@ -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);
@@ -27,15 +27,11 @@ export class VerdocsFieldAttachment {
27
27
  this.dialog = document.createElement('verdocs-upload-dialog');
28
28
  this.dialog.open = true;
29
29
  this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
30
- document.addEventListener('done', e => {
31
- var _a;
32
- console.log('Attachment done', e);
33
- (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
34
- });
35
- document.addEventListener('next', e => {
36
- var _a;
30
+ document.addEventListener('next', (e) => {
31
+ var _a, _b;
37
32
  console.log('Attachment next', e);
38
- (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
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();
39
35
  });
40
36
  document.body.append(this.dialog);
41
37
  }
@@ -311,6 +307,21 @@ export class VerdocsFieldAttachment {
311
307
  "resolved": "{ fieldName: string; }",
312
308
  "references": {}
313
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
+ }
314
325
  }];
315
326
  }
316
327
  static get methods() {
@@ -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();