@verdocs/web-sdk 4.2.56 → 4.2.58

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

@@ -51,7 +51,8 @@ export class VerdocsSend {
                     this.sessionContacts = [];
                     this.sessionContacts.push({
                         id: profile.id,
-                        name: `${profile.first_name} ${profile.last_name}`,
+                        first_name: profile.first_name,
+                        last_name: profile.last_name,
                         email: profile.email,
                         phone: profile.phone,
                     });
@@ -100,9 +101,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 +141,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 +206,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

@@ -29,6 +29,14 @@ verdocs-contact-picker form .row {
   margin: 0 0 20px 0;
   flex-direction: column;
 }
+verdocs-contact-picker form .names-row {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+}
+verdocs-contact-picker form .names-row > input {
+  min-width: 0;
+}
 verdocs-contact-picker form label {
   display: block;
   font-size: 14px;

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

@@ -20,7 +20,6 @@ export class VerdocsContactPicker {
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateRole = null;
         this.contactSuggestions = [];
-        this.name = undefined;
         this.first_name = undefined;
         this.last_name = undefined;
         this.email = undefined;
@@ -40,10 +39,11 @@ export class VerdocsContactPicker {
     }
     componentWillLoad() {
         if (this.templateRole) {
-            const nameComponents = (this.templateRole.full_name || '').split(' ');
-            const firstName = nameComponents.shift() || '';
-            const lastName = nameComponents.join(' ');
-            this.name = this.templateRole.full_name || '';
+            // TODO: For backwards compatibility, may be removed once templateRole no longer has a full_name
+            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;
             this.last_name = lastName;
             this.email = this.templateRole.email || '';
@@ -57,10 +57,15 @@ export class VerdocsContactPicker {
             this.pinCode = '';
         }
     }
-    handleNameChange(e) {
+    handleFirstNameChange(e) {
         var _a;
-        this.name = e.target.value;
-        (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.name });
+        this.first_name = e.target.value;
+        (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.first_name });
+    }
+    handleLastNameChange(e) {
+        var _a;
+        this.last_name = e.target.value;
+        (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.last_name });
     }
     handleEmailChange(e) {
         this.email = e.target.value;
@@ -82,7 +87,6 @@ export class VerdocsContactPicker {
         e.stopPropagation();
         this.showSuggestions = false;
         (_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({
-            full_name: this.name,
             first_name: this.first_name,
             last_name: this.last_name,
             email: this.email,
@@ -93,7 +97,7 @@ export class VerdocsContactPicker {
     }
     handleSelectSuggestion(e, suggestion) {
         e.stopPropagation();
-        this.name = suggestion.name;
+        console.log('Selected', suggestion);
         this.first_name = suggestion.first_name;
         this.last_name = suggestion.last_name;
         this.email = suggestion.email;
@@ -103,24 +107,24 @@ 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: 'd4a74d3f95d9c13bf7b4afdc0391aafdc504b053', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '329611e08994741cc94d01d62ab563ad182243ba', class: "row" }, h("label", { key: 'fd235b92d011939bbc20cf4efbe6428d953c454d', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'e3531ddf8308a1be0a3fd43205fde1e99bca5dbc', style: { display: 'flex', flexDirection: 'row', gap: '8px;' } }, h("input", { key: 'b8bf71e3f6ce8e5aad6ee9cb03d1119935206f0c', 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.handleNameChange(e) }), h("input", { key: '9d53c8d43ed0ca4d3f17d39b6d90bece9afd68a7', 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.handleNameChange(e) })), this.showSuggestions && (h("div", { key: 'f53fc8a9ec12e31401afc4d22c98269ba96d0048', class: "dropdown" }, this.contactSuggestions.map(suggestion => {
+        return (h("form", { key: 'eaf9f3ce3f5d435a0fc2ff9b2ee10275c5bb65d4', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: '16041c43395714ac4853849149b9ef09ed8b3a8b', class: "row" }, h("label", { key: 'd25085f7277cd11de5dafa15f628a983f35bbb93', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '64863ec682dc90555992f99c3d23cb297e72a335', class: "names-row" }, h("input", { key: 'b3f70dd283ddddeb3a003e53430a5bb155882022', 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: '8567b897b4ff2241e896d9b1fc18bd376dfb3ba7', 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: 'e1b968a478ba6c5e8683dd47b33febdf179b8cc8', class: "dropdown" }, this.contactSuggestions.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: '29211a4aeccb45c1f6ce4581ce89eef56fd0efa0', class: "row" }, h("label", { key: '32fb4eaa0599ea08364af828e93dd182ee36b42b', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '9a75b49d558dab786d4cec8e74e1d4970da63467', 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: 'd5e07b3b8b24283acb158a8b44a981b1281c0964', class: "row" }, h("label", { key: '0d76a478038a18d4b16f73c14fe8ec53a014ca37', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '7c957fa5584d100e08bcb4ef808ec21ef507df32', 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: '3d48f1e8c4941700ecbc07a57fa3a8e22e866c26', class: "row" }, h("div", { key: '94f76f6449c8939dbd989507d03f8c7323b0487d', class: "label-with-icon" }, h("label", { key: '516dd082ac4cd08e881bffc1ab22d14ed3cc4c52' }, "KBA:"), h("verdocs-help-icon", { key: 'e12ca24140bbcfb1645c14c2bfcf3e7326d3033a', 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: 'eadc53ce819c1ff21a9a3c51e4771a8dd7076eee', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
+        })))), h("div", { key: 'a10b105c1b4b39f555dca754570624ee4cf1fa3a', class: "row" }, h("label", { key: 'c17158644af04aed1f57ad9592a1c86ce839b304', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '31de4d700141c32dc073d9842f111f0f5d087869', 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: '178f5e239279e98c5f7e7b8e7d74e01b029cd575', class: "row" }, h("label", { key: 'be1381774c82ec9ac1d34bfd0fed8b09703ef722', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '20bbeee5c02793a302324ce1c3da3ba0423a886d', 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: '2114ba18ca47e1ddb3a0242862a3a7a489f9cac3', class: "row" }, h("div", { key: '8805ad508c881764373dc0b2731d09f7d64ed51f', class: "label-with-icon" }, h("label", { key: '7f8aa6458dfe937e7b17b98ca5ea8457bd13d330' }, "KBA:"), h("verdocs-help-icon", { key: 'b5d979a6799f47760c6f4b7caecbbcf04f4be07d', 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: 'a8074ec42c02edffb9141f0efab39d55c88f84a8', 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: 'db7162ba5935448fdf6b335b57c2ac91283563b6', 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: '2ff18d49d7bd4181ba6fbf1ecacb64ba458b66d2', class: "row" }, h("label", { key: '2c22e7f0c17c5e86e4c920399ba3d4b0500a495e', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'ff3a0a753f1cb6418e02cb0f4abffbe540fd4213', 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: 'cec56a872a810a5cedc49e57f3afe1ecf3c3ade6', class: "buttons" }, h("verdocs-toggle-button", { key: '6f9e177a3e8d077144b5d4382a18a95b44616d12', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), this.kbaMethod === 'pin' && (h("input", { key: '2bf19c40e5b2e1a4fb13002b78719cef04d9a80c', 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: '422e5484637d0d8bb5c75135440e749c8d61762c', class: "row" }, h("label", { key: '14a30145cbfe95e9506e6158653043ad514ebfcc', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '6f185da10b418d83924be637c8761656c57ee9d5', 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: '1783766a39890c1df677e64e64a43d8a2b2acf70', class: "buttons" }, h("verdocs-toggle-button", { key: '6728bee193c128e218d1e672915cc90e3563ef61', 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: '8d7468bdc795eff356f4636bff62b9536c0a2d59', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: 'a981d7f6385fbfcfb1de11a9a228080bd7480650', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: 'a902c45f33e944655d42f758b67c082fa57c93ca', class: "flex-fill" }), h("verdocs-button", { key: 'b24bce7779c3049c5f578cc55b2dec550258c57a', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '6445645ad05e49aa28c149bed65ee95ce6889e2a', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
+            } }), h("div", { key: 'ec7885eb818035917f71cc100d6316896c0c435b', class: "flex-fill" }), h("verdocs-button", { key: 'edfe1ae05b3bc87b2bc86b61f768e56ad70b5c7f', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'ab7405721d454dbb4db3e936cf36337e60f2051f', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
     }
     static get is() { return "verdocs-contact-picker"; }
     static get originalStyleUrls() {
@@ -192,12 +196,12 @@ export class VerdocsContactPicker {
                     "references": {
                         "IEmailContact": {
                             "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::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",
+                            "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::IPhoneContact"
                         }
                     }
@@ -214,7 +218,6 @@ export class VerdocsContactPicker {
     }
     static get states() {
         return {
-            "name": {},
             "first_name": {},
             "last_name": {},
             "email": {},
@@ -250,7 +253,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"
                         }
                     }
@@ -286,7 +289,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/fields/verdocs-field-textbox/verdocs-field-textbox.js

@@ -48,7 +48,7 @@ export class VerdocsFieldTextbox {
         interact.dynamicDrop(true);
         if (this.editable) {
             interact(this.el).resizable({
-                edges: { top: true, bottom: true, left: true, right: true },
+                edges: { top: true, bottom: false, left: true, right: true },
                 modifiers: [
                     interact.modifiers.restrictSize({
                         min: { width: 30, height: 15 },

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"
                         }
                     }