@verdocs/web-sdk 4.2.135 → 4.2.136

package/dist/collection/utils/TemplateStore.js

@@ -14,7 +14,7 @@ const createTemplateStore = (templateId) => {
         id: templateId,
         name: '',
         description: '',
-        sender: 'creator',
+        sender: 'envelope_creator',
         profile_id: '',
         organization_id: '',
         counter: 0,

package/dist/components/TemplateStore.js

@@ -15,7 +15,7 @@ const createTemplateStore = (templateId) => {
         id: templateId,
         name: '',
         description: '',
-        sender: 'creator',
+        sender: 'envelope_creator',
         profile_id: '',
         organization_id: '',
         counter: 0,

package/dist/components/index.js

@@ -58,7 +58,6 @@ import { VerdocsTemplateFields } from './verdocs-template-fields.js';
 import { VerdocsTemplateName } from './verdocs-template-name.js';
 import { VerdocsTemplateRoleProperties } from './verdocs-template-role-properties.js';
 import { VerdocsTemplateRoles } from './verdocs-template-roles.js';
-import { VerdocsTemplateSender } from './verdocs-template-sender.js';
 import { VerdocsTemplateStar } from './verdocs-template-star.js';
 import { VerdocsTemplateTags } from './verdocs-template-tags.js';
 import { VerdocsTemplateVisibility } from './verdocs-template-visibility.js';
@@ -134,7 +133,6 @@ const defineCustomElements = (opts) => {
             VerdocsTemplateName,
             VerdocsTemplateRoleProperties,
             VerdocsTemplateRoles,
-            VerdocsTemplateSender,
             VerdocsTemplateStar,
             VerdocsTemplateTags,
             VerdocsTemplateVisibility,

package/dist/components/verdocs-build.js

@@ -2,45 +2,43 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$J } from './verdocs-button2.js';
-import { d as defineCustomElement$I } from './verdocs-button-panel2.js';
-import { d as defineCustomElement$H } from './verdocs-checkbox2.js';
-import { d as defineCustomElement$G } from './verdocs-component-error2.js';
-import { d as defineCustomElement$F } from './verdocs-contact-picker2.js';
-import { d as defineCustomElement$E } from './verdocs-field-attachment2.js';
-import { d as defineCustomElement$D } from './verdocs-field-checkbox2.js';
-import { d as defineCustomElement$C } from './verdocs-field-date2.js';
-import { d as defineCustomElement$B } from './verdocs-field-dropdown2.js';
-import { d as defineCustomElement$A } from './verdocs-field-initial2.js';
-import { d as defineCustomElement$z } from './verdocs-field-radio2.js';
-import { d as defineCustomElement$y } from './verdocs-field-signature2.js';
-import { d as defineCustomElement$x } from './verdocs-field-textarea2.js';
-import { d as defineCustomElement$w } from './verdocs-field-textbox2.js';
-import { d as defineCustomElement$v } from './verdocs-field-timestamp2.js';
-import { d as defineCustomElement$u } from './verdocs-file-chooser2.js';
-import { d as defineCustomElement$t } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$s } from './verdocs-initial-dialog2.js';
-import { d as defineCustomElement$r } from './verdocs-loader2.js';
-import { d as defineCustomElement$q } from './verdocs-ok-dialog2.js';
-import { d as defineCustomElement$p } from './verdocs-portal2.js';
-import { d as defineCustomElement$o } from './verdocs-preview2.js';
-import { d as defineCustomElement$n } from './verdocs-progress-bar2.js';
-import { d as defineCustomElement$m } from './verdocs-radio-button2.js';
-import { d as defineCustomElement$l } from './verdocs-select-input2.js';
-import { d as defineCustomElement$k } from './verdocs-send2.js';
-import { d as defineCustomElement$j } from './verdocs-signature-dialog2.js';
-import { d as defineCustomElement$i } from './verdocs-spinner2.js';
-import { d as defineCustomElement$h } from './verdocs-tabs2.js';
-import { d as defineCustomElement$g } from './verdocs-template-attachments2.js';
-import { d as defineCustomElement$f } from './verdocs-template-build-tabs2.js';
-import { d as defineCustomElement$e } from './verdocs-template-create2.js';
-import { d as defineCustomElement$d } from './verdocs-template-document-page2.js';
-import { d as defineCustomElement$c } from './verdocs-template-field-properties2.js';
-import { d as defineCustomElement$b } from './verdocs-template-fields2.js';
-import { d as defineCustomElement$a } from './verdocs-template-name2.js';
-import { d as defineCustomElement$9 } from './verdocs-template-role-properties2.js';
-import { d as defineCustomElement$8 } from './verdocs-template-roles2.js';
-import { d as defineCustomElement$7 } from './verdocs-template-sender2.js';
+import { d as defineCustomElement$H } from './verdocs-button2.js';
+import { d as defineCustomElement$G } from './verdocs-button-panel2.js';
+import { d as defineCustomElement$F } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$E } from './verdocs-component-error2.js';
+import { d as defineCustomElement$D } from './verdocs-contact-picker2.js';
+import { d as defineCustomElement$C } from './verdocs-field-attachment2.js';
+import { d as defineCustomElement$B } from './verdocs-field-checkbox2.js';
+import { d as defineCustomElement$A } from './verdocs-field-date2.js';
+import { d as defineCustomElement$z } from './verdocs-field-dropdown2.js';
+import { d as defineCustomElement$y } from './verdocs-field-initial2.js';
+import { d as defineCustomElement$x } from './verdocs-field-radio2.js';
+import { d as defineCustomElement$w } from './verdocs-field-signature2.js';
+import { d as defineCustomElement$v } from './verdocs-field-textarea2.js';
+import { d as defineCustomElement$u } from './verdocs-field-textbox2.js';
+import { d as defineCustomElement$t } from './verdocs-field-timestamp2.js';
+import { d as defineCustomElement$s } from './verdocs-file-chooser2.js';
+import { d as defineCustomElement$r } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$q } from './verdocs-initial-dialog2.js';
+import { d as defineCustomElement$p } from './verdocs-loader2.js';
+import { d as defineCustomElement$o } from './verdocs-ok-dialog2.js';
+import { d as defineCustomElement$n } from './verdocs-portal2.js';
+import { d as defineCustomElement$m } from './verdocs-preview2.js';
+import { d as defineCustomElement$l } from './verdocs-progress-bar2.js';
+import { d as defineCustomElement$k } from './verdocs-select-input2.js';
+import { d as defineCustomElement$j } from './verdocs-send2.js';
+import { d as defineCustomElement$i } from './verdocs-signature-dialog2.js';
+import { d as defineCustomElement$h } from './verdocs-spinner2.js';
+import { d as defineCustomElement$g } from './verdocs-tabs2.js';
+import { d as defineCustomElement$f } from './verdocs-template-attachments2.js';
+import { d as defineCustomElement$e } from './verdocs-template-build-tabs2.js';
+import { d as defineCustomElement$d } from './verdocs-template-create2.js';
+import { d as defineCustomElement$c } from './verdocs-template-document-page2.js';
+import { d as defineCustomElement$b } from './verdocs-template-field-properties2.js';
+import { d as defineCustomElement$a } from './verdocs-template-fields2.js';
+import { d as defineCustomElement$9 } from './verdocs-template-name2.js';
+import { d as defineCustomElement$8 } from './verdocs-template-role-properties2.js';
+import { d as defineCustomElement$7 } from './verdocs-template-roles2.js';
 import { d as defineCustomElement$6 } from './verdocs-template-visibility2.js';
 import { d as defineCustomElement$5 } from './verdocs-text-input2.js';
 import { d as defineCustomElement$4 } from './verdocs-toggle-button2.js';
