@verdocs/web-sdk 1.14.0 → 1.14.2

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

@@ -0,0 +1,219 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { g as getRecipientsWithActions, r as recipientCanAct } from './Permissions.js';
+import { V as VerdocsToast, g as getInPersonLink } from './Toast.js';
+import './Types.js';
+import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { c as createStore } from './index3.js';
+import { d as getEnvelope } from './Envelopes.js';
+import { S as SDKError } from './errors.js';
+import { d as defineCustomElement$1 } from './verdocs-button2.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;
+};
+
+const verdocsEnvelopeRecipientSummaryCss = "verdocs-envelope-recipient-summary{top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;z-index:100000;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-family:\"Inter\", \"Barlow\", sans-serif;background-color:#0000007f}verdocs-envelope-recipient-summary .label{color:#ffffff}verdocs-envelope-recipient-summary .content{width:600px;display:-ms-flexbox;display:flex;max-width:90%;font-size:18px;-ms-flex:0 0 600px;flex:0 0 600px;border-radius:6px;background:#ffffff;-ms-flex-direction:column;flex-direction:column;padding:30px 20px 20px}verdocs-envelope-recipient-summary .content .title{font-size:20px;margin:0 0 10px 0;color:#33364b}verdocs-envelope-recipient-summary .recipient{display:-ms-flexbox;display:flex;color:#33364b;margin:8px 0 24px 0;-ms-flex-direction:column;flex-direction:column}verdocs-envelope-recipient-summary .recipient .role-name{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;margin:0 0 8px 0;color:#092c4c}verdocs-envelope-recipient-summary .recipient .role-info{gap:5px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .recipient .role-full-name{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .recipient .recipient-link{width:120px;padding:0 16px;font-weight:500;margin:0 0 0 8px;text-align:center;font-size:0.875rem;border-radius:100%;color:#374151;line-height:1.25rem;background-color:#d8d8d8;border:2px solid #9ca3af}verdocs-envelope-recipient-summary .recipient .link-wrapper{gap:5px;display:-ms-flexbox;display:flex;margin:4px 0 0 0;-ms-flex-direction:row;flex-direction:row}verdocs-envelope-recipient-summary .recipient .link-wrapper .link{-ms-flex:1;flex:1;height:34px;display:-ms-flexbox;display:flex;font-size:16px;padding:0 12px;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#f9fafb}verdocs-envelope-recipient-summary .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:10px 0 0 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}verdocs-envelope-recipient-summary .buttons verdocs-button{-ms-flex:0 0 120px;flex:0 0 120px;margin-left:10px;white-space:nowrap}verdocs-envelope-recipient-summary .buttons verdocs-button button{width:100%}";
+
+const VerdocsEnvelopeRecipientSummary = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.another = createEvent(this, "another", 7);
+    this.view = createEvent(this, "view", 7);
+    this.next = createEvent(this, "next", 7);
+    this.sdkError = createEvent(this, "sdkError", 7);
+    this.store = null;
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.envelopeId = '';
+    this.canSendAnother = true;
+    this.canView = true;
+    this.canDone = true;
+    this.envelope = undefined;
+    this.isOpen = undefined;
+    this.recipientStatusIcons = [];
+    this.containerId = `verdocs-status-indicator-${Math.random().toString(36).substring(2, 11)}`;
+    this.gettingLinks = {};
+    this.links = {};
+  }
+  async componentWillLoad() {
+    var _a, _b, _c;
+    try {
+      this.endpoint.loadSession();
+      if (!this.envelopeId) {
+        console.log(`[RECIPIENTS] Missing required envelope ID ${this.envelopeId}`);
+        return;
+      }
+      if (!this.endpoint.session) {
+        console.log('[RECIPIENTS] Unable to start session, must be authenticated');
+        return;
+      }
+      this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
+      this.sortEnvelopeRecipients();
+    }
+    catch (e) {
+      console.log('[RECIPIENTS] Error loading envelope', 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));
+    }
+  }
+  sortEnvelopeRecipients() {
+    var _a, _b;
+    (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.recipients.sort((a, b) => {
+      return a.sequence === b.sequence ? a.order - b.order : a.sequence - b.sequence;
+    });
+  }
+  handleAnother(e) {
+    var _a;
+    e.preventDefault();
+    (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+  }
+  handleView(e) {
+    var _a;
+    e.preventDefault();
+    (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
+  }
+  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('[RECIPIENTS] Error copying to clipboard', e);
+      VerdocsToast(`Unable to copy to clipboard: ${e.message}`, { style: 'error' });
+    });
+  }
+  getLink(recipient) {
+    this.gettingLinks[recipient.role_name] = true;
+    getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
+      .then(response => {
+      this.gettingLinks[recipient.role_name] = false;
+      this.links = { ...this.links, [recipient.role_name]: response.link };
+      this.copyLink(response.link);
+    })
+      .catch(e => {
+      this.gettingLinks[recipient.role_name] = false;
+      console.log('[RECIPIENTS] Error getting link', e);
+      VerdocsToast('Unable to get link: ' + e.message, { style: 'error' });
+    });
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("div", { class: "content" }, h("h1", { class: "title" }, "Recipient Summary"), h("div", { class: "rows" }, (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.map(recipient => {
+      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 (h("div", { class: "recipient" }, h("div", { class: "role-name" }, recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, recipient.full_name, " (", recipient.email || recipient.phone, ")"), showLinkButton && !link && h("verdocs-button", { size: "small", variant: "outline", label: "Get Link", disabled: gettingLink, onClick: () => this.getLink(recipient) })), link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(link) }))))));
+    })), (this.canSendAnother || this.canView || this.canDone) && (h("div", { class: "buttons" }, this.canSendAnother && h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), this.canView && h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), this.canDone && h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) }))))));
+  }
+  static get style() { return verdocsEnvelopeRecipientSummaryCss; }
+}, [0, "verdocs-envelope-recipient-summary", {
+    "endpoint": [16],
+    "envelopeId": [1, "envelope-id"],
+    "canSendAnother": [4, "can-send-another"],
+    "canView": [4, "can-view"],
+    "canDone": [4, "can-done"],
+    "envelope": [16],
+    "isOpen": [32],
+    "recipientStatusIcons": [32],
+    "containerId": [32],
+    "gettingLinks": [32],
+    "links": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-envelope-recipient-summary", "verdocs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-envelope-recipient-summary":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsEnvelopeRecipientSummary);
+      }
+      break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { VerdocsEnvelopeRecipientSummary as V, defineCustomElement as d };

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

@@ -1,13 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { t as throttledGetEnvelope } from './Envelopes.js';
+import { u as userIsEnvelopeOwner } from './Permissions.js';
 import './Types.js';
-import { g as getInPersonLink } from './Recipients.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$2 } from './verdocs-dropdown2.js';
+import { d as defineCustomElement$4 } from './verdocs-button2.js';
+import { d as defineCustomElement$3 } from './verdocs-dropdown2.js';
+import { d as defineCustomElement$2 } from './verdocs-envelope-recipient-summary2.js';
 import { f as format } from './index2.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;overflow-y:scroll}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 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;overflow-y:scroll}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 .manage-recipients-button{-ms-flex-item-align:center;align-self:center;white-space:nowrap}verdocs-envelope-sidebar .manage-recipients-button .label{color:#ffffff;font-size:14px}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>`;
@@ -40,6 +43,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.sdkError = createEvent(this, "sdkError", 7);
     this.envelopeUpdated = createEvent(this, "envelopeUpdated", 7);
     this.toggle = createEvent(this, "toggle", 7);
+    this.another = createEvent(this, "another", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
     this.envelopeId = '';
     this.envelope = null;
@@ -47,6 +51,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class extends
     this.roleNames = [];
     this.activeTab = 1;
     this.panelOpen = false;
+    this.showManageDialog = false;
   }
   componentWillLoad() {
     this.endpoint.loadSession();
@@ -91,16 +96,14 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class extends
     var _a;
     console.log('[SIDEBAR] Recipient action', id, recipient);
     switch (id) {
-      case 'inperson':
-        getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
-          // TODO: Can remove "any" once js-sdk is updated
-          .then((response) => {
-          var _a, _b;
-          console.log('Got in person link');
-          return (_b = (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.clipboard) === null || _b === void 0 ? void 0 : _b.writeText(response.link);
-        })
-          .then(r => console.log('copy result', r))
-          .catch(e => console.warn('[SIDEBAR] Error getting link', e));
+      case 'reminder':
+        VerdocsToast('This feature will be enabled in a future release. Please try again later.', { style: 'info' });
+        break;
+      case 'modify':
+        VerdocsToast('This feature will be enabled in a future release. Please try again later.', { style: 'info' });
+        break;
+      case 'details':
+        VerdocsToast('This feature will be enabled in a future release. Please try again later.', { style: 'info' });
         break;
     }
     (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: this.envelope, event: id });
@@ -225,7 +228,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class extends
       return h(Host, null);
     }
     const session = this.endpoint.getSession();
-    const isEnvelopeOwner = session.profile_id === this.envelope.profile_id; // TODO: What about org admins?
+    const isEnvelopeOwner = userIsEnvelopeOwner(session, this.envelope);
     const historyEntries = this.prepareHistoryEntries();
     console.log('e', this.envelope);
     return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, this.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(this.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(this.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, this.envelope.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, this.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = this.envelope.profile) === null || _a === void 0 ? void 0 :
@@ -233,10 +236,15 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class extends
       _b.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_c = this.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), this.sortedRecipients.map((recipient, index) => (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 && (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'},
-      ] }))), 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))))))), 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, 'PP pp'))))))))));
+      ] }))), 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: "Manage Recipients", onClick: () => (this.showManageDialog = true) }))), 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, 'PP pp')))))))), 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.envelope });
+      }, onNext: () => {
+        this.showManageDialog = false;
+      } }))));
   }
   static get style() { return verdocsEnvelopeSidebarCss; }
 }, [0, "verdocs-envelope-sidebar", {
@@ -246,20 +254,31 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class extends
     "sortedRecipients": [32],
     "roleNames": [32],
     "activeTab": [32],
-    "panelOpen": [32]
+    "panelOpen": [32],
+    "showManageDialog": [32]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["verdocs-envelope-sidebar", "verdocs-dropdown"];
+  const components = ["verdocs-envelope-sidebar", "verdocs-button", "verdocs-dropdown", "verdocs-envelope-recipient-summary"];
   components.forEach(tagName => { switch (tagName) {
     case "verdocs-envelope-sidebar":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, VerdocsEnvelopeSidebar$1);
       }
       break;
+    case "verdocs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
     case "verdocs-dropdown":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "verdocs-envelope-recipient-summary":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/verdocs-sign.js

@@ -1,13 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { a as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, b as updateEnvelopeFieldSignature, c as updateEnvelopeFieldInitials } from './Envelopes.js';
+import { g as getSigningSession, t as throttledGetEnvelope, u as updateEnvelopeField, a as updateEnvelopeFieldSignature, b as updateEnvelopeFieldInitials } from './Envelopes.js';
 import { R as RecipientStates } from './Types.js';
-import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, b as envelopeRecipientSubmit } from './Recipients.js';
+import { e as envelopeRecipientAgree, a as envelopeRecipientDecline, V as VerdocsToast, b as envelopeRecipientSubmit } from './Toast.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators.js';
 import { f as fullNameToInitials, i as integerSequence } from './Primitives.js';
 import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils.js';
 import { S as SDKError } from './errors.js';
-import { V as VerdocsToast } from './Toast.js';
 import { d as defineCustomElement$8 } from './verdocs-button2.js';
 import { d as defineCustomElement$7 } from './verdocs-checkbox2.js';
 import { d as defineCustomElement$6 } from './verdocs-dropdown2.js';

package/dist/components/verdocs-view2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { t as throttledGetEnvelope, e as cancelEnvelope } from './Envelopes.js';
-import { u as userCanCancelEnvelope } from './Permissions.js';
+import { a as userCanCancelEnvelope } from './Permissions.js';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { i as integerSequence } from './Primitives.js';
@@ -20,6 +20,9 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.sdkError = createEvent(this, "sdkError", 7);
     this.envelopeUpdated = createEvent(this, "envelopeUpdated", 7);
+    this.another = createEvent(this, "another", 7);
+    this.view = createEvent(this, "view", 7);
+    this.next = createEvent(this, "next", 7);
     this.endpoint = VerdocsEndpoint.getDefault();
     this.envelopeId = '';
     this.headerTargetId = null;

package/dist/custom-elements.json

@@ -275,6 +275,18 @@
         "value": "Displays an icon and message describing a document's completion status. For convenience, the status may be passed in either\ndirectly as a status field or the whole document object may be passed in.\n\nIf the document is provided, the status flag will indicate the document's overall status. This also makes the component clickable\nto display a popup panel with per-recipient status data.\n\nIf the status is provided as a string it can be either a `TRecipientStatus` or `TDocumentStatus` value."
       },
       "attributes": [
+        {
+          "name": "can-done",
+          "description": "Enable or disable the Done button."
+        },
+        {
+          "name": "can-send-another",
+          "description": "Enable or disable the Send Another button."
+        },
+        {
+          "name": "can-view",
+          "description": "Enable or disable the View button."
+        },
         {
           "name": "envelope-id",
           "description": "The envelope ID to edit."

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-10T15:35:34",
+  "timestamp": "2023-05-10T17:43:18",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -544,6 +544,7 @@
         "verdocs-auth",
         "verdocs-contact-picker",
         "verdocs-envelope-recipient-summary",
+        "verdocs-envelope-sidebar",
         "verdocs-file-chooser",
         "verdocs-initial-dialog",
         "verdocs-kba-dialog",
@@ -574,6 +575,9 @@
         "verdocs-envelope-recipient-summary": [
           "verdocs-button"
         ],
+        "verdocs-envelope-sidebar": [
+          "verdocs-button"
+        ],
         "verdocs-file-chooser": [
           "verdocs-button"
         ],
@@ -1328,6 +1332,57 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "canDone",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "can-done",
+          "reflectToAttr": false,
+          "docs": "Enable or disable the Done button.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "canSendAnother",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "can-send-another",
+          "reflectToAttr": false,
+          "docs": "Enable or disable the Send Another button.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "canView",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "can-view",
+          "reflectToAttr": false,
+          "docs": "Enable or disable the View button.",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "endpoint",
           "type": "VerdocsEndpoint",
@@ -1381,7 +1436,7 @@
       "events": [
         {
           "event": "another",
-          "detail": "any",
+          "detail": "{ envelope: IEnvelope; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1390,7 +1445,7 @@
         },
         {
           "event": "next",
-          "detail": "any",
+          "detail": "{ envelope: IEnvelope; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1408,7 +1463,7 @@
         },
         {
           "event": "view",
-          "detail": "any",
+          "detail": "{ envelope: IEnvelope; }",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -1420,13 +1475,18 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-envelope-sidebar"
+      ],
       "dependencies": [
         "verdocs-button"
       ],
       "dependencyGraph": {
         "verdocs-envelope-recipient-summary": [
           "verdocs-button"
+        ],
+        "verdocs-envelope-sidebar": [
+          "verdocs-envelope-recipient-summary"
         ]
       }
     },
@@ -1474,6 +1534,15 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "another",
+          "detail": "{ envelope: IEnvelope; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks Send Another in the Manage Recipients dialog. It is up to the host application\nto redirect the user to the appropriate next workflow step.",
+          "docsTags": []
+        },
         {
           "event": "envelopeUpdated",
           "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string; }",
@@ -1508,11 +1577,18 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "verdocs-dropdown"
+        "verdocs-dropdown",
+        "verdocs-button",
+        "verdocs-envelope-recipient-summary"
       ],
       "dependencyGraph": {
         "verdocs-envelope-sidebar": [
-          "verdocs-dropdown"
+          "verdocs-dropdown",
+          "verdocs-button",
+          "verdocs-envelope-recipient-summary"
+        ],
+        "verdocs-envelope-recipient-summary": [
+          "verdocs-button"
         ]
       }
     },
@@ -8116,6 +8192,15 @@
       ],
       "methods": [],
       "events": [
+        {
+          "event": "another",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks Send Another to proceed. It is up to the host application\nto redirect the user to the appropriate next workflow step.",
+          "docsTags": []
+        },
         {
           "event": "envelopeUpdated",
           "detail": "{ endpoint: VerdocsEndpoint; envelope: IEnvelope; event: string; }",
@@ -8125,6 +8210,15 @@
           "docs": "Event fired when the envelope is updated in any way. May be used for tasks such as cache invalidation or reporting to other systems.",
           "docsTags": []
         },
+        {
+          "event": "next",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "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.",
+          "docsTags": []
+        },
         {
           "event": "sdkError",
           "detail": "SDKError",
@@ -8133,6 +8227,15 @@
           "composed": true,
           "docs": "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.",
           "docsTags": []
+        },
+        {
+          "event": "view",
+          "detail": "any",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks Send Another to proceed. It is up to the host application\nto redirect the user to the appropriate next workflow step.",
+          "docsTags": []
         }
       ],
       "listeners": [],

package/dist/esm/{Envelopes-1c6af4ee.js → Envelopes-c3d471e5.js}

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

package/dist/esm/{Permissions-dfce0dc8.js → Permissions-7192ef7c.js}

@@ -31,4 +31,4 @@ var getRecipientsWithActions = function (envelope) { return ((envelope === null
  */
 var recipientCanAct = function (recipient, recipientsWithActions) { var _a; return recipient.sequence === ((_a = recipientsWithActions === null || recipientsWithActions === void 0 ? void 0 : recipientsWithActions[0]) === null || _a === void 0 ? void 0 : _a.sequence); };
 
-export { getRecipientsWithActions as g, recipientCanAct as r, userCanCancelEnvelope as u };
+export { userCanCancelEnvelope as a, getRecipientsWithActions as g, recipientCanAct as r, userIsEnvelopeOwner as u };