@verdocs/web-sdk 1.14.11 → 1.15.0

package/dist/esm/verdocs-envelopes-list.entry.js

@@ -0,0 +1,229 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
+import { s as searchEnvelopes, c as cancelEnvelope } from './Envelopes-e69b678a.js';
+import { a as getRecipientsWithActions, b as userCanAct, c as userCanCancelEnvelope } from './Permissions-2ac18553.js';
+import './Types-5f31149e.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
+import { s as saveEnvelopesAsZip } from './utils-8ae39b63.js';
+import { V as VerdocsToast } from './Toast-f3b8fd46.js';
+import { S as SDKError } from './errors-9b5498c8.js';
+import './_commonjsHelpers-5ec8f9b7.js';
+import './Files-70a192df.js';
+import './Types-de18e225.js';
+import './index-914ed6f7.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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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} />
+    )));
+  }
+};
+VerdocsEnvelopesList.style = verdocsEnvelopesListCss;
+
+export { VerdocsEnvelopesList as verdocs_envelopes_list };

package/dist/esm/verdocs-field-checkbox.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';

package/dist/esm/verdocs-field-date.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { a as FORMAT_DATE } from './Types-de18e225.js';
 import { f as format } from './index-914ed6f7.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-dropdown.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';

package/dist/esm/verdocs-field-initial.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';

package/dist/esm/verdocs-field-payment.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';

package/dist/esm/verdocs-field-radio-button.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';

package/dist/esm/verdocs-field-signature.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';

package/dist/esm/verdocs-field-textarea.entry.js

@@ -4,9 +4,9 @@ import './Types-5f31149e.js';
 import { u as updateField } from './Fields-c82e6df3.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
 import './index-914ed6f7.js';

package/dist/esm/verdocs-field-textbox.entry.js

@@ -4,9 +4,9 @@ import './Types-5f31149e.js';
 import { u as updateField } from './Fields-c82e6df3.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
 import './index-914ed6f7.js';

package/dist/esm/verdocs-field-timestamp.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-60683446.js';
+import { g as getFieldSettings } from './utils-8ae39b63.js';
 import { F as FORMAT_TIMESTAMP } from './Types-de18e225.js';
 import { f as format } from './index-914ed6f7.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Types-5f31149e.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-preview.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
-import { r as renderDocumentField, a as getRoleIndex } from './utils-60683446.js';
+import { r as renderDocumentField, a as getRoleIndex } from './utils-8ae39b63.js';
 import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-852097c3.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
 import './index-914ed6f7.js';

package/dist/esm/verdocs-send.entry.js

@@ -4,12 +4,12 @@ import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { g as getTemplateStore } from './TemplateStore-852097c3.js';
-import { a as getRoleIndex } from './utils-60683446.js';
+import { a as getRoleIndex } from './utils-8ae39b63.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './index-29123f30.js';
 import './Templates-67172396.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
 import './index-914ed6f7.js';

package/dist/esm/verdocs-sign.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-b18c0348.js';
-import { d as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, e as updateEnvelopeFieldSignature, f as updateEnvelopeFieldInitials } from './Envelopes-105a4a8f.js';
+import { d as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, e as updateEnvelopeFieldSignature, f as updateEnvelopeFieldInitials } from './Envelopes-e69b678a.js';
 import { R as RecipientStates } from './Types-5f31149e.js';
 import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelopeRecipientSubmit } from './Recipients-4ec2138c.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators-f110bae2.js';
 import { f as fullNameToInitials, i as integerSequence } from './Primitives-054bc6e5.js';
-import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils-60683446.js';
+import { b as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, c as getFieldId } from './utils-8ae39b63.js';
 import { a as FORMAT_DATE } from './Types-de18e225.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { V as VerdocsToast } from './Toast-f3b8fd46.js';

package/dist/esm/verdocs-template-document-page_2.entry.js

@@ -2,10 +2,10 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import './Types-5f31149e.js';
 import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments-6fd2f4e2.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
-import { t as throttle } from './utils-60683446.js';
+import { t as throttle } from './utils-8ae39b63.js';
 import { c as createPopper } from './popper-bfa25c7f.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
 import './index-914ed6f7.js';

package/dist/esm/verdocs-template-fields_4.entry.js

@@ -4,13 +4,13 @@ import './Types-5f31149e.js';
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
 import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint-5b92f115.js';
 import { i as integerSequence } from './Primitives-054bc6e5.js';
-import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-60683446.js';
+import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-8ae39b63.js';
 import { g as getTemplateStore, a as getRoleNames } from './TemplateStore-852097c3.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { u as updateTemplate } from './Templates-67172396.js';
 import './_commonjsHelpers-5ec8f9b7.js';
-import './Envelopes-105a4a8f.js';
+import './Envelopes-e69b678a.js';
 import './Files-70a192df.js';
 import './Types-de18e225.js';
 import './index-914ed6f7.js';

package/dist/esm/verdocs-templates-list.entry.js

@@ -0,0 +1,87 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b18c0348.js';
+import { s as searchEnvelopes } from './Envelopes-e69b678a.js';
+import { g as getNextRecipient } from './Permissions-2ac18553.js';
+import './Types-5f31149e.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
+import { f as formatShortTimeAgo } from './DateTime-402fe7ca.js';
+import { i as integerSequence } from './Primitives-054bc6e5.js';
+import { S as SDKError } from './errors-9b5498c8.js';
+
+const verdocsTemplatesListCss = "verdocs-templates-list{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}";
+
+const EmptyImage = 'https://verdocs-public-assets.s3.amazonaws.com/no-verdocs.png';
+const VerdocsTemplatesList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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, 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 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' } }))));
+  }
+};
+VerdocsTemplatesList.style = verdocsTemplatesListCss;
+
+export { VerdocsTemplatesList as verdocs_templates_list };

package/dist/esm/verdocs-view.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, a as getElement } from './index-b18c0348.js';
-import { t as throttledGetEnvelope, c as cancelEnvelope } from './Envelopes-105a4a8f.js';
-import { a as userCanCancelEnvelope } from './Permissions-7192ef7c.js';
+import { t as throttledGetEnvelope, c as cancelEnvelope } from './Envelopes-e69b678a.js';
+import { c as userCanCancelEnvelope } from './Permissions-2ac18553.js';
 import './Types-5f31149e.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-5b92f115.js';
 import { i as integerSequence } from './Primitives-054bc6e5.js';
-import { c as saveEnvelopesAsZip, d as saveCertificate, s as saveAttachment } from './utils-60683446.js';
+import { s as saveEnvelopesAsZip, d as saveCertificate, b as saveAttachment } from './utils-8ae39b63.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './_commonjsHelpers-5ec8f9b7.js';
 import './Files-70a192df.js';