@verdocs/web-sdk 5.3.2 → 5.3.3

package/dist/esm/verdocs-dialog.entry.js

@@ -1,13 +1,14 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CF7i8guW.js';
 
-const verdocsDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-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:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:4px;-ms-flex-direction:column;flex-direction:column;background:#ffffff;-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-dialog .heading{display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;color:#ffffff;background:#46497d}verdocs-dialog .content{padding:16px}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .buttons{gap:14px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}";
+const verdocsDialogCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-dialog{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-dialog div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-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:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}verdocs-dialog .dialog{width:420px;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden;border-radius:8px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;border:1px solid #aeb4bf;-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-dialog .heading{gap:12px;padding:20px;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;-ms-flex-direction:row;flex-direction:row;color:#ffffff;border-bottom:1.5px solid #e5e7eb}verdocs-dialog .heading .icon{width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;border-radius:8px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#654dcb}verdocs-dialog .heading .title{-ms-flex:1;flex:1;height:40px;display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-align:center;align-items:center;color:#092c4c}verdocs-dialog .content{padding:20px 20px 0 20px;font-size:16px;line-height:26px;color:#374151}verdocs-dialog .content p{margin:0 0 1em 0}verdocs-dialog .content ul{margin:0 0 1em 0;padding:0 0 0 20px}verdocs-dialog .content ul li{font-size:14px;line-height:20px;margin:0 0 12px 0;padding:0 0 0 8px}verdocs-dialog .content ul li::marker{font-size:18px;color:#654dcb}verdocs-dialog .content ol{margin:0 0 1em 0;padding:0 0 0 20px}verdocs-dialog .content ol li{font-size:14px;line-height:20px;margin:0 0 12px 0;padding:0 0 0 8px}verdocs-dialog .content ol li::marker{font-weight:500;color:#654dcb}verdocs-dialog .footer{padding:0 20px 20px 20px}";
 
 const VerdocsDialog = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.exit = createEvent(this, "exit");
     }
-    // We need a separate event handler for clicking the background because it can receive events "through" other child components
+    // We need a separate event handler for clicking the background because it can
+    // receive events "through" other child components
     handleDismiss(e) {
         var _a;
         if (e.target.className === 'background-overlay') {
@@ -16,7 +17,7 @@ const VerdocsDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: '3f77d8c43bc2d4014be8bb39d6c120eaf436f7aa' }, h("div", { key: '50efb09babb64c25f21a51f72fa8eb2f8f495206', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '89a7549c3a053c9d7721e10f0fbc12cc80188d71', class: "dialog" }, h("slot", { key: '10a212a979b5aad83fc7cb8e12b12d3a5e0fbfea', name: "title" }, h("div", { key: '84acefaec72ff284d966936d938ee3201711f08a', class: "heading" }, "Please Confirm")), h("div", { key: '33dde2a3a7d6b850445e33e7ea940c3e0b26a600', class: "content" }, h("slot", { key: '2c53aeb45719b8116242eb9c0c60cf110ca72dec' }))))));
+        return (h(Host, { key: '270be447ea798d42275ea9ac4e2ecc4a33251233' }, h("div", { key: '8c9b1a41e6dea1b1910c296069f4cfce3779e704', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '486f221c4c6c7fa934536b17757f8427ddfa0e85', class: "dialog" }, h("slot", { key: 'b2814fca9288d6a5de00cb11b24b6a7ff596546b', name: "heading" }, h("div", { key: '0ec2f776317e5a702f160e45bfe872264b82becc', class: "heading" }, "Title")), h("slot", { key: '008cac1775d418d930052a4cd32eb816ddf3755a', name: "content" }, h("div", { key: '670e9177b5586aed4401763ec662b07388735135', class: "content" }, "Content")), h("slot", { key: '3c731fec8083aab7966b5a478bf64c78d95ac8da', name: "footer" }, h("div", { key: '727b66e86fafbad600ed11d7930efe5d3cd8d08f', class: "footer" }, "Footer"))))));
     }
 };
 VerdocsDialog.style = verdocsDialogCss;

