@verdocs/web-sdk 4.2.100 → 4.2.101

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.
Files changed (28) hide show
  1. package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js +5 -14
  2. package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js +1 -1
  3. package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js +5 -6
  4. package/dist/collection/components/controls/verdocs-switch/verdocs-switch.css +2 -2
  5. package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js +5 -14
  6. package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js +5 -6
  7. package/dist/components/verdocs-contact-picker2.js +5 -14
  8. package/dist/components/verdocs-envelope-sidebar.js +5 -6
  9. package/dist/components/verdocs-switch2.js +1 -1
  10. package/dist/esm/verdocs-contact-picker_2.entry.js +5 -14
  11. package/dist/esm/verdocs-envelope-recipient-link_2.entry.js +1 -1
  12. package/dist/esm/verdocs-envelope-sidebar.entry.js +5 -6
  13. package/dist/esm-es5/verdocs-contact-picker_2.entry.js +1 -1
  14. package/dist/esm-es5/verdocs-envelope-recipient-link_2.entry.js +1 -1
  15. package/dist/esm-es5/verdocs-envelope-sidebar.entry.js +1 -1
  16. package/dist/types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.d.ts +0 -3
  17. package/dist/verdocs-web-sdk/p-237930d6.entry.js +1 -0
  18. package/dist/verdocs-web-sdk/{p-369adf04.entry.js → p-23ca483b.entry.js} +1 -1
  19. package/dist/verdocs-web-sdk/p-267df026.system.js +1 -1
  20. package/dist/verdocs-web-sdk/p-2bdba630.system.entry.js +1 -0
  21. package/dist/verdocs-web-sdk/p-3819d481.entry.js +1 -0
  22. package/dist/verdocs-web-sdk/{p-fcedcc72.system.entry.js → p-905ab532.system.entry.js} +1 -1
  23. package/dist/verdocs-web-sdk/{p-45c9ff7a.system.entry.js → p-9ed35b3e.system.entry.js} +1 -1
  24. package/dist/verdocs-web-sdk/verdocs-web-sdk.esm.js +1 -1
  25. package/package.json +1 -1
  26. package/dist/verdocs-web-sdk/p-09b52821.entry.js +0 -1
  27. package/dist/verdocs-web-sdk/p-4dde02da.entry.js +0 -1
  28. package/dist/verdocs-web-sdk/p-9790720c.system.entry.js +0 -1
package/dist/cjs/verdocs-contact-picker_2.cjs.entry.js CHANGED
@@ -73,15 +73,6 @@ const VerdocsContactPicker = class {
73
73
  this.last_name = e.target.value;
74
74
  (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.last_name });
75
75
  }
