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

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: 'ecca83212e76d6f869987af63dc7d887b289410e' }, h("div", { key: 'd6eb600f525902de77f873b21a77012282185675', class: "nylas-event-timeslot", part: "netimeslot" }, h("label", { key: 'b3ab3172733ca749602718f5312870b47e3da9f4', htmlFor: "date-time-input" }, i18next.t('nylasEventTimeslot.dateTimeLabel')), h("div", { key: 'f32b2ae70b6fecf662aa19ca9ae8459a129236fa', class: "date-time-input", part: "netimeslot__date-time-input" }, h("div", { key: '820f756c78ac3eea97b5d915aa820190583d2d72', class: "date-time-picker", part: "netimeslot__date-time-picker" }, h("nylas-date-component", { key: '4706ff924a2df8462d70a12038dd846b3ccd2e6a', 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: '2a06b51a664333d39e4bf05176f2e11ff0bc8764', 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: '802e6b2d2d675d910cabaaa140af2416b6a29bac' }, "\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: '303b72387399468ec87b788812859000f60c61c5', 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: '93974e67be94154f82101d4180075ceda17f9522', slot: "select-icon" }, h("globe-icon", { key: 'd05ed1d29ca303d1ad2dd26d8c376e67534910c0', width: "20", height: "20" }))))), !icloudProvider && (h("div", { key: '36b89fdc2baea29f63388e799580d0e577f292a7', class: "recurrence-options", part: "netimeslot__recurrence-options" }, defaultRecurrenceOption && defaultRecurrenceOption?.label && (h("div", { key: '484df077f46c55ed7bc3c3ee13ec3ce516aedce4', class: "recurrence-type", part: "netimeslot__recurrence-type" }, h("label", { key: '97d5adb47ce741e26f768ba3c9483c5c3870dc6b', htmlFor: "recurrence-type" }, i18next.t('nylasEventTimeslot.recurrenceLabel')), h("select-dropdown", { key: '5544d12b3a6a9605ac9017ba227692c0bb995156', 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: '9f60015d463323b2573768a003d0dcb5e0c4fde3', class: "recurrence-end", part: "netimeslot__recurrence-end" }, h("label", { key: '8258b1bad80a8d148c98fd5471837647443a88a4' }, i18next.t('nylasEventTimeslot.endDate')), h("nylas-date-component", { key: '256b248f023404b2b43d6edc75118e39782db993', 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: '6dbfb7393f8596db1bbb89530a63628d5d26f2ea', class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, h("label", { key: '1d5b70739f61ee042f4bb9e735b9c3181a635bb0', htmlFor: "" }, i18next.t('nylasEventTimeslot.customRecurrence.repeatEvery')), h("time-period-selector", { key: '6ddd8c7331548d88ffd492048ffc18c0c9d5e932', 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: '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: [
                 { 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: 'c7c53d00ee6f556dbff26683026dc4cc87a18f15', class: "repeat-on" }, this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'week' && (h("div", { key: 'c80eb6627772c1b7d9a4a737fff52d1b563d639f', class: "days" }, h("label", { key: '78a73c4e2ab52efa6f1cf3e140eff59362edf01b' }, i18next.t('nylasEventTimeslot.customRecurrence.repeatOn')), h("div", { key: '8499ae37b840217a0087d67d308b3bd0323cf4d4', class: "buttons" }, [
+            ], 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" }, [
             { 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: 'ab6a1655dc902fdee4c77f40142b72b3cf13eb41', class: "month-recurrence" }, h("span", { key: 'c5387a75f6e5f99050805a0794857ccdc4423dcd' }), h("select-dropdown", { key: 'e7b195801392b07901258da2b14b862dcb8134f6', 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: '4b7ef13a789093d3426ff27e40cf7ce11c0b3022', class: "custom-recurrence" }, this.selectedRecurrenceType === 'custom' && (h("div", { key: '7ac33db2e4c64f468251cea5dac69f2d2248fbea', class: "custom-recurrence-ends" }, h("label", { key: '2409265f41b094fb16d2612bd1bc59b87f7832a4', htmlFor: "recurrence-type" }, i18next.t('nylasEventTimeslot.customRecurrence.ends')), h("select-dropdown", { key: '726322953da2457007d35d017814fc071770c739', 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: 'ba2bc21d7e4d21079183b696c24da0cabe1a58c5' }, h("nylas-date-component", { key: 'cb481c162d1ff3690b236357557c97e7033a01c3', 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: '07ef50f76c3f6a31c0c8bd0cdf348e03e899b41e', class: "custom-recurrence-end-after" }, h("input-component", { key: 'c1634fc3b81aeb896c3499eadb797c0530307ac6', 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: '3faa32fd45a8b56ce4c1f750ecab64d81e09354f' }, i18next.t('nylasEventTimeslot.customRecurrence.occurrences'))))))))))));
+            } }, 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'))))))))))));
     }
     static get is() { return "nylas-event-timeslot"; }
     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: '624072fcb3e9e946e919db2786874cfd333a9a66' }, h("div", { key: '226c9d5fc439cc43467cdcbd839a6e0b24f439cf', class: "nylas-form-card", part: "nfc" }, h("div", { key: '7ec0ab14dc9b87d18d2a105e55b08aa8c0d98425', class: "nylas-form-card__header", part: "nfc__header" }, h("slot", { key: 'ce0cf308950f88ec0b5880589a7c5a075f5cc9d4', name: "header-title" }), h("slot", { key: 'a5226ada66afec0ecbe8531126935e1c3e929746', name: "header-subtitle" })), h("div", { key: '1e5064596cf645471e050e58f705399cda146f8e', class: "nylas-form-card__content" }, h("slot", { key: 'ab3f0a3c36bb00c82a2adf547788919d0f2cbd65', name: "content" })))));
