@verdocs/web-sdk 1.9.38 → 1.9.41

package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js

@@ -0,0 +1,221 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1329d89c.js');
+require('./Types-da57ce69.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
+const Envelopes = require('./Envelopes-d30cba62.js');
+const errors = require('./errors-0396da3d.js');
+const index$1 = require('./index-6528b430.js');
+require('./Token-576f0e8a.js');
+require('./Envelopes-68058bbe.js');
+require('./index-eb130f52.js');
+require('./Templates-8ef16e3d.js');
+
+const verdocsEnvelopeSidebarCss = "verdocs-envelope-sidebar{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;-ms-flex:0 0 56px;flex:0 0 56px;width:56px;min-height:400px;height:100%;background:#41435e;-webkit-transition:0.5s cubic-bezier(0.35, 0, 0.25, 1);transition:0.5s cubic-bezier(0.35, 0, 0.25, 1)}verdocs-envelope-sidebar.open{-ms-flex:0 0 400px;flex:0 0 400px;width:400px}verdocs-envelope-sidebar .buttons{-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 56px;flex:0 0 56px;display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .buttons button{height:50px;outline:none;border:none;border-left:2px solid transparent;background:none;width:100%}verdocs-envelope-sidebar .buttons button.active{border-left:2px solid #50bd80}verdocs-envelope-sidebar .buttons button svg{color:white;width:24px;height:24px}verdocs-envelope-sidebar .content{-ms-flex:1;flex:1;display:none;color:white;-ms-flex-direction:column;flex-direction:column;padding:12px 16px 16px}verdocs-envelope-sidebar.open .content{display:-ms-flexbox;display:flex}verdocs-envelope-sidebar .title{margin-bottom:12px;font-size:16px;line-height:24px;font-weight:400;-ms-flex:0;flex:0}verdocs-envelope-sidebar .label{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54);-ms-flex:0;flex:0}verdocs-envelope-sidebar .value{margin-bottom:14px;font-size:14px;font-weight:500;line-height:16px;color:#fff;-ms-flex:0;flex:0}verdocs-envelope-sidebar .recipient-detail{-ms-flex:0;flex:0;padding:8px;position:relative;-ms-flex-direction:column;flex-direction:column;border:solid 1px #979797;margin-bottom:16px}verdocs-envelope-sidebar .recipient-header{-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;place-content:center space-between;-ms-flex-align:center;align-items:center;margin-bottom:4px}verdocs-envelope-sidebar .recipient-number{width:24px;height:24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:24px;font-size:14px;font-weight:500;margin-right:10px;border:solid 1px #979797}verdocs-envelope-sidebar .recipient-type{-ms-flex:1 1 88px;flex:1 1 88px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:88px;min-width:88px;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status{-ms-flex:1 1 100px;flex:1 1 100px;border-radius:5px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100px;min-width:100px;background-color:#616161;text-transform:capitalize}verdocs-envelope-sidebar .recipient-status.invited{background-color:#ff8f00}verdocs-envelope-sidebar .recipient-status.opened{background-color:#616161}verdocs-envelope-sidebar .recipient-status.signed,verdocs-envelope-sidebar .recipient-status.submitted{background-color:#2e7d32}verdocs-envelope-sidebar .recipient-status.pending{background-color:#0277bd}verdocs-envelope-sidebar .recipient-status.canceled,verdocs-envelope-sidebar .recipient-status.declined{background-color:#c62828}verdocs-envelope-sidebar .recipient-content{-ms-flex-direction:column;flex-direction:column}verdocs-envelope-sidebar .history-entry{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:8px 0 0;margin:8px 0 0;border-top:1px solid #dddddd}verdocs-envelope-sidebar .history-entry .activity-icon{margin-right:14px}verdocs-envelope-sidebar .history-entry .activity-icon svg{width:24px;height:24px;fill:#ffffff}verdocs-envelope-sidebar .history-entry .activity-text{font-size:14px;line-height:16px;margin-bottom:4px}verdocs-envelope-sidebar .history-entry .activity-date{font-size:12px;line-height:16px;color:rgba(255, 255, 255, 0.54)}verdocs-envelope-sidebar .content .history-entry:first-of-type{border-top:none}";
+
+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>`;
+// https://materialui.co/icon/verified-user and https://heroicons.com/
+const ActivityIcons = {
+  visibility: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 15a3 3 0 100-6 3 3 0 000 6z" /><path fill-rule="evenodd" d="M1.323 11.447C2.811 6.976 7.028 3.75 12.001 3.75c4.97 0 9.185 3.223 10.675 7.69.12.362.12.752 0 1.113-1.487 4.471-5.705 7.697-10.677 7.697-4.97 0-9.186-3.223-10.675-7.69a1.762 1.762 0 010-1.113zM17.25 12a5.25 5.25 0 11-10.5 0 5.25 5.25 0 0110.5 0z" clip-rule="evenodd" /></svg>`,
+  pencil: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path d="M21.731 2.269a2.625 2.625 0 00-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 000-3.712zM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 00-1.32 2.214l-.8 2.685a.75.75 0 00.933.933l2.685-.8a5.25 5.25 0 002.214-1.32L19.513 8.2z" /></svg>`,
+  mail: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>`,
+  done: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 01.208 1.04l-9 13.5a.75.75 0 01-1.154.114l-6-6a.75.75 0 011.06-1.06l5.353 5.353 8.493-12.739a.75.75 0 011.04-.208z" clip-rule="evenodd" /></svg>`,
+  send: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>`,
+  gesture: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M4.59 6.89c.7-.71 1.4-1.35 1.71-1.22.5.2 0 1.03-.3 1.52-.25.42-2.86 3.89-2.86 6.31 0 1.28.48 2.34 1.34 2.98.75.56 1.74.73 2.64.46 1.07-.31 1.95-1.4 3.06-2.77 1.21-1.49 2.83-3.44 4.08-3.44 1.63 0 1.65 1.01 1.76 1.79-3.78.64-5.38 3.67-5.38 5.37 0 1.7 1.44 3.09 3.21 3.09 1.63 0 4.29-1.33 4.69-6.1H21v-2.5h-2.47c-.15-1.65-1.09-4.2-4.03-4.2-2.25 0-4.18 1.91-4.94 2.84-.58.73-2.06 2.48-2.29 2.72-.25.3-.68.84-1.11.84-.45 0-.72-.83-.36-1.92.35-1.09 1.4-2.86 1.85-3.52.78-1.14 1.3-1.92 1.3-3.28C8.95 3.69 7.31 3 6.44 3 5.12 3 3.97 4 3.72 4.25c-.36.36-.66.66-.88.93l1.75 1.71zm9.29 11.66c-.31 0-.74-.26-.74-.72 0-.6.73-2.2 2.87-2.76-.3 2.69-1.43 3.48-2.13 3.48z"/></svg>`,
+  clear: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>`,
+  check_circle: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>`,
+  link: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/></svg>`,
+  cancel: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/></svg>`,
+  done_all: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z"/></svg>`,
+  create: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>`,
+  perm_identity: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>`,
+  people: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/></svg>`,
+  contact_email: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M21 8V7l-3 2-3-2v1l3 2 3-2zm1-5H2C.9 3 0 3.9 0 5v14c0 1.1.9 2 2 2h20c1.1 0 1.99-.9 1.99-2L24 5c0-1.1-.9-2-2-2zM8 6c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H2v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1zm8-6h-8V6h8v6z"/></svg>`,
+  textsms: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 11H7V9h2v2zm4 0h-2V9h2v2zm4 0h-2V9h2v2z"/></svg>`,
+  verified_user: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#ffffff"><path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 00-1.032 0 11.209 11.209 0 01-7.877 3.08.75.75 0 00-.722.515A12.74 12.74 0 002.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 00.374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 00-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08zm3.094 8.016a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>`,
+  account_circle: `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>`,
+};
+const VerdocsEnvelopeSidebar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.sdkError = index.createEvent(this, "sdkError", 7);
+    this.endpoint = VerdocsEndpoint.VerdocsEndpoint.getDefault();
+    this.envelopeId = '';
+    this.activeTab = 1;
+    this.panelOpen = false;
+  }
+  componentWillLoad() {
+    this.endpoint.loadSession();
+  }
+  // TODO: Handling signing vs preview-as-user cases
+  // TODO: Handle anonymous case and failure to load due to not being logged in
+  async componentDidLoad() {
+    var _a, _b, _c;
+    if (!this.envelopeId) {
+      console.error(`[SIDEBAR] Missing required envelopeId`);
+      return;
+    }
+    try {
+      await Envelopes.getEnvelopeById(this.endpoint, this.envelopeId);
+    }
+    catch (e) {
+      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new errors.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));
+    }
+  }
+  setTab(tab) {
+    this.panelOpen = tab !== this.activeTab || !this.panelOpen;
+    this.activeTab = tab;
+  }
+  // TODO: Refactor to a common library?
+  canResendRecipient(recipient) {
+    return (!['pending', 'declined', 'submitted', 'canceled'].includes(recipient.status) && //
+      !['complete', 'declined', 'canceled'].includes(Envelopes.state.envelope.status));
+  }
+  canModifyRecipient(recipient) {
+    return (!recipient.claimed && //
+      !['declined', 'signed', 'submitted', 'canceled'].includes(recipient.status) &&
+      !['complete', 'declined', 'canceled'].includes(Envelopes.state.envelope.status));
+  }
+  handleRecipientAction(recipient, id) {
+    console.log('recipient action', id, recipient);
+  }
+  prepareHistoryEntries() {
+    const entries = [];
+    const histories = Envelopes.state.envelope.histories || [];
+    entries.push({ icon: 'pencil', message: 'Envelope created.', date: new Date(Envelopes.state.envelope.created_at) });
+    if (Envelopes.state.envelope.status === 'complete') {
+      entries.push({ icon: 'pencil', message: 'Envelope completed.', date: new Date(Envelopes.state.envelope.updated_at) });
+    }
+    const ownerCanceled = histories.some(history => history.event === 'owner:canceled');
+    if (Envelopes.state.envelope.status === 'canceled' && !ownerCanceled) {
+      entries.push({ icon: 'pencil', message: 'Envelope Cancelled.', date: new Date(Envelopes.state.envelope.canceled_at) });
+    }
+    histories.forEach(history => {
+      const user = Envelopes.state.envelope.recipients.find(recipient => recipient.role_name === history.role_name);
+      const name = (user === null || user === void 0 ? void 0 : user.full_name) || '';
+      switch (history.event.toLowerCase()) {
+        case 'recipient:signed':
+          entries.push({ icon: 'gesture', message: `Signed by ${name}.`, date: new Date(history.created_at) });
+          break;
+        case 'recipient:declined':
+          entries.push({ icon: 'clear', message: `Declined by ${name}.`, date: new Date(history.created_at) });
+          break;
+        case 'recipient:opened':
+          switch (history.event_detail) {
+            // TODO: Sync these up with reality
+            case 'email':
+            case 'mail':
+              entries.push({ icon: 'visibility', message: `Opened by ${name}, via email.`, date: new Date(history.created_at) });
+              break;
+            case 'sms':
+              entries.push({ icon: 'visibility', message: `Opened by ${name}, via SMS.`, date: new Date(history.created_at) });
+              break;
+            case 'in_person_link':
+              entries.push({ icon: 'visibility', message: `Opened by ${name}, via In-person link.`, date: new Date(history.created_at) });
+              break;
+            case 'in_app':
+              entries.push({ icon: 'visibility', message: `Opened by ${name}, via dashboard.`, date: new Date(history.created_at) });
+              break;
+            default:
+              entries.push({ icon: 'visibility', message: `Opened by ${name}.`, date: new Date(history.created_at) });
+          }
+          break;
+        case 'recipient:submitted':
+          switch (history.event_detail) {
+            // TODO: Sync up
+            case 'approver':
+              entries.push({ icon: 'check_circle', message: `Approved by ${name}.`, date: new Date(history.created_at) });
+              break;
+            default:
+              entries.push({ icon: 'send', message: `Submitted by ${name}.`, date: new Date(history.created_at) });
+              break;
+          }
+          break;
+        case 'recipient:prepared':
+          entries.push({ icon: 'send', message: `Prepared by ${name}.`, date: new Date(history.created_at) });
+          break;
+        case 'recipient:claimed':
+          if (history.event_detail === 'guest') {
+            entries.push({ icon: 'account_circle', message: `${name} claimed the Verdoc as a guest.`, date: new Date(history.created_at) });
+          }
+          else if (history.event_detail === 'profile') {
+            entries.push({ icon: 'verified_user', message: `${name} claimed the Verdoc as a verified user.`, date: new Date(history.created_at) });
+          }
+          break;
+        case 'recipient:agreed':
+          entries.push({ icon: 'done', message: `${name} agreed to use electronic records and signatures.`, date: new Date(history.created_at) });
+          break;
+        case 'recipient:invited':
+          if (history.event_detail === 'sms') {
+            entries.push({ icon: 'textsms', message: `${name} has been invited via SMS.`, date: new Date(history.created_at) });
+          }
+          else {
+            entries.push({ icon: 'mail', message: `${name} has been invited via email.`, date: new Date(history.created_at) });
+          }
+          break;
+        case 'invitation:resent':
+          entries.push({
+            icon: 'mail',
+            message: `Invitation was resent to ${name} ${history.event_detail === 'reminder' ? ' by reminder' : ''}.`,
+            date: new Date(history.created_at),
+          });
+          break;
+        case 'envelope:cc':
+          entries.push({ icon: 'contact_mail', message: `A copy has been sent to ${name}.`, date: new Date(history.created_at) });
+          break;
+        case 'recipient:delegated':
+          entries.push({ icon: 'people', message: history.event_detail, date: new Date(history.created_at) });
+          break;
+        case 'recipient:updated_info':
+          entries.push({ icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at) });
+          break;
+        case 'owner:updated_recipient_info':
+          entries.push({ icon: 'perm_identity', message: history.event_detail, date: new Date(history.created_at) });
+          break;
+        case 'created':
+          entries.push({ icon: 'create', message: `Envelope was created.`, date: new Date(history.created_at) });
+          break;
+        case 'completed':
+          entries.push({ icon: 'done_all', message: `Envelope was completed.`, date: new Date(history.created_at) });
+          break;
+        case 'canceled':
+        case 'owner:canceled':
+          entries.push({ icon: 'cancel', message: `Envelope was canceled by the creator.`, date: new Date(history.created_at) });
+          break;
+        case 'owner:get_in_person_link':
+          entries.push({ icon: 'link', message: `Owner accessed the In-person link for ${user}.`, date: new Date(history.created_at) });
+          break;
+        default:
+          console.log('unknown', history);
+          break;
+      }
+    });
+    entries.sort((a, b) => b.date.getTime() - a.date.getTime());
+    return entries;
+  }
+  render() {
+    var _a, _b, _c;
+    if (!Envelopes.state.envelope) {
+      return index.h(index.Host, null);
+    }
+    const session = this.endpoint.getSession();
+    const isEnvelopeOwner = session.profile_id === Envelopes.state.envelope.profile_id; // TODO: What about org admins?
+    const historyEntries = this.prepareHistoryEntries();
+    return (index.h(index.Host, { class: this.panelOpen ? 'open' : '' }, index.h("div", { class: "buttons" }, index.h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), index.h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), index.h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Details"), index.h("div", { class: "label" }, "Envelope ID"), index.h("div", { class: "value" }, Envelopes.state.envelope.id), index.h("div", { class: "label" }, "Date Created"), index.h("div", { class: "value" }, index$1.format(new Date(Envelopes.state.envelope.created_at), 'PP pp')), index.h("div", { class: "label" }, "Last Modified"), index.h("div", { class: "value" }, index$1.format(new Date(Envelopes.state.envelope.updated_at), 'PP pp')), index.h("div", { class: "label" }, "Status"), index.h("div", { class: "value" }, Envelopes.state.envelope.status), index.h("div", { class: "label" }, "Verdoc Owner UUID"), index.h("div", { class: "value" }, Envelopes.state.envelope.profile_id), index.h("div", { class: "label" }, "Verdoc Owner Name"), index.h("div", { class: "value" }, (_a = Envelopes.state.envelope.profile) === null || _a === void 0 ? void 0 :
+      _a.first_name, " ", (_b = Envelopes.state.envelope.profile) === null || _b === void 0 ? void 0 :
+      _b.last_name), index.h("div", { class: "label" }, "Verdoc Owner Email"), index.h("div", { class: "value" }, (_c = Envelopes.state.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Recipients"), Envelopes.state.envelope.recipients.map((recipient, index$1) => (index.h("div", { class: "recipient-detail" }, index.h("div", { class: "recipient-header" }, index.h("div", { class: "recipient-number" }, index$1 + 1), index.h("div", { class: "recipient-type" }, recipient.type), index.h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (index.h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
+        { id: 'reminder', label: 'Send Reminder', disabled: !this.canResendRecipient(recipient) },
+        { id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient) },
+        { id: 'inperson', label: 'Get In-Person Link', disabled: !this.canModifyRecipient(recipient) || !['invited', 'opened'].includes(recipient.status) },
+        // TODO: Details dialog
+        // {id:'details',label: 'View Details'},
+      ] }))), index.h("dic", { class: "recipient-content" }, index.h("div", { class: "recipient-name" }, recipient.full_name), index.h("div", { class: "recipient-name" }, recipient.email), index.h("div", { class: "recipient-name" }, recipient.phone))))))), this.activeTab === 3 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "History"), historyEntries.map(entry => (index.h("div", { class: "history-entry" }, index.h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), index.h("div", { class: "activity-details" }, index.h("div", { class: "activity-text" }, entry.message), index.h("div", { class: "activity-date" }, index$1.format(entry.date, 'PP pp'))))))))));
+  }
+};
+VerdocsEnvelopeSidebar.style = verdocsEnvelopeSidebarCss;
+
+exports.verdocs_envelope_sidebar = VerdocsEnvelopeSidebar;

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
 const Colors = require('./Colors-e809dcc9.js');
 const index$1 = require('./index-6528b430.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-signature_3.cjs.entry.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
 const popper = require('./popper-11d5f714.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -5,9 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-eed1f161.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
 require('./index-eb130f52.js');
 require('./Primitives-be5088cb.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -4,8 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
 const index$1 = require('./index-6528b430.js');
+require('./Envelopes-68058bbe.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -4,12 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const utils = require('./utils-0ec89d7d.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
+const utils = require('./utils-53125d26.js');
 const templateStore = require('./templateStore-eed1f161.js');
 const Templates = require('./Templates-358eaee4.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
+require('./Envelopes-68058bbe.js');
 require('./Files-4bdc0c0f.js');
 require('./index-eb130f52.js');
 require('./Primitives-be5088cb.js');

package/dist/cjs/verdocs-quick-functions_3.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
 const Templates = require('./Templates-8ef16e3d.js');
 require('./Token-576f0e8a.js');
 
@@ -30,7 +30,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/cjs/verdocs-search.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
 require('./Token-576f0e8a.js');
 
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";

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

@@ -7,9 +7,10 @@ const Templates = require('./Templates-8ef16e3d.js');
 require('./Types-da57ce69.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const utils = require('./utils-0ec89d7d.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
+const utils = require('./utils-53125d26.js');
 require('./Token-576f0e8a.js');
+require('./Envelopes-68058bbe.js');
 require('./Files-4bdc0c0f.js');
 
 const verdocsSendCss = "verdocs-send{display:-ms-flexbox;display:flex;padding:10px;position:relative;background:#ffffff;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-send .recipients{position:relative}verdocs-send .left-line{top:32px;left:20px;z-index:1;width:12px;bottom:30px;position:absolute;background:#ffffff;border-left:3px dotted #9b9b9b}verdocs-send .level{display:-ms-flexbox;display:flex;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;margin-left:50px;position:relative;-ms-flex-direction:row;flex-direction:row;padding:8px 0 4px 0;border-bottom:1px solid #97979744}verdocs-send .level .level-icon{top:14px;z-index:2;left:-40px;width:24px;height:24px;position:absolute;background:#ffffff}verdocs-send .level .level-icon svg{fill:#00000089}verdocs-send .level .recipient{height:30px;display:-ms-flexbox;display:flex;-ms-flex:0 0 30px;flex:0 0 30px;color:#000000;cursor:pointer;font-size:14px;-ms-flex-align:center;align-items:center;border-radius:30px;-ms-flex-direction:row;flex-direction:row;background:#dddddd;white-space:nowrap;padding:2px 10px 2px 14px}verdocs-send .level .recipient .icon{width:22px;height:22px;-ms-flex:0 0 22px;flex:0 0 22px;margin:0 0 0 10px}verdocs-send .level .recipient .icon svg{width:22px;height:22px;fill:#333333;outline:none}verdocs-send .level .complete{-ms-flex:1;flex:1;height:30px;display:-ms-flexbox;display:flex;color:#000000;font-size:14px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;padding:3px 10px 3px 2px}verdocs-send .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-direction:row;flex-direction:row}verdocs-send verdocs-contact-picker{left:0;top:41px;z-index:10;position:absolute;border:1px solid #dddddd;-webkit-box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1);box-shadow:0 0 6px 3px rgba(0, 0, 0, 0.1)}";

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

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
-const utils = require('./utils-0ec89d7d.js');
+const Envelopes = require('./Envelopes-68058bbe.js');
 require('./Types-da57ce69.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const Envelopes = require('./Envelopes-f2f8dd92.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
+const utils = require('./utils-53125d26.js');
+const Envelopes$1 = require('./Envelopes-d30cba62.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
@@ -30,7 +31,7 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -165,7 +166,7 @@ const VerdocsSign = class {
     }
     try {
       console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
-      const { session, recipient, signerToken } = await utils.getSigningSession(this.endpoint, {
+      const { session, recipient, signerToken } = await Envelopes.getSigningSession(this.endpoint, {
         envelopeId: this.envelopeId,
         roleId: this.roleId,
         inviteCode: this.inviteCode,
@@ -178,24 +179,24 @@ const VerdocsSign = class {
       if (this.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      await Envelopes.getEnvelopeById(this.endpoint, this.envelopeId);
-      if (Envelopes.state.envelope.documents.length > 0) {
+      await Envelopes$1.getEnvelopeById(this.endpoint, this.envelopeId);
+      if (Envelopes$1.state.envelope.documents.length > 0) {
         this.documentsSingularPlural = 'document(s)';
       }
-      this.recipientIndex = Envelopes.state.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);
+      this.recipientIndex = Envelopes$1.state.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);
       if (this.recipientIndex > -1) {
-        this.recipient = Envelopes.state.envelope.recipients[this.recipientIndex];
+        this.recipient = Envelopes$1.state.envelope.recipients[this.recipientIndex];
         this.agreed = this.recipient.agreed;
         console.log('[SIGN] Found our recipient in the envelope', this.recipientIndex, this.recipient);
       }
       else {
-        console.log('[SIGN] Could not find our recipient record', this.roleId, Envelopes.state.envelope.recipients);
+        console.log('[SIGN] Could not find our recipient record', this.roleId, Envelopes$1.state.envelope.recipients);
       }
       this.isDone = ['submitted', 'canceled', 'declined'].includes(this.recipient.status);
       // TODO: Fix service to allow this?
       // const sigs = await getSignatures();
       // console.log('sigs', sigs);
-      (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: Envelopes.state.envelope });
+      (_d = this.envelopeLoaded) === null || _d === void 0 ? void 0 : _d.emit({ endpoint: this.endpoint, envelope: Envelopes$1.state.envelope });
     }
     catch (e) {
       console.log('Error with signing session', e);
@@ -208,7 +209,7 @@ const VerdocsSign = class {
       var _a;
       this.nextButtonLabel = 'Next';
       this.agreed = true; // The server returns a recipient object but it's not "deep" so we track this locally
-      (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: Envelopes.state.envelope, event: 'agreed' });
+      (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: Envelopes$1.state.envelope, event: 'agreed' });
     })
       .catch(e => {
       var _a, _b, _c;
@@ -237,7 +238,7 @@ const VerdocsSign = class {
         window.print();
         break;
       case 'download':
-        utils.savePDF(this.endpoint, Envelopes.state.envelope, Envelopes.state.envelope.envelope_document_id).catch(e => {
+        utils.savePDF(this.endpoint, Envelopes$1.state.envelope, Envelopes$1.state.envelope.envelope_document_id).catch(e => {
           console.log('Error downloading PDF', e);
         });
         break;
@@ -253,7 +254,7 @@ const VerdocsSign = class {
     });
   }
   saveFieldChange(fieldName, fields) {
-    utils.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //
+    Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, fieldName, fields) //
       .then(updateResult => {
       this.updateRecipientFieldValue(fieldName, updateResult);
     })
@@ -289,14 +290,14 @@ const VerdocsSign = class {
         const initialsBlob = await (await fetch(e.detail)).blob();
         return createInitials(this.endpoint, 'initial', initialsBlob) //
           .then(async (newInitials) => {
-          const updateResult = await utils.updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);
+          const updateResult = await Envelopes.updateEnvelopeFieldInitials(this.endpoint, this.envelopeId, field.name, newInitials.id);
           this.updateRecipientFieldValue(field.name, updateResult);
         });
       case 'signature':
         const signatureBlob = await (await fetch(e.detail)).blob();
         return createSignature(this.endpoint, 'signature', signatureBlob) //
           .then(async (newSignature) => {
-          const updateResult = await utils.updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);
+          const updateResult = await Envelopes.updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);
           this.updateRecipientFieldValue(field.name, updateResult);
         });
       case 'date':
@@ -418,7 +419,7 @@ const VerdocsSign = class {
   }
   handlePageRendered(e) {
     const pageInfo = e.detail;
-    const roleIndex = utils.getRoleIndex(Envelopes.state.roleNames, this.recipient.role_name);
+    const roleIndex = utils.getRoleIndex(Envelopes$1.state.roleNames, this.recipient.role_name);
     const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);
     console.log('[SIGN] Page rendered, updating fields', { pageInfo, roleIndex, recipientFields });
     recipientFields.forEach(field => {
@@ -458,10 +459,10 @@ const VerdocsSign = class {
       // });
     });
     // Render fields for "the other" recipients
-    Envelopes.state.envelope.recipients
+    Envelopes$1.state.envelope.recipients
       .filter(recipient => recipient.role_name !== this.recipient.role_name)
       .forEach(otherRecipient => {
-      const otherRoleIndex = utils.getRoleIndex(Envelopes.state.roleNames, otherRecipient.role_name);
+      const otherRoleIndex = utils.getRoleIndex(Envelopes$1.state.roleNames, otherRecipient.role_name);
       const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);
       // We don't render other recipients' fields if they've already acted, because those values are now stamped into the document page.
       // TODO: Do we want to render alternate treatments for recipients who have declined (red boxes?) and/or if the envelope is cancelled?
@@ -492,12 +493,12 @@ const VerdocsSign = class {
     this.checkRecipientFields();
   }
   render() {
-    if (Envelopes.state.loading || !Envelopes.state.envelope) {
+    if (Envelopes$1.state.loading || !Envelopes$1.state.envelope) {
       return (index.h(index.Host, null, index.h("verdocs-loader", null)));
     }
-    return (index.h(index.Host, { class: { agreed: this.agreed } }, !this.isDone && !this.finishLater && index.h("div", { class: "intro" }, "Please review and act on these documents."), !this.isDone && (index.h("div", { class: "header" }, !this.agreed ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes.state.envelope.name), index.h("div", { style: { flex: '1' } }))), !this.isDone && !this.finishLater && index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), !this.isDone && !this.agreed ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), this.isDone ? (
+    return (index.h(index.Host, { class: { agreed: this.agreed } }, !this.isDone && !this.finishLater && index.h("div", { class: "intro" }, "Please review and act on these documents."), !this.isDone && (index.h("div", { class: "header" }, !this.agreed ? (index.h("div", { class: "agree" }, index.h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (index.h(index.Fragment, null, index.h("img", { src: "https://verdocs.com/assets/white-logo.svg", alt: "Verdocs Logo", class: "logo" }), index.h("div", { class: "title" }, Envelopes$1.state.envelope.name), index.h("div", { style: { flex: '1' } }))), !this.isDone && !this.finishLater && index.h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !this.agreed, onClick: () => this.handleNext() }), index.h("div", { style: { marginLeft: '10px' } }), index.h("verdocs-dropdown", { options: !this.isDone && !this.finishLater ? inProgressMenuOptions : doneMenuOptions, onOptionSelected: e => this.handleOptionSelected(e) }))), !this.isDone && !this.agreed ? index.h("div", { class: "cover" }) : index.h("div", { style: { display: 'none' } }), this.isDone ? (
     // <div>test</div>
-    index.h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })) : (index.h("div", { class: "document" }, (Envelopes.state.envelope.documents || []).map(envelopeDocument => {
+    index.h("verdocs-view", { endpoint: this.endpoint, envelopeId: this.envelopeId, onSdkError: e => { var _a; return (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })) : (index.h("div", { class: "document" }, (Envelopes$1.state.envelope.documents || []).map(envelopeDocument => {
       const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
       pages.sort((a, b) => a.sequence - b.sequence);
       return (index.h(index.Fragment, null, pages.map(page => {
@@ -506,7 +507,7 @@ const VerdocsSign = class {
         // where everything went. This is also a visual indicator when optional fields weren't filled in by previous actors, or
         // future signers still need to act. Once we're "done" we flip to showing the envelope's documents which have the final
         // field vales (so far) stamped into them.
-        const templatePage = (_a = Envelopes.state.template) === null || _a === void 0 ? void 0 : _a.pages.find(p => p.sequence === page.sequence);
+        const templatePage = (_a = Envelopes$1.state.template) === null || _a === void 0 ? void 0 : _a.pages.find(p => p.sequence === page.sequence);
         // TODO: Confirm that a pure page-number match is good enough to find the matching template page. We need to make sure
         //  we either don't reset our page numbers for additional attachments, or add match-on identifiers to work around that.
         // console.log('tp', templatePage, page);

package/dist/cjs/verdocs-template-create_4.cjs.entry.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 const Templates = require('./Templates-8ef16e3d.js');
 const Types = require('./Types-da57ce69.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
 const templateStore = require('./templateStore-eed1f161.js');
 const Templates$1 = require('./Templates-358eaee4.js');
 require('./Token-576f0e8a.js');
+require('./Envelopes-68058bbe.js');
 require('./Files-4bdc0c0f.js');
 require('./index-eb130f52.js');
 require('./Primitives-be5088cb.js');

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

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const Envelopes = require('./Envelopes-f2f8dd92.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-c1c80b51.js');
+const Envelopes = require('./Envelopes-d30cba62.js');
 const errors = require('./errors-0396da3d.js');
-const utils = require('./utils-0ec89d7d.js');
+const utils = require('./utils-53125d26.js');
 require('./Token-576f0e8a.js');
+require('./Envelopes-68058bbe.js');
 require('./index-eb130f52.js');
 require('./Templates-8ef16e3d.js');
 require('./Files-4bdc0c0f.js');