76
- handleEmailChange(e) {
77
- this.email = e.target.value;
78
- }
79
- handlePhoneChange(e) {
80
- this.phone = utils.convertToE164(e.target.value);
81
- }
82
- handleMessageChange(e) {
83
- this.message = e.target.value;
84
- }
85
76
  handleCancel(e) {
86
77
  var _a;
87
78
  e.stopPropagation();
@@ -112,26 +103,26 @@ const VerdocsContactPicker = class {
112
103
  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
113
104
  // and show a duplicate autocomplete picker on top of our own.
114
105
  render() {
115
- return (index.h("form", { key: 'dd02e23758d334495edb642f0f1513889eca5bbe', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: 'f8594524ea492993227b07e0e8d5a71c847f1b64', class: "row" }, index.h("label", { key: 'fbbef02b5e11880c7c104b96de3a17537bc7ff8c', htmlFor: this.nameFieldId }, "Name:"), index.h("div", { key: '50d4ff03c47eb77865de05ffd247e7684e2cdbcf', class: "names-row" }, index.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) }), index.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 && (index.h("div", { key: 'b82ecccbf9fa1172af45f33595337a73589ac482', class: "dropdown" }, this.contactSuggestions
106
+ return (index.h("form", { key: '3861f50ef4705ce6f7ae4c6148ba98887310ea84', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("div", { key: 'c0704b0e406f11a817a79d62befd3928e9b42328', class: "row" }, index.h("label", { key: 'b9650f5cabf5b95a95f445f973aa5e9f48baeccb', htmlFor: this.nameFieldId }, "Name:"), index.h("div", { key: 'd41e2583d21499df8deb2f6daf3913e6f84f7277', class: "names-row" }, index.h("input", { key: 'f86fa3836cb6a13382f4bcc47512423f280b8dae', 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) }), index.h("input", { key: 'b85276f1ce375344eb808645ed9ad6f97cc4efe6', 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 && (index.h("div", { key: '7fe1076bc1aeb396b35e645f016975c50a781b96', class: "dropdown" }, this.contactSuggestions
116
107
  .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
117
108
  .map(suggestion => {
118
109
  var _a;
119
110
  return (index.h("div", { key: (_a = suggestion.id) !== null && _a !== void 0 ? _a : suggestion.email, class: "suggestion", onClick: e => this.handleSelectSuggestion(e, suggestion) }, suggestion.picture ? index.h("img", { alt: "Avatar", class: "avatar", src: suggestion.picture }) : index.h("div", { class: "avatar", innerHTML: addrBookIcon }), index.h("div", { class: "details" }, index.h("div", { class: "name" }, jsSdk.formatFullName(suggestion)), suggestion.email && index.h("div", { class: "destination" }, suggestion.email), suggestion.phone && index.h("div", { class: "destination" }, suggestion.phone))));
120
- })))), index.h("div", { key: '7a3fc3c98c19a4a1bb07a6914f35eba61132294d', class: "row" }, index.h("label", { key: 'b2a589aae874fe69b8ae50569e14c6005344d8f3', htmlFor: this.emailFieldId }, "Email:"), index.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) })), index.h("div", { key: 'c7420ac25ad40fb99a40212266efa3b564058b1d', class: "row" }, index.h("label", { key: 'bd4b4eaf87be10f5a34186b27fd4ee8239cfacc9', htmlFor: this.phoneFieldId }, "Phone:"), index.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 && (index.h("div", { key: 'bea4383cd29e9c43b883c29b55f0e6cacf89c63f', class: "row" }, index.h("div", { key: '8ebacef0e2786a5a141ebc338fcaa062a25c5090', class: "label-with-icon" }, index.h("label", { key: '74c32c83aac8d0400726f4ef5d95c60b3eb12c99' }, "KBA:"), index.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." })), index.h("verdocs-select-input", { key: '35a7918e94a09d78c5c5a43992bea92e19fd406b', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
111
+ })))), index.h("div", { key: '33e9d347159d333c2cb4ad78372836a12c44ed37', class: "row" }, index.h("label", { key: '08b877f1f49f397708e05e5c4edde63f7bd99841', htmlFor: this.emailFieldId }, "Email:"), index.h("input", { key: 'e574bcdaea2a24d593819c53e5db70842680df21', 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.email = e.target.value) })), index.h("div", { key: '529088904108b6095af9509b26309b2ade887911', class: "row" }, index.h("label", { key: '4a1d964892129dad4456c43da74863426b151acb', htmlFor: this.phoneFieldId }, "Phone:"), index.h("input", { key: '94fc3e965c198a14308b2bdff4dc7894c687b3b9', 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) => utils.convertToE164(e.target.value) })), this.showKba && (index.h("div", { key: '4d97276b96fb3ebfd0bf6da037c89557abe96dbe', class: "row" }, index.h("div", { key: '82419c3358ab15d35d544dd5c0659342741f6d9a', class: "label-with-icon" }, index.h("label", { key: '624d35571946e5af9649a775328d82b5311c082a' }, "KBA:"), index.h("verdocs-help-icon", { key: '971bb88f331be5ef976c8283e788bf5d915fc5ca', 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." })), index.h("verdocs-select-input", { key: '921fb4583c2b99ca177baadc017230acadba855b', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
121
112
  { label: 'None', value: '' },
122
113
  { label: 'PIN Code', value: 'pin' },
123
114
  { label: 'Full Verification', value: 'kba' },
124
- ] }), this.kbaMethod === 'pin' && (index.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 && (index.h("div", { key: '1c55a0f11426dbcf82ced0fe5291fcb14a70bb2f', class: "row" }, index.h("label", { key: 'c2c7f9dd66ed8fd9dae52175cba6e9b575aa64b5', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.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) }))), index.h("div", { key: '7e0d6e9b519a51988711cfca0f1392b39ae4eec1', class: "buttons" }, index.h("verdocs-toggle-button", { key: '3cae0b84394a5c8516599af788e2cb0568235582', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
115
+ ] }), this.kbaMethod === 'pin' && (index.h("input", { key: '4054f39be8dc9b6967accd4db84da19244618faf', 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.pinCode = e.target.value) })))), this.showMessage && (index.h("div", { key: '28f5f82b0b3d36e9a9dff1028cfca08546f9389f', class: "row" }, index.h("label", { key: 'bdbb3c2c65ac85398625e97795881a763f5d3e94', htmlFor: "verdocs-contact-picker-message" }, "Message:"), index.h("input", { key: '292d1986340795e9587ac6c86149aa3625780d77', 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.message = e.target.value) }))), index.h("div", { key: '7bef18e7ed6e0a9146c148fb86c553169abc6566', class: "buttons" }, index.h("verdocs-toggle-button", { key: 'e6cd744f9d30c47bee99a358acea077be4869c22', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
125
116
  this.showKba = e.detail.active;
126
117
  if (!e.detail.active) {
127
118
  this.pinCode = '';
128
119
  this.kbaMethod = '';
129
120
  }
130
121
  this.showSuggestions = false;
131
- } }), index.h("verdocs-toggle-button", { key: '045544245ba967bd6ee43cb25a5fb8f2c9013da9', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
122
+ } }), index.h("verdocs-toggle-button", { key: '3bf1647d38d0e05e69457d804e2f72ce1aff9e7d', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
132
123
  this.showMessage = e.detail.active;
133
124
  this.showSuggestions = false;
134
- } }), index.h("div", { key: '1363f8353900490ac9a98ccd1da36831b9c06469', class: "flex-fill" }), index.h("verdocs-button", { key: '5cf40a9d890ff67a96dff5913b76eb603e4e1702', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: 'bfe86cdc15de884189f1ae342bef1be2f7887221', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
125
+ } }), index.h("div", { key: '95c98134627956d890353b46b485897591f6bfec', class: "flex-fill" }), index.h("verdocs-button", { key: '7d48060a34c3a567f68e5066864bc8b75e4405d8', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), index.h("verdocs-button", { key: '8d84bb7296084e920d60a16d14b0ccff65f886b0', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
135
126
  }
136
127
  };
137
128
  VerdocsContactPicker.style = VerdocsContactPickerStyle0;
package/dist/cjs/verdocs-envelope-recipient-link_2.cjs.entry.js CHANGED
@@ -94,7 +94,7 @@ const VerdocsEnvelopeRecipientLink = class {
94
94
  };
95
95
  VerdocsEnvelopeRecipientLink.style = VerdocsEnvelopeRecipientLinkStyle0;
96
96
 
97
- const verdocsSwitchCss = "@-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-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
97
+ const verdocsSwitchCss = "@-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-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(22px);transform:translateX(22px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-2px);transform:translateX(-2px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
98
98
  const VerdocsSwitchStyle0 = verdocsSwitchCss;
99
99
 
100
100
  const VerdocsSwitch = class {
package/dist/cjs/verdocs-envelope-sidebar.cjs.entry.js CHANGED
@@ -139,6 +139,7 @@ const VerdocsEnvelopeSidebar = class {
139
139
  this.store = await EnvelopeStore.getEnvelopeStore(this.endpoint, this.envelopeId, true);
140
140
  this.sortEnvelopeRecipients();
141
141
  this.loading = false;
142
+ this.panelOpen = false;
142
143
  (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state, event: 'canceled' });
143
144
  })
