@verdocs/web-sdk 2.0.10 → 2.0.11

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

@@ -2,7 +2,6 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import './Types.js';
 import { V as VerdocsEndpoint, c as canPerformTemplateAction } from './VerdocsEndpoint.js';
 import { l as listTemplates, d as deleteTemplate } from './Templates.js';
-import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$a } from './verdocs-button2.js';
 import { d as defineCustomElement$9 } from './verdocs-dropdown2.js';
@@ -49,6 +48,8 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.__registerHost();
     this.sdkError = createEvent(this, "sdkError", 7);
     this.viewTemplate = createEvent(this, "viewTemplate", 7);
+    this.signNow = createEvent(this, "signNow", 7);
+    this.submittedData = createEvent(this, "submittedData", 7);
     this.editTemplate = createEvent(this, "editTemplate", 7);
     this.templateDeleted = createEvent(this, "templateDeleted", 7);
     this.changeSort = createEvent(this, "changeSort", 7);
@@ -56,24 +57,22 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.changeStarred = createEvent(this, "changeStarred", 7);
     this.changeName = createEvent(this, "changeName", 7);
     this.handleOptionSelected = (option, template) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       if (option === 'send') {
         (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: template });
-      }
-      else if (option === 'createlink') {
-        VerdocsToast('This feature is coming soon!');
+        // } else if (option === 'createlink') {
+        //   VerdocsToast('This feature is coming soon!');
       }
       else if (option === 'signnow') {
-        VerdocsToast('This feature is coming soon!');
+        (_b = this.signNow) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: template });
       }
       else if (option === 'submitted') {
-        VerdocsToast('This feature is coming soon!');
-      }
-      else if (option === 'link') {
-        VerdocsToast('This feature is coming soon!');
+        (_c = this.submittedData) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, template: template });
+        // } else if (option === 'link') {
+        //   VerdocsToast('This feature is coming soon!');
       }
       else if (option === 'edit') {
-        (_b = this.editTemplate) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, template: template });
+        (_d = this.editTemplate) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, template: template });
       }
       else if (option === 'delete') {
         this.confirmDelete = template;
@@ -84,7 +83,9 @@ 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.allowedActions = ['send', 'submitted', 'link', 'edit', 'delete'];
+    this.showPagination = true;
+    this.rowsPerPage = 10;
     this.selectedPage = 0;
     this.count = 0;
     this.loading = true;
@@ -113,12 +114,15 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   }
   async queryTemplates() {
     var _a, _b, _c;
+    console.log('[TEMPLATES] Querying templates');
+    this.loading = true;
     try {
       let queryParams = {
         sharing: this.sharing,
         starred: this.starred,
         page: this.selectedPage,
         sort: this.sort,
+        rows: this.rowsPerPage,
         // ascending: this.sort === 'name' || this.sort === 'star_counter',
       };
       if (this.name.trim() !== '') {
@@ -191,12 +195,12 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       const date = template[dateToShow];
       const MENU_OPTIONS = [];
       if (this.allowedActions.includes('send')) {
-        MENU_OPTIONS.push({ label: 'Send', id: 'send', disabled: !this.canPreview(template) });
+        MENU_OPTIONS.push({ label: 'Preview / Send', id: 'send', disabled: !this.canPreview(template) });
       }
-      if (this.allowedActions.includes('createlink')) {
-        MENU_OPTIONS.push({ label: 'Create Link', id: 'createlink', disabled: true });
-      }
-      if (this.allowedActions.includes('createlink')) {
+      // if (this.allowedActions.includes('createlink')) {
+      //   MENU_OPTIONS.push({label: 'Create Link', id: 'createlink', disabled: true});
+      // }
+      if (this.allowedActions.includes('signnow')) {
         MENU_OPTIONS.push({ label: 'Sign Now', id: 'signnow', disabled: true });
       }
       if (this.allowedActions.includes('submitted')) {
@@ -205,9 +209,12 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       }
       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(template) });
-        }
+        // TODO: The preview link used to be just an internal route in the main Web application, but
+        // that's not suitable for embeddding. Disabling until this gets re-requested as a feature,
+        // in which case we'll want to move this to an API-driven function.
+        // 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(template)});
+        // }
         if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
           MENU_OPTIONS.push({ label: 'Edit', id: 'edit', disabled: !this.canEdit(template) });
         }
@@ -219,10 +226,10 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
           var _a;
           (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
         } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: template, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, dateToShow === 'created_at' && h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? format(new Date(date), 'P') : 'Never'), h("div", { class: "spacer ownership-spacer" }), template.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-    }), !this.templates.length ? (h("div", { class: "empty-text" }, "No matching templates found. Please adjust your filters and try again.")) : (h("div", { style: { marginTop: '10px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: 10, itemCount: this.count, onSelectPage: e => {
+    }), !this.templates.length ? (h("div", { class: "empty-text" }, "No matching templates found. Please adjust your filters and try again.")) : this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
         this.selectedPage = e.detail.selectedPage;
         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 }))));
+      } }))) : (h("div", null)), 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"],
@@ -238,7 +245,9 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     "sort": [1537],
     "name": [1537],
     "allowedActions": [1040],
-    "selectedPage": [1538, "selected-page"],
+    "showPagination": [4, "show-pagination"],
+    "rowsPerPage": [2, "rows-per-page"],
+    "selectedPage": [2, "selected-page"],
     "count": [32],
     "loading": [32],
     "confirmDelete": [32],