@verdocs/web-sdk 1.16.0 → 1.16.1

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

@@ -1,11 +1,10 @@
+import { formatDistance } from 'date-fns';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { Templates } from '@verdocs/js-sdk/Templates';
 import { canPerformTemplateAction } from '@verdocs/js-sdk/Templates/Actions';
-import { userCanCreateTemplate } from '@verdocs/js-sdk/Templates/Permissions';
 import { Host, h } from '@stencil/core';
 import { VerdocsToast } from '../../../utils/Toast';
 import { SDKError } from '../../../utils/errors';
-import { formatDistance } from 'date-fns';
 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>`;
 const GlobeAltIcon = `<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="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" /></svg>`;
 const LockClosedIcon = `<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="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>`;
@@ -38,7 +37,7 @@ export class VerdocsTemplatesList {
   constructor() {
     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') {
@@ -65,12 +64,25 @@ export class VerdocsTemplatesList {
     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) {
@@ -82,11 +94,6 @@ export class VerdocsTemplatesList {
   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',
@@ -102,9 +109,7 @@ export class VerdocsTemplatesList {
       if (this.name.trim() !== '') {
         queryParams.name = this.name.trim();
       }
-      console.log('qp', queryParams, this.name);
       const response = await Templates.getSummary(this.endpoint, queryParams);
-      console.log('[TEMPLATES] Got templates', response);
       this.templates = response.result;
       this.count = response.total;
       this.loading = false;
@@ -114,9 +119,9 @@ export class VerdocsTemplatesList {
       (_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);
   }
@@ -163,21 +168,32 @@ export class VerdocsTemplatesList {
         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 });
@@ -298,6 +314,26 @@ export class VerdocsTemplatesList {
         "reflect": true,
         "defaultValue": "''"
       },
+      "allowedActions": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "TAllowedTemplateAction[]",
+          "resolved": "TAllowedTemplateAction[]",
+          "references": {
+            "TAllowedTemplateAction": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Override the If set, filter templates by the specified name."
+        },
+        "defaultValue": "['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete']"
+      },
       "selectedPage": {
         "type": "number",
         "mutable": true,
@@ -421,4 +457,19 @@ export class VerdocsTemplatesList {
         }
       }];
   }
+  static get watchers() {
+    return [{
+        "propName": "sharing",
+        "methodName": "handleSharingUpdated"
+      }, {
+        "propName": "starred",
+        "methodName": "handleStarredUpdated"
+      }, {
+        "propName": "sort",
+        "methodName": "handleSortUpdated"
+      }, {
+        "propName": "name",
+        "methodName": "handleNameUpdated"
+      }];
+  }
 }

package/dist/components/VerdocsEndpoint.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/components/verdocs-activity-box.js

@@ -74,37 +74,41 @@ const VerdocsActivityBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
         console.log('[ACTIVITIES] Must be authenticated');
         return;
       }
-      const r = await getSummary(this.endpoint, 0);
-      console.log('r', r);
-      let defaultHeader;
-      if (this.view === 'action') {
-        defaultHeader = 'Action Required';
-        this.entries = r.action_required.result;
-        this.count = r.action_required.total;
-      }
-      else if (this.view === 'waiting') {
-        defaultHeader = 'Waiting on Others';
-        this.entries = r.waiting_others.result;
-        this.count = r.waiting_others.total;
-      }
-      else if (this.view === 'completed') {
-        defaultHeader = 'Completed';
-        this.entries = r.completed.result;
-        this.count = r.completed.total;
-      }
-      this.title = this.header !== undefined ? this.header : defaultHeader;
-      console.log('[ACTIVITIES] Got envelopes', this.entries);
-      this.loading = false;
+      this.loadActivity();
     }
     catch (e) {
       console.log('[ACTIVITIES] Error with preview session', e);
       (_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));
     }
   }
-  // getNextRecipientName(entry: IActivityEntry) {
-  //   const nextRecipient = getNextRecipient(entry) || envelope.recipients?.[0];
-  //   return nextRecipient?.full_name || 'N/A';
-  // }
+  handleItemsUpdated() {
+    return this.loadActivity();
+  }
+  handleViewUpdated() {
+    return this.loadActivity();
+  }
+  async loadActivity() {
+    this.loading = true;
+    const r = await getSummary(this.endpoint, 0);
+    let defaultHeader;
+    if (this.view === 'action') {
+      defaultHeader = 'Action Required';
+      this.entries = r.action_required.result;
+      this.count = r.action_required.total;
+    }
+    else if (this.view === 'waiting') {
+      defaultHeader = 'Waiting on Others';
+      this.entries = r.waiting_others.result;
+      this.count = r.waiting_others.total;
+    }
+    else if (this.view === 'completed') {
+      defaultHeader = 'Completed';
+      this.entries = r.completed.result;
+      this.count = r.completed.total;
+    }
+    this.title = this.header !== undefined ? this.header : defaultHeader;
+    this.loading = false;
+  }
   render() {
     if (this.loading) {
       return (h(Host, { style: { minHeight: '300px' } }, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(0)"))), integerSequence(0, this.items).map(() => (h("div", { class: "loading-placeholder" }, h("div", { class: "loading-placeholder-bg" }))))));
@@ -114,6 +118,10 @@ const VerdocsActivityBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
         (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, entry });
       } }, h("div", { class: "title" }, entry.name, h("br", null), " ", h("strong", null, entry.recipient.name)), h("div", { class: "time-ago" }, formatShortTimeAgo(entry.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
   }
+  static get watchers() { return {
+    "items": ["handleItemsUpdated"],
+    "view": ["handleViewUpdated"]
+  }; }
   static get style() { return verdocsActivityBoxCss; }
 }, [0, "verdocs-activity-box", {
     "endpoint": [16],

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-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-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/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-06-13T17:16:25",
+  "timestamp": "2023-06-20T17:10:48",
   "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 };