@verdocs/web-sdk 2.0.19 → 2.0.21

package/dist/cjs/{EnvelopeStore-2c06f2bd.js → EnvelopeStore-b60a1bd3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-f664e4d0.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 
 const createEnvelopeStore = (envelopeId) => {
   const now = new Date().toISOString();

package/dist/cjs/{Envelopes-dba86ae4.js → Envelopes-01c2e7e4.js}

@@ -151,6 +151,26 @@ var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, ini
                 .then(function (r) { return r.data; })];
     });
 }); };
+/**
+ * Upload an attachment.
+ */
+var uploadEnvelopeFieldAttachment = function (endpoint, envelopeId, fieldName, file, onUploadProgress) { return __awaiter(void 0, void 0, void 0, function () {
+    var formData;
+    return __generator(this, function (_a) {
+        formData = new FormData();
+        formData.append('document', file, file.name);
+        return [2 /*return*/, endpoint.api //
+                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName), formData, {
+                timeout: 120000,
+                onUploadProgress: function (event) {
+                    var total = event.total || 1;
+                    var loaded = event.loaded || 0;
+                    onUploadProgress === null || onUploadProgress === void 0 ? void 0 : onUploadProgress(Math.floor((loaded * 100) / (total || 1)), loaded, total || 1);
+                },
+            })
+                .then(function (r) { return r.data; })];
+    });
+}); };
 /**
  * Get the attached file for an attachment field (if any)
  */
@@ -209,3 +229,4 @@ exports.throttledGetEnvelope = throttledGetEnvelope;
 exports.updateEnvelopeField = updateEnvelopeField;
 exports.updateEnvelopeFieldInitials = updateEnvelopeFieldInitials;
 exports.updateEnvelopeFieldSignature = updateEnvelopeFieldSignature;
+exports.uploadEnvelopeFieldAttachment = uploadEnvelopeFieldAttachment;

