@verdocs/web-sdk 2.0.2 → 2.0.3

package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.js

@@ -0,0 +1,208 @@
+import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { getInPersonLink } from '@verdocs/js-sdk/Envelopes/Recipients';
+import { Host, h } from '@stencil/core';
+import { getEnvelopeStore } from '../../../utils/EnvelopeStore';
+import { VerdocsToast } from '../../../utils/Toast';
+import { SDKError } from '../../../utils/errors';
+/**
+ * Displays a single recipient from an envelope, with the opportunity to copy an in-person
+ * signing link for that recipient to use.
+ */
+export class VerdocsEnvelopeRecipientLink {
+  constructor() {
+    this.store = null;
+    this.recipient = null;
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.envelopeId = '';
+    this.roleName = '';
+    this.isOpen = undefined;
+    this.loading = true;
+    this.gettingLink = true;
+    this.link = '';
+  }
+  async componentWillLoad() {
+    var _a, _b, _c, _d, _e, _f;
+    try {
+      this.endpoint.loadSession();
+      if (!this.envelopeId) {
+        console.log(`[RECIPIENT_LINK] Missing required envelope ID ${this.envelopeId}`);
+        return;
+      }
+      if (!this.endpoint.session) {
+        console.log('[RECIPIENT_LINK] Unable to start session, must be authenticated');
+        return;
+      }
+      this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
+      this.loading = false;
+      this.gettingLink = true;
+      this.recipient = (_c = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients) === null || _c === void 0 ? void 0 : _c.find(r => r.role_name === this.roleName);
+      this.getLink(this.recipient);
+    }
+    catch (e) {
+      console.log('[RECIPIENT_LINK] Error loading envelope', e);
+      (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
+    }
+  }
+  handleDone(e) {
+    var _a;
+    e.preventDefault();
+    (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+  }
+  copyLink(link) {
+    navigator.clipboard
+      .writeText(link)
+      .then(() => VerdocsToast('Link copied to clipboard!', { style: 'success', duration: 3000 }))
+      .catch(e => {
+      console.warn('[RECIPIENT_LINK] Error copying to clipboard', e);
+      VerdocsToast(`Unable to copy to clipboard: ${e.message}`, { style: 'error' });
+    });
+  }
+  getLink(recipient) {
+    this.gettingLink = true;
+    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
+      .then(response => {
+      this.gettingLink = false;
+      this.link = response.link;
+      // NOTE: Left here for documentation purposes. We don't auto-copy the link because many browsers now
+      // error on that because we aren't the focus/gesture-initiator since we're a new component just being
+      // drawn in the DOM. So we let the user click to trigger that.
+      // this.copyLink(response.link);
+    })
+      .catch(e => {
+      this.gettingLink = false;
+      console.log('[RECIPIENT_LINK] Error getting link', e);
+      VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
+    });
+  }
+  render() {
+    if (this.loading || !this.recipient) {
+      return h(Host, null);
+    }
+    // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =
+    //   this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (
+    return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "In-Person Signing Link"), h("div", { class: "summary-rows" }, h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, this.recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, this.recipient.full_name, " (", this.recipient.email || this.recipient.phone, ")"), !this.link && (h("verdocs-button", { size: "small", variant: "outline", label: this.gettingLink ? 'Loading...' : 'Get Link', disabled: this.gettingLink, onClick: () => this.getLink(this.recipient) }))), this.link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, this.link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(this.link) })))))), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) })))));
+  }
+  static get is() { return "verdocs-envelope-recipient-link"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["verdocs-envelope-recipient-link.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["verdocs-envelope-recipient-link.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "endpoint": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "VerdocsEndpoint",
+          "resolved": "VerdocsEndpoint",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
+        },
+        "defaultValue": "VerdocsEndpoint.getDefault()"
+      },
+      "envelopeId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The envelope ID to edit."
+        },
+        "attribute": "envelope-id",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "roleName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The role to load."
+        },
+        "attribute": "role-name",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isOpen": {},
+      "loading": {},
+      "gettingLink": {},
+      "link": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "next",
+        "name": "next",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when the user clicks Done to proceed. It is up to the host application\nto redirect the user to the appropriate next workflow step."
+        },
+        "complexType": {
+          "original": "{envelope: IEnvelope}",
+          "resolved": "{ envelope: IEnvelope; }",
+          "references": {
+            "IEnvelope": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Envelopes/Types"
+            }
+          }
+        }
+      }, {
+        "method": "sdkError",
+        "name": "sdkError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired if an error occurs. The event details will contain information about the error. Most errors will\nterminate the process, and the calling application should correct the condition and re-render the component."
+        },
+        "complexType": {
+          "original": "SDKError",
+          "resolved": "SDKError",
+          "references": {
+            "SDKError": {
+              "location": "import",
+              "path": "../../../utils/errors"
+            }
+          }
+        }
+      }];
+  }
+}

