@verdocs/web-sdk 2.3.88 → 4.0.6

package/dist/components/verdocs-table.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsTable extends Components.VerdocsTable, HTMLElement {}
 export const VerdocsTable: {
-  prototype: VerdocsTable;
-  new (): VerdocsTable;
+    prototype: VerdocsTable;
+    new (): VerdocsTable;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/verdocs-table2.js

@@ -1,42 +1,43 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
 const verdocsTableCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}";
+const VerdocsTableStyle0 = verdocsTableCss;
 
-const VerdocsTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.colHeaderClick = createEvent(this, "colHeaderClick", 7);
-    this.rowClick = createEvent(this, "rowClick", 7);
-    this.columns = [];
-    this.data = [];
-  }
-  render() {
-    return (h(Host, { class: "table-wrapper" }, h("table", { class: "table" }, h("thead", null, h("tr", { class: "row header-row" }, this.columns.map((col, i) => {
-      return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
-    }))), h("tbody", null, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
-      var _a;
-      return h("td", { class: `col data-col col-${i} col-${col.id}` }, ((_a = col.renderCell) === null || _a === void 0 ? void 0 : _a.call(col, col, row)) || row[col.id]);
-      // return <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell?.(col, row) || row[col.id]} />;
-    }))))))));
-  }
-  static get style() { return verdocsTableCss; }
+const VerdocsTable = /*@__PURE__*/ proxyCustomElement(class VerdocsTable extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.colHeaderClick = createEvent(this, "colHeaderClick", 7);
+        this.rowClick = createEvent(this, "rowClick", 7);
+        this.columns = [];
+        this.data = [];
+    }
+    render() {
+        return (h(Host, { key: 'd048ed4b7942038c96da6873520ecaa2a83014f0', class: "table-wrapper" }, h("table", { key: '4328cdcb8da0670fff20f175c9a12deba009e85d', class: "table" }, h("thead", { key: 'c94cbef7c8b3e05d9ee71c812525f1599529bcd1' }, h("tr", { key: 'd27169ab0901fef379fd2001953c944915d9cd5e', class: "row header-row" }, this.columns.map((col, i) => {
+            return (h("th", { class: `col header-col col-${i} col-${col.id}`, onClick: () => { var _a; return (_a = this.colHeaderClick) === null || _a === void 0 ? void 0 : _a.emit({ col }); }, innerHTML: col.renderHeader ? col.renderHeader(col) : col.header || col.id }));
+        }))), h("tbody", { key: '5ecf556cd6c25d1f47220c0a22793d0a6ba8ff3e' }, this.data.map(row => (h("tr", { class: "row data-row", onClick: () => { var _a; return (_a = this.rowClick) === null || _a === void 0 ? void 0 : _a.emit({ row }); } }, this.columns.map((col, i) => {
+            var _a;
+            return h("td", { class: `col data-col col-${i} col-${col.id}` }, ((_a = col.renderCell) === null || _a === void 0 ? void 0 : _a.call(col, col, row)) || row[col.id]);
+            // return <td class={`col data-col col-${i} col-${col.id}`} innerHTML={col.renderCell?.(col, row) || row[col.id]} />;
+        }))))))));
+    }
+    static get style() { return VerdocsTableStyle0; }
 }, [0, "verdocs-table", {
-    "columns": [16],
-    "data": [16]
-  }]);
+        "columns": [16],
+        "data": [16]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-table"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-table":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsTable);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-table"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-table":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsTable);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/verdocs-tabs.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsTabs extends Components.VerdocsTabs, HTMLElement {}
 export const VerdocsTabs: {
-  prototype: VerdocsTabs;
-  new (): VerdocsTabs;
+    prototype: VerdocsTabs;
+    new (): VerdocsTabs;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/verdocs-tabs2.js

@@ -1,39 +1,40 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
 const verdocsTabsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-tabs{gap:10px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-tabs .tab{display:-ms-flexbox;display:flex;color:#111111;cursor:pointer;font-size:14px;font-weight:400;padding:5px 10px;-ms-flex-align:center;align-items:center;text-transform:none;-ms-flex-pack:center;justify-content:center;border-bottom:4px solid transparent}verdocs-tabs .tab:focus{border:none;outline:none}verdocs-tabs .tab.active{color:#000000;font-weight:500;border-bottom:4px solid #654dcb}verdocs-tabs .tab.disabled{color:#666666;cursor:default}";
+const VerdocsTabsStyle0 = verdocsTabsCss;
 
-const VerdocsTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.selectTab = createEvent(this, "selectTab", 7);
-    this.tabs = [];
-    this.selectedTab = 0;
-  }
-  handleSelectTab(index) {
-    var _a;
-    (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
-  }
-  render() {
-    return (h(Host, null, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { class: "flex flex-1" }), h("slot", null, h("div", null))));
-  }
-  static get style() { return verdocsTabsCss; }
+const VerdocsTabs = /*@__PURE__*/ proxyCustomElement(class VerdocsTabs extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.selectTab = createEvent(this, "selectTab", 7);
+        this.tabs = [];
+        this.selectedTab = 0;
+    }
+    handleSelectTab(index) {
+        var _a;
+        (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
+    }
+    render() {
+        return (h(Host, { key: '9ec11ccd4c66cea85db7bd16bade6f7919aa3a9b' }, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { key: '1d2591798e0d995eb3f7b8da7f0fb107f171c5b9', class: "flex flex-1" }), h("slot", { key: '236c55b5248128b60b3d023d78d5e6c91ce94c35' }, h("div", { key: '62105d98b32d6cdde640cd6ccb99872d31b0c067' }))));
+    }
+    static get style() { return VerdocsTabsStyle0; }
 }, [4, "verdocs-tabs", {
-    "tabs": [16],
-    "selectedTab": [2, "selected-tab"]
-  }]);
+        "tabs": [16],
+        "selectedTab": [2, "selected-tab"]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-tabs"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-tabs":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsTabs);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-tabs"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-tabs":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsTabs);
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/verdocs-template-attachments.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsTemplateAttachments extends Components.VerdocsTemplateAttachments, HTMLElement {}
 export const VerdocsTemplateAttachments: {
-  prototype: VerdocsTemplateAttachments;
-  new (): VerdocsTemplateAttachments;
+    prototype: VerdocsTemplateAttachments;
+    new (): VerdocsTemplateAttachments;
 };
 /**
  * Used to define this component and all nested components recursively.

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

@@ -1,7 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import './Types.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
-import { c as createTemplateDocument, d as deleteTemplateDocument } from './TemplateDocuments.js';
+import { VerdocsEndpoint, createTemplateDocument, deleteTemplateDocument } from '@verdocs/js-sdk';
 import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon, b as PageCountIcon, T as TrashIcon } from './Icons.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
@@ -13,189 +11,190 @@ import { d as defineCustomElement$2 } from './verdocs-ok-dialog2.js';
 import { d as defineCustomElement$1 } from './verdocs-progress-bar2.js';
 
 const verdocsTemplateAttachmentsCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}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}";
+const VerdocsTemplateAttachmentsStyle0 = verdocsTemplateAttachmentsCss;
 
-const VerdocsTemplateAttachments = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.exit = createEvent(this, "exit", 7);
-    this.next = createEvent(this, "next", 7);
-    this.templateUpdated = createEvent(this, "templateUpdated", 7);
-    this.sdkError = createEvent(this, "sdkError", 7);
-    this.endpoint = VerdocsEndpoint.getDefault();
-    this.templateId = '';
-    this.uploading = false;
-    this.progressLabel = 'Uploading...';
-    this.progressPercent = 0;
-    this.showDeleteError = false;
-    this.confirmDeleteDocument = null;
-    this.store = null;
-  }
-  async componentWillLoad() {
-    var _a, _b, _c;
-    try {
-      this.endpoint.loadSession();
-      if (!this.templateId) {
-        console.log(`[ROLES] Missing required template ID ${this.templateId}`);
-        return;
-      }
-      if (!this.endpoint.session) {
-        console.log('[ROLES] Unable to start builder session, must be authenticated');
-        return;
-      }
-      this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-    }
-    catch (e) {
-      console.log('[TEMPLATE ATTACHMENTS] Error loading template', e);
-      (_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));
-    }
-  }
-  handleCancel(e) {
-    e.stopPropagation();
-    this.exit.emit();
-  }
-  handleUploadProgress(percent) {
-    if (percent >= 99) {
-      this.progressPercent = 100;
-      this.progressLabel = 'Processing...';
-    }
-    else {
-      this.progressPercent = percent;
+const VerdocsTemplateAttachments = /*@__PURE__*/ proxyCustomElement(class VerdocsTemplateAttachments extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.exit = createEvent(this, "exit", 7);
+        this.next = createEvent(this, "next", 7);
+        this.templateUpdated = createEvent(this, "templateUpdated", 7);
+        this.sdkError = createEvent(this, "sdkError", 7);
+        this.endpoint = VerdocsEndpoint.getDefault();
+        this.templateId = '';
+        this.uploading = false;
+        this.progressLabel = 'Uploading...';
+        this.progressPercent = 0;
+        this.showDeleteError = false;
+        this.confirmDeleteDocument = null;
+        this.store = null;
     }
