@verdocs/web-sdk 1.15.0 → 1.15.2

package/dist/components/verdocs-select-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const verdocsSelectInputCss = "verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 8px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:focus{border:1px solid #7d88ff}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
+const verdocsSelectInputCss = "verdocs-select-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-select-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;border:1px solid #cccccc;border-radius:4px;background:#ffffff;color:#092c4c;width:100%;font-size:16px;height:28px;padding:4px 8px}verdocs-select-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-select-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}";
 
 const VerdocsSelectInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

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

package/dist/components/verdocs-spinner.js

@@ -0,0 +1,6 @@
+import { V as VerdocsQuickFilter, d as defineCustomElement$1 } from './verdocs-spinner2.js';
+
+const VerdocsSpinner = VerdocsQuickFilter;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsSpinner, defineCustomElement };

package/dist/components/verdocs-spinner2.js

@@ -0,0 +1,42 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const verdocsSpinnerCss = "verdocs-spinner{display:inline-block;border-radius:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";
+
+const LIGHT_STYLE = { border: '3px solid rgba(255, 255, 255, 0.3)', borderTopColor: '#fff' };
+const DARK_STYLE = { border: '3px solid rgba(0, 0, 0, 0.3)', borderTopColor: '#333' };
+const VerdocsQuickFilter = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.size = 32;
+    this.mode = 'light';
+  }
+  render() {
+    return (h(Host, { style: {
+        width: `${this.size}px`,
+        height: `${this.size}px`,
+        flex: `0 0 ${this.size}px`,
+        ...(this.mode === 'light' ? LIGHT_STYLE : DARK_STYLE),
+      } }));
+  }
+  static get style() { return verdocsSpinnerCss; }
+}, [0, "verdocs-spinner", {
+    "size": [2],
+    "mode": [1]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-spinner"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-spinner":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsQuickFilter);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { VerdocsQuickFilter as V, defineCustomElement as d };

package/dist/components/verdocs-status-indicator2.js

@@ -7228,12 +7228,12 @@ const VerdocsStatusIndicator = /*@__PURE__*/ proxyCustomElement(class extends HT
   constructor() {
     super();
     this.__registerHost();
+    this.recipientStatusIcons = [];
     this.size = 'normal';
     this.theme = 'light';
     this.status = undefined;
     this.envelope = undefined;
     this.isOpen = undefined;
-    this.recipientStatusIcons = [];
     this.containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;
   }
   componentDidLoad() {
@@ -7444,7 +7444,6 @@ const VerdocsStatusIndicator = /*@__PURE__*/ proxyCustomElement(class extends HT
     "status": [1],
     "envelope": [16],
     "isOpen": [32],
-    "recipientStatusIcons": [32],
     "containerId": [32]
   }]);
 function defineCustomElement() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { c as createTemplateDocument, d as deleteTemplateDocument } from './TemplateDocuments.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { c as createTemplateDocument, d as deleteTemplateDocument } from './TemplateDocuments.js';
 import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon, b as PageCountIcon, T as TrashIcon, d as defineCustomElement$4 } from './verdocs-file-chooser2.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { c as createTemplate } from './Templates.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { c as createTemplate } from './Templates.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$4 } from './verdocs-button2.js';
 import { d as defineCustomElement$3 } from './verdocs-component-error2.js';

package/dist/components/verdocs-template-document-page2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments.js';
 import { t as throttle } from './utils.js';
 
 const verdocsTemplateDocumentPageCss = "verdocs-template-document-page{width:100%;position:relative}verdocs-template-document-page .verdocs-template-document-page-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-box-shadow:0 0 10px 5px #0000000f;box-shadow:0 0 10px 5px #0000000f}verdocs-template-document-page .verdocs-template-document-page-layer.img{width:100%}";

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

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as commonjsGlobal } from './_commonjsHelpers.js';
 import './Types.js';
