@verdocs/web-sdk 1.16.0 → 1.16.2

package/dist/components/verdocs-envelopes-list.js

@@ -52,7 +52,7 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.endpoint = VerdocsEndpoint.getDefault();
     this.view = undefined;
     this.status = 'all';
-    this.sortBy = 'updated_at';
+    this.sort = 'updated_at';
     this.name = '';
     this.containing = '';
     this.selectedPage = 0;
@@ -61,6 +61,24 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.selectedEnvelopes = [];
     this.envelopes = [];
   }
+  handleViewUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleStatusUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleSortUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleNameUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleContainingUpdated() {
+    return this.queryEnvelopes();
+  }
+  handlePageUpdated() {
+    return this.queryEnvelopes();
+  }
   componentWillLoad() {
     this.endpoint.loadSession();
     if (!this.endpoint.session) {
@@ -81,8 +99,8 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
         case 'all':
           queryParams = {
             ...queryParams,
-            sort_by: this.sortBy,
-            ascending: this.sortBy === 'envelope_name',
+            sort_by: this.sort,
+            ascending: this.sort === 'envelope_name',
             envelope_status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]),
           };
           break;
@@ -143,9 +161,9 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
           queryParams.envelope_status = [this.status];
         }
       }
-      if (this.sortBy !== 'updated_at') {
-        queryParams.sort_by = this.sortBy;
-        queryParams.ascending = this.sortBy === 'envelope_name';
+      if (this.sort !== 'updated_at') {
+        queryParams.sort_by = this.sort;
+        queryParams.ascending = this.sort === 'envelope_name';
       }
       if (this.name.trim()) {
         queryParams.name = this.name.trim();
@@ -170,13 +188,13 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       this.selectedEnvelopes = [];
     })
       .catch(e => {
-      console.log('Download error', e);
+      console.log('[ENVELOPES] Download error', e);
       VerdocsToast('Download error: ' + e.message, { style: 'error' });
     });
   }
   downloadEnvelope(envelope) {
     saveEnvelopesAsZip(this.endpoint, [envelope]).catch(e => {
-      console.log('Download error', e);
+      console.log('[ENVELOPES] Download error', e);
       VerdocsToast('Download error: ' + e.message, { style: 'error' });
     });
   }
@@ -190,8 +208,8 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       } }), this.view === 'all' && (h("verdocs-quick-filter", { label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
         this.status = e.detail.value;
         return this.queryEnvelopes();
-      } })), this.view === 'all' && (h("verdocs-quick-filter", { label: "Sort By", value: this.sortBy, options: SortFilters, onOptionSelected: e => {
-        this.sortBy = e.detail.value;
+      } })), this.view === 'all' && (h("verdocs-quick-filter", { label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+        this.sort = e.detail.value;
         return this.queryEnvelopes();
       } })), h("div", { class: "containing" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-containing", value: this.containing, autocomplete: "off", placeholder: "Fields Containing...", onInput: (e) => {
         this.containing = e.target.value;
@@ -241,12 +259,20 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
         return this.queryEnvelopes();
       } })))));
   }
+  static get watchers() { return {
+    "view": ["handleViewUpdated"],
+    "status": ["handleStatusUpdated"],
+    "sort": ["handleSortUpdated"],
+    "name": ["handleNameUpdated"],
+    "containing": ["handleContainingUpdated"],
+    "selectedPage": ["handlePageUpdated"]
+  }; }
   static get style() { return verdocsEnvelopesListCss; }
 }, [0, "verdocs-envelopes-list", {
     "endpoint": [16],
     "view": [1537],
     "status": [1537],
-    "sortBy": [1537, "sort-by"],
+    "sort": [1537],
     "name": [1537],
     "containing": [1537],
     "selectedPage": [1538, "selected-page"],

package/dist/components/verdocs-quick-filter2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as renderedTextWidth } from './utils.js';
+import { e as renderedTextWidth } from './utils.js';
 import { c as createPopper } from './popper.js';
 
 const verdocsQuickFilterCss = "verdocs-quick-filter{position:relative;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:#4c56cb3f}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}";

package/dist/components/verdocs-select-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const verdocsSelectInputCss = "verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #cccccc;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:16px;height:28px;padding:4px 8px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
+const verdocsSelectInputCss = "verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #cccccc;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:16px;height:28px;padding:2px 8px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
 
 const VerdocsSelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/verdocs-status-indicator2.js

@@ -7199,7 +7199,7 @@ function RecipientFlow() {
   };
 }
 
