@verdocs/web-sdk 2.0.19 → 2.0.21

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 (171) 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-button.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 +7 -10
  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 -2
  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 +11 -2
  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/collection/components/controls/verdocs-button/verdocs-button.css +4 -0
  31. package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.css +15 -13
  32. package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js +10 -1
  33. package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js +19 -8
  34. package/dist/components/EnvelopeStore.js +1 -1
  35. package/dist/components/Envelopes.js +21 -1
  36. package/dist/components/utils.js +1 -1
  37. package/dist/components/verdocs-button2.js +1 -1
  38. package/dist/components/verdocs-envelope-document-page2.js +1 -1
  39. package/dist/components/verdocs-field-attachment.js +5 -8
  40. package/dist/components/verdocs-sign.js +10 -1
  41. package/dist/components/verdocs-upload-dialog2.js +1 -1
  42. package/dist/docs.json +10 -1
  43. package/dist/esm/{EnvelopeStore-ab955cb5.js → EnvelopeStore-26315437.js} +1 -1
  44. package/dist/esm/{Envelopes-290f96cc.js → Envelopes-9ccae245.js} +21 -1
  45. package/dist/esm/{utils-4cfd02d2.js → utils-a3504472.js} +1 -1
  46. package/dist/esm/verdocs-activity-box.entry.js +1 -1
  47. package/dist/esm/verdocs-button.entry.js +1 -1
  48. package/dist/esm/verdocs-contact-picker.entry.js +2 -2
  49. package/dist/esm/verdocs-envelope-document-page.entry.js +2 -2
  50. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +2 -2
  51. package/dist/esm/verdocs-envelope-sidebar.entry.js +2 -2
  52. package/dist/esm/verdocs-envelopes-list.entry.js +2 -2
  53. package/dist/esm/verdocs-field-attachment.entry.js +7 -10
  54. package/dist/esm/verdocs-field-checkbox.entry.js +2 -2
  55. package/dist/esm/verdocs-field-date.entry.js +2 -2
  56. package/dist/esm/verdocs-field-dropdown.entry.js +2 -2
  57. package/dist/esm/verdocs-field-initial.entry.js +2 -2
  58. package/dist/esm/verdocs-field-payment.entry.js +2 -2
  59. package/dist/esm/verdocs-field-radio-button.entry.js +2 -2
  60. package/dist/esm/verdocs-field-signature.entry.js +2 -2
  61. package/dist/esm/verdocs-field-textarea.entry.js +2 -2
  62. package/dist/esm/verdocs-field-textbox.entry.js +2 -2
  63. package/dist/esm/verdocs-field-timestamp.entry.js +2 -2
  64. package/dist/esm/verdocs-pagination_3.entry.js +2 -2
  65. package/dist/esm/verdocs-preview.entry.js +2 -2
  66. package/dist/esm/verdocs-send.entry.js +2 -2
  67. package/dist/esm/verdocs-sign.entry.js +11 -2
  68. package/dist/esm/verdocs-template-document-page_2.entry.js +2 -2
  69. package/dist/esm/verdocs-template-fields_4.entry.js +2 -2
  70. package/dist/esm/verdocs-upload-dialog.entry.js +1 -1
  71. package/dist/esm/verdocs-view.entry.js +2 -2
  72. package/dist/esm-es5/{EnvelopeStore-ab955cb5.js → EnvelopeStore-26315437.js} +1 -1
  73. package/dist/esm-es5/{Envelopes-290f96cc.js → Envelopes-9ccae245.js} +1 -1
  74. package/dist/esm-es5/{utils-4cfd02d2.js → utils-a3504472.js} +1 -1
  75. package/dist/esm-es5/verdocs-activity-box.entry.js +1 -1
  76. package/dist/esm-es5/verdocs-button.entry.js +1 -1
  77. package/dist/esm-es5/verdocs-contact-picker.entry.js +1 -1
  78. package/dist/esm-es5/verdocs-envelope-document-page.entry.js +1 -1
  79. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  80. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  81. package/dist/esm-es5/verdocs-envelopes-list.entry.js +1 -1
  82. package/dist/esm-es5/verdocs-field-attachment.entry.js +1 -1
  83. package/dist/esm-es5/verdocs-field-checkbox.entry.js +1 -1
  84. package/dist/esm-es5/verdocs-field-date.entry.js +1 -1
  85. package/dist/esm-es5/verdocs-field-dropdown.entry.js +1 -1
  86. package/dist/esm-es5/verdocs-field-initial.entry.js +1 -1
  87. package/dist/esm-es5/verdocs-field-payment.entry.js +1 -1
  88. package/dist/esm-es5/verdocs-field-radio-button.entry.js +1 -1
  89. package/dist/esm-es5/verdocs-field-signature.entry.js +1 -1
  90. package/dist/esm-es5/verdocs-field-textarea.entry.js +1 -1
  91. package/dist/esm-es5/verdocs-field-textbox.entry.js +1 -1
  92. package/dist/esm-es5/verdocs-field-timestamp.entry.js +1 -1
  93. package/dist/esm-es5/verdocs-pagination_3.entry.js +1 -1
  94. package/dist/esm-es5/verdocs-preview.entry.js +1 -1
  95. package/dist/esm-es5/verdocs-send.entry.js +1 -1
  96. package/dist/esm-es5/verdocs-sign.entry.js +1 -1
  97. package/dist/esm-es5/verdocs-template-document-page_2.entry.js +1 -1
  98. package/dist/esm-es5/verdocs-template-fields_4.entry.js +1 -1
  99. package/dist/esm-es5/verdocs-upload-dialog.entry.js +1 -1
  100. package/dist/esm-es5/verdocs-view.entry.js +1 -1
  101. package/dist/types/components/fields/verdocs-field-attachment/verdocs-field-attachment.d.ts +10 -0
  102. package/dist/types/components.d.ts +4 -0
  103. package/dist/verdocs-web-sdk/{p-0596b9f1.system.entry.js → p-00229e30.system.entry.js} +1 -1
  104. package/dist/verdocs-web-sdk/{p-61af92bf.system.entry.js → p-00b90b95.system.entry.js} +1 -1
  105. package/dist/verdocs-web-sdk/p-00dcb2d7.entry.js +1 -0
  106. package/dist/verdocs-web-sdk/{p-801e4851.entry.js → p-0100e5cd.entry.js} +1 -1
  107. package/dist/verdocs-web-sdk/{p-e52e9076.system.js → p-02bda176.system.js} +1 -1
  108. package/dist/verdocs-web-sdk/{p-6cd83bce.system.entry.js → p-08c75409.system.entry.js} +1 -1
  109. package/dist/verdocs-web-sdk/p-0b0a2fbd.system.js +1 -0
  110. package/dist/verdocs-web-sdk/{p-56b20de8.system.entry.js → p-0ec94d1b.system.entry.js} +1 -1
  111. package/dist/verdocs-web-sdk/{p-19cc8a25.system.entry.js → p-10a58bc0.system.entry.js} +1 -1
  112. package/dist/verdocs-web-sdk/{p-e91ac3e9.system.entry.js → p-13da9776.system.entry.js} +1 -1
  113. package/dist/verdocs-web-sdk/{p-649aaf19.entry.js → p-1708f25d.entry.js} +1 -1
  114. package/dist/verdocs-web-sdk/{p-921cbd3d.system.entry.js → p-29f70720.system.entry.js} +1 -1
  115. package/dist/verdocs-web-sdk/{p-4edec688.system.entry.js → p-32d173cf.system.entry.js} +1 -1
  116. package/dist/verdocs-web-sdk/{p-19812712.entry.js → p-369ea745.entry.js} +1 -1
  117. package/dist/verdocs-web-sdk/{p-ce985b5a.system.entry.js → p-3ff21704.system.entry.js} +1 -1
  118. package/dist/verdocs-web-sdk/{p-f4688a0d.entry.js → p-43d78f20.entry.js} +1 -1
  119. package/dist/verdocs-web-sdk/{p-72c2468c.system.entry.js → p-466ae9b3.system.entry.js} +1 -1
  120. package/dist/verdocs-web-sdk/{p-ff0b131b.entry.js → p-4e60b427.entry.js} +1 -1
  121. package/dist/verdocs-web-sdk/{p-35e92134.system.entry.js → p-53447ca3.system.entry.js} +1 -1
  122. package/dist/verdocs-web-sdk/{p-bd19acc7.system.entry.js → p-543d12af.system.entry.js} +1 -1
  123. package/dist/verdocs-web-sdk/{p-813a2541.system.entry.js → p-5464c8f3.system.entry.js} +1 -1
  124. package/dist/verdocs-web-sdk/{p-ecf9aa75.entry.js → p-5e3559ff.entry.js} +1 -1
  125. package/dist/verdocs-web-sdk/p-606e0405.entry.js +1 -0
  126. package/dist/verdocs-web-sdk/p-647cdb84.system.js +1 -1
  127. package/dist/verdocs-web-sdk/{p-7297edd7.system.entry.js → p-6785d5ea.system.entry.js} +1 -1
  128. package/dist/verdocs-web-sdk/{p-b1495e53.system.entry.js → p-67a4588a.system.entry.js} +1 -1
  129. package/dist/verdocs-web-sdk/{p-a20a74f1.entry.js → p-6ce6c81f.entry.js} +1 -1
  130. package/dist/verdocs-web-sdk/{p-120565ca.system.entry.js → p-704b515e.system.entry.js} +1 -1
  131. package/dist/verdocs-web-sdk/{p-66b42873.system.entry.js → p-70ca15f7.system.entry.js} +1 -1
  132. package/dist/verdocs-web-sdk/{p-a9700109.entry.js → p-71cce1d5.entry.js} +1 -1
  133. package/dist/verdocs-web-sdk/{p-a2355382.entry.js → p-761cd04f.entry.js} +1 -1
  134. package/dist/verdocs-web-sdk/{p-dfd8e0f2.js → p-86433cb0.js} +1 -1
  135. package/dist/verdocs-web-sdk/{p-3ff89eb4.system.entry.js → p-890cd7fd.system.entry.js} +1 -1
  136. package/dist/verdocs-web-sdk/{p-0a086720.system.entry.js → p-8dbb3599.system.entry.js} +1 -1
  137. package/dist/verdocs-web-sdk/{p-4e397722.system.entry.js → p-94f811f6.system.entry.js} +1 -1
  138. package/dist/verdocs-web-sdk/{p-8ce21812.entry.js → p-a5239b05.entry.js} +1 -1
  139. package/dist/verdocs-web-sdk/{p-26fe07cf.js → p-aa637390.js} +1 -1
  140. package/dist/verdocs-web-sdk/{p-18529f2d.system.entry.js → p-b288f867.system.entry.js} +1 -1
  141. package/dist/verdocs-web-sdk/p-b5591ddc.js +1 -0
  142. package/dist/verdocs-web-sdk/{p-dee53b77.entry.js → p-b8ba7838.entry.js} +1 -1
  143. package/dist/verdocs-web-sdk/p-bbdb47e7.entry.js +1 -0
  144. package/dist/verdocs-web-sdk/{p-5490dd4c.entry.js → p-bd287aad.entry.js} +1 -1
  145. package/dist/verdocs-web-sdk/{p-fafe0308.entry.js → p-c3c0376a.entry.js} +1 -1
  146. package/dist/verdocs-web-sdk/{p-56f17fc6.entry.js → p-c98dc1dc.entry.js} +1 -1
  147. package/dist/verdocs-web-sdk/p-c9fe8bad.system.entry.js +1 -0
  148. package/dist/verdocs-web-sdk/{p-064f62f1.entry.js → p-cbefbfda.entry.js} +1 -1
  149. package/dist/verdocs-web-sdk/{p-25074c75.entry.js → p-d08dde38.entry.js} +1 -1
  150. package/dist/verdocs-web-sdk/{p-059657ef.system.js → p-d1020e11.system.js} +1 -1
  151. package/dist/verdocs-web-sdk/{p-2ff0ab4f.system.entry.js → p-d339db07.system.entry.js} +1 -1
  152. package/dist/verdocs-web-sdk/p-dfa2cada.system.entry.js +1 -0
  153. package/dist/verdocs-web-sdk/{p-4db10b76.entry.js → p-e16eedbd.entry.js} +1 -1
  154. package/dist/verdocs-web-sdk/{p-b3bb3dbd.entry.js → p-e23b9c03.entry.js} +1 -1
  155. package/dist/verdocs-web-sdk/{p-df3992d1.entry.js → p-e2ef1a46.entry.js} +1 -1
  156. package/dist/verdocs-web-sdk/{p-d20e83c7.entry.js → p-e36f0402.entry.js} +1 -1
  157. package/dist/verdocs-web-sdk/{p-b505399c.entry.js → p-e6616a5e.entry.js} +1 -1
  158. package/dist/verdocs-web-sdk/{p-ad614498.entry.js → p-e749e4b8.entry.js} +1 -1
  159. package/dist/verdocs-web-sdk/{p-1ff8ceba.entry.js → p-e8d9c730.entry.js} +1 -1
  160. package/dist/verdocs-web-sdk/{p-8fc9f797.system.entry.js → p-f26a6d84.system.entry.js} +1 -1
  161. package/dist/verdocs-web-sdk/p-fbabbcea.system.entry.js +1 -0
  162. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  163. package/package.json +2 -2
  164. package/dist/verdocs-web-sdk/p-3946e093.entry.js +0 -1
  165. package/dist/verdocs-web-sdk/p-4cb3fa5f.system.js +0 -1
  166. package/dist/verdocs-web-sdk/p-579bfdb7.system.entry.js +0 -1
  167. package/dist/verdocs-web-sdk/p-6a404a88.entry.js +0 -1
  168. package/dist/verdocs-web-sdk/p-72c63106.js +0 -1
  169. package/dist/verdocs-web-sdk/p-85baf444.entry.js +0 -1
  170. package/dist/verdocs-web-sdk/p-8c78f78b.system.entry.js +0 -1
  171. package/dist/verdocs-web-sdk/p-9ef4527a.system.entry.js +0 -1
