@verdocs/web-sdk 1.14.12 → 1.15.1

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/utils.js

@@ -311,9 +311,9 @@ const saveCertificate = async (endpoint, envelope, documentId) => {
   downloadBlob(data, fileName);
 };
 const saveEnvelopesAsZip = async (endpoint, envelopes) => {
+  var _a;
   const zip = new jszip_min();
   for await (let envelope of envelopes) {
-    // e.g. "98a13bc0-8861-4408-86fc-8f9af51e867a-TheSwanBrothers Phase 1 Agreement - 11-02-22"
     const date = format(new Date(envelope.updated_at), FORMAT_DATE);
     const subFolder = envelopes.length > 0 ? zip.folder(`${envelope.id} - ${envelope.name} - ${date}`) : null;
     for await (let document of envelope.documents) {
@@ -326,7 +326,8 @@ const saveEnvelopesAsZip = async (endpoint, envelopes) => {
       else {
         zip.file(documentFileName, data, { compression: 'DEFLATE' });
       }
-      const attachFields = envelope.fields.filter(field => field.type === 'attachment' && field.settings['name']);
+      // TODO: fields needs to be added to envelope search result entries
+      const attachFields = ((_a = envelope.fields) === null || _a === void 0 ? void 0 : _a.filter(field => field.type === 'attachment' && field.settings['name'])) || [];
       if (attachFields.length > 0) {
         const attachmentsFolder = subFolder ? subFolder.folder('attachments') : zip.folder('attachments');
         for await (let attachField of attachFields) {
@@ -352,5 +353,14 @@ const throttle = (f, delay) => {
     timer = setTimeout(() => f.apply(this, args), delay);
   };
 };
+/**
+ * Compute the rendered width of a given text string, using a given font.
+ */
+const renderedTextWidth = (text, font = '16px Arial') => {
+  const canvas = document.createElement('canvas');
+  const ctx = canvas.getContext('2d');
+  ctx.font = font;
+  return ctx.measureText(text).width;
+};
 
-export { getRoleIndex as a, getFieldId as b, updateCssTransform as c, defaultWidth as d, defaultHeight as e, saveEnvelopesAsZip as f, getFieldSettings as g, saveCertificate as h, renderDocumentField as r, saveAttachment as s, throttle as t, updateDocumentFieldValue as u };
+export { getRoleIndex as a, saveAttachment as b, getFieldId as c, renderedTextWidth as d, updateCssTransform as e, defaultWidth as f, getFieldSettings as g, defaultHeight as h, saveCertificate as i, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };

package/dist/components/verdocs-activity-box.d.ts

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

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

@@ -0,0 +1,161 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { s as searchEnvelopes } from './Envelopes.js';
+import { g as getNextRecipient } from './Permissions.js';
+import './Types.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { i as integerSequence } from './Primitives.js';
+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;
+var MINUTE = 60;
+var formatShortTimeAgo = function (val) {
+    if (val === undefined || val === null) {
+        return '';
+    }
+    var dateInput;
+    if (typeof val === 'string' || typeof val === 'number') {
+        dateInput = new Date(val);
+    }
+    else if (typeof val === 'object') {
+        dateInput = val;
+    }
+    else {
+        return '';
+    }
+    var timeDiff = Math.floor((new Date().getTime() - dateInput.getTime()) / 1000);
+    if (timeDiff >= YEAR) {
+        return Math.floor(timeDiff / YEAR) + 'Y';
+    }
+    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';
+    }
+    if (timeDiff >= HOUR) {
+        return Math.floor(timeDiff / HOUR) + 'Y';
+    }
+    if (timeDiff >= MINUTE) {
+        return Math.floor(timeDiff / MINUTE) + 'Y';
+    }
+    return "".concat(timeDiff, "S");
+};
+
+const verdocsActivityBoxCss = "verdocs-activity-box{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:18px;min-width:300px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;color:#33364b;-ms-flex-align:center;align-items:center;border:1px solid #ccc;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif;background:#ffffff;padding:20px 20px 8px 20px}verdocs-activity-box .box-title{width:100%;display:-ms-flexbox;display:flex;color:#33364b;font-size:20px;font-weight:600;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin:0 0 20px 0;-ms-flex-align:center;align-items:center}verdocs-activity-box .box-title .count{margin:0 0 0 6px;font-weight:300}verdocs-activity-box .box-title verdocs-loader{margin:0 0 20px 0}@media screen and (max-width: 1200px){verdocs-activity-box .box-title{font-size:18px}verdocs-activity-box .box-title .count{display:none}}verdocs-activity-box .spacer{-ms-flex:1;flex:1}verdocs-activity-box .loading-placeholder{width:100%;height:62px;display:block;-ms-flex:0 0 62px;flex:0 0 62px;margin:0 0 10px 0;border-radius:6px;background-color:#f5f8f9}verdocs-activity-box .loading-placeholder .loading-placeholder-bg{height:62px;position:relative;background:#f5f8f9;-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:loadingPlaceholderSwoop;animation-name:loadingPlaceholderSwoop;background:-webkit-gradient(linear, left top, right top, color-stop(10%, #f5f8f9), color-stop(18%, #eeeeee), color-stop(33%, #f5f8f9));background:linear-gradient(to right, #f5f8f9 10%, #eeeeee 18%, #f5f8f9 33%);background-size:800px 62px}verdocs-activity-box .activity-entry{width:100%;display:-ms-flexbox;display:flex;-ms-flex:0 0 62px;flex:0 0 62px;border-radius:6px;margin-bottom:10px;-ms-flex-direction:row;flex-direction:row;padding:0 16px 0 0;background:#f5f8f9;-ms-flex-align:center;align-items:center;border:1px solid #f5f8f9}verdocs-activity-box .activity-entry:hover{cursor:pointer;background:#f2f4f5;border:1px solid #ddd}verdocs-activity-box .activity-entry svg{width:32px;height:32px;margin-right:20px}@media screen and (max-width: 1300px){verdocs-activity-box .activity-entry svg{width:24px;height:24px;margin-right:15px}}verdocs-activity-box .activity-entry .title{-ms-flex:1;flex:1;color:black;font-size:16px;font-weight:500;margin-left:12px}@media screen and (max-width: 1300px){verdocs-activity-box .activity-entry .title{font-size:14px}}verdocs-activity-box .activity-entry .time-ago{height:24px;display:-ms-flexbox;display:flex;-ms-flex:0 0 24px;flex:0 0 24px;color:#7f8e92;font-size:16px;font-weight:500;padding-left:14px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-left:1px solid #d8e3e6}@media screen and (max-width: 1300px){verdocs-activity-box .activity-entry .time-ago{font-size:14px}}@-webkit-keyframes loadingPlaceholderSwoop{0%{background-position:-468px 0}100%{background-position:468px 0}}@keyframes loadingPlaceholderSwoop{0%{background-position:-468px 0}100%{background-position:468px 0}}";
+
+const EmptyImage = 'https://verdocs-public-assets.s3.amazonaws.com/no-verdocs.png';
+const VerdocsActivityBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.sdkError = createEvent(this, "sdkError", 7);
+    this.viewEnvelope = createEvent(this, "viewEnvelope", 7);
+    this.viewAll = createEvent(this, "viewAll", 7);
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.items = 5;
+    this.view = undefined;
+    this.header = undefined;
+    this.title = '';
+    this.count = 0;
+    this.loading = true;
+    this.envelopes = [];
+  }
+  async componentWillLoad() {
+    var _a, _b, _c;
+    try {
+      this.endpoint.loadSession();
+      if (!this.endpoint.session) {
+        console.log('[ACTIVITIES] Must be authenticated');
+        return;
+      }
+      let queryParams = {
+        page: 0,
+        ascending: false,
+        sort_by: 'updated_at',
+        limit: Math.max(Math.min(this.items, 50), 1),
+      };
+      let defaultHeader;
+      switch (this.view) {
+        case 'action':
+          queryParams = { ...queryParams, is_recipient: true, envelope_status: ['pending', 'in progress'], recipient_status: ['invited', 'opened', 'signed'] };
+          defaultHeader = 'Action Required';
+          break;
+        case 'waiting':
+          queryParams = { ...queryParams, is_owner: true, ascending: false, envelope_status: ['pending', 'in progress'] };
+          defaultHeader = 'Waiting on Others';
+          break;
+        case 'completed':
+        default:
+          queryParams = { ...queryParams, envelope_status: ['complete'] };
+          defaultHeader = 'Completed';
+          break;
+      }
+      this.title = this.header !== undefined ? this.header : defaultHeader;
+      const response = await searchEnvelopes(this.endpoint, queryParams);
+      console.log('[ACTIVITIES] Got envelopes', response);
+      this.envelopes = response.result;
+      this.count = response.total;
+      this.loading = false;
+    }
+    catch (e) {
+      console.log('[ACTIVITIES] Error with preview session', 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));
+    }
+  }
+  getNextRecipientName(envelope) {
+    var _a;
+    const nextRecipient = getNextRecipient(envelope) || ((_a = envelope.recipients) === null || _a === void 0 ? void 0 : _a[0]);
+    return (nextRecipient === null || nextRecipient === void 0 ? void 0 : nextRecipient.full_name) || 'N/A';
+  }
+  render() {
+    if (this.loading) {
+      return (h(Host, { style: { minHeight: '300px' } }, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(0)"))), integerSequence(0, this.items).map(() => (h("div", { class: "loading-placeholder" }, h("div", { class: "loading-placeholder-bg" }))))));
+    }
+    return (h(Host, null, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(", this.count, ")"), h("div", { class: "spacer" }), h("verdocs-button", { label: "View All", size: "small", onClick: () => { var _a; return (_a = this.viewAll) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, view: this.view }); } }))), this.count > 0 ? (this.envelopes.slice(0, Math.max(this.items, 1)).map(envelope => (h("div", { class: "activity-entry", onClick: () => {
+        var _a;
+        (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope });
+      } }, h("div", { class: "title" }, envelope.name, h("br", null), " ", h("strong", null, this.getNextRecipientName(envelope))), h("div", { class: "time-ago" }, formatShortTimeAgo(envelope.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
+  }
+  static get style() { return verdocsActivityBoxCss; }
+}, [0, "verdocs-activity-box", {
+    "endpoint": [16],
+    "items": [2],
+    "view": [1],
+    "header": [1],
+    "title": [32],
+    "count": [32],
+    "loading": [32],
+    "envelopes": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-activity-box", "verdocs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-activity-box":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsActivityBox$1);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const VerdocsActivityBox = VerdocsActivityBox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsActivityBox, defineCustomElement };

package/dist/components/verdocs-envelope-recipient-summary2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getRecipientsWithActions, r as recipientCanAct } from './Permissions.js';
+import { a as getRecipientsWithActions, r as recipientCanAct } from './Permissions.js';
 import { g as getInPersonLink } from './Recipients.js';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';

package/dist/components/verdocs-envelopes-list.d.ts

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