@verdocs/web-sdk 1.12.41 → 1.12.43

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

@@ -7,6 +7,7 @@ const popper = require('./popper-11d5f714.js');
 require('./Types-f89f9116.js');
 const Fields = require('./Fields-705a2168.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3e95f87f.js');
+const _commonjsHelpers = require('./_commonjsHelpers-0c557e26.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-f310df2f.js');
 const errors = require('./errors-0396da3d.js');
@@ -47,6 +48,7 @@ const VerdocsButtonPanel = class {
     (_b = this.popperInstance) === null || _b === void 0 ? void 0 : _b.update().catch(() => { });
     this.showing = true;
     this.hiderEl = document.createElement('div');
+    this.hiderEl.id = 'verdocs-button-panel-hider';
     this.hiderEl.style.zIndex = '100';
     this.hiderEl.style.position = 'absolute';
     this.hiderEl.style.top = '0px';
@@ -60,9 +62,11 @@ const VerdocsButtonPanel = class {
     document.body.appendChild(this.hiderEl);
   }
   async hidePanel() {
-    var _a, _b;
-    (_a = this.panelEl) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-show');
-    (_b = this.hiderEl) === null || _b === void 0 ? void 0 : _b.remove();
+    var _a;
+    Array.from(document.getElementsByClassName('verdocs-button-panel-content')).forEach(el => {
+      el.removeAttribute('data-show');
+    });
+    (_a = document.getElementById('verdocs-button-panel-hider')) === null || _a === void 0 ? void 0 : _a.remove();
     this.showing = false;
   }
   async toggle() {
@@ -98,6 +102,195 @@ const VerdocsSelectInput = class {
 };
 VerdocsSelectInput.style = verdocsSelectInputCss;
 
+// Unique ID creation requires a high quality random # generator.  In the
+// browser this is a little complicated due to unknown quality of Math.random()
+// and inconsistent support for the `crypto` API.  We do the best we can via
+// feature-detection
+var rng;
+
+var crypto = typeof _commonjsHelpers.commonjsGlobal !== 'undefined' && (_commonjsHelpers.commonjsGlobal.crypto || _commonjsHelpers.commonjsGlobal.msCrypto); // for IE 11
+if (crypto && crypto.getRandomValues) {
+  // WHATWG crypto RNG - http://wiki.whatwg.org/wiki/Crypto
+  var rnds8 = new Uint8Array(16); // eslint-disable-line no-undef
+  rng = function whatwgRNG() {
+    crypto.getRandomValues(rnds8);
+    return rnds8;
+  };
+}
+
+if (!rng) {
+  // Math.random()-based (RNG)
+  //
+  // If all else fails, use Math.random().  It's fast, but is of unspecified
+  // quality.
+  var rnds = new Array(16);
+  rng = function() {
+    for (var i = 0, r; i < 16; i++) {
+      if ((i & 0x03) === 0) r = Math.random() * 0x100000000;
+      rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;
+    }
+
+    return rnds;
+  };
+}
+
+var rngBrowser = rng;
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex[i] = (i + 0x100).toString(16).substr(1);
+}
+
+function bytesToUuid(buf, offset) {
+  var i = offset || 0;
+  var bth = byteToHex;
+  return bth[buf[i++]] + bth[buf[i++]] +
+          bth[buf[i++]] + bth[buf[i++]] + '-' +
+          bth[buf[i++]] + bth[buf[i++]] + '-' +
+          bth[buf[i++]] + bth[buf[i++]] + '-' +
+          bth[buf[i++]] + bth[buf[i++]] + '-' +
+          bth[buf[i++]] + bth[buf[i++]] +
+          bth[buf[i++]] + bth[buf[i++]] +
+          bth[buf[i++]] + bth[buf[i++]];
+}
+
+var bytesToUuid_1 = bytesToUuid;
+
+// **`v1()` - Generate time-based UUID**
+//
+// Inspired by https://github.com/LiosK/UUID.js
+// and http://docs.python.org/library/uuid.html
+
+// random #'s we need to init node and clockseq
+var _seedBytes = rngBrowser();
+
+// Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)
+var _nodeId = [
+  _seedBytes[0] | 0x01,
+  _seedBytes[1], _seedBytes[2], _seedBytes[3], _seedBytes[4], _seedBytes[5]
+];
+
+// Per 4.2.2, randomize (14 bit) clockseq
+var _clockseq = (_seedBytes[6] << 8 | _seedBytes[7]) & 0x3fff;
+
+// Previous uuid creation time
+var _lastMSecs = 0, _lastNSecs = 0;
+
+// See https://github.com/broofa/node-uuid for API details
+function v1(options, buf, offset) {
+  var i = buf && offset || 0;
+  var b = buf || [];
+
+  options = options || {};
+
+  var clockseq = options.clockseq !== undefined ? options.clockseq : _clockseq;
+
+  // UUID timestamps are 100 nano-second units since the Gregorian epoch,
+  // (1582-10-15 00:00).  JSNumbers aren't precise enough for this, so
+  // time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'
+  // (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.
+  var msecs = options.msecs !== undefined ? options.msecs : new Date().getTime();
+
+  // Per 4.2.1.2, use count of uuid's generated during the current clock
+  // cycle to simulate higher resolution clock
+  var nsecs = options.nsecs !== undefined ? options.nsecs : _lastNSecs + 1;
+
+  // Time since last uuid creation (in msecs)
+  var dt = (msecs - _lastMSecs) + (nsecs - _lastNSecs)/10000;
+
+  // Per 4.2.1.2, Bump clockseq on clock regression
+  if (dt < 0 && options.clockseq === undefined) {
+    clockseq = clockseq + 1 & 0x3fff;
+  }
+
+  // Reset nsecs if clock regresses (new clockseq) or we've moved onto a new
+  // time interval
+  if ((dt < 0 || msecs > _lastMSecs) && options.nsecs === undefined) {
+    nsecs = 0;
+  }
+
+  // Per 4.2.1.2 Throw error if too many uuids are requested
+  if (nsecs >= 10000) {
+    throw new Error('uuid.v1(): Can\'t create more than 10M uuids/sec');
+  }
+
+  _lastMSecs = msecs;
+  _lastNSecs = nsecs;
+  _clockseq = clockseq;
+
+  // Per 4.1.4 - Convert from unix epoch to Gregorian epoch
+  msecs += 12219292800000;
+
+  // `time_low`
+  var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;
+  b[i++] = tl >>> 24 & 0xff;
+  b[i++] = tl >>> 16 & 0xff;
+  b[i++] = tl >>> 8 & 0xff;
+  b[i++] = tl & 0xff;
+
+  // `time_mid`
+  var tmh = (msecs / 0x100000000 * 10000) & 0xfffffff;
+  b[i++] = tmh >>> 8 & 0xff;
+  b[i++] = tmh & 0xff;
+
+  // `time_high_and_version`
+  b[i++] = tmh >>> 24 & 0xf | 0x10; // include version
+  b[i++] = tmh >>> 16 & 0xff;
+
+  // `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)
+  b[i++] = clockseq >>> 8 | 0x80;
+
+  // `clock_seq_low`
+  b[i++] = clockseq & 0xff;
+
+  // `node`
+  var node = options.node || _nodeId;
+  for (var n = 0; n < 6; ++n) {
+    b[i + n] = node[n];
+  }
+
+  return buf ? buf : bytesToUuid_1(b);
+}
+
+var v1_1 = v1;
+
+function v4(options, buf, offset) {
+  var i = buf && offset || 0;
+
+  if (typeof(options) == 'string') {
+    buf = options == 'binary' ? new Array(16) : null;
+    options = null;
+  }
+  options = options || {};
+
+  var rnds = options.random || (options.rng || rngBrowser)();
+
+  // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+  rnds[6] = (rnds[6] & 0x0f) | 0x40;
+  rnds[8] = (rnds[8] & 0x3f) | 0x80;
+
+  // Copy bytes to buffer, if provided
+  if (buf) {
+    for (var ii = 0; ii < 16; ++ii) {
+      buf[i + ii] = rnds[ii];
+    }
+  }
+
+  return buf || bytesToUuid_1(rnds);
+}
+
+var v4_1 = v4;
+
+var uuid = v4_1;
+uuid.v1 = v1_1;
+uuid.v4 = v4_1;
+
+var uuidBrowser = uuid;
+
 const verdocsTemplateFieldPropertiesCss = "verdocs-template-field-properties{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-field-properties .buttons{display:-ms-flexbox;display:flex;margin-top:30px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-field-properties .buttons verdocs-button{margin-left:16px}verdocs-template-field-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-field-properties verdocs-text-input{margin:0;-ms-flex:1;flex:1}verdocs-template-field-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-field-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-field-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .delete-button:active{background:#f3f3f3}verdocs-template-field-properties .delete-button svg{width:24px;height:24px}verdocs-template-field-properties h6{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:bold;margin:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;color:#092c4c}verdocs-template-field-properties h6 .help-icon{opacity:0.5}verdocs-template-field-properties h6 .help-icon:hover{opacity:1;cursor:pointer}verdocs-template-field-properties .row-header{gap:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-field-properties .row-header h6{margin-bottom:0}verdocs-template-field-properties .row-header verdocs-help-icon{-webkit-transform:scale(0.85);transform:scale(0.85)}verdocs-template-field-properties .row-header verdocs-help-icon svg{margin-bottom:-5px}verdocs-template-field-properties .row-header .add-button{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-field-properties .row-header .add-button:hover{opacity:1}verdocs-template-field-properties .row-header .add-button svg{width:32px;height:32px}verdocs-template-field-properties .option-row{margin:15px 0}verdocs-template-field-properties .option-row .remove-button{height:28px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-field-properties .option-row .remove-button:active{background:#f3f3f3}verdocs-template-field-properties .option-row .remove-button:hover svg{stroke:#a50021}verdocs-template-field-properties .option-row .remove-button svg{width:20px;height:20px;stroke:#333333}verdocs-template-field-properties .options{background:#f3f3f3;padding:0 0 10px 0}verdocs-template-field-properties .options .row-header,verdocs-template-field-properties .options .option-row{padding:0 10px}verdocs-template-field-properties .options .add-option-button{border-radius:5px;border:1px solid #cccccc;background:#46497d;color:#ffffff;padding:3px 8px}verdocs-template-field-properties .options .option-row .input-element{font-size:14px}verdocs-template-field-properties .options verdocs-help-icon{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-field-properties .options verdocs-help-icon svg{fill:#ffffff}";
 
 const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
@@ -172,7 +365,6 @@ const VerdocsTemplateFieldProperties = class {
     var _a, _b;
     e.stopPropagation();
     const field = templateStore.state.fields.find(field => field.name === this.fieldName);
-    console.log('hc', e, field);
     if (field) {
       this.name = field.name;
       this.roleName = field.role_name;
@@ -202,6 +394,53 @@ const VerdocsTemplateFieldProperties = class {
         options: this.options,
       };
     }
+    Fields.updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
+      .then(() => {
+      var _a, _b;
+      this.dirty = false;
+      const field = templateStore.state.fields.find(field => field.name === this.fieldName);
+      if (field) {
+        field.name = this.name;
+        field.role_name = this.roleName;
+        field.required = this.required;
+        field.label = this.placeholder;
+        field.setting.result = this.defaultValue;
+        if (field.setting.options) {
+          field.setting.options = this.options;
+        }
+      }
+      (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName });
+      (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+    })
+      .catch(() => {
+      console.log('Field update failed', e);
+    });
+  }
+  handleAddOption(e) {
+    e.stopPropagation();
+    const newProperties = {
+      name: this.name,
+      required: this.required,
+      role_name: this.roleName,
+      // TODO: Default value in setting?
+    };
+    this.options.push(this.type === 'radio_button_group'
+      ? {
+        id: uuidBrowser(),
+        value: `Option ${this.options.length + 1}`,
+        selected: false,
+        x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,
+        y: this.options.length > 0 ? this.options[this.options.length - 1].y - 25 : 20,
+      }
+      : {
+        id: uuidBrowser(),
+        value: `Option ${this.options.length + 1}`,
+        checked: false,
+        x: this.options.length > 0 ? this.options[this.options.length - 1].x : 20,
+        y: this.options.length > 0 ? this.options[this.options.length - 1].y - 25 : 20,
+      });
+    newProperties.setting = this.setting;
+    newProperties.setting.options = this.options;
     Fields.updateField(this.endpoint, this.templateId, this.fieldName, newProperties)
       .then(() => {
       var _a, _b;
@@ -216,6 +455,7 @@ const VerdocsTemplateFieldProperties = class {
       }
       (_a = this.settingsChanged) === null || _a === void 0 ? void 0 : _a.emit({ fieldName: this.fieldName });
       (_b = this.close) === null || _b === void 0 ? void 0 : _b.emit();
+      templateStore.state.updateCount++;
     })
       .catch(() => {
       console.log('Field update failed', e);
@@ -250,7 +490,7 @@ const VerdocsTemplateFieldProperties = class {
     if (this.helpText && this.showingHelp) {
       return (index.h(index.Host, null, index.h("h6", null, capitalize(this.fieldType), " Settings ", index.h("div", { style: { flex: '1' } }), index.h("div", { class: "help-icon", innerHTML: HelpIcon, onClick: () => (this.showingHelp = false) })), index.h("p", { class: "instructions", innerHTML: this.helpText })));
     }
-    return (index.h(index.Host, null, index.h("h6", null, capitalize(this.fieldType.replace('_', ' ')), " Settings ", index.h("div", { style: { flex: '1' } }), this.helpText && index.h("div", { class: "help-icon", innerHTML: HelpIcon, onClick: () => (this.showingHelp = true) })), index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { class: "row" }, index.h("verdocs-text-input", { id: "verdocs-field-name", label: "Field Name", value: this.name, autocomplete: "off",
+    return (index.h(index.Host, null, index.h("h6", null, capitalize(this.fieldType.replace(/_/g, ' ')), " Settings ", index.h("div", { style: { flex: '1' } }), this.helpText && index.h("div", { class: "help-icon", innerHTML: HelpIcon, onClick: () => (this.showingHelp = true) })), index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { class: "row" }, index.h("verdocs-text-input", { id: "verdocs-field-name", label: "Field Name", value: this.name, autocomplete: "off",
       //              helpText="The internal name of the field. Must be unique, and contain only letters, numbers, and dashes. After an envelope is completed, the value entered by the signer will be tagged with this key."
       placeholder: "Field Name...", onInput: (e) => {
         this.name = e.target.value;
@@ -258,9 +498,6 @@ const VerdocsTemplateFieldProperties = class {
       } })), index.h("div", { class: "row" }, index.h("div", { class: "input-label" }, "Role:"), index.h("verdocs-select-input", { value: this.roleName, options: templateStore.state.template.roles.map(role => ({ label: role.name, value: role.name })), onInput: (e) => {
         this.roleName = e.target.value;
         this.dirty = true;
-      } })), ['checkbox_group', 'radio_button_group'].includes(this.type) && (index.h("verdocs-text-input", { id: "verdocs-field-group", label: "Group Name", value: this.group, autocomplete: "off", placeholder: "Group Name...", onInput: (e) => {
-        this.group = e.target.value;
-        this.dirty = true;
       } })), ['textbox', 'textarea'].includes(this.type) && (index.h("verdocs-text-input", { id: "verdocs-field-placeholder", label: "Placeholder", value: this.name, autocomplete: "off",
       // helpText="Placeholder to display if the field is empty."
       placeholder: "Placeholder...", onInput: (e) => {
@@ -269,7 +506,7 @@ const VerdocsTemplateFieldProperties = class {
       } })), index.h("div", { class: "row", style: { marginTop: '15px', marginBottom: '15px' } }, index.h("label", { htmlFor: "verdocs-is-required", class: "input-label" }, "Required"), index.h("verdocs-checkbox", { id: "verdocs-is-required", name: "is-required", checked: this.required, value: "on", onInput: (e) => {
         this.required = e.target.checked;
         this.dirty = true;
-      } })), ['dropdown'].includes(this.type) && (index.h("div", { class: "options" }, index.h("div", { class: "row", style: {
+      } })), ['checkbox_group', 'radio_button_group'].includes(this.type) && index.h("verdocs-button", { size: "small", onClick: e => this.handleAddOption(e), label: "Add Option" }), ['dropdown'].includes(this.type) && (index.h("div", { class: "options" }, index.h("div", { class: "row", style: {
         marginTop: '15px',
         marginBottom: '15px',
         textAlign: 'center',

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

@@ -7,7 +7,8 @@ const popper = require('./popper-11d5f714.js');
 const Envelopes = require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3e95f87f.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const index$1 = require('./index-6528b430.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
-const interact_min = require('./interact.min-fdb8d65c.js');
+const interact_min = require('./interact.min-ba5cc513.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-1862f03c.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Primitives-be5088cb.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');

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

@@ -4,9 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-67233b76.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const index$1 = require('./index-6528b430.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Types-f89f9116.js');
 require('./Files-4bdc0c0f.js');

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

@@ -5,10 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-67233b76.js');
 require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3e95f87f.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-f310df2f.js');
 const errors = require('./errors-0396da3d.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');

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

@@ -9,10 +9,11 @@ const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-1862f03c.js');
 const Templates = require('./Templates-f310df2f.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const errors = require('./errors-0396da3d.js');
 require('./Primitives-be5088cb.js');
 require('./Templates-e258cbd5.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');

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

@@ -8,8 +8,9 @@ const Types = require('./Types-f89f9116.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-3e95f87f.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-173073b5.js');
+const utils = require('./utils-c218d9c7.js');
 const errors = require('./errors-0396da3d.js');
+require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');
 require('./index-6528b430.js');
 
@@ -106,7 +107,7 @@ var createInitials = function (endpoint, name, initials) {
         .then(function (r) { return r.data; });
 };
 
-const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .intro{width:100%;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;color:#111111;font-size:18px;font-weight:500;line-height:28px;-ms-flex-direction:row;flex-direction:row;background:#ffffff}verdocs-sign .intro .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}";
+const verdocsSignCss = "verdocs-sign{display:-ms-flexbox;display:flex;overflow:hidden;position:relative;min-height:600px;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-sign div{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-sign input{vertical-align:top}verdocs-sign .intro{width:100%;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;color:#111111;font-size:18px;font-weight:500;line-height:28px;-ms-flex-direction:row;flex-direction:row;background:#ffffff}verdocs-sign .intro .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-sign .cover{top:0;left:0;right:0;bottom:0;z-index:999;position:absolute;background:rgba(0, 0, 0, 0.5)}verdocs-sign>.document{-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-item-align:center;align-self:center;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;max-width:1200px;min-height:200px;position:relative;overflow-y:scroll;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-sign>.document .inner{width:100%;max-width:1028px}verdocs-sign .agree{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 15px}verdocs-sign .agree .intro{display:none}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign verdocs-ok-dialog .background-overlay{-ms-flex-align:start;align-items:flex-start;padding-top:100px}verdocs-sign .loading-indicator{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:10000;position:fixed;background-color:rgba(0, 0, 0, 0.7)}@media print{verdocs-sign .header{display:none}}#verdocs-sign-header{color:#fff;width:100%;display:-ms-flexbox;display:flex;z-index:1000;-ms-flex:0 0 56px;flex:0 0 56px;font-size:12px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-transition:all 0.25s;transition:all 0.25s;background-color:#33354c;-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12);box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12)}#verdocs-sign-header .inner{width:100%;display:-ms-flexbox;display:flex;margin:0 auto;padding:0 20px;max-width:1200px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}#verdocs-sign-header .logo{width:80px;display:none;margin:-6px 0 0 0}#verdocs-sign-header .title{font-size:18px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}";
 
 const inProgressMenuOptions = [
   { id: 'later', label: 'Finish Later' },
@@ -140,6 +141,7 @@ const VerdocsSign = class {
     this.nextSubmits = false;
     this.errorMessage = '';
     this.focusedField = '';
+    this.submitting = false;
     this.isDone = false;
     this.showDone = false;
     this.finishLater = false;
@@ -243,9 +245,11 @@ const VerdocsSign = class {
         break;
       case 'decline':
         {
+          this.submitting = true;
           const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);
           console.log('Decline result', declineResult);
           (_c = this.envelopeUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'declined' });
+          this.submitting = false;
           this.isDone = true;
         }
         break;
@@ -371,10 +375,9 @@ const VerdocsSign = class {
   }
   async handleNext() {
     var _a;
-    console.log('Next');
     if (this.nextSubmits) {
-      console.log('Next submits');
       try {
+        this.submitting = true;
         const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);
         console.log('[SIGN] Submitted successfully', result);
         this.recipient.status = 'submitted';
@@ -382,8 +385,9 @@ const VerdocsSign = class {
         this.isDone = true;
       }
       catch (e) {
-        console.log('Error submitting', e);
+        console.log('[SIGN] Error submitting', e);
       }
+      this.submitting = false;
       return;
     }
     // Find and focus the next incomplete required field
@@ -537,7 +541,7 @@ const VerdocsSign = class {
       return (index.h(index.Host, { class: { agreed: this.agreed } }, this.isDone ? (index.h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })) : (index.h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })), this.errorMessage && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (index.h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
           this.showDone = false;
           this.isDone = true;
-        } }))));
+        } })), this.submitting && (index.h("div", { class: "loading-indicator" }, index.h("verdocs-loader", null)))));
     }
     return (index.h(index.Host, { class: { agreed: this.agreed } }, !this.finishLater && (index.h("div", { class: "intro" }, index.h("div", { class: "inner" }, "Please review and act on these documents."))), index.h("div", { id: "verdocs-sign-header" }, index.h("div", { class: "inner" }, !this.agreed ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, this.envelope.name), index.h("div", { style: { flex: '1' } }))), !this.finishLater && index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), !this.agreed ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), index.h("div", { class: "document", style: { paddingTop: this.headerTargetId ? '70px' : '15px' } }, (this.envelope.documents || []).map(envelopeDocument => {
       const pageNumbers = Primitives.integerSequence(1, envelopeDocument.page_numbers);
@@ -558,7 +562,7 @@ const VerdocsSign = class {
     })), this.showFinishLater && (index.h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && index.h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (index.h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
         this.showDone = false;
         this.isDone = true;
-      } }))));
+      } })), this.submitting && (index.h("div", { class: "loading-indicator" }, index.h("verdocs-loader", null)))));
   }
 };
 VerdocsSign.style = verdocsSignCss;