@@ -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();
@@ -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';
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
 
3
- const verdocsButtonCss = "verdocs-button button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}";
3
+ const verdocsButtonCss = "verdocs-button button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}";
4
4
 
5
5
  const VerdocsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
2
- import { e as getEnvelopeDocumentPageDisplayUri } from './Envelopes.js';
2
+ import { f as getEnvelopeDocumentPageDisplayUri } from './Envelopes.js';
3
3
  import './Types.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
5
5
  import { t as throttle } from './utils.js';
@@ -22,6 +22,7 @@ const VerdocsFieldAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends
22
22
  this.__registerHost();
23
23
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
24
24
  this.deleted = createEvent(this, "deleted", 7);
25
+ this.attached = createEvent(this, "attached", 7);
25
26
  this.templateid = '';
26
27
  this.field = null;
27
28
  this.disabled = false;
@@ -40,15 +41,11 @@ const VerdocsFieldAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends
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
  }
@@ -1,5 +1,5 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
2
- import { a as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, b as updateEnvelopeFieldSignature, d as updateEnvelopeFieldInitials } from './Envelopes.js';
2
+ import { a as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, b as updateEnvelopeFieldSignature, d as updateEnvelopeFieldInitials, e as uploadEnvelopeFieldAttachment } from './Envelopes.js';
3
3
  import { R as RecipientStates } from './Types.js';
