@verdocs/web-sdk 1.15.0 → 1.15.1

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const utils = require('./utils-2eefb975.js');
-const TemplateStore = require('./TemplateStore-19f84862.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
+const utils = require('./utils-2c6835c6.js');
+const TemplateStore = require('./TemplateStore-fe148e97.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-43302e10.js');
@@ -14,7 +14,7 @@ require('./Files-4bdc0c0f.js');
 require('./Types-ee5afdf8.js');
 require('./index-7c19ba1d.js');
 require('./index-e84e0687.js');
-require('./Templates-24580a13.js');
+require('./Templates-1a86703d.js');
 
 const verdocsPreviewCss = "verdocs-preview{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-preview div,verdocs-preview canvas{-webkit-box-sizing:border-box;box-sizing:border-box}";
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const Templates = require('./Templates-24580a13.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
+const Templates = require('./Templates-1a86703d.js');
 
 /**
  * Verdocs provides a range of search functions to help find and retrieve content. This module provides generic functions intended

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
 
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";
 

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
-const TemplateStore = require('./TemplateStore-19f84862.js');
-const utils = require('./utils-2eefb975.js');
+const TemplateStore = require('./TemplateStore-fe148e97.js');
+const utils = require('./utils-2c6835c6.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-e84e0687.js');
-require('./Templates-24580a13.js');
+require('./Templates-1a86703d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-43302e10.js');
 require('./Files-4bdc0c0f.js');

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

@@ -6,10 +6,10 @@ const index = require('./index-70677d67.js');
 const Envelopes = require('./Envelopes-43302e10.js');
 const Types$1 = require('./Types-f89f9116.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-2eefb975.js');
+const utils = require('./utils-2c6835c6.js');
 const Types = require('./Types-ee5afdf8.js');
 const errors = require('./errors-0396da3d.js');
 const Toast = require('./Toast-06880504.js');

package/dist/cjs/verdocs-template-attachments_2.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Icons = require('./Icons-a11fb3fc.js');
-const TemplateStore = require('./TemplateStore-19f84862.js');
+const TemplateStore = require('./TemplateStore-fe148e97.js');
 const errors = require('./errors-0396da3d.js');
-const Templates = require('./Templates-24580a13.js');
+const Templates = require('./Templates-1a86703d.js');
 require('./index-e84e0687.js');
 
 const verdocsTemplateAttachmentsCss = "verdocs-template-attachments{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-attachments h5{font-size:16px;font-weight:bold;margin:0 0 10px 0;color:#46497d}verdocs-template-attachments .attachments{margin:0 0 40px 0}verdocs-template-attachments .attachment{display:-ms-flexbox;display:flex;padding:5px 0;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;color:#33364b}verdocs-template-attachments .attachment:hover .trash-icon{display:-ms-flexbox;display:flex}verdocs-template-attachments .attachment:hover .pages{display:none}verdocs-template-attachments svg{width:28px;height:28px;fill:#5c6575;margin:2px 0 0 0}verdocs-template-attachments .file-icon{-ms-flex:0;flex:0}verdocs-template-attachments .pages{width:24px;height:24px;-ms-flex:0 0 24px;flex:0 0 24px;padding-left:4px;position:relative;margin:-10px 0 0 0}verdocs-template-attachments .pages .pages-icon{top:0;left:0;width:24px;height:24px;position:absolute}verdocs-template-attachments .pages .count{top:11px;left:7px;z-index:1;width:18px;font-size:12px;font-weight:500;position:absolute;text-align:center;letter-spacing:-2px}verdocs-template-attachments .filename{-ms-flex:1;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px dotted #cccccc}verdocs-template-attachments .trash-icon{-ms-flex:0;flex:0;display:none}verdocs-template-attachments .trash-icon:hover{cursor:pointer}verdocs-template-attachments verdocs-file-chooser{margin:10px 0;border:2px dashed #979797}verdocs-template-attachments .loader-wrapper{background-color:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:320px;height:320px;text-align:center;border:2px dashed #979797;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .progress-wrapper{padding:20px}verdocs-template-attachments .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-attachments .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-template-attachments ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-moz-placeholder{color:#aaaaaa}verdocs-template-attachments :-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-attachments ::placeholder{color:#aaaaaa}";

package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const utils = require('./utils-2eefb975.js');
+const utils = require('./utils-2c6835c6.js');
 const popper = require('./popper-9def2535.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-43302e10.js');

package/dist/cjs/verdocs-template-fields_4.cjs.entry.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 const interact_min = require('./interact.min-ba5cc513.js');
 require('./Types-f89f9116.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
 const Fields = require('./Fields-705a2168.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-2eefb975.js');
-const TemplateStore = require('./TemplateStore-19f84862.js');
+const utils = require('./utils-2c6835c6.js');
+const TemplateStore = require('./TemplateStore-fe148e97.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
-const Templates = require('./Templates-24580a13.js');
+const Templates = require('./Templates-1a86703d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-43302e10.js');
 require('./Files-4bdc0c0f.js');

package/dist/cjs/verdocs-template-name.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const Templates = require('./Templates-24580a13.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const TemplateStore = require('./TemplateStore-19f84862.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
+const Templates = require('./Templates-1a86703d.js');
+const TemplateStore = require('./TemplateStore-fe148e97.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-e84e0687.js');
 

package/dist/cjs/verdocs-template-reminders.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const TemplateStore = require('./TemplateStore-19f84862.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
+const TemplateStore = require('./TemplateStore-fe148e97.js');
 const errors = require('./errors-0396da3d.js');
 const Toast = require('./Toast-06880504.js');
 require('./index-e84e0687.js');
-require('./Templates-24580a13.js');
+require('./Templates-1a86703d.js');
 
 /**
  * Enable automatic reminders. setup_time is the number of days after the envelope is sent that the first reminder

package/dist/cjs/verdocs-template-visibility.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const Templates = require('./Templates-24580a13.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const TemplateStore = require('./TemplateStore-19f84862.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
+const Templates = require('./Templates-1a86703d.js');
+const TemplateStore = require('./TemplateStore-fe148e97.js');
 const errors = require('./errors-0396da3d.js');
 require('./index-e84e0687.js');
 

package/dist/cjs/verdocs-templates-list.cjs.entry.js

@@ -3,87 +3,231 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
-const Envelopes = require('./Envelopes-43302e10.js');
-const Permissions = require('./Permissions-0229bc30.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
-const DateTime = require('./DateTime-ec575ec3.js');
-const Primitives = require('./Primitives-be5088cb.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
+const Templates = require('./Templates-1a86703d.js');
+const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');
 
-const verdocsTemplatesListCss = "verdocs-templates-list{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}";
+/**
+ * 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); });
+};
+
+/**
+ * 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, [VerdocsEndpoint.Permissions.TEMPLATE_CREATOR_CREATE_PERSONAL]);
+};
+/**
+ * Check to see if the user can create an org-shared template.
+ */
+var userCanCreateOrgTemplate = function (session) { return userHasPermissions(session, [VerdocsEndpoint.Permissions.TEMPLATE_CREATOR_CREATE_ORG]); };
+/**
+ * Check to see if the user can create a public template.
+ */
+var userCanCreatePublicTemplate = function (session) { return userHasPermissions(session, [VerdocsEndpoint.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{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-templates-list .template{display:-ms-flexbox;display:flex;margin:3px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #eee;background:#fff;padding:8px 20px}verdocs-templates-list .template svg{width:32px;height:32px}@media screen and (max-width: 1300px){verdocs-templates-list .template 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{display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;height:50px;margin:0 12px;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}}";
 
-const EmptyImage = 'https://verdocs-public-assets.s3.amazonaws.com/no-verdocs.png';
+const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><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 VerdocsTemplatesList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.sdkError = index.createEvent(this, "sdkError", 7);
     this.viewEnvelope = index.createEvent(this, "viewEnvelope", 7);
+    this.finishLater = index.createEvent(this, "finishLater", 7);
     this.viewAll = index.createEvent(this, "viewAll", 7);
+    this.handleOptionSelected = (id, summary) => {
+      console.log('option selected', id, summary);
+      if (id === 'createdoc') ;
+      else if (id === 'createlink') {
+        // Create a link to this template
+        Toast.VerdocsToast('Link creation is coming soon!');
+      }
+      else ;
+    };
     this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
     this.items = 5;
     this.view = undefined;
-    this.header = undefined;
-    this.title = '';
+    this.page = 0;
     this.count = 0;
     this.loading = true;
-    this.envelopes = [];
+    this.name = '';
+    this.containing = '';
+    this.sharing = 'all';
+    this.starred = 'all';
+    this.sort = 'updated_at';
+    this.selectedTemplates = [];
+    this.templates = [];
   }
   async componentWillLoad() {
     var _a, _b, _c;
     try {
       this.endpoint.loadSession();
       if (!this.endpoint.session) {
-        console.log('[ACTIVITIES] Must be authenticated');
+        console.log('[ENVELOPES] Must be authenticated');
         return;
       }
       let queryParams = {
-        page: 0,
-        ascending: false,
-        sort_by: 'updated_at',
-        limit: Math.max(Math.min(this.items, 30), 1),
+        page: this.page,
+        ascending: this.sort === 'name' || this.sort === 'star_counter',
+        sort_by: this.sort,
       };
-      let defaultHeader;
-      switch (this.view) {
-        case 'action':
-          queryParams = { ...queryParams, is_recipient: true, envelope_status: ['pending', 'in progress'], recipient_status: ['invited', 'opened', 'signed'] };
-          defaultHeader = 'Action Required';
-          break;
-        case 'waiting':
-          queryParams = { ...queryParams, is_owner: true, ascending: false, envelope_status: ['pending', 'in progress'] };
-          defaultHeader = 'Waiting on Others';
-          break;
-        case 'completed':
-        default:
-          queryParams = { ...queryParams, envelope_status: ['complete'] };
-          defaultHeader = 'Completed';
-          break;
+      if (this.sharing !== 'all') {
+        queryParams.is_personal = this.sharing === 'personal';
+        queryParams.is_public = this.sharing === 'public';
       }
-      this.title = this.header !== undefined ? this.header : defaultHeader;
-      const response = await Envelopes.searchEnvelopes(this.endpoint, queryParams);
-      console.log('[ACTIVITIES] Got envelopes', response);
-      this.envelopes = response.result;
+      if (this.starred !== 'all') {
+        // TODO: Update the js-sdk type
+        queryParams['is_starred'] = this.starred === 'starred';
+      }
+      if (this.name.trim() !== '') {
+        queryParams.name = this.name.trim();
+      }
+      const response = await Templates.getSummary(this.endpoint, queryParams);
+      console.log('[TEMPLATES] Got envelopes', response);
+      this.templates = response.result;
       this.count = response.total;
       this.loading = false;
     }
     catch (e) {
-      console.log('[ACTIVITIES] Error with preview session', e);
+      console.log('[ENVELOPES] Error with preview session', e);
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
     }
   }
-  getNextRecipientName(envelope) {
-    var _a;
-    const nextRecipient = Permissions.getNextRecipient(envelope) || ((_a = envelope.recipients) === null || _a === void 0 ? void 0 : _a[0]);
-    return (nextRecipient === null || nextRecipient === void 0 ? void 0 : nextRecipient.full_name) || 'N/A';
+  canCreate() {
+    return userCanCreateTemplate(this.endpoint.session);
+  }
+  canDelete(summary) {
+    return VerdocsEndpoint.canPerformTemplateAction(this.endpoint.session, 'delete', summary);
+  }
+  canEdit(summary) {
+    return VerdocsEndpoint.canPerformTemplateAction(this.endpoint.session, 'write', summary);
+  }
+  canPreview(summary) {
+    const hasPermission = VerdocsEndpoint.canPerformTemplateAction(this.endpoint.session, 'read', summary);
+    // let canPreview;
+    // const signers = filter(template.roles, {type: 'signer'});
+    // canPreview = signers && signers.length > 0;
+    // for (const signer of signers) {
+    //   canPreview = signer['fields'] && signer['fields'].length > 0;
+    // }
+    // return hasPermission && canPreview;
+    return hasPermission;
   }
   render() {
     if (this.loading) {
-      return (index.h(index.Host, { style: { minHeight: '300px' } }, this.title && (index.h("div", { class: "box-title" }, this.title, " ", index.h("span", { class: "count" }, "(0)"))), Primitives.integerSequence(0, this.items).map(() => (index.h("div", { class: "loading-placeholder" }, index.h("div", { class: "loading-placeholder-bg" }))))));
+      return (index.h(index.Host, { style: { minHeight: '300px' } }, index.h("verdocs-loader", null)));
     }
-    return (index.h(index.Host, null, this.title && (index.h("div", { class: "box-title" }, this.title, " ", index.h("span", { class: "count" }, "(", this.count, ")"), index.h("div", { class: "spacer" }), index.h("verdocs-button", { label: "View All", size: "small", onClick: () => { var _a; return (_a = this.viewAll) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, view: this.view }); } }))), this.count > 0 ? (this.envelopes.slice(0, Math.max(this.items, 1)).map(envelope => (index.h("div", { class: "activity-entry", onClick: () => {
-        var _a;
-        (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope });
-      } }, index.h("div", { class: "title" }, envelope.name, index.h("br", null), " ", index.h("strong", null, this.getNextRecipientName(envelope))), index.h("div", { class: "time-ago" }, DateTime.formatShortTimeAgo(envelope.updated_at)))))) : (index.h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
+    return (index.h(index.Host, null, index.h("div", { class: "header" }, index.h("div", { class: "filter" }, index.h("verdocs-text-input", { id: "verdocs-filter-name", value: this.name, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => {
+        this.name = e.target.value;
+      } })), index.h("div", { class: "flex flex-row gap-3 items-center" }, index.h("div", { class: "filter" }, index.h("verdocs-text-input", { id: "verdocs-filter-containing", value: this.containing, autocomplete: "off", placeholder: "Fields Containing...", onInput: (e) => {
+        this.containing = e.target.value;
+      } }))), index.h("div", { class: "flex flex-1" })), this.templates.slice(0, this.items || 100).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) },
+      ];
+      return (index.h("div", { class: "template", onClick: () => { } }, index.h("span", { innerHTML: TemplateIcon }), index.h("div", { class: "name" }, summary.name), index.h("div", { class: "spacer" }), index.h("div", { style: { marginTop: '12px' } }, index.h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, summary) })))
+      //
+      // <div class="envelope" key={envelope.id} onClick={() => this.viewEnvelope?.emit({endpoint: this.endpoint, envelope})}>
+      //   <div class="inner">
+      //     <verdocs-checkbox
+      //       checked={this.selectedEnvelopes.findIndex(e => e.id === envelope.id) !== -1}
+      //       onClick={e => e.stopPropagation()} // So this doesn't trigger navigation
+      //       onInput={(e: any) => {
+      //         if (e.target.checked) {
+      //           this.selectedEnvelopes = [...this.selectedEnvelopes, envelope];
+      //         } else {
+      //           this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
+      //         }
+      //       }}
+      //     />
+      //
+      //     <div class="vert-spacer" />
+      //
+      //     <span innerHTML={DocumentIcon} />
+      //
+      //     <div class="envelope-name">
+      //       {envelope.name}:&nbsp; <div class="envelope-recipients">{envelope.recipients.map(r => r.full_name).join(', ')}</div>
+      //     </div>
+      //
+      //     <div class="vert-spacer" />
+      //
+      //     <verdocs-status-indicator envelope={envelope} style={{width: '125px'}} />
+      //
+      //     <div class="vert-spacer" />
+      //
+      //     <div class="last-modified">{new Date(envelope.updated_at).toLocaleString()}</div>
+      //
+      //     <div class="vert-spacer" />
+      //
+      //     <verdocs-dropdown
+      //       options={[
+      //         {label: 'View Envelope', id: 'view'},
+      //         {label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish},
+      //         {label: 'Download', id: 'download'},
+      //         {label: 'Cancel', id: 'cancel', disabled: !userCanCancel},
+      //       ]}
+      //       onOptionSelected={e => {
+      //         switch (e.detail.id) {
+      //           case 'view':
+      //             this.viewEnvelope?.emit({endpoint: this.endpoint, envelope});
+      //             break;
+      //           case 'finish':
+      //             this.finishLater?.emit({endpoint: this.endpoint, envelope});
+      //             break;
+      //           case 'download':
+      //             this.downloadEnvelope(envelope);
+      //             break;
+      //           case 'cancel':
+      //             if (window.confirm('Are you sure you want to cancel this envelope?')) {
+      //               cancelEnvelope(this.endpoint, envelope.id)
+      //                 .then(r => {
+      //                   console.log('Cancel result', r);
+      //                   VerdocsToast('Envelope canceled');
+      //                 })
+      //                 .catch(e => {
+      //                   console.log('cxl error', e);
+      //                   VerdocsToast('Unable to cancel envelope: ' + e.messabge, {style: 'error'});
+      //                 });
+      //             }
+      //             break;
+      //         }
+      //       }}
+      //     />
+      //   </div>
+      // </div>
+      );
+    }), !this.templates.length ? (index.h("div", { class: "mt-4 border-2 px-20 py-20 text-center" }, "No matching templates found. Please adjust your filters and try again.")) : (index.h("div", null)
+    // <Pagination page={this.page} total={this.count} onSelectPage={setPage} />
+    )));
   }
 };
 VerdocsTemplatesList.style = verdocsTemplatesListCss;

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