-  }
-  async handleUpload(e) {
-    var _a, _b, _c, _d;
-    e.stopPropagation();
-    const file = e.detail.file;
-    if (!file) {
-      return;
+    async componentWillLoad() {
+        var _a, _b, _c;
+        try {
+            this.endpoint.loadSession();
+            if (!this.templateId) {
+                console.log(`[ROLES] Missing required template ID ${this.templateId}`);
+                return;
+            }
+            if (!this.endpoint.session) {
+                console.log('[ROLES] Unable to start builder session, must be authenticated');
+                return;
+            }
+            this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+        }
+        catch (e) {
+            console.log('[TEMPLATE ATTACHMENTS] Error loading template', e);
+            (_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));
+        }
     }
-    console.log('[ATTACHMENTS] Uploading...', file);
-    this.uploading = true;
-    this.progressLabel = 'Uploading...';
-    try {
-      const template = await createTemplateDocument(this.endpoint, this.templateId, file, this.handleUploadProgress.bind(this));
-      console.log('[ATTACHMENTS] Created attachment', template);
-      this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-      console.log('[ATTACHMENTS] Updated template', this.store.state);
-      (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: this.store.state, event: 'attachments' });
-      this.uploading = false;
-      this.progressLabel = '';
-      this.progressPercent = 0;
+    handleCancel(e) {
+        e.stopPropagation();
+        this.exit.emit();
     }
-    catch (e) {
-      console.log('[ATTACHMENTS] Error creating template', e);
-      (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
-      this.uploading = false;
+    handleUploadProgress(percent) {
+        if (percent >= 99) {
+            this.progressPercent = 100;
+            this.progressLabel = 'Processing...';
+        }
+        else {
+            this.progressPercent = percent;
+        }
     }
-  }
-  handleNext(e) {
-    var _a;
-    e.stopPropagation();
-    this.uploading = false;
-    this.progressLabel = '';
-    this.progressPercent = 0;
-    (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ template: this.store.state });
-  }
-  async confirmDelete() {
-    await deleteTemplateDocument(this.endpoint, this.templateId, this.confirmDeleteDocument.id);
-    this.store = await getTemplateStore(this.endpoint, this.templateId, false);
-    console.log('[ATTACHMENTS] New template', this.store.state);
-    this.confirmDeleteDocument = null;
-  }
-  async handleDelete(document) {
-    var _a;
-    if (((_a = this.store.state) === null || _a === void 0 ? void 0 : _a.template_documents.length) > 1) {
-      this.confirmDeleteDocument = document;
+    async handleUpload(e) {
+        var _a, _b, _c, _d;
+        e.stopPropagation();
+        const file = e.detail.file;
+        if (!file) {
+            return;
+        }
+        console.log('[ATTACHMENTS] Uploading...', file);
+        this.uploading = true;
+        this.progressLabel = 'Uploading...';
+        try {
+            const template = await createTemplateDocument(this.endpoint, this.templateId, file, this.handleUploadProgress.bind(this));
+            console.log('[ATTACHMENTS] Created attachment', template);
+            this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+            console.log('[ATTACHMENTS] Updated template', this.store.state);
+            (_a = this.templateUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: this.store.state, event: 'attachments' });
+            this.uploading = false;
+            this.progressLabel = '';
+            this.progressPercent = 0;
+        }
+        catch (e) {
+            console.log('[ATTACHMENTS] Error creating template', e);
+            (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
+            this.uploading = false;
+        }
     }
-    else {
-      this.showDeleteError = true;
+    handleNext(e) {
+        var _a;
+        e.stopPropagation();
+        this.uploading = false;
+        this.progressLabel = '';
+        this.progressPercent = 0;
+        (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ template: this.store.state });
     }
-  }
-  getFileIcon(document) {
-    switch (document.mime) {
-      case 'application/pdf':
-        return PdfIcon;
-      case 'image/jpeg':
-        return JpgIcon;
-      case 'image/png':
-        return PngIcon;
-      case 'application/msword':
-      case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
-        return DocIcon;
+    async confirmDelete() {
+        await deleteTemplateDocument(this.endpoint, this.templateId, this.confirmDeleteDocument.id);
+        this.store = await getTemplateStore(this.endpoint, this.templateId, false);
+        console.log('[ATTACHMENTS] New template', this.store.state);
+        this.confirmDeleteDocument = null;
     }
-    return FileIcon;
-  }
-  render() {
-    var _a, _b, _c;
-    if (!this.endpoint.session) {
-      return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+    async handleDelete(document) {
+        var _a;
+        if (((_a = this.store.state) === null || _a === void 0 ? void 0 : _a.documents.length) > 1) {
+            this.confirmDeleteDocument = document;
+        }
+        else {
+            this.showDeleteError = true;
+        }
     }
-    const templateState = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state;
-    if (!templateState.isLoaded) {
-      return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
+    getFileIcon(document) {
+        switch (document.mime) {
+            case 'application/pdf':
+                return PdfIcon;
+            case 'image/jpeg':
+                return JpgIcon;
+            case 'image/png':
+                return PngIcon;
+            case 'application/msword':
+            case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+                return DocIcon;
+        }
+        return FileIcon;
     }
-    // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
-    if (!this.endpoint.session || !templateState.profile_id) {
-      return h(Host, { class: "empty" });
+    render() {
+        var _a, _b, _c;
+        if (!this.endpoint.session) {
+            return (h(Host, null, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
+        }
+        const templateState = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state;
+        if (!templateState.isLoaded) {
+            return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
+        }
+        // This is meant to be a companion for larger visual experiences so we just go blank on errors for now.
+        if (!this.endpoint.session || !templateState.profile_id) {
+            return h(Host, { class: "empty" });
+        }
+        return (h(Host, null, h("h5", null, "Existing Attachments"), h("div", { class: "attachments" }, (_b = this.store) === null || _b === void 0 ? void 0 : _b.state.documents.map(document => (h("div", { class: "attachment" }, h("div", { class: "file-icon", innerHTML: this.getFileIcon(document) }), h("div", { class: "filename", title: document.name }, document.name), h("div", { class: "pages" }, h("div", { class: "count" }, document.pages), h("div", { class: "pages-icon", innerHTML: PageCountIcon })), h("div", { class: "trash-icon", innerHTML: TrashIcon, onClick: () => this.handleDelete(document) }))))), h("h5", null, "Attach a New Document"), this.uploading ? (h("div", { class: "loader-wrapper" }, h("verdocs-loader", null), this.progressLabel && (h("div", { class: "progress-wrapper" }, h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (h("verdocs-file-chooser", { onFileSelected: e => this.handleUpload(e) })), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.uploading }), h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleNext(e), disabled: !((_c = this.store) === null || _c === void 0 ? void 0 : _c.state.documents.length) || this.uploading })), this.showDeleteError && (h("verdocs-ok-dialog", { heading: "Unable to Delete Attachment", message: "Templates must contain at least one attachment.", onNext: () => (this.showDeleteError = false) })), this.confirmDeleteDocument && (h("verdocs-ok-dialog", { heading: "Delete this Attachment?", message: "This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.", onNext: () => this.confirmDelete(), showCancel: true, onExit: () => {
+                this.confirmDeleteDocument = null;
+            } }))));
     }
-    return (h(Host, null, h("h5", null, "Existing Attachments"), h("div", { class: "attachments" }, (_b = this.store) === null || _b === void 0 ? void 0 : _b.state.template_documents.map(document => (h("div", { class: "attachment" }, h("div", { class: "file-icon", innerHTML: this.getFileIcon(document) }), h("div", { class: "filename", title: document.name }, document.name), h("div", { class: "pages" }, h("div", { class: "count" }, document.page_numbers), h("div", { class: "pages-icon", innerHTML: PageCountIcon })), h("div", { class: "trash-icon", innerHTML: TrashIcon, onClick: () => this.handleDelete(document) }))))), h("h5", null, "Attach a New Document"), this.uploading ? (h("div", { class: "loader-wrapper" }, h("verdocs-loader", null), this.progressLabel && (h("div", { class: "progress-wrapper" }, h("verdocs-progress-bar", { showPercent: true, percent: this.progressPercent, label: this.progressLabel }))))) : (h("verdocs-file-chooser", { onFileSelected: e => this.handleUpload(e) })), h("div", { class: "buttons" }, h("verdocs-button", { variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e), disabled: this.uploading }), h("verdocs-button", { label: "Next", size: "small", onClick: e => this.handleNext(e), disabled: !((_c = this.store) === null || _c === void 0 ? void 0 : _c.state.template_documents.length) || this.uploading })), this.showDeleteError && (h("verdocs-ok-dialog", { heading: "Unable to Delete Attachment", message: "Templates must contain at least one attachment.", onNext: () => (this.showDeleteError = false) })), this.confirmDeleteDocument && (h("verdocs-ok-dialog", { heading: "Delete this Attachment?", message: "This operation cannot be undone. All fields placed<br />on the deleted attachment will also be removed.", onNext: () => this.confirmDelete(), showCancel: true, onExit: () => {
-        this.confirmDeleteDocument = null;
-      } }))));
-  }
-  static get style() { return verdocsTemplateAttachmentsCss; }
+    static get style() { return VerdocsTemplateAttachmentsStyle0; }
 }, [0, "verdocs-template-attachments", {
-    "endpoint": [16],
-    "templateId": [1, "template-id"],
-    "uploading": [32],
-    "progressLabel": [32],
-    "progressPercent": [32],
-    "showDeleteError": [32],
-    "confirmDeleteDocument": [32],
-    "store": [32]
-  }]);
+        "endpoint": [16],
+        "templateId": [1, "template-id"],
+        "uploading": [32],
+        "progressLabel": [32],
+        "progressPercent": [32],
+        "showDeleteError": [32],
+        "confirmDeleteDocument": [32],
+        "store": [32]
+    }]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["verdocs-template-attachments", "verdocs-button", "verdocs-component-error", "verdocs-file-chooser", "verdocs-loader", "verdocs-ok-dialog", "verdocs-progress-bar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "verdocs-template-attachments":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, VerdocsTemplateAttachments);
-      }
-      break;
-    case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "verdocs-component-error":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "verdocs-file-chooser":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "verdocs-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "verdocs-ok-dialog":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "verdocs-progress-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["verdocs-template-attachments", "verdocs-button", "verdocs-component-error", "verdocs-file-chooser", "verdocs-loader", "verdocs-ok-dialog", "verdocs-progress-bar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "verdocs-template-attachments":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, VerdocsTemplateAttachments);
+            }
+            break;
+        case "verdocs-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "verdocs-component-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "verdocs-file-chooser":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "verdocs-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "verdocs-ok-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "verdocs-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 defineCustomElement();
 

package/dist/components/verdocs-template-build-tabs.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VerdocsTemplateBuildTabs extends Components.VerdocsTemplateBuildTabs, HTMLElement {}
 export const VerdocsTemplateBuildTabs: {
-  prototype: VerdocsTemplateBuildTabs;
-  new (): VerdocsTemplateBuildTabs;
+    prototype: VerdocsTemplateBuildTabs;
+    new (): VerdocsTemplateBuildTabs;
 };
 /**
  * Used to define this component and all nested components recursively.