package/dist/collection/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link.stories.js

@@ -0,0 +1,13 @@
+import { html } from 'lit-html';
+export default {
+  title: 'Envelopes/Recipient Link',
+  component: 'verdocs-envelope-recipient-link',
+  args: {
+    envelopeId: 'c64b09c1-23d8-4612-bc66-86723ab7ede3',
+    roleName: 'Buyer',
+  },
+  argTypes: {
+    next: { action: 'next' },
+  },
+};
+export const recipientLink = ({ envelopeId, roleName, next }) => html `<verdocs-envelope-recipient-link .envelopeId="${envelopeId}" .roleName="${roleName}" @next=${next} />`;

package/dist/collection/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary.js

@@ -6,13 +6,7 @@ import { getEnvelopeStore } from '../../../utils/EnvelopeStore';
 import { VerdocsToast } from '../../../utils/Toast';
 import { SDKError } from '../../../utils/errors';
 /**
- * Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either
- * directly as a status field or the whole document object may be passed in.
- *
- * If the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable
- * to display a popup panel with per-recipient status data.
- *
- * If the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value.
+ * Displays a list of recipients with options to get in-person signing links for each one.
  */
 export class VerdocsEnvelopeRecipientSummary {
   constructor() {
@@ -22,7 +16,6 @@ export class VerdocsEnvelopeRecipientSummary {
     this.canSendAnother = true;
     this.canView = true;
     this.canDone = true;
-    this.envelope = undefined;
     this.isOpen = undefined;
     this.loading = true;
     this.recipientStatusIcons = [];
@@ -213,26 +206,6 @@ export class VerdocsEnvelopeRecipientSummary {
         "attribute": "can-done",
         "reflect": false,
         "defaultValue": "true"
-      },
-      "envelope": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IEnvelope",
-          "resolved": "IEnvelope",
-          "references": {
-            "IEnvelope": {
-              "location": "import",
-              "path": "@verdocs/js-sdk/Envelopes/Types"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The document to display status for. Ignored if `status` is set directly."
-        }
       }
     };
   }

package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js

@@ -1,13 +1,13 @@
 import { format } from 'date-fns';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
+import { cancelEnvelope } from '@verdocs/js-sdk/Envelopes/Envelopes';
+import { resendInvitation } from '@verdocs/js-sdk/Envelopes/Recipients';
 import { userIsEnvelopeOwner } from '@verdocs/js-sdk/Envelopes/Permissions';
 import { h, Host } from '@stencil/core';
-import { getInPersonLink, resendInvitation } from '@verdocs/js-sdk/Envelopes/Recipients';
 import { getEnvelopeStore } from '../../../utils/EnvelopeStore';
 import { FORMAT_TIMESTAMP } from '../../../utils/Types';
 import { VerdocsToast } from '../../../utils/Toast';
 import { SDKError } from '../../../utils/errors';
-import { cancelEnvelope } from '@verdocs/js-sdk/Envelopes/Envelopes';
 const InformationCircle = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /></svg>`;
 const Users = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg>`;
 const ClipboardDocuments = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><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>`;
@@ -44,6 +44,7 @@ export class VerdocsEnvelopeSidebar {
     this.activeTab = 1;
     this.panelOpen = false;
     this.showManageDialog = false;
+    this.showRecipientDialog = '';
     this.showCancelDialog = false;
     this.loading = true;
   }
@@ -86,12 +87,6 @@ export class VerdocsEnvelopeSidebar {
     return (!['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //
       !['complete', 'declined', 'canceled'].includes((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status));
   }
-  canModifyRecipient(recipient) {
-    var _a, _b;
-    return (!recipient.claimed && //
-      !['declined', 'signed', 'submitted', 'canceled'].includes(recipient.status) &&
-      !['complete', 'declined', 'canceled'].includes((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status));
-  }
   handleRecipientAction(recipient, id) {
     var _a, _b;
     console.log('[SIDEBAR] Recipient action', id, recipient);
@@ -107,13 +102,7 @@ export class VerdocsEnvelopeSidebar {
         });
         break;
       case 'inperson':
-        getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
-          .then(({ link }) => navigator.clipboard.writeText(link))
-          .then(() => VerdocsToast('Link copied to clipboard.', { style: 'success', duration: 2000 }))
-          .catch(e => {
-          console.log('[RECIPIENTS] Error getting link', e);
-          VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
-        });
+        this.showRecipientDialog = recipient.role_name;
         break;
       case 'modify':
         VerdocsToast('This feature will be enabled in a future release. Please try again later.', { style: 'info' });
@@ -255,12 +244,11 @@ export class VerdocsEnvelopeSidebar {
     entries.sort((a, b) => b.date.getTime() - a.date.getTime());
     return entries;
   }
-  canModify(recipient) {
-    var _a, _b;
-    const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];
-    const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];
-    return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status) === -1;
-  }
+  // canModify(recipient: IRecipient) {
+  //   const invalidRecipientStatus = ['declined', 'signed', 'submitted', 'canceled'];
+  //   const invalidEnvelopeStatus = ['complete', 'declined', 'canceled'];
+  //   return recipient.claimed !== true && invalidRecipientStatus.indexOf(recipient.status) === -1 && invalidEnvelopeStatus.indexOf(this.store?.state?.status) === -1;
+  // }
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     if (!this.store.state) {
@@ -274,7 +262,7 @@ export class VerdocsEnvelopeSidebar {
       _s.first_name, " ", (_v = (_u = (_t = this.store) === null || _t === void 0 ? void 0 : _t.state) === null || _u === void 0 ? void 0 : _u.profile) === null || _v === void 0 ? void 0 :
       _v.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_y = (_x = (_w = this.store) === null || _w === void 0 ? void 0 : _w.state) === null || _x === void 0 ? void 0 : _x.profile) === null || _y === void 0 ? void 0 : _y.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_0 = (_z = this.store) === null || _z === void 0 ? void 0 : _z.state) === null || _0 === void 0 ? void 0 :
       _0.recipients.map((recipient, index) => {
-        const canGetInPersonLink = !this.canModify(recipient) || (recipient.status !== 'invited' && recipient.status !== 'opened');
+        const canGetInPersonLink = recipient.status !== 'signed' && recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
         const canSendReminder = this.canResendRecipient(recipient);
         return (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-type" }, recipient.role_name), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && !functionsDisabled && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
             { id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder },
@@ -283,13 +271,11 @@ export class VerdocsEnvelopeSidebar {
             // TODO: Details dialog
             // {id:'details',label: 'View Details'},
           ] }))), h("dic", { class: "recipient-content" }, h("div", { class: "recipient-name" }, recipient.full_name), h("div", { class: "recipient-name" }, recipient.email), h("div", { class: "recipient-name" }, recipient.phone))));
-      }), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Turn On Reminders", onClick: () => (this.showManageDialog = !functionsDisabled), disabled: functionsDisabled })), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Verdoc", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (h("div", { class: "content" }, h("div", { class: "title" }, "History"), historyEntries.map(entry => (h("div", { class: "history-entry" }, h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), h("div", { class: "activity-details" }, h("div", { class: "activity-text" }, entry.message), h("div", { class: "activity-date" }, format(entry.date, FORMAT_TIMESTAMP)))))))), this.showManageDialog && (h("verdocs-envelope-recipient-summary", { envelopeId: this.envelopeId, canView: false, onAnother: () => {
+      }), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Turn On Reminders", onClick: () => (this.showManageDialog = !functionsDisabled), disabled: functionsDisabled })), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Verdoc", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (h("div", { class: "content" }, h("div", { class: "title" }, "History"), historyEntries.map(entry => (h("div", { class: "history-entry" }, h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), h("div", { class: "activity-details" }, h("div", { class: "activity-text" }, entry.message), h("div", { class: "activity-date" }, format(entry.date, FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showManageDialog && (h("verdocs-envelope-recipient-summary", { envelopeId: this.envelopeId, canView: false, onAnother: () => {
         var _a;
         this.showManageDialog = false;
         (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
-      }, onNext: () => {
-        this.showManageDialog = false;
-      } })), this.showCancelDialog && (h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
+      }, onNext: () => (this.showManageDialog = false) })), this.showCancelDialog && (h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
         this.showCancelDialog = false;
         this.cancelEnvelope();
       } }))));
@@ -353,6 +339,7 @@ export class VerdocsEnvelopeSidebar {
       "activeTab": {},
       "panelOpen": {},
       "showManageDialog": {},
+      "showRecipientDialog": {},
       "showCancelDialog": {},
       "loading": {}
     };

package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.stories.js

@@ -3,7 +3,7 @@ export default {
   title: 'Envelopes/Envelope Sidebar',
   component: 'verdocs-envelope-sidebar',
   args: {
-    envelopeId: '98126d3a-b6b0-4041-93a7-5cbd9daf5afa',
+    envelopeId: 'c64b09c1-23d8-4612-bc66-86723ab7ede3',
   },
   argTypes: {
     envelopeId: { name: 'envelopeId' },

package/dist/components/EnvelopeStore.js

@@ -0,0 +1,81 @@
+import { c as createStore } from './index3.js';
+import { i as getEnvelope } from './Envelopes.js';
+
+const createEnvelopeStore = (envelopeId) => {
+  const now = new Date().toISOString();
+  return createStore({
+    isLoading: true,
+    isLoaded: false,
+    isError: false,
+    error: null,
+    updateCount: 0,
+    roleNames: [],
+    id: envelopeId,
+    template_id: '',
+    name: '',
+    status: 'pending',
+    profile_id: '',
+    organization_id: '',
+    no_contact: false,
+    created_at: now,
+    updated_at: now,
+    canceled_at: null,
+    reminder_id: null,
+    envelope_document_id: '',
+    certificate_document_id: null,
+    visibility: 'private',
+    histories: [],
+    recipients: [],
+    profile: undefined,
+    certificate: undefined,
+    document: undefined,
+    documents: undefined,
+    fields: undefined,
+  });
+};
+const envelopeStores = {};
+const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
+  let created = false;
+  if (!envelopeStores[envelopeId]) {
+    console.debug('[ENVELOPES] No envelope store found for ID, creating', envelopeId);
+    envelopeStores[envelopeId] = createEnvelopeStore(envelopeId);
+    created = true;
+  }
+  const store = envelopeStores[envelopeId];
+  // NOTE: If we need it, store.use() returns an unsubcribe function
+  // See https://github.com/ionic-team/stencil-store#storeusesubscriptions
+  store.use({
+    reset: () => console.debug('[ENVELOPES] Store got reset'),
+    dispose: () => console.debug('[ENVELOPES] Store got disposed'),
+  });
+  // TODO: This can create a race condition if two components call this at the same time.
+  //  For now we can probably defer doing something smart here because it's only a
+  //  double-load issue.
+  if (created || forceReload) {
+    console.debug('[ENVELOPES] Reloading envelope', { envelopeId, created, forceReload });
+    store.state.isLoading = true;
+    store.state.isLoaded = false;
+    store.state.isError = false;
+    store.state.error = undefined;
+    try {
+      const envelope = await getEnvelope(endpoint, envelopeId);
+      console.debug('[ENVELOPES] Got envelope', envelope);
+      Object.assign(store.state, envelope);
+      store.state.isLoaded = true;
+      store.state.isError = false;
+      store.state.error = undefined;
+    }
+    catch (e) {
+      console.error('[ENVELOPES] Error loading envelope', e);
+      store.state.isLoaded = false;
+      store.state.isError = true;
+      store.state.error = e;
+      throw e;
+    }
+    store.state.isLoading = false;
+    store.state.updateCount++;
+  }
+  return store;
+};
+
+export { getEnvelopeStore as g };

package/dist/components/Envelopes.js

@@ -195,4 +195,4 @@ var throttledGetEnvelope = function (endpoint, envelopeId) {
     });
 };
 
-export { getSigningSession as a, updateEnvelopeFieldSignature as b, cancelEnvelope as c, updateEnvelopeFieldInitials as d, getEnvelopeDocumentPageDisplayUri as e, getEnvelope as f, getSummary as g, getEnvelopeFile as h, getFieldAttachment as i, searchEnvelopes as s, throttledGetEnvelope as t, updateEnvelopeField as u };
+export { getSigningSession as a, updateEnvelopeFieldSignature as b, cancelEnvelope as c, updateEnvelopeFieldInitials as d, getEnvelopeDocumentPageDisplayUri as e, getEnvelopeFile as f, getSummary as g, getFieldAttachment as h, getEnvelope as i, searchEnvelopes as s, throttledGetEnvelope as t, updateEnvelopeField as u };

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export { VerdocsComponentError as VerdocsComponentError } from '../types/compone
 export { VerdocsContactPicker as VerdocsContactPicker } from '../types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker';
 export { VerdocsDropdown as VerdocsDropdown } from '../types/components/controls/verdocs-dropdown/verdocs-dropdown';
 export { VerdocsEnvelopeDocumentPage as VerdocsEnvelopeDocumentPage } from '../types/components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page';
+export { VerdocsEnvelopeRecipientLink as VerdocsEnvelopeRecipientLink } from '../types/components/envelopes/verdocs-envelope-recipient-link/verdocs-envelope-recipient-link';
 export { VerdocsEnvelopeRecipientSummary as VerdocsEnvelopeRecipientSummary } from '../types/components/envelopes/verdocs-envelope-recipient-summary/verdocs-envelope-recipient-summary';
 export { VerdocsEnvelopeSidebar as VerdocsEnvelopeSidebar } from '../types/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar';
 export { VerdocsEnvelopesList as VerdocsEnvelopesList } from '../types/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list';

package/dist/components/index.js

@@ -10,6 +10,7 @@ export { VerdocsComponentError, defineCustomElement as defineCustomElementVerdoc
 export { VerdocsContactPicker, defineCustomElement as defineCustomElementVerdocsContactPicker } from './verdocs-contact-picker.js';
 export { VerdocsDropdown, defineCustomElement as defineCustomElementVerdocsDropdown } from './verdocs-dropdown.js';
 export { VerdocsEnvelopeDocumentPage, defineCustomElement as defineCustomElementVerdocsEnvelopeDocumentPage } from './verdocs-envelope-document-page.js';
+export { VerdocsEnvelopeRecipientLink, defineCustomElement as defineCustomElementVerdocsEnvelopeRecipientLink } from './verdocs-envelope-recipient-link.js';
 export { VerdocsEnvelopeRecipientSummary, defineCustomElement as defineCustomElementVerdocsEnvelopeRecipientSummary } from './verdocs-envelope-recipient-summary.js';
 export { VerdocsEnvelopeSidebar, defineCustomElement as defineCustomElementVerdocsEnvelopeSidebar } from './verdocs-envelope-sidebar.js';
 export { VerdocsEnvelopesList, defineCustomElement as defineCustomElementVerdocsEnvelopesList } from './verdocs-envelopes-list.js';

package/dist/components/utils.js

@@ -1,5 +1,5 @@
 import { a as createCommonjsModule, c as commonjsGlobal, b as commonjsRequire } from './_commonjsHelpers.js';
-import { h as getEnvelopeFile, i as getFieldAttachment } from './Envelopes.js';
+import { f as getEnvelopeFile, h as getFieldAttachment } from './Envelopes.js';
 import './Types.js';
 import { d as downloadBlob } from './Files.js';
 import { a as FORMAT_DATE } from './Types2.js';

package/dist/components/verdocs-envelope-recipient-link.d.ts

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

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

@@ -0,0 +1,6 @@
+import { V as VerdocsEnvelopeRecipientLink$1, d as defineCustomElement$1 } from './verdocs-envelope-recipient-link2.js';
+
+const VerdocsEnvelopeRecipientLink = VerdocsEnvelopeRecipientLink$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsEnvelopeRecipientLink, defineCustomElement };