@@ -6,9 +6,9 @@ const index = require('./index-70677d67.js');
 const Envelopes = require('./Envelopes-43302e10.js');
 const Permissions = require('./Permissions-0229bc30.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-cb0b1329.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-2eefb975.js');
+const utils = require('./utils-2c6835c6.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');

package/dist/cjs/verdocs-web-sdk.cjs.js

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"verdocs-button.cjs\",[[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"step\":[513],\"template\":[32]}]]],[\"ipc-test.cjs\",[[0,\"ipc-test\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-field-initial.cjs\",[[0,\"verdocs-field-initial\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"initials\":[1],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-signature.cjs\",[[0,\"verdocs-field-signature\",{\"templateid\":[1],\"field\":[16],\"name\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-checkbox.cjs\",[[0,\"verdocs-field-checkbox\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-date.cjs\",[[0,\"verdocs-field-date\",{\"templateId\":[1,\"template-id\"],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"containerId\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-dropdown.cjs\",[[0,\"verdocs-field-dropdown\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-radio-button.cjs\",[[0,\"verdocs-field-radio-button\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textarea.cjs\",[[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textbox.cjs\",[[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-timestamp.cjs\",[[0,\"verdocs-field-timestamp\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"items\":[2],\"view\":[513],\"status\":[513],\"sortBy\":[513,\"sort-by\"],\"page\":[514],\"count\":[32],\"loading\":[32],\"name\":[32],\"containing\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"signerToken\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-template-reminders.cjs\",[[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}]]],[\"verdocs-template-name.cjs\",[[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"isAuthenticated\":[32],\"displayMode\":[32],\"username\":[32],\"password\":[32],\"loggingIn\":[32],\"activeSession\":[32]}]]],[\"verdocs-quick-functions_3.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-activity\",{\"endpoint\":[16],\"type\":[1],\"options\":[8],\"emptyMessage\":[32],\"authFailure\":[32],\"title\":[32],\"recent\":[32],\"saved\":[32],\"starred\":[32]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-search.cjs\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-send.cjs\",[[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"containerId\":[32],\"rolesAtLevel\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"rolesCompleted\":[32],\"reset\":[64]}]]],[\"verdocs-template-visibility.cjs\",[[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}]]],[\"verdocs-field-attachment.cjs\",[[0,\"verdocs-field-attachment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"roleIndex\":[2,\"role-index\"],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-preview.cjs\",[[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-activity-box.cjs\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"envelopes\":[32]}]]],[\"verdocs-floating-menu.cjs\",[[0,\"verdocs-floating-menu\",{\"options\":[16]}]]],[\"verdocs-kba-dialog.cjs\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"envelopes\":[32]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"rerender\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-organization-card.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-view.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-initial-dialog.cjs\",[[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}]]],[\"verdocs-signature-dialog.cjs\",[[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}]]],[\"verdocs-contact-picker.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}]]],[\"verdocs-envelope-recipient-summary.cjs\",[[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"envelope\":[16],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-upload-dialog.cjs\",[[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-status-indicator.cjs\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"open\":[32]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-template-attachments_2.cjs\",[[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}],[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}]]],[\"verdocs-loader.cjs\",[[0,\"verdocs-loader\"]]],[\"verdocs-checkbox_4.cjs\",[[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-text-input\",{\"value\":[1],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"type\":[1],\"disabled\":[4]}],[0,\"verdocs-help-icon\",{\"text\":[1],\"containerId\":[32]}]]],[\"verdocs-button-panel_3.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"type\":[32],\"setting\":[32],\"name\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"required\":[32],\"options\":[32],\"placeholder\":[32],\"value\":[32],\"leading\":[32],\"showingHelp\":[32]}],[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}]]],[\"verdocs-template-fields_4.cjs\",[[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32]}],[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"rerender\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"fullName\":[32],\"email\":[32],\"phone\":[32],\"allowDelegation\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"verdocs-button.cjs\",[[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-build.cjs\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"step\":[513],\"template\":[32]}]]],[\"ipc-test.cjs\",[[0,\"ipc-test\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-envelopes-list.cjs\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"maxItems\":[2,\"max-items\"],\"view\":[1537],\"status\":[1537],\"sortBy\":[1537,\"sort-by\"],\"selectedPage\":[1538,\"selected-page\"],\"count\":[32],\"loading\":[32],\"name\":[32],\"containing\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]}]]],[\"verdocs-field-initial.cjs\",[[0,\"verdocs-field-initial\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"initials\":[1],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-signature.cjs\",[[0,\"verdocs-field-signature\",{\"templateid\":[1],\"field\":[16],\"name\":[1],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-checkbox.cjs\",[[0,\"verdocs-field-checkbox\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-date.cjs\",[[0,\"verdocs-field-date\",{\"templateId\":[1,\"template-id\"],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"containerId\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-dropdown.cjs\",[[0,\"verdocs-field-dropdown\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-radio-button.cjs\",[[0,\"verdocs-field-radio-button\",{\"templateid\":[1],\"field\":[16],\"option\":[2],\"disabled\":[4],\"done\":[4],\"roleindex\":[2],\"editable\":[4],\"moveable\":[4],\"rerender\":[2],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textarea.cjs\",[[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-textbox.cjs\",[[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"xscale\":[2],\"yscale\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-field-timestamp.cjs\",[[0,\"verdocs-field-timestamp\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"editable\":[4],\"moveable\":[4],\"done\":[4],\"roleindex\":[2],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-sign.cjs\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"signerToken\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-template-reminders.cjs\",[[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}]]],[\"verdocs-template-name.cjs\",[[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}]]],[\"verdocs-envelope-sidebar.cjs\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-templates-list.cjs\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"items\":[2],\"view\":[513],\"page\":[514],\"count\":[32],\"loading\":[32],\"name\":[32],\"containing\":[32],\"sharing\":[32],\"starred\":[32],\"sort\":[32],\"selectedTemplates\":[32],\"templates\":[32]}]]],[\"verdocs-auth.cjs\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"isAuthenticated\":[32],\"displayMode\":[32],\"username\":[32],\"password\":[32],\"loggingIn\":[32],\"activeSession\":[32]}]]],[\"verdocs-view.cjs\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-signature-dialog.cjs\",[[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}]]],[\"verdocs-upload-dialog.cjs\",[[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-file-chooser_2.cjs\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-template-attachments_2.cjs\",[[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}]]],[\"verdocs-quick-functions_3.cjs\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-activity\",{\"endpoint\":[16],\"type\":[1],\"options\":[8],\"emptyMessage\":[32],\"authFailure\":[32],\"title\":[32],\"recent\":[32],\"saved\":[32],\"starred\":[32]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-search.cjs\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-send.cjs\",[[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"containerId\":[32],\"rolesAtLevel\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"rolesCompleted\":[32],\"reset\":[64]}]]],[\"verdocs-template-visibility.cjs\",[[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}]]],[\"verdocs-field-attachment.cjs\",[[0,\"verdocs-field-attachment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"roleIndex\":[2,\"role-index\"],\"rerender\":[2],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-preview.cjs\",[[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"]}]]],[\"verdocs-activity-box.cjs\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"envelopes\":[32]}]]],[\"verdocs-floating-menu.cjs\",[[0,\"verdocs-floating-menu\",{\"options\":[16]}]]],[\"verdocs-kba-dialog.cjs\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-field-payment.cjs\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"field\":[16],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"rerender\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-organization-card.cjs\",[[0,\"verdocs-organization-card\",{\"organization\":[16]}]]],[\"verdocs-search-tabs.cjs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-template-card.cjs\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags.cjs\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle.cjs\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-checkbox_4.cjs\",[[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-text-input\",{\"value\":[1],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"type\":[1],\"disabled\":[4]}],[0,\"verdocs-help-icon\",{\"text\":[1],\"containerId\":[32]}]]],[\"verdocs-initial-dialog.cjs\",[[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}]]],[\"verdocs-toggle-button.cjs\",[[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-contact-picker.cjs\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}]]],[\"verdocs-envelope-recipient-summary.cjs\",[[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"envelope\":[16],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-envelope-document-page.cjs\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-pagination_4.cjs\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}],[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}],[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-radio-button.cjs\",[[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-dropdown.cjs\",[[0,\"verdocs-dropdown\",{\"options\":[16],\"open\":[32]}]]],[\"verdocs-ok-dialog.cjs\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-template-document-page_2.cjs\",[[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}],[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}]]],[\"verdocs-loader.cjs\",[[0,\"verdocs-loader\"]]],[\"verdocs-button-panel_3.cjs\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"type\":[32],\"setting\":[32],\"name\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"required\":[32],\"options\":[32],\"placeholder\":[32],\"value\":[32],\"leading\":[32],\"showingHelp\":[32]}],[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}]]],[\"verdocs-template-fields_4.cjs\",[[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32]}],[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"rerender\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"fullName\":[32],\"email\":[32],\"phone\":[32],\"allowDelegation\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}]]]]"), options);
 });