144
145
  .catch(e => {
@@ -292,11 +293,10 @@ const VerdocsEnvelopeSidebar = class {
292
293
  this.updatingReminders = true;
293
294
  jsSdk.updateEnvelope(this.endpoint, this.envelopeId, { initial_reminder, followup_reminders })
294
295
  .then(envelope => {
295
- var _a, _b, _c, _d;
296
296
  console.log('Updated', envelope);
297
297
  EnvelopeStore.updateStoreEnvelope(this.store, envelope);
298
- this.initialReminder = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.initial_reminder;
299
- this.followupReminders = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.followup_reminders;
298
+ this.initialReminder = envelope.initial_reminder;
299
+ this.followupReminders = envelope.followup_reminders;
300
300
  this.remindersEnabled = !!envelope.initial_reminder;
301
301
  this.updatingReminders = false;
302
302
  })
@@ -318,7 +318,6 @@ const VerdocsEnvelopeSidebar = class {
318
318
  const isEnvelopeOwner = jsSdk.userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
319
319
  const historyEntries = this.prepareHistoryEntries();
320
320
  const functionsDisabled = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status) !== 'pending' && ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.status) !== 'in progress';
321
- console.log('re', this.remindersEnabled);
322
321
  return (index.h(index.Host, { class: this.panelOpen ? 'open' : '' }, index.h("div", { class: "side-buttons" }, index.h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), index.h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), index.h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Details"), index.h("div", { class: "label" }, "Envelope ID"), index.h("div", { class: "value" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), index.h("div", { class: "label" }, "Date Created"), index.h("div", { class: "value" }, index$1.dateFns.format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), Types.FORMAT_TIMESTAMP)), index.h("div", { class: "label" }, "Last Modified"), index.h("div", { class: "value" }, index$1.dateFns.format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), Types.FORMAT_TIMESTAMP)), index.h("div", { class: "label" }, "Status"), index.h("div", { class: "value" }, jsSdk.capitalize((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status)), index.h("div", { class: "label" }, "Owner ID"), index.h("div", { class: "value" }, (_p = (_o = this.store) === null || _o === void 0 ? void 0 : _o.state) === null || _p === void 0 ? void 0 : _p.profile_id), index.h("div", { class: "label" }, "Owner Name"), index.h("div", { class: "value" }, jsSdk.formatFullName((_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile)), index.h("div", { class: "label" }, "Owner Email"), index.h("div", { class: "value" }, (_u = (_t = (_s = this.store) === null || _s === void 0 ? void 0 : _s.state) === null || _t === void 0 ? void 0 : _t.profile) === null || _u === void 0 ? void 0 : _u.email))), this.activeTab === 2 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "Recipients"), (_w = (_v = this.store) === null || _v === void 0 ? void 0 : _v.state) === null || _w === void 0 ? void 0 :
323
322
  _w.recipients.map((recipient, index$1) => {
324
323
  const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
@@ -331,10 +330,10 @@ const VerdocsEnvelopeSidebar = class {
331
330
  // TODO: Details dialog
332
331
  // {id:'details',label: 'View Details'},
333
332
  ] }))), index.h("dic", { class: "recipient-content" }, index.h("div", { class: "recipient-name" }, fullName), index.h("div", { class: "recipient-name" }, recipient.email), index.h("div", { class: "recipient-name" }, recipient.phone))));