package/dist/cjs/{utils-a054fdfd.js → utils-65c99e57.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const _commonjsHelpers = require('./_commonjsHelpers-0c557e26.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 const Files = require('./Files-4bdc0c0f.js');
 const Types = require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-activity-box.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const Primitives = require('./Primitives-be5088cb.js');

package/dist/cjs/verdocs-button.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 
-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}";
+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}";
 
 const VerdocsButton = class {
   constructor(hostRef) {

package/dist/cjs/verdocs-contact-picker.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1d5fc518.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-envelope-document-page.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js

@@ -6,12 +6,12 @@ const index = require('./index-1d5fc518.js');
 require('./Types-f89f9116.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const EnvelopeStore = require('./EnvelopeStore-2c06f2bd.js');
+const EnvelopeStore = require('./EnvelopeStore-b60a1bd3.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 const Permissions = require('./Permissions-1be8039d.js');
 require('./index-f664e4d0.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 
 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%}";
 

package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 const Permissions = require('./Permissions-1be8039d.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const EnvelopeStore = require('./EnvelopeStore-2c06f2bd.js');
+const EnvelopeStore = require('./EnvelopeStore-b60a1bd3.js');
 const Types = require('./Types-ee5afdf8.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');

package/dist/cjs/verdocs-envelopes-list.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 const Permissions = require('./Permissions-1be8039d.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');

package/dist/cjs/verdocs-field-attachment.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
@@ -22,6 +22,7 @@ const VerdocsFieldAttachment = class {
     index.registerInstance(this, hostRef);
     this.settingsChanged = index.createEvent(this, "settingsChanged", 7);
     this.deleted = index.createEvent(this, "deleted", 7);
+    this.attached = index.createEvent(this, "attached", 7);
     this.templateid = '';
     this.field = null;
     this.disabled = false;
@@ -40,15 +41,11 @@ const VerdocsFieldAttachment = class {
     this.dialog = document.createElement('verdocs-upload-dialog');
     this.dialog.open = true;
     this.dialog.addEventListener('exit', () => { var _a; return (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove(); });
-    document.addEventListener('done', e => {
-      var _a;
-      console.log('Attachment done', e);
-      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
-    });
-    document.addEventListener('next', e => {
-      var _a;
+    document.addEventListener('next', (e) => {
+      var _a, _b;
       console.log('Attachment next', e);
-      (_a = this.dialog) === null || _a === void 0 ? void 0 : _a.remove();
+      (_a = this.attached) === null || _a === void 0 ? void 0 : _a.emit(e.detail[0]);
+      (_b = this.dialog) === null || _b === void 0 ? void 0 : _b.remove();
     });
     document.body.append(this.dialog);
   }

package/dist/cjs/verdocs-field-checkbox.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-field-date.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const Colors = require('./Colors-e809dcc9.js');
 const Types = require('./Types-ee5afdf8.js');
 const index$1 = require('./index-7c19ba1d.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-dropdown.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-field-initial.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-field-payment.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-field-signature.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-field-textarea.cjs.entry.js

@@ -8,9 +8,9 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-field-textbox.cjs.entry.js

@@ -8,9 +8,9 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const Fields = require('./Fields-705a2168.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-field-timestamp.cjs.entry.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const Types = require('./Types-ee5afdf8.js');
 const index$1 = require('./index-7c19ba1d.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-pagination_3.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');

package/dist/cjs/verdocs-preview.cjs.entry.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1d5fc518.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const TemplateStore = require('./TemplateStore-4041d8af.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-send.cjs.entry.js

@@ -8,12 +8,12 @@ const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const TemplateStore = require('./TemplateStore-4041d8af.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-f664e4d0.js');
 require('./Templates-f6e75719.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 const Types$1 = require('./Types-f89f9116.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const Types = require('./Types-ee5afdf8.js');
 const errors = require('./errors-0396da3d.js');
 const Toast = require('./Toast-06880504.js');
@@ -404,6 +404,15 @@ const VerdocsSign = class {
         this.checkRecipientFields();
       }
     });
+    el.addEventListener('attached', async (e) => {
+      console.log('[SIGN] onAttached', e.detail, e.target.value);
+      const r = await Envelopes.uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail);
+      console.log('upload result', r);
+      this.checkRecipientFields();
+    });
+    el.addEventListener('removed', (e) => {
+      console.log('[SIGN] onRemoved', e.detail, e.target.value);
+    });
     el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
     el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
     el.setAttribute('page', pageInfo.pageNumber);

package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js

@@ -6,10 +6,10 @@ const index = require('./index-1d5fc518.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const popper = require('./popper-d7adcfc6.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-template-fields_4.cjs.entry.js

@@ -8,13 +8,13 @@ require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const Fields = require('./Fields-705a2168.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const TemplateStore = require('./TemplateStore-4041d8af.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
 const Templates = require('./Templates-f6e75719.js');
 require('./_commonjsHelpers-0c557e26.js');
-require('./Envelopes-dba86ae4.js');
+require('./Envelopes-01c2e7e4.js');
 require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-upload-dialog.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1d5fc518.js');
 const Files = require('./Files-4bdc0c0f.js');
 
-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}";
+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}";
 
 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>`;
 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/cjs/verdocs-view.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1d5fc518.js');
-const Envelopes = require('./Envelopes-dba86ae4.js');
+const Envelopes = require('./Envelopes-01c2e7e4.js');
 const Permissions = require('./Permissions-1be8039d.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-45deeb6a.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-a054fdfd.js');
+const utils = require('./utils-65c99e57.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');

package/dist/collection/components/controls/verdocs-button/verdocs-button.css

@@ -8,6 +8,10 @@ verdocs-button button {
   cursor: pointer;
   margin: 0;
 }
+verdocs-button button:disabled {
+  cursor: inherit;
+  pointer-events: none;
+}
 verdocs-button button .icon {
   margin: 0 12px;
 }

package/dist/collection/components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.css

@@ -6,16 +6,16 @@ verdocs-upload-dialog div {
   box-sizing: border-box;
 }
 verdocs-upload-dialog .background-overlay {
-  position: absolute;
-  z-index: 10000;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: flex;
+  z-index: 10000;
+  position: absolute;
   align-items: center;
-  justify-content: center;
   background: #0000007f;
+  justify-content: center;
 }
 verdocs-upload-dialog .dialog {
   width: 320px;
@@ -29,9 +29,9 @@ verdocs-upload-dialog .dialog {
 }
 verdocs-upload-dialog .heading {
   display: flex;
-  flex-direction: row;
   font-size: 20px;
   font-weight: 500;
+  flex-direction: row;
 }
 verdocs-upload-dialog .buttons {
   display: flex;
@@ -43,19 +43,19 @@ verdocs-upload-dialog .buttons verdocs-button {
   margin-left: 16px;
 }
 verdocs-upload-dialog .drop-target {
-  padding: 30px 15px;
+  opacity: 1;
   width: 100%;
   display: flex;
-  flex-direction: column;
-  background-color: #f5f5f5;
-  border: 2px dashed #979797;
+  margin: 20px 0;
   min-height: 260px;
+  padding: 30px 15px;
   text-align: center;
-  justify-content: center;
   align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.54);
-  opacity: 1;
-  margin: 20px 0;
+  border: 2px dashed #979797;
 }
 verdocs-upload-dialog .drop-target p {
   margin: 12px 0;
@@ -77,6 +77,7 @@ verdocs-upload-dialog .attachments {
   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: flex;
   align-items: center;
   flex-direction: row;
@@ -91,8 +92,9 @@ verdocs-upload-dialog .attachments .attachment .icon.trash {
 }
 verdocs-upload-dialog .attachments .attachment .name {
   flex: 1;
-  display: flex;
-  padding: 0 8px;
   font-size: 14px;
+  overflow: hidden;
   font-weight: 400;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -8,7 +8,7 @@ import { fullNameToInitials, integerSequence } from '@verdocs/js-sdk/Utils/Primi
 import { Host, Fragment, h } from '@stencil/core';
 import { RecipientStates } from '@verdocs/js-sdk/Envelopes/Types';
 import { envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubmit } from '@verdocs/js-sdk/Envelopes/Recipients';
-import { throttledGetEnvelope, updateEnvelopeFieldInitials, updateEnvelopeFieldSignature } from '@verdocs/js-sdk/Envelopes/Envelopes';
+import { throttledGetEnvelope, updateEnvelopeFieldInitials, updateEnvelopeFieldSignature, uploadEnvelopeFieldAttachment } from '@verdocs/js-sdk/Envelopes/Envelopes';
 import { getFieldId, getRoleIndex, renderDocumentField, saveAttachment, updateDocumentFieldValue } from '../../../utils/utils';
 import { FORMAT_DATE } from '../../../utils/Types';
 import { SDKError } from '../../../utils/errors';
@@ -383,6 +383,15 @@ export class VerdocsSign {
         this.checkRecipientFields();
       }
     });
+    el.addEventListener('attached', async (e) => {
+      console.log('[SIGN] onAttached', e.detail, e.target.value);
+      const r = await uploadEnvelopeFieldAttachment(this.endpoint, this.envelopeId, this.roleId, field.name, e.detail);
+      console.log('upload result', r);
+      this.checkRecipientFields();
+    });
+    el.addEventListener('removed', (e) => {
+      console.log('[SIGN] onRemoved', e.detail, e.target.value);
+    });
     el.addEventListener('focusout', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
     el.addEventListener('fieldChange', e => this.handleFieldChange(field, e).finally(() => this.checkRecipientFields()));
     el.setAttribute('page', pageInfo.pageNumber);