@verdocs/web-sdk 4.2.56 → 4.2.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +18 -15
- package/dist/cjs/verdocs-field-attachment_13.cjs.entry.js +1 -1
- package/dist/cjs/verdocs-web-sdk.cjs.js +1 -1
- package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.css +8 -0
- package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +17 -15
- package/dist/collection/components/fields/verdocs-field-textbox/verdocs-field-textbox.js +1 -1
- package/dist/components/verdocs-contact-picker2.js +18 -16
- package/dist/components/verdocs-field-textbox2.js +1 -1
- package/dist/custom-elements.json +2030 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/verdocs-contact-picker_2.entry.js +18 -15
- package/dist/esm/verdocs-field-attachment_13.entry.js +1 -1
- package/dist/esm/verdocs-web-sdk.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
- package/dist/esm-es5/verdocs-field-attachment_13.entry.js +1 -1
- package/dist/esm-es5/verdocs-web-sdk.js +1 -1
- package/dist/types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.d.ts +2 -3
- package/dist/verdocs-web-sdk/p-03a228e4.system.js +1 -1
- package/dist/verdocs-web-sdk/{p-8f6dc2a1.system.entry.js → p-51ecab4b.system.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-68ff6623.system.entry.js +1 -0
- package/dist/verdocs-web-sdk/{p-af561085.entry.js → p-8bedbce7.entry.js} +1 -1
- package/dist/verdocs-web-sdk/p-b7ef23c9.entry.js +1 -0
- package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
- package/package.json +5 -5
- package/dist/verdocs-web-sdk/p-216f335e.system.entry.js +0 -1
- package/dist/verdocs-web-sdk/p-b551b4ec.entry.js +0 -1
|
@@ -6,7 +6,7 @@ import { d as defineCustomElement$3 } from './verdocs-help-icon2.js';
|
|
|
6
6
|
import { d as defineCustomElement$2 } from './verdocs-select-input2.js';
|
|
7
7
|
import { d as defineCustomElement$1 } from './verdocs-toggle-button2.js';
|
|
8
8
|
|
|
9
|
-
const verdocsContactPickerCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{background-color:#f5f5fa;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .row{width:300px;display:-ms-flexbox;display:flex;position:relative;margin:0 0 20px 0;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-contact-picker form .label-with-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-contact-picker form .label-with-icon verdocs-help-icon svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-contact-picker form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{fill:#666666}verdocs-contact-picker form .dropdown .suggestion .avatar{width:48px;height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}";
|
|
9
|
+
const verdocsContactPickerCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-contact-picker{display:block;border:1px solid #ebebeb;background-color:#ffffff;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form{background-color:#f5f5fa;padding:12px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .row{width:300px;display:-ms-flexbox;display:flex;position:relative;margin:0 0 20px 0;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .names-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;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;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-contact-picker form .label-with-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}verdocs-contact-picker form .label-with-icon verdocs-help-icon svg{-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-contact-picker form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-contact-picker form input:focus{outline:none}verdocs-contact-picker form .dropdown{left:0;right:0;top:49px;z-index:1000000;position:absolute;background:#ffffff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.1)}verdocs-contact-picker form .dropdown .suggestion{display:-ms-flexbox;display:flex;padding:6px 12px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker form .dropdown .suggestion svg{fill:#666666}verdocs-contact-picker form .dropdown .suggestion .avatar{width:48px;height:48px;-ms-flex:0 0 48px;flex:0 0 48px;margin-right:8px;border-radius:100%}verdocs-contact-picker form .dropdown .suggestion .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-contact-picker form .dropdown .suggestion .name{font-size:16px;font-weight:500;margin-bottom:3px;color:#092c4c}verdocs-contact-picker form .dropdown .suggestion .destination{font-size:14px;margin-bottom:3px;color:#33364b}verdocs-contact-picker form .dropdown .suggestion:hover{background:#eee;cursor:pointer}verdocs-contact-picker .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-contact-picker .buttons .flex-fill{-ms-flex:1;flex:1}verdocs-contact-picker ::-webkit-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-moz-placeholder{color:#aaaaaa}verdocs-contact-picker :-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::-ms-input-placeholder{color:#aaaaaa}verdocs-contact-picker ::placeholder{color:#aaaaaa}verdocs-contact-picker [data-lastpass-icon-root]{display:none !important}";
|
|
10
10
|
const VerdocsContactPickerStyle0 = verdocsContactPickerCss;
|
|
11
11
|
|
|
12
12
|
const messageIcon = '<svg focusable="false" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';
|
|
@@ -24,7 +24,6 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
|
|
|
24
24
|
this.endpoint = VerdocsEndpoint.getDefault();
|
|
25
25
|
this.templateRole = null;
|
|
26
26
|
this.contactSuggestions = [];
|
|
27
|
-
this.name = undefined;
|
|
28
27
|
this.first_name = undefined;
|
|
29
28
|
this.last_name = undefined;
|
|
30
29
|
this.email = undefined;
|
|
@@ -44,10 +43,10 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
|
|
|
44
43
|
}
|
|
45
44
|
componentWillLoad() {
|
|
46
45
|
if (this.templateRole) {
|
|
46
|
+
// TODO: For backwards compatibility, may be removed once templateRole no longer has a full_name
|
|
47
47
|
const nameComponents = (this.templateRole.full_name || '').split(' ');
|
|
48
|
-
const firstName = nameComponents.shift() || '';
|
|
49
|
-
const lastName = nameComponents.join(' ');
|
|
50
|
-
this.name = this.templateRole.full_name || '';
|
|
48
|
+
const firstName = this.templateRole.first_name || nameComponents.shift() || '';
|
|
49
|
+
const lastName = this.templateRole.last_name || nameComponents.join(' ') || '';
|
|
51
50
|
this.first_name = firstName;
|
|
52
51
|
this.last_name = lastName;
|
|
53
52
|
this.email = this.templateRole.email || '';
|
|
@@ -61,10 +60,15 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
|
|
|
61
60
|
this.pinCode = '';
|
|
62
61
|
}
|
|
63
62
|
}
|
|
64
|
-
|
|
63
|
+
handleFirstNameChange(e) {
|
|
65
64
|
var _a;
|
|
66
|
-
this.
|
|
67
|
-
(_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.
|
|
65
|
+
this.first_name = e.target.value;
|
|
66
|
+
(_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.first_name });
|
|
67
|
+
}
|
|
68
|
+
handleLastNameChange(e) {
|
|
69
|
+
var _a;
|
|
70
|
+
this.last_name = e.target.value;
|
|
71
|
+
(_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.last_name });
|
|
68
72
|
}
|
|
69
73
|
handleEmailChange(e) {
|
|
70
74
|
this.email = e.target.value;
|
|
@@ -86,7 +90,6 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
|
|
|
86
90
|
e.stopPropagation();
|
|
87
91
|
this.showSuggestions = false;
|
|
88
92
|
(_a = this.next) === null || _a === void 0 ? void 0 : _a.emit({
|
|
89
|
-
full_name: this.name,
|
|
90
93
|
first_name: this.first_name,
|
|
91
94
|
last_name: this.last_name,
|
|
92
95
|
email: this.email,
|
|
@@ -97,7 +100,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
|
|
|
97
100
|
}
|
|
98
101
|
handleSelectSuggestion(e, suggestion) {
|
|
99
102
|
e.stopPropagation();
|
|
100
|
-
|
|
103
|
+
console.log('Selected', suggestion);
|
|
101
104
|
this.first_name = suggestion.first_name;
|
|
102
105
|
this.last_name = suggestion.last_name;
|
|
103
106
|
this.email = suggestion.email;
|
|
@@ -107,31 +110,30 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
|
|
|
107
110
|
// The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
|
|
108
111
|
// and show a duplicate autocomplete picker on top of our own.
|
|
109
112
|
render() {
|
|
110
|
-
return (h("form", { key: '
|
|
113
|
+
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 => {
|
|
111
114
|
var _a;
|
|
112
115
|
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))));
|
|
113
|
-
})))), h("div", { key: '
|
|
116
|
+
})))), 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: [
|
|
114
117
|
{ label: 'None', value: '' },
|
|
115
118
|
{ label: 'PIN Code', value: 'pin' },
|
|
116
119
|
{ label: 'Full Verification', value: 'kba' },
|
|
117
|
-
] }), this.kbaMethod === 'pin' && (h("input", { key: '
|
|
120
|
+
] }), 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 => {
|
|
118
121
|
this.showKba = e.detail.active;
|
|
119
122
|
if (!e.detail.active) {
|
|
120
123
|
this.pinCode = '';
|
|
121
124
|
this.kbaMethod = '';
|
|
122
125
|
}
|
|
123
126
|
this.showSuggestions = false;
|
|
124
|
-
} }), h("verdocs-toggle-button", { key: '
|
|
127
|
+
} }), h("verdocs-toggle-button", { key: 'c7790cc8c9beb9ad8f3e69dfe62436fe9365463e', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
|
|
125
128
|
this.showMessage = e.detail.active;
|
|
126
129
|
this.showSuggestions = false;
|
|
127
|
-
} }), h("div", { key: '
|
|
130
|
+
} }), 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) }))));
|
|
128
131
|
}
|
|
129
132
|
static get style() { return VerdocsContactPickerStyle0; }
|
|
130
133
|
}, [0, "verdocs-contact-picker", {
|
|
131
134
|
"endpoint": [16],
|
|
132
135
|
"templateRole": [16],
|
|
133
136
|
"contactSuggestions": [16],
|
|
134
|
-
"name": [32],
|
|
135
137
|
"first_name": [32],
|
|
136
138
|
"last_name": [32],
|
|
137
139
|
"email": [32],
|
|
@@ -61,7 +61,7 @@ const VerdocsFieldTextbox = /*@__PURE__*/ proxyCustomElement(class VerdocsFieldT
|
|
|
61
61
|
interact.dynamicDrop(true);
|
|
62
62
|
if (this.editable) {
|
|
63
63
|
interact(this.el).resizable({
|
|
64
|
-
edges: { top: true, bottom:
|
|
64
|
+
edges: { top: true, bottom: false, left: true, right: true },
|
|
65
65
|
modifiers: [
|
|
66
66
|
interact.modifiers.restrictSize({
|
|
67
67
|
min: { width: 30, height: 15 },
|