334
- }), isEnvelopeOwner && (index.h("div", { class: "reminders" }, index.h("div", { class: "form-row" }, index.h("div", { class: "reminders-label" }, "Reminders"), index.h("verdocs-switch", { disabled: this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (index.h(index.Fragment, null, index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Initial Reminder:"), index.h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
333
+ }), isEnvelopeOwner && (index.h("div", { class: "reminders" }, index.h("div", { class: "form-row" }, index.h("div", { class: "reminders-label" }, "Reminders"), index.h("verdocs-switch", { disabled: functionsDisabled || this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (index.h(index.Fragment, null, index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Initial Reminder:"), index.h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
335
334
  this.initialReminder = Number(e.target.value) * MS_PER_HOUR;
336
335
  this.handleSetReminders(this.initialReminder, this.followupReminders);
337
- } })), index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Follow-up Reminders:"), index.h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
336
+ } })), index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Follow-up Reminders:"), index.h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
338
337
  this.followupReminders = Number(e.target.value) * MS_PER_HOUR;
339
338
  this.handleSetReminders(this.initialReminder, this.followupReminders);
340
339
  } })), index.h("div", { class: "form-row" }, index.h("div", { class: "form-label" }, "Next Reminder:"), index.h("div", { style: { color: '#dddddd' } }, index$1.dateFns.format(new Date((_y = (_x = this.store) === null || _x === void 0 ? void 0 : _x.state) === null || _y === void 0 ? void 0 : _y.next_reminder), 'P p'))))))), isEnvelopeOwner && (index.h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", onClick: () => (this.showCancelDialog = !functionsDisabled), disabled: functionsDisabled })))), this.activeTab === 3 && (index.h("div", { class: "content" }, index.h("div", { class: "title" }, "History"), historyEntries.map(entry => (index.h("div", { class: "history-entry" }, index.h("div", { class: "activity-icon", innerHTML: ActivityIcons[entry.icon] || entry.icon }), index.h("div", { class: "activity-details" }, index.h("div", { class: "activity-text" }, entry.message), index.h("div", { class: "activity-date" }, index$1.dateFns.format(entry.date, Types.FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (index.h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showCancelDialog && (index.h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
package/dist/collection/components/controls/verdocs-switch/verdocs-switch.css CHANGED
@@ -49,10 +49,10 @@ verdocs-switch .slider {
49
49
  transition-duration: 150ms;
50
50
  }
51
51
  verdocs-switch .slider[data-state=checked] {
52
- transform: translateX(16px);
52
+ transform: translateX(22px);
53
53
  }
54
54
  verdocs-switch .slider[data-state=unchecked] {
55
- transform: translateX(-4px);
55
+ transform: translateX(-2px);
56
56
  }
57
57
  verdocs-switch .switch.disabled.primary,
58
58
  verdocs-switch .switch.disabled.secondary {
package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js CHANGED
@@ -67,15 +67,6 @@ export class VerdocsContactPicker {
67
67
  this.last_name = e.target.value;
68
68
  (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.last_name });
69
69
  }
70
- handleEmailChange(e) {
71
- this.email = e.target.value;
72
- }
73
- handlePhoneChange(e) {
74
- this.phone = convertToE164(e.target.value);
75
- }
76
- handleMessageChange(e) {
77
- this.message = e.target.value;
78
- }
79
70
  handleCancel(e) {
80
71
  var _a;
81
72
  e.stopPropagation();
@@ -106,26 +97,26 @@ export class VerdocsContactPicker {
106
97
  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
107
98
  // and show a duplicate autocomplete picker on top of our own.
108
99
  render() {
109
- 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
100
+ return (h("form", { key: '3861f50ef4705ce6f7ae4c6148ba98887310ea84', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'c0704b0e406f11a817a79d62befd3928e9b42328', class: "row" }, h("label", { key: 'b9650f5cabf5b95a95f445f973aa5e9f48baeccb', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'd41e2583d21499df8deb2f6daf3913e6f84f7277', class: "names-row" }, h("input", { key: 'f86fa3836cb6a13382f4bcc47512423f280b8dae', 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: 'b85276f1ce375344eb808645ed9ad6f97cc4efe6', 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: '7fe1076bc1aeb396b35e645f016975c50a781b96', class: "dropdown" }, this.contactSuggestions
110
101
  .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
111
102
  .map(suggestion => {
112
103
  var _a;
113
104
  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))));
114
- })))), 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: [
105
+ })))), h("div", { key: '33e9d347159d333c2cb4ad78372836a12c44ed37', class: "row" }, h("label", { key: '08b877f1f49f397708e05e5c4edde63f7bd99841', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: 'e574bcdaea2a24d593819c53e5db70842680df21', 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.email = e.target.value) })), h("div", { key: '529088904108b6095af9509b26309b2ade887911', class: "row" }, h("label", { key: '4a1d964892129dad4456c43da74863426b151acb', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '94fc3e965c198a14308b2bdff4dc7894c687b3b9', 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) => convertToE164(e.target.value) })), this.showKba && (h("div", { key: '4d97276b96fb3ebfd0bf6da037c89557abe96dbe', class: "row" }, h("div", { key: '82419c3358ab15d35d544dd5c0659342741f6d9a', class: "label-with-icon" }, h("label", { key: '624d35571946e5af9649a775328d82b5311c082a' }, "KBA:"), h("verdocs-help-icon", { key: '971bb88f331be5ef976c8283e788bf5d915fc5ca', 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: '921fb4583c2b99ca177baadc017230acadba855b', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
115
106
  { label: 'None', value: '' },
116
107
  { label: 'PIN Code', value: 'pin' },
117
108
  { label: 'Full Verification', value: 'kba' },
118
- ] }), 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 => {
109
+ ] }), this.kbaMethod === 'pin' && (h("input", { key: '4054f39be8dc9b6967accd4db84da19244618faf', 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.pinCode = e.target.value) })))), this.showMessage && (h("div", { key: '28f5f82b0b3d36e9a9dff1028cfca08546f9389f', class: "row" }, h("label", { key: 'bdbb3c2c65ac85398625e97795881a763f5d3e94', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '292d1986340795e9587ac6c86149aa3625780d77', 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.message = e.target.value) }))), h("div", { key: '7bef18e7ed6e0a9146c148fb86c553169abc6566', class: "buttons" }, h("verdocs-toggle-button", { key: 'e6cd744f9d30c47bee99a358acea077be4869c22', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
119
110
  this.showKba = e.detail.active;
120
111
  if (!e.detail.active) {
121
112
  this.pinCode = '';
122
113
  this.kbaMethod = '';
123
114
  }
124
115
  this.showSuggestions = false;
125
- } }), h("verdocs-toggle-button", { key: '045544245ba967bd6ee43cb25a5fb8f2c9013da9', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
116
+ } }), h("verdocs-toggle-button", { key: '3bf1647d38d0e05e69457d804e2f72ce1aff9e7d', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
126
117
  this.showMessage = e.detail.active;
127
118
  this.showSuggestions = false;
128
- } }), 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) }))));
119
+ } }), h("div", { key: '95c98134627956d890353b46b485897591f6bfec', class: "flex-fill" }), h("verdocs-button", { key: '7d48060a34c3a567f68e5066864bc8b75e4405d8', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '8d84bb7296084e920d60a16d14b0ccff65f886b0', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
129
120
  }
130
121
  static get is() { return "verdocs-contact-picker"; }
131
122
  static get originalStyleUrls() {
package/dist/collection/components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js CHANGED
@@ -128,6 +128,7 @@ export class VerdocsEnvelopeSidebar {
128
128
  this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
129
129
  this.sortEnvelopeRecipients();
130
130
  this.loading = false;
131
+ this.panelOpen = false;
131
132
  (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state, event: 'canceled' });
132
133
  })
