@verdocs/web-sdk 2.3.88 → 4.0.6

package/dist/cjs/verdocs-quick-functions_2.cjs.entry.js

@@ -2,78 +2,79 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5463795e.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
+const index = require('./index-cfdfab36.js');
+const jsSdk = require('@verdocs/js-sdk');
 
 const verdocsQuickFunctionsCss = "@-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-quick-functions{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-quick-functions .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:240px;background-color:#1e2031;text-transform:uppercase;padding:10px 10px 20px 10px;font-family:sans-serif;color:#ffffff}verdocs-quick-functions .title{font-size:22px;font-weight:700;line-height:30px;margin:1em 0 40px 0}verdocs-quick-functions button{width:140px;height:40px;border:none;display:-ms-flexbox;display:flex;color:#ffffff;cursor:pointer;font-size:14px;font-weight:700;line-height:25px;-ms-flex-align:center;align-items:center;margin-bottom:20px;border-radius:5px;text-transform:uppercase;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#55bc81}verdocs-quick-functions button svg{fill:#ffffff}";
+const VerdocsQuickFunctionsStyle0 = verdocsQuickFunctionsCss;
 
 const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
 const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><g><path d="M19,5v14H5V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g><path d="M14,17H7v-2h7V17z M17,13H7v-2h10V13z M17,9H7V7h10V9z"/></g></svg>`;
 const VerdocsQuickFunctions = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.createTemplate = index.createEvent(this, "createTemplate", 7);
