@verdocs/web-sdk 4.2.57 → 4.2.60

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.js

@@ -44,7 +44,7 @@ export class VerdocsToggle {
                     "references": {
                         "IToggleIconButtons": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/controls/verdocs-toggle/verdocs-toggle.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/controls/verdocs-toggle/verdocs-toggle.tsx",
                             "id": "src/components/controls/verdocs-toggle/verdocs-toggle.tsx::IToggleIconButtons"
                         }
                     }

package/dist/collection/components/elements/verdocs-search-box/verdocs-search-box.js

@@ -105,7 +105,7 @@ export class VerdocsSearchBox {
                     "references": {
                         "TContentType": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/elements/verdocs-search-box/verdocs-search-box.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/elements/verdocs-search-box/verdocs-search-box.tsx",
                             "id": "src/components/elements/verdocs-search-box/verdocs-search-box.tsx::TContentType"
                         }
                     }
@@ -175,7 +175,7 @@ export class VerdocsSearchBox {
                     "references": {
                         "ISearchEvent": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/elements/verdocs-search-box/verdocs-search-box.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/elements/verdocs-search-box/verdocs-search-box.tsx",
                             "id": "src/components/elements/verdocs-search-box/verdocs-search-box.tsx::ISearchEvent"
                         }
                     }
@@ -196,7 +196,7 @@ export class VerdocsSearchBox {
                     "references": {
                         "TContentType": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/elements/verdocs-search-box/verdocs-search-box.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/elements/verdocs-search-box/verdocs-search-box.tsx",
                             "id": "src/components/elements/verdocs-search-box/verdocs-search-box.tsx::TContentType"
                         }
                     }

package/dist/collection/components/embeds/verdocs-auth/verdocs-auth.js

@@ -330,7 +330,7 @@ export class VerdocsAuth {
                     "references": {
                         "IAuthStatus": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/embeds/verdocs-auth/verdocs-auth.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/embeds/verdocs-auth/verdocs-auth.tsx",
                             "id": "src/components/embeds/verdocs-auth/verdocs-auth.tsx::IAuthStatus"
                         }
                     }

package/dist/collection/components/embeds/verdocs-build/verdocs-build.js

@@ -164,7 +164,7 @@ export class VerdocsBuild {
                     "references": {
                         "TVerdocsBuildStep": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/embeds/verdocs-build/verdocs-build.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/embeds/verdocs-build/verdocs-build.tsx",
                             "id": "src/components/embeds/verdocs-build/verdocs-build.tsx::TVerdocsBuildStep"
                         }
                     }
@@ -224,7 +224,7 @@ export class VerdocsBuild {
                     "references": {
                         "TVerdocsBuildStep": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/embeds/verdocs-build/verdocs-build.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/embeds/verdocs-build/verdocs-build.tsx",
                             "id": "src/components/embeds/verdocs-build/verdocs-build.tsx::TVerdocsBuildStep"
                         }
                     }

package/dist/collection/components/embeds/verdocs-send/verdocs-send.js

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { createEnvelope, getRGBA, isValidEmail, isValidPhone, VerdocsEndpoint, } from "@verdocs/js-sdk";
+import { createEnvelope, getOrganizationContacts, getRGBA, isValidEmail, isValidPhone, VerdocsEndpoint, } from "@verdocs/js-sdk";
 import { getRoleIndex, getRoleNames, getTemplateRoleStore } from "../../../utils/TemplateRoleStore";
 import { getTemplateStore } from "../../../utils/TemplateStore";
 import { SDKError } from "../../../utils/errors";