133
134
  .catch(e => {
@@ -281,11 +282,10 @@ export class VerdocsEnvelopeSidebar {
281
282
  this.updatingReminders = true;
282
283
  updateEnvelope(this.endpoint, this.envelopeId, { initial_reminder, followup_reminders })
283
284
  .then(envelope => {
284
- var _a, _b, _c, _d;
285
285
  console.log('Updated', envelope);
286
286
  updateStoreEnvelope(this.store, envelope);
287
- this.initialReminder = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.initial_reminder;
288
- this.followupReminders = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.followup_reminders;
287
+ this.initialReminder = envelope.initial_reminder;
288
+ this.followupReminders = envelope.followup_reminders;
289
289
  this.remindersEnabled = !!envelope.initial_reminder;
290
290
  this.updatingReminders = false;
291
291
  })
@@ -307,7 +307,6 @@ export class VerdocsEnvelopeSidebar {
307
307
  const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
308
308
  const historyEntries = this.prepareHistoryEntries();
309
309
  const functionsDisabled = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status) !== 'pending' && ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.status) !== 'in progress';
310
- console.log('re', this.remindersEnabled);
311
310
  return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, capitalize((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status)), h("div", { class: "label" }, "Owner ID"), h("div", { class: "value" }, (_p = (_o = this.store) === null || _o === void 0 ? void 0 : _o.state) === null || _p === void 0 ? void 0 : _p.profile_id), h("div", { class: "label" }, "Owner Name"), h("div", { class: "value" }, formatFullName((_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile)), h("div", { class: "label" }, "Owner Email"), h("div", { class: "value" }, (_u = (_t = (_s = this.store) === null || _s === void 0 ? void 0 : _s.state) === null || _t === void 0 ? void 0 : _t.profile) === null || _u === void 0 ? void 0 : _u.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_w = (_v = this.store) === null || _v === void 0 ? void 0 : _v.state) === null || _w === void 0 ? void 0 :
312
311
  _w.recipients.map((recipient, index) => {
313
312
  const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
@@ -320,10 +319,10 @@ export class VerdocsEnvelopeSidebar {
320
319
  // TODO: Details dialog
321
320
  // {id:'details',label: 'View Details'},
322
321
  ] }))), 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))));