+        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" })))));
     }
     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: '904ee977582e7cd98d7d10e9415892ee248e318d' }, h("div", { key: 'b8de744cbfc116d5631cd214bf446b236a267096', class: "nylas-limit-future-bookings", part: "nlfb" }, h("label", { key: '0d5ed1eb98195498961dfcddd194c022c78b94f7' }, i18next.t('nylasLimitFutureBookings.headerTitle'), h("span", { key: '35d91a303388fd8087497060b0a74e41e13255e8', class: "label-icon" }, h("tooltip-component", { key: '1bda32db784fa437c8d2f0a125211c28ee404fea' }, h("info-icon", { key: 'd8452d99d477f0695e59ed2c7ee0a87abc52938b', slot: "tooltip-icon" }), h("span", { key: 'a3100d3ec2d9b00290ce29649e3ed4a4105deeac', slot: "tooltip-content" }, i18next.t('nylasLimitFutureBookings.tooltip.desc'))))), showTImePeriodSelector && (h("time-period-selector", { key: '47180456dc82c58bb51bb95c729e7ede347efa3e', id: "limit-future-bookings", timePeriods: [
+        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: [
                 { value: 'day', label: i18next.t('timePeriod', { context: 'day' }) },
                 { value: 'week', label: i18next.t('timePeriod', { context: 'week' }) },
                 { value: 'month', label: i18next.t('timePeriod', { context: 'month' }) },

package/dist/collection/components/scheduler-editor/nylas-min-booking-notice/nylas-min-booking-notice.js

@@ -140,7 +140,7 @@ export class NylasMinBookingNotice {
     }
     render() {
         const showTimePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (h(Host, { key: 'ceac9ccb2d8a07edc2a5ab4f609c4371f1f1aa5b' }, h("div", { key: 'ad44a29bf7f956bc81d93b2c42a69dab54b89a4c', class: "nylas-min-booking-notice", part: "nmbn" }, h("label", { key: '0167e571a0f3eb3f23a7931e6088d8cf3e919fbc' }, i18next.t('nylasMinBookingNotice.headerTitle'), h("span", { key: '5bdb063adacd96bfde54d8f59abc97bc183c4437', class: "label-icon" }, h("tooltip-component", { key: 'a88565693f60ff52f15eea18ddcfd07414294efb' }, h("info-icon", { key: 'df6e4d760c205b415ba9ec35d3174bb6a2fdd600', slot: "tooltip-icon" }), h("span", { key: '82a7d7c9a780d9db781e5a3b88f1c8f845db36ba', slot: "tooltip-content" }, i18next.t('nylasMinBookingNotice.tooltip.desc'))))), showTimePeriodSelector && (h("time-period-selector", { key: 'fb56c0546ae29ef3f1d182dcf0054d7069a96e87', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: [
+        return (h(Host, { key: '370215f86b6b865c6b79953ef27db9de40f5627d' }, h("div", { key: 'f5247e8f9de85ced7cc9e3479c0ccb6d6bf5eacb', class: "nylas-min-booking-notice", part: "nmbn" }, h("label", { key: '1268c22e1019b514e3ef4e0a5990af21e484fc15' }, i18next.t('nylasMinBookingNotice.headerTitle'), h("span", { key: 'bac4c28637a7763216345d85cd6949744887651c', class: "label-icon" }, h("tooltip-component", { key: '10fbedcd51b7d15893d3ced3041bb81608c480b3' }, h("info-icon", { key: '03b00a5ad0e2c5c3f81fb54e0b3867ed9d11a531', slot: "tooltip-icon" }), h("span", { key: 'e928c550b0d212cb646de4975f702e34bed4ad8e', slot: "tooltip-content" }, i18next.t('nylasMinBookingNotice.tooltip.desc'))))), showTimePeriodSelector && (h("time-period-selector", { key: '67497836c6161193daf4bb4284b0a6c59e8103ca', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: [
                 { value: 'minute', label: i18next.t('timeDuration', { context: 'minute' }) },
                 { value: 'hour', label: i18next.t('timeDuration', { context: 'hour' }) },
                 { value: 'day', label: i18next.t('timePeriod', { context: 'day' }) },

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

@@ -142,7 +142,7 @@ export class NylasMinCancellationNotice {
     }
     render() {
         const showTimePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (h(Host, { key: '71774d2793797813b543294f53a5be27554c583a' }, h("div", { key: '86454361af2d050163fff7e255d39185a1f67fdc', class: "nylas-min-cancellation-notice", part: "nmcn" }, h("label", { key: 'd9adf81bc80596b70e4ffad42713c174c5a43387' }, i18next.t('nylasMinCancellationNotice.headerTitle'), h("span", { key: 'a16203d7058b802cac20fc9173ebf1a9d833280e', class: "label-icon" }, h("tooltip-component", { key: 'cdbcd4e89a7c5cd4ebe4210b7acb43ba9e2f147c' }, h("info-icon", { key: '1d1056a7d41dc2514f0efe2516d672240c226c43', slot: "tooltip-icon" }), h("span", { key: '69016abda61209fd8031f5650cc2356468daa4eb', slot: "tooltip-content" }, i18next.t('nylasMinCancellationNotice.tooltip.desc'))))), showTimePeriodSelector && (h("time-period-selector", { key: '1e7bfb56ce3d6f50f0617301077464d6688a4eec', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: [
+        return (h(Host, { key: '2686a7a6f4a2e25a37c64c3f7237b681311d6ff3' }, h("div", { key: 'a376ac250a43922385913d9fd127efd0b3cc9edc', class: "nylas-min-cancellation-notice", part: "nmcn" }, h("label", { key: '8fb9c786fbda71d3f0d37c24814862b86453baaf' }, i18next.t('nylasMinCancellationNotice.headerTitle'), h("span", { key: '8f7e40198ad86be1f3b987a569bd793d34562836', class: "label-icon" }, h("tooltip-component", { key: '8dbabf6493bcfdb7eb72bcfe54052d0960b05b91' }, h("info-icon", { key: 'b55360fa9768df02f74495080eaab620f5a09a6a', slot: "tooltip-icon" }), h("span", { key: '8be146b922d52ab7a28b2667d174e056682a500e', slot: "tooltip-content" }, i18next.t('nylasMinCancellationNotice.tooltip.desc'))))), showTimePeriodSelector && (h("time-period-selector", { key: 'b4a29ffcfd4613e4045ecb7067f345efdab6cf90', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: [
                 { value: 'minute', label: i18next.t('timeDuration', { context: 'minute' }) },
                 { value: 'hour', label: i18next.t('timeDuration', { context: 'hour' }) },
                 { value: 'day', label: i18next.t('timePeriod', { context: 'day' }) },

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

@@ -545,14 +545,14 @@ export class NylasNotetakerConfig {
     }
     render() {
         const isDisabled = !this.isConferencingConfigured;
-        return (h(Host, { key: 'e98f05c08ef0fa2c603319884bae3e9a5c22545e' }, h("div", { key: 'a5969e739099d732ee7ebca1f5466ea4bc29c000', class: "nylas-notetaker-config", part: "nntc" }, h("div", { key: '56c9527bf75e72a7b3632b8df4e5430c6547b68f', class: "header", part: "nntc__header" }, h("h3", { key: 'ccd706ff345b90f74ff8bdf407f1e9f6d0f2e87f' }, i18next.t('nylasNotetakerConfig.headerTitle') || 'Notetaker settings'), h("p", { key: '15090630b5ee1f4c64e433cdfc41796ee9bbe09b' }, i18next.t('nylasNotetakerConfig.headerSubTitle') || 'Configure AI-powered meeting recording and note-taking.')), h("div", { key: '23e28b4bb4a135652181351a678b582dd555f0fd', class: "content", part: "nntc__content" }, isDisabled && (h("div", { key: 'ecad621fbf39d29ab4e9069ed8cb25543bf87128', class: "info-message", role: "status" }, i18next.t('nylasNotetakerConfig.info.conferencingRequired') ||
-            'Conferencing must be enabled to use Notetaker. Please configure conferencing in the Event Info tab first.')), h("div", { key: '1f2c087ceaac41b69af6e88bca4c3c490376b58d', class: `primary-toggle ${isDisabled ? 'checkbox-disabled' : ''}`, part: "nntc__primary-toggle" }, h("checkbox-component", { key: '59fbe9a2e3e9641fc4c2b05af52c57420c5695ec', name: "notetaker-enabled", label: i18next.t('nylasNotetakerConfig.basicSettings.recordMeeting.label') || 'Enable Notetaker for this event', checked: this.enabled, readOnly: isDisabled, themeConfig: this.themeConfig }, h("span", { key: 'cd08541dfdcde849e662dd5312b4145234e3dae9', slot: "label", class: "label" }, h("p", { key: 'd9513a955a6cd391da8d443be40a8d183e321ef2', class: "label-contents" }, i18next.t('nylasNotetakerConfig.basicSettings.recordMeeting.label') || 'Enable Notetaker for this event'), h("tooltip-component", { key: '557ee5ee0207b386901d2f514cdc5d531f339e2c' }, h("info-icon", { key: '81254ee3bea448aecbdfe047f667b6283bd06f96', slot: "tooltip-icon" }), h("span", { key: 'c6a2b14bee9bc939269fc58313a30d74ba89343d', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.basicSettings.recordMeeting.tooltip.desc') ||
-            'When enabled, Notetaker will automatically join booked meetings to record and generate AI-powered notes.'))))), h("div", { key: '75c37ba9283bee2aca386b6b36e42496a1c5764e', class: "section", part: "nntc__section" }, h("h4", { key: '6115335226b7c41a26741b43f556f9f705e32fb2', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.basicSettings.title') || 'Basic settings'), h("div", { key: '3c29e4894cbf19d633dd498b6118c4a5a1400336', class: "section-content" }, h("div", { key: '72022bcffe488faf8b1dd1e4936f7bc10131a363', class: "input-container", part: "nntc__input" }, h("input-component", { key: 'ea0ab999059ee0e483c047c3af8752d1eef5d80d', name: "notetaker-name", label: i18next.t('nylasNotetakerConfig.basicSettings.name.label') || 'Notetaker display name', defaultValue: this.notetakerName, required: this.enabled, readOnly: isDisabled || !this.enabled, placeholder: i18next.t('nylasNotetakerConfig.basicSettings.name.placeholder') || 'e.g., Nylas Notetaker', themeConfig: this.themeConfig }), h("p", { key: 'd4f21ef9a8027cd1d4881948b5757370424457b2', class: "input-help-text" }, i18next.t('nylasNotetakerConfig.basicSettings.name.tooltip.desc') || 'The name that will appear for the Notetaker bot when it joins your meetings.')), h("div", { key: '274878bc989f30dcdd42c3828d8b7d390bec51b8', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '91c6e5fb90304d81f597880f556579b3aebb4734', name: "notetaker-show-consent", label: i18next.t('nylasNotetakerConfig.basicSettings.collectConsent.label') || 'Collect user consent during booking', checked: this.showUiConsentMessage, readOnly: isDisabled || !this.enabled, themeConfig: this.themeConfig }, h("span", { key: '0dc048e31cadd1ae1219bc6401fdca46c4c26d62', slot: "label", class: "label" }, h("p", { key: '944755c6ca4f67d67358bca5ed83fb9c20f58604', class: "label-contents" }, i18next.t('nylasNotetakerConfig.basicSettings.collectConsent.label') || 'Collect user consent during booking'), h("tooltip-component", { key: '187b799c481b1878281afd9623bc5d7865b15626' }, h("info-icon", { key: 'a57468f687815d9a20368901abcacb31b09f4298', slot: "tooltip-icon" }), h("span", { key: '16c54d075106412ed9b7deef276ce39ed54b0bb8', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.basicSettings.collectConsent.tooltip.desc') ||
-            'Display a consent message to meeting participants during the booking process, informing them that the meeting will be recorded.'))))))), h("div", { key: 'a8c0323d2c2752f7c38fc32047a9b831e60d6b1a', class: "section", part: "nntc__section" }, h("h4", { key: 'a7fb617a3b44538b5787b4a154214315ecc9d4c9', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.recording.title') || 'Recording options'), h("p", { key: '3c0ba9c66cb9c296733f578e71bbc8d22aa75a64', class: "section-description", part: "nntc__section-description" }, i18next.t('nylasNotetakerConfig.recording.description') || 'Select what you want to capture from your meetings.'), h("div", { key: '53d54c09fc5cf083d2c1e5754a3abf1e6f176591', class: "section-content" }, h("div", { key: 'da80834556ac4179a48c6da792a236fe6fdcdf5c', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '962aecd3ac5fee629beaab44a85585045f1a4c62', name: "notetaker-video", label: i18next.t('nylasNotetakerConfig.recording.video.label') || 'Video recording', checked: this.videoRecording, readOnly: isDisabled || !this.enabled, themeConfig: this.themeConfig }, h("span", { key: '808c99702d746c022646b7144284dac6ba3e8a11', slot: "label", class: "label" }, h("p", { key: 'a5b3aae005ba2db4ac086646beb291617d401153', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.video.label') || 'Video recording'), h("tooltip-component", { key: '594b38d0a543078ba4a96205af4ef044acb9cc63' }, h("info-icon", { key: '8eebe57553a39161da49299da7b149669a204809', slot: "tooltip-icon" }), h("span", { key: 'b93ae4c7bdd67513be40555b68beb45a4a6535eb', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.recording.video.tooltip.desc') || 'Record video from the meeting. Video files will be available after the meeting ends.'))))), h("div", { key: '9523c48fb7a08f71afbd3e5442ef6342b970eb4c', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '778f34deb87531c3cbffe7d5cf6439e77a45bc76', name: "notetaker-audio", label: i18next.t('nylasNotetakerConfig.recording.audio.label') || 'Audio recording', checked: this.audioRecording, readOnly: isDisabled || !this.enabled, themeConfig: this.themeConfig }, h("span", { key: 'c9c8c7d884fcf7c0205bab9f02c12df7a14184bf', slot: "label", class: "label" }, h("p", { key: '844cb5f2a39e50d7e0db9b4b447e3a8f2e201a79', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.audio.label') || 'Audio recording'), h("tooltip-component", { key: '55b73e360759edfaf294bcc4febf26e8a30203d0' }, h("info-icon", { key: '6384e07af4aaefd156d6ac8a1885463fe581f3d0', slot: "tooltip-icon" }), h("span", { key: '3fbea5988e3895374bab6ccb9f6d3d4495f938ee', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.recording.audio.tooltip.desc') ||
-            'Record audio from the meeting. Audio files will be available after the meeting ends. Required for transcription and AI features.'))))), h("div", { key: 'bad08748f6ef16c32ac6db20c2834b681dd23b44', class: `checkbox-container ${isDisabled || !this.enabled || !this.audioRecording ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '56e7251dd89f2fd32c4d2ae15f7b15a93a907aa2', name: "notetaker-transcription", label: i18next.t('nylasNotetakerConfig.recording.transcription.label') || 'Transcription', checked: this.transcription, readOnly: isDisabled || !this.enabled || !this.audioRecording, themeConfig: this.themeConfig }, h("span", { key: 'e343247309f49a2c02a6c68ea82f0f1dae32a08a', slot: "label", class: "label" }, h("p", { key: 'd4ebb7a2b6944893d2ec2d85cd95ce35793cf150', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.transcription.label') || 'Transcription'), h("tooltip-component", { key: '5707b6a413bc6b9dc00ad1294f9ee00c89274e30' }, h("info-icon", { key: 'a77323f4297923cec65d9202cee498b51d7d1990', slot: "tooltip-icon" }), h("span", { key: '22dcf615d37986b0927f35637c86d094c21528e2', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.recording.transcription.tooltip.desc') ||
-            'Generate a text transcript of the meeting conversation. Requires audio recording. Required for AI features.'))))))), h("div", { key: 'd192aeaead08eabcb8976c5f6ac8024957cb7fd2', class: "section", part: "nntc__section" }, h("h4", { key: '229ffbab6df40c45c7d7b09ca113c3db70d7fffc', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.aiFeatures.title') || 'AI-powered features'), h("p", { key: '0ec14d5c0b3306e58d461b4ca6a6e91e1edf7c5a', class: "section-description", part: "nntc__section-description" }, i18next.t('nylasNotetakerConfig.aiFeatures.description') || 'Enhance your meetings with AI-generated summaries and action items.'), h("div", { key: '48cdf07e0c129eba62dfd0658d1a5c37710145ff', class: "section-content" }, h("div", { key: '0f48689b58d7879af9011240278007fecf12abf9', class: `checkbox-container ${isDisabled || !this.enabled || !this.transcription ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '4375d742d535e813ea384757437f0e233c8384f2', name: "notetaker-summary", label: i18next.t('nylasNotetakerConfig.aiFeatures.summary.label') || 'AI summary', checked: this.summary, readOnly: isDisabled || !this.enabled || !this.transcription, themeConfig: this.themeConfig }, h("span", { key: 'abdf4002561b4e66b36c8e4d4557a72c65877f31', slot: "label", class: "label" }, h("p", { key: '1b90e1c1270b95ec2c59e30dea4112056c460f95', class: "label-contents" }, i18next.t('nylasNotetakerConfig.aiFeatures.summary.label') || 'AI summary'), h("tooltip-component", { key: '08ee16364261f553b0eda11fb85d5e3bbd7773c2' }, h("info-icon", { key: '0d8708cb34530527e755ec3f2c578ffcf9b614de', slot: "tooltip-icon" }), h("span", { key: '016c39debec66d625e9dffbd429c093894ab7928', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.aiFeatures.summary.tooltip.desc') ||
-            'Generate an AI-powered summary of the meeting, including key discussion points and decisions. Requires audio recording and transcription to be enabled.'))))), this.summary && (h("div", { key: '39bf512400963b0a7ad998504bc26dd8ed1c8540', class: "textarea-container", part: "nntc__textarea" }, h("textarea-component", { key: 'c215d80fac768672b595e948cc8c3d385238d9b5', name: "notetaker-summary-instructions", label: i18next.t('nylasNotetakerConfig.aiFeatures.summary.instructionsLabel') || 'Additional prompt', defaultValue: this.summaryCustomInstructions, placeholder: i18next.t('nylasNotetakerConfig.aiFeatures.summary.instructionsPlaceholder') || 'Enter additional context for AI summary', readOnly: isDisabled || !this.enabled, maxLength: this.MAX_CUSTOM_INSTRUCTIONS_LENGTH, themeConfig: this.themeConfig }), this.summaryInstructionsError && (h("div", { key: '2b71fc7ec02203df174ae8e3b3ea8004927f0723', class: "field-error-message", role: "alert" }, this.summaryInstructionsError)), !this.summaryInstructionsError && (h("div", { key: '57bf428d1eb3af8d09959f16c5f8d63029fa324a', class: "character-count" }, this.summaryCustomInstructions.length, " / ", this.MAX_CUSTOM_INSTRUCTIONS_LENGTH)))), h("div", { key: '48dfadd9c4eea3d170e9e7cf71765f9ba77e8091', class: `checkbox-container ${isDisabled || !this.enabled || !this.transcription ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '2d4a967e8e8fef2f215267790bddea87a5083b25', name: "notetaker-action-items", label: i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.label') || 'AI action items', checked: this.actionItems, readOnly: isDisabled || !this.enabled || !this.transcription, themeConfig: this.themeConfig }, h("span", { key: '81f9c078428bb6b7667876889a13bed1294bad3b', slot: "label", class: "label" }, h("p", { key: 'de516336fb46e4d3efcabe0d530358354da3f569', class: "label-contents" }, i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.label') || 'AI action items'), h("tooltip-component", { key: '5a53afc9813f413b1483961548e5ed4f8ec6d4f6' }, h("info-icon", { key: '9e3b96cadc8cce96f3109c8718c7d70c3ffbce1c', slot: "tooltip-icon" }), h("span", { key: '34296fbcc8b672e4db5c605d56d19fefac7d5992', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.tooltip.desc') ||
-            'Automatically extract action items, tasks, and to-dos mentioned during the meeting. Requires audio recording and transcription to be enabled.'))))), this.actionItems && (h("div", { key: 'bdc85a3dce2b080b5781bcc7bcb511aa35685961', class: "textarea-container", part: "nntc__textarea" }, h("textarea-component", { key: '4530e8550148fd93c5649f6e8d307c8f39c94c31', name: "notetaker-action-items-instructions", label: i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.instructionsLabel') || 'Additional prompt', defaultValue: this.actionItemsCustomInstructions, placeholder: i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.instructionsPlaceholder') || 'Enter additional context for AI action items', readOnly: isDisabled || !this.enabled, maxLength: this.MAX_CUSTOM_INSTRUCTIONS_LENGTH, themeConfig: this.themeConfig }), this.actionItemsInstructionsError && (h("div", { key: 'c20c0b8ab46f70925c4b0fc53ad4cd091b9c6662', class: "field-error-message", role: "alert" }, this.actionItemsInstructionsError)), !this.actionItemsInstructionsError && (h("div", { key: '516e8b9b0439d8670660ac1c40e23c8455a257f5', class: "character-count" }, this.actionItemsCustomInstructions.length, " / ", this.MAX_CUSTOM_INSTRUCTIONS_LENGTH)))))), this.validationError && (h("div", { key: 'f6b054aad6081e83e90703c4b12408f75804ab05', class: "error-message", role: "alert" }, this.validationError))))));
+        return (h(Host, { key: 'cec23536498e541d0ec0ff296cb0f026ba082d98' }, h("div", { key: '9f9a6b82d8a85d884079e643522257435f23ea28', class: "nylas-notetaker-config", part: "nntc" }, h("div", { key: '1c8f5b8a670e4ec3381c613cf48e882c0cae202a', class: "header", part: "nntc__header" }, h("h3", { key: 'f620542652e390d8c6ca421a5f10ee7115cc2a44' }, i18next.t('nylasNotetakerConfig.headerTitle') || 'Notetaker settings'), h("p", { key: '431f9b34085cb39c948aabb296410b5d1734cf42' }, i18next.t('nylasNotetakerConfig.headerSubTitle') || 'Configure AI-powered meeting recording and note-taking.')), h("div", { key: '4a97c663b5f2a3cf8fe14083a083b0b4d90663e6', class: "content", part: "nntc__content" }, isDisabled && (h("div", { key: 'bdd79c2636331f0275d5e7688ff4f1b628795708', class: "info-message", role: "status" }, i18next.t('nylasNotetakerConfig.info.conferencingRequired') ||
+            'Conferencing must be enabled to use Notetaker. Please configure conferencing in the Event Info tab first.')), h("div", { key: '533df05cfd0bd3ce9d3b75cb632336e0a10d10d9', class: `primary-toggle ${isDisabled ? 'checkbox-disabled' : ''}`, part: "nntc__primary-toggle" }, h("checkbox-component", { key: '282214aa84d2162b8e9e853be1497be5c58e1cb8', name: "notetaker-enabled", label: i18next.t('nylasNotetakerConfig.basicSettings.recordMeeting.label') || 'Enable Notetaker for this event', checked: this.enabled, readOnly: isDisabled, themeConfig: this.themeConfig }, h("span", { key: 'e53d8dd7732aaded0179c3a18608a3c0b8c266a0', slot: "label", class: "label" }, h("p", { key: '049542dcff6979f412ecb83ee87555ed8e97ded8', class: "label-contents" }, i18next.t('nylasNotetakerConfig.basicSettings.recordMeeting.label') || 'Enable Notetaker for this event'), h("tooltip-component", { key: '3c0837d709bf6498206570ead0b153ea96460a74' }, h("info-icon", { key: '9d53b49fcf2fdd4971179197750b6703227d4839', slot: "tooltip-icon" }), h("span", { key: 'f61a2049b1430d3bf70bfe3e62abfee79b2978d4', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.basicSettings.recordMeeting.tooltip.desc') ||
+            'When enabled, Notetaker will automatically join booked meetings to record and generate AI-powered notes.'))))), h("div", { key: 'a3d4ec747d111b47ec08fa1b95783662ff54078a', class: "section", part: "nntc__section" }, h("h4", { key: '6beb7a985a289084bf0f6b7aa842a6d30cc4d6a2', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.basicSettings.title') || 'Basic settings'), h("div", { key: 'e356122d9f935c1ac5ec7856b4c57bb9f6daa94b', class: "section-content" }, h("div", { key: 'cb04a9a24bb1b1eee5401c98d8e372f0d333fa86', class: "input-container", part: "nntc__input" }, h("input-component", { key: '910c8f67c744cd5dd4ed9233ee70cc8ece000d22', name: "notetaker-name", label: i18next.t('nylasNotetakerConfig.basicSettings.name.label') || 'Notetaker display name', defaultValue: this.notetakerName, required: this.enabled, readOnly: isDisabled || !this.enabled, placeholder: i18next.t('nylasNotetakerConfig.basicSettings.name.placeholder') || 'e.g., Nylas Notetaker', themeConfig: this.themeConfig }), h("p", { key: '7aa2ec59a2410718ab41c7dedb6c525ce091c9a1', class: "input-help-text" }, i18next.t('nylasNotetakerConfig.basicSettings.name.tooltip.desc') || 'The name that will appear for the Notetaker bot when it joins your meetings.')), h("div", { key: '2d4a70ea5015c5f2774e6c4d13630e8362cefa9d', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '03f691390d0a130a779d2fcade2d1cad3a28e5d0', name: "notetaker-show-consent", label: i18next.t('nylasNotetakerConfig.basicSettings.collectConsent.label') || 'Collect user consent during booking', checked: this.showUiConsentMessage, readOnly: isDisabled || !this.enabled, themeConfig: this.themeConfig }, h("span", { key: '8f003d6025a5d94097e23b58b20a24a7633a2d76', slot: "label", class: "label" }, h("p", { key: '4a27810638d809f26fe5d4513d3c8b4eb4775582', class: "label-contents" }, i18next.t('nylasNotetakerConfig.basicSettings.collectConsent.label') || 'Collect user consent during booking'), h("tooltip-component", { key: '9a8dd11bbe50a5dfc6b4b2aa0c80a4bc9a1d709f' }, h("info-icon", { key: '1681dc62514ade16ef57292a591a3d9ba566cd46', slot: "tooltip-icon" }), h("span", { key: '2cff447ed809d3f52a1a685bf5284e0b89f5b38d', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.basicSettings.collectConsent.tooltip.desc') ||
+            'Display a consent message to meeting participants during the booking process, informing them that the meeting will be recorded.'))))))), h("div", { key: '91771a5961118c97a592735082e0e417843bd1a7', class: "section", part: "nntc__section" }, h("h4", { key: '7752e317cba25a8103d4828de7e695056b005251', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.recording.title') || 'Recording options'), h("p", { key: 'ea58c6675339268bf3acc99fca8ebb41300202d7', class: "section-description", part: "nntc__section-description" }, i18next.t('nylasNotetakerConfig.recording.description') || 'Select what you want to capture from your meetings.'), h("div", { key: '62be3c3f0d0fe3ae73f6e496ed683a65e3591ff5', class: "section-content" }, h("div", { key: 'c733fe53a0a9bfe3d8800e8cfb3a1c3b77c82ce8', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '080d144ee29d06744cdc92615856f884963c0694', name: "notetaker-video", label: i18next.t('nylasNotetakerConfig.recording.video.label') || 'Video recording', checked: this.videoRecording, readOnly: isDisabled || !this.enabled, themeConfig: this.themeConfig }, h("span", { key: '50ab48ebc51c347d675bc9d0ffbefbe947a22b5e', slot: "label", class: "label" }, h("p", { key: '34859090c0565c967a46b91e350d9856b605ec4d', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.video.label') || 'Video recording'), h("tooltip-component", { key: 'c8e414f9dec0030c9fb467b615c8dae33952eca6' }, h("info-icon", { key: '104b1c1e2fe51897a61948c44664b43461f4141b', slot: "tooltip-icon" }), h("span", { key: '146d3d4734ea71f1209360a1c4e88e16d9058c80', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.recording.video.tooltip.desc') || 'Record video from the meeting. Video files will be available after the meeting ends.'))))), h("div", { key: '4606f12c173f2e65981f0e06af6b9c03ba28b20f', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '46119c341aa2aa89fcc38033cce0bdf3fb42b66f', name: "notetaker-audio", label: i18next.t('nylasNotetakerConfig.recording.audio.label') || 'Audio recording', checked: this.audioRecording, readOnly: isDisabled || !this.enabled, themeConfig: this.themeConfig }, h("span", { key: '7015cc0c50e168771f429737fab49f4d0c1b15a8', slot: "label", class: "label" }, h("p", { key: '6c459fdcedc2acce82716f2517df4c36ca9215ec', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.audio.label') || 'Audio recording'), h("tooltip-component", { key: '118ea327da23ca513ccfbc44c0314599ceb50fa0' }, h("info-icon", { key: '1dbea1264370c465c62fbec09ba362adf6c1af0c', slot: "tooltip-icon" }), h("span", { key: 'ab1a125d97ec460c21f320c8dc753ec9f1f0508d', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.recording.audio.tooltip.desc') ||
+            'Record audio from the meeting. Audio files will be available after the meeting ends. Required for transcription and AI features.'))))), h("div", { key: '9caadb49af631ac5a4ff067f732f24c2d45b6084', class: `checkbox-container ${isDisabled || !this.enabled || !this.audioRecording ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '33c2fe6fac9a015a25b2263cfc7ba2ba91c87abb', name: "notetaker-transcription", label: i18next.t('nylasNotetakerConfig.recording.transcription.label') || 'Transcription', checked: this.transcription, readOnly: isDisabled || !this.enabled || !this.audioRecording, themeConfig: this.themeConfig }, h("span", { key: 'abe43ef4ec855dad54852796043981fd982e81a6', slot: "label", class: "label" }, h("p", { key: 'e31609b49b678b073563d3c46c55403dd1f739c0', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.transcription.label') || 'Transcription'), h("tooltip-component", { key: 'f71a569e138960dc3b0b17b0b5d770e72da95001' }, h("info-icon", { key: '408b7d56605d2cf980d296b36eeb217af69cdcf9', slot: "tooltip-icon" }), h("span", { key: '5db6843195087bf2d55d21eb7218745691a9f35c', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.recording.transcription.tooltip.desc') ||
+            'Generate a text transcript of the meeting conversation. Requires audio recording. Required for AI features.'))))))), h("div", { key: '096cd4b94ee7d0b3ee07697cd275fa0c5d538aca', class: "section", part: "nntc__section" }, h("h4", { key: 'ba18c08284fb06172b77d9dd193b619bc6793731', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.aiFeatures.title') || 'AI-powered features'), h("p", { key: 'ff91a1216be62d00d1c731fc67376e59d99ada23', class: "section-description", part: "nntc__section-description" }, i18next.t('nylasNotetakerConfig.aiFeatures.description') || 'Enhance your meetings with AI-generated summaries and action items.'), h("div", { key: '037b6fa65354ee373f8e7788c748296f48df4dcf', class: "section-content" }, h("div", { key: '77fecfc355cdc695ddfcd7d743677dda11ca0668', class: `checkbox-container ${isDisabled || !this.enabled || !this.transcription ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '60ef453492ba4d275c9c0bc18696bcca7615bff8', name: "notetaker-summary", label: i18next.t('nylasNotetakerConfig.aiFeatures.summary.label') || 'AI summary', checked: this.summary, readOnly: isDisabled || !this.enabled || !this.transcription, themeConfig: this.themeConfig }, h("span", { key: '1ae4c74b1501197b5e84394d0ad4fdacdf33975f', slot: "label", class: "label" }, h("p", { key: 'ddbef16acdd3c94139c0a175f0b493c0e10d2f1d', class: "label-contents" }, i18next.t('nylasNotetakerConfig.aiFeatures.summary.label') || 'AI summary'), h("tooltip-component", { key: 'b103aefffd80df50c59580493e83f5aad9cc0dfe' }, h("info-icon", { key: 'ffdc1ce32421417f492cd2c3d2e8ce96e5ad09d0', slot: "tooltip-icon" }), h("span", { key: '9ddf087161ad093ab7a0315e4c9fb4aa1865d601', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.aiFeatures.summary.tooltip.desc') ||
+            'Generate an AI-powered summary of the meeting, including key discussion points and decisions. Requires audio recording and transcription to be enabled.'))))), this.summary && (h("div", { key: 'ab74990574573d20cd3dcc26c71f78f85668202a', class: "textarea-container", part: "nntc__textarea" }, h("textarea-component", { key: '02eff0cd8babd262bde8e0ce0b92618d2759c56f', name: "notetaker-summary-instructions", label: i18next.t('nylasNotetakerConfig.aiFeatures.summary.instructionsLabel') || 'Additional prompt', defaultValue: this.summaryCustomInstructions, placeholder: i18next.t('nylasNotetakerConfig.aiFeatures.summary.instructionsPlaceholder') || 'Enter additional context for AI summary', readOnly: isDisabled || !this.enabled, maxLength: this.MAX_CUSTOM_INSTRUCTIONS_LENGTH, themeConfig: this.themeConfig }), this.summaryInstructionsError && (h("div", { key: 'a93a3260fcf1a9128fa099bcbbe68ab3800a64c7', class: "field-error-message", role: "alert" }, this.summaryInstructionsError)), !this.summaryInstructionsError && (h("div", { key: '4c0f79b435da82353ec777f92b270fb870e3a90e', class: "character-count" }, this.summaryCustomInstructions.length, " / ", this.MAX_CUSTOM_INSTRUCTIONS_LENGTH)))), h("div", { key: 'b6155ea9ffcdb002a34c5f82fd01ef957966a758', class: `checkbox-container ${isDisabled || !this.enabled || !this.transcription ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: 'a2cb82ef2afbee38fc72c00da21ac13257ab104a', name: "notetaker-action-items", label: i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.label') || 'AI action items', checked: this.actionItems, readOnly: isDisabled || !this.enabled || !this.transcription, themeConfig: this.themeConfig }, h("span", { key: '5263af4ac04b7ebefb013687443828b2b21feeaa', slot: "label", class: "label" }, h("p", { key: '463470942cc734f42220da3d9338f17ac45466e9', class: "label-contents" }, i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.label') || 'AI action items'), h("tooltip-component", { key: 'e8b70dfdd510c7db42b493e9eb1647c8db661c6a' }, h("info-icon", { key: 'cb54f49f4260ec064bfb15ec30be1a17b88660a1', slot: "tooltip-icon" }), h("span", { key: '2ad9bdf4b3aafca1d588c33f7275149a142e9e09', slot: "tooltip-content" }, i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.tooltip.desc') ||
+            'Automatically extract action items, tasks, and to-dos mentioned during the meeting. Requires audio recording and transcription to be enabled.'))))), this.actionItems && (h("div", { key: '20a7ae26644f7578886e7bb8e0acb6d2bd360de3', class: "textarea-container", part: "nntc__textarea" }, h("textarea-component", { key: '40814a6e1e9bea8158daff5c3819e814b387b211', name: "notetaker-action-items-instructions", label: i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.instructionsLabel') || 'Additional prompt', defaultValue: this.actionItemsCustomInstructions, placeholder: i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.instructionsPlaceholder') || 'Enter additional context for AI action items', readOnly: isDisabled || !this.enabled, maxLength: this.MAX_CUSTOM_INSTRUCTIONS_LENGTH, themeConfig: this.themeConfig }), this.actionItemsInstructionsError && (h("div", { key: '5b394ada9d402d98b3f6784abbda18c71d2f8236', class: "field-error-message", role: "alert" }, this.actionItemsInstructionsError)), !this.actionItemsInstructionsError && (h("div", { key: 'a0cb57d1ed95bb037706301229c1f43b57fb36fc', class: "character-count" }, this.actionItemsCustomInstructions.length, " / ", this.MAX_CUSTOM_INSTRUCTIONS_LENGTH)))))), this.validationError && (h("div", { key: '163c25c7e274034815aba3da5b96a472b28aeb73', class: "error-message", role: "alert" }, this.validationError))))));
     }
     static get is() { return "nylas-notetaker-config"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-only-specific-time-availability/nylas-only-specific-time-availability.js

@@ -109,7 +109,7 @@ export class NylasOnlySpecificTimeAvailability {
         }
     }
     render() {
-        return (h(Host, { key: 'd02d9ca4073c2440ffb729c25d55e0c057252b0e' }, h("div", { key: 'ffe7151ce8eb80c521c68cb8d120f6942fde7a74', class: "nylas-only-specific-time-availability", part: "osta" }, h("div", { key: 'c7993acf68482ff66e95ba496cc23874c880733d', class: "header", part: "osta__header" }, h("div", { key: '843c33a6a033a4bfeab0243a5bf845533e37fe9a', class: "header-content", part: "osta__header-content" }, h("h3", { key: '2b31a27d3e8fadfc1e27aac81ff14ba5f22a7301', part: "osta__header-title" }, i18next.t('nylasOnlySpecificTimeAvailability.title'), h("span", { key: 'aac64d855761d5c259fd7e958e6e41e6ed3f4abd', class: "title-icon" }, h("tooltip-component", { key: '8f604f8321044665bbc743261d276b3899b09987' }, h("info-icon", { key: 'b362aded5f011316331740c3a1c7a465e5689278', slot: "tooltip-icon" }), h("span", { key: '5da172552ccbaa1131f642c8ecf72b1016b9e652', slot: "tooltip-content" }, i18next.t('nylasOnlySpecificTimeAvailability.tooltip.desc'))))), h("p", { key: 'd033f876ebc9f9b08f990a3cd44858e2fc738092', part: "osta__header-description" }, i18next.t('nylasOnlySpecificTimeAvailability.description'))), h("div", { key: 'e57860c20609b7f766f3ef6cf91ff6738282c249', class: "toggle-wrapper", part: "osta__toggle" }, h("toggle-switch", { key: '27f0fe449f87002a42c9c3a3977b1c089c5b6043', name: this.name, checked: this.enableSpecificTimeAvailability, themeConfig: this.themeConfig }))), this.enableSpecificTimeAvailability && (h("div", { key: '3b604a3cb0e0b09ba6a65abf32171360eaa0f2a7', class: "info-box", part: "osta__info-box" }, h("div", { key: '08b22cddef3472922aa243e94f486274566a0d6b', class: "info-box-icon" }, h("info-icon", { key: 'c1cabe2a04872b86b7c79457ce6eb083e1d72fa5' })), h("div", { key: '2193e2842b9ec7cfc43057a90c75883a2d516822', class: "info-box-content" }, h("h4", { key: '6db014423511499a867ea55917a828e80faa68b3', part: "osta__info-box-title" }, i18next.t('nylasOnlySpecificTimeAvailability.infoBox.title')), h("p", { key: '3f954b4fe44ffa47d3de396c2270b80a1f3b2803', part: "osta__info-box-description" }, i18next.t('nylasOnlySpecificTimeAvailability.infoBox.description'))))))));
+        return (h(Host, { key: '31d35d500912315a1f5eadea63e1e7991b655451' }, h("div", { key: 'be68282928f66e95f4d4daa45e13a83b1b2264ba', class: "nylas-only-specific-time-availability", part: "osta" }, h("div", { key: '1f5c7582f7bd3bd1bee592ca665073263b76844f', class: "header", part: "osta__header" }, h("div", { key: 'f50afa25b29c2d149579ffc791330bc799927715', class: "header-content", part: "osta__header-content" }, h("h3", { key: '30b95c4080388ed255b179c4f29558869724faf1', part: "osta__header-title" }, i18next.t('nylasOnlySpecificTimeAvailability.title'), h("span", { key: 'b86c026076ad5573962647626cdb68704e0d70de', class: "title-icon" }, h("tooltip-component", { key: '10fc7a2d4b0d961053145a54d6f166393a715d2a' }, h("info-icon", { key: '63d585c4b24e292727bfe7bc131036e9868d9b64', slot: "tooltip-icon" }), h("span", { key: '24569e31a9a354321d9da3b0637dbcee7d44f08b', slot: "tooltip-content" }, i18next.t('nylasOnlySpecificTimeAvailability.tooltip.desc'))))), h("p", { key: '792d3db64b39a3c49acf25c889a4bcd967383aed', part: "osta__header-description" }, i18next.t('nylasOnlySpecificTimeAvailability.description'))), h("div", { key: '59da3d9ea9c348dda46c581f455a90f10a81da94', class: "toggle-wrapper", part: "osta__toggle" }, h("toggle-switch", { key: 'a9f8338d655536e035e369cc880fd8554b9a5c42', name: this.name, checked: this.enableSpecificTimeAvailability, themeConfig: this.themeConfig }))), this.enableSpecificTimeAvailability && (h("div", { key: 'fef8cbb7693c4452ba89233cfe5911a1887543c9', class: "info-box", part: "osta__info-box" }, h("div", { key: 'fb03b0e66ab5e93f77835d5f267ca65b55a5f945', class: "info-box-icon" }, h("info-icon", { key: 'f34fc562b0aa0ff345f82cb2cb671d3a8f554957' })), h("div", { key: 'd2679ad5bccbee8af3d7b26119043ea28b37d99a', class: "info-box-content" }, h("h4", { key: 'c146f0f19e874602af9d4f21fb06c1946243a1f9', part: "osta__info-box-title" }, i18next.t('nylasOnlySpecificTimeAvailability.infoBox.title')), h("p", { key: '5506ff6219a5ca558a7f0cb1d1b0593b5613e9e1', part: "osta__info-box-description" }, i18next.t('nylasOnlySpecificTimeAvailability.infoBox.description'))))))));
     }
     static get is() { return "nylas-only-specific-time-availability"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-page-name/nylas-page-name.js

@@ -113,7 +113,7 @@ export class NylasPageName {
     }
     render() {
         const isComponentReady = typeof this.currentPageName !== 'undefined';
-        return (h(Host, { key: '66b15e9cf0bd70b624bb9550bd82d7d0412d2d21' }, h("div", { key: '4a6140957b1caa92498e40b88d95240f1ade9ad9', class: "nylas-page-name", part: "nces" }, h("div", { key: '63708484786cc978277b59f91f84c4bfb6a71289', class: "header", part: "nces__header" }, h("div", { key: '9122349ae330cab946390b7b3f609212d3bc4b38' }, h("h3", { key: 'e15278e1ba17ccac95665548bcdc83cb0d96406c' }, i18next.t('nylasPageName.headerTitle')), h("p", { key: '6ed907c5d039c51f3d1efc450993969d2e5a3d7d' }, i18next.t('nylasPageName.headerSubTitle'), h("tooltip-component", { key: 'd7d66e5ca77491768346519e3df47976ede67173' }, h("info-icon", { key: '4445abae2f0ad7737527105815da9b5c66002d96', slot: "tooltip-icon" }), h("span", { key: '3e586c80b99b77e4f2b38ee2e4797d28fc36a3d1', slot: "tooltip-content" }, i18next.t('nylasPageName.tooltip.desc'))), this.requirePageName && h("span", { key: '26cbe8b8585de562b83a650c8e01c59fc52b0f03', class: "required-asterisk" }, "*"))), this.showToggle && (h("div", { key: '453bef7fce09c65275b607a070def48c754ee4d6', class: "drawer-toggle", part: "nces__drawer-toggle--container" }, h("span", { key: '901d4396ee615e101997ef563548aec74a595470', class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleDrawer() }, h("chevron-icon", { key: 'add8b5b1145d6c9845677a926f85721eeb6da886', width: "24", height: "24" }))))), this.isOpen && (h("div", { key: '348584be70abcfb752a94d766aa7e176793b6809', class: "nylas-page-name__body", part: "nces__body" }, h("div", { key: 'e712fc7bc07846ea017595189dcbcfe060c562fc', class: "nylas-page-name__section" }, h("div", { key: '496cac558a6998d256a9d780403b2392499bca29', class: "nylas-page-name__row" }, h("div", { key: '95dcfff8464c5d2a903f18b92d50f07292a2afe2', class: "input-container" }, h("div", { key: '2eb5add226a7d4c7882944937d8ec1f99842f64b', class: { 'nylas-page-name__input-wrapper': true, 'error': !!this.pageNameErrorMessage } }, isComponentReady && (h("input-component", { key: 'a3623bfd3aff32e07564686f9338f03a75e48952', name: "page-name", id: "page-name", type: "text", required: false, exportparts: "ic_input: npn__input-textfield", defaultValue: this.currentPageName ?? '', themeConfig: this.themeConfig }))), this.pageNameErrorMessage && h("span", { key: '44f0c253fb82437ff2a06607ef66d466344237f1', class: "error-message" }, this.pageNameErrorMessage)))))))));
+        return (h(Host, { key: 'c9582a4833062f85a7849f5c6bf3c0049f7109e1' }, h("div", { key: 'f9aef97c6e79abc8ac123e82d3b83189b0de19ac', class: "nylas-page-name", part: "nces" }, h("div", { key: 'e50b5901a9390a6c17c82f47bd51a8baeeccc0ea', class: "header", part: "nces__header" }, h("div", { key: 'b2f22265c61240725cd4aa1d8ad731c6321156a6' }, h("h3", { key: '5e5b87485de15e0995f4c1344f8e2330e640eede' }, i18next.t('nylasPageName.headerTitle')), h("p", { key: 'b368859b85ee1e9e083359672b0f8bae82ec0eef' }, i18next.t('nylasPageName.headerSubTitle'), h("tooltip-component", { key: '87badf4f1def2eadb61ec5b2755d53a375d16e19' }, h("info-icon", { key: '48924ffc54b59cebc498a101c87e616d8fb63e61', slot: "tooltip-icon" }), h("span", { key: 'ee58036250e8a35e4db70e1670d763757d93f6d3', slot: "tooltip-content" }, i18next.t('nylasPageName.tooltip.desc'))), this.requirePageName && h("span", { key: '08cee2403c3b897621d2c7f346b056d797903104', class: "required-asterisk" }, "*"))), this.showToggle && (h("div", { key: 'd662648542bdcc4820397040bc4b8823e21afdd9', class: "drawer-toggle", part: "nces__drawer-toggle--container" }, h("span", { key: '495a74b976b5a4d5f198468898703332757eb1c4', class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleDrawer() }, h("chevron-icon", { key: 'c5208d4b6dcdceec6bb7fb4ef0245db808489b3b', width: "24", height: "24" }))))), this.isOpen && (h("div", { key: '1a30bb8fec0a47811a734e6dbee553b29efc120b', class: "nylas-page-name__body", part: "nces__body" }, h("div", { key: 'cef8e94b3229c0c60a99d3ecbb159f2e88fb61a5', class: "nylas-page-name__section" }, h("div", { key: '288431738c013e47cad99f48c42d2f07e091c718', class: "nylas-page-name__row" }, h("div", { key: 'd67d6f1c0b36ef76dc6e026976a7b4781cc301e1', class: "input-container" }, h("div", { key: 'ea57c7e7146e890f075668f896adca2d2b3edd3d', class: { 'nylas-page-name__input-wrapper': true, 'error': !!this.pageNameErrorMessage } }, isComponentReady && (h("input-component", { key: 'c5a8697389da511fe5b0b5d91d376b382695529b', name: "page-name", id: "page-name", type: "text", required: false, exportparts: "ic_input: npn__input-textfield", defaultValue: this.currentPageName ?? '', themeConfig: this.themeConfig }))), this.pageNameErrorMessage && h("span", { key: '9bfeaf90ed014cfca55e8f1237b0123e9e8a677d', class: "error-message" }, this.pageNameErrorMessage)))))))));
     }
     static get is() { return "nylas-page-name"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-page-styling/nylas-page-styling.js

@@ -257,7 +257,7 @@ export class NylasPageStyling {
         this.isOpen = !this.isOpen;
     }
     render() {
-        return (h(Host, { key: '5fe58b0d5af82d13e3d3cfb5c94be800f0107e04' }, h("div", { key: '2570374b689f3af5b9349398b8273fc746d56181', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !this.customInputsSlot } }, this.customInputsSlot ? (h("div", { class: "header", part: "nps__header" }, h("div", null, h("h3", null, i18next.t('nylasPageStyling.headerTitle'))), h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" }))))) : null, h("div", { key: '86028eab5f475c84e4cb1a3d9e55b89919e82d71', class: "hidden" }, h("input-color-picker", { key: '7b44573975cd8a4c3dca8cb986018182e9feaa67', name: "color-picker" })), h("div", { key: 'db609e38c9ba6c9d875b0e4b307929bb47aa5764', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, h("div", { key: '2626d205ffbd3bbd102ddaf89bcc3c7e63fbbd48', class: { 'nylas-page-styling__section': true, 'no-padding': !this.customInputsSlot } }, h("div", { key: 'b1af403da3757280140feb06f75019aec9baf813', class: "nylas-page-styling__row" }, h("div", { key: 'd869a3dca1263b8958a42d6309eadc591cf3f932', class: { subsection: true, hide: !this.isOpen } })))))));
+        return (h(Host, { key: '74e8fa3d5ee64ed7031df67c4b84a0ed0676a911' }, h("div", { key: '137d429a8c4269035f6dcdf7ce578e47b2df24c7', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !this.customInputsSlot } }, this.customInputsSlot ? (h("div", { class: "header", part: "nps__header" }, h("div", null, h("h3", null, i18next.t('nylasPageStyling.headerTitle'))), h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" }))))) : null, h("div", { key: 'b361edd1ae385818a1142d2a57a8c8c2a61c6180', class: "hidden" }, h("input-color-picker", { key: '3ef9744400f62d7f2e073f25b8b0311d3173a080', name: "color-picker" })), h("div", { key: '22bfb6686af60b5ea4eb73f564c38a4d7715a3ba', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, h("div", { key: '8ef8aef50e03294aa4ec60b611065275f6a80d6c', class: { 'nylas-page-styling__section': true, 'no-padding': !this.customInputsSlot } }, h("div", { key: '223950aaf492c1b902419fecebe8edf492cf40ea', class: "nylas-page-styling__row" }, h("div", { key: '73bfb9af0ba2e5fa8eb20de81f6536f71b7c1d25', class: { subsection: true, hide: !this.isOpen } })))))));
     }
     static get is() { return "nylas-page-styling"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,16 +30,21 @@ export class NylasParticipantBookingCalendars {
     }
     calendarsChangedHandler(newValue) {
         debug('nylas-participant-booking-calendars', 'calendarsChangedHandler', newValue);
-        this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);
+        const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];
+        this.selectedCalendars = this.setParticipants(participants);
+        this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);
     }
     participantsChangedHandler(newValue) {
         debug('nylas-participant-booking-calendars', 'participantsChangedHandler', newValue);
-        this.selectedCalendars = this.setParticipants(newValue);
-        this.participantCalendars = this.getParticipantCalendarOptions(newValue, this.participantOptions);
+        const participants = newValue?.length > 0 ? newValue : this.selectedConfiguration?.participants || [];
+        this.selectedCalendars = this.setParticipants(participants);
+        this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);
     }
     participantOptionsChangedHandler(newValue) {
         debug('nylas-calendar-picker', 'participantOptionsChangedHandler', newValue);
-        this.participantCalendars = this.getParticipantCalendarOptions(this.participants, newValue);
+        const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];
+        this.selectedCalendars = this.setParticipants(participants);
+        this.participantCalendars = this.getParticipantCalendarOptions(participants, newValue);
     }
     selectedConfigurationChangedHandler(newValue) {
         debug('nylas-participant-booking-calendars', 'selectedConfigurationChangedHandler', newValue);
@@ -83,7 +88,7 @@ export class NylasParticipantBookingCalendars {
             });
             remainingParticipants?.forEach(participant => {
                 if (participant?.booking?.calendar_id) {
-                    participantCalendars[participant.email] = this.calendars ?? [{ id: 'primary', name: participant.email }];
+                    participantCalendars[participant.email] = [{ id: participant.booking.calendar_id, name: participant.booking.calendar_id }];
                     this.participantDefaultSelectedCalendar[participant.email] = participant?.booking?.calendar_id ?? 'primary';
                 }
             });
@@ -120,6 +125,14 @@ export class NylasParticipantBookingCalendars {
             this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);
         }
     }
+    componentWillRender() {
+        const hasParticipantData = (this.selectedConfiguration?.participants?.length ?? 0) > 0 || (this.participants?.length ?? 0) > 0;
+        if (Object.keys(this.participantCalendars).length === 0 && hasParticipantData) {
+            const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];
+            this.selectedCalendars = this.setParticipants(participants);
+            this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);
+        }
+    }
     handleValueChanged(event) {
         debug('[nylas-editor-tabs]', 'handleValueChanged', event);
         const { name, value } = event.detail;
@@ -160,7 +173,7 @@ export class NylasParticipantBookingCalendars {
         return selectedParticipants;
     }
     render() {
-        return (h(Host, { key: '881baa2dc024e9315f3b7a695fecc2db96f601cf' }, h("div", { key: '0833b59bb4bcce5f8528123cb7a74f5233971e8a', class: "nylas-participant-booking-calendars", part: "npbc" }, h("div", { key: '3968f9c899e804132fc6794b1d7a6c625601dd6e', class: "header", part: "npbc__header" }, h("h3", { key: '51afd2665153e6132490cbc1f21b5e0c9b7704ac' }, i18next.t('nylasParticipantBookingCalendars.headerTitle')), h("p", { key: '5f2f2b5462f54795bd3decc918a9f89a4c0bdcc5' }, i18next.t('nylasParticipantBookingCalendars.headerSubTitle'))), h("div", { key: '747e27d3a8c9c66deae99997f7df7818cd3ab368', class: "content", part: "npbc__content" }, h("form", { key: '517006e5f2222ebf202834b8559b4ef894f79e97', ref: el => (this.bookingCalendarsFormRef = el) }, this.participantCalendars &&
+        return (h(Host, { key: 'aed4992ada5a6cc8aa0adcd76dbfe67733151768' }, h("div", { key: '31004253bece1b2dccfb20d2b178ea921afdddce', class: "nylas-participant-booking-calendars", part: "npbc" }, h("div", { key: 'fbbef3595b6f94d6dbcad4cbbf87732e347e32b4', class: "header", part: "npbc__header" }, h("h3", { key: '35c67d4650851e43faa487bd3ace87af31893e75' }, i18next.t('nylasParticipantBookingCalendars.headerTitle')), h("p", { key: '339ad695244e052f61e718e10606d6e1ef3663db' }, i18next.t('nylasParticipantBookingCalendars.headerSubTitle'))), h("div", { key: 'b9a31e2a118e7a4c9468accce2a5c8e39fd2def2', class: "content", part: "npbc__content" }, h("form", { key: '34b0d0ec38f9beb6bd0e17979c39855634c23a56', ref: el => (this.bookingCalendarsFormRef = el) }, this.participantCalendars &&
             Object.keys(this.participantCalendars).map((key, index) => {
                 const participant = this.selectedCalendars[key];
                 const participantCalendars = this.participantCalendars[key];
@@ -435,9 +448,9 @@ __decorate([
     RegisterComponent({
         name: 'nylas-participant-booking-calendars',
         stateToProps: new Map([
-            ['schedulerConfig.additionalParticipants', 'participantOptions'],
-            ['schedulerConfig.calendars', 'calendars'],
             ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],
+            ['schedulerConfig.calendars', 'calendars'],
+            ['schedulerConfig.additionalParticipants', 'participantOptions'],
             ['schedulerConfig.selectedLanguage', 'selectedLanguage'],
             ['schedulerConfig.themeConfig', 'themeConfig'],
         ]),

package/dist/collection/components/scheduler-editor/nylas-participant-booking-calendars/nylas-participant-booking-calendars.js.map

@@ -1 +1 @@
-{"version":3,"file":"nylas-participant-booking-calendars.js","sourceRoot":"","sources":["../../../../../src/components/scheduler-editor/nylas-participant-booking-calendars/nylas-participant-booking-calendars.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { AdditionalParticipant, Calendar, Configuration, Participant, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.\n *\n * @part npbc - The participant booking calendars host.\n * @part npbc__header - The header.\n * @part npbc__content - The content.\n * @part npbc__participant-container - The participant container.\n * @part npbc__participant-title - The participant title.\n * @part npbc__participant-toggle-container - The participant toggle container.\n */\n@Component({\n  tag: 'nylas-participant-booking-calendars',\n  styleUrl: 'nylas-participant-booking-calendars.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasParticipantBookingCalendars {\n  @Element() host!: HTMLNylasParticipantBookingCalendarsElement;\n  private bookingCalendarsFormRef!: HTMLFormElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n  /**\n   * @standalone\n   * The name of the participants custom availability.\n   */\n  @Prop() name: string = 'participant-booking-calendars';\n\n  /**\n   * @standalone\n   * The participants selected in the add participants section.\n   */\n  @Prop() participants: Participant[] = this.selectedConfiguration?.participants || [];\n\n  /**\n   * @standalone\n   * The calendars to choose from for the organizer / logged in user.\n   */\n  @Prop() calendars?: Calendar[];\n\n  /**\n   * @standalone\n   * The participant options passed in the additionalParticipants prop\n   * from the nylas-scheduler-editor component.\n   */\n  @Prop() participantOptions?: AdditionalParticipant[];\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * This event is fired when the participants custom availability changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The state to store the custom availability setting for participants.\n   */\n  @State() selectedCalendars: {\n    [key: string]: {\n      isOpen: boolean;\n      name: string;\n      calendar?: Calendar;\n    };\n  } = this.setParticipants(this.participants);\n\n  /**\n   * Participants calendar options.\n   */\n  @State() participantCalendars: {\n    [key: string]: Calendar[];\n  } = {};\n\n  /**\n   * The state to store the default selected calendars for each participant\n   */\n  @State() participantDefaultSelectedCalendar: {\n    [key: string]: string;\n  } = {};\n\n  // Watchers\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-participant-booking-calendars', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('calendars')\n  calendarsChangedHandler(newValue: Calendar[]) {\n    debug('nylas-participant-booking-calendars', 'calendarsChangedHandler', newValue);\n    this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);\n  }\n\n  @Watch('participants')\n  participantsChangedHandler(newValue: Participant[]) {\n    debug('nylas-participant-booking-calendars', 'participantsChangedHandler', newValue);\n    this.selectedCalendars = this.setParticipants(newValue);\n    this.participantCalendars = this.getParticipantCalendarOptions(newValue, this.participantOptions);\n  }\n\n  @Watch('participantOptions')\n  participantOptionsChangedHandler(newValue: AdditionalParticipant[]) {\n    debug('nylas-calendar-picker', 'participantOptionsChangedHandler', newValue);\n    this.participantCalendars = this.getParticipantCalendarOptions(this.participants, newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-participant-booking-calendars', 'selectedConfigurationChangedHandler', newValue);\n    const participants = newValue?.participants || this.participants;\n    if (participants && participants.length > 0) {\n      this.selectedCalendars = this.setParticipants(participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n    }\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  getParticipantCalendarOptions(addedParticipants: Participant[], availableParticipantOptions: AdditionalParticipant[] | undefined) {\n    // Get the participants from the availableParticipantOptions prop that are in the addedParticipants prop\n    const organizer = addedParticipants?.find(participant => participant.is_organizer);\n    const participantCalendars = {};\n    const showAdditionalParticipantBookingCalendars = this.selectedConfiguration?.availability?.availability_rules?.availability_method !== 'collective';\n    if (availableParticipantOptions && showAdditionalParticipantBookingCalendars) {\n      const participants = addedParticipants?.filter(participant => availableParticipantOptions.some(availableParticipant => availableParticipant.email === participant.email));\n      const remainingParticipants = addedParticipants?.filter(\n        participant => !availableParticipantOptions.some(availableParticipant => availableParticipant.email === participant.email),\n      );\n\n      // Get the calendar options for each participant with email as the key\n      participants?.forEach(participant => {\n        const participantOption = availableParticipantOptions?.find(participantOption => participantOption.email === participant.email);\n        if (!participantOption) return;\n        this.participantDefaultSelectedCalendar[participant.email] = participant.booking?.calendar_id ?? 'primary';\n        const calendars = participantOption.calendars ?? [];\n        participantCalendars[participant.email] = calendars;\n      });\n      // If it is round robin config, add the remaining participant calendars to the participantCalendars\n      // (Round-robin does not have an organizer, and we filtered out the participants not passed in the participantOptions prop,\n      // so we need to add the remaining participants calendars to the participantCalendars)\n      remainingParticipants?.forEach(participant => {\n        if (participant?.booking?.calendar_id) {\n          participantCalendars[participant.email] = this.calendars ?? [{ id: 'primary', name: participant.email }];\n          this.participantDefaultSelectedCalendar[participant.email] = participant?.booking?.calendar_id ?? 'primary';\n        }\n      });\n    }\n    // Add the organizer's calendars to the participantCalendars\n    if (organizer) {\n      participantCalendars[organizer.email] = this.calendars ?? [{ id: 'primary', name: organizer.email }];\n      this.participantDefaultSelectedCalendar[organizer.email] = organizer?.booking?.calendar_id ?? 'primary';\n    }\n    return participantCalendars;\n  }\n\n  // Lifecycle Methods\n  connectedCallback() {\n    debug('nylas-participant-booking-calendars', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-participant-booking-calendars', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-participant-booking-calendars', 'componentWillLoad');\n  }\n\n  componentDidLoad() {\n    debug('nylas-participant-booking-calendars', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedCalendars = this.setParticipants(this.selectedConfiguration?.participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(this.selectedConfiguration?.participants, this.participantOptions);\n    } else {\n      this.selectedCalendars = this.setParticipants(this.participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);\n    }\n  }\n\n  @Listen('valueChanged')\n  handleValueChanged(event: CustomEvent) {\n    debug('[nylas-editor-tabs]', 'handleValueChanged', event);\n    const { name, value } = event.detail;\n    if (!name.startsWith('participant-booking-')) {\n      return;\n    }\n    // Validate the form\n    if (!this.bookingCalendarsFormRef.checkValidity()) {\n      this.internals.setValidity({ customError: true }, i18next.t('nylasParticipantBookingCalendars.selectAtLeastOneCalendar'));\n      return;\n    } else {\n      this.internals.setValidity({});\n    }\n\n    const key = name.split('participant-booking-')[1];\n    if (!this.selectedCalendars[key]) return;\n    this.selectedCalendars[key]['calendar'] = value;\n    this.selectedCalendars = { ...this.selectedCalendars };\n\n    const participantsCalendars = {};\n    Object.keys(this.selectedCalendars).forEach(key => {\n      participantsCalendars[key] = this.selectedCalendars[key]?.calendar;\n    });\n    this.internals.setFormValue(JSON.stringify(participantsCalendars), this.name);\n    this.valueChanged.emit({ value: JSON.stringify(participantsCalendars), name: this.name });\n  }\n\n  setParticipants(participants: Participant[]) {\n    const selectedParticipants = {};\n    participants?.forEach(participant => {\n      if (participant?.booking?.calendar_id) {\n        const isOpen = participant.is_organizer ? true : false;\n        selectedParticipants[participant.email] = {\n          isOpen: isOpen,\n          calendar: participant.booking?.calendar_id || 'primary',\n          name: participant.name || participant.email,\n        };\n      }\n    });\n    return selectedParticipants;\n  }\n  @RegisterComponent<NylasParticipantBookingCalendars, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-participant-booking-calendars',\n    stateToProps: new Map([\n      ['schedulerConfig.additionalParticipants', 'participantOptions'],\n      ['schedulerConfig.calendars', 'calendars'],\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-participant-booking-calendars\" part=\"npbc\">\n          <div class=\"header\" part=\"npbc__header\">\n            <h3>{i18next.t('nylasParticipantBookingCalendars.headerTitle')}</h3>\n            <p>{i18next.t('nylasParticipantBookingCalendars.headerSubTitle')}</p>\n          </div>\n          <div class=\"content\" part=\"npbc__content\">\n            <form ref={el => (this.bookingCalendarsFormRef = el as HTMLFormElement)}>\n              {this.participantCalendars &&\n                Object.keys(this.participantCalendars).map((key, index) => {\n                  const participant = this.selectedCalendars[key];\n                  const participantCalendars = this.participantCalendars[key];\n\n                  if (!participant || !participant.name) return;\n                  return (\n                    <div class=\"participant-container\" part=\"npbc__participant-container\" key={`participant-conatiner-${index}`}>\n                      <div class=\"participant-title\" part=\"npbc__participant-title\">\n                        <p>{i18next.t('nylasParticipantBookingCalendars.participantBookingCalendarTitle', { participantName: participant.name })}</p>\n                        <div class=\"participant-toggle\" part=\"npbc__participant-toggle-container\">\n                          <span\n                            class={`chevron ${participant.isOpen ? 'open' : 'closed'}`}\n                            onClick={() => {\n                              this.selectedCalendars[key].isOpen = !participant.isOpen;\n                              this.selectedCalendars = { ...this.selectedCalendars };\n                            }}\n                          >\n                            <chevron-icon width=\"24\" height=\"24\" />\n                          </span>\n                        </div>\n                      </div>\n                      {participant.isOpen && (\n                        <nylas-booking-calendar-picker\n                          key={key}\n                          name={`participant-booking-${key}`}\n                          calendars={participantCalendars}\n                          hideHeader={true}\n                          defaultBookingCalendar={this.participantDefaultSelectedCalendar[key]}\n                        />\n                      )}\n                    </div>\n                  );\n                })}\n            </form>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"nylas-participant-booking-calendars.js","sourceRoot":"","sources":["../../../../../src/components/scheduler-editor/nylas-participant-booking-calendars/nylas-participant-booking-calendars.tsx"],"names":[],"mappings":"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","sourcesContent":["import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { AdditionalParticipant, Calendar, Configuration, Participant, ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.\n *\n * @part npbc - The participant booking calendars host.\n * @part npbc__header - The header.\n * @part npbc__content - The content.\n * @part npbc__participant-container - The participant container.\n * @part npbc__participant-title - The participant title.\n * @part npbc__participant-toggle-container - The participant toggle container.\n */\n@Component({\n  tag: 'nylas-participant-booking-calendars',\n  styleUrl: 'nylas-participant-booking-calendars.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasParticipantBookingCalendars {\n  @Element() host!: HTMLNylasParticipantBookingCalendarsElement;\n  private bookingCalendarsFormRef!: HTMLFormElement;\n  /**\n   * @standalone\n   * The selected config\n   */\n  @Prop() selectedConfiguration?: Configuration;\n  /**\n   * @standalone\n   * The name of the participants custom availability.\n   */\n  @Prop() name: string = 'participant-booking-calendars';\n\n  /**\n   * @standalone\n   * The participants selected in the add participants section.\n   */\n  @Prop() participants: Participant[] = this.selectedConfiguration?.participants || [];\n\n  /**\n   * @standalone\n   * The calendars to choose from for the organizer / logged in user.\n   */\n  @Prop() calendars?: Calendar[];\n\n  /**\n   * @standalone\n   * The participant options passed in the additionalParticipants prop\n   * from the nylas-scheduler-editor component.\n   */\n  @Prop() participantOptions?: AdditionalParticipant[];\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * This event is fired when the participants custom availability changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The state to store the custom availability setting for participants.\n   */\n  @State() selectedCalendars: {\n    [key: string]: {\n      isOpen: boolean;\n      name: string;\n      calendar?: Calendar;\n    };\n  } = this.setParticipants(this.participants);\n\n  /**\n   * Participants calendar options.\n   */\n  @State() participantCalendars: {\n    [key: string]: Calendar[];\n  } = {};\n\n  /**\n   * The state to store the default selected calendars for each participant\n   */\n  @State() participantDefaultSelectedCalendar: {\n    [key: string]: string;\n  } = {};\n\n  // Watchers\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-participant-booking-calendars', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('calendars')\n  calendarsChangedHandler(newValue: Calendar[]) {\n    debug('nylas-participant-booking-calendars', 'calendarsChangedHandler', newValue);\n    const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];\n    this.selectedCalendars = this.setParticipants(participants);\n    this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n  }\n\n  @Watch('participants')\n  participantsChangedHandler(newValue: Participant[]) {\n    debug('nylas-participant-booking-calendars', 'participantsChangedHandler', newValue);\n    const participants = newValue?.length > 0 ? newValue : this.selectedConfiguration?.participants || [];\n    this.selectedCalendars = this.setParticipants(participants);\n    this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n  }\n\n  @Watch('participantOptions')\n  participantOptionsChangedHandler(newValue: AdditionalParticipant[]) {\n    debug('nylas-calendar-picker', 'participantOptionsChangedHandler', newValue);\n    const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];\n    this.selectedCalendars = this.setParticipants(participants);\n    this.participantCalendars = this.getParticipantCalendarOptions(participants, newValue);\n  }\n\n  @Watch('selectedConfiguration')\n  selectedConfigurationChangedHandler(newValue: Configuration) {\n    debug('nylas-participant-booking-calendars', 'selectedConfigurationChangedHandler', newValue);\n    const participants = newValue?.participants || this.participants;\n    if (participants && participants.length > 0) {\n      this.selectedCalendars = this.setParticipants(participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n    }\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  getParticipantCalendarOptions(addedParticipants: Participant[], availableParticipantOptions: AdditionalParticipant[] | undefined) {\n    // Get the participants from the availableParticipantOptions prop that are in the addedParticipants prop\n    const organizer = addedParticipants?.find(participant => participant.is_organizer);\n    const participantCalendars = {};\n    const showAdditionalParticipantBookingCalendars = this.selectedConfiguration?.availability?.availability_rules?.availability_method !== 'collective';\n    if (availableParticipantOptions && showAdditionalParticipantBookingCalendars) {\n      const participants = addedParticipants?.filter(participant => availableParticipantOptions.some(availableParticipant => availableParticipant.email === participant.email));\n      const remainingParticipants = addedParticipants?.filter(\n        participant => !availableParticipantOptions.some(availableParticipant => availableParticipant.email === participant.email),\n      );\n\n      // Get the calendar options for each participant with email as the key\n      participants?.forEach(participant => {\n        const participantOption = availableParticipantOptions?.find(participantOption => participantOption.email === participant.email);\n        if (!participantOption) return;\n        this.participantDefaultSelectedCalendar[participant.email] = participant.booking?.calendar_id ?? 'primary';\n        const calendars = participantOption.calendars ?? [];\n        participantCalendars[participant.email] = calendars;\n      });\n      // If it is round robin config, add the remaining participant calendars to the participantCalendars\n      // (Round-robin does not have an organizer, and we filtered out the participants not passed in the participantOptions prop,\n      // so we need to add the remaining participants calendars to the participantCalendars)\n      // NOTE: Only use participant's own booking calendar_id as a placeholder — never fall back to this.calendars\n      // (the organizer's calendars) as that would be confusing / incorrect.\n      remainingParticipants?.forEach(participant => {\n        if (participant?.booking?.calendar_id) {\n          participantCalendars[participant.email] = [{ id: participant.booking.calendar_id, name: participant.booking.calendar_id }];\n          this.participantDefaultSelectedCalendar[participant.email] = participant?.booking?.calendar_id ?? 'primary';\n        }\n      });\n    }\n    // Add the organizer's calendars to the participantCalendars\n    if (organizer) {\n      participantCalendars[organizer.email] = this.calendars ?? [{ id: 'primary', name: organizer.email }];\n      this.participantDefaultSelectedCalendar[organizer.email] = organizer?.booking?.calendar_id ?? 'primary';\n    }\n    return participantCalendars;\n  }\n\n  // Lifecycle Methods\n  connectedCallback() {\n    debug('nylas-participant-booking-calendars', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-participant-booking-calendars', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-participant-booking-calendars', 'componentWillLoad');\n  }\n\n  componentDidLoad() {\n    debug('nylas-participant-booking-calendars', 'componentDidLoad');\n    if (this.selectedConfiguration) {\n      this.selectedCalendars = this.setParticipants(this.selectedConfiguration?.participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(this.selectedConfiguration?.participants, this.participantOptions);\n    } else {\n      this.selectedCalendars = this.setParticipants(this.participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);\n    }\n  }\n\n  componentWillRender() {\n    // Safety net: if participantCalendars is empty but we have the necessary data, recompute.\n    // This handles race conditions where store props arrive in an order that leaves state empty.\n    const hasParticipantData = (this.selectedConfiguration?.participants?.length ?? 0) > 0 || (this.participants?.length ?? 0) > 0;\n    if (Object.keys(this.participantCalendars).length === 0 && hasParticipantData) {\n      const participants = this.participants?.length > 0 ? this.participants : this.selectedConfiguration?.participants || [];\n      this.selectedCalendars = this.setParticipants(participants);\n      this.participantCalendars = this.getParticipantCalendarOptions(participants, this.participantOptions);\n    }\n  }\n\n  @Listen('valueChanged')\n  handleValueChanged(event: CustomEvent) {\n    debug('[nylas-editor-tabs]', 'handleValueChanged', event);\n    const { name, value } = event.detail;\n    if (!name.startsWith('participant-booking-')) {\n      return;\n    }\n    // Validate the form\n    if (!this.bookingCalendarsFormRef.checkValidity()) {\n      this.internals.setValidity({ customError: true }, i18next.t('nylasParticipantBookingCalendars.selectAtLeastOneCalendar'));\n      return;\n    } else {\n      this.internals.setValidity({});\n    }\n\n    const key = name.split('participant-booking-')[1];\n    if (!this.selectedCalendars[key]) return;\n    this.selectedCalendars[key]['calendar'] = value;\n    this.selectedCalendars = { ...this.selectedCalendars };\n\n    const participantsCalendars = {};\n    Object.keys(this.selectedCalendars).forEach(key => {\n      participantsCalendars[key] = this.selectedCalendars[key]?.calendar;\n    });\n    this.internals.setFormValue(JSON.stringify(participantsCalendars), this.name);\n    this.valueChanged.emit({ value: JSON.stringify(participantsCalendars), name: this.name });\n  }\n\n  setParticipants(participants: Participant[]) {\n    const selectedParticipants = {};\n    participants?.forEach(participant => {\n      if (participant?.booking?.calendar_id) {\n        const isOpen = participant.is_organizer ? true : false;\n        selectedParticipants[participant.email] = {\n          isOpen: isOpen,\n          calendar: participant.booking?.calendar_id || 'primary',\n          name: participant.name || participant.email,\n        };\n      }\n    });\n    return selectedParticipants;\n  }\n  @RegisterComponent<NylasParticipantBookingCalendars, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-participant-booking-calendars',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.calendars', 'calendars'],\n      ['schedulerConfig.additionalParticipants', 'participantOptions'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <div class=\"nylas-participant-booking-calendars\" part=\"npbc\">\n          <div class=\"header\" part=\"npbc__header\">\n            <h3>{i18next.t('nylasParticipantBookingCalendars.headerTitle')}</h3>\n            <p>{i18next.t('nylasParticipantBookingCalendars.headerSubTitle')}</p>\n          </div>\n          <div class=\"content\" part=\"npbc__content\">\n            <form ref={el => (this.bookingCalendarsFormRef = el as HTMLFormElement)}>\n              {this.participantCalendars &&\n                Object.keys(this.participantCalendars).map((key, index) => {\n                  const participant = this.selectedCalendars[key];\n                  const participantCalendars = this.participantCalendars[key];\n\n                  if (!participant || !participant.name) return;\n                  return (\n                    <div class=\"participant-container\" part=\"npbc__participant-container\" key={`participant-conatiner-${index}`}>\n                      <div class=\"participant-title\" part=\"npbc__participant-title\">\n                        <p>{i18next.t('nylasParticipantBookingCalendars.participantBookingCalendarTitle', { participantName: participant.name })}</p>\n                        <div class=\"participant-toggle\" part=\"npbc__participant-toggle-container\">\n                          <span\n                            class={`chevron ${participant.isOpen ? 'open' : 'closed'}`}\n                            onClick={() => {\n                              this.selectedCalendars[key].isOpen = !participant.isOpen;\n                              this.selectedCalendars = { ...this.selectedCalendars };\n                            }}\n                          >\n                            <chevron-icon width=\"24\" height=\"24\" />\n                          </span>\n                        </div>\n                      </div>\n                      {participant.isOpen && (\n                        <nylas-booking-calendar-picker\n                          key={key}\n                          name={`participant-booking-${key}`}\n                          calendars={participantCalendars}\n                          hideHeader={true}\n                          defaultBookingCalendar={this.participantDefaultSelectedCalendar[key]}\n                        />\n                      )}\n                    </div>\n                  );\n                })}\n            </form>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -249,10 +249,10 @@ export class NylasParticipantsCustomAvailability {
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     render() {
-        return (h(Host, { key: '52c29d85eade2b1e110e3cb2568a4826f54c07e2' }, h("div", { key: 'ca42336a664126a5e02e61b4be59272baa417e10', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'a5151dd9ba886c74f62d29cc9a9f7523730dc279', class: "header", part: "npca__header" }, h("h3", { key: '273e7f1fe2a70719db0b338ec4a5e613cf4f24df' }, i18next.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'd51d2a67814ffe14883ae12c904a56bfccd280bf' }, i18next.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: 'af16f29a03a5eea8ae15ce9d79f5c6fa3363ba55', class: "validation-error", part: "npca__validation-error" }, h("span", { key: '397133ff051348f776e90bb8f2bf6be2637f6722' }, this.validationError))), h("div", { key: 'fd4e1ea6fdbb646f938e0b1f0ba08dca5744a398', class: "content", part: "npca__content" }, h("form", { key: 'e4e1235b0d4dfcac1622fb5e997366e1ab63f6dc', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (h(Host, { key: '723367d6b42ba75ede45e8107612a8d7b80f7a62' }, h("div", { key: '1f150fb58b7b4c1f49d03fc2ff3477c558f24b42', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: 'faedc45330f58c808d894795e2b8d69356cab9a8', class: "header", part: "npca__header" }, h("h3", { key: 'c9a0ae26b76bf1eb04d012f29c3ff293cf2ced72' }, i18next.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'adf10af1715e2c468dbbcb054177751581cd229a' }, i18next.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: 'bcec97341f9f23a47e0ecd68c4479e28502abec9', class: "validation-error", part: "npca__validation-error" }, h("span", { key: '9aa25d1c401f454dcf78495ee31e22c14dfb688e' }, this.validationError))), h("div", { key: '2c155fedebb19645e19353c4d0e812d032808bf3', class: "content", part: "npca__content" }, h("form", { key: 'f5e2336c74fefaea03a97138543db3fb63e09af7', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             const participantOpenHours = participant.availability?.open_hours || [];
-            if (!participant || !participant.name || !participant.availability)
+            if (!participant || !participant.name)
                 return;
             return (h("div", { class: "participant-container", part: "npca__participant-container", key: `participant-conatiner-${index}` }, h("div", { class: "participant-title", part: "npca__participant-title" }, h("p", null, i18next.t('nylasParticipantCustomAvailability.participantOpenHoursTitle', { participantName: participant.name })), h("div", { class: "participant-toggle", part: "npca__participant-toggle--container" }, h("toggle-switch", { exportparts: "ts_label: npca__toggle-label, ts_input: npca_toggle-input, ts_slider: npca_toggle-slider", name: key, checked: !!participant?.openHours && participant?.openHours.length > 0, themeConfig: this.themeConfig }), h("span", { class: `chevron ${participant.isOpen ? 'open' : 'closed'} ${participant.setCustom ? '' : 'disabled'}`, onClick: () => {
                     if (!participant.setCustom)