@@ -47,13 +47,22 @@ export class VerdocsSend {
         var _a, _b, _c;
         try {
             this.endpoint.onSessionChanged((_endpoint, _session, profile) => {
+                const me = {
+                    id: profile.id,
+                    first_name: profile.first_name,
+                    last_name: profile.last_name,
+                    email: profile.email,
+                    phone: profile.phone,
+                };
                 if (profile) {
-                    this.sessionContacts = [];
-                    this.sessionContacts.push({
-                        id: profile.id,
-                        name: `${profile.first_name} ${profile.last_name}`,
-                        email: profile.email,
-                        phone: profile.phone,
+                    this.sessionContacts = [me];
+                    getOrganizationContacts(this.endpoint)
+                        .then(contacts => {
+                        console.log('Got contacts', contacts);
+                        this.sessionContacts = [...contacts, me];
+                    })
+                        .catch(e => {
+                        console.log('Error getting contacts', e);
                     });
                 }
             });
@@ -100,9 +109,9 @@ export class VerdocsSend {
             const level = role.sequence - 1;
             rolesAtLevel[level] || (rolesAtLevel[level] = []);
             const id = `r-${level}-${rolesAtLevel[level].length}`;
-            rolesAtLevel[level].push({ ...role, id, role_name: role.name, first_name: '', last_name: '' });
-            if (role.full_name && (role.email || role.phone)) {
-                this.rolesCompleted[id] = { ...role, id, role_name: role.name, first_name: '', last_name: '' };
+            rolesAtLevel[level].push({ ...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name });
+            if (role.first_name && (role.email || role.phone)) {
+                this.rolesCompleted[id] = { ...role, id, role_name: role.name, first_name: role.first_name, last_name: role.last_name };
             }
         });
     }
@@ -140,8 +149,8 @@ export class VerdocsSend {
         }
     }
     handleSelectContact(e, role) {
+        console.log('selc', e.detail);
         e.preventDefault();
-        e.detail; // IContactSelectEvent
         this.rolesCompleted[role.id] = { ...role, ...e.detail };
         this.showPickerForId = '';
     }
@@ -205,7 +214,7 @@ export class VerdocsSend {
             var _a, _b, _c, _d, _e, _f;
             const unknown = !role.email;
             const elId = `verdocs-send-recipient-${role.role_name}`;
-            return unknown ? (h("div", { class: "recipient", "data-ri": getRoleIndex(this.roleStore, role.role_name), "data-rn": role.role_name, style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.role_name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.role_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.role_name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: ((_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role), onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
+            return unknown ? (h("div", { class: "recipient", "data-ri": getRoleIndex(this.roleStore, role.role_name), "data-rn": role.role_name, style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.role_name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.first_name) !== null && _b !== void 0 ? _b : role.role_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.role_name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.first_name) !== null && _e !== void 0 ? _e : role.first_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: ((_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role), onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
         })))), h("div", { class: `level level-done` }, this.getLevelIcon(levels.length), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", null))));
     }
     static get is() { return "verdocs-send"; }

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -409,7 +409,7 @@ export class VerdocsSign {
         }
     }
     attachFieldAttributes(pageInfo, field, el) {
-        var _a;
+        var _a, _b, _c;
         el.addEventListener('input', (e) => {
             // console.log('[SIGN] onfieldInput', e.detail, e.target.value);
             // These field types don't emit fieldChange. Should we standardize on that? We don't tap "input" for fields like
@@ -437,8 +437,9 @@ export class VerdocsSign {
         el.setAttribute('page', pageInfo.pageNumber);
         el.setAttribute('xScale', pageInfo.xScale);
         el.setAttribute('yScale', pageInfo.yScale);
-        el.setAttribute('initials', this.recipient ? fullNameToInitials(this.recipient.full_name) : '');
-        el.setAttribute('name', ((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.full_name) || '');
+        const fullName = `${((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.first_name) || ''} ${((_b = this.recipient) === null || _b === void 0 ? void 0 : _b.last_name) || ''}`.trim() || ((_c = this.recipient) === null || _c === void 0 ? void 0 : _c.full_name) || '';
+        el.setAttribute('initials', fullNameToInitials(fullName));
+        el.setAttribute('name', fullName);
     }
     handlePageRendered(e) {
         const pageInfo = e.detail;

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.css

@@ -67,6 +67,8 @@ verdocs-contact-picker form .dropdown {
   right: 0;
   top: 49px;
   z-index: 1000000;
+  max-height: 225px;
+  overflow-y: scroll;
   position: absolute;
   background: #ffffff;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
@@ -78,12 +80,13 @@ verdocs-contact-picker form .dropdown .suggestion {
   flex-direction: row;
 }
 verdocs-contact-picker form .dropdown .suggestion svg {
-  fill: #666666;
+  width: 32px;
+  height: 32px;
 }
 verdocs-contact-picker form .dropdown .suggestion .avatar {
-  width: 48px;
-  height: 48px;
-  flex: 0 0 48px;
+  width: 32px;
+  height: 32px;
+  flex: 0 0 32px;
   margin-right: 8px;
   border-radius: 100%;
 }

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js

@@ -5,7 +5,7 @@ const messageIcon = '<svg focusable="false" viewBox="0 0 24 24"><path d="M20 2H4
 // const delegateIcon =
 //   '<svg focusable="false" viewBox="0 0 24 24"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"></path></svg>';
 const kbaIcon = '<svg focusable="false" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M4.5 3.75a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V6.75a3 3 0 0 0-3-3h-15Zm4.125 3a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Zm-3.873 8.703a4.126 4.126 0 0 1 7.746 0 .75.75 0 0 1-.351.92 7.47 7.47 0 0 1-3.522.877 7.47 7.47 0 0 1-3.522-.877.75.75 0 0 1-.351-.92ZM15 8.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15ZM14.25 12a.75.75 0 0 1 .75-.75h3.75a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75Zm.75 2.25a.75.75 0 0 0 0 1.5h3.75a.75.75 0 0 0 0-1.5H15Z" clip-rule="evenodd" /></svg>';
-const placeholderIcon = '<svg focusable="false" viewBox="0 0 24 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 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg>';
+const addrBookIcon = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-user"><path d="M15 13a3 3 0 1 0-6 0"/><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20"/><circle cx="12" cy="8" r="2"/></svg>`;
 /**
  * Displays a contact picker suitable for filling out Recipient objects when sending Documents.
  *
@@ -40,7 +40,8 @@ export class VerdocsContactPicker {
     componentWillLoad() {
         if (this.templateRole) {
             // TODO: For backwards compatibility, may be removed once templateRole no longer has a full_name
-            const nameComponents = (this.templateRole.full_name || '').split(' ');
+            const fullName = `${this.templateRole.first_name || ''} ${this.templateRole.last_name || ''}`.trim() || this.templateRole.full_name || '';
+            const nameComponents = fullName.split(' ');
             const firstName = this.templateRole.first_name || nameComponents.shift() || '';
             const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';
             this.first_name = firstName;
@@ -106,24 +107,26 @@ export class VerdocsContactPicker {
     // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
     // and show a duplicate autocomplete picker on top of our own.
     render() {
-        return (h("form", { key: '8af5dbd2e066184e5bcafaa8ce88607b3c45eb3c', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '866df17f478ea88eebd4066b37dbc2633e9a3125', class: "row" }, h("label", { key: 'e9218a81ae6c5b14ce3eb6362b5b2a32de918e25', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '655c9a8bfca059dc3e0a3cedf2a59138d255248f', class: "names-row" }, h("input", { key: '6f2451ab980513e7fb840b2e2c3f3a51a6fc2bfb', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: '187fc2767904dd61a853786c2571c4a9bf6a5377', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: '4bea4ff52a5824336f769aa71fd9d07357f9bcc4', class: "dropdown" }, this.contactSuggestions.map(suggestion => {
+        return (h("form", { key: '77d4a7a5740dc9afc0adf90a9370a8df7f7e57db', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'c98cfc773ed6c59202b9752ce4386ba877839902', class: "row" }, h("label", { key: '831913a57ad8de80d3e234ca8aee38c9293be25a', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '856ff7e946194f61a918af19150043ab5914128d', class: "names-row" }, h("input", { key: '861a16cf88c5e79bc85ae9ba62e0aab5d7bedb34', id: this.firstNameFieldId, name: this.firstNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.first_name, placeholder: "First Name...", onFocus: () => { var _a; return (this.showSuggestions = ((_a = this.contactSuggestions) === null || _a === void 0 ? void 0 : _a.length) > 0); }, onInput: e => this.handleFirstNameChange(e) }), h("input", { key: 'cbc821b96e4241745fbb655e540fe9e0699170b3', id: this.lastNameFieldId, name: this.lastNameFieldId, type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.last_name, placeholder: "Last Name...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleLastNameChange(e) })), this.showSuggestions && (h("div", { key: 'b6d7c93ac96ae383000d549244993ce3e9473b07', class: "dropdown" }, this.contactSuggestions
+            .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
+            .map(suggestion => {
             var _a;
-            return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.name, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.avatar ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.avatar }) : h("div", { class: "avatar", innerHTML: placeholderIcon }), h("div", { class: "details" }, h("div", { class: "name" }, suggestion.name), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: '11be90948242134e109d1e2d0bc8ed99abbcbf76', class: "row" }, h("label", { key: '06745e80fb6cac8f7f94a13dd03cb88bcf9176bf', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '41f636a6b44ca22d7f7766f7034cf6c7eab95a64', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email Address...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleEmailChange(e) })), h("div", { key: '4af9e4f820a6a2d0a3daf9264797b193718122a8', class: "row" }, h("label", { key: '1c35261e9941adbc584e03fcd26f1c85d3c594b1', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'e7b0010c8047785f7ccdf1c5b69114a79077baf5', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone Number...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handlePhoneChange(e) })), this.showKba && (h("div", { key: '6f0a224dbf3ee2a269f4e9506dbe4d570bcd7fbf', class: "row" }, h("div", { key: '64dbfdec97ba55010a44dd7e8504b1457be8e852', class: "label-with-icon" }, h("label", { key: '33fe672a3ba66fc3dc95d1fcf6694c3ee0e73785' }, "KBA:"), h("verdocs-help-icon", { key: 'f42c59f44000a76b6dd5b457f966bdb72f0fdc99', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), h("verdocs-select-input", { key: '89d90d77187246062073084c38ab16fd6388bc9a', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
+            return (h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : h("div", { class: "avatar", innerHTML: addrBookIcon }), h("div", { class: "details" }, h("div", { class: "name" }, suggestion.first_name, " ", suggestion.last_name), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
+        })))), h("div", { key: '7b750d3f7ab27c0b5feea0ebf322aaa21273f6cf', class: "row" }, h("label", { key: '31a8e0dfd76cc0dd2cd6299c97ac57c3b626de10', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: 'e42b4e3d34d399de6fea837d3257ee50244d690c', id: this.emailFieldId, name: this.emailFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.email, placeholder: "Email Address...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleEmailChange(e) })), h("div", { key: '192985b0f48fcdf781e9ef4ff64d393da11df2ab', class: "row" }, h("label", { key: 'e0ceef244fc561b2d488b7f5228d31a78ab3e415', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'b9bcaa6a282bdd853ff237fb80d93adb765b80d3', id: this.phoneFieldId, name: this.phoneFieldId, type: "text", "data-lpignore": "true", autoComplete: "blocked", value: this.phone, placeholder: "Phone Number...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handlePhoneChange(e) })), this.showKba && (h("div", { key: '9c8e31b692e62901886104f27a5beb56312196a2', class: "row" }, h("div", { key: 'd8f17ff86c0a3a994db391df8a71ad6ddd81735f', class: "label-with-icon" }, h("label", { key: '82263fb743f8ff6809d33cdf5ae964bdc28ea661' }, "KBA:"), h("verdocs-help-icon", { key: '5eaa626c45ce5d0cbb3cc34f07d686099ea7bf83', text: "Knowledge-Based Authentication adds additional authentication for this user either via a simple PIN code or full address validation. NOTE: There may be a fee for using this feature." })), h("verdocs-select-input", { key: 'f1f5ebac6f6b5ec68232d71bc9f116f077348e30', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
                 { label: 'None', value: '' },
                 { label: 'PIN Code', value: 'pin' },
                 { label: 'Full Verification', value: 'kba' },
-            ] }), this.kbaMethod === 'pin' && (h("input", { key: 'e53128bbc3732379e0bf98e8ae70151e55b2ff64', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) })))), this.showMessage && (h("div", { key: '5ff8d72b8da46eb6adbf712bd87571613b7b5d81', class: "row" }, h("label", { key: '8f18c67eb9bb51dc138da21068c1d05bd714e5fc', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '9c0d81f831335a1a712d097c57e79fdd3b901465', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Invitation Message...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) }))), h("div", { key: 'fda4e846bddb572c9a8baa7cd009bdb2ff6c5814', class: "buttons" }, h("verdocs-toggle-button", { key: 'faf34cacb6a7f21d98d266113e230e58c3673a72', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), this.kbaMethod === 'pin' && (h("input", { key: 'fe87947c167f926ad49bf082df02c8eab1fc9b3a', id: "verdocs-pin-code", name: "verdocs-pin-code", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.pinCode, placeholder: "KBA PIN Code...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) })))), this.showMessage && (h("div", { key: 'b202f9482e1d58748bf389036ea5707bf9edc1ae', class: "row" }, h("label", { key: 'b9a25c63c47aa3e3201b3a221f5d26bb56ca0154', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '607ab3f44f08c30d5e2a44ca26db1afce6b82313', id: "verdocs-contact-picker-message", name: "verdocs-contact-picker-message", type: "text", "data-lpignore": "true", autocomplete: "blocked", value: this.message, placeholder: "Invitation Message...", onFocus: () => (this.showSuggestions = false), onInput: e => this.handleMessageChange(e) }))), h("div", { key: '8c0295589fb39514d9da534bc57d18e35e2b77bb', class: "buttons" }, h("verdocs-toggle-button", { key: '2fa1df450fa7c66b8fd70a83bff4967dde6a100e', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
                 this.showKba = e.detail.active;
                 if (!e.detail.active) {
                     this.pinCode = '';
                     this.kbaMethod = '';
                 }
                 this.showSuggestions = false;
-            } }), h("verdocs-toggle-button", { key: 'c7790cc8c9beb9ad8f3e69dfe62436fe9365463e', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: '4d9e6bb2b64b3c9c6e9f7a74ce5631189ef9b358', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: '0c12444bf7ce9bbaa2ddac54f2d219b9b86157a4', class: "flex-fill" }), h("verdocs-button", { key: '3f7f3356cfd19f407ea7fcb8c2e8e641b69bf03a', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '598bff5040b18bb4eff4e35b848b7a99fe536953', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
+            } }), h("div", { key: '5686aed5c1b33e96d945de8bb467935fc51f09d0', class: "flex-fill" }), h("verdocs-button", { key: '74d6bcc7f14a79e381adfb89c6fb196fb749cae3', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'dc734de21e10ff2f17511dff743196abd18fd533', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
     }
     static get is() { return "verdocs-contact-picker"; }
     static get originalStyleUrls() {
@@ -190,18 +193,13 @@ export class VerdocsContactPicker {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "(IEmailContact | IPhoneContact)[]",
-                    "resolved": "(IEmailContact | IPhoneContact)[]",
+                    "original": "TPickerContact[]",
+                    "resolved": "Partial<IProfile>[]",
                     "references": {
-                        "IEmailContact": {
+                        "TPickerContact": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx",
-                            "id": "src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx::IEmailContact"
-                        },
-                        "IPhoneContact": {
-                            "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx",
-                            "id": "src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx::IPhoneContact"
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx",
+                            "id": "src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx::TPickerContact"
                         }
                     }
                 },
@@ -252,7 +250,7 @@ export class VerdocsContactPicker {
                     "references": {
                         "IContactSearchEvent": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx",
                             "id": "src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx::IContactSearchEvent"
                         }
                     }
@@ -288,7 +286,7 @@ export class VerdocsContactPicker {
                     "references": {
                         "IContactSelectEvent": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx",
                             "id": "src/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.tsx::IContactSelectEvent"
                         }
                     }

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

@@ -79,7 +79,8 @@ export class VerdocsEnvelopeRecipientLink {
         }
         // const recipientsWithActions = getRecipientsWithActions(this.store.state); const showLinkButton = recipientCanAct(recipient, recipientsWithActions); const link =
         //   this.links[recipient.role_name]; const gettingLink = this.gettingLinks[recipient.role_name]; return (
-        return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "In-Person Signing Link"), h("div", { class: "summary-rows" }, h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, this.recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, this.recipient.full_name, " (", this.recipient.email || this.recipient.phone, ")"), !this.link && (h("verdocs-button", { size: "small", variant: "outline", label: this.gettingLink ? 'Loading...' : 'Get Link', disabled: this.gettingLink, onClick: () => this.getLink(this.recipient) }))), this.link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, this.link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(this.link) })))))), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) })))));
+        const fullName = `${this.recipient.first_name || ''} ${this.recipient.last_name || ''}`.trim() || this.recipient.full_name || '';
+        return (h(Host, null, h("div", { class: "summary-content" }, h("h1", { class: "summary-title" }, "In-Person Signing Link"), h("div", { class: "summary-rows" }, h("div", { class: "summary-recipient" }, h("div", { class: "role-name" }, this.recipient.role_name), h("div", { class: "role-details" }, h("div", { class: "role-info" }, h("div", { class: "role-full-name" }, fullName, " (", this.recipient.email || this.recipient.phone, ")"), !this.link && (h("verdocs-button", { size: "small", variant: "outline", label: this.gettingLink ? 'Loading...' : 'Get Link', disabled: this.gettingLink, onClick: () => this.getLink(this.recipient) }))), this.link && (h("div", { class: "link-wrapper" }, h("div", { class: "link" }, this.link), h("verdocs-button", { size: "small", variant: "outline", label: "Copy", onClick: () => this.copyLink(this.link) })))))), h("div", { class: "buttons" }, h("verdocs-button", { size: "small", label: "Done", onClick: e => this.handleDone(e) })))));
     }
     static get is() { return "verdocs-envelope-recipient-link"; }
     static get originalStyleUrls() {

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

@@ -102,7 +102,8 @@ export class VerdocsEnvelopeRecipientSummary {
             const showLinkButton = recipientCanAct(recipient, recipientsWithActions);
             const link = this.links[recipient.role_name];
             const gettingLink = this.gettingLinks[recipient.role_name];
-            return (h("div", { class: "summary-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) }))))));
+            const fullName = `${recipient.first_name || ''} ${recipient.last_name || ''}`.trim() || recipient.full_name || '';
+            return (h("div", { class: "summary-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" }, fullName, " (", 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 is() { return "verdocs-envelope-recipient-summary"; }

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

@@ -143,77 +143,77 @@ export class VerdocsEnvelopeSidebar {
         }
         histories.forEach(history => {
             var _a;
-            const user = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.find(recipient => recipient.role_name === history.role_name);
-            const name = (user === null || user === void 0 ? void 0 : user.full_name) || '';
+            const recipient = (_a = this.store.state) === null || _a === void 0 ? void 0 : _a.recipients.find(recipient => recipient.role_name === history.role_name);
+            const fullName = `${recipient.first_name || ''} ${recipient.last_name || ''}`.trim() || recipient.full_name || '';
             switch (history.event.toLowerCase()) {
                 case 'recipient:signed':
-                    entries.push({ icon: 'gesture', message: `Signed by ${name}.`, date: new Date(history.created_at) });
+                    entries.push({ icon: 'gesture', message: `Signed by ${fullName}.`, date: new Date(history.created_at) });
                     break;
                 case 'recipient:declined':
-                    entries.push({ icon: 'clear', message: `Declined by ${name}.`, date: new Date(history.created_at) });
+                    entries.push({ icon: 'clear', message: `Declined by ${fullName}.`, 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) });
+                            entries.push({ icon: 'visibility', message: `Opened by ${fullName}, 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) });
+                            entries.push({ icon: 'visibility', message: `Opened by ${fullName}, 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) });
+                            entries.push({ icon: 'visibility', message: `Opened by ${fullName}, 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) });
+                            entries.push({ icon: 'visibility', message: `Opened by ${fullName}, via dashboard.`, date: new Date(history.created_at) });
                             break;
                         default:
-                            entries.push({ icon: 'visibility', message: `Opened by ${name}.`, date: new Date(history.created_at) });
+                            entries.push({ icon: 'visibility', message: `Opened by ${fullName}.`, 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) });
+                            entries.push({ icon: 'check_circle', message: `Approved by ${fullName}.`, date: new Date(history.created_at) });
                             break;
                         default:
-                            entries.push({ icon: 'send', message: `Submitted by ${name}.`, date: new Date(history.created_at) });
+                            entries.push({ icon: 'send', message: `Submitted by ${fullName}.`, 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) });
+                    entries.push({ icon: 'send', message: `Prepared by ${fullName}.`, 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) });
+                        entries.push({ icon: 'account_circle', message: `${fullName} 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) });
+                        entries.push({ icon: 'verified_user', message: `${fullName} 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) });
+                    entries.push({ icon: 'done', message: `${fullName} 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) });
+                        entries.push({ icon: 'textsms', message: `${fullName} 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) });
+                        entries.push({ icon: 'mail', message: `${fullName} 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' : ''}.`,
+                        message: `Invitation was resent to ${fullName} ${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) });
+                    entries.push({ icon: 'contact_mail', message: `A copy has been sent to ${fullName}.`, date: new Date(history.created_at) });
                     break;
                 case 'recipient:delegated':
                     entries.push({ icon: 'people', message: history.event_detail, date: new Date(history.created_at) });
@@ -235,7 +235,7 @@ export class VerdocsEnvelopeSidebar {
                     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) });
+                    entries.push({ icon: 'link', message: `Owner accessed the In-person link for ${recipient}.`, date: new Date(history.created_at) });
                     break;
                 default:
                     console.log('[SIDEBAR] Unknown history type', history);
@@ -264,13 +264,14 @@ export class VerdocsEnvelopeSidebar {
             _0.recipients.map((recipient, index) => {
                 const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
                 const canSendReminder = this.canResendRecipient(recipient);
+                const fullName = `${recipient.first_name || ''} ${recipient.last_name || ''}`.trim() || recipient.full_name || '';
                 return (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-type" }, recipient.role_name), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && !functionsDisabled && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
                         { id: 'reminder', label: 'Send Reminder', disabled: !canSendReminder },
                         { id: 'inperson', label: 'Get In-Person Link', disabled: !canGetInPersonLink },
                         // {id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient)},
                         // 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))));
+                    ] }))), h("dic", { class: "recipient-content" }, h("div", { class: "recipient-name" }, fullName), 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: "Cancel Verdoc", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (h("div", { class: "content" }, h("div", { class: "title" }, "History"), historyEntries.map(entry => (h("div", { class: "history-entry" }, h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), h("div", { class: "activity-details" }, h("div", { class: "activity-text" }, entry.message), h("div", { class: "activity-date" }, format(entry.date, FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showManageDialog && (h("verdocs-envelope-recipient-summary", { envelopeId: this.envelopeId, canView: false, onAnother: () => {
                 var _a;
                 this.showManageDialog = false;

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -221,7 +221,7 @@ export class VerdocsEnvelopesList {
                     else {
                         this.selectedEnvelopes = this.selectedEnvelopes.filter(e => e.id !== envelope.id);
                     }
-                } }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon, class: "envelope-icon" }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0 ", h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => r.full_name).join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
+                } }), h("div", { class: "vert-spacer" }), h("span", { innerHTML: DocumentIcon, class: "envelope-icon" }), h("div", { class: "envelope-name" }, envelope.name, ":\u00A0", ' ', h("div", { class: "envelope-recipients" }, envelope.recipients.map(r => `${r.first_name || ''} ${r.last_name || ''}`.trim() || r.full_name || '').join(', '))), h("div", { class: "vert-spacer" }), h("verdocs-status-indicator", { envelope: envelope, style: { width: '125px' } }), h("div", { class: "vert-spacer" }), h("div", { class: "last-modified" }, new Date(envelope.updated_at).toLocaleString()), h("div", { class: "vert-spacer" }), h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => {
                     var _a, _b;
                     switch (e.detail.id) {
                         case 'view':
@@ -243,7 +243,7 @@ export class VerdocsEnvelopesList {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '61a9e69c17606600ecce9926286a019a4bd3f6e2', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '8b351e5c629ef3d4610a56b26f0eb264f7b4e6ff', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: 'fcea4e8de649f7e811adfd2465e3ec59b5d14289', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '9f69370d4263290168b89d746c8d9adf25ea87fb', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
             } }))) : (h("div", null))));
     }

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js

@@ -75,8 +75,7 @@ export class VerdocsStatusIndicator {
                 const leftOffset = ENTRY_PADDING / 2 + leftoverSpace / 2;
                 recipients.forEach((recipient, index) => {
                     var _a;
-                    const [first, last] = (recipient.full_name || 'Unknown').toUpperCase().split(' ');
-                    const name = `${first} ${last === null || last === void 0 ? void 0 : last.substring(0, 1)}`;
+                    const name = `${recipient.first_name || ''} ${recipient.last_name || ('' === null || '' === void 0 ? void 0 : ''.substring(0, 1))}`;
                     const entity = {
                         id: recipient.id,
                         text: name,
@@ -238,11 +237,11 @@ export class VerdocsStatusIndicator {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: '16612687bb40047d888f35071a017956c670dfa7', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: '94fb6a69e0c386c1261756e7d56006e6d8adcf58', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: 'b2d8a3e8916a42773129dfe1e751fec203a8e87e', class: "icon", innerHTML: icon }), h("span", { key: 'c8312f756bfc95da805faf269f583e2b840c6e56', class: "content" }, statusMessage), h("div", { key: '0517fb3aeba6908cf05f517c64fd8e8878c2d0ec', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '2de4e11a3b809b549a96f78e393ef9c95f3a3021', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '18a63e9450c3541ee21761956abdadcb35f89c37', class: "icon", innerHTML: icon }), h("span", { key: '165b82636651f16261eb9ee4aba00592630cbb28', class: "content" }, statusMessage), h("div", { key: '32dec0a7c5f48c432e41928fa7f64acaa2530b6f', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: '6964d9ab9b96149cc8207a5a38433442512df0a2', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get is() { return "verdocs-status-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/fields/verdocs-field-attachment/verdocs-field-attachment.js

@@ -381,7 +381,7 @@ export class VerdocsFieldAttachment {
                     "references": {
                         "ISelectedFile": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/fields/verdocs-field-attachment/verdocs-field-attachment.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/fields/verdocs-field-attachment/verdocs-field-attachment.tsx",
                             "id": "src/components/fields/verdocs-field-attachment/verdocs-field-attachment.tsx::ISelectedFile"
                         }
                     }

package/dist/collection/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.js

@@ -170,7 +170,7 @@ export class VerdocsTemplateBuildTabs {
                     "references": {
                         "TVerdocsBuildStep": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.tsx",
                             "id": "src/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.tsx::TVerdocsBuildStep"
                         }
                     }
@@ -230,7 +230,7 @@ export class VerdocsTemplateBuildTabs {
                     "references": {
                         "TVerdocsBuildStep": {
                             "location": "local",
-                            "path": "/Users/chad/projects/verdocs/a2/web-sdk/verdocs-web-sdk/src/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.tsx",
+                            "path": "/Users/chad/projects/verdocs/web-sdk/verdocs-web-sdk/src/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.tsx",
                             "id": "src/components/templates/verdocs-template-build-tabs/verdocs-template-build-tabs.tsx::TVerdocsBuildStep"
                         }
                     }