323
- }), isEnvelopeOwner && (h("div", { class: "reminders" }, h("div", { class: "form-row" }, h("div", { class: "reminders-label" }, "Reminders"), h("verdocs-switch", { disabled: this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (h(Fragment, null, h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Initial Reminder:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
322
+ }), isEnvelopeOwner && (h("div", { class: "reminders" }, h("div", { class: "form-row" }, h("div", { class: "reminders-label" }, "Reminders"), h("verdocs-switch", { disabled: functionsDisabled || this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (h(Fragment, null, h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Initial Reminder:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
324
323
  this.initialReminder = Number(e.target.value) * MS_PER_HOUR;
325
324
  this.handleSetReminders(this.initialReminder, this.followupReminders);
326
- } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Follow-up Reminders:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
325
+ } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Follow-up Reminders:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
327
326
  this.followupReminders = Number(e.target.value) * MS_PER_HOUR;
328
327
  this.handleSetReminders(this.initialReminder, this.followupReminders);
329
328
  } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Next Reminder:"), h("div", { style: { color: '#dddddd' } }, format(new Date((_y = (_x = this.store) === null || _x === void 0 ? void 0 : _x.state) === null || _y === void 0 ? void 0 : _y.next_reminder), 'P p'))))))), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", 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.showCancelDialog && (h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
package/dist/components/verdocs-contact-picker2.js CHANGED
@@ -71,15 +71,6 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
71
71
  this.last_name = e.target.value;
72
72
  (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.last_name });
73
73
  }
74
- handleEmailChange(e) {
75
- this.email = e.target.value;
76
- }
77
- handlePhoneChange(e) {
78
- this.phone = convertToE164(e.target.value);
79
- }
80
- handleMessageChange(e) {
81
- this.message = e.target.value;
82
- }
83
74
  handleCancel(e) {
84
75
  var _a;
85
76
  e.stopPropagation();
@@ -110,26 +101,26 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class VerdocsConta
110
101
  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
111
102
  // and show a duplicate autocomplete picker on top of our own.
112
103
  render() {
113
- 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
104
+ return (h("form", { key: '3861f50ef4705ce6f7ae4c6148ba98887310ea84', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'c0704b0e406f11a817a79d62befd3928e9b42328', class: "row" }, h("label", { key: 'b9650f5cabf5b95a95f445f973aa5e9f48baeccb', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'd41e2583d21499df8deb2f6daf3913e6f84f7277', class: "names-row" }, h("input", { key: 'f86fa3836cb6a13382f4bcc47512423f280b8dae', 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: 'b85276f1ce375344eb808645ed9ad6f97cc4efe6', 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: '7fe1076bc1aeb396b35e645f016975c50a781b96', class: "dropdown" }, this.contactSuggestions
114
105
  .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
115
106
  .map(suggestion => {
116
107
  var _a;
117
108
  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))));
118
- })))), 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: [
109
+ })))), h("div", { key: '33e9d347159d333c2cb4ad78372836a12c44ed37', class: "row" }, h("label", { key: '08b877f1f49f397708e05e5c4edde63f7bd99841', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: 'e574bcdaea2a24d593819c53e5db70842680df21', 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.email = e.target.value) })), h("div", { key: '529088904108b6095af9509b26309b2ade887911', class: "row" }, h("label", { key: '4a1d964892129dad4456c43da74863426b151acb', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '94fc3e965c198a14308b2bdff4dc7894c687b3b9', 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) => convertToE164(e.target.value) })), this.showKba && (h("div", { key: '4d97276b96fb3ebfd0bf6da037c89557abe96dbe', class: "row" }, h("div", { key: '82419c3358ab15d35d544dd5c0659342741f6d9a', class: "label-with-icon" }, h("label", { key: '624d35571946e5af9649a775328d82b5311c082a' }, "KBA:"), h("verdocs-help-icon", { key: '971bb88f331be5ef976c8283e788bf5d915fc5ca', 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: '921fb4583c2b99ca177baadc017230acadba855b', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
119
110
  { label: 'None', value: '' },
120
111
  { label: 'PIN Code', value: 'pin' },
121
112
  { label: 'Full Verification', value: 'kba' },
122
- ] }), 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 => {
113
+ ] }), this.kbaMethod === 'pin' && (h("input", { key: '4054f39be8dc9b6967accd4db84da19244618faf', 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.pinCode = e.target.value) })))), this.showMessage && (h("div", { key: '28f5f82b0b3d36e9a9dff1028cfca08546f9389f', class: "row" }, h("label", { key: 'bdbb3c2c65ac85398625e97795881a763f5d3e94', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '292d1986340795e9587ac6c86149aa3625780d77', 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.message = e.target.value) }))), h("div", { key: '7bef18e7ed6e0a9146c148fb86c553169abc6566', class: "buttons" }, h("verdocs-toggle-button", { key: 'e6cd744f9d30c47bee99a358acea077be4869c22', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
123
114
  this.showKba = e.detail.active;
124
115
  if (!e.detail.active) {
125
116
  this.pinCode = '';
126
117
  this.kbaMethod = '';
127
118
  }
128
119
  this.showSuggestions = false;
129
- } }), h("verdocs-toggle-button", { key: '045544245ba967bd6ee43cb25a5fb8f2c9013da9', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
120
+ } }), h("verdocs-toggle-button", { key: '3bf1647d38d0e05e69457d804e2f72ce1aff9e7d', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
130
121
  this.showMessage = e.detail.active;
131
122
  this.showSuggestions = false;
132
- } }), 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) }))));
123
+ } }), h("div", { key: '95c98134627956d890353b46b485897591f6bfec', class: "flex-fill" }), h("verdocs-button", { key: '7d48060a34c3a567f68e5066864bc8b75e4405d8', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '8d84bb7296084e920d60a16d14b0ccff65f886b0', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
133
124
  }
134
125
  static get style() { return VerdocsContactPickerStyle0; }
135
126
  }, [0, "verdocs-contact-picker", {
package/dist/components/verdocs-envelope-sidebar.js CHANGED
@@ -141,6 +141,7 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
141
141
  this.store = await getEnvelopeStore(this.endpoint, this.envelopeId, true);
142
142
  this.sortEnvelopeRecipients();
143
143
  this.loading = false;
144
+ this.panelOpen = false;
144
145
  (_a = this.envelopeUpdated) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, envelope: (_b = this.store) === null || _b === void 0 ? void 0 : _b.state, event: 'canceled' });
145
146
  })
146
147
  .catch(e => {
@@ -294,11 +295,10 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
294
295
  this.updatingReminders = true;
295
296
  updateEnvelope(this.endpoint, this.envelopeId, { initial_reminder, followup_reminders })
296
297
  .then(envelope => {
297
- var _a, _b, _c, _d;
298
298
  console.log('Updated', envelope);
299
299
  updateStoreEnvelope(this.store, envelope);
300
- this.initialReminder = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.initial_reminder;
301
- this.followupReminders = (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.followup_reminders;
300
+ this.initialReminder = envelope.initial_reminder;
301
+ this.followupReminders = envelope.followup_reminders;
302
302
  this.remindersEnabled = !!envelope.initial_reminder;
303
303
  this.updatingReminders = false;
304
304
  })
@@ -320,7 +320,6 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
320
320
  const isEnvelopeOwner = userIsEnvelopeOwner(this.endpoint.profile, this.store.state);
321
321
  const historyEntries = this.prepareHistoryEntries();
322
322
  const functionsDisabled = ((_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.status) !== 'pending' && ((_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.status) !== 'in progress';
323
- console.log('re', this.remindersEnabled);
324
323
  return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "side-buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, (_f = (_e = this.store) === null || _e === void 0 ? void 0 : _e.state) === null || _f === void 0 ? void 0 : _f.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, dateFns.format(new Date((_h = (_g = this.store) === null || _g === void 0 ? void 0 : _g.state) === null || _h === void 0 ? void 0 : _h.created_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, dateFns.format(new Date((_k = (_j = this.store) === null || _j === void 0 ? void 0 : _j.state) === null || _k === void 0 ? void 0 : _k.updated_at), FORMAT_TIMESTAMP)), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, capitalize((_m = (_l = this.store) === null || _l === void 0 ? void 0 : _l.state) === null || _m === void 0 ? void 0 : _m.status)), h("div", { class: "label" }, "Owner ID"), h("div", { class: "value" }, (_p = (_o = this.store) === null || _o === void 0 ? void 0 : _o.state) === null || _p === void 0 ? void 0 : _p.profile_id), h("div", { class: "label" }, "Owner Name"), h("div", { class: "value" }, formatFullName((_r = (_q = this.store) === null || _q === void 0 ? void 0 : _q.state) === null || _r === void 0 ? void 0 : _r.profile)), h("div", { class: "label" }, "Owner Email"), h("div", { class: "value" }, (_u = (_t = (_s = this.store) === null || _s === void 0 ? void 0 : _s.state) === null || _t === void 0 ? void 0 : _t.profile) === null || _u === void 0 ? void 0 : _u.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), (_w = (_v = this.store) === null || _v === void 0 ? void 0 : _v.state) === null || _w === void 0 ? void 0 :
325
324
  _w.recipients.map((recipient, index) => {
326
325
  const canGetInPersonLink = recipient.status !== 'submitted' && recipient.status !== 'canceled' && recipient.status !== 'declined';
@@ -333,10 +332,10 @@ const VerdocsEnvelopeSidebar$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsE
333
332
  // TODO: Details dialog
334
333
  // {id:'details',label: 'View Details'},
335
334
  ] }))), 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))));
