@verdocs/web-sdk 4.2.70 → 4.2.76

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

@@ -27,7 +27,7 @@ export class VerdocsPortal {
         this.align = 'left';
     }
     handleScroll() {
-        // this.calculatePosition();
+        this.calculatePosition();
     }
     handleResize() {
         this.calculatePosition();
@@ -56,7 +56,7 @@ export class VerdocsPortal {
         if (!anchorEl)
             return 0;
         const anchorRect = anchorEl.getBoundingClientRect();
-        return anchorRect.bottom + this.voffset;
+        return anchorRect.bottom + this.voffset + document.documentElement.scrollTop;
     }
     calculatePosition() {
         this.portal.style.top = `${this.calculateTop()}px`;
@@ -71,6 +71,12 @@ export class VerdocsPortal {
         this.portal.style.zIndex = Z_INDEX;
         this.portal.style.position = 'absolute';
         document.body.append(this.portal);
+        // function debounce(method, delay) {
+        //   clearTimeout(method._tId);
+        //   method._tId = setTimeout(function () {
+        //     method();
+        //   }, delay);
+        // }
     }
     componentDidLoad() {
         this.portal.appendChild(this.element);
@@ -80,7 +86,7 @@ export class VerdocsPortal {
         this.moved ? this.portal.remove() : (this.moved = true);
     }
     render() {
-        return (h(Host, { key: '6ca1f82e243b2f1892595a9e0f7127a9c5c0e018', ref: el => (this.element = el) }, h("slot", { key: 'e16bdeda7ac210db095242e94e0128f4bab8010f' })));
+        return (h(Host, { key: '9929603a3ff04c0d2315b082cc23ec41394fad74', ref: el => (this.element = el) }, h("slot", { key: 'cbde23964359e4a9bbe7f41bd3ed13576c159aa5' })));
     }
     static get is() { return "verdocs-portal"; }
     static get originalStyleUrls() {
@@ -179,13 +185,13 @@ export class VerdocsPortal {
                 "name": "resize",
                 "method": "handleResize",
                 "target": "window",
-                "capture": true,
+                "capture": false,
                 "passive": true
             }, {
                 "name": "click",
                 "method": "handleClick",
-                "target": "window",
-                "capture": true,
+                "target": "document",
+                "capture": false,
                 "passive": false
             }];
     }

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

@@ -59,11 +59,11 @@ export class VerdocsSend {
                     this.sessionContacts = [me];
                     getOrganizationContacts(this.endpoint)
                         .then(contacts => {
-                        console.log('Got contacts', contacts);
+                        console.log('[SEND] Got contacts', contacts);
                         this.sessionContacts = [...contacts, me];
                     })
                         .catch(e => {
-                        console.log('Error getting contacts', e);
+                        console.log('[SEND] Error getting contacts', e);
                     });
                 }
             });