package/dist/esm/verdocs-dialog.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"verdocs-dialog.entry.js","sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  font-family: $primary-font;\n  box-sizing: border-box;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: #0000007f;\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 420px;\n    display: flex;\n    max-width: 100%;\n    overflow: hidden;\n    border-radius: 4px;\n    flex-direction: column;\n    background: $verdocs-grey-4;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    display: flex;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 8px 16px;\n    flex-direction: row;\n    color: $verdocs-grey-4;\n    background: $verdocs-grey-blue;\n  }\n\n  .content {\n    padding: 16px;\n\n    p {\n      margin: 0 0 1em 0;\n    }\n  }\n\n  .buttons {\n    gap: 14px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n  }\n}\n","import {Component, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  // We need a separate event handler for clicking the background because it can receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <slot name=\"title\">\n              <div class=\"heading\">Please Confirm</div>\n            </slot>\n\n            <div class=\"content\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,s9CAAs9C;;MCSl+C,aAAa,GAAA,MAAA;;;;;;AAOxB,IAAA,aAAa,CAAC,CAAM,EAAA;;QAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;YAC/C,CAAC,CAAC,cAAc,EAAE;YAClB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;IAIrB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EAAA,EAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAAA,gBAAA,CAAqB,CACpC,EAEP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACF,CACD;;;;;;;"}
+{"version":3,"file":"verdocs-dialog.entry.js","sources":["src/components/dialogs/verdocs-dialog/verdocs-dialog.scss?tag=verdocs-dialog","src/components/dialogs/verdocs-dialog/verdocs-dialog.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-dialog {\n  box-sizing: border-box;\n  font-family: $primary-font;\n\n  div {\n    box-sizing: border-box;\n  }\n\n  .background-overlay {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    z-index: 10000;\n    position: absolute;\n    align-items: center;\n    background: #0000007f;\n    justify-content: center;\n  }\n\n  .dialog {\n    width: 420px;\n    display: flex;\n    max-width: 100%;\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    flex-direction: column;\n    border: 1px solid #aeb4bf;\n    box-shadow: 3px 3px 5px 1px rgba(40, 40, 40, 0.4);\n  }\n\n  .heading {\n    gap: 12px;\n    padding: 20px;\n    display: flex;\n    font-size: 16px;\n    font-weight: 500;\n    flex-direction: row;\n    color: $verdocs-grey-4;\n    border-bottom: 1.5px solid #e5e7eb;\n\n    .icon {\n      width: 40px;\n      height: 40px;\n      display: flex;\n      flex-shrink: 0;\n      border-radius: 8px;\n      align-items: center;\n      justify-content: center;\n      background: $verdocs-purple;\n    }\n\n    .title {\n      flex: 1;\n      height: 40px;\n      display: flex;\n      font-size: 20px;\n      font-weight: 500;\n      align-items: center;\n      color: $verdocs-grey-0;\n    }\n  }\n\n  .content {\n    padding: 20px 20px 0 20px;\n    font-size: 16px;\n    line-height: 26px;\n    color: $verdocs-dialog-content;\n\n    p {\n      margin: 0 0 1em 0;\n    }\n\n    ul {\n      margin: 0 0 1em 0;\n      padding: 0 0 0 20px;\n\n      li {\n        font-size: 14px;\n        line-height: 20px;\n        margin: 0 0 12px 0;\n        padding: 0 0 0 8px;\n      }\n\n      li::marker {\n        font-size: 18px;\n        color: $verdocs-purple;\n      }\n    }\n\n    ol {\n      margin: 0 0 1em 0;\n      padding: 0 0 0 20px;\n\n      li {\n        font-size: 14px;\n        line-height: 20px;\n        margin: 0 0 12px 0;\n        padding: 0 0 0 8px;\n      }\n\n      li::marker {\n        font-weight: 500;\n        color: $verdocs-purple;\n      }\n    }\n  }\n\n  .footer {\n    padding: 0 20px 20px 20px;\n  }\n}\n","import {Component, h, Event, EventEmitter, Host} from '@stencil/core';\n\n/**\n * Display a simple dialog where the contents are provided via slots.\n */\n@Component({\n  tag: 'verdocs-dialog',\n  styleUrl: 'verdocs-dialog.scss',\n})\nexport class VerdocsDialog {\n  /**\n   * Event fired when the dialog is dismissed by clicking the background overlay.\n   */\n  @Event({composed: true}) exit: EventEmitter;\n\n  // We need a separate event handler for clicking the background because it can\n  // receive events \"through\" other child components\n  handleDismiss(e: any) {\n    if (e.target.className === 'background-overlay') {\n      e.preventDefault();\n      this.exit?.emit();\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"background-overlay\" onClick={e => this.handleDismiss(e)}>\n          <div class=\"dialog\">\n            <slot name=\"heading\">\n              <div class=\"heading\">Title</div>\n            </slot>\n\n            <slot name=\"content\">\n              <div class=\"content\">Content</div>\n            </slot>\n\n            <slot name=\"footer\">\n              <div class=\"footer\">Footer</div>\n            </slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,4xEAA4xE;;MCSxyE,aAAa,GAAA,MAAA;;;;;;;AAQxB,IAAA,aAAa,CAAC,CAAM,EAAA;;QAClB,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,KAAK,oBAAoB,EAAE;YAC/C,CAAC,CAAC,cAAc,EAAE;YAClB,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;;IAKrB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAC,OAAO,EAAE,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAA,EACjE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAAA,OAAA,CAAY,CAC3B,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EAAA,SAAA,CAAc,CAC7B,EAEP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EAAA,QAAA,CAAa,CAC3B,CACH,CACF,CACD;;;;;;;"}

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

@@ -108,7 +108,7 @@ const VerdocsEnvelopeDocumentPage = class {
     }
     render() {
         const height = `${this.renderedHeight}px`;
-        return (h(Host, { key: '1c47a75977a188b444633e9a73bc0d03c73f3f6b', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+        return (h(Host, { key: '99588c9aa1db321ac6a08e5a4ed1ff6b091a0383', id: `${this.containerId}`, style: { height, flex: `0 0 ${height}` } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-envelope-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-envelope-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
                 // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
                 // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
                 // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

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

@@ -226,18 +226,18 @@ const VerdocsEnvelopesList = class {
         });
     }
     render() {
-        return (h(Host, { key: '282cc0099fc21328df4e9f5326210b71a207e2aa' }, h("div", { key: '7dd5876cf0e03036c36fb47898c8e6c4a25ba1d2', class: "header" }, h("div", { key: 'a94db5d66ccb7aeca113dd7aa1e847aef8e31356', class: "filter" }, h("verdocs-text-input", { key: 'b4a46ccb49ee951fab837d68150792b80dded082', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: 'cbb6106629de750aade6c39f705ecb9f9d103031' }, h("div", { key: '73d522c9cfa87930dcba2aeb543634580c1e76d9', class: "header" }, h("div", { key: 'ac4f7014544ec81be9bae96bb07fdbf7495ca705', class: "filter" }, h("verdocs-text-input", { key: '5b1df9e9aac89391d555eed621efb355e6bac6ce', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: '112ee8ae688b6588347359ca3136fe1dd4050fc7', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: 'ca081aa3b0a548620d66f49935d08430714bcd90', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'b4b43ff2cd3fd5e77cf90058b624830c8987abd2', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '1b956dfc0c28df1b990aa695c0df8d114c6fe1b5', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '7707c17e04989f031850940599b214aa48818ae8', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: 'ea43244641ff51676c8e59346af1843582865b82', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: 'd611ea6a629ec0edfb25790f65c972ef972f38ae', mode: "dark", size: 24 }), h("div", { key: 'dc394f3170b73d1282acb7f19867b49f3f072fef', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: '44d8769a78ffb926267a193fd911edebc3d6a502', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: 'd04c29615a3e9886d9eee78eb76ad4f30ccf8cb4', mode: "dark", size: 24 }), h("div", { key: '8ff362b83507cf75ac48787c67b2728d7980ec59', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'f786131801b4476edd8260dac6213c0bfeaaead6', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -278,7 +278,7 @@ const VerdocsEnvelopesList = class {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '28613badabbeecd6f2620ef402fc6999bf32574d', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'e56f3637b223272154ced0087b07710167b29943', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '4624707aa6e7a1dfda1859ac051889354ad580c1', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '2fe7ad29dc24785c0c3985c415965855262be746', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/esm/verdocs-field-attachment_13.entry.js

@@ -1463,7 +1463,7 @@ const VerdocsInitialDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: '1550f695e647e1761f72a0e50fff1d5597102a9e', onClick: e => this.handleCancel(e) }, h("div", { key: '08f62a5d5d1fc8551cec4dd5991804507244d42f', class: "dialog" }, h("div", { key: 'cec06544b45d4a269ed33b572e30b0e14fe31f3d', class: "heading" }, "Create Your Initial"), h("div", { key: '6e0a1b8b31b8332e1581e728e2c5b457d51f96a3', class: "content" }, h("verdocs-text-input", { key: '981ff8458917c69675d06acd88f520a54f0e34e6', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '2373f993d47ad64b7028a2c6fa77d168f7566f67', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '697fbdd6ac1d643838551ff53b644cc717142aed', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '0e992aa2d767cd1f9268875caaca4a3f30de1b86', class: "buttons" }, h("verdocs-button", { key: '9e400489c3709b47731e4cc3ee16c642105aff64', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'd05e0e4e30d3eab118dcefd125e086bfb1cee2ab', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: '9bf03aff1aa819a938182df93414c81c4f49f949', onClick: e => this.handleCancel(e) }, h("div", { key: 'b8c1a13e73a3336fb230f30b6792b9014dae0a54', class: "dialog" }, h("div", { key: 'c2d09f37bb2d061e1d92224c597c25ed338b5267', class: "heading" }, "Create Your Initial"), h("div", { key: '541f2972d78058c5a3a8a15649ee5911513918aa', class: "content" }, h("verdocs-text-input", { key: 'ce25300d4755596a4a1b06148eb664036f034bfc', placeholder: "Initials...", label: "Initials", value: this.enteredInitials, onInput: e => this.handleNameChange(e) }), h("div", { key: '4f188703915111d151c9233f608e53d7404f5f43', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '1fa64074781c378b23a131626f24d022f7d24f1b', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'a0fc321945ce1f4ee363e963f4de8dcbff566072', class: "buttons" }, h("verdocs-button", { key: 'ac5094c6d536bdd0b69e96ba0695f2300c4d085b', label: "CANCEL", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'ba8b74f8ef1b61ff45448ee443df9190e888d408', label: "Adopt & Sign", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsInitialDialog.style = verdocsInitialDialogCss;
@@ -1686,7 +1686,7 @@ const VerdocsSignatureDialog = class {
     }
      */
     render() {
-        return (h(Host, { key: '22c91af0591dd7b114c3ae5e9ca80a16f3ec4172', onClick: e => this.handleCancel(e) }, h("div", { key: '4cf531c6d1f4d4e825c3f642f4acd131910fda95', class: "dialog" }, h("div", { key: '3e42d26e199e2d508a46dc5b75e4484e94c8d15c', class: "heading" }, "Create Your Signature"), h("div", { key: 'd9da3039feeff212cd415c6505a50dcc76c8c05f', class: "content" }, h("verdocs-text-input", { key: 'd1974bc21fbc6528194fdac6a7996ddf034c3b44', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: '3849c01f3d073aa2eb5a71dc9621579dceb2a41c', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: 'c0392eed3f13fa444808ac3a623bc5766c12a40e', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: 'b5d2e6d9943f0449daf368157c4f740f80fa1a4a', class: "buttons" }, h("verdocs-button", { key: '76a2ae2173249e7a79d098651dbd3e45f7a639fa', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '9e65954e761e264ad93c3057b3043eaa1f71d364', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
+        return (h(Host, { key: 'deb2bce5a68396ae6957438e2ed313704bca58b1', onClick: e => this.handleCancel(e) }, h("div", { key: '477e5dc9accd28bcc8091c3bf242bdf4a0848f8d', class: "dialog" }, h("div", { key: '2a500b3df941ec50d1beb28eaf6eadf487e10203', class: "heading" }, "Create Your Signature"), h("div", { key: '032f6a787d3dee4821830db6dc5ffba4a3945072', class: "content" }, h("verdocs-text-input", { key: '0029661a25750017f3aff9739fbab475981b5ccc', placeholder: "Full Name...", label: "Full Name", value: this.enteredName, onInput: e => this.handleNameChange(e), onClick: e => e.stopPropagation() }), h("div", { key: 'a7409613568db441a1365acdb7dee6f4d176485c', class: "as-shown" }, "As shown on driver's license or govt. ID card."), this.fontLoaded ? h("canvas", { ref: el => (this.canvasElement = el) }) : h("div", { style: { display: 'none' } }), h("div", { key: '780e69a2d164b8d06b679b6ac71a30bac5680306', class: "disclaimer" }, "By clicking Adopt, I agree that the signature will be the electronic representation of my signature for all purposes when I (or my agent) use them on documents, including legally binding contracts \u2014 just the same as a pen-and-paper signature or initial."), h("div", { key: '06e9ef71b4d0e5762a49e3939a513efd32665ba9', class: "buttons" }, h("verdocs-button", { key: 'b71509de58c901e17d95905cb5ffa7ebff267163', label: "CANCEL", size: "normal", variant: "outline", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'a732f937f97757a09a3958285bc742839388650d', label: "Adopt & Sign", size: "normal", onClick: e => this.handleAdopt(e) }))))));
     }
 };
 VerdocsSignatureDialog.style = verdocsSignatureDialogCss;
@@ -1768,7 +1768,7 @@ const VerdocsUploadDialog = class {
     render() {
         var _a;
         const existingFile = ((_a = this.existingFile) === null || _a === void 0 ? void 0 : _a.name) ? this.existingFile : null;
-        return (h(Host, { key: 'f4ddd1bcc3ecf6fb6b2d53be425b47962287b027' }, h("div", { key: '79f37e3177283b46657dc22f9753cb82a4f55291', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'c24a0aa2b22e3693c1ad5f9f3897004d89b50f5b', class: "upload-dialog-content" }, h("div", { key: 'bfd31470d467ae480441029bae51da8e73710c5c', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: 'cf994a857e3880e21aa33b506f6c6ad75aca8d87' }, h("div", { key: 'd3770d468c5f316fd946547cd91d6b0456ae3b6e', class: "current-label" }, "Current Attachment"), h("div", { key: 'ddba33d813c8c65b0cd4f61cda8da1a209b8a80f', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '7b987ec32c767ce26eb98a23937a059716be0768', class: "attachment" }, h("div", { key: 'ba978122bcbe522f305d4453f080573927e79838', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: 'fe305ce7e304e34627fb3fd760200513b1326eef', class: "name" }, existingFile.name), h("div", { key: 'db9e1776a7824750ce450c60775d16e7e8caa9d8', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: '22ee01f6c2e9b758e4f1df0082c822754d01221e', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: 'e573950cde8a14f896d1a105f14f030cff9aedd2' }, "Drag and drop your files here"), h("p", { key: '6bccc625808154bf8f026f258f6d8f28c6e15e37', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: '101edac03a491be4a2b118b88ea4fb5a9dffbb5e', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '468c8d5f4167506ba18d0d954ac63f948d66ecde', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: '63644beae877ba7a1fafda74753b3b0a29514c2a', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: 'a7e52591093c74052a8b00e782a652b0e20d4227', class: "error" }, this.errorMessage), h("div", { key: 'b63bc2b8c1a7a1b5d5df183a29c87057d265cb45', class: "buttons" }, h("verdocs-button", { key: 'bf0787614583c33d4ee60449945ad419ea97780f', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: 'ccab14b33f1209af792f5f569aca4af364cf5c73', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'a550497fe601dd9857f7e16c8d6e8e354b7838cb', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
+        return (h(Host, { key: 'acec8b275ba9b532b0e7d8edd7f532da9ff8a49b' }, h("div", { key: '3bc096ddbe51bc9c4f88bacf560bfdaecc7d722a', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'ccf7d549b3649ae55f2f43b6cd81cbcd6ff24f81', class: "upload-dialog-content" }, h("div", { key: '04f0d9e18619ca8a5e92197ba15625ab26bd6660', class: "heading" }, "Upload attachment"), this.selectedFiles.length < 1 && existingFile && (h(Fragment, { key: '424808e3f2ca8cd2cb0c1e95c6770bbd18589a7b' }, h("div", { key: '86b98d6d6dc8393a4e8b9c6944c805a708fdd92d', class: "current-label" }, "Current Attachment"), h("div", { key: '2ed4f3c1e61e78d886ffd4b7993fa3fa20924035', class: "attachments", style: { marginTop: '0' } }, h("div", { key: '2a484327598c4e1965469cc12fe857fa8efa5bc3', class: "attachment" }, h("div", { key: '805e4a64333e7178cf4366c69ad420ee7a0bac2d', class: "icon", innerHTML: PaperclipIcon }), h("div", { key: '69d049b071152f45d744a88510159cc35cdb812e', class: "name" }, existingFile.name), h("div", { key: 'fa122173588c5c5f98acf6c15c8bdae423da63bd', class: "icon trash", innerHTML: TrashIcon, onClick: () => (this.confirmDelete = true) }))))), this.selectedFiles.length < 1 && !existingFile && (h("div", { key: 'f1b11fe5a57cb11d63f957880195e27b09ec0722', class: { 'drop-target': true, 'dragging-over': this.draggingOver }, onDragOver: e => this.handleDragOver(e), onDragLeave: e => this.handleDragLeave(e), onDrop: e => this.handleDrop(e) }, h("p", { key: '7328834713c5bb0dfdf4104ec2bb4fd87d1fdc08' }, "Drag and drop your files here"), h("p", { key: '1b5aefb7b4326f7fe84a0e47e2a57aeaec8ffb6b', class: "subscript" }, "Supported files: PDF, Word, JPG, PNG"), h("verdocs-button", { key: '250ebb61a127b4165035b763ecf463300981c5cd', label: !!existingFile ? 'Replace files' : 'Select files', onClick: () => this.handleSelectFile() }), h("input", { key: '184654378febda7abbe3487cc96c116990d91854', type: "file", ref: el => (this.fileInput = el), style: { display: 'none' }, accept: ".pdf,application/pdf,.doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*", onChange: () => this.handleFileChange() }))), this.selectedFiles.length > 0 && (h("div", { key: 'bae3de8954a39b7786d541fff3f1e2fda812e99e', class: "attachments" }, this.selectedFiles.map((file, index) => (h("div", { class: "attachment" }, h("div", { class: "icon", innerHTML: PaperclipIcon }), h("div", { class: "name" }, file.name), h("div", { class: "icon trash", innerHTML: TrashIcon, onClick: () => this.handleRemoveAttachment(index) })))))), !!this.errorMessage && h("div", { key: '9600b241b7b8b8688a63265f6cc62c0f51a28a77', class: "error" }, this.errorMessage), h("div", { key: 'c24ba70a3dbf0bb0a27f157b9f4de52c13c9a6bd', class: "buttons" }, h("verdocs-button", { key: 'a7cbe8bdcc65e440ef3991804742c470dba36196', label: "Cancel", variant: "outline", onClick: () => this.handleCancel() }), h("verdocs-button", { key: '02c46ae6497af108e7d5331da4b7787cf1b7e9dd', label: "Upload", onClick: () => this.handleDone(), disabled: !!this.errorMessage || this.selectedFiles.length < 1 })))), this.confirmDelete && (h("verdocs-ok-dialog", { key: '9955376ca5523b74177263e2f9f144c540213555', heading: "Delete Attachment?", message: "Are you sure you wish to delete this attachment? This action cannot be undone.", showCancel: true, onExit: e => {
                 // So we don't close the upload dialog
                 e.preventDefault();
                 e.stopPropagation();

package/dist/esm/verdocs-menu-panel_2.entry.js

@@ -221,31 +221,31 @@ const VerdocsTemplateRoleProperties = class {
         const hasFields = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.fields) || []).some(field => field.role_name === this.roleName);
         // Either all three should be empty, or all three need to be filled
         const isValid = (!this.email && !this.first_name && !this.last_name) || (isValidEmail(this.email) && !!this.first_name && !!this.last_name);
-        return (h(Host, { key: '69774e9a8bc30870080aa30482ece13677534252' }, h("form", { key: '33d9f4b82d56200d6df9215303e738cab7bd6c46', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'b91e6faf60e432dffdee7a7cdfc39ebe1b063f17' }, h("verdocs-text-input", { key: 'cc7c668adbc67fdf6147c6fc585c9be569d93656', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
+        return (h(Host, { key: 'bcd42a969b8c8bc1e26230ee030fe3ecce41d19c' }, h("form", { key: 'c76c7ec1f28ecd3c5def9fd9909f623c8af54331', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'bfa5a347218860bd3a84c1a8b56f73b144c77635' }, h("verdocs-text-input", { key: 'c3be39c7b598497b508deca0524aebb483290fec', id: "verdocs-role-name", label: "Role Name (Must be unique)", value: this.name, autocomplete: "off", disabled: hasFields, placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), hasFields && h("div", { key: '8dc436a87bbc5e712253acbaa60a6a6995192866', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: '9005606e0e55019547f7b34f2eb6fac4ef2cf781' }, h("div", { key: 'e7fc270d2743317575dd4c89eee1385f651de7cb', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '9df55b8637c47f1db044cc05627e39300bca6903', value: this.type, options: [
+            } }), hasFields && h("div", { key: 'ffeef355eea5b39554c33f3921601ac052c17946', class: "instructions" }, "This role has fields assigned and can no longer be renamed.")), h("div", { key: 'a6da7e387291e2dec0a8d4a53e914f2288280635' }, h("div", { key: '83a6ce83779b2598d698dfa975fcb6264fb66fbe', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'bf16d0f3886c28e83c55051e2d1ef89f3ac7472b', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } })), h("div", { key: 'e25604392d34cbf77b94dda6de6384cb7272a4dc' }, h("div", { key: '5926b2734d605bdad544d7de04cb32205d3f8a17', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'b1e3070f2dd4c7b1cb76ed2d17eb5d6c289bb6b0', class: "first-last" }, h("verdocs-text-input", { key: 'fb9e886ba1d468a8543326d649b494e1f371105f', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
+            } })), h("div", { key: '9f584a0f03b9f60ccb514d8a36df58b89d80dadd' }, h("div", { key: '24b0faf2816414d12da2d70199896ab878173197', class: "input-label" }, "Default Contact Info:"), h("div", { key: 'f37d35e63c2e80316db4d89e5b2a36cf900790e6', class: "first-last" }, h("verdocs-text-input", { key: 'e467a1abdd69b5873acf97a4752567f798d93429', id: "verdocs-recipient-first", value: this.first_name, autocomplete: "off", placeholder: "First...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '8b9228271f0c206269bf7dfd560a0f77dcf7f9d2', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '6a29956cfaa7094718bbc668d8818edaf83ed7db', id: "verdocs-recipient-first", value: this.last_name, autocomplete: "off", placeholder: "Last...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }))), h("div", { key: '92db075222714d0ef2e63f43bd6aeac6dda135b4' }, h("verdocs-text-input", { key: 'b614b9a4f57018105f95b6d4be371ae2ab43d034', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
+            } }))), h("div", { key: '023b95f0efb19db5e1663f63275f3fe1cf66cafa' }, h("verdocs-text-input", { key: '57f2a9693e3b7f010ec361c558610689583da297', id: "verdocs-recipient-email", value: this.email, autocomplete: "off", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '5fac807ae61273d1fca93e243114c6a43595bca4', style: { height: '15px' } }), h("div", { key: 'c94d7518ab0a33d093c8c53061e6b76136786cf4' }, h("verdocs-text-input", { key: 'e10740221dc8a37bbe6239868885fa6162a714a4', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
+            } }), h("div", { key: '3f4884d843f4363ea4d462a651b9bd2fcebc62f7', style: { height: '15px' } }), h("div", { key: 'b57692a25f3516a8b3b32e167dffe165ed61bbc7' }, h("verdocs-text-input", { key: 'cbe17684a4cca331e9816306e7a8302572baad2d', id: "verdocs-recipient-phone", value: this.phone, autocomplete: "off",
             // helpText="The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template."
             placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }))), h("div", { key: '8d87329fad7879c6c8c8f7fbd1d84277b1a4c6f3', class: "buttons" }, h("button", { key: '968fe7fa6dda5fa610f984345daf1b3b20ba33f7', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '47e781c250561d27982bc44548be452b965ebdf0', style: { flex: '1' } }), h("verdocs-button", { key: '7db073d8545a497611b7d3070b85d65b87b1880f', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
+            } }))), h("div", { key: 'a23f985d88ab9d119762e65949987be75249a08b', class: "buttons" }, h("button", { key: 'd3c10128fcc3dce49c0c2103313e5b153008b5de', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '677a3157abb085ae08f5af0dbf9ed9ed8baa9b55', style: { flex: '1' } }), h("verdocs-button", { key: '2fe045a4b83f78aa271d520026f0cf0d1ef37851', size: "small", label: "Save", disabled: !this.dirty || !isValid, onClick: e => this.handleSave(e) })))));
     }
 };
 VerdocsTemplateRoleProperties.style = verdocsTemplateRolePropertiesCss;

package/dist/esm/verdocs-ok-dialog.entry.js

@@ -41,7 +41,7 @@ const VerdocsOkDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a9c6c6602e84ea6d8e9c978ab113c7d931a6cfd8', class: this.closed ? 'closed' : '' }, h("div", { key: 'c9317b6e401e5ee7797aab79ee595f1b40a242e8', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '0a2f5e696a150484e44ae6b0a2d0978450295207', class: "dialog" }, h("div", { key: '8d660d324e1ec2a0a090c0ebfe9f5fae073e4331', class: "heading" }, this.heading), h("div", { key: '448e557cbc254f64aaf653e06969516b325eddd7', class: "content" }, h("div", { key: 'a55e1d3481579071ee820ee5caa3b077b451b323', class: "message", innerHTML: this.message }), h("div", { key: 'af5bfd84bc84cd1bc316aacc6cbdcd786cf05c58', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '6accd257ce924930184e05dd75ec8bb9da64a535', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
+        return (h(Host, { key: 'a53ec883d89c75014091071d45b629f14fb8a14f', class: this.closed ? 'closed' : '' }, h("div", { key: 'eeba1a34d586227ddbdbccb2ce6a273bf516a2ed', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: 'd803f8cda0d55045eb85d13c98e359ded7fddf24', class: "dialog" }, h("div", { key: 'cd12ec9dd5c8e1e496ad1410a87fa866c7cd3143', class: "heading" }, this.heading), h("div", { key: '9256bbda5d99136202bd36847bf488c8b29de936', class: "content" }, h("div", { key: '3ffeaaf5cda9073ed5775acbe9bb44f2aca14fa2', class: "message", innerHTML: this.message }), h("div", { key: '0914a64b1de3f12de80cdb8536315eb3dd804fa1', class: "buttons" }, this.showCancel ? h("verdocs-button", { label: "CANCEL", variant: "outline", onClick: () => this.handleCancel() }) : h("div", { style: { display: 'none' } }), h("verdocs-button", { key: '6cffacc69dad4bfe86b324a6b15b684a8233557e', label: this.buttonLabel, onClick: () => this.handleOk() })))))));
     }
 };
 VerdocsOkDialog.style = verdocsOkDialogCss;

package/dist/esm/verdocs-quick-functions.entry.js

@@ -22,7 +22,7 @@ const VerdocsQuickFunctions = class {
         this.createDocument.emit();
     }
     render() {
-        return (h("div", { key: 'c8db54df9e133d39cc8547c57bdd15a719d08268', class: "container" }, h("p", { key: '850bfd5761d7c0d4acf107fb3c3394fab5a4f5f9', class: "title" }, "Quick Create"), h("button", { key: '08a2f83837d08ffc57600c7468bee1eccd6a830b', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: 'c45cace848a9fde3e1d1ab825df92aef6470485a', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+        return (h("div", { key: '0874f643294a75aceb7b3349e0a37676d5a8781f', class: "container" }, h("p", { key: '17048d0670204acb515ca30c0203dc18c3fd83b3', class: "title" }, "Quick Create"), h("button", { key: '7a603dd01f70f258634300ecf7a105d93de3a227', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), h("button", { key: '8b3f400d7388742f1c6b2fa3c58e8ecd00addcc2', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
     }
 };
 VerdocsQuickFunctions.style = verdocsQuickFunctionsCss;

package/dist/esm/verdocs-search-tabs.entry.js

@@ -8,7 +8,7 @@ const VerdocsSearchTabs = class {
         this.selected = 'all';
     }
     render() {
-        return h("div", { key: '805eb0e26099122258a8ae1c9ae62ea594e87325' }, "\u00A0");
+        return h("div", { key: 'ea073df4a119cf2ad0d5af62f4ade626411d336f' }, "\u00A0");
     }
 };
 VerdocsSearchTabs.style = verdocsSearchTabsCss;

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

@@ -9,9 +9,9 @@ import './_commonjsHelpers-BFTU3MAI.js';
 import './index-dzBXqXlK.js';
 import './Types-Dl7Xw8F0.js';
 
-const verdocsSignCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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>.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 .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}verdocs-sign .agree{-ms-flex:0;flex:0;width:600px;display:-ms-flexbox;display:flex;max-width:90%;padding:30px 15px;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff}verdocs-sign .agree .header{-ms-flex:0 0 56px;flex:0 0 56px}verdocs-sign .agree li{margin:0.5em 0}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)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}verdocs-sign .disclosure-buttons verdocs-button{margin:0 12px 0 0}@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 46px;flex:0 0 46px;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 12px;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;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
+const verdocsSignCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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>.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 .cover{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:5000;position:absolute;padding-top:100px;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background:rgba(0, 0, 0, 0.5)}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)}verdocs-sign .fatal-error{position:absolute;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#4a4a4a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-sign .fatal-error .placeholder{position:absolute;opacity:0.1;z-index:-1;top:0;left:0;right:0;bottom:0;width:612px;height:792px;-webkit-box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.0588235294);margin-top:15px}verdocs-sign .fatal-error .message{max-width:360px;width:50%;font-size:16px;background:white;-webkit-box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235);box-shadow:3px 3px 9px -1px rgba(0, 0, 0, 0.2470588235)}verdocs-sign .fatal-error .header{color:white;font-size:18px;font-weight:500;padding:5px 10px;margin:0 0 10px 0;background:#4c56cb}verdocs-sign .fatal-error p{margin:1rem;font-size:14px;font-weight:400;padding:0 10px}@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 46px;flex:0 0 46px;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 12px;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;overflow:hidden;white-space:nowrap;padding:0 10px 0 0;text-overflow:ellipsis}.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(0, 0, 0, 0.4980392157);-ms-flex-pack:center;justify-content:center}";
 
-const DEFAULT_DISCLOSURE = `
+const DEFAULT_DISCLOSURES = `
 <ul>
   <li>
     Agree to use electronic records and signatures, and confirm you have read the
@@ -78,7 +78,7 @@ const VerdocsSign = class {
         this.fatalErrorHeader = '';
         this.fatalErrorMessage = '';
         this.focusedField = '';
-        this.disclosure = DEFAULT_DISCLOSURE;
+        this.disclosures = DEFAULT_DISCLOSURES;
         this.submitting = false;
         this.submitted = false;
         this.isDone = false;
@@ -149,7 +149,7 @@ const VerdocsSign = class {
         const { auth_step } = recipient;
         this.recipient = recipient;
         this.envelope = envelope;
-        this.disclosure = ((_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.disclaimer) || DEFAULT_DISCLOSURE;
+        this.disclosures = ((_b = (_a = this.envelope) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.disclaimer) || DEFAULT_DISCLOSURES;
         this.authStep = auth_step;
         this.delegated = !!recipient.delegated_to;
         this.agreed = recipient.agreed;
@@ -185,7 +185,7 @@ const VerdocsSign = class {
     }
     handleClickAgree() {
         this.submitting = true;
-        envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true, this.disclosure)
+        envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true, this.disclosures)
             .then(() => {
             var _a;
             this.nextButtonLabel = 'Next';
@@ -606,7 +606,6 @@ const VerdocsSign = class {
         });
     }
     render() {
-        var _a;
         console.log('[SIGN] Rendering', { authStep: this.authStep });
         if (this.showLoadError) {
             return (h(Host, null, h("verdocs-ok-dialog", { heading: "Unable to Start Signing", message: `Sorry, your invite code is invalid or has expired. Please check your email for an updated invitation, or contact the sender.`, buttonLabel: "OK", onNext: () => {
@@ -656,7 +655,7 @@ const VerdocsSign = class {
                 } }));
         }
         if (!this.agreed) {
-            return (h(Host, { class: "agreed" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("div", { class: "cover" }, h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "By checking this box, you:", onInput: () => this.handleClickAgree() }), h("div", { innerHTML: this.disclosure }), h("div", { class: "disclosure-buttons" }, h("h5", null, "Other Options:"), h("verdocs-button", { variant: "outline", label: "Decline", onClick: () => (this.declining = true) }), ((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.delegator) && h("verdocs-button", { variant: "outline", label: "Delegate", onClick: () => (this.delegating = true) }))))));
+            return (h(Host, { class: "agreed" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("verdocs-disclosure-dialog", { disclosures: this.disclosures, onDecline: () => (this.declining = true), onAccept: () => this.handleClickAgree() })));
         }
         if (this.authStep === 'passcode') {
             return (h(Host, { class: "kba" }, h("div", { id: "verdocs-sign-header" }, h("div", { class: "inner" }, h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), h("div", { class: "title" }, this.envelope.name))), h("div", { class: "document", style: { paddingTop: '15px' } }, h("img", { src: "https://public-assets.verdocs.com/loading-placeholder.png", style: { width: '612px', height: '792px', boxShadow: '0 0 10px 5px #0000000f', marginTop: '15px' }, alt: "Placeholder page" })), h("div", { class: "cover" }, h("div", { class: "kba" }, h("verdocs-kba-dialog", { mode: "text", step: 1, steps: 1, placeholder: "Enter your passcode...", helptitle: "Document is protected by a Passcode", helptext: "Please enter your Passcode to proceed. If you do not have one, please contact the sender.", label: "Passcode", onNext: e => this.handleAuthenticateSigner({ auth_method: 'passcode', code: e.detail }) })))));