@@ -170,7 +168,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-radio-button", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
+    const components = ["verdocs-build", "verdocs-button", "verdocs-button-panel", "verdocs-checkbox", "verdocs-component-error", "verdocs-contact-picker", "verdocs-field-attachment", "verdocs-field-checkbox", "verdocs-field-date", "verdocs-field-dropdown", "verdocs-field-initial", "verdocs-field-radio", "verdocs-field-signature", "verdocs-field-textarea", "verdocs-field-textbox", "verdocs-field-timestamp", "verdocs-file-chooser", "verdocs-help-icon", "verdocs-initial-dialog", "verdocs-loader", "verdocs-ok-dialog", "verdocs-portal", "verdocs-preview", "verdocs-progress-bar", "verdocs-select-input", "verdocs-send", "verdocs-signature-dialog", "verdocs-spinner", "verdocs-tabs", "verdocs-template-attachments", "verdocs-template-build-tabs", "verdocs-template-create", "verdocs-template-document-page", "verdocs-template-field-properties", "verdocs-template-fields", "verdocs-template-name", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-visibility", "verdocs-text-input", "verdocs-toggle-button", "verdocs-toolbar-icon", "verdocs-upload-dialog"];
     components.forEach(tagName => { switch (tagName) {
         case "verdocs-build":
             if (!customElements.get(tagName)) {
@@ -178,196 +176,186 @@ function defineCustomElement$1() {
             }
             break;
         case "verdocs-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$J();
-            }
-            break;
-        case "verdocs-button-panel":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$I();
-            }
-            break;
-        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$H();
             }
             break;
-        case "verdocs-component-error":
+        case "verdocs-button-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$G();
             }
             break;
-        case "verdocs-contact-picker":
+        case "verdocs-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$F();
             }
             break;