@@ -150,7 +150,6 @@ export class VerdocsSend {
         }
     }
     handleSelectContact(e, role) {
-        console.log('selc', e.detail);
         e.preventDefault();
         this.rolesCompleted[role.id] = { ...role, ...e.detail };
         this.showPickerForId = '';
@@ -162,10 +161,10 @@ export class VerdocsSend {
     handleSend(e) {
         var _a, _b, _c;
         if (this.sending) {
-            console.log('Skipping duplicate send', e);
+            console.log('[SEND] Skipping duplicate send', e);
             return;
         }
-        console.log('Sending', e);
+        console.log('[SEND] Sending', e);
         e.preventDefault();
         e.stopPropagation();
         this.sending = true;

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

@@ -97,7 +97,6 @@ export class VerdocsContactPicker {
     }
     handleSelectSuggestion(e, suggestion) {
         e.stopPropagation();
-        console.log('Selected', suggestion);
         this.first_name = suggestion.first_name;
         this.last_name = suggestion.last_name;
         this.email = suggestion.email;
@@ -107,26 +106,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: 'afe87589323a6c7bbc20378c4b697087dfa698c4', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'cd1821c3dbfdc2223fe6d6455d3f89d6ad3afa3b', class: "row" }, h("label", { key: '130729c3ad6a6a06cad020a8cd2e6ef7dc62ed2e', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'b5c0d7563deb878ceb273137b247588a5012051a', class: "names-row" }, h("input", { key: 'dfec098bf5c5b6a3e17eb8aa6070ffa9bcc46db5', 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: 'f490230827f9b520a1038622ffb2a47dba821e7f', 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: '9e7bda8af69abfe6402e0ada80e40fe9a190835f', class: "dropdown" }, this.contactSuggestions
+        return (h("form", { key: 'dd02e23758d334495edb642f0f1513889eca5bbe', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'f8594524ea492993227b07e0e8d5a71c847f1b64', class: "row" }, h("label", { key: 'fbbef02b5e11880c7c104b96de3a17537bc7ff8c', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: '50d4ff03c47eb77865de05ffd247e7684e2cdbcf', class: "names-row" }, h("input", { key: 'dc52d17011643cbb25f9e5129aadacd1104365a9', 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: 'f46f41f7eb915569ce6e202667873a0309d98d16', 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: 'b82ecccbf9fa1172af45f33595337a73589ac482', 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.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" }, formatFullName(suggestion)), suggestion.email && h("div", { class: "destination" }, suggestion.email), suggestion.phone && h("div", { class: "destination" }, suggestion.phone))));
-        })))), h("div", { key: 'f50e03a0b1532f78c0a98be0bbbeb5c488d06b7e', class: "row" }, h("label", { key: '847a03964705042059143471be35a46d5e2b2b12', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: 'a7c27cc87a25041a2a3668929b4752afe9195d3b', 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: 'a389528718e46e959b73a86630bd7f69fb620de1', class: "row" }, h("label", { key: '4d4acda8e933a8edd2d2f5c52ca77a2a72aef512', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'e0dbdfa1c347f475c811a6d5f1d640f733856592', 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: '343bdf9658583cac02155b17362fc291571deae7', class: "row" }, h("div", { key: 'bfa7496f29db14a0e4ac069d17bb91050bfbd113', class: "label-with-icon" }, h("label", { key: 'e2cac18062f6aaf62af08f4e966cde31759d6dcb' }, "KBA:"), h("verdocs-help-icon", { key: '0a80c66ecbfb487efa15ab6a4c184df061db9076', 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: 'ee90cd3cd7e026ba5fd4ad2c9ee5f8e8a1479b1a', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
+        })))), h("div", { key: '7a3fc3c98c19a4a1bb07a6914f35eba61132294d', class: "row" }, h("label", { key: 'b2a589aae874fe69b8ae50569e14c6005344d8f3', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: '39ee39af447b65d543492ebac6d199985aada563', 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: 'c7420ac25ad40fb99a40212266efa3b564058b1d', class: "row" }, h("label", { key: 'bd4b4eaf87be10f5a34186b27fd4ee8239cfacc9', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: 'abfa297fa18f57ef20313b1ac9e9cc866f0e37e9', 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: 'bea4383cd29e9c43b883c29b55f0e6cacf89c63f', class: "row" }, h("div", { key: '8ebacef0e2786a5a141ebc338fcaa062a25c5090', class: "label-with-icon" }, h("label", { key: '74c32c83aac8d0400726f4ef5d95c60b3eb12c99' }, "KBA:"), h("verdocs-help-icon", { key: 'be3777686a2a9d51ff91205f49e68b17d6fee18c', 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: '35a7918e94a09d78c5c5a43992bea92e19fd406b', 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: 'abc4447e13083bcf303638726e4fee9a72626ee7', 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: '891957c01d85c52da2d245d46e4f58515072814e', class: "row" }, h("label", { key: 'a606f013a2add41a5c1040ff3078e83a744bc1d0', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '92d6a7991e6a912886d91517d90396d61cd56c7f', 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: 'ce3c2403b493aba7a9b4e470425595ee06679f40', class: "buttons" }, h("verdocs-toggle-button", { key: '9799719ced528476bccabfff28dc26be2ea414ee', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
+            ] }), this.kbaMethod === 'pin' && (h("input", { key: 'aeefe336a8461aa1ac41d3be0494f51b858b3810', 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: '1c55a0f11426dbcf82ced0fe5291fcb14a70bb2f', class: "row" }, h("label", { key: 'c2c7f9dd66ed8fd9dae52175cba6e9b575aa64b5', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: 'c63897c136a04b3feba02b6dde46d7f74c97f330', 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: '7e0d6e9b519a51988711cfca0f1392b39ae4eec1', class: "buttons" }, h("verdocs-toggle-button", { key: '3cae0b84394a5c8516599af788e2cb0568235582', 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: 'b7cd508f79e2d98919a698466d2e9ca475935271', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
+            } }), h("verdocs-toggle-button", { key: '045544245ba967bd6ee43cb25a5fb8f2c9013da9', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
                 this.showMessage = e.detail.active;
                 this.showSuggestions = false;
-            } }), h("div", { key: '1e6ab34550a4ff72216f67fa24be01febbf9df27', class: "flex-fill" }), h("verdocs-button", { key: '009de03c3a09b96c832a6a063dde93b80d9fe992', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '8f014ed5ad0e970ac8b2f417c666a4ea9f052115', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
+            } }), h("div", { key: '1363f8353900490ac9a98ccd1da36831b9c06469', class: "flex-fill" }), h("verdocs-button", { key: '5cf40a9d890ff67a96dff5913b76eb603e4e1702', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: 'bfe86cdc15de884189f1ae342bef1be2f7887221', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
     }
     static get is() { return "verdocs-contact-picker"; }
     static get originalStyleUrls() {