336
- }), isEnvelopeOwner && (h("div", { class: "reminders" }, h("div", { class: "form-row" }, h("div", { class: "reminders-label" }, "Reminders"), h("verdocs-switch", { disabled: this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (h(Fragment, null, h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Initial Reminder:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
335
+ }), isEnvelopeOwner && (h("div", { class: "reminders" }, h("div", { class: "form-row" }, h("div", { class: "reminders-label" }, "Reminders"), h("verdocs-switch", { disabled: functionsDisabled || this.updatingReminders, checked: this.remindersEnabled, onCheckedChange: () => this.handleToggleReminders() })), this.remindersEnabled && (h(Fragment, null, h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Initial Reminder:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.initialReminder / MS_PER_HOUR)), onBlur: (e) => {
337
336
  this.initialReminder = Number(e.target.value) * MS_PER_HOUR;
338
337
  this.handleSetReminders(this.initialReminder, this.followupReminders);
339
- } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Follow-up Reminders:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
338
+ } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Follow-up Reminders:"), h("verdocs-text-input", { placeholder: "In hours...", disabled: functionsDisabled || this.updatingReminders, value: String(Math.floor(this.followupReminders / MS_PER_HOUR)), onBlur: (e) => {
340
339
  this.followupReminders = Number(e.target.value) * MS_PER_HOUR;
341
340
  this.handleSetReminders(this.initialReminder, this.followupReminders);
342
341
  } })), h("div", { class: "form-row" }, h("div", { class: "form-label" }, "Next Reminder:"), h("div", { style: { color: '#dddddd' } }, dateFns.format(new Date((_y = (_x = this.store) === null || _x === void 0 ? void 0 : _x.state) === null || _y === void 0 ? void 0 : _y.next_reminder), 'P p'))))))), isEnvelopeOwner && (h("verdocs-button", { class: "manage-recipients-button", variant: "standard", label: "Cancel Envelope", 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" }, dateFns.format(entry.date, FORMAT_TIMESTAMP)))))))), this.showRecipientDialog && (h("verdocs-envelope-recipient-link", { envelopeId: this.envelopeId, roleName: this.showRecipientDialog, onNext: () => (this.showRecipientDialog = '') })), this.showCancelDialog && (h("verdocs-ok-dialog", { heading: "Cancel Envelope?", message: 'Are you sure you want to cancel this Envelope? This action cannot be undone.', onNext: () => {
package/dist/components/verdocs-switch2.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
2
2
 
3
- const verdocsSwitchCss = "@-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-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
3
+ const verdocsSwitchCss = "@-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-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(22px);transform:translateX(22px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-2px);transform:translateX(-2px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
4
4
  const VerdocsSwitchStyle0 = verdocsSwitchCss;
5
5
 
6
6
  const VerdocsSwitch = /*@__PURE__*/ proxyCustomElement(class VerdocsSwitch extends HTMLElement {
package/dist/esm/verdocs-contact-picker_2.entry.js CHANGED
@@ -69,15 +69,6 @@ const VerdocsContactPicker = class {
69
69
  this.last_name = e.target.value;
70
70
  (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit({ query: this.last_name });
71
71
  }
72
- handleEmailChange(e) {
73
- this.email = e.target.value;
74
- }
75
- handlePhoneChange(e) {
76
- this.phone = convertToE164(e.target.value);
77
- }
78
- handleMessageChange(e) {
79
- this.message = e.target.value;
80
- }
81
72
  handleCancel(e) {
82
73
  var _a;
83
74
  e.stopPropagation();
@@ -108,26 +99,26 @@ const VerdocsContactPicker = class {
108
99
  // The reason for the random names/IDs is to disable browser autocomplete. We set the autocomplete tags but many browsers ignore them
109
100
  // and show a duplicate autocomplete picker on top of our own.
110
101
  render() {
111
- 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
102
+ return (h("form", { key: '3861f50ef4705ce6f7ae4c6148ba98887310ea84', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("div", { key: 'c0704b0e406f11a817a79d62befd3928e9b42328', class: "row" }, h("label", { key: 'b9650f5cabf5b95a95f445f973aa5e9f48baeccb', htmlFor: this.nameFieldId }, "Name:"), h("div", { key: 'd41e2583d21499df8deb2f6daf3913e6f84f7277', class: "names-row" }, h("input", { key: 'f86fa3836cb6a13382f4bcc47512423f280b8dae', 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: 'b85276f1ce375344eb808645ed9ad6f97cc4efe6', 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: '7fe1076bc1aeb396b35e645f016975c50a781b96', class: "dropdown" }, this.contactSuggestions
112
103
  .filter(suggestion => !this.first_name || suggestion.first_name.toLowerCase().includes(this.first_name.toLowerCase()))
113
104
  .map(suggestion => {
114
105
  var _a;
115
106
  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))));
116
- })))), 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: [
107
+ })))), h("div", { key: '33e9d347159d333c2cb4ad78372836a12c44ed37', class: "row" }, h("label", { key: '08b877f1f49f397708e05e5c4edde63f7bd99841', htmlFor: this.emailFieldId }, "Email:"), h("input", { key: 'e574bcdaea2a24d593819c53e5db70842680df21', 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.email = e.target.value) })), h("div", { key: '529088904108b6095af9509b26309b2ade887911', class: "row" }, h("label", { key: '4a1d964892129dad4456c43da74863426b151acb', htmlFor: this.phoneFieldId }, "Phone:"), h("input", { key: '94fc3e965c198a14308b2bdff4dc7894c687b3b9', 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) => convertToE164(e.target.value) })), this.showKba && (h("div", { key: '4d97276b96fb3ebfd0bf6da037c89557abe96dbe', class: "row" }, h("div", { key: '82419c3358ab15d35d544dd5c0659342741f6d9a', class: "label-with-icon" }, h("label", { key: '624d35571946e5af9649a775328d82b5311c082a' }, "KBA:"), h("verdocs-help-icon", { key: '971bb88f331be5ef976c8283e788bf5d915fc5ca', 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: '921fb4583c2b99ca177baadc017230acadba855b', value: this.kbaMethod, onInput: (e) => (this.kbaMethod = e.target.value), options: [
117
108
  { label: 'None', value: '' },
118
109
  { label: 'PIN Code', value: 'pin' },
119
110
  { label: 'Full Verification', value: 'kba' },
120
- ] }), 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 => {
111
+ ] }), this.kbaMethod === 'pin' && (h("input", { key: '4054f39be8dc9b6967accd4db84da19244618faf', 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.pinCode = e.target.value) })))), this.showMessage && (h("div", { key: '28f5f82b0b3d36e9a9dff1028cfca08546f9389f', class: "row" }, h("label", { key: 'bdbb3c2c65ac85398625e97795881a763f5d3e94', htmlFor: "verdocs-contact-picker-message" }, "Message:"), h("input", { key: '292d1986340795e9587ac6c86149aa3625780d77', 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.message = e.target.value) }))), h("div", { key: '7bef18e7ed6e0a9146c148fb86c553169abc6566', class: "buttons" }, h("verdocs-toggle-button", { key: 'e6cd744f9d30c47bee99a358acea077be4869c22', icon: kbaIcon, size: "small", active: this.showKba, onToggle: e => {
121
112
  this.showKba = e.detail.active;
122
113
  if (!e.detail.active) {
123
114
  this.pinCode = '';
124
115
  this.kbaMethod = '';
125
116
  }
126
117
  this.showSuggestions = false;
127
- } }), h("verdocs-toggle-button", { key: '045544245ba967bd6ee43cb25a5fb8f2c9013da9', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
118
+ } }), h("verdocs-toggle-button", { key: '3bf1647d38d0e05e69457d804e2f72ce1aff9e7d', icon: messageIcon, size: "small", active: this.showMessage, onToggle: e => {
128
119
  this.showMessage = e.detail.active;
129
120
  this.showSuggestions = false;
130
- } }), 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) }))));
121
+ } }), h("div", { key: '95c98134627956d890353b46b485897591f6bfec', class: "flex-fill" }), h("verdocs-button", { key: '7d48060a34c3a567f68e5066864bc8b75e4405d8', variant: "outline", label: "Cancel", size: "small", onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '8d84bb7296084e920d60a16d14b0ccff65f886b0', label: "OK", size: "small", onClick: e => this.handleSubmit(e) }))));
131
122
  }
