@nylas/web-elements 2.4.1 → 2.5.0-canary-20260306042320

package/dist/collection/components/design-system/select-dropdown/select-dropdown.js

@@ -204,11 +204,11 @@ export class SelectDropdown {
     }
     render() {
         const buttonText = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-        return (h("div", { key: '6f974060e4e092ab163d8cba8d13beed4c80ee6c', class: "dropdown", part: "sd_dropdown" }, h("label", { key: '47bf2db1b675fcb25ba723509d4ee2f6b6873b3e', part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && (h("p", { key: '3202c4809f7b33363d27d995620a2923d4fbd5b1' }, h("span", { key: 'a8b6b7fd5cb9d3dddf5d6cc69f7b4cd39f159555', class: "label" }, this.label), this.required && h("span", { key: 'bd2c064c68d81b3a8d21efb2e0fa5059c45dfa4b', class: "required" }, "*"))), h("button", { key: 'f2ba9d78534eb655a25a055d525a26d980741f2e', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? 'read-only field' : buttonText, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: '6709c73804aac1b22effc765bb25c47a7bfbdf92', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '0f2d118a3d3b9c6b7a98a52a4767293fd184ea23', class: "selected-option", part: "sd_dropdown-button-selected-label" }, buttonText), this.withChevron && (h("span", { key: '3eee942a71eb7cb6c28b675ab6fd02b6d7c2a04b', class: {
+        return (h("div", { key: '4170e7e434aab1c475f71321a491af7aaf7dfa3f', class: "dropdown", part: "sd_dropdown" }, h("label", { key: '52383728e0c4b7110468f087f6611b0949193b0c', part: "sd_dropdown_label", class: { error: !!this.error } }, this.label && (h("p", { key: 'acd17dc97d25bcf6d1fedd2a41e22c2f0387d698' }, h("span", { key: '95deadc9b2fa5b228aecedf5228253acf7c26f68', class: "label" }, this.label), this.required && h("span", { key: '6bc582f2f27e4eb882ab83c65e28ce2f9c4f0c35', class: "required" }, "*"))), h("button", { key: 'e5312a988b2249327771e1f909945c9dfe972e43', part: "sd_dropdown-button", class: { dropbtn: true, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), disabled: this.readOnly, "aria-haspopup": "listbox", title: this.readOnly ? 'read-only field' : buttonText, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-label": this.name, onKeyDown: e => this.handleSelectButtonKeyDown(e) }, h("slot", { key: 'fdeec054aeed485f92c47eed1fccaee493cd3ad1', name: "select-icon", "aria-hidden": "true" }), h("span", { key: '1e4a3a45f952d1504c25638b51bab2c6785cb870', class: "selected-option", part: "sd_dropdown-button-selected-label" }, buttonText), this.withChevron && (h("span", { key: '1fb55d995640262e24b3466ebfab75c5f14a44f2', class: {
                 open: this.isOpen,
                 closed: !this.isOpen,
                 chevron: true,
-            }, "aria-hidden": "true" }, h("chevron-icon", { key: 'd9024867805061ae81e052dc72432f9143073f85', width: "16", height: "16" })))), this.error && h("span", { key: 'b4085dac463b6efb94b1555b0effe7ab33dc6f97', class: "error help-text" }, this.error)), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: this.searchPlaceholder, value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => option.value.toString() ? (h("li", { tabindex: "0", key: option.value, id: option.value, part: `${this.name}-${option.label}`, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? h("div", { part: "sd_dropdown-labelhtml" }, option.labelHTML) : option.label)) : null)))) : null));
+            }, "aria-hidden": "true" }, h("chevron-icon", { key: '7634b5110dfa9cb30d2cf08697d5e97be9187bd2', width: "16", height: "16" })))), this.error && h("span", { key: '616f39cb394df4ce568353753c9a962f5ed06efa', class: "error help-text" }, this.error)), this.isOpen ? (h("div", { class: "dropdown-content", part: "sd_dropdown-content" }, this.withSearch && (h("div", { class: { 'search-box': true, 'open': this.isOpen } }, h("search-icon", { width: "15", height: "15", class: 'icon' }), h("input", { type: "text", role: "combobox", placeholder: this.searchPlaceholder, value: this.searchValue, ref: el => (this.inputRef = el), onInput: event => this.filterOptions(event), onKeyDown: e => this.handleComboboxKeyDown(e) }))), h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.filteredOptions.map(option => option.value.toString() ? (h("li", { tabindex: "0", key: option.value, id: option.value, part: `${this.name}-${option.label}`, onClick: () => this.selectOption(option), role: "option" }, option.labelHTML ? h("div", { part: "sd_dropdown-labelhtml" }, option.labelHTML) : option.label)) : null)))) : null));
     }
     static get is() { return "select-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/design-system/textarea-component/textarea-component.js

@@ -74,7 +74,7 @@ export class TextareaComponent {
         }
     }
     render() {
-        return (h("label", { key: '58f9f02cc38215f110491371babf2b95d5866721', part: "tc__label", class: { error: !!this.error } }, h("p", { key: 'cc06bf464fd9b96a9bc3092682ce3bdf7e79bdcc' }, h("span", { key: '9fb43cbc9ebc0d3fcfd0e7df8a8879850e9feb8f', class: "label" }, this.label), this.required && h("span", { key: 'ab60d5aa035688add974dc56e632025964727f07', class: "required" }, "*"), this.tooltip && (h("tooltip-component", { key: '5d6c07f774f1a5c54d65f6daa919534435bcd5d0' }, h("info-icon", { key: 'b8ab0802db6137e330e0e9ddba0bff36196f82fb', slot: "tooltip-icon" }), h("span", { key: '973c47a049105a8a44de86ae19b18a99306c0077', slot: "tooltip-content" }, this.tooltip)))), h("textarea", { key: '8b0c18830cfc09b6c59b0c10859297762c97bcdb', name: this.name, title: this.readOnly ? 'read-only field' : undefined, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: e => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && h("span", { key: '7c157600c92196ed333c82b12315d2528346204f', class: "error help-text" }, this.error)));
+        return (h("label", { key: '307fd22018755750ff1540a9e1e7d97dc205c5a4', part: "tc__label", class: { error: !!this.error } }, h("p", { key: 'c9bc4a1dfe8d123a574c68d2916a3e28c1321e2f' }, h("span", { key: 'b3580e9c2c1110b7dbdf434e1968145bee1ce12d', class: "label" }, this.label), this.required && h("span", { key: '0f8e927be6bda04b187830bfcf888f91f20402e9', class: "required" }, "*"), this.tooltip && (h("tooltip-component", { key: '1dde8ad4b514613cb279e3494df1e2c820adf009' }, h("info-icon", { key: 'e3c0c4f0e59a6a2f62b13f7066345653f3dc67d7', slot: "tooltip-icon" }), h("span", { key: '53f3c52add24fad35cde05dcc3fec25ca3665709', slot: "tooltip-content" }, this.tooltip)))), h("textarea", { key: 'ba8044c72d3d9519804fc628c44955a4916016ba', name: this.name, title: this.readOnly ? 'read-only field' : undefined, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: e => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && h("span", { key: 'c9e6b5a5be9048486702b1e9fb07021769605793', class: "error help-text" }, this.error)));
     }
     static get is() { return "textarea-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/design-system/time-period-selector/time-period-selector.js

@@ -126,7 +126,7 @@ export class TimePeriodSelector {
         });
     }
     render() {
-        return (h("div", { key: '5b71a45282c04bc23240f4f1d2a7b2b746eeb928', class: "time-period-selector" }, typeof this.selectedNumber == 'number' && (h("input-dropdown", { key: '4586aaad6854958670079cd8da715d91385832bd', id: "time-number", name: 'time-number', class: { error: this.hasError }, inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find(i => i.value == this.selectedNumber.toString()), themeConfig: this.themeConfig })), typeof this.selectedPeriod == 'string' && (h("select-dropdown", { key: 'ac20b2109e6827ba64cbc2998e492a1f272fee51', id: "time-period", name: 'time-period', options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? i18next.t(`time.${this.selectedPeriod}s`) : i18next.t(`time.${this.selectedPeriod}`), defaultSelectedOption: this.timePeriodOptions?.find(i => i.value == this.selectedPeriod), withSearch: false, themeConfig: this.themeConfig }))));
+        return (h("div", { key: '15150a2c5d56e0723dbb183c009ee62848e675a9', class: "time-period-selector" }, typeof this.selectedNumber == 'number' && (h("input-dropdown", { key: '8a741263b0430aaed540ad151dbbab5df425b947', id: "time-number", name: 'time-number', class: { error: this.hasError }, inputValue: this.selectedNumber.toString(), exportparts: "id_dropdown: tps__number-dropdown, id_dropdown-input: tps__number-dropdown-button, id_dropdown-content: tps__number-dropdown-content", options: this.numberOptions, defaultInputOption: this.numberOptions.find(i => i.value == this.selectedNumber.toString()), themeConfig: this.themeConfig })), typeof this.selectedPeriod == 'string' && (h("select-dropdown", { key: 'a24d2cb2d4027aaf06eb479c849c9b1e3d9b76f0', id: "time-period", name: 'time-period', options: this.timePeriodOptions, exportparts: "sd_dropdown: tps__period-dropdown, sd_dropdown-button: tps__period-dropdown-button, sd_dropdown-content: tps__period-dropdown-content", pluralizedLabel: this.selectedNumber > 1 ? i18next.t(`time.${this.selectedPeriod}s`) : i18next.t(`time.${this.selectedPeriod}`), defaultSelectedOption: this.timePeriodOptions?.find(i => i.value == this.selectedPeriod), withSearch: false, themeConfig: this.themeConfig }))));
     }
     static get is() { return "time-period-selector"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/design-system/toggle-switch/toggle-switch.js

@@ -43,7 +43,7 @@ export class ToggleSwitchComponent {
         });
     }
     render() {
-        return (h("label", { key: '5465a11f66a7b70dd1dc370ebfb63597ef3dd603', class: "switch", part: "ts_label" }, h("input", { key: 'd0d089bffb0c330e8e9d4d5e7a4f67c809d1b624', type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), h("div", { key: 'b0c9d60565145c8dc917536903260c64c1320bef', class: "slider round", part: `ts_slider ${this.isChecked ? 'ts_slider_checked' : ''}` })));
+        return (h("label", { key: '5784996fd6adbebd98e0643f92b60262d2e97c9f', class: "switch", part: "ts_label" }, h("input", { key: '5421ce0678d25d7bce9ef25d44cbd57d12a7169b', type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), h("div", { key: 'ac730b66694d099f0ffdc4d928ce417117dd9938', class: "slider round", part: `ts_slider ${this.isChecked ? 'ts_slider_checked' : ''}` })));
     }
     static get is() { return "toggle-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/design-system/tooltip-component/toolitp-component.js

@@ -457,11 +457,11 @@ export class TooltipComponent {
         }
     }
     render() {
-        return (h("div", { key: 'a7e855b9d23defe05e04bb79e72b1bfc2148de00', class: "tooltip-container", part: "tc__container" }, h("span", { key: 'ba40cbefb040b9b0e62e4391b5649089015c6086', class: "info-icon", tabindex: "0", role: "button", "aria-describedby": this.tooltipId, "aria-expanded": this.isVisible ? 'true' : 'false', "aria-pressed": this.isPinned ? 'true' : 'false', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("slot", { key: 'f35ca35a522a44be4e152febdc9c8fc41c1c5868', name: "tooltip-icon" }, "i")), h("div", { key: '27199534f212bc6677c8d5d86f691f692b6fae0e', style: { display: 'none' } }, h("slot", { key: '6ca0f42241729eb85fb4434b0c10f1ef6cd3d5ba', name: "tooltip-content" }, "This is a help text.")), h("span", { key: '26314bd6ddfee3c329d9b17a5ef7e78162a60f70', id: this.tooltipId, role: "tooltip", "aria-hidden": !this.isVisible ? 'true' : 'false', class: {
+        return (h("div", { key: '831542fee7806f76c29abe2a805ae05cec9ed015', class: "tooltip-container", part: "tc__container" }, h("span", { key: 'bf8e1ac93e4a90076499dd1aa11c3199154725e2', class: "info-icon", tabindex: "0", role: "button", "aria-describedby": this.tooltipId, "aria-expanded": this.isVisible ? 'true' : 'false', "aria-pressed": this.isPinned ? 'true' : 'false', onClick: this.handleClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("slot", { key: '5a53111657bf09fd20dcd3721f1aa3a0ef84da74', name: "tooltip-icon" }, "i")), h("div", { key: 'aba60735c83cfb558a5a5122a74c793288da415c', style: { display: 'none' } }, h("slot", { key: 'd9cf660c79e623247bea55a07eb121f5c000ddb2', name: "tooltip-content" }, "This is a help text.")), h("span", { key: '63c3fd381a97908fe75b1c879947ef05a25ef836', id: this.tooltipId, role: "tooltip", "aria-hidden": !this.isVisible ? 'true' : 'false', class: {
                 'tooltip-content': true,
                 'tooltip-visible': this.isVisible,
                 [this.actualPosition]: true,
-            }, part: "tc__content", style: { display: 'none' } }, h("slot", { key: 'c3c852aa1ac91519c48e4d33968304d89510688f', name: "tooltip-content-aria" }, h("slot", { key: '3e1a1de14f8c664322e885d58033b724d50b3233', name: "tooltip-content" }, "This is a help text.")))));
+            }, part: "tc__content", style: { display: 'none' } }, h("slot", { key: 'a53d31c0c15d767939f82305bd572e2b554d68dc', name: "tooltip-content-aria" }, h("slot", { key: '181d71d4958b22977370a4e734fbd84eaf8249a2', name: "tooltip-content" }, "This is a help text.")))));
     }
     static get is() { return "tooltip-component"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.js

@@ -65,7 +65,7 @@ export class NylasConfirmedEventCard {
         }
     }
     render() {
-        return (h(Host, { key: 'adc59f40f05bde5d7f23052bffc2458f08fd5b2a', part: "ncec" }, h("div", { key: 'bf8103029313867ad990ad62d32a6d2aab423e64', class: "nylas-confirmed-event-card", part: "ncec__card" }, h("div", { key: 'b8f2acbf05c4e0cd3fac15bd64f6b27d98afa16f', class: "nylas-confirmed-event-card__calendar-icon", part: "ncec__icon" }, h("calendar-check-icon", { key: 'e54136d0b4e51fa8ad47327763d591f09746bee3' })), h("h3", { key: 'b98284293d51dbd27e129988353e71d671bd3cda', class: "nylas-confirmed-event-card__title", part: "ncec__title" }, i18next.t('confirmedEventCardTitle'), "!"), h("div", { key: 'c1960451c846f49007432e830ec7d27a5e7cd5ba', class: "nylas-confirmed-event-card__description", part: "ncec__description" }, i18next.t('confirmedEventCardDescription'), " ", this.configSettings?.organizer?.name || 'the participants', "."), h("div", { key: 'c45fd2f72c11793921dcc18b48bc9337ab7ba0f6', class: "nylas-confirmed-event-card__cta" }, h("button-component", { key: 'e99ab896ff1b035414f1f9523e6d1568e6b5e148', variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`)))));
+        return (h(Host, { key: '76f1b3e9f1f38f98b11808acd845cea099f10223', part: "ncec" }, h("div", { key: '085d1a46ab1f1d986b2ca454d989a0770b1f8c67', class: "nylas-confirmed-event-card", part: "ncec__card" }, h("div", { key: 'c9d42408c34ea6c8bc39f289488b03db26aa1b88', class: "nylas-confirmed-event-card__calendar-icon", part: "ncec__icon" }, h("calendar-check-icon", { key: 'cfae4efe72082379567091dc5fdb83981111af5d' })), h("h3", { key: '6f2e3d0535beee3887c21f382d94016f3cad301d', class: "nylas-confirmed-event-card__title", part: "ncec__title" }, i18next.t('confirmedEventCardTitle'), "!"), h("div", { key: '0ab84148b9b86e5d819ce8948626efdd9c55c6a0', class: "nylas-confirmed-event-card__description", part: "ncec__description" }, i18next.t('confirmedEventCardDescription'), " ", this.configSettings?.organizer?.name || 'the participants', "."), h("div", { key: 'a039be95fd6c8f091aba58cef0a2a30ef612fc75', class: "nylas-confirmed-event-card__cta" }, h("button-component", { key: '3b41b368d4ada663a8bcf0956514fc186a5e12b4', variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`)))));
     }
     static get is() { return "nylas-confirmed-event-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler/nylas-feedback-form/nylas-feedback-form.js

@@ -65,9 +65,9 @@ export class NylasFeedbackForm {
         this.feedbackModalClosed.emit();
     }
     render() {
-        return (h(Host, { key: '52a1dc4a541ff7ea02420e16343c8f2a85c16091', part: "nfbf" }, h("div", { key: '1c967a172263e1325a6ef42453c5cc404fe904a1', class: "card-wrapper", part: "nfbfc__card" }, h("div", { key: '713cb4b1d26adee24b8ce50326003c0c4495dba2', class: "close-button" }, h("button-component", { key: '658239c2e0ad2142a8af5deb8a6bf389e18c8aa1', tooltip: "Close", id: "close", variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__close-button" }, h("close-icon", { key: '2e1f9d13c9b0407c43630309a56130ba7623e1e7' }))), h("div", { key: 'd27eb423845ada65612d5668e73b694142e9d3f8', class: "header" }, h("h2", { key: '3349f51aaa776ce68d072d0517ab3689d9c50d12', slot: "card-title", part: "nfbf__title" }, i18next.t('feedbackFormTitle'))), h("div", { key: '57e0dd0752e1f92b8179e84d441c724ceb8f39af', class: "description title-desc" }, h("p", { key: 'cf7e227f99f83ba9921db6354cdb3b837c933a3f' }, i18next.t('feedbackFormDescription'))), h("textarea-component", { key: '7f29b841cf6a36c1336c35a4d7ab91dd88bf8d0a', label: i18next.t('feedbackMessageLabel'), required: true, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: i18next.t('feedbackMessagePlaceholder') }), h("div", { key: '4db6e0def2da7da8283e4c290fbb87c79103d54f', class: 'description footer-desc' }, h("p", { key: '1c30fa85b3cb6b1689b663148d4a4f7a099ba3ca' }, "By sending this report, you agree to Nylas\u2019 access to the data necessary to respond to this issue, subject to Nylas\u2019", ' ', h("a", { key: '342a115c725419ddc971be46fbbc9a3c4dbb147a', href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), h("div", { key: 'e62b4a2d4fa196e64f9b14fef1579629bdf8879a', class: {
+        return (h(Host, { key: 'dd8583c0ff54efe7e2a560ae93d499d4bf6f2ff1', part: "nfbf" }, h("div", { key: '90fea0a4b8670345075efb3c20f08497c7d58b10', class: "card-wrapper", part: "nfbfc__card" }, h("div", { key: '4229209b5c3f703d9bd54760df7a0cb3c61115a5', class: "close-button" }, h("button-component", { key: '0c18bfb08ae7655d29ada898e70a9f0074029924', tooltip: "Close", id: "close", variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__close-button" }, h("close-icon", { key: '2b7f378449fd6d021b1f553b90c67b56a16849c5' }))), h("div", { key: 'fbbad7a34a8d5c8aa7968686c99a8903c962d749', class: "header" }, h("h2", { key: '1f5ea51f53a0d552a52132e8b7d50c31bf05abc9', slot: "card-title", part: "nfbf__title" }, i18next.t('feedbackFormTitle'))), h("div", { key: '4b181480d2f5d956dafc4a98d6b6160d8c5f8b14', class: "description title-desc" }, h("p", { key: 'daca2ee189bab0951136385375ac8238c3889803' }, i18next.t('feedbackFormDescription'))), h("textarea-component", { key: '69e5628b84312e4845f400878fcc4e35f436115e', label: i18next.t('feedbackMessageLabel'), required: true, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: i18next.t('feedbackMessagePlaceholder') }), h("div", { key: 'ae58150777756daaf26d08c6a21febea777ca07a', class: 'description footer-desc' }, h("p", { key: 'a490962defbd31973e69eb791160e9064f6c8326' }, "By sending this report, you agree to Nylas\u2019 access to the data necessary to respond to this issue, subject to Nylas\u2019", ' ', h("a", { key: 'c7235f21e6301f5489d362aa50bef6d46bf8c256', href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), h("div", { key: '11557b6f4a548c2afaedc501772a2edf6e08f4c5', class: {
                 footer: true,
-            } }, h("button-component", { key: 'cf907af50d0065b20437b6f19d58043d377a2fc1', variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${i18next.t('feedbackModalCloseButton')}`), h("button-component", { key: 'cc43a06033361a839f58f29d73b25834a3c4eed7', variant: 'primary', onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${i18next.t('feedbackModalSubmitButton')}`)))));
+            } }, h("button-component", { key: '11779b6aa43a5430e9a55c3cc48e5cfc8a026ccf', variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${i18next.t('feedbackModalCloseButton')}`), h("button-component", { key: 'd1a8f14239b7d72e6b25c80cdb055af953fd8b9a', variant: 'primary', onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${i18next.t('feedbackModalSubmitButton')}`)))));
     }
     static get is() { return "nylas-feedback-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler/nylas-notification/nylas-notification.js

@@ -79,7 +79,7 @@ export class NylasNotification {
         this.notifications = this.notifications.filter(notif => notif.id !== id);
     }
     render() {
-        return (h(Host, { key: 'f827e95f220f02e69c9d1313f0ad22cf66aef457' }, h(Fragment, { key: 'bb827560d3b5f06aa4bf213f15ca56714bb4eb2b' }, this.notifications.map(notif => (h("div", { class: `notif ${notif.type}`, key: notif.id }, h("div", { class: "content" }, h("span", { class: `icon ${notif.type}` }, (notif.type === 'error' || notif.type === 'warning') && h("warning-icon", null)), h("span", { class: "message" }, h("span", { class: "title" }, notif.title), notif.description && h("span", { class: "description" }, notif.description))), h("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(notif.id) }, h("close-icon", null))))), h("slot", { key: 'eac76d72c210613e715874fb767e36b711dc9f5b' }))));
+        return (h(Host, { key: 'edbba1daecbeeb7250bdf91a055317671c964a85' }, h(Fragment, { key: '303b4a53c738ab0f11c46db649c984ecd1bf73fc' }, this.notifications.map(notif => (h("div", { class: `notif ${notif.type}`, key: notif.id }, h("div", { class: "content" }, h("span", { class: `icon ${notif.type}` }, (notif.type === 'error' || notif.type === 'warning') && h("warning-icon", null)), h("span", { class: "message" }, h("span", { class: "title" }, notif.title), notif.description && h("span", { class: "description" }, notif.description))), h("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(notif.id) }, h("close-icon", null))))), h("slot", { key: '3a1fabb3b0acdd51c7fd2e2af77002563906303f' }))));
     }
     static get is() { return "nylas-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler/nylas-organizer-confirmation-card/nylas-organizer-confirmation-card.js

@@ -70,9 +70,9 @@ export class NylasOrganizerConfirmationCard {
         this.action = null;
     }
     render() {
-        return (h(Host, { key: '0d168f211c2882ad047735b331a99f926c39ca94', part: "nmcc" }, h("div", { key: 'f6f5e6bae74da41e176517999324a3f916ad1fdb', class: "event-card-wrapper", part: "nmccc__card" }, h("div", { key: '14ec583bc5b9dcac19c35cfb7d068ba6a7c9139d', class: "calendar-icon" }, h("calendar-check-icon", { key: '1f897dc2bdb7354bf37f201d381b7dbd72930335' })), h("div", { key: 'd6837ac089c74112b5196e10d5173b7546245dea', class: "booked-event-header" }, h("h2", { key: 'e0ac9f1f5f3ffb9a236ff73384cdd3a687de13a8', slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${i18next.t('bookingPendingTitle')}!`)), h("div", { key: '36df5a9df873f687b8538997ab9b48be21d4eb0b', class: "manage-booking-description" }, h("p", { key: '35712d5528532b12836e9feba63bdd42c54a3cd5' }, i18next.t('bookingPendingnDescription'))), h("div", { key: '415987c57ef789e3ac117b08c70892ea0dc40db6', class: {
+        return (h(Host, { key: 'a641574048c46ab50e48ad453dee5a400d3cfc96', part: "nmcc" }, h("div", { key: '8311e7bd8d43253d45c1fdfd8d3245db5041f43f', class: "event-card-wrapper", part: "nmccc__card" }, h("div", { key: 'a27ef6b0fceedc3864893b089f7d3d05186204af', class: "calendar-icon" }, h("calendar-check-icon", { key: '57d8b15849ea1eabca9ad246a005b0d3407c46c3' })), h("div", { key: 'bf034ecd0d1749c45ce49c513cbbe0bd12ed0abc', class: "booked-event-header" }, h("h2", { key: 'fc0c8e7f0756386da61f49013a406cb53f6d3ff9', slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${i18next.t('bookingPendingTitle')}!`)), h("div", { key: '8aa8bc7452bdfff0c01d40cadb8375b3cd6bbe1c', class: "manage-booking-description" }, h("p", { key: '1f64f70c915c3b1d5f810f8ae88a48ec9c569429' }, i18next.t('bookingPendingnDescription'))), h("div", { key: 'a6593bcc0041734c544c3f400c9a93711807974c', class: {
                 footer: true,
-            } }, h("button-component", { key: '9c73fcc03abf801ae51f1195302c3b39087c0f16', variant: 'destructive', onClick: this.handleRejectBookingButtonClicked, isLoading: this.isLoading && this.action === 'reject', part: "nmcc__button-outline nmcc__cancel-cta" }, `${i18next.t('rejectBookingButton')}`), h("button-component", { key: '05be970cde79c4a3603a7bacfc2139b74772cee2', variant: 'basic', onClick: this.handleConfirmBookingButtonClicked, isLoading: this.isLoading && this.action === 'confirm', part: "nmcc__button-outline nmcc__reschedule-cta" }, `${i18next.t('confirmBookingButton')}`)))));
+            } }, h("button-component", { key: '1d35bd1117a7d1486df3aa6bc1d2d69ae1229164', variant: 'destructive', onClick: this.handleRejectBookingButtonClicked, isLoading: this.isLoading && this.action === 'reject', part: "nmcc__button-outline nmcc__cancel-cta" }, `${i18next.t('rejectBookingButton')}`), h("button-component", { key: 'e0b34854d181c8e4bcc5eaa2d4816eb38ccaaba5', variant: 'basic', onClick: this.handleConfirmBookingButtonClicked, isLoading: this.isLoading && this.action === 'confirm', part: "nmcc__button-outline nmcc__reschedule-cta" }, `${i18next.t('confirmBookingButton')}`)))));
     }
     static get is() { return "nylas-organizer-confirmation-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler/nylas-scheduling/nylas-scheduling.js

@@ -73,24 +73,31 @@ export class NylasScheduling {
         this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
         this.refConfigId = this.configurationId;
         let bookingRefExtractedEvent;
-        if (this.rescheduleBookingRef) {
-            const [rescheduleConfigId, rescheduleBookingId, _] = compactStringToUUIDs(this.rescheduleBookingRef);
-            this.refConfigId = rescheduleConfigId;
-            this.stores.scheduler.set('rescheduleBookingId', rescheduleBookingId);
-            bookingRefExtractedEvent = this.bookingRefExtracted.emit({ configurationId: rescheduleConfigId, bookingId: rescheduleBookingId });
-        }
-        else if (this.cancelBookingRef) {
-            const [cancelConfigId, cancelBookingId, _] = compactStringToUUIDs(this.cancelBookingRef);
-            this.refConfigId = cancelConfigId;
-            this.stores.scheduler.set('cancelBookingId', cancelBookingId);
-            bookingRefExtractedEvent = this.bookingRefExtracted.emit({ configurationId: cancelConfigId, bookingId: cancelBookingId });
+        try {
+            if (this.rescheduleBookingRef) {
+                const [rescheduleConfigId, rescheduleBookingId, _] = compactStringToUUIDs(this.rescheduleBookingRef);
+                this.refConfigId = rescheduleConfigId;
+                this.stores.scheduler.set('rescheduleBookingId', rescheduleBookingId);
+                bookingRefExtractedEvent = this.bookingRefExtracted.emit({ configurationId: rescheduleConfigId, bookingId: rescheduleBookingId });
+            }
+            else if (this.cancelBookingRef) {
+                const [cancelConfigId, cancelBookingId, _] = compactStringToUUIDs(this.cancelBookingRef);
+                this.refConfigId = cancelConfigId;
+                this.stores.scheduler.set('cancelBookingId', cancelBookingId);
+                bookingRefExtractedEvent = this.bookingRefExtracted.emit({ configurationId: cancelConfigId, bookingId: cancelBookingId });
+            }
+            else if (this.organizerConfirmationBookingRef) {
+                const [organizerConfirmationConfigId, organizerConfirmationBookingId, salt] = compactStringToUUIDs(this.organizerConfirmationBookingRef);
+                this.refConfigId = organizerConfirmationConfigId;
+                this.stores.scheduler.set('organizerConfirmationBookingId', organizerConfirmationBookingId);
+                this.stores.scheduler.set('organizerConfirmationSalt', salt);
+                bookingRefExtractedEvent = this.bookingRefExtracted.emit({ configurationId: organizerConfirmationConfigId, bookingId: organizerConfirmationBookingId, salt: salt });
+            }
         }
-        else if (this.organizerConfirmationBookingRef) {
-            const [organizerConfirmationConfigId, organizerConfirmationBookingId, salt] = compactStringToUUIDs(this.organizerConfirmationBookingRef);
-            this.refConfigId = organizerConfirmationConfigId;
-            this.stores.scheduler.set('organizerConfirmationBookingId', organizerConfirmationBookingId);
-            this.stores.scheduler.set('organizerConfirmationSalt', salt);
-            bookingRefExtractedEvent = this.bookingRefExtracted.emit({ configurationId: organizerConfirmationConfigId, bookingId: organizerConfirmationBookingId, salt: salt });
+        catch (error) {
+            debug(error);
+            const bookingRef = this.rescheduleBookingRef || this.cancelBookingRef || this.organizerConfirmationBookingRef;
+            this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject({ message: `Invalid booking reference: ${bookingRef}` }) }, host: this.host });
         }
         this.applyThemeConfig(this.themeConfig);
         if ('bookingRefExtracted' in this.eventOverrides) {
@@ -99,6 +106,11 @@ export class NylasScheduling {
                 return;
             }
         }
+        const hasBookingRef = !!(this.rescheduleBookingRef || this.cancelBookingRef || this.organizerConfirmationBookingRef);
+        if (hasBookingRef && !this.sessionId && !this.configurationId && !(this.slug && this.clientId)) {
+            this.initDeferred = true;
+            return;
+        }
         if (!this.checkIfSessionIdOrConfigIdExists(false)) {
             this.initDeferred = true;
             return;
@@ -251,6 +263,10 @@ export class NylasScheduling {
         this.authPropsChanged();
     }
     sessionIdChanged() {
+        if (this.nylasSchedulerConnector && this.sessionId) {
+            this.nylasSchedulerConnector.sessionId = this.sessionId;
+            this.nylasSchedulerConnector.scheduler.setSessionId(this.sessionId);
+        }
         this.authPropsChanged();
     }
     slugChanged() {