4
4
  import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelopeRecipientSubmit } from './Recipients.js';
5
5
  import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
@@ -406,6 +406,15 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
406
406
  this.checkRecipientFields();
407
407
  }
408
408
  });
409
+ el.addEventListener('attached', async (e) => {
410
+ console.log('[SIGN] onAttached', e.detail, e.target.value);
411
+ const r = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail);
412
+ console.log('upload result', r);
413
+ this.checkRecipientFields();
414
+ });
415
+ el.addEventListener('removed', (e) => {
416
+ console.log('[SIGN] onRemoved', e.detail, e.target.value);
417
+ });
409
418
  el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
410
419
  el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
411
420
  el.setAttribute('page', pageInfo.pageNumber);
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
2
2
  import { f as fileToDataUrl } from './Files.js';
3
3
  import { d as defineCustomElement$1 } from './verdocs-button2.js';
4
4
 
5
- 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}";
5
+ 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}";
6
6
 
7
7
  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>`;
8
8
  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>`;
package/dist/docs.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2023-08-04T15:06:54",
2
+ "timestamp": "2023-08-09T14:02:19",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "2.20.0",
@@ -2292,6 +2292,15 @@
2292
2292
  }
2293
2293
  ],
2294
2294
  "events": [
2295
+ {
2296
+ "event": "attached",
2297
+ "detail": "{ data: string; lastModified: number; name: string; size: number; type: string; }",
2298
+ "bubbles": true,
2299
+ "cancelable": true,
2300
+ "composed": true,
2301
+ "docs": "Event fired when the field is deleted.",
2302
+ "docsTags": []
2303
+ },
2295
2304
  {
2296
2305
  "event": "deleted",
2297
2306
  "detail": "{ fieldName: string; }",
@@ -1,5 +1,5 @@
1
1
  import { c as createStore } from './index-38d7bc0b.js';
2
- import { a as getEnvelope } from './Envelopes-290f96cc.js';
2
+ import { a as getEnvelope } from './Envelopes-9ccae245.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 { getEnvelope as a, getEnvelopeFile as b, cancelEnvelope as c, getFieldAttachment as d, getSigningSession as e, updateEnvelopeFieldSignature as f, getSummary as g, updateEnvelopeFieldInitials as h, getEnvelopeDocumentPageDisplayUri as i, searchEnvelopes as s, throttledGetEnvelope as t, updateEnvelopeField as u };
218
+ export { getEnvelope as a, getEnvelopeFile as b, cancelEnvelope as c, getFieldAttachment as d, getSigningSession as e, updateEnvelopeFieldSignature as f, getSummary as g, updateEnvelopeFieldInitials as h, uploadEnvelopeFieldAttachment as i, getEnvelopeDocumentPageDisplayUri as j, searchEnvelopes as s, throttledGetEnvelope as t, updateEnvelopeField as u };
@@ -1,5 +1,5 @@
1
1
  import { c as createCommonjsModule, a as commonjsGlobal, b as commonjsRequire } from './_commonjsHelpers-5ec8f9b7.js';
2
- import { b as getEnvelopeFile, d as getFieldAttachment } from './Envelopes-290f96cc.js';
2
+ import { b as getEnvelopeFile, d as getFieldAttachment } from './Envelopes-9ccae245.js';
3
3
  import './Types-5f31149e.js';
4
4
  import { d as downloadBlob } from './Files-70a192df.js';
5
5
  import { a as FORMAT_DATE } from './Types-de18e225.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
- import { g as getSummary } from './Envelopes-290f96cc.js';
2
+ import { g as getSummary } from './Envelopes-9ccae245.js';
3
3
  import './Types-5f31149e.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
5
5
  import { i as integerSequence } from './Primitives-054bc6e5.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-151c0874.js';
2
2
 
3
- const verdocsButtonCss = "verdocs-button button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}";
3
+ const verdocsButtonCss = "verdocs-button button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;text-transform:uppercase;-ms-flex-pack:center;justify-content:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;font-weight:700;cursor:pointer;margin:0}verdocs-button button:disabled{cursor:inherit;pointer-events:none}verdocs-button button .icon{margin:0 12px}verdocs-button button .icon svg{fill:#ffffff;display:block}verdocs-button button .button-label{padding:0 12px}verdocs-button button.small{height:34px;font-size:13px}verdocs-button button.small .icon{margin:0 4px}verdocs-button button.small .icon svg{margin:2px 0 0 0;height:20px}verdocs-button button.small .button-label{padding:0 4px}verdocs-button button.normal{height:44px;font-size:14px}verdocs-button button.normal .icon.start{margin:0 4px 0 8px}verdocs-button button.normal .icon.end{margin:0 8px 0 4px}verdocs-button button.normal .icon svg{margin:2px 0 0 0;height:22px}verdocs-button button.normal .button-label{padding:0 10px}verdocs-button button.medium{height:52px;font-size:16px}verdocs-button button.medium .icon.start{margin:0 0 0 18px}verdocs-button button.medium .icon.end{margin:0 18px 0 0}verdocs-button button.medium .icon svg{margin:2px 0 0 0;height:26px}verdocs-button button.medium .button-label{padding:0 20px}verdocs-button button.large{height:60px;font-size:20px}verdocs-button button.large .icon.start{margin:0 0 0 24px}verdocs-button button.large .icon.end{margin:0 24px 0 0}verdocs-button button.large .icon svg{margin:2px 0 0 0;height:32px}verdocs-button button.large .button-label{padding:0 34px}verdocs-button button.standard{background:#55bc81;border-radius:4px;outline:none;border:none;color:white}verdocs-button button.standard:disabled{background-color:#999999;cursor:default}verdocs-button button.standard:active:not([disabled]){-webkit-filter:brightness(110%);filter:brightness(110%)}verdocs-button button.text{color:#4c56cb;background:transparent;font-weight:500;padding:0 4px;outline:none;border:none}verdocs-button button.text:disabled{color:#999999}verdocs-button button.text:active:not([disabled]){-webkit-filter:brightness(130%);filter:brightness(130%)}verdocs-button button.text .icon svg{fill:#4c56cb}verdocs-button button.outline{border:1px solid #4c56cb;color:#4c56cb;outline:none;background:transparent;border-radius:4px;padding:0 20px}verdocs-button button.outline:disabled{color:#999999;border:1px solid #999999}verdocs-button button.outline:active{background:#4c56cb;color:white}verdocs-button button.outline .icon svg{fill:#4c56cb}";
4
4
 
5
5
  const VerdocsButton = class {
6
6
  constructor(hostRef) {
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-151c0874.js';
2
2
  import './Types-5f31149e.js';
3
3
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
4
- import { d as convertToE164 } from './utils-4cfd02d2.js';
4
+ import { d as convertToE164 } from './utils-a3504472.js';
5
5
  import './_commonjsHelpers-5ec8f9b7.js';
6
- import './Envelopes-290f96cc.js';
6
+ import './Envelopes-9ccae245.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
9
9
  import './index-914ed6f7.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-151c0874.js';
2
- import { i as getEnvelopeDocumentPageDisplayUri } from './Envelopes-290f96cc.js';
2
+ import { j as getEnvelopeDocumentPageDisplayUri } from './Envelopes-9ccae245.js';
3
3
  import './Types-5f31149e.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
5
- import { t as throttle } from './utils-4cfd02d2.js';
5
+ import { t as throttle } from './utils-a3504472.js';
6
6
  import './_commonjsHelpers-5ec8f9b7.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -2,12 +2,12 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-1
2
2
  import './Types-5f31149e.js';
3
3
  import { g as getInPersonLink } from './Recipients-4ec2138c.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
5
- import { g as getEnvelopeStore } from './EnvelopeStore-ab955cb5.js';
5
+ import { g as getEnvelopeStore } from './EnvelopeStore-26315437.js';
6
6
  import { V as VerdocsToast } from './Toast-f3b8fd46.js';
7
7
  import { S as SDKError } from './errors-9b5498c8.js';
8
8
  import { g as getRecipientsWithActions, r as recipientCanAct } from './Permissions-391258bd.js';
9
9
  import './index-38d7bc0b.js';
10
- import './Envelopes-290f96cc.js';
10
+ import './Envelopes-9ccae245.js';
11
11
 
12
12
  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%}";
13
13
 
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
- import { c as cancelEnvelope } from './Envelopes-290f96cc.js';
2
+ import { c as cancelEnvelope } from './Envelopes-9ccae245.js';
3
3
  import { u as userIsEnvelopeOwner } from './Permissions-391258bd.js';
4
4
  import { r as resendInvitation } from './Recipients-4ec2138c.js';
5
5
  import './Types-5f31149e.js';
6
6
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
7
- import { g as getEnvelopeStore } from './EnvelopeStore-ab955cb5.js';
7
+ import { g as getEnvelopeStore } from './EnvelopeStore-26315437.js';
8
8
  import { F as FORMAT_TIMESTAMP } from './Types-de18e225.js';
9
9
  import { V as VerdocsToast } from './Toast-f3b8fd46.js';
10
10
  import { S as SDKError } from './errors-9b5498c8.js';
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
- import { s as searchEnvelopes, c as cancelEnvelope } from './Envelopes-290f96cc.js';
2
+ import { s as searchEnvelopes, c as cancelEnvelope } from './Envelopes-9ccae245.js';
3
3
  import { g as getRecipientsWithActions, a as userCanAct, b as userCanCancelEnvelope } from './Permissions-391258bd.js';
4
4
  import './Types-5f31149e.js';
5
5
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
6
- import { s as saveEnvelopesAsZip } from './utils-4cfd02d2.js';
6
+ import { s as saveEnvelopesAsZip } from './utils-a3504472.js';
7
7
  import { V as VerdocsToast } from './Toast-f3b8fd46.js';
8
8
  import { S as SDKError } from './errors-9b5498c8.js';
9
9
  import './_commonjsHelpers-5ec8f9b7.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import './_commonjsHelpers-5ec8f9b7.js';
5
- import './Envelopes-290f96cc.js';
5
+ import './Envelopes-9ccae245.js';
6
6
  import './Types-5f31149e.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -18,6 +18,7 @@ const VerdocsFieldAttachment = class {
18
18
  registerInstance(this, hostRef);
19
19
  this.settingsChanged = createEvent(this, "settingsChanged", 7);
20
20
  this.deleted = createEvent(this, "deleted", 7);
21
+ this.attached = createEvent(this, "attached", 7);
21
22
  this.templateid = '';
22
23
  this.field = null;
23
24
  this.disabled = false;
@@ -36,15 +37,11 @@ const VerdocsFieldAttachment = class {
36
37
  this.dialog = document.createElement('verdocs-upload-dialog');
37
38
  this.dialog.open = true;
38
39
  this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
39
- document.addEventListener('done', e => {
40
- var _a;
41
- console.log('Attachment done', e);
42
- (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
43
- });
44
- document.addEventListener('next', e => {
45
- var _a;
40
+ document.addEventListener('next', (e) => {
41
+ var _a, _b;
46
42
  console.log('Attachment next', e);
47
- (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
43
+ (_a = this.attached) === null || _a === void 0 ? void 0 : _a.emit(e.detail[0]);
44
+ (_b = this.dialog) === null || _b === void 0 ? void 0 : _b.remove();
48
45
  });
49
46
  document.body.append(this.dialog);
50
47
  }
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import './_commonjsHelpers-5ec8f9b7.js';
5
- import './Envelopes-290f96cc.js';
5
+ import './Envelopes-9ccae245.js';
6
6
  import './Types-5f31149e.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
2
+ import { g as getFieldSettings } from './utils-a3504472.js';
3
3
  import { g as getRGBA } from './Colors-1b298092.js';
4
4
  import { a as FORMAT_DATE } from './Types-de18e225.js';
5
5
  import { f as format } from './index-914ed6f7.js';
6
6
  import './_commonjsHelpers-5ec8f9b7.js';
7
- import './Envelopes-290f96cc.js';
7
+ import './Envelopes-9ccae245.js';
8
8
  import './Types-5f31149e.js';
9
9
  import './Files-70a192df.js';
10
10
 
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import './_commonjsHelpers-5ec8f9b7.js';
5
- import './Envelopes-290f96cc.js';
5
+ import './Envelopes-9ccae245.js';
6
6
  import './Types-5f31149e.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import './_commonjsHelpers-5ec8f9b7.js';
5
- import './Envelopes-290f96cc.js';
5
+ import './Envelopes-9ccae245.js';
6
6
  import './Types-5f31149e.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import './_commonjsHelpers-5ec8f9b7.js';
5
- import './Envelopes-290f96cc.js';
5
+ import './Envelopes-9ccae245.js';
6
6
  import './Types-5f31149e.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import './_commonjsHelpers-5ec8f9b7.js';
5
- import './Envelopes-290f96cc.js';
5
+ import './Envelopes-9ccae245.js';
6
6
  import './Types-5f31149e.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -1,8 +1,8 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import './_commonjsHelpers-5ec8f9b7.js';
5
- import './Envelopes-290f96cc.js';
5
+ import './Envelopes-9ccae245.js';
6
6
  import './Types-5f31149e.js';
7
7
  import './Files-70a192df.js';
8
8
  import './Types-de18e225.js';
@@ -4,9 +4,9 @@ import './Types-5f31149e.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
5
5
  import { u as updateField } from './Fields-c82e6df3.js';
6
6
  import { g as getRGBA } from './Colors-1b298092.js';
7
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
7
+ import { g as getFieldSettings } from './utils-a3504472.js';
8
8
  import './_commonjsHelpers-5ec8f9b7.js';
9
- import './Envelopes-290f96cc.js';
9
+ import './Envelopes-9ccae245.js';
10
10
  import './Files-70a192df.js';
11
11
  import './Types-de18e225.js';
12
12
  import './index-914ed6f7.js';
@@ -4,9 +4,9 @@ import './Types-5f31149e.js';
4
4
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
5
5
  import { u as updateField } from './Fields-c82e6df3.js';
6
6
  import { g as getRGBA } from './Colors-1b298092.js';
7
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
7
+ import { g as getFieldSettings } from './utils-a3504472.js';
8
8
  import './_commonjsHelpers-5ec8f9b7.js';
9
- import './Envelopes-290f96cc.js';
9
+ import './Envelopes-9ccae245.js';
10
10
  import './Files-70a192df.js';
11
11
  import './Types-de18e225.js';
12
12
  import './index-914ed6f7.js';
@@ -1,10 +1,10 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import { g as getRGBA } from './Colors-1b298092.js';
3
- import { g as getFieldSettings } from './utils-4cfd02d2.js';
3
+ import { g as getFieldSettings } from './utils-a3504472.js';
4
4
  import { F as FORMAT_TIMESTAMP } from './Types-de18e225.js';
5
5
  import { f as format } from './index-914ed6f7.js';
6
6
  import './_commonjsHelpers-5ec8f9b7.js';
7
- import './Envelopes-290f96cc.js';
7
+ import './Envelopes-9ccae245.js';
8
8
  import './Types-5f31149e.js';
9
9
  import './Files-70a192df.js';
10
10
 
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-151c0874.js';
2
2
  import { i as integerSequence } from './Primitives-054bc6e5.js';
3
- import { f as renderedTextWidth } from './utils-4cfd02d2.js';
3
+ import { f as renderedTextWidth } from './utils-a3504472.js';
4
4
  import { c as createPopper } from './popper-15e448b4.js';
5
5
  import './_commonjsHelpers-5ec8f9b7.js';
6
- import './Envelopes-290f96cc.js';
6
+ import './Envelopes-9ccae245.js';
7
7
  import './Types-5f31149e.js';
8
8
  import './Files-70a192df.js';
9
9
  import './Types-de18e225.js';
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-151c0874.js';
2
2
  import './Types-5f31149e.js';
3
3
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
4
- import { r as renderDocumentField, a as getRoleIndex } from './utils-4cfd02d2.js';
4
+ import { r as renderDocumentField, a as getRoleIndex } from './utils-a3504472.js';
5
5
  import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-01a9d18f.js';
6
6
  import { S as SDKError } from './errors-9b5498c8.js';
7
7
  import './_commonjsHelpers-5ec8f9b7.js';
8
- import './Envelopes-290f96cc.js';
8
+ import './Envelopes-9ccae245.js';
9
9
  import './Files-70a192df.js';
10
10
  import './Types-de18e225.js';
11
11
  import './index-914ed6f7.js';
@@ -4,12 +4,12 @@ import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
4
4
  import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
5
5
  import { g as getRGBA } from './Colors-1b298092.js';
6
6
  import { g as getTemplateStore } from './TemplateStore-01a9d18f.js';
7
- import { a as getRoleIndex } from './utils-4cfd02d2.js';
7
+ import { a as getRoleIndex } from './utils-a3504472.js';
8
8
  import { S as SDKError } from './errors-9b5498c8.js';
9
9
  import './index-38d7bc0b.js';
10
10
  import './Templates-f90883f7.js';
11
11
  import './_commonjsHelpers-5ec8f9b7.js';
12
- import './Envelopes-290f96cc.js';
12
+ import './Envelopes-9ccae245.js';
13
13
  import './Files-70a192df.js';
14
14
  import './Types-de18e225.js';
15
15
  import './index-914ed6f7.js';
@@ -1,11 +1,11 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-151c0874.js';
2
- import { e as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, f as updateEnvelopeFieldSignature, h as updateEnvelopeFieldInitials } from './Envelopes-290f96cc.js';
2
+ import { e as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, f as updateEnvelopeFieldSignature, h as updateEnvelopeFieldInitials, i as uploadEnvelopeFieldAttachment } from './Envelopes-9ccae245.js';
3
3
  import { R as RecipientStates } from './Types-5f31149e.js';
4
4
  import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelopeRecipientSubmit } from './Recipients-4ec2138c.js';
5
5
  import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
6
6
  import { a as isValidPhone, i as isValidEmail } from './Validators-f110bae2.js';
7
7
  import { f as fullNameToInitials, i as integerSequence } from './Primitives-054bc6e5.js';
8
- import { b as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils-4cfd02d2.js';
8
+ import { b as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils-a3504472.js';
9
9
  import { a as FORMAT_DATE } from './Types-de18e225.js';
10
10
  import { S as SDKError } from './errors-9b5498c8.js';
11
11
  import { V as VerdocsToast } from './Toast-f3b8fd46.js';
@@ -400,6 +400,15 @@ const VerdocsSign = class {
400
400
  this.checkRecipientFields();
401
401
  }
402
402
  });
403
+ el.addEventListener('attached', async (e) => {
404
+ console.log('[SIGN] onAttached', e.detail, e.target.value);
405
+ const r = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail);
406
+ console.log('upload result', r);
407
+ this.checkRecipientFields();
408
+ });
409
+ el.addEventListener('removed', (e) => {
410
+ console.log('[SIGN] onRemoved', e.detail, e.target.value);
411
+ });
403
412
  el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
404
413
  el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
405
414
  el.setAttribute('page', pageInfo.pageNumber);