132
123
  };
133
124
  VerdocsContactPicker.style = VerdocsContactPickerStyle0;
package/dist/esm/verdocs-envelope-recipient-link_2.entry.js CHANGED
@@ -90,7 +90,7 @@ const VerdocsEnvelopeRecipientLink = class {
90
90
  };
91
91
  VerdocsEnvelopeRecipientLink.style = VerdocsEnvelopeRecipientLinkStyle0;
92
92
 
93
- const verdocsSwitchCss = "@-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-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(16px);transform:translateX(16px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
93
+ const verdocsSwitchCss = "@-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-switch{font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-switch .switch{display:-ms-inline-flexbox;display:inline-flex;height:24px;width:44px;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;cursor:pointer;border-radius:12px;border:transparent;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .switch.primary[data-state=checked]{background:#55bc81}verdocs-switch .switch.primary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .switch.secondary[data-state=checked]{background:#4c56cb}verdocs-switch .switch.secondary[data-state=unchecked]{background:#e3e3e3}verdocs-switch .slider{display:block;width:20px;height:20px;border-radius:20px;background:#ffffff;-webkit-box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}verdocs-switch .slider[data-state=checked]{-webkit-transform:translateX(22px);transform:translateX(22px)}verdocs-switch .slider[data-state=unchecked]{-webkit-transform:translateX(-2px);transform:translateX(-2px)}verdocs-switch .switch.disabled.primary,verdocs-switch .switch.disabled.secondary{cursor:not-allowed;background:#666666}";
94
94
  const VerdocsSwitchStyle0 = verdocsSwitchCss;
95
95
 
96
96
  const VerdocsSwitch = class {