@verdocs/web-sdk 2.0.14 → 2.0.15

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

@@ -1,9 +1,9 @@
 import { format } from 'date-fns';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { Templates } from '@verdocs/js-sdk/Templates';
-import { canPerformTemplateAction } from '@verdocs/js-sdk/Templates/Actions';
-import { Host, h } from '@stencil/core';
-import { VerdocsToast } from '../../../utils/Toast';
+import { integerSequence } from '@verdocs/js-sdk/Utils/Primitives';
+import { TemplateActions } from '@verdocs/js-sdk/Templates/Types';
+import { h, Host } from '@stencil/core';
 import { SDKError } from '../../../utils/errors';
 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>`;
@@ -37,24 +37,22 @@ const SortOptions = [
 export class VerdocsTemplatesList {
   constructor() {
     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;
@@ -65,9 +63,12 @@ export class VerdocsTemplatesList {
     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 = [];
@@ -84,22 +85,28 @@ export class VerdocsTemplatesList {
   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() !== '') {
@@ -115,26 +122,6 @@ export class VerdocsTemplatesList {
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
     }
   }
-  // canCreate() {
-  //   return userCanCreateTemplate(this.endpoint.session);
-  // }
-  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;
     Templates.deleteTemplate(this.endpoint, template.id)
@@ -171,39 +158,42 @@ export class VerdocsTemplatesList {
       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 (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')) {
-        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 (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 is() { return "verdocs-templates-list"; }
   static get originalStyleUrls() {
@@ -334,11 +324,47 @@ export class VerdocsTemplatesList {
           "tags": [],
           "text": "Override the If set, filter templates by the specified name."
         },
-        "defaultValue": "['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete']"
+        "defaultValue": "['send', 'submitted', 'link', 'edit', 'delete']"
+      },
+      "showPagination": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether or not pagination should be enabled."
+        },
+        "attribute": "show-pagination",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "rowsPerPage": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The number of rows to display per page."
+        },
+        "attribute": "rows-per-page",
+        "reflect": false,
+        "defaultValue": "10"
       },
       "selectedPage": {
         "type": "number",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "number",
           "resolved": "number",
@@ -351,7 +377,7 @@ export class VerdocsTemplatesList {
           "text": "The initial page number to select. Pagination is internally controlled but may be overriden by the\nhost applicaiton."
         },
         "attribute": "selected-page",
-        "reflect": true,
+        "reflect": false,
         "defaultValue": "0"
       }
     };
@@ -359,6 +385,7 @@ export class VerdocsTemplatesList {
   static get states() {
     return {
       "count": {},
+      "initiallyLoaded": {},
       "loading": {},
       "confirmDelete": {},
       "templates": {}
@@ -409,6 +436,54 @@ export class VerdocsTemplatesList {
             }
           }
         }
+      }, {
+        "method": "signNow",
+        "name": "signNow",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user clicks to sign a template now."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; template: ITemplate}",
+          "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "ITemplate": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Templates/Types"
+            }
+          }
+        }
+      }, {
+        "method": "submittedData",
+        "name": "submittedData",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user clicks to sign a template now."
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint; template: ITemplate}",
+          "resolved": "{ endpoint: VerdocsEndpoint; template: ITemplate; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            },
+            "ITemplate": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Templates/Types"
+            }
+          }
+        }
       }, {
         "method": "editTemplate",
         "name": "editTemplate",

package/dist/components/TemplateStore.js

@@ -1,6 +1,6 @@
 import { c as createStore } from './index3.js';
 import { a as getTemplate } from './Templates.js';
-import { T as TemplateSenderTypes } from './VerdocsEndpoint.js';
+import { a as TemplateSenderTypes } from './VerdocsEndpoint.js';
 
 const createTemplateStore = (templateId) => {
   const now = new Date().toISOString();

package/dist/components/VerdocsEndpoint.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 { TemplateActions as T, VerdocsEndpoint as V, TemplateSenderTypes as a };

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 /* VerdocsWebSdk custom elements */
+export { IpcTest as IpcTest } from '../types/components/other/ipctest/ipc-test';
 export { VerdocsActivityBox as VerdocsActivityBox } from '../types/components/envelopes/verdocs-activity-box/verdocs-activity-box';
 export { VerdocsAuth as VerdocsAuth } from '../types/components/embeds/verdocs-auth/verdocs-auth';
 export { VerdocsBuild as VerdocsBuild } from '../types/components/embeds/verdocs-build/verdocs-build';

package/dist/components/index.js

@@ -1,4 +1,5 @@
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { IpcTest, defineCustomElement as defineCustomElementIpcTest } from './ipc-test.js';
 export { VerdocsActivityBox, defineCustomElement as defineCustomElementVerdocsActivityBox } from './verdocs-activity-box.js';
 export { VerdocsAuth, defineCustomElement as defineCustomElementVerdocsAuth } from './verdocs-auth.js';
 export { VerdocsBuild, defineCustomElement as defineCustomElementVerdocsBuild } from './verdocs-build.js';

package/dist/components/ipc-test.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IpcTest extends Components.IpcTest, HTMLElement {}
+export const IpcTest: {
+  prototype: IpcTest;
+  new (): IpcTest;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ipc-test.js

@@ -0,0 +1,142 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import './Types.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { g as getTemplateStore } from './TemplateStore.js';
+import { d as defineCustomElement$g } from './verdocs-button2.js';
+import { d as defineCustomElement$f } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$e } from './verdocs-component-error2.js';
+import { d as defineCustomElement$d } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$c } from './verdocs-loader2.js';
+import { d as defineCustomElement$b } from './verdocs-ok-dialog2.js';
+import { d as defineCustomElement$a } from './verdocs-radio-button2.js';
+import { d as defineCustomElement$9 } from './verdocs-select-input2.js';
+import { d as defineCustomElement$8 } from './verdocs-template-document-page2.js';
+import { d as defineCustomElement$7 } from './verdocs-template-fields2.js';
+import { d as defineCustomElement$6 } from './verdocs-template-role-properties2.js';
+import { d as defineCustomElement$5 } from './verdocs-template-roles2.js';
+import { d as defineCustomElement$4 } from './verdocs-template-sender2.js';
+import { d as defineCustomElement$3 } from './verdocs-text-input2.js';
+import { d as defineCustomElement$2 } from './verdocs-toolbar-icon2.js';
+
+const ipcTestCss = "ipc-test{max-width:800px;display:block}";
+
+const IpcTest$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    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 })));
+  }
+  static get style() { return ipcTestCss; }
+}, [0, "ipc-test", {
+    "endpoint": [16],
+    "templateId": [1, "template-id"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["ipc-test", "verdocs-button", "verdocs-checkbox", "verdocs-component-error", "verdocs-help-icon", "verdocs-loader", "verdocs-ok-dialog", "verdocs-radio-button", "verdocs-select-input", "verdocs-template-document-page", "verdocs-template-fields", "verdocs-template-role-properties", "verdocs-template-roles", "verdocs-template-sender", "verdocs-text-input", "verdocs-toolbar-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "ipc-test":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, IpcTest$1);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "verdocs-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "verdocs-component-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "verdocs-help-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "verdocs-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "verdocs-ok-dialog":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "verdocs-radio-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "verdocs-select-input":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "verdocs-template-document-page":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "verdocs-template-fields":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "verdocs-template-role-properties":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "verdocs-template-roles":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "verdocs-template-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "verdocs-text-input":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "verdocs-toolbar-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const IpcTest = IpcTest$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { IpcTest, defineCustomElement };

package/dist/components/verdocs-sign.js

@@ -421,7 +421,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);
     console.log('[SIGN] Page rendered, updating fields', { pageInfo, roleIndex, recipientFields });
     // First render the fields for the signer
-    recipientFields.forEach(field => {
+    recipientFields
+      .filter(field => field.page === pageInfo.pageNumber)
+      .forEach(field => {
       const el = renderDocumentField(field, pageInfo, roleIndex, { disabled: false, editable: false, draggable: false, done: this.isDone });
       if (!el) {
         return;

package/dist/components/verdocs-template-role-properties2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint.js';
+import { V as VerdocsEndpoint, a as TemplateSenderTypes } from './VerdocsEndpoint.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$5 } from './verdocs-button2.js';

package/dist/components/verdocs-template-roles2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { i as interact } from './interact.min.js';
 import './Types.js';
-import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint.js';
+import { V as VerdocsEndpoint, a as TemplateSenderTypes } from './VerdocsEndpoint.js';
 import { u as updateRole, c as createRole, d as defineCustomElement$3 } from './verdocs-template-role-properties2.js';
 import { g as getRGBA } from './Colors.js';
 import { g as getTemplateStore } from './TemplateStore.js';

package/dist/components/verdocs-template-sender2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint.js';
+import { V as VerdocsEndpoint, a as TemplateSenderTypes } from './VerdocsEndpoint.js';
 import { u as updateTemplate } from './Templates.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';

package/dist/components/verdocs-template-star2.js

@@ -44,7 +44,7 @@ const VerdocsTemplateStar = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
       this.template.star_counter = r.star_counter;
       this.starChange.emit({
         templateId: this.template.id,
-        starred: r.is_starred,
+        starred: r.star_counter > 0,
         count: r.star_counter,
       });
     })