-        case "verdocs-field-attachment":
+        case "verdocs-component-error":
             if (!customElements.get(tagName)) {
                 defineCustomElement$E();
             }
             break;
-        case "verdocs-field-checkbox":
+        case "verdocs-contact-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$D();
             }
             break;
-        case "verdocs-field-date":
+        case "verdocs-field-attachment":
             if (!customElements.get(tagName)) {
                 defineCustomElement$C();
             }
             break;
-        case "verdocs-field-dropdown":
+        case "verdocs-field-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$B();
             }
             break;
-        case "verdocs-field-initial":
+        case "verdocs-field-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$A();
             }
             break;
-        case "verdocs-field-radio":
+        case "verdocs-field-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$z();
             }
             break;
-        case "verdocs-field-signature":
+        case "verdocs-field-initial":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "verdocs-field-textarea":
+        case "verdocs-field-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "verdocs-field-textbox":
+        case "verdocs-field-signature":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "verdocs-field-timestamp":
+        case "verdocs-field-textarea":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "verdocs-file-chooser":
+        case "verdocs-field-textbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "verdocs-help-icon":
+        case "verdocs-field-timestamp":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "verdocs-initial-dialog":
+        case "verdocs-file-chooser":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "verdocs-loader":
+        case "verdocs-help-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "verdocs-ok-dialog":
+        case "verdocs-initial-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "verdocs-portal":
+        case "verdocs-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "verdocs-preview":
+        case "verdocs-ok-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "verdocs-progress-bar":
+        case "verdocs-portal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "verdocs-radio-button":
+        case "verdocs-preview":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "verdocs-select-input":
+        case "verdocs-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "verdocs-send":
+        case "verdocs-select-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "verdocs-signature-dialog":
+        case "verdocs-send":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "verdocs-spinner":
+        case "verdocs-signature-dialog":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "verdocs-tabs":
+        case "verdocs-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "verdocs-template-attachments":
+        case "verdocs-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "verdocs-template-build-tabs":
+        case "verdocs-template-attachments":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "verdocs-template-create":
+        case "verdocs-template-build-tabs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "verdocs-template-document-page":
+        case "verdocs-template-create":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "verdocs-template-field-properties":
+        case "verdocs-template-document-page":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "verdocs-template-fields":
+        case "verdocs-template-field-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "verdocs-template-name":
+        case "verdocs-template-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "verdocs-template-role-properties":
+        case "verdocs-template-name":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "verdocs-template-roles":
+        case "verdocs-template-role-properties":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "verdocs-template-sender":
+        case "verdocs-template-roles":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }

package/dist/components/verdocs-radio-button.js

@@ -1,4 +1,40 @@
-import { V as VerdocsRadioButton$1, d as defineCustomElement$1 } from './verdocs-radio-button2.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+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$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsRadioButton extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.checked = false;
+        this.name = '';
+        this.value = '';
+        this.disabled = false;
+    }
+    render() {
+        return (h(Host, { key: 'b8dc5d8e34deeaf6d67f8b38bcf485a66e6fe8c8', class: { disabled: this.disabled } }, h("input", { key: '5e03859b9d3082add93aeba0eb626d8f41988f1c', type: "radio", value: this.value, name: this.name, id: `verdocs-radio-button-${this.name}-${this.value}`, checked: this.checked, disabled: this.disabled }), h("label", { key: '4caa876b9138003b5ff7d576fdc32fcf62858bca', htmlFor: `verdocs-radio-button-${this.name}-${this.value}` })));
+    }
+    static get style() { return VerdocsRadioButtonStyle0; }
+}, [0, "verdocs-radio-button", {
+        "checked": [4],
+        "name": [1],
+        "value": [1],
+        "disabled": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-radio-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-radio-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsRadioButton$1);
+            }
+            break;
+    } });
+}
 
 const VerdocsRadioButton = VerdocsRadioButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/verdocs-template-role-properties2.js

@@ -27,7 +27,6 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateId = '';
         this.roleName = '';
-        this.sender = 'everyone';
         this.dirty = false;
         this.saving = false;
         this.name = '';
