@verdocs/web-sdk 1.9.6 → 1.9.9

package/dist/cjs/verdocs-status-indicator.cjs.entry.js

@@ -7320,7 +7320,7 @@ const VerdocsStatusIndicator = class {
     this.size = 'normal';
     this.theme = 'light';
     this.status = undefined;
-    this.document = undefined;
+    this.envelope = undefined;
     this.isOpen = undefined;
     this.recipientStatusIcons = [];
     this.containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;
@@ -7328,9 +7328,9 @@ const VerdocsStatusIndicator = class {
   componentDidLoad() {
     var _a;
     this.popper = popper.createPopper(this.summaryComponent, this.detailPanel, { placement: 'bottom-start', modifiers: [{ name: 'offset', options: { offset: [0, 10] } }] });
-    if ((_a = this.document) === null || _a === void 0 ? void 0 : _a.recipients) {
+    if ((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.recipients) {
       const recipientsAtLevel = [];
-      this.document.recipients.forEach(recipient => {
+      this.envelope.recipients.forEach(recipient => {
         const level = recipient.sequence - 1;
         recipientsAtLevel[level] || (recipientsAtLevel[level] = []);
         const id = `r-${level}-${recipientsAtLevel[level].length}`;
@@ -7510,20 +7510,20 @@ const VerdocsStatusIndicator = class {
   render() {
     var _a, _b;
     // The extra fallback for accepted is to future proof for when we add that.
-    let status = this.status || ((_a = this.document) === null || _a === void 0 ? void 0 : _a.status) || 'pending' || 'accepted';
-    if (!this.status && ((_b = this.document) === null || _b === void 0 ? void 0 : _b.recipients)) {
-      const submittedRecipients = this.document.recipients.filter(r => r.status === 'submitted');
-      if (submittedRecipients.length > 0 && submittedRecipients.length !== this.document.recipients.length) {
+    let status = this.status || ((_a = this.envelope) === null || _a === void 0 ? void 0 : _a.status) || 'pending' || 'accepted';
+    if (!this.status && ((_b = this.envelope) === null || _b === void 0 ? void 0 : _b.recipients)) {
+      const submittedRecipients = this.envelope.recipients.filter(r => r.status === 'submitted');
+      if (submittedRecipients.length > 0 && submittedRecipients.length !== this.envelope.recipients.length) {
         status = 'some-signed';
       }
     }
     const icon = this.getStatusIcon(status);
     const statusMessage = this.getStatusMessage(status);
-    return (index.h(index.Host, { ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.document ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+    return (index.h(index.Host, { ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
         e.stopPropagation();
         e.preventDefault();
-        this.document && this.toggleDropdown();
-      }, onBlur: e => this.document && this.handleHideDropdown(e) }, index.h("span", { class: "icon", innerHTML: icon }), index.h("span", { class: "content" }, statusMessage), index.h("div", { class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (index.h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+        this.envelope && this.toggleDropdown();
+      }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, index.h("span", { class: "icon", innerHTML: icon }), index.h("span", { class: "content" }, statusMessage), index.h("div", { class: "detail-panel", ref: el => (this.detailPanel = el) }, index.h("div", { id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (index.h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
   }
 };
 VerdocsStatusIndicator.style = verdocsStatusIndicatorCss;