@verdocs/web-sdk 1.14.0 → 1.14.2

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

@@ -19,6 +19,9 @@ export class VerdocsEnvelopeRecipientSummary {
     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 = [];
@@ -55,17 +58,17 @@ export class VerdocsEnvelopeRecipientSummary {
   handleAnother(e) {
     var _a;
     e.preventDefault();
-    (_a = this.another) === null || _a === void 0 ? void 0 : _a.emit();
+    (_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();
+    (_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();
+    (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({ envelope: this.store.state });
   }
   copyLink(link) {
     navigator.clipboard
@@ -98,7 +101,7 @@ export class VerdocsEnvelopeRecipientSummary {
       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) }))))));
-    })), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) })))));
+    })), (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 is() { return "verdocs-envelope-recipient-summary"; }
   static get originalStyleUrls() {
@@ -152,6 +155,60 @@ export class VerdocsEnvelopeRecipientSummary {
         "reflect": false,
         "defaultValue": "''"
       },
+      "canSendAnother": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enable or disable the Send Another button."
+        },
+        "attribute": "can-send-another",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "canView": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enable or disable the View button."
+        },
+        "attribute": "can-view",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "canDone": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enable or disable the Done button."
+        },
+        "attribute": "can-done",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "envelope": {
         "type": "unknown",
         "mutable": false,
@@ -195,9 +252,14 @@ export class VerdocsEnvelopeRecipientSummary {
           "text": "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."
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+          "original": "{envelope: IEnvelope}",
+          "resolved": "{ envelope: IEnvelope; }",
+          "references": {
+            "IEnvelope": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Envelopes/Types"
+            }
+          }
         }
       }, {
         "method": "view",
@@ -210,9 +272,14 @@ export class VerdocsEnvelopeRecipientSummary {
           "text": "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."
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+          "original": "{envelope: IEnvelope}",
+          "resolved": "{ envelope: IEnvelope; }",
+          "references": {
+            "IEnvelope": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Envelopes/Types"
+            }
+          }
         }
       }, {
         "method": "next",
@@ -225,9 +292,14 @@ export class VerdocsEnvelopeRecipientSummary {
           "text": "Event fired when the user clicks Done to proceed. It is up to the host application\nto redirect the user to the appropriate next workflow step."
         },
         "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+          "original": "{envelope: IEnvelope}",
+          "resolved": "{ envelope: IEnvelope; }",
+          "references": {
+            "IEnvelope": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Envelopes/Types"
+            }
+          }
         }
       }, {
         "method": "sdkError",

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

@@ -3,7 +3,10 @@ export default {
   title: 'Envelopes/Recipient Summary',
   component: 'verdocs-envelope-recipient-summary',
   args: {
-    envelopeId: '498c2404-3d8c-4325-bdd3-e8c7c70e63b1',
+    envelopeId: '',
+    canView: true,
+    canDone: true,
+    canSendAnother: true,
   },
   argTypes: {
     another: { action: 'another' },
@@ -11,8 +14,11 @@ export default {
     next: { action: 'next' },
   },
 };
-export const RecipientSummary = ({ envelopeId, another, view, next }) => html `<verdocs-envelope-recipient-summary
+export const RecipientSummary = ({ envelopeId, another, view, next, canView, canDone, canSendAnother }) => html `<verdocs-envelope-recipient-summary
   .envelopeId="${envelopeId}"
+  .canView="${canView}"
+  .canDone="${canDone}"
+  .canSendAnother="${canSendAnother}"
   @another=${another}
   @view=${view}
   @next=${next}

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

@@ -66,6 +66,14 @@ verdocs-envelope-sidebar .value {
   color: #fff;
   flex: 0;
 }
+verdocs-envelope-sidebar .manage-recipients-button {
+  align-self: center;
+  white-space: nowrap;
+}
+verdocs-envelope-sidebar .manage-recipients-button .label {
+  color: #ffffff;
+  font-size: 14px;
+}
 verdocs-envelope-sidebar .recipient-detail {
   flex: 0;
   padding: 8px;

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

@@ -2,8 +2,9 @@ import { format } from 'date-fns';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { throttledGetEnvelope } from '@verdocs/js-sdk/Envelopes/Envelopes';
 import { h, Host } from '@stencil/core';
+import { userIsEnvelopeOwner } from '@verdocs/js-sdk/Envelopes/Permissions';
+import { VerdocsToast } from '../../../utils/Toast';
 import { SDKError } from '../../../utils/errors';
-import { getInPersonLink } from '@verdocs/js-sdk/Envelopes/Recipients';
 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>`;
@@ -41,6 +42,7 @@ export class VerdocsEnvelopeSidebar {
     this.roleNames = [];
     this.activeTab = 1;
     this.panelOpen = false;
+    this.showManageDialog = false;
   }
   componentWillLoad() {
     this.endpoint.loadSession();
@@ -85,20 +87,14 @@ export class VerdocsEnvelopeSidebar {
     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));
-        break;
       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 });
@@ -223,7 +219,7 @@ export class VerdocsEnvelopeSidebar {
       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 :
@@ -231,10 +227,15 @@ export class VerdocsEnvelopeSidebar {
       _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 is() { return "verdocs-envelope-sidebar"; }
   static get originalStyleUrls() {
@@ -296,7 +297,8 @@ export class VerdocsEnvelopeSidebar {
       "sortedRecipients": {},
       "roleNames": {},
       "activeTab": {},
-      "panelOpen": {}
+      "panelOpen": {},
+      "showManageDialog": {}
     };
   }
   static get events() {
@@ -359,6 +361,26 @@ export class VerdocsEnvelopeSidebar {
           "resolved": "{ open: boolean; }",
           "references": {}
         }
+      }, {
+        "method": "another",
+        "name": "another",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "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."
+        },
+        "complexType": {
+          "original": "{envelope: IEnvelope}",
+          "resolved": "{ envelope: IEnvelope; }",
+          "references": {
+            "IEnvelope": {
+              "location": "import",
+              "path": "@verdocs/js-sdk/Envelopes/Types"
+            }
+          }
+        }
       }];
   }
 }

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

@@ -8,6 +8,8 @@ export default {
   argTypes: {
     envelopeId: { name: 'envelopeId' },
     toggle: { action: 'toggle' },
+    another: { action: 'another' },
+    envelopeUpdated: { action: 'envelopeUpdated' },
   },
 };
-export const EnvelopeSidebar = ({ envelopeId, toggle }) => html `<verdocs-envelope-sidebar .envelopeId=${envelopeId} @toggle=${toggle} />`;
+export const EnvelopeSidebar = ({ envelopeId, toggle, another, envelopeUpdated }) => html `<verdocs-envelope-sidebar .envelopeId=${envelopeId} @toggle=${toggle} @envelopeUpdated=${envelopeUpdated} @another=${another} />`;

package/dist/components/Envelopes.js

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

package/dist/components/Permissions.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 };

package/dist/components/Toast.js

@@ -1,3 +1,76 @@
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        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]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/**
+ * Update a recipient's status block
+ */
+var updateRecipient = function (endpoint, envelopeId, roleName, params) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .put("/envelopes/".concat(envelopeId, "/recipients/").concat(roleName), params)
+                .then(function (r) { return r.data; })];
+    });
+}); };
+/**
+ * Submit an envelope (signing is finished). Note that all fields must be valid/completed for this to succeed.
+ */
+var envelopeRecipientSubmit = function (endpoint, envelopeId, roleName) {
+    return updateRecipient(endpoint, envelopeId, roleName, { action: 'submit' });
+};
+/**
+ * Decline to complete an envelope (signing will not terminated).
+ */
+var envelopeRecipientDecline = function (endpoint, envelopeId, roleName) {
+    return updateRecipient(endpoint, envelopeId, roleName, { action: 'decline' });
+};
+/**
+ * Agree to electronic signing.
+ */
+var envelopeRecipientAgree = function (endpoint, envelopeId, roleName, agreed) {
+    return updateRecipient(endpoint, envelopeId, roleName, { action: 'update', agreed: agreed });
+};
+/**
+ * Get an in-person signing link.
+ */
+var getInPersonLink = function (endpoint, envelopeId, roleName) {
+    return endpoint.api //
+        .get("/envelopes/".concat(envelopeId, "/recipients/").concat(encodeURIComponent(roleName), "?in_person_link=true"))
+        .then(function (r) { return r.data; });
+};
+
 /**
  * Simple helper to display basic toast messages. These toasts do not stack, and
  * because of this are meant to be used only for infrequent notifications (those
@@ -62,4 +135,4 @@ box-shadow: 0 3px 7px 2px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232
   setTimeout(removeToasts, duration);
 };
 
-export { VerdocsToast as V };
+export { VerdocsToast as V, envelopeRecipientDecline as a, envelopeRecipientSubmit as b, envelopeRecipientAgree as e, getInPersonLink as g };

package/dist/components/verdocs-envelope-document-page2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as getEnvelopeDocumentPageDisplayUri } from './Envelopes.js';
+import { c as getEnvelopeDocumentPageDisplayUri } from './Envelopes.js';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { t as throttle } from './utils.js';

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

@@ -1,215 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getRecipientsWithActions, r as recipientCanAct } from './Permissions.js';
-import { g as getInPersonLink } from './Recipients.js';
-import './Types.js';
-import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
-import { c as createStore } from './index3.js';
-import { g as getEnvelope } from './Envelopes.js';
-import { V as VerdocsToast } from './Toast.js';
-import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$2 } 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 .content{padding:30px 20px 20px;width:600px;max-width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:6px;background:#ffffff;font-size:18px}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;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$1 = /*@__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.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();
-  }
-  handleView(e) {
-    var _a;
-    e.preventDefault();
-    (_a = this.view) === null || _a === void 0 ? void 0 : _a.emit();
-  }
-  handleDone(e) {
-    var _a;
-    e.preventDefault();
-    (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit();
-  }
-  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) }))))));
-    })), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Send Another", onClick: e => this.handleAnother(e) }), h("verdocs-button", { size: "small", label: "View Now", onClick: e => this.handleView(e) }), 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"],
-    "envelope": [16],
-    "isOpen": [32],
-    "recipientStatusIcons": [32],
-    "containerId": [32],
-    "gettingLinks": [32],
-    "links": [32]
-  }]);
-function defineCustomElement$1() {
-  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$1);
-      }
-      break;
-    case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
+import { V as VerdocsEnvelopeRecipientSummary$1, d as defineCustomElement$1 } from './verdocs-envelope-recipient-summary2.js';
 
 const VerdocsEnvelopeRecipientSummary = VerdocsEnvelopeRecipientSummary$1;
 const defineCustomElement = defineCustomElement$1;