package/dist/collection/collection-manifest.json

@@ -4,6 +4,7 @@
     "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js",
     "./components/controls/verdocs-dropdown/verdocs-dropdown.js",
     "./components/controls/verdocs-floating-menu/verdocs-floating-menu.js",
+    "./components/controls/verdocs-quick-filter/verdocs-quick-filter.js",
     "./components/elements/verdocs-search-box/verdocs-search-box.js",
     "./components/controls/verdocs-toggle/verdocs-toggle.js",
     "./components/controls/verdocs-button/verdocs-button.js",
@@ -14,9 +15,11 @@
     "./components/controls/verdocs-help-icon/verdocs-help-icon.js",
     "./components/controls/verdocs-loader/verdocs-loader.js",
     "./components/controls/verdocs-organization-card/verdocs-organization-card.js",
+    "./components/controls/verdocs-pagination/verdocs-pagination.js",
     "./components/controls/verdocs-progress-bar/verdocs-progress-bar.js",
     "./components/controls/verdocs-radio-button/verdocs-radio-button.js",
     "./components/controls/verdocs-select-input/verdocs-select-input.js",
+    "./components/controls/verdocs-spinner/verdocs-spinner.js",
     "./components/controls/verdocs-text-input/verdocs-text-input.js",
     "./components/controls/verdocs-toggle-button/verdocs-toggle-button.js",
     "./components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js",

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js

@@ -7,7 +7,7 @@ import { html } from 'lit-html';
 // for more information.
 export default {
   // Where in Storybook this control will be listed
-  title: 'Controls/Dropdown Menu',
+  title: 'Controls/Dropdown',
   // Hint to help the docs addon find the component
   component: 'verdocs-dropdown',
   // We can apply default args only shown in Storybook as follows
@@ -27,4 +27,4 @@ export default {
   },
 };
 // See https://lit-html.polymer-project.org/guide/template-reference "Binding Types" for an explanation of '.' vs '@'
-export const DropdownMenu = ({ options, optionSelected }) => html `<verdocs-dropdown .options=${options} @optionSelected=${optionSelected} />`;
+export const Dropdown = ({ options, optionSelected }) => html `<verdocs-dropdown .options=${options} @optionSelected=${optionSelected} />`;