@@ -127,41 +126,40 @@ const VerdocsTemplateRoleProperties = /*@__PURE__*/ proxyCustomElement(class Ver
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: '2344ca9e482f0a9e3d45226dcf60f3082f0b262a' }, h("div", { key: '7f59190bffce63910b4ac8bbf3c18871ec7e07a5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '468001c9b9bdc563826173f96e5222a616f6f340', class: "dialog" }, h("form", { key: 'e4ff405dad0f312bf121e73aa9c6a6f6b937b768', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '612dc771f957602284f24fa47b6a140ba02a0f56', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: 'e859133491988f148c3b1736a4398b8ab3d87da8' }, h("div", { key: '3909479c1ff216a97bc9ee5df07dfa0c547b073e', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b1c0e435243fe62a07c2b9d6335837882da57cfe', class: "dialog" }, h("form", { key: '2bc3b9fc3d7435d2f5de4376a22938b3bf208de4', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '9e99d4a2855a9e1ccba7a649ac34fe09dc901669', 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;
-            } }), h("div", { key: 'f3b5472084032d07ec4b5fe6c83250bc93a2e99b', class: "row" }, h("div", { key: 'd13db6776d097fdc8594f127b0ce7a5f82b0d346', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '35d3c3dfc5b07c8ba4e58a56bb20242b2893080c', value: this.type, options: [
+            } }), h("div", { key: 'fb7718ed3cd2d45dad955911a707f1ebc03daddf', class: "row" }, h("div", { key: '906a33520c1876782a1c368409e949ceb3420231', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'aa46196df7f7086eb06f8ef1c923bb230816d8bb', 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("verdocs-help-icon", { key: 'e4f59b8e5afa43bf495985fbe890dbf782607afe', 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." })), h("verdocs-text-input", { key: '90a869359264a8add5c1b75f90ef827bde176c18', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first 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: "First Name...", onInput: (e) => {
+            } }), h("verdocs-help-icon", { key: 'a067ca5039e9cc1867d4cdcb5676adf2e1ef6481', 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." })), h("verdocs-text-input", { key: '85714cf0dbdcd4a0c79c2befc043b4a390e3b95f', id: "verdocs-recipient-first", label: "First Name", value: this.first_name, autocomplete: "off", helpText: "The recipient's first 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: "First Name...", onInput: (e) => {
                 this.first_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '0290e4e4965c894a5171dc525c807b6ed79e8509', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last 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: "Last Name...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: '868045c012e801b96d4214fbc608a85fd866933b', id: "verdocs-recipient-first", label: "Last Name", value: this.last_name, autocomplete: "off", helpText: "The recipient's last 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: "Last Name...", onInput: (e) => {
                 this.last_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '9c0b81fe916d053f342b9864a003cee504ef8e28', 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) => {
+            } }), h("verdocs-text-input", { key: 'a4b721e35303f7c362b875a50b9c203874bb42aa', 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;
-            } }), h("verdocs-text-input", { key: 'e31ba5928aa9fa5cf294c583381c5a2c45fbe697', 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) => {
+            } }), h("verdocs-text-input", { key: 'e3ab999cb97d92d4e5c793691da9ca27927c8249', 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;
-            } }), h("div", { key: 'de4d2996f7558203a157de4089bd08b03e3ccb4c', class: "row" }, h("div", { key: '5204416e20532f20e7b8800da46af1a819262d47', class: "input-label" }, "May Delegate:"), h("div", { key: 'ea93e1f42e9748aad209a71de59648234c577a72', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '55a7d77e35c16bf3f669b62adffac9df4b57462e', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: 'b221c25197ded12e34b5ed7d1d13868aed1a6a36', class: "row" }, h("div", { key: '6ce590cf0750efa571a560164bbb4254c6ed59f8', class: "input-label" }, "May Delegate:"), h("div", { key: 'c363f6f9cf568e2f2f4e96223867a7a561209e82', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '467194ade1af0f5e2b7db9461182ec107b5b1ab3', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: 'c10dd23ca7b7e47f836dd3839e5749a3c0c76794', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '8e2c8d88f213aca0d30dfdb3880b634d878a327e', class: "buttons" }, h("button", { key: '68fc1d701b0519694fecf129ac40ea02bd2a3c5c', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '1c0f4b7f56d564c304cf728d1cc74c10cdb6a452', style: { flex: '1' } }), h("verdocs-button", { key: 'cb4e24c4b49c1505da07b6341229b60e6cd33371', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '4a170cf772986625008e3550ba167db69d523baa', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: '686fb7099a49a1200663822074716677e86ad233', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '5dfb3746293fef7859c6e238af7f8667fe716937', class: "buttons" }, h("button", { key: '154f4b763b424a393b9481a648f4a173ce2e75a5', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: '03bb58e5af7e9ae81684d60c86fc030dfb0fa56a', style: { flex: '1' } }), h("verdocs-button", { key: '8eb2d90795a3ff5c44129f4ed92e25e9abc25140', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'dbd0c72f9523f077ee4dd7fbe0cde9d89cbb8f8e', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
     static get style() { return VerdocsTemplateRolePropertiesStyle0; }
 }, [0, "verdocs-template-role-properties", {
         "endpoint": [16],
         "templateId": [1, "template-id"],
         "roleName": [1, "role-name"],
-        "sender": [1],
         "dirty": [32],
         "saving": [32],
         "name": [32],