@nylas/web-elements 2.5.18 → 2.6.1

package/dist/collection/components/scheduler-editor/nylas-availability-picker/nylas-availability-picker.js

@@ -412,7 +412,7 @@ export class NylasAvailabilityPicker {
             value: key,
         }));
         const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.timezone);
-        return (h(Host, { key: 'a4fd38bb7167a7c2cdff5a39a2a1f83c1e5d3336' }, h("div", { key: '24677444dbfc482d3cf6d6d63792c9cf46b2276c', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (h("div", { key: '301bf4434ec2719bec4184c660b9a187a1f02376', class: "header", part: "nap__header" }, h("h3", { key: '58de33e0ffe7c069d3bd67122a13c9e0c9e72720' }, i18next.t('nylasAvailabilityPicker.headerTitle')), h("p", { key: 'c517a0f74bcadff5df0d68291a18076c4644ee28' }, i18next.t('nylasAvailabilityPicker.headerSubTitle'), h("tooltip-component", { key: '77253738a212c58b2b7f758efba18007eda679f4' }, h("info-icon", { key: '8ba0e93020fb4c33ccaea56e395ab1d44e10fde3', slot: "tooltip-icon" }), h("span", { key: '7a02821fcd00edefdbe8a6b909712e04c4aa2749', slot: "tooltip-content" }, i18next.t('nylasAvailabilityPicker.tooltip.desc')))))), h("div", { key: '95f8302fe2d865403eaf28cf96a3ff0912cafc64', class: "content" }, h("div", { key: 'ee78cd880b811687745a74fc46586c00b8c54f24', class: "select-timezone", part: "nap__select-timezone" }, h("h4", { key: '6971dca2047c2b0901d70549040fd543221697d2', class: "sub-header" }, i18next.t('nylasAvailabilityPicker.selectTimezone')), selectedTimezoneOption?.label && (h("select-dropdown", { key: 'd01e8aea3dede1c7f6ce8fe5f83985d721d364a6', name: "timezone", searchPlaceholder: i18next.t('search'), exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig }, h("span", { key: '0c5ff6ea48d5847d8e9f0447a161c5e0f4082ec0', slot: "select-icon" }, h("globe-icon", { key: 'ca9360155c9a47f21188bbc43fbaedc09138f273', width: "20", height: "20" }))))), h("div", { key: '5ac831b9f89089324eec9c190396fb8254c860dc', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
+        return (h(Host, { key: '4c84220ec70edf9732c518f7feab1f6093d8e40c' }, h("div", { key: 'f1337e6b71bffd1f40db157656c89077815b5091', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (h("div", { key: '59cd4747550e88e718948fe7b617a0cb4360c688', class: "header", part: "nap__header" }, h("h3", { key: 'ae681bc12fd0fcf3d7a0f855735de52afc223046' }, i18next.t('nylasAvailabilityPicker.headerTitle')), h("p", { key: '800242cfce4dbe64ae4686ec9caf33357806b031' }, i18next.t('nylasAvailabilityPicker.headerSubTitle'), h("tooltip-component", { key: '1b73a9d8397d0cf720fd005ce669c4d9918d2871' }, h("info-icon", { key: '8f482c95eb0244bd99e679ecea5a71997b9c1dad', slot: "tooltip-icon" }), h("span", { key: 'ecdb3164461378ecb22de8c85938205e3e9827ef', slot: "tooltip-content" }, i18next.t('nylasAvailabilityPicker.tooltip.desc')))))), h("div", { key: 'c50f1b0eeef0b9ba03802e20910f80bf8a0b84cb', class: "content" }, h("div", { key: 'a5b088b22b4850d4ab6a9cf3280ad972fff5a547', class: "select-timezone", part: "nap__select-timezone" }, h("h4", { key: '58ae0b5aa1afd072e993d400359b961127c1e12d', class: "sub-header" }, i18next.t('nylasAvailabilityPicker.selectTimezone')), selectedTimezoneOption?.label && (h("select-dropdown", { key: '106cc5ce5c3a4c2152242f7c19e09aa14ac691ee', name: "timezone", searchPlaceholder: i18next.t('search'), exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig }, h("span", { key: '416d9774f8178e45e36d8364f10d6e08091d111e', slot: "select-icon" }, h("globe-icon", { key: '014bcac51b6153d4fb059dd85ccac89aac0777d6', width: "20", height: "20" }))))), h("div", { key: '8612b9fef4d223d6bda946f5dd4c768f5670f344', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
             const day = key;
             const timeRanges = this.schedule[key];
             return (h("div", { class: "availability-day" }, h("div", { class: "day", part: "nap__day" }, h("input", { type: "checkbox", name: day, id: day, checked: timeRanges.length > 0, onClick: () => {

package/dist/collection/components/scheduler-editor/nylas-booking-confirmation-redirect/nylas-booking-confirmation-redirect.js

@@ -151,7 +151,7 @@ export class NylasBookingConfirmationRedirect {
                 value: 'custom',
             },
         ];
-        return (h(Host, { key: '0e606bb81629eda6d63e1bf6fed8cbe540a644d3' }, h("div", { key: '2dfcbf42ded9527b64f26fc3785e8f49e90d40dc', class: "nylas-booking-confirmation-redirect", part: "nbcr" }, redirectOptions.length > 0 && (h("div", { key: 'c5ca12b6059af57208cef780f52907b2d98e215b', class: "nylas-booking-confirmation-redirect__dropdown" }, h("span", { key: '64d4baf1c9093c05af96f35303f03f92e2f70e70', class: "label" }, i18next.t('nylasBookingConfirmationRedirect.dropdownLabel'), h("tooltip-component", { key: '81688f7c18a1ea1bec6d3186aa4cb8da4f434819' }, h("info-icon", { key: 'aeafd950c6a27c972f4ceae22531c4b818e0b4e3', slot: "tooltip-icon" }), h("span", { key: '9332f22eaad3c00a1172118f4da06389f8bad917', slot: "tooltip-content" }, i18next.t('nylasBookingConfirmationRedirect.tooltip.desc')))), this.componentLoaded && (h("select-dropdown", { key: '2a9445a8edb401e1a2824af47080a173ed83f36a', name: "confirmation-redirect-dropdown", options: redirectOptions, withSearch: false, defaultSelectedOption: redirectOptions.find(option => option.value === (this.acceptUrl ? 'custom' : 'default')), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content", themeConfig: this.themeConfig })), this.acceptUrl && (h("div", { key: '660d45138a55d76ba36a58fe819ce1af11ff5b11' }, h("input-component", { key: '5d2550410007769fa21adb682870c273bea6df37', name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: i18next.t('nylasBookingConfirmationRedirect.customRedirectUrlPlaceholder'), required: false, part: "ic__input_wrapper: nbcr__input-textfield", requiredError: this.requiredError, patternError: this.patternError, defaultValue: this.currentRedirectUrl, themeConfig: this.themeConfig }), this.redirectUrlErrorMessage && h("span", { key: '6db9fb6700d373eb1e9b03f134fa0f1d01f42c5a', class: "error-message" }, this.redirectUrlErrorMessage))))))));
+        return (h(Host, { key: '9facb7f5469812e6429f859cbfa02c8cd9e60aa2' }, h("div", { key: '5df7338975e2b2d3f0aae7652f5bcb074dfeec83', class: "nylas-booking-confirmation-redirect", part: "nbcr" }, redirectOptions.length > 0 && (h("div", { key: 'd35227b24126df8de6711451231a6ee5a88e3ff9', class: "nylas-booking-confirmation-redirect__dropdown" }, h("span", { key: 'fcdd2fa5f14afb24e6d1676f2ccbaf6a15cd4464', class: "label" }, i18next.t('nylasBookingConfirmationRedirect.dropdownLabel'), h("tooltip-component", { key: '4f14eae057c3bf49c131592108743723dccda189' }, h("info-icon", { key: '8079ee654c33b3d615f1f01f25ec2bb35388a5b3', slot: "tooltip-icon" }), h("span", { key: 'b3b51d257a8bfc04b39c5eeebebc844d21669cf0', slot: "tooltip-content" }, i18next.t('nylasBookingConfirmationRedirect.tooltip.desc')))), this.componentLoaded && (h("select-dropdown", { key: '31854df47268f6f5b2b139e142c841cf8400e5d4', name: "confirmation-redirect-dropdown", options: redirectOptions, withSearch: false, defaultSelectedOption: redirectOptions.find(option => option.value === (this.acceptUrl ? 'custom' : 'default')), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content", themeConfig: this.themeConfig })), this.acceptUrl && (h("div", { key: '0c18e542ef01202a836813239d2b940dbe85d03d' }, h("input-component", { key: '67e443364565a891b2b35bd9eacdda147cc1d4f6', name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: i18next.t('nylasBookingConfirmationRedirect.customRedirectUrlPlaceholder'), required: false, part: "ic__input_wrapper: nbcr__input-textfield", requiredError: this.requiredError, patternError: this.patternError, defaultValue: this.currentRedirectUrl, themeConfig: this.themeConfig }), this.redirectUrlErrorMessage && h("span", { key: '9e13fb781ab87c96ff4986a9d5154a7229f5486c', class: "error-message" }, this.redirectUrlErrorMessage))))))));
     }
     static get is() { return "nylas-booking-confirmation-redirect"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-booking-confirmation-type/nylas-booking-confirmation-type.js

@@ -113,7 +113,7 @@ export class NylasBookingConfirmationType {
                 value: 'organizer-confirmation',
             },
         ];
-        return (h(Host, { key: '8a07dda8f021228e302431f5733c3ce07e57090d' }, this.showDropdown && (h("div", { key: 'f8465e5fc5f5f27c7037b92e246d4257cd4e2fbc', class: "nylas-booking-confirmation-type", part: "nbct" }, bookingOptions.length > 0 && (h("div", { key: 'b0b5042e8286708b259c45c3e20ac78fa9bc760e', class: "nylas-booking-confirmation-type__dropdown" }, h("span", { key: '97c1d89e094d7cbc3021980053926a1699e51184', class: "label" }, i18next.t('nylasBookingConfirmationType.dropdownLabel'), h("tooltip-component", { key: 'deb60b1d627af061fa2b595329d34d38969f1ff8' }, h("info-icon", { key: 'edbe41898232ab6b09166a89257c906323d88c00', slot: "tooltip-icon" }), h("span", { key: '3027a0d0352e980b0295137a64704489abb6286c', slot: "tooltip-content" }, i18next.t('nylasBookingConfirmationType.tooltip.desc')))), this.selectedBookingType && (h("select-dropdown", { key: 'b40b4e2ca5da336c55eb07b9f6b2f0563047ae6d', name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.selectedBookingType), themeConfig: this.themeConfig }))))))));
+        return (h(Host, { key: '4b3ecb2ad053862f90123c8289a3d1fc1ccb33f7' }, this.showDropdown && (h("div", { key: '97cbb3bb1cd625461c6d82e1a90d65304afcbce4', class: "nylas-booking-confirmation-type", part: "nbct" }, bookingOptions.length > 0 && (h("div", { key: 'de07b7d1fa1699a9a4a45bbb50b0b736a9e50cb2', class: "nylas-booking-confirmation-type__dropdown" }, h("span", { key: 'af15ed70417fdb8a3565ba19a5fb5c8c51e29a0e', class: "label" }, i18next.t('nylasBookingConfirmationType.dropdownLabel'), h("tooltip-component", { key: '53494fd567f1860afe47dffcb2a858172201692d' }, h("info-icon", { key: 'ef41eddc8a7b7e865cf1aaa2d113f4d35756a333', slot: "tooltip-icon" }), h("span", { key: '7f3dd595c0285e50952c4660c2d72e615c99092f', slot: "tooltip-content" }, i18next.t('nylasBookingConfirmationType.tooltip.desc')))), this.selectedBookingType && (h("select-dropdown", { key: 'e071a312537908e2189aeed1807ddc82a5d66f85', name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.selectedBookingType), themeConfig: this.themeConfig }))))))));
     }
     static get is() { return "nylas-booking-confirmation-type"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-booking-form-config/nylas-booking-form-config.js

@@ -362,13 +362,13 @@ export class NylasBookingFormConfig {
         }
     }
     render() {
-        return (h(Host, { key: 'd3c699ae9b74296666f62203ba42e79c0916e940' }, h("div", { key: '9793dadab81c53afb3c20262925ae328b3be3ed7', class: "nylas-booking-form-config", part: "nbfc" }, h("div", { key: '48ec366e824c8f22fecdc215d94a1adf9d32ab8f', class: "header", part: "nbfc__header" }, h("div", { key: '7e878d9aa6091385693b2690ec4c625463fa3e0a', class: "header_text" }, h("h3", { key: '20890d5371b9a4ebf93f16a74fc92db6b7ca0dfc' }, i18next.t('nylasBookingFormConfig.headerTitle')), h("p", { key: '790004ec442dd528a5c0fcc2808f77badff2724f' }, i18next.t('nylasBookingFormConfig.headerSubTitle'))), h("div", { key: '0f9016c9a2a954ce592320b8ca77649985359566', class: "header_action" }, h("select-dropdown", { key: 'c16f4911b451fe1d5c19dcefc126480b412ee395', name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: this.fieldTypes, withSearch: false, withChevron: false, dropdownButtonText: i18next.t('nylasBookingFormConfig.dropdownButtonText'), themeConfig: this.themeConfig }, h("span", { key: '0359f1e9eb4803e427104536ff8d8bc56c3d82bb', slot: "select-icon" }, h("plus-icon", { key: 'fc314f10f1ef6fd8d02ab53ba815d6b0c4ee192c', width: "15", height: "15" }))))), h("div", { key: '173c3d63f1a4ef04515376f6bf6b17063bf6c63f', class: "content" }, h("div", { key: 'c32255ee452b8b66049b3987d24e4c6fa9202575', class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((field, i) => {
+        return (h(Host, { key: '34cc85ea5d0272fd69f38ca84ed49dc1e285d2bb' }, h("div", { key: '1651458788ac7e2558057cb53fb0092137d78504', class: "nylas-booking-form-config", part: "nbfc" }, h("div", { key: 'e106036d0d0122603e4d53638c7b86fce9d8e924', class: "header", part: "nbfc__header" }, h("div", { key: '22dd393b9920bbbd35c79a7f50076467d3d17e60', class: "header_text" }, h("h3", { key: '1c83bc7667a2043cddec4586878f0b55347e62e0' }, i18next.t('nylasBookingFormConfig.headerTitle')), h("p", { key: 'b91ae198ee80fa168091c4e983ef8e93d0e64d4f' }, i18next.t('nylasBookingFormConfig.headerSubTitle'))), h("div", { key: 'd35102dc2b738e7e6d88b56f5de2b7fc2a4193f3', class: "header_action" }, h("select-dropdown", { key: 'b8c3cb710213a391603e5a08f445a66584cc2187', name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: this.fieldTypes, withSearch: false, withChevron: false, dropdownButtonText: i18next.t('nylasBookingFormConfig.dropdownButtonText'), themeConfig: this.themeConfig }, h("span", { key: 'd4f9001ce2ce59dcced3c621f9b5851a19c0e58c', slot: "select-icon" }, h("plus-icon", { key: '348c59521cb7c2eaa4ac8de12fdff04ddb131f12', width: "15", height: "15" }))))), h("div", { key: '3fb64a6b4f4499415912fb3ccffd8989c5226983', class: "content" }, h("div", { key: 'e12a6533ee78e7dfed0636b406c4fa72a8696f45', class: "additional_fields static_fields", part: "nbfc__static_fields" }, this.staticFields.map((field, i) => {
             return (h("div", { class: `form-field draggable ${field.readonly && 'fixed'}`, part: "nbfc__form_field", key: i }, h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, h("span", { class: "dragable" }, h("dragable-icon", { width: "24", height: "25" })), h("div", { class: "form-field_header_text" }, h("h4", null, i18next.t(`nylasBookingFormConfig.fieldLabel.${field.fieldLabelKey}`)), h("p", null, i18next.t(`nylasBookingFormConfig.fieldType.${field.type}`))), h("div", { class: "form-field_header_actions" }, h("span", { class: `is-required` }, field.required ? i18next.t('required') : i18next.t('optional')), h("span", { class: `chevron ${field.isOpen ? 'open' : 'closed'}`, onClick: () => {
                     this.staticFieldToggle(i);
                 } }, h("chevron-icon", { width: "24", height: "24" })))), h("div", { class: `form-field_content ${!field.isOpen && 'hidden'}`, part: "nbfc__form_field-content" }, h("div", { class: "inputs" }, h("input-component", { class: 'label-input', name: `${i}`, key: i, label: i18next.t('nylasBookingFormConfig.label'), required: false, readOnly: field.readonly, defaultValue: field.label, themeConfig: this.themeConfig }, h("div", { class: "required-input", slot: "additional-input" }, h("input", { type: "checkbox", name: `required_${field.order}`, id: `required_${field.order}`, onClick: () => {
                     this.fieldRequired(i);
                 }, checked: field.required, disabled: field.readonly }), h("label", { htmlFor: `required_${field.order}`, "aria-label": "Required" }, i18next.t('required'))))))));
-        })), h("div", { key: '6f1dda97747cb7afd62712727872108f6724e70c', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields?.map((field, i) => {
+        })), h("div", { key: 'b5a72a9911ab70d98c39edf311de5b37e9728834', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields?.map((field, i) => {
             return (h("div", { class: `form-field draggable ${field?.readonly ? 'fixed' : ''}`, part: "nbfc__form_field", key: field.key }, h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, h("span", { class: "dragable" }, h("dragable-icon", { width: "24", height: "25" })), h("div", { class: "form-field_header_text" }, h("h4", null, field.label || i18next.t(`nylasBookingFormConfig.fieldLabel.${field.fieldLabelKey}`)), h("p", null, i18next.t(`nylasBookingFormConfig.fieldType.${field.type}`))), h("div", { class: "form-field_header_actions" }, h("span", { class: `is-required` }, field.required ? i18next.t('required') : i18next.t('optional')), !field.readonly && (h("button", { onClick: () => {
                     const title = this.watchFields.title;
                     const description = this.watchFields.description;

package/dist/collection/components/scheduler-editor/nylas-cancellation-policy/nylas-cancellation-policy.js

@@ -77,7 +77,7 @@ export class NylasCancellationPolicy {
         }
     }
     render() {
-        return (h(Host, { key: '8b4ce297e4deea0c63d2d66e91f45460d6f985e6' }, h("div", { key: '090eafe569cb6003cf2ed69f9f983fcf743a883a', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: 'ec1804093702f95c36c470da682fc07a5433b030', htmlFor: this.name }, i18next.t('nylasCancellationPolicy.cancellationPolicyLabel'), h("span", { key: 'd9ba9603a4817cf4c5027e4beccb8ef053fc8d6c', class: "label-icon" }, h("tooltip-component", { key: '01015c2c85784b1455b3614d914efe838d20d41e' }, h("info-icon", { key: 'b77b2f2eb4b91d10f84aadd8bd34743b765a54b2', slot: "tooltip-icon" }), h("span", { key: 'c69191dc6b154784bfd44ae55c9fe26d20924ec2', slot: "tooltip-content" }, i18next.t('nylasCancellationPolicy.tooltip.desc'))))), h("textarea", { key: '15c3fb350bd1599a65fdb3c0922c00926e941ba1', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (h(Host, { key: 'f78bad1a7c5ba8784ae9527835189f15d93d1991' }, h("div", { key: 'be7753b08d6c3aa6ff30476d1fbba8aa878baaad', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: '4a7f5c5c458dad22d6dfb431a8f7dd84d31639ba', htmlFor: this.name }, i18next.t('nylasCancellationPolicy.cancellationPolicyLabel'), h("span", { key: '3851e3a62aefcd9c4ba94992392104e606e9e7d7', class: "label-icon" }, h("tooltip-component", { key: '4096dc65fc9852d8d4cae15e87d440daf3984bf4' }, h("info-icon", { key: '2d7736d6396dac8939ec6d49e8fc3b48dd63540e', slot: "tooltip-icon" }), h("span", { key: '9023a477fa47841ad3a97ddf982d36b568302f9d', slot: "tooltip-content" }, i18next.t('nylasCancellationPolicy.tooltip.desc'))))), h("textarea", { key: 'aa4a2bf6a7234366fed06afa4333f6fbe5ed14a5', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
     }
     static get is() { return "nylas-cancellation-policy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-confirmation-email/nylas-confirmation-email.js

@@ -164,9 +164,9 @@ export class NylasConfirmationEmail {
     render() {
         const organizer = this.participantsState.find(p => p.is_organizer);
         const organizerName = organizer?.name || organizer?.email;
-        return (h(Host, { key: '344808e8373d6a890feb576c2d4133fcfae3ba6f' }, h("div", { key: 'badfe491592142dd0e5c5b345f3c91770df3d86d', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: '64d6dda525037fdd282d57611cebad8dde327c61', class: "header", part: "nce__header" }, h("div", { key: '8055a976a4cdcf74b03181a591f685f790611918' }, h("h3", { key: '4145e04b902254696d5e08594fe93c563c024dea' }, this.confirmationEmail?.booking_confirmed?.title || organizerName
+        return (h(Host, { key: '8fc12fd827f5a77c4527ffd68c17898321df40ef' }, h("div", { key: '78f679045953a92548f6d1f7ee37383155363368', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: 'aebb86934d1cd27de344d3f84cc1c2611830aa51', class: "header", part: "nce__header" }, h("div", { key: '23ebd58c96bd4abfc16484846212ada25f14e816' }, h("h3", { key: 'ed41f6c6be5311931ff076f684a0bbf1e36c11ee' }, this.confirmationEmail?.booking_confirmed?.title || organizerName
             ? i18next.t('nylasConfirmationEmail.headerTitle_withOrganizer', { organizerName: organizerName })
-            : i18next.t('nylasConfirmationEmail.headerTitle')), h("p", { key: '51e76e9ea405e8048c56b1a40ba749dbc2c29739' }, i18next.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" })))) : (h("button-component", { variant: 'basic', clickHandler: event => {
+            : i18next.t('nylasConfirmationEmail.headerTitle')), h("p", { key: '9cc2bb946f3313cde800dd977b07ee3f94f6b607' }, i18next.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" })))) : (h("button-component", { variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.toggleConfirmationEmail();
             } }, h("edit-icon", { width: "16", height: "16" }), i18next.t('nylasConfirmationEmail.editButtonText')))), this.isConfirmationEmailOpen ? (h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, h("div", { class: "nylas-confirmation-email__section" }, this.nylasBranding && (h("div", { class: "nylas-confirmation-email__row" }, h("label", null, i18next.t('nylasConfirmationEmail.nylasBranding.label'), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, i18next.t('nylasConfirmationEmail.nylasBranding.tooltip.desc'))))), h("toggle-switch", { exportparts: "ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider", name: `confirmation-email-show-branding`, checked: this.confirmationEmail?.show_nylas_branding, themeConfig: this.themeConfig }))), h("div", { class: "nylas-confirmation-email__row" }, h("div", { class: "subsection" }, h("div", { class: "input-container" }, h("label", null, i18next.t('nylasConfirmationEmail.companyLogoUrl.label'), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, i18next.t('nylasConfirmationEmail.companyLogoUrl.tooltip.desc'))))), this.confirmationEmail && (h("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", errorMessage: this.invalidImageErrorMessage, imageUrl: this.confirmationEmail?.logo ?? '', themeConfig: this.themeConfig }))))), h("div", { class: "nylas-confirmation-email__row full-width-col" }, h("div", { class: "subsection" }, h("h3", null, i18next.t('nylasConfirmationEmail.emailMessage.header')), h("div", { class: "input-container" }, h("label", { htmlFor: "title" }, i18next.t('nylasConfirmationEmail.emailMessage.label'), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, i18next.t('nylasConfirmationEmail.emailMessage.tooltip.desc'))))), h("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: organizerName

package/dist/collection/components/scheduler-editor/nylas-connected-calendars/nylas-connected-calendars.js

@@ -180,7 +180,7 @@ export class NylasConnectedCalendars {
         }
     }
     render() {
-        return (h(Host, { key: 'f18a3d1fc86cd4247addd17087ff1345f6cd1b39' }, h("div", { key: '9408570427e5deada36cf63143434b3487a1d65f', class: "nylas-connected-calendars", part: "nccals" }, h("div", { key: 'ce15c5d775bcdfb4937e99ed0ddbc799b9585009', class: "header", part: "nccals__header" }, h("h3", { key: 'ce0ed81545d1230523ebb818f4671b43ebbb3b07' }, i18next.t('nylasConnectedCalendars.headerTitle')), h("p", { key: '2f470d72e938e04eb13bfa89b4b45026e2fdb74b' }, i18next.t('nylasConnectedCalendars.headerSubTitle'), h("tooltip-component", { key: '98d24e1569aec7ea70bd349c98149cdd4f27ee4a' }, h("info-icon", { key: 'b213af1e0ab549b8cb454a0e47484a227c244c25', slot: "tooltip-icon" }), h("span", { key: 'cdfe03ad2b15daf350989aa05c3bb8b20f851783', slot: "tooltip-content" }, i18next.t('nylasConnectedCalendars.tooltip.desc'))))), h("div", { key: 'c0f568e0524c2b864f57ba08d18c02b153f40fe5', class: "content", part: "nccals__content" }, h("form", { key: '33a0d5e7ab0f4ea37ecdb005caaa39c9010ec88b', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
+        return (h(Host, { key: 'eb1a40091b51a8eac8caacfaa7b473bda04bff33' }, h("div", { key: '15a62f27858da3b381060370877c8e51b1acaae7', class: "nylas-connected-calendars", part: "nccals" }, h("div", { key: '641b1442f04d4f69eeb38cd80fc616388d300ed5', class: "header", part: "nccals__header" }, h("h3", { key: 'bce97c9b915e8594532d80d187fd64cc50a97051' }, i18next.t('nylasConnectedCalendars.headerTitle')), h("p", { key: '778c4f7ff8a7a16f6f88e6038f7295f9333707b7' }, i18next.t('nylasConnectedCalendars.headerSubTitle'), h("tooltip-component", { key: 'c82104333294d97592dda1c3ec979d393b48c99f' }, h("info-icon", { key: 'aac42f8e886a87b9b3c6818a3d97e12aea9029b1', slot: "tooltip-icon" }), h("span", { key: 'd6c8a4286ec14b65fe7e70376a9a64abb187d9bf', slot: "tooltip-content" }, i18next.t('nylasConnectedCalendars.tooltip.desc'))))), h("div", { key: '63916a9805e0e89b3a04ab8909bb56e3c6734876', class: "content", part: "nccals__content" }, h("form", { key: '409b0ef5eef357585cbbf1f518f9883e0afe42e9', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
             const participant = this.selectedCalendars[key];
             const participantCalendars = this.participantCalendars[key];
             if (!participant || !participant.name)

package/dist/collection/components/scheduler-editor/nylas-custom-booking-flow/nylas-custom-booking-flow.js

@@ -54,7 +54,7 @@ export class NylasCustomBookingFlow {
         }
     }
     render() {
-        return (h(Host, { key: 'f2e21d79f022d208000a7e8f8abcd9ff53b6a68d', part: "ncbflow" }, h("nylas-form-card", { key: 'd0012d352b5483313b748a603c3f30a54a00b740', exportparts: "nfc__header: ncbflow__header" }, h("h1", { key: 'f67f1708e0febe94dcb1370c2e5fc4e2c7b04f34', slot: "header-title", class: "nylas-custom-booking-flow__title", part: "ncbflow__title" }, i18next.t('nylasCustomBookingFlow.headerTitle')), h("div", { key: 'e8e990b632ae884ced8f8f53d3bd50fa51a8209d', slot: "content", class: "nylas-custom-booking-flow__content", part: "ncbflow__content" }, h("slot", { key: 'c67dafd51e63ae89df8461b97942d9e2d1c28e80', name: "inputs" })))));
+        return (h(Host, { key: 'dad60803934cfc25dd1b620f14b455e3b60d55f0', part: "ncbflow" }, h("nylas-form-card", { key: '3ed87ec95107b4ad37c28bbd2b57dcfb4940c6fa', exportparts: "nfc__header: ncbflow__header" }, h("h1", { key: 'cb875e0061f9ade0e8f0ccb8eb7adf5b5f2fff24', slot: "header-title", class: "nylas-custom-booking-flow__title", part: "ncbflow__title" }, i18next.t('nylasCustomBookingFlow.headerTitle')), h("div", { key: '0bb599126809219519a69f5eaa86f14510dff509', slot: "content", class: "nylas-custom-booking-flow__content", part: "ncbflow__content" }, h("slot", { key: '43aa7fa9bb1f1442bacff4155f2e975a257ca806', name: "inputs" })))));
     }
     static get is() { return "nylas-custom-booking-flow"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-customize-booking-settings/nylas-customize-booking-settings.js

@@ -133,7 +133,7 @@ export class NylasCustomizeBookingSettings {
     render() {
         const showComponent = typeof this.hideCancellationOptions === 'boolean' && typeof this.hideReschedulingOptions === 'boolean' && typeof this.allowGuestsToInvite === 'boolean';
         const showHideAdditionalGuests = this.showSettings.includes('allowGuestsToInvite');
-        return (h(Host, { key: '08eb5b8b8b1b583f005015e8c18a65d82b9d8b5d' }, showComponent && (h("div", { key: '63603e57c0bdbbd0488600cdaa55233e720bd096', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: '66c8d2524f2931fe58bcaab145648b2234b75d2c', class: "header", part: "ncbs__header" }, h("h3", { key: '2073fd0b9cf1d74f27b9ce395f8e5e9d0b3137f0' }, i18next.t('nylasCustomizeBookingSettings.headerTitle')), h("p", { key: '6588da15f6091e8d017635235317155df4e475df' }, i18next.t('nylasCustomizeBookingSettings.headerSubTitle'))), h("div", { key: '1848a23e1f4a2a6ca34e1f45fb1f5a9694064ba4', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, showHideAdditionalGuests && (h("div", { key: '8febba5c19ce2fd56046a80ea367a7524401e8c0', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '12f04a1e2122c87346920917dffb7ad2893c7acc', name: "hide_additional_guests", label: i18next.t('nylasCustomizeBookingSettings.allowGuests.label'), checked: this.allowGuestsToInvite, themeConfig: this.themeConfig }, h("span", { key: '0e51bf76ea4fd34c8bf2c558fdf4b9e843c96913', slot: "label", class: "label" }, h("p", { key: '249c7863fc1a59fe47b2811d1295c94fbba4ae02', class: "label-contents" }, i18next.t('nylasCustomizeBookingSettings.allowGuests.label', { interpolation: { escapeValue: false, escape: s => `${s}`, useRawValueToEscape: true } })))))), h("div", { key: 'a3ee80cb200ad463625ebc651356a1821404d94a', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '7a0b4228b406d0991d2c6c42eb0acd5c35fd00ea', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions, themeConfig: this.themeConfig }, h("span", { key: '7c96f2eb6f5877b0b2588cb7476dd8a90b06adb8', slot: "label", class: "label" }, h("p", { key: 'a6a96b2b4bd76674ff8eb7b9e0fd5c401239c04d', class: "label-contents" }, i18next.t('nylasCustomizeBookingSettings.hideReschedule.label')), h("tooltip-component", { key: '1e15a66755f9c3c6f0ca792f7e705c5e7e60f85f', id: "reschedule" }, h("info-icon", { key: '2d49bd7cffaeb87ac7c29deee6c058b1db2cc409', slot: "tooltip-icon" }), h("span", { key: '5630e711342c35d55b2fe7c4ab0302fc63661461', slot: "tooltip-content" }, i18next.t('nylasCustomizeBookingSettings.hideReschedule.tooltip.desc')))))), h("div", { key: 'f63fe5eeeca037bcb235cef190a3d22156aa3fe8', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: 'c9e8c65e9244fc00027af4fe2031133a0851b5f4', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions, themeConfig: this.themeConfig }, h("span", { key: 'a42274e102788184d4eaad1ad3793ad15319d6f5', slot: "label", class: "label" }, h("p", { key: '23db56be47120c837d843f60f34b34454671e9b1', class: "label-contents" }, i18next.t('nylasCustomizeBookingSettings.hideCancel.label')), h("tooltip-component", { key: '761d4885f89f020501aefcb4754e4c5234c76a59', id: "cancel" }, h("info-icon", { key: '19d68cd40078ce0cbc259563c113b2117317bfae', slot: "tooltip-icon" }), h("span", { key: '18e756849780db95c78d7ef627f706424d3b7a4d', slot: "tooltip-content" }, i18next.t('nylasCustomizeBookingSettings.hideCancel.tooltip.desc')))))))))));
+        return (h(Host, { key: 'e971d0cac433b5fcc742554a872dee95fbd3e136' }, showComponent && (h("div", { key: '70626e9a5c003203128f288b5cee158cffd14402', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: 'fb1fab05c57e8f8cb9279a662aaa75447f40d291', class: "header", part: "ncbs__header" }, h("h3", { key: '0d88f445585d543b2ab01b645f97b5f902ba542d' }, i18next.t('nylasCustomizeBookingSettings.headerTitle')), h("p", { key: 'b716e036f2e705a569a0b005cd1b68ecffbdcc53' }, i18next.t('nylasCustomizeBookingSettings.headerSubTitle'))), h("div", { key: '25b167ff8d0a902f84b99db526b2298e0277accb', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, showHideAdditionalGuests && (h("div", { key: 'a5896ca2876a065c45844ba8c47528c91bf5fc9b', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: 'ecd546f24e0828ed740f7166fbf9b82f223ec7f2', name: "hide_additional_guests", label: i18next.t('nylasCustomizeBookingSettings.allowGuests.label'), checked: this.allowGuestsToInvite, themeConfig: this.themeConfig }, h("span", { key: '11ad8296ac84b0f80fbdef36b2303dee6e64589e', slot: "label", class: "label" }, h("p", { key: '81695609777b4a0a50df6764c425587ece2a1fe0', class: "label-contents" }, i18next.t('nylasCustomizeBookingSettings.allowGuests.label', { interpolation: { escapeValue: false, escape: s => `${s}`, useRawValueToEscape: true } })))))), h("div", { key: '65e0bdcd73c3e8d6681cd6f7da59de61d210e1b2', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '33290d63b4cecd319e6ab1276d2a87e097b98004', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions, themeConfig: this.themeConfig }, h("span", { key: '1baec82b8a77c80fdd3e0dd5d1e0f2db894dd801', slot: "label", class: "label" }, h("p", { key: '91e6fd9f27fcc9900a95c695f2f685af51f8dd82', class: "label-contents" }, i18next.t('nylasCustomizeBookingSettings.hideReschedule.label')), h("tooltip-component", { key: 'f4d38bcf78f67ebd3e4d76939aa114809b6d848d', id: "reschedule" }, h("info-icon", { key: '86fdb13f0c989d6c24dd165e375274a38174703d', slot: "tooltip-icon" }), h("span", { key: '8e15ac5aa0327f0450144a1b19fd83a7e25bbb49', slot: "tooltip-content" }, i18next.t('nylasCustomizeBookingSettings.hideReschedule.tooltip.desc')))))), h("div", { key: 'd944cb7b59b22ca34356b2caefab6b7dba6a4faa', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: 'c9664e28baab4e3506bc77788c7666c7e300e29c', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions, themeConfig: this.themeConfig }, h("span", { key: '46a4a8aaf824c9e8c8ffa95695cf20345e759a9c', slot: "label", class: "label" }, h("p", { key: 'ed3550f94dee58447e2bce4a54bb7c59d9c3cb72', class: "label-contents" }, i18next.t('nylasCustomizeBookingSettings.hideCancel.label')), h("tooltip-component", { key: '750b93b8113588d8fbc85a022cf5177461950bcd', id: "cancel" }, h("info-icon", { key: '35783e0ee5dcf8a1a8ad3a6999d92cd1c5a93e40', slot: "tooltip-icon" }), h("span", { key: '8feacc326565f0ace9f3b0e52430b6090b2293ed', slot: "tooltip-content" }, i18next.t('nylasCustomizeBookingSettings.hideCancel.tooltip.desc')))))))))));
     }
     static get is() { return "nylas-customize-booking-settings"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-disable-emails/nylas-disable-emails.js

@@ -121,7 +121,7 @@ export class NylasDisableEmails {
         const disableEmails = isGroupConfig
             ? this.selectedConfiguration?.group_booking?.disable_emails
             : this.selectedConfiguration?.event_booking?.disable_emails;
-        return (h(Host, { key: '07d3d5275ab14deec818fdb6ff6b4b2f0f5e078d' }, h("div", { key: '4dbcb650e58678f861e3e82832437b0af8363cc0', class: "nylas-disable-emails", part: "nde" }, h("div", { key: 'd491e0bcefd4e37df85b94bfd46d0e0f3ea2bf37', class: "header", part: "nde__header" }, h("div", { key: 'ace1707c84e6665d71ab6663e697bf80067a9ac3' }, h("h3", { key: 'e40280e96aaa289876d53e0c1981d2915ff7c8e8' }, i18next.t('eventCommunicationsTitle')), h("p", { key: '5036ab68f60a9d499bc3b3c95a3924a4ae482f9c' }, i18next.t('eventCommunicationsDescription')))), h("div", { key: '9561d7c3848271d7ee091d2646e6f246ccc7ff8d', class: "content", part: "nde__content" }, h("div", { key: 'bb4911d8bf5f85fa5a9932f100ecf4a091de1244', class: "toggle", part: "nde__toggle" }, h("label", { key: '6088d4450e82cdfd40674f9a6a53ca805a29e4c7' }, i18next.t('nylasConfirmationEmail.confirmationEmail.label'), h("span", { key: '09bf3e473a52f345d8b2df81b051ccfe4b4cc10d', class: "label-icon" }, h("tooltip-component", { key: 'b149d5a6af28aea73736e578d2d3915d83f9e61a' }, h("info-icon", { key: '84cba6873caed5ec1fccbd2edfa9290f64f2627f', slot: "tooltip-icon" }), h("span", { key: '06fc53c0d26e06316187161abb56fade55726207', slot: "tooltip-content" }, " ", i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.desc'))))), h("toggle-switch", { key: '42af0697188bc05712a5438eb085fada2792df59', exportparts: "ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider", name: `disable-emails`, checked: !disableEmails, themeConfig: this.themeConfig })), h("div", { key: 'f94628394451dcf34e326c208a53ebea030e2973', class: "toggle", part: "nde__toggle" }, h("label", { key: '8a803d4c8a217bd2e60fb36e5139a4a4e250046a' }, i18next.t('nylasConfirmationEmail.confirmationEmail.language'), h("span", { key: '3a32a67e2a1e876a579d432f2dce2128f32fdb4b', class: "label-icon" }, h("tooltip-component", { key: 'aa4cdae80a58ec09cc5f5845fa33143910ef3cbc' }, h("info-icon", { key: 'c4bbbaa334eff483a6f054c0ea639d5fb47699c2', slot: "tooltip-icon" }), h("span", { key: '004af4410de6e2d48b70b1ab06c7f50f1defcb01', slot: "tooltip-content" }, " ", i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.language'))))), h("select-dropdown", { key: 'c5e1f889cb730389dc16ab64ee7684bb40184885', name: "organizer-locale", options: languageOptions, searchPlaceholder: i18next.t('search'), withChevron: false, defaultSelectedOption: languageOptions.find(lang => lang.value == this.organizerLocale), themeConfig: this.themeConfig, exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: 'dd5bf53fc73c7fbce2bdfbb9d550425cdb1e1c3a', slot: "select-icon" }, h("translate-icon", { key: 'a48c87064392b990b9c32693a9a7ac57ad84e1d7', width: "20", height: "20" }))))))));
+        return (h(Host, { key: '118bd3b29125152afa2ac6e3084b1cd703dc93dc' }, h("div", { key: '1000d2af008babbc620936d1f90dfb3fd23b08bb', class: "nylas-disable-emails", part: "nde" }, h("div", { key: '2abab5b77b2e28b5a966fe6da6cd65ddbf222d69', class: "header", part: "nde__header" }, h("div", { key: 'ca4ea562f5c31449876ce76c848dbd1a54003e7a' }, h("h3", { key: 'e14f84c7decfc96cb6fd1cf8765225f9243f2391' }, i18next.t('eventCommunicationsTitle')), h("p", { key: '021b5fd768dc344bbd4d274ff6f9473b1a83d078' }, i18next.t('eventCommunicationsDescription')))), h("div", { key: 'a20b7280dacc677bd6a51408a6575d92c3ab6d89', class: "content", part: "nde__content" }, h("div", { key: '94d9450ff56471b90d3d88f08821d803df4b07e0', class: "toggle", part: "nde__toggle" }, h("label", { key: 'd7c2db39153bc5b953148d0fe720226b582dfc57' }, i18next.t('nylasConfirmationEmail.confirmationEmail.label'), h("span", { key: '24a2b43eee531aa92210869f34b42eb4df21a550', class: "label-icon" }, h("tooltip-component", { key: '9f66c932e45a5aa8069cb9ee942d4834f583cb28' }, h("info-icon", { key: '10925318362883fadd80a9f6bac98386a6edf867', slot: "tooltip-icon" }), h("span", { key: '6af8297bdb57f572f679f0862b799a6c7a6fc10b', slot: "tooltip-content" }, " ", i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.desc'))))), h("toggle-switch", { key: 'bb4cd46bbf895e03924b1da5970f05dc6c45796e', exportparts: "ts_label: nde__toggle-label, ts_input: nde_toggle-input, ts_slider: nde_toggle-slider", name: `disable-emails`, checked: !disableEmails, themeConfig: this.themeConfig })), h("div", { key: 'f497dd2f795e14faac33de8bf9905ed8cdf1526b', class: "toggle", part: "nde__toggle" }, h("label", { key: 'c70c1e85d9feb3c9cc816d23108699a4ebfc7209' }, i18next.t('nylasConfirmationEmail.confirmationEmail.language'), h("span", { key: '013fe50b832af64ae0f1a05eb5a4fad82f869823', class: "label-icon" }, h("tooltip-component", { key: '9212ed5383b212876a0f4a5875856705294a96fc' }, h("info-icon", { key: '11b086434bf2e3d17d358de6c5789076e98bec0e', slot: "tooltip-icon" }), h("span", { key: 'fd81ad8e6e6223590253f3cd0b0e4d8c8b801a14', slot: "tooltip-content" }, " ", i18next.t('nylasConfirmationEmail.confirmationEmail.tooltip.language'))))), h("select-dropdown", { key: 'ceb76aa82bc02dde5079ae2167fa2c965e82ebb3', name: "organizer-locale", options: languageOptions, searchPlaceholder: i18next.t('search'), withChevron: false, defaultSelectedOption: languageOptions.find(lang => lang.value == this.organizerLocale), themeConfig: this.themeConfig, exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: '0f1431414318aba3c78087ea3b04bdd9b32efd5b', slot: "select-icon" }, h("translate-icon", { key: '6e7089b4bf3c06e28f21248e1908536343cc8996', width: "20", height: "20" }))))))));
     }
     static get is() { return "nylas-disable-emails"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.js

@@ -695,10 +695,10 @@ export class NylasEditorTabs {
     }
     render() {
         debug('[nylas-editor-tabs]', 'render', this.formState);
-        return (h(Host, { key: '641ed8ccdf06d4bc1fbfb7e8431ebabff7eab0ef' }, h("nylas-notification", { key: '7f54445278641b6a5afec0a290d7baa6d23a411d' }), h("form", { key: '4aafb7e4edc582dc5b1e5504d01d7387ee025023', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, h("calendar-info-icon", { width: "16", height: "16" }), i18next.t('eventInfoTab')), h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, h("calendar-patterns-icon", { width: "16", height: "16" }), i18next.t('availabilityTab')), h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, h("people-icon", { width: "16", height: "16" }), i18next.t('participantsTab')), h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), i18next.t('bookingOptionsTab')), h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), i18next.t('bookingFormTab')), h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), i18next.t('communicationsTab')), h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), i18next.t('pageStylesTab'))), h("div", { class: {
+        return (h(Host, { key: 'd29cf03c370be09163a9626b207983c0ef6b7b98' }, h("nylas-notification", { key: '0658169e7a145a7bc420e6a1890b30d214158c89' }), h("form", { key: '648cc1df5ebcec45ef5b45f0b3ff65cd9168ede3', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, h("button", { name: Tab.EventInfo, class: { tab: true, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info net__tab-event-info", onClick: e => this.setActiveTab(e, Tab.EventInfo) }, h("calendar-info-icon", { width: "16", height: "16" }), i18next.t('eventInfoTab')), h("button", { name: Tab.Availability, class: { tab: true, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability net__tab-availability", onClick: e => this.setActiveTab(e, Tab.Availability) }, h("calendar-patterns-icon", { width: "16", height: "16" }), i18next.t('availabilityTab')), h("button", { name: Tab.Participants, class: { tab: true, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants net__tab-participants", onClick: e => this.setActiveTab(e, Tab.Participants) }, h("people-icon", { width: "16", height: "16" }), i18next.t('participantsTab')), h("button", { name: Tab.BookingOptions, class: { tab: true, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, Tab.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), i18next.t('bookingOptionsTab')), h("button", { name: Tab.BookingForm, class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), i18next.t('bookingFormTab')), h("button", { name: Tab.Communications, class: { tab: true, active: this.activeTab == 'communications', hide: this.hideTab(Tab.Communications) }, onClick: e => this.setActiveTab(e, Tab.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == Tab.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), i18next.t('communicationsTab')), h("button", { name: Tab.PageStyles, class: { tab: true, active: this.activeTab == 'pageStyles', hide: this.hideTab(Tab.PageStyles) }, onClick: e => this.setActiveTab(e, Tab.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == Tab.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), i18next.t('pageStylesTab'))), h("div", { class: {
                 'tab-content': true,
                 'fadeIn': this.loaded,
-            }, part: "editor__tab-content net__tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: i18next, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: '2ca529c16438ae6f540d9f9d2cf9f176b9f8953c', class: "footer", part: "editor__footer net__footer" }, h("div", { key: '7a9c3a5625f22441e1e5c1ff7c9bf4b83609f6d9', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { key: '180fef7df92ddc66dbe0ddcae9b667c95a4975b7', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", { key: '645d1490d921250158592abaa25fea439a0484d6' })))), h("div", { key: 'd1ee52a3df5a6517661bc9abaef8b0d810a626cf', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: '3621ce228c7b8f5059269f4259d0ae0559c73c17', class: {
+            }, part: "editor__tab-content net__tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: i18next, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: 'af5ade2dbf7c7a4ecfb2a4c793da8a20dffaf50d', class: "footer", part: "editor__footer net__footer" }, h("div", { key: '6af5bbc348ccbeaae5c954dc23a4f23ddcabfcad', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { key: '9b931f53e0203bce240343b3484019455a6fa688', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", { key: 'abc5279a11ebb66f7462ea5d440698faf6475c51' })))), h("div", { key: '77e7c95244cefed7570f17997d788e850f7452a8', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: 'c76b8cab273ef6eb158764ff216ccce20ade888f', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -707,17 +707,17 @@ export class NylasEditorTabs {
             ? i18next.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${i18next.t('changesSavedLabel')}!`
-                : ''), this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { key: '197011c0377ca5ebe8df986f2646fc84668e4645', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { key: 'b3f8d54bddee844ef65190f3a2957b4f41db36b5', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, h("eye-icon", { key: 'b2015768be9e7babed22669234eefbe1a458d2dc' }))), h("button-component", { key: 'ab2c1f081c15b9cde3efd42e5167dfaacc697874', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, h("eye-icon", { key: '4b35594d0ca5f3beae05426487a5a388b7f7f7fe' }))), h("button-component", { key: '14d80af3625109b98625690bc907295e44d93aac', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, i18next.t('cancelButton')), h("button-component", { key: 'c83433adee419e28c091b54c6ff6df8c452e17fb', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (h("span", null, i18next.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${i18next.t('createButtonText')}`) : (`${i18next.t('saveChangesButtonText')}`))))), this.showFeedbackModal && h("nylas-feedback-form", { key: '2e06e943f9383454109ab9dfd0cb2567c65994e4' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, i18next.t('cancelButton')), h("button-component", { key: 'f1a70d4dbffdd45524027d2165a979dbf380188b', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, this.isLoading ? (h("span", null, i18next.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${i18next.t('createButtonText')}`) : (`${i18next.t('saveChangesButtonText')}`))))), this.showFeedbackModal && h("nylas-feedback-form", { key: '5359cdd0171603a40b05fb96619d639998ce02f5' })));
     }
     static get is() { return "nylas-editor-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/scheduler-editor/nylas-editor-tabs-group/nylas-editor-tabs-group.js

@@ -610,9 +610,9 @@ export class NylasEditorTabsGroup {
     }
     render() {
         debug('[nylas-editor-tabs-group]', 'render', this.formState);
-        return (h(Host, { key: '06a56774813f3253201c74362b22f6190d3d9b18' }, h("nylas-notification", { key: '312a7375ccb06441edd84eeeb97676d3e965d034' }), h("form", { key: 'f99f3dbf643542e1cdf5fc04f0b49e77f0cec577', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
+        return (h(Host, { key: '869e92e2e872d529e939ee02ab29b0f217dd5411' }, h("nylas-notification", { key: 'ef3ce9b6f973d2d8f43a47f97501aef8fa6df1a1' }), h("form", { key: 'c3c73ec6ccad275aa28a2febffb36f3ae8d07da1', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "return-to-calendar-view", part: "editor__return-to-calendar-view net__return-to-calendar-view" }, h("button-component", { id: "return-to-calendar-view-button", variant: "invisible", part: "nset__header__back-button", type: "button", onClick: e => {
                 this.setActiveTab(e, TabGroup.CalendarView);
-            } }, h("chevron-icon", { width: "16", height: "16" }), h("span", null, i18next.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, h("button", { name: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), i18next.t('bookingOptionsTab')), h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), i18next.t('bookingFormTab')), h("button", { name: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), i18next.t('communicationsTab')), h("button", { name: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), i18next.t('pageStylesTab'))), h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: i18next })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: '7a0c434d290fcf47d4bb8d653cdb6bae7a1fda13', class: "footer", part: "editor__footer net__footer" }, h("div", { key: 'c0ec1cd3a1ad5e0f08eac1994abbef4e54175bab', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { key: 'ac96b6bee8d986417355134bae7c700328eb4a59', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", { key: '2f8dc179c85aba046041ba5e0b1147913e6d9364' }))), this.activeTab === TabGroup.CalendarView && (h("button-component", { key: '9eef85c170173e5781c71d247712a7d0836649a0', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, i18next.t('pageSettingsButton')))), h("div", { key: '8b0782e6e5c6245b180f37b8e636f9fd57d3bcc3', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: 'f150c59905b9eca9d4dfbe1aa278c7b70eb883c6', class: {
+            } }, h("chevron-icon", { width: "16", height: "16" }), h("span", null, i18next.t('returnToCalendarView'))))) : null, this.mode === 'app' ? (h("div", { class: "form-contents", part: "editor__form-contents net__form-contents" }, h("div", { class: "tabs", part: "editor__tabs net__tabs" }, h("button", { name: TabGroup.BookingOptions, class: { tab: true, active: this.activeTab == TabGroup.BookingOptions, hide: this.hideTab(TabGroup.BookingOptions) }, part: "editortab__booking-options net__tab-booking-options", onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, h("flow-icon", { width: "16", height: "16" }), i18next.t('bookingOptionsTab')), h("button", { name: TabGroup.BookingForm, class: { tab: true, active: this.activeTab == TabGroup.BookingForm, hide: this.hideTab(TabGroup.BookingForm) }, part: "editortab__booking-form net__tab-booking-form", onClick: e => this.setActiveTab(e, TabGroup.BookingForm) }, this.activeTab == TabGroup.BookingForm ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), i18next.t('bookingFormTab')), h("button", { name: TabGroup.Communications, class: { tab: true, active: this.activeTab == TabGroup.Communications, hide: this.hideTab(TabGroup.Communications) }, onClick: e => this.setActiveTab(e, TabGroup.Communications), part: "editortab__communications net__tab-communications" }, this.activeTab == TabGroup.Communications ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), i18next.t('communicationsTab')), h("button", { name: TabGroup.PageStyles, class: { tab: true, active: this.activeTab == TabGroup.PageStyles, hide: this.hideTab(TabGroup.PageStyles) }, onClick: e => this.setActiveTab(e, TabGroup.PageStyles), part: "editortab__page-styles net__tab-page-styles" }, this.activeTab == TabGroup.PageStyles ? h("paintbrush-fill-icon", { width: "16", height: "16" }) : h("paintbrush-icon", { width: "16", height: "16" }), i18next.t('pageStylesTab'))), h("div", { class: "tab-content", part: "editor__tab-content net__tab-content" }, h(TabContentsGroup, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new', i18next: i18next })))) : (h("div", { class: "composable", key: this.selectedConfiguration?.id }, h("slot", null))), h("div", { key: 'cb2a83d7dd8772baa6120fb70495cbe14b5e878d', class: "footer", part: "editor__footer net__footer" }, h("div", { key: '073938c889c7ab4e0737171f6b3926ddc7b3e309', class: "preview", part: "editor__footer-preview net__footer-preview" }, this.enableUserFeedback && (h("button-component", { key: '5d0d3460afb2d2500218328015bfa26be1c6501e', title: "Share your feedback", id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, h("feedback-icon", { key: '5de4e56012036525ea4b1ddf674d04fb5d657339' }))), this.activeTab === TabGroup.CalendarView && (h("button-component", { key: '1b645c72d8bf6e6a804f82de4a6f8c079b532199', class: "page-settings-button", title: "Go to page settings", id: "page-settings", variant: 'basic', onClick: e => this.setActiveTab(e, TabGroup.BookingOptions) }, i18next.t('pageSettingsButton')))), h("div", { key: 'e6a8c454f9ddd05b574c28a5c6801d2e4dc7d314', class: "buttons", part: "editor__footer-buttons net__footer-buttons" }, h("p", { key: '2ad5f399b1b7b4c985d827842fdb577d5e79e713', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error?.message !== '',
@@ -621,17 +621,17 @@ export class NylasEditorTabsGroup {
             ? i18next.t('unsavedChangesLabel')
             : this.error?.message == '' && this.changesSaved
                 ? `${i18next.t('changesSavedLabel')}!`
-                : ''), h("div", { key: '3482be3bf0aa1f2033892f0ea9fb46ef3d024933', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { key: '292e5e8e26dde950427ea5b9a89102fd787e3396', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
+                : ''), h("div", { key: '2b1a00bfcc1d82907531ca4f01c10f6fa0753af0', class: "footer-buttons__row" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { key: 'd81f286280016c4a8ffc69837deafcfd62207ae1', title: "Preview", type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, h("eye-icon", { key: '752b75283ffc0d3001bdfa675e0d0aefd8e35ffe' }))), h("button-component", { key: '359fcd9add568c76d2781dcb445a61318f4d65cf', type: "button", disabled: this.isLoading, clickHandler: event => {
+            }, variant: 'basic' }, h("eye-icon", { key: 'cf209b590796ef5d6443fd737ebdb44a34497f23' }))), h("button-component", { key: 'bf52189b404bb4fe178ae92d17960da288b01478', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.host.resetError();
-            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, i18next.t('cancelButton')), h("button-component", { key: '30c9dd42997d4e5d678677f127ed499302ccae36', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (h("span", null, h("loading-icon", null), ' ')) : this.isLoading ? (h("span", null, i18next.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${i18next.t('createButtonText')}`) : (`${i18next.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && h("nylas-feedback-form", { key: '0168f924071cf6c43699c26b43e74ee76a696a27' })));
+            }, variant: 'basic', part: "editor__footer-cancel net__footer-cancel" }, i18next.t('cancelButton')), h("button-component", { key: '773685323c7b8c7c6472b7bdabada38699366f56', class: { 'save-changes': this.action === 'edit' }, type: "submit", disabled: this.isLoading, part: "editor__footer-cta, net__footer-cta" }, !this.componentLoaded ? (h("span", null, h("loading-icon", null), ' ')) : this.isLoading ? (h("span", null, i18next.t('savingButtonText'), h("loading-icon", null), ' ')) : this.action === 'create' ? (`${i18next.t('createButtonText')}`) : (`${i18next.t('saveChangesButtonText')}`)))))), this.showFeedbackModal && h("nylas-feedback-form", { key: '2cb934ae8a1d7483fec46d82ea5fa7d5050de4c0' })));
     }
     static get is() { return "nylas-editor-tabs-group"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/scheduler-editor/nylas-event-capacity/nylas-event-capacity.js

@@ -95,7 +95,7 @@ export class NylasEventCapacity {
     }
     render() {
         const isComponentReady = typeof this.selectedEventCapacity !== 'undefined';
-        return (h(Host, { key: 'e6f85aecbbaeb832787d15467665948bbee0fa13' }, h("div", { key: '8406843a2c85f91293d9d3291cc62b470da54061', class: "nylas-event-capacity", part: "necapacity" }, h("label", { key: '08e23312963f34e9d99438cfae812f69d6db4e15', htmlFor: "event-capacity" }, h("span", { key: 'a84786122c2f2320e124bc7056baa85a5df16893' }, i18next.t('nylasEventCapacity.headerTitle'), h("span", { key: 'ba7612dff5ec1a4da53e4f53e2b43ef63e2dbf98', class: "required" }, "*")), h("tooltip-component", { key: 'b9173e544830ee9ffed7a882d2e6de0462575fc6' }, h("info-icon", { key: 'a79509157d703b8dae4b8ea630145fd84a8d0c0d', slot: "tooltip-icon" }), h("span", { key: 'da53d6f901cfedbbb9cf414a112cb70bdb6bf753', slot: "tooltip-content" }, i18next.t('nylasEventCapacity.tooltip.desc')))), isComponentReady && (h("div", { key: '7fc33974040384dcbdfe79fd60d60b76526dd424', class: "nylas-event-capacity__wrapper" }, h("input-component", { key: '4f1e8a5d7b540ab99cdcfa91b83b0bbdc7fe715b', name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: i18next.t('invalidInputFormat', { field: 'Event capacity' }), minValue: 1, maxValue: 500, required: false, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity === 'number' ? this.selectedEventCapacity.toString() : '10', themeConfig: this.themeConfig }), h("span", { key: 'f3a0d94ff47122899c3ab475ac66e388efa43a54', class: this.error ? 'attendees error' : 'attendees' }, i18next.t('nylasEventCapacity.attendees')))))));
+        return (h(Host, { key: '0998e75ac6f831933a097a93615237f036fa2a1d' }, h("div", { key: '6761dc39b1256aa70f959dad3f85c0de198c642d', class: "nylas-event-capacity", part: "necapacity" }, h("label", { key: 'cccd67579c54a8547750a6a8a6f755611c967d9a', htmlFor: "event-capacity" }, h("span", { key: '425da91a83a5a4f64cdb6bdfe330e3e59ecca15c' }, i18next.t('nylasEventCapacity.headerTitle'), h("span", { key: '5061fb67b69e639eccbf9074cdd037975a7dd22f', class: "required" }, "*")), h("tooltip-component", { key: '965614c44209d4d889506c3accdace72b9927c45' }, h("info-icon", { key: '5fe2a0fa75ed36df71db75da97bd565ec03fda4d', slot: "tooltip-icon" }), h("span", { key: '6836816801e3cc87e1f11aae3781e365f550d7ec', slot: "tooltip-content" }, i18next.t('nylasEventCapacity.tooltip.desc')))), isComponentReady && (h("div", { key: '4e836fe0fe83bfc6f71a287f0b916feb2e910029', class: "nylas-event-capacity__wrapper" }, h("input-component", { key: '96886884998b6918fe980d4d979179ae2fff9f9d', name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: i18next.t('invalidInputFormat', { field: 'Event capacity' }), minValue: 1, maxValue: 500, required: false, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity === 'number' ? this.selectedEventCapacity.toString() : '10', themeConfig: this.themeConfig }), h("span", { key: '79c85ba3bf6551aa560906f2cc3a9dad83f274b8', class: this.error ? 'attendees error' : 'attendees' }, i18next.t('nylasEventCapacity.attendees')))))));
     }
     static get is() { return "nylas-event-capacity"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-description/nylas-event-description.js

@@ -418,7 +418,7 @@ export class NylasEventDescription {
         this.updateEventDescription(description);
     }
     render() {
-        return (h(Host, { key: '53d3cacafda04b14b7189df270d7fbcecb62725c' }, h("div", { key: '22865cbf68472aca10e158564e7e95f337281a8a', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '5a449e4b1fedb09a1f5135ffd718e555ab084d7e', htmlFor: "description" }, h("p", { key: '18b802e88912341fdc1f0a1093f7fea7277889c4' }, i18next.t('nylasEventDescription.headerTitle'), h("span", { key: '401f2d8936bc7cacb2d6ccd9a559c716ea127162', class: "label-icon" }, h("tooltip-component", { key: 'de7c05ceb209aa156b6f5db5a90cd324f3ddeb35' }, h("info-icon", { key: '44cde9c411e3e4769d5ed98513b41bf01034dcfb', slot: "tooltip-icon" }), h("span", { key: '96e57015a7911d4f966a0c6c1a682f77f3a43250', slot: "tooltip-content" }, i18next.t('nylasEventDescription.tooltip.desc')))))), h("div", { key: '88c3c5822a09ac43ea965dcb8c24e35dcc2baed9', id: "event-description", class: { 'event-description': true }, part: "nedesc__textarea", contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event), ref: el => (this.descriptionRef = el) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: '68c129489ba73fee92a2496faceeb2d8e4c0bb35', class: "token-options", part: "nedesc__dropdown-content" }, h("ul", { key: '28459161c996973c962f8bce4bd95334de7e59fa', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), !this.noTemplates && (h("span", { key: '19f781775b3882f3acb9857450403e757d29fbe6', class: "help-text" }, i18next.t('nylasEventTitle.helpText', { context: 'start', field: i18next.t('nylasEventTitle.description') }), " ", h("code", { key: 'e403e6e6a5342c21cc71a14280a75158978e4fde' }, "$"), ' ', i18next.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: 'a3810fd7dda4abcf86c5b0114361f964373bbad9', class: "label-icon" }, h("tooltip-component", { key: 'e238c192ebb2aab79ae87c17a7368411968ecc6a' }, h("info-icon", { key: '6ad059d3ac7ba0f30464329d0d29193ce42df9de', slot: "tooltip-icon", width: "13", height: "13" }), h("span", { key: 'd7a1786234dac338d11298ee90dea5f7eeabc661', slot: "tooltip-content" }, i18next.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: '2f18fade22e39d1788c6b1d1ff6b17e501b4079c' }, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (h("span", { key: '2d0c2c8c93c89f2674203a22534607ad4761b0fb', class: "add-additional-fields" }, h("button-component", { key: '6c17ca47b82203dfc3c909775f88e3f842bbc9ca', variant: "basic", onClick: () => this.handleAddAdditionalFields() }, i18next.t('nylasEventDescription.addAdditionalFields.buttonText')), h("span", { key: '714a04b438d6cc3f782eac1b0479089ee16bb47f', class: "label-icon" }, h("tooltip-component", { key: '62fc5c38ba24009ba43f0f7c0cfecef899fc096c' }, h("info-icon", { key: 'd838d269ade9dcb389333d6b3503165b6decfa4f', slot: "tooltip-icon" }), h("span", { key: 'a8c77933b5c0599c9f2a965e39b32be6df0dd71c', slot: "tooltip-content" }, i18next.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", h("code", { key: 'b06403678e958e577785ca6bb63036343277ef55' }, '${invitee}')))))))));
+        return (h(Host, { key: 'e3598f604a090bb8d1a4984ef1ada2a682a10f37' }, h("div", { key: 'a760983a1008c6ea73be4ea65c097072dd722438', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '3e8ce4ddab01fad453aec5164ceb77191d5ce9b1', htmlFor: "description" }, h("p", { key: 'f5f8e3fde9b686a06f9a5a42c8f597a9800eaa74' }, i18next.t('nylasEventDescription.headerTitle'), h("span", { key: '4bcb91df18c6c2504920b8d37cf9937fef242b81', class: "label-icon" }, h("tooltip-component", { key: 'bef0bad12fcde05238a47d1ea38657d740a84331' }, h("info-icon", { key: 'fe1c48ad88e73e3919ba2f5676bf16b8b623cddc', slot: "tooltip-icon" }), h("span", { key: '354cc59ab1600cf58e4c029c4ac0a9739e0fa3f1', slot: "tooltip-content" }, i18next.t('nylasEventDescription.tooltip.desc')))))), h("div", { key: 'b54821fe64d4ee1f85a388c5b0d650d13e1cea95', id: "event-description", class: { 'event-description': true }, part: "nedesc__textarea", contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event), ref: el => (this.descriptionRef = el) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: '12c6f7905abbb45b45795bb294afdc130b685138', class: "token-options", part: "nedesc__dropdown-content" }, h("ul", { key: 'cb1393cf58df7828a4a742981fc5ddec0b7dd397', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), !this.noTemplates && (h("span", { key: 'b40c9ada1fab7579326785e7a81bcb67afc5d4cb', class: "help-text" }, i18next.t('nylasEventTitle.helpText', { context: 'start', field: i18next.t('nylasEventTitle.description') }), " ", h("code", { key: '4cf8999b92acb32394faf17229ec48899b708533' }, "$"), ' ', i18next.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: '4b4a90f4734fbb288de4276bd2def9108b490067', class: "label-icon" }, h("tooltip-component", { key: 'fc2d5c490c4e53d92914e5a7a650a12d9749bb10' }, h("info-icon", { key: '14fdf28fd657238446059d77ba82e291a6dc48b5', slot: "tooltip-icon", width: "13", height: "13" }), h("span", { key: '6bb52c46e98f2a9bd5f7b2f706e78913dfd32c4a', slot: "tooltip-content" }, i18next.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: 'b585770302a7191aa5ebaf64269f3d7de7c1ce51' }, '${invitee}')))))), !this.noTemplates && !this.hideAutoPopulateButton && (h("span", { key: '2bbcd9b7bf099bd029e8ef1c41e27f76ec1426d4', class: "add-additional-fields" }, h("button-component", { key: '8d2a5579d97d9f3f1c4fd1887d3a7df33f7f5767', variant: "basic", onClick: () => this.handleAddAdditionalFields() }, i18next.t('nylasEventDescription.addAdditionalFields.buttonText')), h("span", { key: '1f573244153b49d03ca95231570d56cbbb157a90', class: "label-icon" }, h("tooltip-component", { key: '3c2402db0d1ba99ee1c836db414c0b0bddf15758' }, h("info-icon", { key: 'c1e4df0eb9ab6e95a1752c8fa261bace86039096', slot: "tooltip-icon" }), h("span", { key: '684227b2431336294a19cdfa689ef4e19d2d2349', slot: "tooltip-content" }, i18next.t('nylasEventDescription.addAdditionalFields.tooltip.desc'), " ", h("code", { key: '1d0d6f257c80ab2632d04f2441dd5b77d3daf376' }, '${invitee}')))))))));
     }
     static get is() { return "nylas-event-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-duration/nylas-event-duration.js

@@ -154,9 +154,9 @@ export class NylasEventDuration {
             { value: (1).toString(), label: i18next.t('timeDuration', { context: 'minute' }) },
             { value: (60).toString(), label: i18next.t('timeDuration', { context: 'hour' }) },
         ];
-        return (h(Host, { key: 'f338a60c031b06b3077bc460cd9c9fd50896d691' }, h("div", { key: '4c8871c9961bcb601acaacbd7eee2894b9df30cf', class: "nylas-event-duration", part: "ned" }, h("label", { key: '1c64a069e08ae09887548674059e1ed7756fdd87', htmlFor: "duration" }, i18next.t('nylasEventDuration.headerTitle'), h("span", { key: '16fba03dcdc60e7756e624c9e55ca7d7a7efe058', class: "required" }, "*")), h("div", { key: 'c45bf66f35eda40349767c5bbf1506e4c7dcbaef', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: 'c4f53034a7ef54cdf0a55619ccb6a1ac0ebd2429', class: this.error ? 'error' : '', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value === this.duration.toString()), themeConfig: this.themeConfig }), this.durationIncrement && (h("select-dropdown", { key: '1923994489c396b61760a1afa104eeffe729641b', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1
+        return (h(Host, { key: '28ebb7c8b360cd6eba88ecc4bb05c94ff0dc160f' }, h("div", { key: '001245efd7848b4eb91f40d35a9c2b0af0995d37', class: "nylas-event-duration", part: "ned" }, h("label", { key: '04c33e285844afea83142867bf76cd88ac30959b', htmlFor: "duration" }, i18next.t('nylasEventDuration.headerTitle'), h("span", { key: 'd3e341cdbb5bf68e09e53724f9613279ba4847f1', class: "required" }, "*")), h("div", { key: '0aff3d67446ba7a29569cd991d85c178470f3c29', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: 'b123a2527bcc07f543dc13386564db0a0db7e39f', class: this.error ? 'error' : '', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value === this.duration.toString()), themeConfig: this.themeConfig }), this.durationIncrement && (h("select-dropdown", { key: '06c4d69d0b9a596608e80f1de3d7d582a413653e', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1
                 ? i18next.t(`time.${this.durationIncrement === 60 ? 'hours' : 'minutes'}`)
-                : i18next.t(`time.${this.durationIncrement === 60 ? 'hour' : 'minute'}`), themeConfig: this.themeConfig, exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value === this.durationIncrement.toString()), withSearch: false }))), h("div", { key: '6c4f0af3b4b07f5c9e508ac4e7bead99b417d402', class: `nylas-event-duration__error-container ${this.error ? 'visible' : ''}`, part: "ned__error-container" }, h("div", { key: 'd6d116877ed885e42c9f36671b81b9fc8849614e', class: "nylas-event-duration__error", part: "ned__error" }, this.error)))));
+                : i18next.t(`time.${this.durationIncrement === 60 ? 'hour' : 'minute'}`), themeConfig: this.themeConfig, exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value === this.durationIncrement.toString()), withSearch: false }))), h("div", { key: 'ff169ea8b2f941b8438392dd3867ac36d70fdfe2', class: `nylas-event-duration__error-container ${this.error ? 'visible' : ''}`, part: "ned__error-container" }, h("div", { key: '3965e955c70a66f420026c1eac7e66d1d621f3e1', class: "nylas-event-duration__error", part: "ned__error" }, this.error)))));
     }
     static get is() { return "nylas-event-duration"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-info/nylas-event-info.js

@@ -54,7 +54,7 @@ export class NylasEventInfo {
         debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: 'e254da38ec38ce5f256fa7b4901f47dcde156e10' }, h("nylas-form-card", { key: '43465d32e381d901a11c4992b6aacdd862116473', exportparts: "nfc__header: nei__header" }, h("h1", { key: '0cfc5b552aa6d5b25c7fd1466fbba33ac1f86cae', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, i18next.t('nylasEventInfo.headerTitle')), h("div", { key: '0c785166ed9b6ff3df251f9f35f3731784d4bddb', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: '68c82a8172a99732463f1c17f167a3ece1e43544', name: "inputs" })))));
+        return (h(Host, { key: 'e18ac9ba87140a5f3191a6766327800392862042' }, h("nylas-form-card", { key: '4608bbb5b5cad839e9812590a2d9028ab14f6106', exportparts: "nfc__header: nei__header" }, h("h1", { key: '7eea982afc884d6b9d85de71a492027f58ae1ac2', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, i18next.t('nylasEventInfo.headerTitle')), h("div", { key: 'a74e62978c3f288ad0c1c1c22d3e20b585ae4a92', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: 'f5a4ff0c1f2722a98162fe51e3cab7c694422ec5', name: "inputs" })))));
     }
     static get is() { return "nylas-event-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-limits/nylas-event-limits.js

@@ -54,7 +54,7 @@ export class NylasEventLimits {
         debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '3ef176c690b796455ecad56e51667509525266b2' }, h("nylas-form-card", { key: '10a87577df8778e720ddfbf233081bb0f97fa9e6', exportparts: "nfc__header: nel__header", themeConfig: this.themeConfig }, h("h1", { key: '69885cc3fa547e4ca8f9df9c78bef502ee5d8c98', slot: "header-title", class: "nylas-event-limits__title" }, i18next.t('nylasEventLimits.headerTitle')), h("div", { key: 'bc655738400d7940e61df8df1ac4640593f817e1', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: 'e0e6d3169fd2389eaab3a4a230246bc1c07e455a', name: "inputs" })))));
+        return (h(Host, { key: '40dfe40c8e613ca05b267b2e8dcc60d198c7b7dc' }, h("nylas-form-card", { key: '84df36574d4eb9d247241dbe40aecea4d278b35d', exportparts: "nfc__header: nel__header", themeConfig: this.themeConfig }, h("h1", { key: '605b7eafbb14639d250cab5d54479bea3c456b7f', slot: "header-title", class: "nylas-event-limits__title" }, i18next.t('nylasEventLimits.headerTitle')), h("div", { key: '63954d5579f3d3b4f42a3abcd8901490ce9b4563', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: '9cda1d285065015a970a8e14f8af14d5cf9fdcd0', name: "inputs" })))));
     }
     static get is() { return "nylas-event-limits"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-location/nylas-event-location.js

@@ -267,7 +267,7 @@ export class NylasEventLocation {
     }
     render() {
         const defaultOption = typeof this.selectedLocationOption !== 'undefined' ? this.locationOptions.find(i => i.value == this.selectedLocationOption) : null;
-        return (h(Host, { key: '35c9bd6c955afe5a03b828b14fb204871dac312a' }, h("div", { key: 'afb93e5fe3b9c1ba72a3925ac3c27aebb197a009', class: "nylas-event-location", part: "nel" }, h("label", { key: 'da19dbd14a7eae608d326733408070577d7d28fa', htmlFor: "location" }, i18next.t('nylasEventLocation.headerTitle'), h("span", { key: 'c5ac7d2219c2137ad55a0cbf002df402240b7ad7', class: "label-icon" }, h("tooltip-component", { key: '055844775fe2e4206b73502d23ff30a55d20032b' }, h("info-icon", { key: '45c3ca68f9a6c4a0e039cfdb3fe1bff02edcbfa1', slot: "tooltip-icon" }), h("span", { key: 'c17a921e395aa1c7c64d8b472ae24229731bce36', slot: "tooltip-content" }, i18next.t('nylasEventLocation.tooltip.desc'))))), h("div", { key: '20d9f0408959e668b3cdb4b309ea44b71d6a27ae', class: "location-input" }, h("select-dropdown", { key: '761df784b8e0f04609f7af7980cc9f4159681b13', withSearch: false, name: "location", options: this.locationOptions, defaultSelectedOption: defaultOption, themeConfig: this.themeConfig, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: '4508feb415f7cf4ef094411272175f401a482237', slot: "select-icon" }, this.getIcon(this.selectedLocationOption))), this.selectedLocationOption === 'custom' && (h("input", { key: '35407f43420ea0a1fad4a4f995d193f148530330', type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
+        return (h(Host, { key: '4d0cdc64ec55b3c900ae2020f026dd04c9c25e0c' }, h("div", { key: '5fb806f45692bf4d82ebccf3396efee439729482', class: "nylas-event-location", part: "nel" }, h("label", { key: '74b2e181d4120341874045b629318e7ad28d5c80', htmlFor: "location" }, i18next.t('nylasEventLocation.headerTitle'), h("span", { key: '2372947d2f8cf32605695cfb9417ccd81dc9b3de', class: "label-icon" }, h("tooltip-component", { key: '6b3188556da24abcd396c240d0c379f2557bb47d' }, h("info-icon", { key: '2f14ff7a7824af45b2d30296cd2ce5551112b0f1', slot: "tooltip-icon" }), h("span", { key: '9f6ab5891c6f55d4506045a24232810e327e76f9', slot: "tooltip-content" }, i18next.t('nylasEventLocation.tooltip.desc'))))), h("div", { key: '170af48f5d4dbf645ddaefd605bf41a1c27d8724', class: "location-input" }, h("select-dropdown", { key: 'da0f478c48935753e0152a02340075393733f96e', withSearch: false, name: "location", options: this.locationOptions, defaultSelectedOption: defaultOption, themeConfig: this.themeConfig, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: '06add5d0269758701c41c7329978ef815efb0439', slot: "select-icon" }, this.getIcon(this.selectedLocationOption))), this.selectedLocationOption === 'custom' && (h("input", { key: '4fdb454eaee49336451c1c6298b1ed31ce154139', type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
     }
     static get is() { return "nylas-event-location"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.js

@@ -403,12 +403,12 @@ export class NylasEventTimeslot {
         this.repeatEndOn = this.repeatEndOn || defaultEndOnDate;
         this.repeatEndAfter = this.repeatEndAfter || defaultEndAfter;
         const today = dayjs().tz(this.selectedTimezone);
-        return (h(Host, { key: '22b88770985c9d1a5cb81ec6a7cf94684d21f8b6' }, h("div", { key: 'fe5a426fbbafe60cabc786c15ff2ecb0a2dec86f', class: "nylas-event-timeslot", part: "netimeslot" }, h("label", { key: 'e2f74efda0d9908b01743e12ba59e229b4773b0d', htmlFor: "date-time-input" }, i18next.t('nylasEventTimeslot.dateTimeLabel')), h("div", { key: '8a867ac8b42623e82acc4562354bc9bbc007a9ff', class: "date-time-input", part: "netimeslot__date-time-input" }, h("div", { key: 'def232a6dc830425f2add32be95baa464bca1e20', class: "date-time-picker", part: "netimeslot__date-time-picker" }, h("nylas-date-component", { key: 'ddd20dba23ece2f45480bd24b54e33a1cbd5dac3', minDate: dayjs().tz(this.selectedTimezone).toISOString().split('T')[0], name: "date-time-input", defaultValue: this.selectedDate, id: 'date-time-input', class: { error: this.hasDateTimeInputError }, required: true, hasError: this.hasDateTimeInputError, themeConfig: this.themeConfig }), h("div", { key: 'fb4006b0638b1744dd76d6f010ab77bda200c1d1', class: "time-range", part: "netimeslot__time-range" }, h("nylas-time-window-picker", { id: 'event-timeslot-start-time', hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: 'event-timeslot-start-time', key: 'event-timeslot-start-time', themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), h("span", { key: '8f1fe9be4e48083cc7aec9e9d68de2678942b854' }, "\u2013"), h("nylas-time-window-picker", { id: 'event-timeslot-end-time', hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: 'event-timeslot-end-time', key: 'event-timeslot-end-time', minimumStartTime: this.selectedStartTime, themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), selectedTimezoneOption?.label && (h("select-dropdown", { key: '84255f96b0d19ebd878666613967f1dc96732aae', searchPlaceholder: i18next.t('search'), name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, withChevron: false, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig }, h("span", { key: 'dfd7f9c824e67ecd5f8de46fcd59d2c8ba9cc81a', slot: "select-icon" }, h("globe-icon", { key: 'db39cf9abeb9cbdfc0c2c17b30ec6b57c2892eb9', width: "20", height: "20" }))))), !icloudProvider && (h("div", { key: '50d1bd4128999cf0c5f3326ef425518d0af6d3ad', class: "recurrence-options", part: "netimeslot__recurrence-options" }, defaultRecurrenceOption && defaultRecurrenceOption?.label && (h("div", { key: '5399f98b943f56ca7e1a8d72da70a54204dc546a', class: "recurrence-type", part: "netimeslot__recurrence-type" }, h("label", { key: 'dc3d400439c31d16d393f0e034e21f4fb24137cd', htmlFor: "recurrence-type" }, i18next.t('nylasEventTimeslot.recurrenceLabel')), h("select-dropdown", { key: '6ef85fc3027b3e92941edd683022e9f7e1bc8943', withSearch: false, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: defaultRecurrenceOption, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType !== 'custom' && this.selectedRecurrenceType !== 'none' && (h("div", { key: '71f08bd57439a03918bb727ba90c2ea5b4837add', class: "recurrence-end", part: "netimeslot__recurrence-end" }, h("label", { key: 'e85a071f77833ec4bf92d3c3deda6de802d62b40' }, i18next.t('nylasEventTimeslot.endDate')), h("nylas-date-component", { key: 'cc42f3bd3f9f25a5ead00ea5d5a3321724cc4e53', name: "recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && (h("div", { key: 'e73f0b2a3c47266d7725df5f0a7ed2ab7c7229e1', class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, h("label", { key: '2487ce4f1921f6f6f124620136fc7378bdc2e4ca', htmlFor: "" }, i18next.t('nylasEventTimeslot.customRecurrence.repeatEvery')), h("time-period-selector", { key: 'dcd5b524e46d64a58e9f0054af3cf668e61bf011', id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
+        return (h(Host, { key: '7b643bb1c4dc8977e9e84be4edf3c46b222f3d9c' }, h("div", { key: '99ddeb4b7073ff5175cb5a69ff72d9dbf951ba59', class: "nylas-event-timeslot", part: "netimeslot" }, h("label", { key: '743f0765535148fcb78828f6807f4db5a2a2a0ca', htmlFor: "date-time-input" }, i18next.t('nylasEventTimeslot.dateTimeLabel')), h("div", { key: 'b52eab7318b7b568cc363c9068e674f929d91b32', class: "date-time-input", part: "netimeslot__date-time-input" }, h("div", { key: '0b606fe0746884b50151a5e4f8b11736ab9fb0a9', class: "date-time-picker", part: "netimeslot__date-time-picker" }, h("nylas-date-component", { key: '5807aeedfab03c3c28379811f96c9b5e2111864a', minDate: dayjs().tz(this.selectedTimezone).toISOString().split('T')[0], name: "date-time-input", defaultValue: this.selectedDate, id: 'date-time-input', class: { error: this.hasDateTimeInputError }, required: true, hasError: this.hasDateTimeInputError, themeConfig: this.themeConfig }), h("div", { key: '99128420c95a131391e77232aa9e5debc7dcbf3d', class: "time-range", part: "netimeslot__time-range" }, h("nylas-time-window-picker", { id: 'event-timeslot-start-time', hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: 'event-timeslot-start-time', key: 'event-timeslot-start-time', themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), h("span", { key: '8341b7d031d21f81a79e1459db6adc4357bf7714' }, "\u2013"), h("nylas-time-window-picker", { id: 'event-timeslot-end-time', hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: 'event-timeslot-end-time', key: 'event-timeslot-end-time', minimumStartTime: this.selectedStartTime, themeConfig: this.themeConfig, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), selectedTimezoneOption?.label && (h("select-dropdown", { key: '925ae43d5639810b3616a3b96a3147ade63b3ff5', searchPlaceholder: i18next.t('search'), name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, withChevron: false, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig }, h("span", { key: 'bf730c369c456219b6359af08898728dd0cd7a9f', slot: "select-icon" }, h("globe-icon", { key: '481daf620a7c458320d11ccb30c28334f8cb7abb', width: "20", height: "20" }))))), !icloudProvider && (h("div", { key: '11a434805f504191420f778a4a54e3378453656a', class: "recurrence-options", part: "netimeslot__recurrence-options" }, defaultRecurrenceOption && defaultRecurrenceOption?.label && (h("div", { key: 'c8c4971da35136175afb80cefa6ea3ac227cb85c', class: "recurrence-type", part: "netimeslot__recurrence-type" }, h("label", { key: '4a6ab46945ccdf6f258f6868c8cadd960c737e3f', htmlFor: "recurrence-type" }, i18next.t('nylasEventTimeslot.recurrenceLabel')), h("select-dropdown", { key: '0752be4200385d3721bc57229035cb7ceaf72c33', withSearch: false, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: defaultRecurrenceOption, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType !== 'custom' && this.selectedRecurrenceType !== 'none' && (h("div", { key: '172a67ec44f57852a0ec1e4192c229c93fd28910', class: "recurrence-end", part: "netimeslot__recurrence-end" }, h("label", { key: '242aadb6351647fa6fcce74fce6f70ad7b48614a' }, i18next.t('nylasEventTimeslot.endDate')), h("nylas-date-component", { key: '64a1abca2d38947405c7d2ee00edc95e63a43481', name: "recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && (h("div", { key: '42bdcc9845c5b80f5358d2cf678a8d2c32958e4f', class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, h("label", { key: 'baafe56528f5f9e01924dc1fc6d96e671b2e51e4', htmlFor: "" }, i18next.t('nylasEventTimeslot.customRecurrence.repeatEvery')), h("time-period-selector", { key: 'fe7097faff618451af4e3589e854d05508c8b1d7', id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
                 { value: 'day', label: i18next.t('timePeriod', { context: 'day' }) },
                 { value: 'week', label: i18next.t('timePeriod', { context: 'week' }) },
                 { value: 'month', label: i18next.t('timePeriod', { context: 'month' }) },
                 { value: 'year', label: i18next.t('timePeriod', { context: 'year' }) },
-            ], themeConfig: this.themeConfig, defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency }))), h("div", { key: '312e55a6fad9d3361e1789dc8e9189ed0786be4a', class: "repeat-on" }, this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'week' && (h("div", { key: '1f59f2afbb28fb3ef0b0815feab7081ca5be21f4', class: "days" }, h("label", { key: '10860281d91ee986338b2f1d8a24dd269a3ba8f1' }, i18next.t('nylasEventTimeslot.customRecurrence.repeatOn')), h("div", { key: '8326256b3c12ce1c661d8f29542ed76d1b1e9ce8', class: "buttons" }, [
+            ], themeConfig: this.themeConfig, defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency }))), h("div", { key: '8103b0b80e36de6b9d3cf0f57bae4c4665eefce1', class: "repeat-on" }, this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'week' && (h("div", { key: 'daa34f109d1b3a9af2831e8e46f8a809d46555fb', class: "days" }, h("label", { key: '1c0d5d72dd43a6a76b7c88faee17b4d24eaadae6' }, i18next.t('nylasEventTimeslot.customRecurrence.repeatOn')), h("div", { key: 'e336a9537211fc381c26ecc6936f396bcc530456', class: "buttons" }, [
             { label: 'S', value: 'SU', title: 'Sunday' },
             { label: 'M', value: 'MO', title: 'Monday' },
             { label: 'T', value: 'TU', title: 'Tuesday' },
@@ -419,7 +419,7 @@ export class NylasEventTimeslot {
         ].map(day => (h("button", { class: { selected: this.repeatOnDays.includes(day.value) }, title: day.title, onClick: () => {
                 this.repeatOnDays = this.repeatOnDays.includes(day.value) ? this.repeatOnDays.filter(d => d !== day.value) : [...this.repeatOnDays, day.value];
                 this.handleValueChanged();
-            } }, day.label)))))), this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'month' && (h("div", { key: '1845bef4122e65d070ccbcf9112c9d379fa2d53e', class: "month-recurrence" }, h("span", { key: 'e729b628fdc6a0b9ac937d4ccbcf79f2c950f87d' }), h("select-dropdown", { key: '467b036deeac77a7aba1df32371d5471d7341ca3', withSearch: false, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), h("div", { key: '8b92df591d9d41f28cf2f6354569fb187b874ce0', class: "custom-recurrence" }, this.selectedRecurrenceType === 'custom' && (h("div", { key: 'c0170de1ff75eacd964a3e6178f9d08120301e0e', class: "custom-recurrence-ends" }, h("label", { key: 'b59743ac45a9c66f2e450c44778e93a521eba64c', htmlFor: "recurrence-type" }, i18next.t('nylasEventTimeslot.customRecurrence.ends')), h("select-dropdown", { key: '250621a30a4f5445165bc4e4bb1df9dda5794526', withSearch: false, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: endOptions, themeConfig: this.themeConfig, defaultSelectedOption: endOptions.find(option => option.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'on' && (h("div", { key: '103e499151e57c84117417e892219cc8dc02f502' }, h("nylas-date-component", { key: '745be9606c6dce9387705828d936dd2d41ac06df', name: "custom-recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'custom-recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'after' && (h("div", { key: '00583d94e477ef4e372e3e9f293953ff66e5eb42', class: "custom-recurrence-end-after" }, h("input-component", { key: 'ac7fc7a5c932e72d9b0fda2072703f220efaf855', name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, themeConfig: this.themeConfig, defaultValue: defaultEndAfter.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), h("span", { key: '62cd2eaaf6ef425ad8665ee237cd1d1e9506d1ce' }, i18next.t('nylasEventTimeslot.customRecurrence.occurrences'))))))))))));
+            } }, day.label)))))), this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'month' && (h("div", { key: 'd4e24b0b04cfe3ac7806dfa69b680483f61af38d', class: "month-recurrence" }, h("span", { key: 'b17c22605364ed379b99db277ae5a976f26f9317' }), h("select-dropdown", { key: '0df0372540d14c51cf4245d0067ab4445c812b59', withSearch: false, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, themeConfig: this.themeConfig, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), h("div", { key: '0bc2aac40bc8355f93a70f8997236062df4e080c', class: "custom-recurrence" }, this.selectedRecurrenceType === 'custom' && (h("div", { key: 'd6932edc20e0f00e233d224141593120f6079a8d', class: "custom-recurrence-ends" }, h("label", { key: 'f688a4195bf8cab997a9ebb9f228f43ed17d37ed', htmlFor: "recurrence-type" }, i18next.t('nylasEventTimeslot.customRecurrence.ends')), h("select-dropdown", { key: '187a91f7a63f695958c2f5853a4d074d8a4a6330', withSearch: false, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: endOptions, themeConfig: this.themeConfig, defaultSelectedOption: endOptions.find(option => option.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'on' && (h("div", { key: '4e43ef512231859f5e930ce99cffd676a0393091' }, h("nylas-date-component", { key: '67ff73f110393e28a64e2e512300a384cc1902f9', name: "custom-recurrence-end-date", minDate: today.toISOString().split('T')[0], defaultValue: this.repeatEndOn || defaultEndOnDate, id: 'custom-recurrence-end-date', required: true, themeConfig: this.themeConfig }))), this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'after' && (h("div", { key: 'f8805d64397e033f7e2de0d3268c06e900dbf586', class: "custom-recurrence-end-after" }, h("input-component", { key: '4dfd116cbc0ee9fa99263e2f3a72ea0004ba2139', name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, themeConfig: this.themeConfig, defaultValue: defaultEndAfter.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), h("span", { key: '02015a47a3c0256bb51de3899304f73d441a06cf' }, i18next.t('nylasEventTimeslot.customRecurrence.occurrences'))))))))))));
     }
     static get is() { return "nylas-event-timeslot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-event-title/nylas-event-title.js

@@ -404,10 +404,10 @@ export class NylasEventTitle {
         return (h("div", { class: "token-label" }, h("span", { class: "token" }, token.token), h("span", { class: "description" }, token.description)));
     }
     render() {
-        return (h(Host, { key: '3604606cc0de1d29de92fd21d2b560d3ca392572' }, h("div", { key: '9f1ecaa4adcb1f911d5f2801cabde787d260e980', class: "nylas-event-title", part: "net" }, h("label", { key: '45279a83fb0e167d26c9d05ff6aa67b833baee05', htmlFor: "title" }, h("p", { key: 'a7735d4b980b402f627d7ec62fb6943cc8f91dd6' }, i18next.t('nylasEventTitle.headerTitle'), h("span", { key: '8fd19ca367d1cb6bcd6eb7411833974f324cb6da', class: "required" }, "*"))), h("div", { key: '74d707a90fe47424b00174845b0c3dc23b17e6aa', class: {
+        return (h(Host, { key: '6e7ffaadfa1def8d7423822aef67c94eb2d2c1ba' }, h("div", { key: '7e9e9a8b14b88c8ed5e8949f97c7631eb121c4de', class: "nylas-event-title", part: "net" }, h("label", { key: '4f219dc1b6aa2ff906e4f3996f61e74884757550', htmlFor: "title" }, h("p", { key: 'e3ee526042c6cd79f486a92f8eed24cb40862d0c' }, i18next.t('nylasEventTitle.headerTitle'), h("span", { key: 'd12ba8d617a94ecf6ad5a01acae6392c8a3728ad', class: "required" }, "*"))), h("div", { key: 'a49c6b2c1f85257073bc60864c8b81a0638a688a', class: {
                 title: true,
                 error: this.validationError !== '',
-            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: '16b297a4298867ea952cf43cbe8d20ce7f4c1538', class: "token-options", part: "net__dropdown-content" }, h("ul", { key: 'e30fbd7643d315ad8ef53bc54baa3cfdfbf763d4', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), !this.noTemplates && (h("span", { key: '868b0cc3391b0958dc09a65ef113be0143706c35', class: "help-text" }, i18next.t('nylasEventTitle.helpText', { context: 'start', field: i18next.t('nylasEventTitle.title') }), " ", h("code", { key: '9f3f2e79e5b261d49bd1325fdac2afa99bc3789f' }, "$"), ' ', i18next.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: 'e1a39fcf4b862e2c4b4770d1b04442305ebe4cc6', class: "label-icon" }, h("tooltip-component", { key: '8917b60d4abb8b100cd2d857b3964fafcb7ad69c' }, h("info-icon", { key: '7afc14c64e8c00cb08fa5fd22f740508911cd9b5', slot: "tooltip-icon" }), h("span", { key: 'fa4e054a1d58831030e6f0c9278e106506e60f7e', slot: "tooltip-content" }, i18next.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: '26f4a35890c68b0bcd8c5ba7446932e1f3a579a9' }, '${invitee}')))))), this.validationError != '' && h("span", { key: '215db5fa24c611e66f343ef24e364ea4cd2466b7', class: "error-message" }, i18next.t(`nylasEventTitle.${this.validationError}`)))));
+            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), !this.noTemplates && this.showTokens && this.filteredTokens?.length > 0 && (h("div", { key: 'd3dad64cba55c2327c394032ca38b65aba0b6183', class: "token-options", part: "net__dropdown-content" }, h("ul", { key: 'e2af4843146ead015b756916060e3073ecab3eb6', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), !this.noTemplates && (h("span", { key: 'c34059f4c36b587def8a418c2d785a98306bb672', class: "help-text" }, i18next.t('nylasEventTitle.helpText', { context: 'start', field: i18next.t('nylasEventTitle.title') }), " ", h("code", { key: '416a9ad6f66b9f09cd8303f100428057995e8061' }, "$"), ' ', i18next.t('nylasEventTitle.helpText', { context: 'end' }), h("span", { key: '5e0d5ffe6f4de344c20d22a0175c6d1ad3655d4b', class: "label-icon" }, h("tooltip-component", { key: '9085d8d75d06eed40619cde3be6add7993886d76' }, h("info-icon", { key: '651fe403c1b931e44bdfd77e3df34a3c2beb50d2', slot: "tooltip-icon" }), h("span", { key: '9daa69f74e788bbbf007fd1e56737618b67e90db', slot: "tooltip-content" }, i18next.t('nylasEventTitle.tooltip.desc'), " ", h("code", { key: 'b83173b5f2acda12c7453162aa10b8dbe32e2fc0' }, '${invitee}')))))), this.validationError != '' && h("span", { key: '065bd5e98aab3d84d631660775dc8957cea196bf', class: "error-message" }, i18next.t(`nylasEventTitle.${this.validationError}`)))));
     }
     static get is() { return "nylas-event-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-form-card/nylas-form-card.js

@@ -49,7 +49,7 @@ export class NylasFormCard {
         }
     }
     render() {
-        return (h(Host, { key: '85ad069c0d6767fed87df412a7c1cbface8bb590' }, h("div", { key: 'ccb5bc8291d1660d42093eecc185e2fc36354496', class: "nylas-form-card", part: "nfc" }, h("div", { key: '486bdc610281cb03ebc5c3d88738354c7267b728', class: "nylas-form-card__header", part: "nfc__header" }, h("slot", { key: 'f39fbcbf42dc3d01bc3e3f7c9d9de063ab98601a', name: "header-title" }), h("slot", { key: '114b0ba84123719ab9cd1f355f1a87c1ce5bbb09', name: "header-subtitle" })), h("div", { key: '5bcf1c60ddd6e68acc012116b08250b57ac7b8b3', class: "nylas-form-card__content" }, h("slot", { key: '5bd7f27f7590dc5c8a2bc12780b7b2768d1b2127', name: "content" })))));
+        return (h(Host, { key: '66caf0413c04c5152adf670cc0e226310fc720e3' }, h("div", { key: '06b67fd04cd9cb88fdbd4fb2d549924a1a77d6c6', class: "nylas-form-card", part: "nfc" }, h("div", { key: '60b137a5870cccb2f7835d3d8156614d280ccad5', class: "nylas-form-card__header", part: "nfc__header" }, h("slot", { key: '884e22517da84aa4e1f85d19d0b8e7c7b24454a5', name: "header-title" }), h("slot", { key: 'e251fdb5e21e8000f5674f3624711e9f83db7df7', name: "header-subtitle" })), h("div", { key: '35a1a90696d05d63d46817af9ca533f17712152e', class: "nylas-form-card__content" }, h("slot", { key: '0636582d2c705e30f2ef00eaf6c1147a8ed4afef', name: "content" })))));
     }
     static get is() { return "nylas-form-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-limit-future-bookings/nylas-limit-future-bookings.js

@@ -113,7 +113,7 @@ export class NylasLimitFutureBookings {
     }
     render() {
         const showTImePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (h(Host, { key: '35f6fb6534443b7bc4166eb4760d4847f7391046' }, h("div", { key: '5faf81b1c660e0b659114aebdccde60ae1801ad6', class: "nylas-limit-future-bookings", part: "nlfb" }, h("label", { key: '5564e8336cda81c28b3cc873d3f4f3bc8a9b2af9' }, i18next.t('nylasLimitFutureBookings.headerTitle'), h("span", { key: '7691d949c02f3047e786e8716125b2a370a67c1b', class: "label-icon" }, h("tooltip-component", { key: '40670774d4d8f24f769035d9fd4087691f790850' }, h("info-icon", { key: 'c0e97f1ee16c35a14830a2835ec5a05258218dcb', slot: "tooltip-icon" }), h("span", { key: '233dc27eb7019226eb8fee3cf7233a1c5cfb7c92', slot: "tooltip-content" }, i18next.t('nylasLimitFutureBookings.tooltip.desc'))))), showTImePeriodSelector && (h("time-period-selector", { key: '27e32319907dd0a33d573a89633dbe98e46e48e2', id: "limit-future-bookings", timePeriods: [
+        return (h(Host, { key: '14ab3db9d1dc2fe48fe6a856a4ac3ad5bbb4dd92' }, h("div", { key: '4579aa72972b1357af2059aefdc059a364afc0fd', class: "nylas-limit-future-bookings", part: "nlfb" }, h("label", { key: 'b343377281702e4f7c8f01b1c6b956748c5a174b' }, i18next.t('nylasLimitFutureBookings.headerTitle'), h("span", { key: '2865807224b91b1866477d9faa0a849489103259', class: "label-icon" }, h("tooltip-component", { key: '0a8794a28164672436f156fc53067fa5d9bbd4a2' }, h("info-icon", { key: 'd4de2aee754d02d71bead656e8e104c0cd318460', slot: "tooltip-icon" }), h("span", { key: 'ae5aa7a92303a7647713615b62455586abade527', slot: "tooltip-content" }, i18next.t('nylasLimitFutureBookings.tooltip.desc'))))), showTImePeriodSelector && (h("time-period-selector", { key: '3a517f2fe53f40d9d02c2596dcf55adf90bb90cf', id: "limit-future-bookings", timePeriods: [
                 { value: 'day', label: i18next.t('timePeriod', { context: 'day' }) },
                 { value: 'week', label: i18next.t('timePeriod', { context: 'week' }) },
                 { value: 'month', label: i18next.t('timePeriod', { context: 'month' }) },