-const verdocsStatusIndicatorCss = "verdocs-status-indicator{display:-ms-flexbox;display:flex;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-status-indicator.has-document:hover{cursor:pointer;background:rgba(0, 0, 0, 0.1)}verdocs-status-indicator .icon{width:25px;height:25px;margin:0 10px 0 0}verdocs-status-indicator.dark{color:#ffffff}verdocs-status-indicator.small{font-size:16px}verdocs-status-indicator.small .icon{width:20px;height:20px;margin:0 8px 0 0}verdocs-status-indicator .detail-panel{display:none;background:#ffffff;border:1px solid #1e2031;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;border-radius:10px;font-weight:500}verdocs-status-indicator .detail-panel h1{font-size:44px;color:#092c4c}verdocs-status-indicator .detail-panel[data-show]{display:-ms-flexbox;display:flex}";
+const verdocsStatusIndicatorCss = "verdocs-status-indicator{display:-ms-flexbox;display:flex;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-status-indicator.has-document:hover{cursor:pointer;background:rgba(0, 0, 0, 0.1)}verdocs-status-indicator .icon{width:25px;height:25px;margin:0 10px 0 0}verdocs-status-indicator.dark{color:#ffffff}verdocs-status-indicator.small{font-size:16px}verdocs-status-indicator.small .icon{width:20px;height:20px;margin:0 8px 0 0}verdocs-status-indicator .content{white-space:nowrap}verdocs-status-indicator .detail-panel{display:none;background:#ffffff;border:1px solid #1e2031;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;border-radius:10px;font-weight:500}verdocs-status-indicator .detail-panel h1{font-size:44px;color:#092c4c}verdocs-status-indicator .detail-panel[data-show]{display:-ms-flexbox;display:flex}";
 
 const AcceptedDark = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="11.5" stroke="white" stroke-width="2"/><path d="M11.728 15.968C11.7067 15.9893 11.7013 16.0107 11.712 16.032C11.7227 16.0533 11.744 16.064 11.776 16.064H16.112C16.1653 16.064 16.208 16.0853 16.24 16.128C16.2827 16.16 16.304 16.2027 16.304 16.256V17.808C16.304 17.8613 16.2827 17.9093 16.24 17.952C16.208 17.984 16.1653 18 16.112 18H8.912C8.85867 18 8.81067 17.984 8.768 17.952C8.736 17.9093 8.72 17.8613 8.72 17.808V16.336C8.72 16.24 8.752 16.16 8.816 16.096C9.33867 15.584 9.872 15.0293 10.416 14.432C10.96 13.824 11.3013 13.4453 11.44 13.296C11.7387 12.944 12.0427 12.608 12.352 12.288C13.3227 11.2107 13.808 10.4107 13.808 9.888C13.808 9.51467 13.6747 9.21067 13.408 8.976C13.1413 8.73067 12.7947 8.608 12.368 8.608C11.9413 8.608 11.5947 8.73067 11.328 8.976C11.0613 9.21067 10.928 9.52533 10.928 9.92V10.32C10.928 10.3733 10.9067 10.4213 10.864 10.464C10.832 10.496 10.7893 10.512 10.736 10.512H8.848C8.79467 10.512 8.74667 10.496 8.704 10.464C8.672 10.4213 8.656 10.3733 8.656 10.32V9.568C8.688 8.992 8.86933 8.48533 9.2 8.048C9.53067 7.6 9.968 7.25867 10.512 7.024C11.0667 6.78933 11.6853 6.672 12.368 6.672C13.1253 6.672 13.7813 6.816 14.336 7.104C14.9013 7.38133 15.3333 7.76 15.632 8.24C15.9413 8.72 16.096 9.25333 16.096 9.84C16.096 10.288 15.984 10.7467 15.76 11.216C15.536 11.6853 15.2 12.192 14.752 12.736C14.4213 13.152 14.064 13.5627 13.68 13.968C13.296 14.3733 12.7253 14.96 11.968 15.728L11.728 15.968Z" fill="white"/></svg>`;
 const AcceptedLight = `<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="11.5" stroke="#654DCB" stroke-width="2"/><path d="M11.728 15.968C11.7067 15.9893 11.7013 16.0107 11.712 16.032C11.7227 16.0533 11.744 16.064 11.776 16.064H16.112C16.1653 16.064 16.208 16.0853 16.24 16.128C16.2827 16.16 16.304 16.2027 16.304 16.256V17.808C16.304 17.8613 16.2827 17.9093 16.24 17.952C16.208 17.984 16.1653 18 16.112 18H8.912C8.85867 18 8.81067 17.984 8.768 17.952C8.736 17.9093 8.72 17.8613 8.72 17.808V16.336C8.72 16.24 8.752 16.16 8.816 16.096C9.33867 15.584 9.872 15.0293 10.416 14.432C10.96 13.824 11.3013 13.4453 11.44 13.296C11.7387 12.944 12.0427 12.608 12.352 12.288C13.3227 11.2107 13.808 10.4107 13.808 9.888C13.808 9.51467 13.6747 9.21067 13.408 8.976C13.1413 8.73067 12.7947 8.608 12.368 8.608C11.9413 8.608 11.5947 8.73067 11.328 8.976C11.0613 9.21067 10.928 9.52533 10.928 9.92V10.32C10.928 10.3733 10.9067 10.4213 10.864 10.464C10.832 10.496 10.7893 10.512 10.736 10.512H8.848C8.79467 10.512 8.74667 10.496 8.704 10.464C8.672 10.4213 8.656 10.3733 8.656 10.32V9.568C8.688 8.992 8.86933 8.48533 9.2 8.048C9.53067 7.6 9.968 7.25867 10.512 7.024C11.0667 6.78933 11.6853 6.672 12.368 6.672C13.1253 6.672 13.7813 6.816 14.336 7.104C14.9013 7.38133 15.3333 7.76 15.632 8.24C15.9413 8.72 16.096 9.25333 16.096 9.84C16.096 10.288 15.984 10.7467 15.76 11.216C15.536 11.6853 15.2 12.192 14.752 12.736C14.4213 13.152 14.064 13.5627 13.68 13.968C13.296 14.3733 12.7253 14.96 11.968 15.728L11.728 15.968Z" fill="#654DCB"/></svg>`;

package/dist/components/verdocs-template-fields2.js

@@ -4,7 +4,7 @@ import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { u as updateField, c as createField } from './Fields.js';
 import { i as integerSequence } from './Primitives.js';
-import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils.js';
+import { a as getRoleIndex, r as renderDocumentField, f as updateCssTransform, h as defaultWidth, i as defaultHeight } from './utils.js';
 import { g as getTemplateStore, a as getRoleNames } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$7 } from './verdocs-button2.js';

package/dist/components/verdocs-templates-list.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { P as Permissions, V as VerdocsEndpoint, c as canPerformTemplateAction } from './VerdocsEndpoint.js';
+import { V as VerdocsEndpoint, c as canPerformTemplateAction } from './VerdocsEndpoint.js';
 import { g as getSummary, d as deleteTemplate } from './Templates.js';
 import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
@@ -15,13 +15,6 @@ import { d as defineCustomElement$3 } from './verdocs-template-star2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, l as locale, a as getDefaultOptions } from './index2.js';
 
-/**
- * Confirm whether the user has all of the specified permissions.
- */
-var userHasPermissions = function (session, permissions) {
-    return permissions.every(function (perm) { return ((session === null || session === void 0 ? void 0 : session.permissions) || []).includes(perm); });
-};
-
 /**
  * @name compareAsc
  * @category Common Helpers
@@ -507,32 +500,6 @@ function formatDistance(dirtyDate, dirtyBaseDate, options) {
   }
 }
 
-/**
- * Various helpers to identify available operations for a template by a user.
- *
- * @module
- */
-/**
- * Check to see if the user can create a personal/private template.
- */
-var userCanCreatePersonalTemplate = function (session) {
-    return userHasPermissions(session, [Permissions.TEMPLATE_CREATOR_CREATE_PERSONAL]);
-};
-/**
- * Check to see if the user can create an org-shared template.
- */
-var userCanCreateOrgTemplate = function (session) { return userHasPermissions(session, [Permissions.TEMPLATE_CREATOR_CREATE_ORG]); };
-/**
- * Check to see if the user can create a public template.
- */
-var userCanCreatePublicTemplate = function (session) { return userHasPermissions(session, [Permissions.TEMPLATE_CREATOR_CREATE_PUBLIC]); };
-/**
- * Confirm whether the user can create a new template.
- */
-var userCanCreateTemplate = function (session) {
-    return userCanCreatePersonalTemplate(session) || userCanCreateOrgTemplate(session) || userCanCreatePublicTemplate(session);
-};
-
 const verdocsTemplatesListCss = "verdocs-templates-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-templates-list .header{width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-templates-list .header .filter{width:150px}verdocs-templates-list .header verdocs-text-input{margin:0}verdocs-templates-list .header verdocs-text-input input{height:32px}verdocs-templates-list .filter{-ms-flex-align:center;align-items:center}verdocs-templates-list .template{width:100%;margin:3px 0;background:#ffffff}verdocs-templates-list .template:hover{cursor:pointer;background:#f5f5fa}verdocs-templates-list .template .inner{gap:10px;display:-ms-flexbox;display:flex;padding:8px 14px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-templates-list .template .inner svg{width:24px;height:24px}verdocs-templates-list .name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:black;font-size:18px;margin-left:10px}@media screen and (max-width: 1300px){verdocs-templates-list .name{font-size:16px}}verdocs-templates-list .spacer{margin:0;height:30px;-ms-flex:0 0 1px;flex:0 0 1px;display:-ms-flexbox;display:flex;border-right:1px solid #dad8dd}@media screen and (max-width: 800px){verdocs-templates-list .spacer{margin:12px 0;border-top:1px solid #dad8dd;border-right:none}}verdocs-templates-list .empty-text{font-size:20px;text-align:center;margin:16px 0 0 0;padding:80px 80px;border:2px solid #ccc}verdocs-templates-list .ownership{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 100px;flex:0 0 100px;font-size:16px;margin:0 0 0 10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-templates-list .ownership svg{width:24px;height:24px;margin-right:8px}verdocs-templates-list .last-used{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 280px;flex:0 0 280px;font-size:16px;margin:0 0 0 10px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}verdocs-templates-list .last-used svg{width:24px;height:24px;margin-right:8px}verdocs-templates-list .usage{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;font-size:16px;margin:0 0 0 10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-templates-list .usage svg{width:24px;height:24px;margin-right:8px}";
 
 const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg>`;
