@verdocs/web-sdk 1.14.12 → 1.15.0

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

@@ -353,4 +353,4 @@ const throttle = (f, delay) => {
   };
 };
 
-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, updateCssTransform as d, defaultWidth as e, defaultHeight as f, getFieldSettings as g, saveCertificate as h, 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,120 @@
+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 { f as formatShortTimeAgo } from './DateTime.js';
+import { i as integerSequence } from './Primitives.js';
+import { S as SDKError } from './errors.js';
+import { d as defineCustomElement$2 } from './verdocs-button2.js';
+
+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;

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

@@ -0,0 +1,298 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { s as searchEnvelopes, c as cancelEnvelope } from './Envelopes.js';
+import { a as getRecipientsWithActions, b as userCanAct, c as userCanCancelEnvelope } from './Permissions.js';
+import './Types.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { s as saveEnvelopesAsZip } from './utils.js';
+import { V as VerdocsToast } from './Toast.js';
+import { S as SDKError } from './errors.js';
+import { d as defineCustomElement$8 } from './verdocs-button2.js';
+import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
+import { d as defineCustomElement$6 } from './verdocs-dropdown2.js';
+import { d as defineCustomElement$5 } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$4 } from './verdocs-loader2.js';
+import { d as defineCustomElement$3 } from './verdocs-status-indicator2.js';
+import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
+
+const verdocsEnvelopesListCss = "verdocs-envelopes-list{display:-ms-flexbox;display:flex;padding:10px;font-size:18px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:6px;color:#33364b;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-envelopes-list .header{margin:0;width:100%;row-gap:4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-envelopes-list .filter{-ms-flex-align:center;align-items:center}verdocs-envelopes-list .envelope{width:100%;margin:3px 0}verdocs-envelopes-list .envelope:hover{cursor:pointer;background:#ffffff;border:1px solid #cccccc}verdocs-envelopes-list .envelope .inner{gap:20px;display:-ms-flexbox;display:flex;padding:8px 20px;border-radius:6px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background:#f9f9f9;border:1px solid #e3e3e3}verdocs-envelopes-list .vert-spacer{height:50px;display:-ms-flexbox;display:flex;-ms-flex:0 0 1px;flex:0 0 1px;border-right:1px solid #dad8dd}verdocs-envelopes-list .last-modified{color:#444;display:-ms-flexbox;display:flex;-ms-flex:0 0 180px;flex:0 0 180px;font-size:16px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;white-space:nowrap}verdocs-envelopes-list .last-modified svg{width:32px;height:32px;margin-right:8px}verdocs-envelopes-list .envelope-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;color:#000000;font-size:18px;line-height:28px}verdocs-envelopes-list .envelope-recipients{font-weight:700;color:#4b5563}";
+
+const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
+const VerdocsEnvelopesList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    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.items = 5;
+    this.view = undefined;
+    this.status = 'all';
+    this.sortBy = 'updated_at';
+    this.page = 0;
+    this.count = 0;
+    this.loading = true;
+    this.name = '';
+    this.containing = '';
+    this.selectedEnvelopes = [];
+    this.envelopes = [];
+  }
+  async componentWillLoad() {
+    var _a, _b, _c;
+    try {
+      this.endpoint.loadSession();
+      if (!this.endpoint.session) {
+        console.log('[ENVELOPES] Must be authenticated');
+        return;
+      }
+      let queryParams = {
+        page: this.page,
+        limit: Math.min(Math.max(this.items, 1), 50),
+        ascending: false,
+        sort_by: 'updated_at',
+      };
+      switch (this.view) {
+        case 'inbox':
+          queryParams = {
+            ...queryParams,
+            is_recipient: true,
+            sort_by: 'created_at',
+            recipient_status: ['invited', 'declined', 'opened', 'signed', 'submitted', 'canceled'],
+          };
+          break;
+        case 'sent':
+          queryParams = {
+            ...queryParams,
+            is_owner: true,
+            sort_by: 'created_at',
+          };
+          break;
+        case 'action':
+          queryParams = {
+            ...queryParams,
+            is_recipient: true,
+            envelope_status: ['pending', 'in progress'],
+            recipient_status: ['invited', 'opened', 'signed'],
+          };
+          break;
+        case 'waiting':
+          queryParams = {
+            ...queryParams,
+            is_owner: true,
+            envelope_status: ['pending', 'in progress'],
+          };
+          break;
+        case 'completed':
+          queryParams = {
+            ...queryParams,
+            envelope_status: ['complete'],
+          };
+          break;
+        default:
+          queryParams = {
+            ...queryParams,
+            envelope_status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]),
+          };
+      }
+      // These filters should only be applied in "View All" mode. Otherwise the user could have set them to something
+      // then changed the view e.g. to Inbox and the filter could break the view (e.g. View:Inbox, Status:Declined
+      // would never return anything).
+      if (this.view === 'all') {
+        if (this.status !== 'all') {
+          queryParams.envelope_status = [this.status];
+        }
+      }
+      if (this.name.trim()) {
+        queryParams.name = this.name.trim();
+      }
+      if (this.containing.trim()) {
+        queryParams.text_field_value = this.containing.trim();
+      }
+      const response = await searchEnvelopes(this.endpoint, queryParams);
+      console.log('[ACTIVITIES] Got envelopes', response);
+      this.envelopes = response.result;
+      this.count = response.total;
+      this.loading = false;
+      // let queryParams: IEnvelopeSearchParams = {
+      //   page: 0,
+      //   ascending: false,
+      //   sort_by: 'updated_at',
+      //   limit: Math.max(Math.min(this.items, 30), 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 Envelopes.searchEnvelopes(this.endpoint, queryParams);
+      // console.log('[ENVELOPES] Got envelopes', response);
+      // this.envelopes = response.result;
+      // this.count = response.total;
+      // this.loading = false;
+    }
+    catch (e) {
+      console.log('[ENVELOPES] 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));
+    }
+  }
+  handleDownload() {
+    saveEnvelopesAsZip(VerdocsEndpoint.getDefault(), this.selectedEnvelopes)
+      .then(() => {
+      this.selectedEnvelopes = [];
+    })
+      .catch(e => {
+      console.log('Download error', e);
+      VerdocsToast('Download error: ' + e.message, { style: 'error' });
+    });
+  }
+  downloadEnvelope(envelope) {
+    saveEnvelopesAsZip(VerdocsEndpoint.getDefault(), [envelope]).catch(e => {
+      console.log('Download error', e);
+      VerdocsToast('Download error: ' + e.message, { style: 'error' });
+    });
+  }
+  render() {
+    if (this.loading) {
+      return (h(Host, { style: { minHeight: '300px' } }, h("verdocs-loader", null)));
+    }
+    return (h(Host, null, h("div", { class: "header" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-name", value: this.name, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => {
+        this.name = e.target.value;
+      } })), h("div", { class: "flex flex-row gap-3 items-center" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-containing", value: this.containing, autocomplete: "off", placeholder: "Fields Containing...", onInput: (e) => {
+        this.containing = e.target.value;
+      } }))), h("div", { class: "flex flex-1" }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+      var _a;
+      const recipientsWithActions = getRecipientsWithActions(envelope);
+      const userCanCancel = userCanCancelEnvelope(this.endpoint.session, envelope);
+      const userRole = recipientsWithActions.find(recipient => { var _a; return recipient.email === ((_a = this.endpoint.session) === null || _a === void 0 ? void 0 : _a.email) || ''; });
+      const userCanFinish = userRole && userCanCancel && userCanAct(((_a = this.endpoint.session) === null || _a === void 0 ? void 0 : _a.email) || '', recipientsWithActions);
+      return (h("div", { class: "envelope", key: envelope.id, onClick: () => { var _a; return (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope }); } }, h("div", { class: "inner" }, h("verdocs-checkbox", { checked: this.selectedEnvelopes.findIndex(e => e.id === envelope.id) !== -1, onClick: e => e.stopPropagation(), onInput: (e) => {
+          if (e.target.checked) {
+            this.selectedEnvelopes = [...this.selectedEnvelopes, envelope];
+          }
+          else {
+            this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
+          }
+        } }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: [
+          { label: 'View Envelope', id: 'view' },
+          { label: 'Finish Envelope', id: 'finish', disabled: !userCanFinish },
+          { label: 'Download', id: 'download' },
+          { label: 'Cancel', id: 'cancel', disabled: !userCanCancel },
+        ], onOptionSelected: e => {
+          var _a, _b;
+          switch (e.detail.id) {
+            case 'view':
+              (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope });
+              break;
+            case 'finish':
+              (_b = this.finishLater) === null || _b === void 0 ? void 0 : _b.emit({ endpoint: this.endpoint, envelope });
+              break;
+            case 'download':
+              this.downloadEnvelope(envelope);
+              break;
+            case 'cancel':
+              if (window.confirm('Are you sure you want to cancel this envelope?')) {
+                cancelEnvelope(this.endpoint, envelope.id)
+                  .then(r => {
+                  console.log('Cancel result', r);
+                  VerdocsToast('Envelope canceled');
+                })
+                  .catch(e => {
+                  console.log('cxl error', e);
+                  VerdocsToast('Unable to cancel envelope: ' + e.messabge, { style: 'error' });
+                });
+              }
+              break;
+          }
+        } }))));
+    }), !this.envelopes.length ? (h("div", { class: "mt-4 border-2 px-20 py-20 text-center" }, "No matching envelopes found. Please adjust your filters and try again.")) : (h("div", null)
+    // <Pagination page={this.page} total={this.count} onSelectPage={setPage} />
+    )));
+  }
+  static get style() { return verdocsEnvelopesListCss; }
+}, [0, "verdocs-envelopes-list", {
+    "endpoint": [16],
+    "items": [2],
+    "view": [513],
+    "status": [513],
+    "sortBy": [513, "sort-by"],
+    "page": [514],
+    "count": [32],
+    "loading": [32],
+    "name": [32],
+    "containing": [32],
+    "selectedEnvelopes": [32],
+    "envelopes": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-envelopes-list", "verdocs-button", "verdocs-checkbox", "verdocs-dropdown", "verdocs-help-icon", "verdocs-loader", "verdocs-status-indicator", "verdocs-text-input"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-envelopes-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsEnvelopesList$1);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "verdocs-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "verdocs-dropdown":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "verdocs-help-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "verdocs-loader":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "verdocs-status-indicator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "verdocs-text-input":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const VerdocsEnvelopesList = VerdocsEnvelopesList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsEnvelopesList, defineCustomElement };

package/dist/components/verdocs-sign.js

@@ -5,7 +5,7 @@ import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelo
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators.js';
 import { f as fullNameToInitials, i as integerSequence } from './Primitives.js';
-import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils.js';
+import { b as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils.js';
 import { a as FORMAT_DATE } from './Types2.js';
 import { S as SDKError } from './errors.js';
 import { V as VerdocsToast } from './Toast.js';