-import { u as updateField, d as deleteField } from './Fields.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { u as updateField, d as deleteField } from './Fields.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$6 } from './verdocs-button2.js';

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

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { i as interact } from './interact.min.js';
 import './Types.js';
-import { u as updateField, c as createField } from './Fields.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { u as updateField, c as createField } from './Fields.js';
 import { i as integerSequence } from './Primitives.js';
-import { a as getRoleIndex, r as renderDocumentField, d as updateCssTransform, e as defaultWidth, f as defaultHeight } from './utils.js';
+import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils.js';
 import { g as getTemplateStore, a as getRoleNames } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$7 } from './verdocs-button2.js';

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

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

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

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { i as interact } from './interact.min.js';
 import './Types.js';
-import { u as updateRole, c as createRole, d as defineCustomElement$3 } from './verdocs-template-role-properties2.js';
 import { V as VerdocsEndpoint, T 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';
 import { a as getRoleIndex } from './utils.js';

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { u as updateTemplate } from './Templates.js';
 import { V as VerdocsEndpoint, T 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';
 import { d as defineCustomElement$3 } from './verdocs-button2.js';

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

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

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

@@ -0,0 +1,6 @@
+import { V as VerdocsTemplateStar$1, d as defineCustomElement$1 } from './verdocs-template-star2.js';
+
+const VerdocsTemplateStar = VerdocsTemplateStar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsTemplateStar, defineCustomElement };

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

@@ -0,0 +1,82 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import './Types.js';
+
+/**
+ * Get the template stars for a template.
+ */
+/**
+ * Toggle the template star for a template.
+ */
+var toggleStar = function (endpoint, templateId) {
+    return endpoint.api //
+        .post("/templates/".concat(templateId, "/stars/toggle"))
+        .then(function (r) { return r.data; });
+};
+
+const verdocsTemplateStarCss = "verdocs-template-star{display:-ms-flexbox;display:flex;-ms-flex:0 0 60px;flex:0 0 60px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-template-star .star{line-height:10px}verdocs-template-star .star.updating{-webkit-animation:spinningStar 2s infinite linear;animation:spinningStar 2s infinite linear}verdocs-template-star .star svg{width:24px;height:24px}verdocs-template-star .count{color:#595c5d;font-size:14px;margin-left:10px}@-webkit-keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinningStar{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}";
+
+const OutlineStarIcon = `<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="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" /></svg>`;
+const SolidStarIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.006z" clip-rule="evenodd" /></svg>`;
+const VerdocsTemplateStar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.starChange = createEvent(this, "starChange", 7);
+    this.sdkError = createEvent(this, "sdkError", 7);
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.template = undefined;
+    this.updating = false;
+  }
+  async componentWillLoad() {
+    this.endpoint.loadSession();
+    if (!this.endpoint.session) {
+      console.log('[TEMPLATES] Must be authenticated');
+      return;
+    }
+  }
+  toggle(e) {
+    e.stopPropagation();
+    this.updating = true;
+    toggleStar(VerdocsEndpoint.getDefault(), this.template.id)
+      .then(r => {
+      this.updating = false;
+      this.template.is_starred = r.is_starred;
+      this.template.star_counter = r.star_counter;
+      this.starChange.emit({
+        templateId: this.template.id,
+        starred: r.is_starred,
+        count: r.star_counter,
+      });
+    })
+      .catch(e => {
+      this.updating = false;
+      console.log('[STAR] Error toggling template star', e.message);
+      this.sdkError.emit(e);
+    });
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.is_starred ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { class: "count" }, this.template.star_counter || '--')));
+  }
+  static get style() { return verdocsTemplateStarCss; }
+}, [0, "verdocs-template-star", {
+    "endpoint": [16],
+    "template": [1040],
+    "updating": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-template-star"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-template-star":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsTemplateStar);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { VerdocsTemplateStar as V, defineCustomElement as d };

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { u as updateTemplate } from './Templates.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { u as updateTemplate } from './Templates.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$4 } from './verdocs-button2.js';