@verdocs/web-sdk 2.0.14 → 2.0.16

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

@@ -1,8 +1,8 @@
 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 { V as VerdocsEndpoint, T as TemplateActions } from './VerdocsEndpoint.js';
 import { l as listTemplates, d as deleteTemplate } from './Templates.js';
-import { V as VerdocsToast } from './Toast.js';
+import { i as integerSequence } from './Primitives.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';
@@ -15,7 +15,7 @@ import { d as defineCustomElement$3 } from './verdocs-template-star2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 import { f as format } from './index2.js';
 
-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;border:1px solid #ffffff;background:#ffffff}verdocs-templates-list .template:hover{cursor:pointer;background:#ededff;border:1px solid #a7a7f5}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:16px;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 .usage,verdocs-templates-list .ownership,verdocs-templates-list .last-used{gap:10px;color:#444;display:-ms-flexbox;display:flex;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 span,verdocs-templates-list .usage svg,verdocs-templates-list .ownership span,verdocs-templates-list .ownership svg,verdocs-templates-list .last-used span,verdocs-templates-list .last-used svg{width:24px;height:24px}verdocs-templates-list .usage span,verdocs-templates-list .ownership span,verdocs-templates-list .last-used span{display:block}verdocs-templates-list .ownership{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-templates-list .last-used{-ms-flex:0 0 130px;flex:0 0 130px}verdocs-templates-list .usage{-ms-flex:0 0 60px;flex:0 0 60px}";
+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-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-placeholder{height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin:5px 0;border-radius:5px;background:#f5f5fa}verdocs-templates-list .template{width:100%;margin:3px 0;border:1px solid #ffffff;background:#ffffff}verdocs-templates-list .template:hover{cursor:pointer;background:#ededff;border:1px solid #a7a7f5}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:16px;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 .usage,verdocs-templates-list .ownership,verdocs-templates-list .last-used{gap:10px;color:#444;display:-ms-flexbox;display:flex;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 span,verdocs-templates-list .usage svg,verdocs-templates-list .ownership span,verdocs-templates-list .ownership svg,verdocs-templates-list .last-used span,verdocs-templates-list .last-used svg{width:24px;height:24px}verdocs-templates-list .usage span,verdocs-templates-list .ownership span,verdocs-templates-list .last-used span{display:block}verdocs-templates-list .ownership{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-templates-list .last-used{-ms-flex:0 0 130px;flex:0 0 130px}verdocs-templates-list .usage{-ms-flex:0 0 60px;flex:0 0 60px}";
 
 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>`;
@@ -49,6 +49,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 +58,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,9 +84,12 @@ 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.initiallyLoaded = false;
     this.loading = true;
     this.confirmDelete = null;
     this.templates = [];
@@ -103,22 +106,28 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   handleNameUpdated() {
     return this.queryTemplates();
   }
-  async componentWillLoad() {
+  componentWillLoad() {
     this.endpoint.loadSession();
     if (!this.endpoint.session) {
       console.log('[TEMPLATES] Must be authenticated');
       return;
     }
-    return this.queryTemplates();
+  }
+  async componentDidLoad() {
+    await this.queryTemplates();
+    this.initiallyLoaded = true;
   }
   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() !== '') {
@@ -134,26 +143,6 @@ 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);
-  // }
-  canDelete(summary) {
-    return canPerformTemplateAction(this.endpoint.session, 'delete', summary);
-  }
-  canEdit(summary) {
-    return canPerformTemplateAction(this.endpoint.session, 'write', summary);
-  }
-  canPreview(summary) {
-    const hasPermission = 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;
-  }
   deleteTemplate(template) {
     this.confirmDelete = null;
     deleteTemplate(this.endpoint, template.id)
@@ -190,39 +179,42 @@ const VerdocsTemplatesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
       const date = template[dateToShow];
       const MENU_OPTIONS = [];
-      if (this.allowedActions.includes('send')) {
-        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 });
+      if (template.allowed_operations.includes(TemplateActions.READ) && this.allowedActions.includes('send')) {
+        MENU_OPTIONS.push({ label: 'Preview / Send', id: 'send', disabled: !template.allowed_operations.includes(TemplateActions.READ) });
       }
-      if (this.allowedActions.includes('createlink')) {
+      // if (this.allowedActions.includes('createlink')) {
+      //   MENU_OPTIONS.push({label: 'Create Link', id: 'createlink', disabled: true});
+      // }
+      if (template.allowed_operations.includes(TemplateActions.CREATE_PERSONAL) && this.allowedActions.includes('signnow')) {
         MENU_OPTIONS.push({ label: 'Sign Now', id: 'signnow', disabled: true });
       }
-      if (this.allowedActions.includes('submitted')) {
+      if (template.allowed_operations.includes(TemplateActions.READ) && 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: '' });
+        // 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: '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) });
+          MENU_OPTIONS.push({ label: 'Edit', id: 'edit', disabled: !template.allowed_operations.includes(TemplateActions.WRITE) });
         }
         if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
-          MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !this.canDelete(template) });
+          MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !template.allowed_operations.includes(TemplateActions.DELETE) });
         }
       }
       return (h("div", { class: "template", onClick: () => {
           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.initiallyLoaded && (h("div", null, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && 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,8 +230,11 @@ 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],
+    "initiallyLoaded": [32],
     "loading": [32],
     "confirmDelete": [32],
     "templates": [32]

package/dist/docs.json

@@ -1,11 +1,104 @@
 {
-  "timestamp": "2023-08-03T22:36:22",
+  "timestamp": "2023-08-04T06:34:12",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
     "typescriptVersion": "4.8.4"
   },
   "components": [
+    {
+      "filePath": "./src/components/other/ipctest/ipc-test.tsx",
+      "encapsulation": "none",
+      "tag": "ipc-test",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "endpoint",
+          "type": "VerdocsEndpoint",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.",
+          "docsTags": [],
+          "default": "VerdocsEndpoint.getDefault()",
+          "values": [
+            {
+              "type": "VerdocsEndpoint"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "templateId",
+          "type": "string",
+          "mutable": false,
+          "attr": "template-id",
+          "reflectToAttr": false,
+          "docs": "The template ID to edit.",
+          "docsTags": [],
+          "default": "'e997b94c-9d1b-4c85-8552-dedd24e35550'",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [
+        "verdocs-template-roles",
+        "verdocs-template-fields"
+      ],
+      "dependencyGraph": {
+        "ipc-test": [
+          "verdocs-template-roles",
+          "verdocs-template-fields"
+        ],
+        "verdocs-template-roles": [
+          "verdocs-component-error",
+          "verdocs-loader",
+          "verdocs-button",
+          "verdocs-template-role-properties",
+          "verdocs-template-sender"
+        ],
+        "verdocs-template-role-properties": [
+          "verdocs-text-input",
+          "verdocs-select-input",
+          "verdocs-help-icon",
+          "verdocs-checkbox",
+          "verdocs-button"
+        ],
+        "verdocs-text-input": [
+          "verdocs-help-icon"
+        ],
+        "verdocs-template-sender": [
+          "verdocs-radio-button",
+          "verdocs-help-icon",
+          "verdocs-button"
+        ],
+        "verdocs-template-fields": [
+          "verdocs-component-error",
+          "verdocs-loader",
+          "verdocs-select-input",
+          "verdocs-toolbar-icon",
+          "verdocs-template-document-page",
+          "verdocs-ok-dialog"
+        ],
+        "verdocs-ok-dialog": [
+          "verdocs-button"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/envelopes/verdocs-activity-box/verdocs-activity-box.tsx",
       "encapsulation": "none",
@@ -7521,6 +7614,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "ipc-test",
         "verdocs-build"
       ],
       "dependencies": [
@@ -7543,6 +7637,9 @@
         "verdocs-ok-dialog": [
           "verdocs-button"
         ],
+        "ipc-test": [
+          "verdocs-template-fields"
+        ],
         "verdocs-build": [
           "verdocs-template-fields"
         ]
@@ -7964,6 +8061,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "ipc-test",
         "verdocs-build"
       ],
       "dependencies": [
@@ -7996,6 +8094,9 @@
           "verdocs-help-icon",
           "verdocs-button"
         ],
+        "ipc-test": [
+          "verdocs-template-roles"
+        ],
         "verdocs-build": [
           "verdocs-template-roles"
         ]
@@ -8326,7 +8427,7 @@
           "reflectToAttr": false,
           "docs": "Override the If set, filter templates by the specified name.",
           "docsTags": [],
-          "default": "['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete']",
+          "default": "['send', 'submitted', 'link', 'edit', 'delete']",
           "values": [
             {
               "type": "TAllowedTemplateAction[]"
@@ -8368,12 +8469,29 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "rowsPerPage",
+          "type": "number",
+          "mutable": false,
+          "attr": "rows-per-page",
+          "reflectToAttr": false,
+          "docs": "The number of rows to display per page.",
+          "docsTags": [],
+          "default": "10",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "selectedPage",
           "type": "number",
-          "mutable": true,
+          "mutable": false,
           "attr": "selected-page",
-          "reflectToAttr": true,
+          "reflectToAttr": false,
           "docs": "The initial page number to select. Pagination is internally controlled but may be overriden by the\nhost applicaiton.",
           "docsTags": [],
           "default": "0",
@@ -8415,6 +8533,23 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "showPagination",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "show-pagination",
+          "reflectToAttr": false,
+          "docs": "Whether or not pagination should be enabled.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "sort",
           "type": "\"counter\" | \"created_at\" | \"last_used_at\" | \"name\" | \"star_counter\" | \"updated_at\"",
@@ -8536,6 +8671,24 @@
           "docs": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component.",
           "docsTags": []
         },
+        {
+          "event": "signNow",
+          "detail": "{ endpoint: VerdocsEndpoint; template: ITemplate; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks to sign a template now.",
+          "docsTags": []
+        },
+        {
+          "event": "submittedData",
+          "detail": "{ endpoint: VerdocsEndpoint; template: ITemplate; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks to sign a template now.",
+          "docsTags": []
+        },
         {
           "event": "templateDeleted",
           "detail": "{ endpoint: VerdocsEndpoint; template: ITemplate; }",

package/dist/esm/{TemplateStore-17700116.js → TemplateStore-01a9d18f.js}

@@ -1,6 +1,6 @@
 import { c as createStore } from './index-38d7bc0b.js';
 import { g as getTemplate } from './Templates-f90883f7.js';
-import { T as TemplateSenderTypes } from './VerdocsEndpoint-e447b318.js';
+import { T as TemplateSenderTypes } from './VerdocsEndpoint-d58d5544.js';
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();

package/dist/esm/{VerdocsEndpoint-e447b318.js → VerdocsEndpoint-d58d5544.js}

@@ -20,90 +20,6 @@ var TemplatePermissions;
     TemplatePermissions["TEMPLATE_MEMBER_DELETE"] = "template:member:delete";
     TemplatePermissions["TEMPLATE_MEMBER_VISIBILITY"] = "template:member:visibility";
 })(TemplatePermissions || (TemplatePermissions = {}));
-var canPerformTemplateAction = function (session, action, template) {
-    var _a, _b;
-    if (!template && !action.includes('create')) {
-        return { canPerform: false, message: 'Missing required template object' };
-    }
-    // We use BOGUS here to force the option-chain in things like template?.profile_id to NOT match profile?.profile_id because if both
-    // were undefined, they would actually match.
-    var profile_id = (session === null || session === void 0 ? void 0 : session.profile_id) || 'BOGUS';
-    var organization_id = (session === null || session === void 0 ? void 0 : session.organization_id) || 'BOGUS';
-    if (!profile_id) {
-        return { canPerform: false, message: 'Active session required' };
-    }
-    var isCreator = (template === null || template === void 0 ? void 0 : template.profile_id) === profile_id;
-    var isSameOrg = (template === null || template === void 0 ? void 0 : template.organization_id) === organization_id;
-    var isPersonal = (_a = template === null || template === void 0 ? void 0 : template.is_personal) !== null && _a !== void 0 ? _a : false;
-    var isPublic = (_b = template === null || template === void 0 ? void 0 : template.is_public) !== null && _b !== void 0 ? _b : false;
-    var permissionsRequired = [];
-    switch (action) {
-        case 'create_personal':
-            permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_CREATE_PERSONAL);
-            break;
-        case 'create_org':
-            permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_CREATE_ORG);
-            break;
-        case 'create_public':
-            permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_CREATE_PUBLIC);
-            break;
-        case 'read':
-            if (!isCreator) {
-                if ((!isPersonal && isSameOrg) || !isPublic) {
-                    permissionsRequired.push(TemplatePermissions.TEMPLATE_MEMBER_READ);
-                }
-            }
-            break;
-        case 'write':
-            if (!isCreator) {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_MEMBER_READ);
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_MEMBER_WRITE);
-            }
-            break;
-        case 'change_visibility_personal':
-            if (isCreator) {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_CREATE_PERSONAL);
-            }
-            else {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_MEMBER_VISIBILITY);
-            }
-            break;
-        case 'change_visibility_org':
-            if (isCreator) {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_CREATE_ORG);
-            }
-            else {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_MEMBER_VISIBILITY);
-            }
-            break;
-        case 'change_visibility_public':
-            if (isCreator) {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_CREATE_PUBLIC);
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_VISIBILITY);
-            }
-            else {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_MEMBER_VISIBILITY);
-            }
-            break;
-        case 'delete':
-            if (isCreator) {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_CREATOR_DELETE);
-            }
-            else {
-                permissionsRequired.push(TemplatePermissions.TEMPLATE_MEMBER_DELETE);
-            }
-            break;
-        default:
-            return { canPerform: false, message: 'Action is not defined' };
-    }
-    if (hasRequiredPermissions(session, permissionsRequired)) {
-        return { canPerform: true, message: '' };
-    }
-    return { canPerform: false, message: "Insufficient access to perform '".concat(action, "'. Needed permissions: ").concat(permissionsRequired.toString()) };
-};
-var hasRequiredPermissions = function (session, permissions) {
-    return permissions.every(function (perm) { return ((session === null || session === void 0 ? void 0 : session.permissions) || []).includes(perm); });
-};
 
 var TemplateSenderTypes;
 (function (TemplateSenderTypes) {
@@ -4086,4 +4002,4 @@ var VerdocsEndpoint = /** @class */ (function () {
     return VerdocsEndpoint;
 }());
 
-export { TemplateSenderTypes as T, VerdocsEndpoint as V, canPerformTemplateAction as c };
+export { TemplateSenderTypes as T, VerdocsEndpoint as V, TemplateActions as a };

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

@@ -0,0 +1,33 @@
+import { r as registerInstance, h, H as Host } from './index-151c0874.js';
+import './Types-5f31149e.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint-d58d5544.js';
+import { g as getTemplateStore } from './TemplateStore-01a9d18f.js';
+import './index-38d7bc0b.js';
+import './Templates-f90883f7.js';
+
+const ipcTestCss = "ipc-test{max-width:800px;display:block}";
+
+const IpcTest = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.store = null;
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.templateId = 'e997b94c-9d1b-4c85-8552-dedd24e35550';
+  }
+  async componentWillLoad() {
+    try {
+      this.endpoint.loadSession();
+      this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+    }
+    catch (e) {
+      console.log('[TEMPLATE VISIBILITY] Error loading template', e);
+    }
+  }
+  render() {
+    console.log('[IPC] Rendering');
+    return (h(Host, null, h("div", null, h("pre", null, h("code", null, JSON.stringify(this.store.state, null, 2)))), h("verdocs-template-roles", { templateId: this.templateId }), h("verdocs-template-fields", { templateId: this.templateId })));
+  }
+};
+IpcTest.style = ipcTestCss;
+
+export { IpcTest as ipc_test };