@@ -570,7 +537,7 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.templateDeleted = createEvent(this, "templateDeleted", 7);
     this.handleOptionSelected = (option, template) => {
       var _a, _b;
-      if (option === 'createdoc') {
+      if (option === 'send') {
         (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: template });
       }
       else if (option === 'createlink') {
@@ -597,12 +564,25 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.starred = 'all';
     this.sort = 'updated_at';
     this.name = '';
+    this.allowedActions = ['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete'];
     this.selectedPage = 0;
     this.count = 0;
     this.loading = true;
     this.confirmDelete = null;
     this.templates = [];
   }
+  handleSharingUpdated() {
+    return this.queryTemplates();
+  }
+  handleStarredUpdated() {
+    return this.queryTemplates();
+  }
+  handleSortUpdated() {
+    return this.queryTemplates();
+  }
+  handleNameUpdated() {
+    return this.queryTemplates();
+  }
   async componentWillLoad() {
     this.endpoint.loadSession();
     if (!this.endpoint.session) {
@@ -614,11 +594,6 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   async queryTemplates() {
     var _a, _b, _c;
     try {
-      this.endpoint.loadSession();
-      if (!this.endpoint.session) {
-        console.log('[TEMPLATES] Must be authenticated');
-        return;
-      }
       let queryParams = {
         page: this.selectedPage,
         ascending: this.sort === 'name' || this.sort === 'star_counter',
@@ -634,9 +609,7 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       if (this.name.trim() !== '') {
         queryParams.name = this.name.trim();
       }
-      console.log('qp', queryParams, this.name);
       const response = await getSummary(this.endpoint, queryParams);
-      console.log('[TEMPLATES] Got templates', response);
       this.templates = response.result;
       this.count = response.total;
       this.loading = false;
@@ -646,9 +619,9 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new 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));
     }
   }
-  canCreate() {
-    return userCanCreateTemplate(this.endpoint.session);
-  }
+  // canCreate() {
+  //   return userCanCreateTemplate(this.endpoint.session);
+  // }
   canDelete(summary) {
     return canPerformTemplateAction(this.endpoint.session, 'delete', summary);
   }
@@ -695,21 +668,32 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
         this.sort = e.detail.value;
         return this.queryTemplates();
       } }), this.loading && h("verdocs-spinner", { mode: "dark", size: 24 }), h("div", { style: { display: 'flex', flex: '1' } })), this.templates.map(summary => {
-      const MENU_OPTIONS = [
-        //  [disabled]="!canSendEnvelope"
-        { label: 'Preview / Send', id: 'createdoc', disabled: !this.canPreview(summary) },
-        //  [disabled]="!(canSendEnvelope && canHaveLiveView)"
-        { label: 'Create Link', id: 'createlink', disabled: true },
-        // [disabled]="!(canSendEnvelope && canSignNow)"
-        { label: 'Sign Now', id: 'signnow', disabled: true },
-        // (click)="gotoEnvelope()"
-        { label: '' },
-        { label: 'Submissions', id: 'submitted' },
-        { label: '' },
-        { label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(summary) },
-        { label: 'Edit', id: 'edit', disabled: !this.canEdit(summary) },
-        { label: 'Delete', id: 'delete', disabled: !this.canDelete(summary) },
-      ];
+      const MENU_OPTIONS = [];
+      if (this.allowedActions.includes('send')) {
+        MENU_OPTIONS.push({ label: 'Send', id: 'send', disabled: !this.canPreview(summary) });
+      }
+      if (this.allowedActions.includes('createlink')) {
+        MENU_OPTIONS.push({ label: 'Create Link', id: 'createlink', disabled: true });
+      }
+      if (this.allowedActions.includes('createlink')) {
+        MENU_OPTIONS.push({ label: 'Sign Now', id: 'signnow', disabled: true });
+      }
+      if (this.allowedActions.includes('submitted')) {
+        MENU_OPTIONS.push({ label: '' });
+        MENU_OPTIONS.push({ label: 'Submissions', id: 'submitted' });
+      }
+      if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+        MENU_OPTIONS.push({ label: '' });
+        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+          MENU_OPTIONS.push({ label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(summary) });
+        }
+        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+          MENU_OPTIONS.push({ label: 'Edit', id: 'edit', disabled: !this.canEdit(summary) });
+        }
+        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+          MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !this.canDelete(summary) });
+        }
+      }
       return (h("div", { class: "template", onClick: () => {
           var _a;
           (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: summary });
@@ -719,6 +703,12 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
         return this.queryTemplates();
       } }))), this.confirmDelete && (h("verdocs-ok-dialog", { heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
   }
+  static get watchers() { return {
+    "sharing": ["handleSharingUpdated"],
+    "starred": ["handleStarredUpdated"],
+    "sort": ["handleSortUpdated"],
+    "name": ["handleNameUpdated"]
+  }; }
   static get style() { return verdocsTemplatesListCss; }
 }, [0, "verdocs-templates-list", {
     "endpoint": [16],
@@ -726,6 +716,7 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     "starred": [1537],
     "sort": [1537],
     "name": [1537],
+    "allowedActions": [1040],
     "selectedPage": [1538, "selected-page"],
     "count": [32],
     "loading": [32],

package/dist/components/verdocs-view2.js

@@ -4,7 +4,7 @@ import { b as userCanCancelEnvelope } from './Permissions.js';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { i as integerSequence } from './Primitives.js';
-import { s as saveEnvelopesAsZip, i as saveCertificate, b as saveAttachment } from './utils.js';
+import { s as saveEnvelopesAsZip, j as saveCertificate, b as saveAttachment } from './utils.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$5 } from './verdocs-button2.js';
 import { d as defineCustomElement$4 } from './verdocs-dropdown2.js';

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-06-13T17:16:25",
+  "timestamp": "2023-07-01T14:11:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -1805,10 +1805,10 @@
           "required": false
         },
         {
-          "name": "sortBy",
+          "name": "sort",
           "type": "\"canceled_at\" | \"created_at\" | \"envelope_name\" | \"envelope_status\" | \"updated_at\"",
           "mutable": true,
-          "attr": "sort-by",
+          "attr": "sort",
           "reflectToAttr": true,
           "docs": "The sort field to use",
           "docsTags": [],
@@ -8321,6 +8321,22 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "allowedActions",
+          "type": "TAllowedTemplateAction[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Override the If set, filter templates by the specified name.",
+          "docsTags": [],
+          "default": "['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete']",
+          "values": [
+            {
+              "type": "TAllowedTemplateAction[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "endpoint",
           "type": "VerdocsEndpoint",

package/dist/esm/{EnvelopeStore-07cb4def.js → EnvelopeStore-ab955cb5.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-29123f30.js';
+import { c as createStore } from './index-38d7bc0b.js';
 import { a as getEnvelope } from './Envelopes-290f96cc.js';
 
 const createEnvelopeStore = (envelopeId) => {

package/dist/esm/{TemplateStore-ad36abff.js → TemplateStore-bc248c04.js}

@@ -1,6 +1,6 @@
-import { c as createStore } from './index-29123f30.js';
+import { c as createStore } from './index-38d7bc0b.js';
 import { g as getTemplate } from './Templates-1893bda7.js';
-import { T as TemplateSenderTypes } from './VerdocsEndpoint-45286fc7.js';
+import { T as TemplateSenderTypes } from './VerdocsEndpoint-f65843b9.js';
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();

package/dist/esm/{VerdocsEndpoint-45286fc7.js → VerdocsEndpoint-f65843b9.js}

@@ -4061,4 +4061,4 @@ var VerdocsEndpoint = /** @class */ (function () {
     return VerdocsEndpoint;
 }());
 
-export { Permissions as P, TemplateSenderTypes as T, VerdocsEndpoint as V, canPerformTemplateAction as c };
+export { TemplateSenderTypes as T, VerdocsEndpoint as V, canPerformTemplateAction as c };

package/dist/esm/{index-b18c0348.js → index-151c0874.js}

@@ -1399,6 +1399,7 @@ const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propNam
 const setValue = (ref, propName, newVal, cmpMeta) => {
     // check our new property value against our internal value
     const hostRef = getHostRef(ref);
+    const elm = hostRef.$hostElement$ ;
     const oldVal = hostRef.$instanceValues$.get(propName);
     const flags = hostRef.$flags$;
     const instance = hostRef.$lazyInstance$ ;
@@ -1411,6 +1412,22 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
         // set our new value!
         hostRef.$instanceValues$.set(propName, newVal);
         if (instance) {
+            // get an array of method names of watch functions to call
+            if (cmpMeta.$watchers$ && flags & 128 /* HOST_FLAGS.isWatchReady */) {
+                const watchMethods = cmpMeta.$watchers$[propName];
+                if (watchMethods) {
+                    // this instance is watching for when this property changed
+                    watchMethods.map((watchMethodName) => {
+                        try {
+                            // fire off each of the watch methods that are watching this property
+                            instance[watchMethodName](newVal, oldVal, propName);
+                        }
+                        catch (e) {
+                            consoleError(e, elm);
+                        }
+                    });
+                }
+            }
             if ((flags & (2 /* HOST_FLAGS.hasRendered */ | 16 /* HOST_FLAGS.isQueuedForUpdate */)) === 2 /* HOST_FLAGS.hasRendered */) {
                 // looks like this value actually changed, so we've got work to do!
                 // but only if we've already rendered, otherwise just chill out
@@ -1433,6 +1450,9 @@ const setValue = (ref, propName, newVal, cmpMeta) => {
  */
 const proxyComponent = (Cstr, cmpMeta, flags) => {
     if (cmpMeta.$members$) {
+        if (Cstr.watchers) {
+            cmpMeta.$watchers$ = Cstr.watchers;
+        }
         // It's better to have a const than two Object.entries()
         const members = Object.entries(cmpMeta.$members$);
         const prototype = Cstr.prototype;
@@ -1550,6 +1570,12 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                 endLoad();
             }
             if (!Cstr.isProxied) {
+                // we've never proxied this Constructor before
+                // let's add the getters/setters to its prototype before
+                // the first time we create an instance of the implementation
+                {
+                    cmpMeta.$watchers$ = Cstr.watchers;
+                }
                 proxyComponent(Cstr, cmpMeta, 2 /* PROXY_FLAGS.proxyState */);
                 Cstr.isProxied = true;
             }
@@ -1573,6 +1599,9 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
             {
                 hostRef.$flags$ &= ~8 /* HOST_FLAGS.isConstructingInstance */;
             }
+            {
+                hostRef.$flags$ |= 128 /* HOST_FLAGS.isWatchReady */;
+            }
             endNewInstance();
         }
         if (Cstr.style) {
@@ -1714,6 +1743,9 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
             {
                 cmpMeta.$attrsToReflect$ = [];
             }
+            {
+                cmpMeta.$watchers$ = {};
+            }
             const tagName = cmpMeta.$tagName$;
             const HostElement = class extends HTMLElement {
                 // StencilLazyHost

package/dist/esm/{index-29123f30.js → index-38d7bc0b.js}

@@ -1,4 +1,4 @@
-import { g as getRenderingRef, f as forceUpdate } from './index-b18c0348.js';
+import { g as getRenderingRef, f as forceUpdate } from './index-151c0874.js';
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/esm/ipc-test.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-b18c0348.js';
+import { r as registerInstance, h, H as Host } from './index-151c0874.js';
 import './Types-5f31149e.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint-45286fc7.js';
-import { g as getTemplateStore } from './TemplateStore-ad36abff.js';
-import './index-29123f30.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint-f65843b9.js';
+import { g as getTemplateStore } from './TemplateStore-bc248c04.js';
+import './index-38d7bc0b.js';
 import './Templates-1893bda7.js';
 
 const ipcTestCss = "ipc-test{max-width:800px;display:block}";