@verdocs/web-sdk 2.0.4 → 2.0.6

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
 import { V as VerdocsEndpoint, c as canPerformTemplateAction } from './VerdocsEndpoint.js';
-import { g as getSummary, d as deleteTemplate } from './Templates.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';
@@ -595,22 +595,17 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     var _a, _b, _c;
     try {
       let queryParams = {
+        sharing: this.sharing,
+        starred: this.starred,
         page: this.selectedPage,
-        ascending: this.sort === 'name' || this.sort === 'star_counter',
-        sort_by: this.sort,
+        sort: this.sort,
+        // ascending: this.sort === 'name' || this.sort === 'star_counter',
       };
-      if (this.sharing !== 'all') {
-        queryParams.is_personal = this.sharing === 'personal';
-        queryParams.is_public = this.sharing === 'public';
-      }
-      if (this.starred !== 'all') {
-        queryParams.is_starred = this.starred === 'starred';
-      }
       if (this.name.trim() !== '') {
         queryParams.name = this.name.trim();
       }
-      const response = await getSummary(this.endpoint, queryParams);
-      this.templates = response.result;
+      const response = await listTemplates(this.endpoint, queryParams);
+      this.templates = response.records;
       this.count = response.total;
       this.loading = false;
     }
@@ -657,20 +652,16 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   render() {
     return (h(Host, null, h("div", { class: "header" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-name", value: this.name, autocomplete: "off", placeholder: "Filter by Name...", onFocusout: (e) => {
         this.name = e.target.value;
-        return this.queryTemplates();
       } })), h("verdocs-quick-filter", { label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
         this.sharing = e.detail.value;
-        return this.queryTemplates();
       } }), h("verdocs-quick-filter", { label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
         this.starred = e.detail.value;
-        return this.queryTemplates();
       } }), h("verdocs-quick-filter", { label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
         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 => {
+      } }), this.loading && h("verdocs-spinner", { mode: "dark", size: 24 }), h("div", { style: { display: 'flex', flex: '1' } })), this.templates.map(template => {
       const MENU_OPTIONS = [];
       if (this.allowedActions.includes('send')) {
-        MENU_OPTIONS.push({ label: 'Send', id: 'send', disabled: !this.canPreview(summary) });
+        MENU_OPTIONS.push({ label: 'Send', id: 'send', disabled: !this.canPreview(template) });
       }
       if (this.allowedActions.includes('createlink')) {
         MENU_OPTIONS.push({ label: 'Create Link', id: 'createlink', disabled: true });
@@ -685,19 +676,19 @@ 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(summary) });
+          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(summary) });
+          MENU_OPTIONS.push({ label: 'Edit', id: 'edit', disabled: !this.canEdit(template) });
         }
         if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
-          MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !this.canDelete(summary) });
+          MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !this.canDelete(template) });
         }
       }
       return (h("div", { class: "template", onClick: () => {
           var _a;
-          (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: summary });
-        } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: summary, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("span", { innerHTML: TemplateIcon }), h("div", { class: "name" }, summary.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon }), summary.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, h("span", { innerHTML: CalendarIcon }), h("span", { style: { marginRight: '5px' } }, "Last Used:"), summary.last_used_at ? formatDistance(new Date(summary.last_used_at), new Date()) : 'Never'), h("div", { class: "spacer ownership-spacer" }), summary.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !summary.is_public && !summary.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !summary.is_public && summary.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, summary) }))));
+          (_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("span", { innerHTML: TemplateIcon }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, h("span", { innerHTML: CalendarIcon }), h("span", { style: { marginRight: '5px' } }, "Last Used:"), template.last_used_at ? formatDistance(new Date(template.last_used_at), new Date()) : '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.selectedPage = e.detail.selectedPage;
         return this.queryTemplates();