@verdocs/web-sdk 1.15.1 → 1.15.3

package/dist/components/verdocs-activity-box.js

@@ -8,7 +8,6 @@ import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$2 } from './verdocs-button2.js';
 
 var YEAR = 365 * 24 * 60 * 60;
-var MONTH = 30 * 24 * 60 * 60;
 var WEEK = 7 * 24 * 60 * 60;
 var DAY = 24 * 60 * 60;
 var HOUR = 60 * 60;
@@ -31,20 +30,20 @@ var formatShortTimeAgo = function (val) {
     if (timeDiff >= YEAR) {
         return Math.floor(timeDiff / YEAR) + 'Y';
     }
-    if (timeDiff >= MONTH) {
-        return Math.floor(timeDiff / MONTH) + 'M';
-    }
+    // if (timeDiff >= MONTH) {
+    //   return Math.floor(timeDiff / MONTH) + 'M';
+    // }
     if (timeDiff >= WEEK) {
         return Math.floor(timeDiff / WEEK) + 'W';
     }
     if (timeDiff >= DAY) {
-        return Math.floor(timeDiff / DAY) + 'Y';
+        return Math.floor(timeDiff / DAY) + 'D';
     }
     if (timeDiff >= HOUR) {
-        return Math.floor(timeDiff / HOUR) + 'Y';
+        return Math.floor(timeDiff / HOUR) + 'H';
     }
     if (timeDiff >= MINUTE) {
-        return Math.floor(timeDiff / MINUTE) + 'Y';
+        return Math.floor(timeDiff / MINUTE) + 'M';
     }
     return "".concat(timeDiff, "S");
 };

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

@@ -49,17 +49,15 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.sdkError = createEvent(this, "sdkError", 7);
     this.viewEnvelope = createEvent(this, "viewEnvelope", 7);
     this.finishLater = createEvent(this, "finishLater", 7);
-    this.viewAll = createEvent(this, "viewAll", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
-    this.maxItems = 40;
     this.view = undefined;
     this.status = 'all';
     this.sortBy = 'updated_at';
+    this.name = '';
+    this.containing = '';
     this.selectedPage = 0;
     this.count = 0;
     this.loading = true;
-    this.name = '';
-    this.containing = '';
     this.selectedEnvelopes = [];
     this.envelopes = [];
   }
@@ -246,15 +244,14 @@ const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
   static get style() { return verdocsEnvelopesListCss; }
 }, [0, "verdocs-envelopes-list", {
     "endpoint": [16],
-    "maxItems": [2, "max-items"],
     "view": [1537],
     "status": [1537],
     "sortBy": [1537, "sort-by"],
+    "name": [1537],
+    "containing": [1537],
     "selectedPage": [1538, "selected-page"],
     "count": [32],
     "loading": [32],
-    "name": [32],
-    "containing": [32],
     "selectedEnvelopes": [32],
     "envelopes": [32]
   }]);

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 };