-    this.createDocument = index.createEvent(this, "createDocument", 7);
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-  }
-  handleCreateTemplate() {
-    this.createTemplate.emit();
-  }
-  handleCreateDocument() {
-    this.createDocument.emit();
-  }
-  render() {
-    return (index.h("div", { class: "container" }, index.h("p", { class: "title" }, "Quick Create"), index.h("button", { onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.createTemplate = index.createEvent(this, "createTemplate", 7);
+        this.createDocument = index.createEvent(this, "createDocument", 7);
+        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+    }
+    handleCreateTemplate() {
+        this.createTemplate.emit();
+    }
+    handleCreateDocument() {
+        this.createDocument.emit();
+    }
+    render() {
+        return (index.h("div", { key: 'eb5dc623120c7c528a9eb81f3dd4a2cdabdb7238', class: "container" }, index.h("p", { key: '09ab8ebada6eee21819e9152a76199bc86043a91', class: "title" }, "Quick Create"), index.h("button", { key: '9d1d124c64f0b6b7d4adc95a4c637907ad40bdfd', onClick: () => this.handleCreateTemplate(), innerHTML: TemplateIcon }, "Template"), index.h("button", { key: 'e7f2bf2070c45e3266be984c66115615f6578e27', onClick: () => this.handleCreateDocument(), innerHTML: DocumentIcon }, "Document")));
+    }
 };
-VerdocsQuickFunctions.style = verdocsQuickFunctionsCss;
+VerdocsQuickFunctions.style = VerdocsQuickFunctionsStyle0;
 
 const verdocsSearchBoxCss = "@-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-search-box{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-search-box form{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:45px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:5px 0 0;border-radius:5px;-ms-flex-align:center;align-items:center;background-color:#fff;padding:0 8px;border-width:1px;border-style:solid;border-color:#707ae5}verdocs-search-box form input{-webkit-box-sizing:border-box;box-sizing:border-box;height:43px;width:100%;font-size:18px;border:none}verdocs-search-box form input:focus{outline:none}verdocs-search-box form button.search{cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;width:100px;height:28px;font-weight:700;font-size:10px;letter-spacing:1px;background-color:#55bc81;text-transform:uppercase;color:#fff}verdocs-search-box form .type{background-color:#707ae5;height:30px;display:-ms-inline-flexbox;display:inline-flex;padding:1px 0 2px 10px;font-size:13px;line-height:16px;border-radius:4px;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#fff;margin-right:10px}verdocs-search-box form .type button{border:none;color:#fff;margin:5px 0 0 8px;background:transparent}verdocs-search-box form svg{width:12px;height:12px;margin-right:6px}verdocs-search-box ::-webkit-input-placeholder{color:#aeb4bf}verdocs-search-box ::-moz-placeholder{color:#aeb4bf}verdocs-search-box :-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::-ms-input-placeholder{color:#aeb4bf}verdocs-search-box ::placeholder{color:#aeb4bf}";
+const VerdocsSearchBoxStyle0 = verdocsSearchBoxCss;
 
 const SearchIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.4809 20.7176L17.9111 15.2536C19.0961 13.6368 19.727 11.6926 19.7128 9.70131C19.7201 7.53345 18.9846 5.42606 17.6244 3.71753C16.2642 2.009 14.3581 0.798456 12.2123 0.280282C10.0665 -0.237892 7.80552 -0.0336342 5.79227 0.86026C3.77902 1.75415 2.13038 3.28582 1.1111 5.20931C0.0918114 7.1328 -0.238985 9.33652 0.171813 11.4666C0.582612 13.5967 1.71117 15.5296 3.37628 16.9548C5.0414 18.3801 7.14646 19.2151 9.35344 19.3257C11.5604 19.4364 13.7413 18.8162 15.5458 17.5649L21.1372 23.05L21.1563 23.0663C21.4841 23.3487 21.9039 23.507 22.3401 23.5128C22.7823 23.5125 23.2063 23.3402 23.5191 23.0337V23.0337C23.6749 22.8812 23.7979 22.6995 23.8804 22.4993C23.963 22.2991 24.0036 22.0847 23.9997 21.8688C23.9959 21.6529 23.9477 21.44 23.858 21.2428C23.7683 21.0456 23.639 20.8682 23.4778 20.7212L23.4809 20.7176ZM14.5167 14.1975C13.4564 15.2349 12.0623 15.8797 10.5719 16.022C9.08145 16.1644 7.58681 15.7955 6.34249 14.9781C5.09816 14.1608 4.18109 12.9456 3.74751 11.5395C3.31393 10.1334 3.39064 8.6233 3.96455 7.26643C4.53846 5.90955 5.57409 4.7898 6.89507 4.09787C8.21606 3.40594 9.74071 3.18461 11.2093 3.4716C12.678 3.75858 13.9998 4.53612 14.9497 5.6718C15.8996 6.80748 16.4188 8.23105 16.4189 9.7001C16.4196 10.5357 16.2519 11.3632 15.9254 12.135C15.599 12.9069 15.1202 13.6078 14.5167 14.1975V14.1975Z" fill="white"/></svg>`;
 const CloseIcon = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.0739 11.7565L19.7127 6.23228C20.0875 5.85692 20.0875 5.25309 19.7127 4.87773L19.0213 4.20046C18.6382 3.82511 18.0219 3.82511 17.6387 4.20046L12 9.72472L6.36127 4.20046C5.97814 3.82511 5.36179 3.82511 4.97866 4.20046L4.28735 4.87773C3.90422 5.25309 3.90422 5.85692 4.28735 6.23228L9.92608 11.7565L4.28735 17.2808C3.90422 17.6561 3.90422 18.26 4.28735 18.6353L4.97866 19.3126C5.36179 19.688 5.97814 19.688 6.36127 19.3126L12 13.7883L17.6387 19.3126C18.0219 19.688 18.6382 19.688 19.0213 19.3126L19.7127 18.6353C20.0958 18.26 20.0958 17.6561 19.7127 17.2808L14.0739 11.7565Z" fill="white"/></svg>`;
 const VerdocsSearchBox = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.searchClicked = index.createEvent(this, "searchClicked", 7);
-    this.typeChanged = index.createEvent(this, "typeChanged", 7);
-    this.queryChanged = index.createEvent(this, "queryChanged", 7);
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-    this.placeholder = 'Search envelopes, templates, organizations...';
-    this.type = 'all';
-    this.query = '';
-    this.grabsFocus = false;
-  }
-  async focusField() {
-    this.inputEl.focus();
-  }
-  componentDidRender() {
-    if (this.grabsFocus) {
-      this.inputEl.focus();
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.searchClicked = index.createEvent(this, "searchClicked", 7);
+        this.typeChanged = index.createEvent(this, "typeChanged", 7);
+        this.queryChanged = index.createEvent(this, "queryChanged", 7);
+        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+        this.placeholder = 'Search envelopes, templates, organizations...';
+        this.type = 'all';
+        this.query = '';
+        this.grabsFocus = false;
+    }
+    async focusField() {
+        this.inputEl.focus();
+    }
+    componentDidRender() {
+        if (this.grabsFocus) {
+            this.inputEl.focus();
+        }
+    }
+    handleSearch(e) {
+        this.searchClicked.emit({ type: this.type, query: this.query });
+        e.preventDefault();
+        return false;
+    }
+    handleChange(e) {
+        this.queryChanged.emit(e.target.value);
+    }
+    handleClearFilter() {
+        this.typeChanged.emit('all');
+    }
+    handleKeyUp(e) {
+        if (e.key === 'Enter') {
+            this.searchClicked.emit({ type: this.type, query: this.query });
+        }
     }
-  }
-  handleSearch(e) {
-    this.searchClicked.emit({ type: this.type, query: this.query });
-    e.preventDefault();
-    return false;
-  }
-  handleChange(e) {
-    this.queryChanged.emit(e.target.value);
-  }
-  handleClearFilter() {
-    this.typeChanged.emit('all');
-  }
-  handleKeyUp(e) {
-    if (e.key === 'Enter') {
-      this.searchClicked.emit({ type: this.type, query: this.query });
+    render() {
+        return (index.h("form", { key: 'd134a33663d3e85c469534b154b211f9ab8c4a51', onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { key: 'c9993bcc9112ac432b780216fbf29adfceded0e5', class: "type" }, this.type, "s ", index.h("button", { key: 'b9a8ac4bd299fafe0cccee64e4b50d4cbbcef863', class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { key: 'bcd7f9c630d41b0a1dc3eed8400c44c2a81ffc79', type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { key: '546ceb6ef7b4b47dcc82e6409052838c980c2889', onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { key: '585037b13dee3865890a4a8ffe919a45bcbc9fbf', innerHTML: SearchIcon }), "Search")));
     }
-  }
-  render() {
-    return (index.h("form", { onSubmit: e => this.handleSearch(e) }, this.type !== undefined && this.type !== 'all' && (index.h("span", { class: "type" }, this.type, "s ", index.h("button", { class: "remove", innerHTML: CloseIcon, onClick: () => this.handleClearFilter() }))), index.h("input", { type: "text", value: this.query, placeholder: this.placeholder, onInput: e => this.handleChange(e), onKeyUp: e => this.handleKeyUp(e), ref: el => (this.inputEl = el) }), index.h("button", { onClick: e => this.handleSearch(e), class: "search" }, index.h("span", { innerHTML: SearchIcon }), "Search")));
-  }
 };
-VerdocsSearchBox.style = verdocsSearchBoxCss;
+VerdocsSearchBox.style = VerdocsSearchBoxStyle0;
 
 exports.verdocs_quick_functions = VerdocsQuickFunctions;
 exports.verdocs_search_box = VerdocsSearchBox;

package/dist/cjs/verdocs-radio-button_3.cjs.entry.js

@@ -0,0 +1,247 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-cfdfab36.js');
+const jsSdk = require('@verdocs/js-sdk');
+const TemplateRoleStore = require('./TemplateRoleStore-06db6e56.js');
+const TemplateFieldStore = require('./TemplateFieldStore-6a79aae7.js');
+const TemplateStore = require('./TemplateStore-5a46be5e.js');
+const errors = require('./errors-017fb835.js');
+require('./index-3e4c5891.js');
+require('./index-a5472099.js');
+
+const verdocsRadioButtonCss = "@-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-radio-button{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:20px;height:20px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:100%}verdocs-radio-button.disabled{opacity:0.5}verdocs-radio-button input[type=radio]{position:absolute;opacity:0}verdocs-radio-button input[type=radio]+label:before{content:\"\";background:#f5f5fa;border-radius:100%;border:1px solid rgba(0, 0, 0, 0.6);display:inline-block;width:16px;height:16px;position:absolute;left:1px;top:1px;cursor:pointer;text-align:center;-webkit-transition:all 250ms ease;transition:all 250ms ease}verdocs-radio-button input[type=radio]:checked+label:before{background-color:#55bc81;-webkit-box-shadow:inset 0 0 0 2px #f5f5fa;box-shadow:inset 0 0 0 2px #f5f5fa}verdocs-radio-button input[type=radio]:focus+label:before{outline:none;border-color:#55bc81}verdocs-radio-button input[type=radio]:disabled+label:before{-webkit-box-shadow:inset 0 0 0 4px #f5f5fa;box-shadow:inset 0 0 0 4px #f5f5fa;border-color:#a0a0d0;background:#a0a0d0}verdocs-radio-button input[type=radio]+label:empty:before{margin-right:0}verdocs-radio-button.required input[type=radio]+label:before{border:1px solid #cc0000}verdocs-radio-button.hide{display:none}verdocs-radio-button.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
+const VerdocsRadioButtonStyle0 = verdocsRadioButtonCss;
+
+const VerdocsRadioButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checked = false;
+        this.name = '';
+        this.value = '';
+        this.disabled = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '9eee43dc3c08fdd5c3dbde1bb167dfa4d57fe4fa', class: { disabled: this.disabled } }, index.h("input", { key: '07a13e1ea2e2fc2aa78f2b830908fa6f96e4963d', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), index.h("label", { key: '303f4ed1d9f45123a563c6e12e8eafa03e876ef6', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+    }
+};
+VerdocsRadioButton.style = VerdocsRadioButtonStyle0;
+
+const verdocsTemplateRolePropertiesCss = "@-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-template-role-properties{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-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-role-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-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-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-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;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-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}";
+const VerdocsTemplateRolePropertiesStyle0 = verdocsTemplateRolePropertiesCss;
+
+const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
+const VerdocsTemplateRoleProperties = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.close = index.createEvent(this, "close", 7);
+        this.delete = index.createEvent(this, "delete", 7);
+        this.sdkError = index.createEvent(this, "sdkError", 7);
+        this.templateStore = null;
+        this.fieldStore = null;
+        this.roleStore = null;
+        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+        this.templateId = '';
+        this.roleName = '';
+        this.sender = 'everyone';
+        this.dirty = false;
+        this.saving = false;
+        this.name = '';
+        this.type = 'signer';
+        this.full_name = '';
+        this.email = '';
+        this.phone = '';
+        this.delegator = false;
+    }
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.templateId) {
+                console.log(`[ROLE_PROPERTIES] Missing required template ID ${this.templateId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[ROLE_PROPERTIES] Unable to start builder session, must be authenticated');
+                return;
+            }
+            this.templateStore = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
+            this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateId);
+            // FIXME: This was createTemplateRoleStore, which it didn't have to be. But that shouldn't break anything,
+            //  and using create() will reload the roles from the TEMPLATE, not the server. Creating/deleting roles
+            //  isn't updating the template, so if you add a role and then pop this dialog the store will be reloaded
+            //  without the newly-added role in place causing the dialog (and future role edits) to break. We should
+            //  a) when creating/updating/deleting roles, update the template/store not just the roles, and b) review
+            //  and confirm that all things that look at roles are mapped to the role store, not the template.
+            this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
+            const editingRole = this.roleStore.state.roles.find(role => role.name === this.roleName);
+            if (editingRole) {
+                this.name = editingRole.name;
+                this.type = editingRole.type;
+                this.full_name = editingRole.full_name;
+                this.email = editingRole.email;
+                this.phone = editingRole.phone;
+                this.delegator = editingRole.delegator;
+                console.log('[ROLE_PROPERTIES] Editing role', editingRole);
+            }
+        }
+        catch (e) {
+            console.log('[ROLE_PROPERTIES Error with preview session', e);
+            (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+        }
+    }
+    handleCancel(e) {
+        var _a;
+        e.stopPropagation();
+        const editingRole = this.roleStore.state.roles.find(role => role.name === this.roleName);
+        if (editingRole) {
+            this.name = editingRole.name;
+            this.type = editingRole.type;
+            this.full_name = editingRole.full_name;
+            this.email = editingRole.email;
+            this.phone = editingRole.phone;
+            this.delegator = editingRole.delegator;
+        }
+        this.dirty = false;
+        (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+    }
+    async handleSave(e) {
+        e.stopPropagation();
+        this.saving = true;
+        jsSdk.updateTemplateRole(this.endpoint, this.templateId, this.roleName, {
+            name: this.name,
+            type: this.type,
+            full_name: this.full_name,
+            email: this.email,
+            phone: this.phone,
+            delegator: this.delegator,
+        })
+            .then(async (r) => {
+            var _a;
+            console.log('[ROLE_PROPERTIES] Update result', r);
+            this.saving = false;
+            this.dirty = false;
+            TemplateRoleStore.updateStoreRole(this.roleStore, this.roleName, r);
+            (_a = this.close) === null || _a === void 0 ? void 0 : _a.emit();
+        })
+            .catch(e => {
+            console.log('[ROLE_PROPERTIES Update error', e);
+            this.saving = false;
+        });
+    }
+    async handleDelete(e) {
+        e.stopPropagation();
+        if (window.confirm('Are you sure you wish to remove this role? All associated fields will be removed as well. This action cannot be undone.')) {
+            jsSdk.deleteTemplateRole(this.endpoint, this.templateId, this.roleName)
+                .then(() => {
+                var _a;
+                TemplateRoleStore.deleteStoreRole(this.roleStore, this.roleName);
+                (_a = this.delete) === null || _a === void 0 ? void 0 : _a.emit({ templateId: this.templateId, roleName: this.roleName });
+            })
+                .catch(e => {
+                console.log('[ROLE_PROPERTIES Deletion error', e);
+            });
+        }
+    }
+    render() {
+        const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
+        return (index.h(index.Host, { key: 'f26ffe2f3c4cf162dc113e38a57347cf6c426074' }, index.h("div", { key: 'd9c5104918e6cf08b28d70b6278d7493a40d36e5', class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { key: 'b1001937ae574b088c17d2f866296cb10ae8f237', class: "dialog" }, index.h("form", { key: 'd46822f635025195120735636d68a4c0424370f0', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { key: '6d115e047e1fa310397d52f7873b68301f84ba1f', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+                ? 'This role has fields assigned and can no longer be renamed.'
+                : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
+                this.name = e.target.value;
+                this.dirty = true;
+            } }), index.h("div", { key: '8a775c7e42acd009e25859726f48e777203304a3', class: "row" }, index.h("div", { key: '284d78cd23689e9c8683cf1f8fe55252ae1070cc', class: "input-label" }, "Type:"), index.h("verdocs-select-input", { key: 'f996e3e885cd40a3aeff9469d2051fd09dd43274', 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;
+            } }), index.h("verdocs-help-icon", { key: 'a320b1084f1a2333638c0e8b17d82efeb0a7bf1a', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), index.h("verdocs-text-input", { key: 'e554caea134e5955f0577397b902c8e6083520bf', id: "verdocs-recipient-email", label: "Full Name", value: this.full_name, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
+                this.full_name = e.target.value;
+                this.dirty = true;
+            } }), index.h("verdocs-text-input", { key: '21aae473dc54ed8cb94adcc1e72fdedf3a3f91d9', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+                this.email = e.target.value;
+                this.dirty = true;
+            } }), index.h("verdocs-text-input", { key: 'd5ebf4575a092d3f70570d1a7c419aa90c75c64b', id: "verdocs-recipient-phone", label: "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;
+            } }), index.h("div", { key: 'f7aca6f48663383ee649c7e3f11488c6a54f0420', class: "row" }, index.h("div", { key: 'f5304cffb00b6cf7edc92c9f2f9cb4013a8f16e8', class: "input-label" }, "May Delegate:"), index.h("div", { key: '78f6e51ccdfb7cccf4ad4d7c173eb29495ad93a9', class: "checkbox-wrapper" }, index.h("verdocs-checkbox", { key: '319258417639cd160e0ad63de3feb413f8d18a9f', checked: this.delegator, onInput: (e) => {
+                this.delegator = e.target.checked;
+                this.dirty = true;
+            } })), index.h("verdocs-help-icon", { key: 'e8614cdde73aac4c52fef105562058a2e34773ee', text: "If enabled, this recipient may delegate their actions to another individual." })), index.h("div", { key: '66302c80e7ce3cfb80d71ca9eb798832bbee64cd', class: "buttons" }, index.h("button", { key: '4198669a9355ba0b5065944c4dd28648ba4fd7d2', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), index.h("div", { key: 'f7eccd789c90c1e3e570b54d0a8a3b947a5c5cf1', style: { flex: '1' } }), index.h("verdocs-button", { key: '0ad00a425bd9fc3ef21405c73b0159fc5a8dd13d', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '8b11ea5d3f0797775909cb8590aec5a4518637ce', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+    }
+};
+VerdocsTemplateRoleProperties.style = VerdocsTemplateRolePropertiesStyle0;
+
+const verdocsTemplateSenderCss = "@-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-template-sender{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-sender .background-overlay{position:absolute;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:rgba(0, 0, 0, 0.4980392157)}verdocs-template-sender .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-sender .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-sender .buttons verdocs-button{margin-left:16px}verdocs-template-sender .options{row-gap:10px}verdocs-template-sender .options .option{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-template-sender .options .option .description{margin-left:10px}verdocs-template-sender .options .option .description .name{display:inline-block;vertical-align:top;margin-top:4px;margin-right:4px}";
+const VerdocsTemplateSenderStyle0 = verdocsTemplateSenderCss;
+
+const VerdocsTemplateSender = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.close = index.createEvent(this, "close", 7);
+        this.sdkError = index.createEvent(this, "sdkError", 7);
+        this.store = null;
+        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+        this.templateId = '';
+        this.sender = 'everyone';
+        this.saving = false;
+    }
+    async componentWillLoad() {
+        var _a, _b, _c, _d, _e;
+        try {
+            this.endpoint.loadSession();
+            if (!this.templateId) {
+                console.log(`[SENDER] Missing required template ID ${this.templateId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[SENDER] Unable to start builder session, must be authenticated');
+                return;
+            }
+            this.store = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
+            this.sender = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.sender;
+        }
+        catch (e) {
+            console.log('[SENDER] Error with preview session', e);
+            (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new errors.SDKError(e.message, (_d = e.response) === null || _d === void 0 ? void 0 : _d.status, (_e = e.response) === null || _e === void 0 ? void 0 : _e.data));
+        }
+    }
+    handleClose() {
+        this.close.emit();
+    }
+    // We need a separate event handler for clicking the background because it can receive events "through" other child components
+    handleDismiss(e) {
+        if (e.target.className === 'background-overlay') {
+            e.preventDefault();
+            this.handleClose();
+        }
+    }
+    async handleSelectSetting(value) {
+        this.saving = true;
+        jsSdk.updateTemplate(this.endpoint, this.templateId, { sender: value })
+            .then(r => {
+            var _a;
+            console.log('Update result', r);
+            if ((_a = this.store) === null || _a === void 0 ? void 0 : _a.state) {
+                this.store.state.sender = value;
+            }
+            this.saving = false;
+            this.sender = value;
+        })
+            .catch(e => {
+            console.log('Error saving', e);
+            this.saving = false;
+        });
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f68de757047cf08e13ca4b5f33e28c0af48fc216' }, index.h("div", { key: '6d1d7f7fc65b8ec2112dc7c33750cfce5d4f3e8c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, index.h("div", { key: '4d89b066209259145a82549e572b558fc11cf884', class: "dialog" }, index.h("div", { key: 'fe42cd60ee5ed150318152a21db7bd0bfd41bb6f', class: "options" }, index.h("div", { key: '5e6193483c37781365aabccef51a67ff56ff937e', class: "option" }, index.h("verdocs-radio-button", { key: 'ea3ece13bab53d052186194b9708c7a072335103', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), index.h("div", { key: '785b66f5cc26579d6caafc85924c5ad7e3966d40', class: "description" }, index.h("div", { key: 'd82d392c83f757ff7f23d5e78bfd68ab97eb0f52', class: "name" }, "Anyone on the Web"), index.h("verdocs-help-icon", { key: '34f2139c6e1f4cf01bb497066fea7000837c3ee9', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), index.h("div", { key: '1b20cb65e1ed7bdf317e6af82b5b445f988e98c8', class: "option" }, index.h("verdocs-radio-button", { key: '236a72f8c58ab2a2ad52824c698b8e0367881c3c', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), index.h("div", { key: '5e23b141d9d9c126ac2c82ab30bcb279b73d4793', class: "description" }, index.h("div", { key: 'f9b6deeff27abb6ae722cc8b70aa662c400108b7', class: "name" }, "Anyone on the Web as me"), index.h("verdocs-help-icon", { key: '03982e3624ba4e858fd478e8dc5c8ee0a1b98f3f', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), index.h("div", { key: 'db8d9acd7b3a06a6f09a5fb03ca8403dc82db00c', class: "option" }, index.h("verdocs-radio-button", { key: 'a12f063f0ff6e06eb5aaff35b815621e5b06d8b3', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), index.h("div", { key: 'acfba148b6c50fac0a3d72a6f46b3a5f144d3986', class: "description" }, index.h("div", { key: '3120e3ed05176dfc34ce482d359274755dcb55dc', class: "name" }, "Anyone in my organization"), index.h("verdocs-help-icon", { key: '0e78f7bc767c863d53ed113c52584252f893ecc4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), index.h("div", { key: 'ac2f56ad77d0d4aeef9d311e7b44a5c9d19a74c7', class: "option" }, index.h("verdocs-radio-button", { key: '433e69e8fb00ee8676ec46657ad5c19df76ddd6c', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), index.h("div", { key: 'ff50c7fee92e6cce3e488b4a4df2274ada44b11a', class: "description" }, index.h("div", { key: 'de3fd4b8f985e7f348a3743fb7431d4f9ad66598', class: "name" }, "Anyone in my organization as me"), index.h("verdocs-help-icon", { key: '257a87eb54dbfceb8edbeffca997fe787916ddc8', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), index.h("div", { key: 'f9223854c2616a85d057b7d7208e82ba85413556', class: "option" }, index.h("verdocs-radio-button", { key: 'c74d08475eb3601c21e75916366908c15c652ba8', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), index.h("div", { key: '9af51dd805406c23c9fc081d284d661e16f69f0a', class: "description" }, index.h("div", { key: '16b852696b984473a5dbfc09345dffbc6f3e0a40', class: "name" }, "Me"), index.h("verdocs-help-icon", { key: '104c0ec597a028b30dcc0d6e00a0bcac0433b0c9', text: "Only I can use this template." })))), index.h("div", { key: 'ce8b9f36df6c8beab9305dec9d3acc64f5369d07', class: "buttons" }, index.h("verdocs-button", { key: '722df3e64f41b5c8aee45d66eaa13b33711bba5c', label: "Close", onClick: () => this.handleClose() }))))));
+    }
+};
+VerdocsTemplateSender.style = VerdocsTemplateSenderStyle0;
+
+exports.verdocs_radio_button = VerdocsRadioButton;
+exports.verdocs_template_role_properties = VerdocsTemplateRoleProperties;
+exports.verdocs_template_sender = VerdocsTemplateSender;

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

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5463795e.js');
+const index = require('./index-cfdfab36.js');
 
 const verdocsSearchTabsCss = "@-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-search-tabs{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:block}";
+const VerdocsSearchTabsStyle0 = verdocsSearchTabsCss;
 
 const VerdocsSearchTabs = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.selected = 'all';
-  }
-  render() {
-    return index.h("div", null, "\u00A0");
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.selected = 'all';
+    }
+    render() {
+        return index.h("div", { key: 'b4ac2045933155b547df5cde6e4dc72a0af06050' }, "\u00A0");
+    }
 };
-VerdocsSearchTabs.style = verdocsSearchTabsCss;
+VerdocsSearchTabs.style = VerdocsSearchTabsStyle0;
 
 exports.verdocs_search_tabs = VerdocsSearchTabs;

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

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5463795e.js');
-require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
+const index = require('./index-cfdfab36.js');
+const jsSdk = require('@verdocs/js-sdk');
 
 const verdocsSearchCss = "@-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-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";
+const VerdocsSearchStyle0 = verdocsSearchCss;
 
 const VerdocsSearch = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
-  }
-  render() {
-    return (index.h("div", { class: "container" }, index.h("verdocs-search-box", { endpoint: this.endpoint }), index.h("div", { class: "boxes" }, index.h("verdocs-search-activity", { type: "recent", endpoint: this.endpoint }), index.h("verdocs-search-activity", { type: "saved", endpoint: this.endpoint }), index.h("verdocs-search-activity", { type: "starred", endpoint: this.endpoint }), index.h("verdocs-quick-functions", { endpoint: this.endpoint }))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.endpoint = jsSdk.VerdocsEndpoint.getDefault();
+    }
+    render() {
+        return (index.h("div", { key: '4ebcbcca303725a1114792af29474ec365759850', class: "container" }, index.h("verdocs-search-box", { key: 'b1998f81d2e95d31f71bc1a59b0eb93b2be2347c', endpoint: this.endpoint }), index.h("div", { key: 'a604d97bd63254a5988d110e5e00c91d9bf98466', class: "boxes" }, index.h("verdocs-search-activity", { key: '8ff0e974bdb7d34b78c140b74c69623f5abf3519', type: "recent", endpoint: this.endpoint }), index.h("verdocs-search-activity", { key: '308c66ef4be9f29d8efbe807fd02f1eaa73b3c59', type: "saved", endpoint: this.endpoint }), index.h("verdocs-search-activity", { key: 'f4c067b93ccfaf2ecfd6d40ecdfb194bc7d21c3e', type: "starred", endpoint: this.endpoint }), index.h("verdocs-quick-functions", { key: '589d9f73adad835d739abf4375bd25fdcbfeeb21', endpoint: this.endpoint }))));
+    }
 };
-VerdocsSearch.style = verdocsSearchCss;
+VerdocsSearch.style = VerdocsSearchStyle0;
 
 exports.verdocs_search = VerdocsSearch;