@nylas/web-elements 2.5.18 → 2.6.1

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: '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: [
+        return (h(Host, { key: '44ab7433e866af76dae4989fa4b979a6e25611b4' }, h("div", { key: '12d7512d21b03201ac7cd990c3bc9200dd9c1d5a', class: "nylas-min-booking-notice", part: "nmbn" }, h("label", { key: '2aa87555c733bbc414e5e17c5c43cebe87fc9d37' }, i18next.t('nylasMinBookingNotice.headerTitle'), h("span", { key: 'e3c9654913108f73908e387e1f39ce5230c60565', class: "label-icon" }, h("tooltip-component", { key: '3dccbe99718cda26ed046e2426309fad6a9da4de' }, h("info-icon", { key: 'ad905fa19f69ac227ba3281615a197b095ead959', slot: "tooltip-icon" }), h("span", { key: '522293fc83a7994ef46b1c316a2cc019b0d46722', slot: "tooltip-content" }, i18next.t('nylasMinBookingNotice.tooltip.desc'))))), showTimePeriodSelector && (h("time-period-selector", { key: 'c1066ee5a94568f177f8a29ea23b6d42326669e1', 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: '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: [
+        return (h(Host, { key: 'a26db045930cf2452c147db8a1dbede6814c9416' }, h("div", { key: '2dc96991d9cf5e401847365f7db4076e1c5712a9', class: "nylas-min-cancellation-notice", part: "nmcn" }, h("label", { key: '9bbc30e9abdd4d42789a40d6cdd231e700dc2c01' }, i18next.t('nylasMinCancellationNotice.headerTitle'), h("span", { key: '7d2856775502e88551fd8ecde70b73073aec1197', class: "label-icon" }, h("tooltip-component", { key: '7076ae74e5883613a4c51536a5f225901c240aff' }, h("info-icon", { key: '69d4a062156ff160ad2703dc42c77d865a5b669d', slot: "tooltip-icon" }), h("span", { key: '562b2846ba0cf143adf9d492ca63ec8557ee0183', slot: "tooltip-content" }, i18next.t('nylasMinCancellationNotice.tooltip.desc'))))), showTimePeriodSelector && (h("time-period-selector", { key: '7dd3ed48af540d5c1c67a147226913c426d004e8', 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: '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))))));
+        return (h(Host, { key: 'd8c47c881e60ae6a4ca7782e5d92113e0599249a' }, h("div", { key: '85f36a6308571ed4c9d9f702fee8a0bc9a5f91f8', class: "nylas-notetaker-config", part: "nntc" }, h("div", { key: '1552fd56cd5903fcb38e9dd2bd905906daa62e49', class: "header", part: "nntc__header" }, h("h3", { key: 'e5a03d095f71981d971594e32c01c8ff7650aa6a' }, i18next.t('nylasNotetakerConfig.headerTitle') || 'Notetaker settings'), h("p", { key: '36b268c2a2871b8131aa22fb7613df02e6acf37c' }, i18next.t('nylasNotetakerConfig.headerSubTitle') || 'Configure AI-powered meeting recording and note-taking.')), h("div", { key: 'a3bad655413405d5ec141e16a8301c88da526933', class: "content", part: "nntc__content" }, isDisabled && (h("div", { key: 'b5bc5d70520805d09919d636344b7639eb1d66d4', 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: '23f2e947771437b2ee080542b52417dcbf2c5387', class: `primary-toggle ${isDisabled ? 'checkbox-disabled' : ''}`, part: "nntc__primary-toggle" }, h("checkbox-component", { key: 'aec2b7f86cc3227e1f8bd15176ce977355eaf0fd', 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: '7f62b36142241c388cc0e83cf1a63c52833493f1', slot: "label", class: "label" }, h("p", { key: 'ca566faab6c8caf0a5db6c2aff7a5e4a10021a1b', class: "label-contents" }, i18next.t('nylasNotetakerConfig.basicSettings.recordMeeting.label') || 'Enable Notetaker for this event'), h("tooltip-component", { key: '81fa559085fcd1339bd09558095e554e9ef47e5d' }, h("info-icon", { key: '41810de6b0ac06fac2a68411e59ec367b2d63dba', slot: "tooltip-icon" }), h("span", { key: 'd7c62a032f014a085739613c69b001e0e42ff572', 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: '4b482f2933238210ce41ae60069446ac671b55fc', class: "section", part: "nntc__section" }, h("h4", { key: '61108be503b0e7582bb73c5f23928127cd4875bc', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.basicSettings.title') || 'Basic settings'), h("div", { key: '297c83b3dd713327ce499dc769a6335a1e75f2e6', class: "section-content" }, h("div", { key: '2a6e5696a38d321fb0d77790200cd04446786571', class: "input-container", part: "nntc__input" }, h("input-component", { key: '6a7ee1a69cfb239bd974cc841fcddcc32fa46278', 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: '370698e5e897bba0509bc33359cbc6992bd58a3d', 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: '5a3078cd6bed88fcf77a2db5f78b713ffcd79c94', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '781bd445e937f322685799945e7c2ba9f689853b', 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: 'eabc21ed93124af1b7a7e69d9ba8ab6093ac7050', slot: "label", class: "label" }, h("p", { key: '5b9e8541bb7a9f6ac1d15f6dfcbb82a816c8b3d9', class: "label-contents" }, i18next.t('nylasNotetakerConfig.basicSettings.collectConsent.label') || 'Collect user consent during booking'), h("tooltip-component", { key: '0fde1ee2daba7722751f9fc686127aefbaeedabf' }, h("info-icon", { key: '224e30630aca96aebd0a10103501c08a470603b0', slot: "tooltip-icon" }), h("span", { key: 'a85b6eb2627d1592b6d93cb7cee6812fbc768972', 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: '02dd9b5118ecdf045e6172e2ad1db6f6759a2022', class: "section", part: "nntc__section" }, h("h4", { key: '3031254cff1233bc970fa18b404eb6013e06d7a7', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.recording.title') || 'Recording options'), h("p", { key: 'af73da652b6c8bcd83ff20a74bf8d0a1bae05b71', class: "section-description", part: "nntc__section-description" }, i18next.t('nylasNotetakerConfig.recording.description') || 'Select what you want to capture from your meetings.'), h("div", { key: '960606dcb49fe2b5393d0b9921556ede4e18efd4', class: "section-content" }, h("div", { key: 'eb8abf0dff753145e335e4c158b71840e325b5d6', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '34664beda08f28352c91d8b7cbd42a6c49a7e9f7', 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: '94740df575c5d3cbd8832347c7af0eb3b5dba36c', slot: "label", class: "label" }, h("p", { key: '9d27111675ee49470e29a06be65816793db55262', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.video.label') || 'Video recording'), h("tooltip-component", { key: 'cb6aea486fc986198bec7c69bd7ffd3fa9a75ebf' }, h("info-icon", { key: '963be2eebd27a92796415b190d59b1cc60bf8026', slot: "tooltip-icon" }), h("span", { key: '5dc74239718c2ed0b6bd173a31eea76cd9e2fb1b', 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: 'dba1ee76ba62e483e7081cf8efc735dfa9526460', class: `checkbox-container ${isDisabled || !this.enabled ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '677f4f3025226b1248e70bc0884f8275f487e689', 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: '2ae33c6896f311a826bd94fa06659713165efc2a', slot: "label", class: "label" }, h("p", { key: '44305e39de1a15c1e668786b22ec193c3c655c07', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.audio.label') || 'Audio recording'), h("tooltip-component", { key: '3ac34a2a4c1fcbc68f4c10270646f19787ab4ae4' }, h("info-icon", { key: 'f950db857b67377f8a331c56deb78413c58f0a8b', slot: "tooltip-icon" }), h("span", { key: '320b2d201fe72224c30bb23a3c9445064a597e1a', 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: '8c2faf62b2c94e0f6e23e4922cc616080925cd2b', class: `checkbox-container ${isDisabled || !this.enabled || !this.audioRecording ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '44a25721696866693f2701fa92699d519bca0780', 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: 'd3b2382463998414366d6a89513cda807dd8fa30', slot: "label", class: "label" }, h("p", { key: 'a4feea7caca934dd9926bba2720bdb564cf72edd', class: "label-contents" }, i18next.t('nylasNotetakerConfig.recording.transcription.label') || 'Transcription'), h("tooltip-component", { key: 'f3e34f62979f5e18205e4834f69428a7ec7e124a' }, h("info-icon", { key: '3a280e894875c31bb63c9a861337b599236be0f0', slot: "tooltip-icon" }), h("span", { key: '474f71576b30e2958fb16c3ec7cbd484c365b95f', 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: '74cb72ffa1cd484d0ff8d7f932f68016ac26fe06', class: "section", part: "nntc__section" }, h("h4", { key: '81e9750d1624186c869b9be37c783949e8a3e589', class: "section-title", part: "nntc__section-title" }, i18next.t('nylasNotetakerConfig.aiFeatures.title') || 'AI-powered features'), h("p", { key: 'e5ae8993f36db47ede44bb49e9d16c4c53b9e349', 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: 'd422e442b7eb7b5513b541185a34ba44f7c58dda', class: "section-content" }, h("div", { key: '94da684a1a57616bdf6af8fa20c79bf15db51738', class: `checkbox-container ${isDisabled || !this.enabled || !this.transcription ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: 'efd0f040193d49b80847575479967f3d743ac26b', 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: '5d5ceb4004128767684a34d0ed1bc3bde90efab1', slot: "label", class: "label" }, h("p", { key: '1ae807836069be9da5014c9a74111955502ed1ac', class: "label-contents" }, i18next.t('nylasNotetakerConfig.aiFeatures.summary.label') || 'AI summary'), h("tooltip-component", { key: 'a23af4ed423c7136e5c8e2d6bd4e8fbd5a1190cd' }, h("info-icon", { key: '9b059a13e3c692698b083e7441f6f341ed76ac14', slot: "tooltip-icon" }), h("span", { key: '85c557ccb0d9d8b04b5bff6e53b27788dc14664b', 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: 'c1af2f0a94e5029b2cf4fb3d41fd8c161b9d0090', class: "textarea-container", part: "nntc__textarea" }, h("textarea-component", { key: '23bb1a5dfd0b8e1f3d1ef1961bcd7346dab4b0db', 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: '10392db7a590ed0f1d11a53b276fa239889cbb74', class: "field-error-message", role: "alert" }, this.summaryInstructionsError)), !this.summaryInstructionsError && (h("div", { key: 'daab3640ae182c22e7ec9177c5345f7d9f8e9c5d', class: "character-count" }, this.summaryCustomInstructions.length, " / ", this.MAX_CUSTOM_INSTRUCTIONS_LENGTH)))), h("div", { key: '4178fcb59774816da3d4ee14ccc22a9bcbe55b29', class: `checkbox-container ${isDisabled || !this.enabled || !this.transcription ? 'checkbox-disabled' : ''}`, part: "nntc__checkbox" }, h("checkbox-component", { key: '9d8660b0150fe5d461ee212bf140de5d3603bcad', 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: '4a8162b25efc918a3e33b737d2417ff9a6fd2548', slot: "label", class: "label" }, h("p", { key: 'dabba3b217703d3d81bcb82862909313b73f216b', class: "label-contents" }, i18next.t('nylasNotetakerConfig.aiFeatures.actionItems.label') || 'AI action items'), h("tooltip-component", { key: '7c842ef0e8732875a55c615b6fda520c07db2322' }, h("info-icon", { key: 'a479a28f13605004fbd6a9c8e7a2d6139aa48a88', slot: "tooltip-icon" }), h("span", { key: 'cc591f96814eeed50ae42e366b6b9ed6075e28a5', 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: '4b46af3a8fe798b6d262a95c1778c26c14683b57', class: "textarea-container", part: "nntc__textarea" }, h("textarea-component", { key: '1134693f0307a0e5faf8bc55a67c420576485e85', 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: '82edad87f0481204f5019dbad79983544aede898', class: "field-error-message", role: "alert" }, this.actionItemsInstructionsError)), !this.actionItemsInstructionsError && (h("div", { key: 'f0acaf85b62f0b6e466b8486480030bf40bee9a5', class: "character-count" }, this.actionItemsCustomInstructions.length, " / ", this.MAX_CUSTOM_INSTRUCTIONS_LENGTH)))))), this.validationError && (h("div", { key: 'e3638b6b2fea0ce758a431282dd243b657043e5a', 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: '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'))))))));
+        return (h(Host, { key: '163321677bf9df7ad08ca41fe3595a29cae94a2b' }, h("div", { key: '0068c4a688c41cccbb66062048cb4f343a85c15c', class: "nylas-only-specific-time-availability", part: "osta" }, h("div", { key: '3a40a4048a4d13f84e19814f42aa82365c8a8324', class: "header", part: "osta__header" }, h("div", { key: 'fd848858efb458d300dea4e0df642302848ea993', class: "header-content", part: "osta__header-content" }, h("h3", { key: '8f8ca579dcdf85ba9ba16cd9bd27f431ed428930', part: "osta__header-title" }, i18next.t('nylasOnlySpecificTimeAvailability.title'), h("span", { key: '88dbcad61d09a67f731f03926ce44c57cfff0be1', class: "title-icon" }, h("tooltip-component", { key: '46ae137321e46dd87492b3b797e3458d921ee4bd' }, h("info-icon", { key: '6988a2723b1a14c23e237933a1dc1b55f83a99fe', slot: "tooltip-icon" }), h("span", { key: '686f1492cad7178602d1cbfe7ae21022d2c75dba', slot: "tooltip-content" }, i18next.t('nylasOnlySpecificTimeAvailability.tooltip.desc'))))), h("p", { key: 'b0fc1c3076a2b03b13cedf5b60f3b6a397314b05', part: "osta__header-description" }, i18next.t('nylasOnlySpecificTimeAvailability.description'))), h("div", { key: '7d0213bfa86be93f0eed4e6c1c89b9e65b2ff2b6', class: "toggle-wrapper", part: "osta__toggle" }, h("toggle-switch", { key: '03baacf74ef9e409394f874be1f93cd5b49fed7c', name: this.name, checked: this.enableSpecificTimeAvailability, themeConfig: this.themeConfig }))), this.enableSpecificTimeAvailability && (h("div", { key: 'b60b08c8538d1e52abd418537409589e3e067afc', class: "info-box", part: "osta__info-box" }, h("div", { key: '51f1c03a54a30324a0153885ef53bccf103545b9', class: "info-box-icon" }, h("info-icon", { key: '2a7ae73143f67c5a345d0cd895950a7f3aaf496b' })), h("div", { key: 'b92a864a7f19bb144b8fed9f3bb61dd9bd5d2b8c', class: "info-box-content" }, h("h4", { key: '12174efd2dc8a6c99b1e2d4889efbb35650a9a0b', part: "osta__info-box-title" }, i18next.t('nylasOnlySpecificTimeAvailability.infoBox.title')), h("p", { key: '8b8a0ac342d51dfea26825248fbf4de8e2317107', 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: '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)))))))));
+        return (h(Host, { key: '98814f28486f027696506bbb831fd9281932e091' }, h("div", { key: 'b55046dfe1ba40b11cba8c516107407d3615339b', class: "nylas-page-name", part: "nces" }, h("div", { key: '5246e7c3a52ff2c54c237e6b6574294bc3b056cd', class: "header", part: "nces__header" }, h("div", { key: 'd527b3587c2bb066109882a044c311337cadbf53' }, h("h3", { key: 'fa1a002f7129184a9e2db527b300bf596d9176fa' }, i18next.t('nylasPageName.headerTitle')), h("p", { key: '72dc73a7d2fc42f0aa322a3a3be19566ff053784' }, i18next.t('nylasPageName.headerSubTitle'), h("tooltip-component", { key: '21158d8893839a68b31654e0881453f81dbcf372' }, h("info-icon", { key: 'd22981116e3c0f5188c1b2b06c391f46fc4fdba9', slot: "tooltip-icon" }), h("span", { key: '5723d740f81169f90587fec865744cec3a817409', slot: "tooltip-content" }, i18next.t('nylasPageName.tooltip.desc'))), this.requirePageName && h("span", { key: '8e700015e11cc2ebe4d647fff87942b00894acd9', class: "required-asterisk" }, "*"))), this.showToggle && (h("div", { key: '8a5676186ca9e6bb2dcdb0e0e95a0f6f0bce5ee8', class: "drawer-toggle", part: "nces__drawer-toggle--container" }, h("span", { key: '8e9b6796b97bdefac234fb0181767ae7be322573', class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleDrawer() }, h("chevron-icon", { key: 'c18d73d19dce8f3972ed7e10539db89f5ad0953e', width: "24", height: "24" }))))), this.isOpen && (h("div", { key: '545a67bfd3f1d9218bc33816fbe29e3c8ac84076', class: "nylas-page-name__body", part: "nces__body" }, h("div", { key: 'e7fd819d7cbef5337d1985aca4bc9c1432a1ce59', class: "nylas-page-name__section" }, h("div", { key: 'b0942db21fbe7cafc6760652487837d3d3eb0ce3', class: "nylas-page-name__row" }, h("div", { key: '1fc79b81f753a93a38837047bb67a775dbf97175', class: "input-container" }, h("div", { key: 'bc0a2128b315404c071401b911d6c8184678be43', class: { 'nylas-page-name__input-wrapper': true, 'error': !!this.pageNameErrorMessage } }, isComponentReady && (h("input-component", { key: 'c985e7ee9c7ad06d1376f45cbba6ccc7010c6282', 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: 'f44caeea5915038994ebc241ea623a321fa2b120', 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

@@ -274,7 +274,7 @@ export class NylasPageStyling {
     }
     render() {
         const showContent = this.customInputsSlot || (!this.hasCustomSlot && !!this.currentAppearance);
-        return (h(Host, { key: '68ff4f23782f0d5fbfa30d006d804663cfd4c7a2' }, h("div", { key: '4db1b16c2a559b759666a18cfc5ce1df427e3120', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !showContent } }, showContent ? (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: 'cbd697408c8794ed3da1a7240cde839c28bd8e71', class: "hidden" }, h("input-color-picker", { key: 'b378ea6f4174ca07ad2f8c363f4dbfb108211a5d', name: "color-picker" })), h("div", { key: '6f210a564f347f40c18516bf4e39475cc48d9f57', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, h("div", { key: '793428c898c430412ebc3474aa01498c11a46842', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, h("div", { key: '18d8e84857d9ca6cb82b055f4218577d9974d0bb', class: "nylas-page-styling__row" }, h("div", { key: '4c17031c6f90a042bfad62c202bc0e9f9704471c', class: { subsection: true, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null)))))));
+        return (h(Host, { key: '1696f0ce34012b5e8526b5e824553f5a38565f77' }, h("div", { key: '4b8c4cdbd145ec4ebcfb654124a37fc54725acc4', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !showContent } }, showContent ? (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: '6c606ea2016e0121b57019de95191bde270bb176', class: "hidden" }, h("input-color-picker", { key: 'db54f621d86859aaa4b0e5e2bca6ab306bbb23c8', name: "color-picker" })), h("div", { key: 'f40c32e32705b32497e36c4c0506dede940ab032', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, h("div", { key: '0c12c4d9453576733039ea9bbfa0626f58704746', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, h("div", { key: '18f1307173e835c8ff9e71a7d1ab510ab56e8ead', class: "nylas-page-styling__row" }, h("div", { key: '262f0fb65118c8887df64b47eb62fc53dc045be0', class: { subsection: true, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null)))))));
     }
     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

@@ -173,7 +173,7 @@ export class NylasParticipantBookingCalendars {
         return selectedParticipants;
     }
     render() {
-        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 &&
+        return (h(Host, { key: 'af24eeb08681ef062ec719d92785ce1051faf1ae' }, h("div", { key: '73c91f522b72ac846005e1f1ef01aab7b2f132a9', class: "nylas-participant-booking-calendars", part: "npbc" }, h("div", { key: '5608980db83e4abfc73d06757f2c3da3a9d2cf28', class: "header", part: "npbc__header" }, h("h3", { key: 'eed662346ad0d05fb79511a5258d39834ea6a24d' }, i18next.t('nylasParticipantBookingCalendars.headerTitle')), h("p", { key: '43ce43ef8c43558814cfad4d86b5eca3b8858ccd' }, i18next.t('nylasParticipantBookingCalendars.headerSubTitle'))), h("div", { key: 'f6d464ffd51c9277f6804b3f3411ecbe65a7ef74', class: "content", part: "npbc__content" }, h("form", { key: '554c023d6362007bde0dbe094cb76b1e8162f8c7', ref: el => (this.bookingCalendarsFormRef = el) }, this.participantCalendars &&
             Object.keys(this.participantCalendars).map((key, index) => {
                 const participant = this.selectedCalendars[key];
                 const participantCalendars = this.participantCalendars[key];

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

@@ -248,7 +248,7 @@ export class NylasParticipantsCustomAvailability {
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     render() {
-        return (h(Host, { key: '5e62c290e9bec1901728c12d6d8cbb298b97da2b' }, h("div", { key: '3a7a5d5fda480e55df91e86b87d464b8ee142595', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: '7ef83dde9d4ccd2ff36e948a3e27e2e30c457137', class: "header", part: "npca__header" }, h("h3", { key: '5784dbfb95cb7f66a02d995e3f4d53bd4c82b753' }, i18next.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: 'e8a803be4c48b789ae499749224a6dbd3f7e1681' }, i18next.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: 'f10b45081c034f106237e1fdeb9a92f9bfd8c6ac', class: "validation-error", part: "npca__validation-error" }, h("span", { key: '4d17c47cc99364711ba9bc10aa0e2bafe6c7ffc4' }, this.validationError))), h("div", { key: 'bab32e3f7a3f58564269087b34bb223916503a3f', class: "content", part: "npca__content" }, h("form", { key: 'f3ade0977a820e63960511ab2c4e8f8bc69b04dd', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (h(Host, { key: 'cb525ca0ad99f280f9905c841f6a99a2e959dc3c' }, h("div", { key: 'd662e05e2656d7f3ce0a5adf2efe35e4719c9b68', class: "nylas-participants-custom-availability", part: "npca" }, h("div", { key: '381f74d0202a994a389966a0f3b323bdd34a5257', class: "header", part: "npca__header" }, h("h3", { key: '50ee6dcafd8d5e47bb738f8860b7b612db4179d2' }, i18next.t('nylasParticipantCustomAvailability.headerTitle')), h("p", { key: '49a2f03ce3d7ece7626047d026e7dac56459c557' }, i18next.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (h("div", { key: 'c25789109e31a5f396b9c7c3688a45eb8f1bfb42', class: "validation-error", part: "npca__validation-error" }, h("span", { key: 'f5dec89f0a38d6abd8a410bf271a26debd45f294' }, this.validationError))), h("div", { key: 'fc5b7639ad63c5d8904a0891f8dc28b77003dfca', class: "content", part: "npca__content" }, h("form", { key: 'f4bccfc7eb61d0f810169b045014fbfb58fdac68', 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)

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

@@ -211,7 +211,7 @@ export class NylasReminderEmails {
         if (this.selectedConfiguration?.type === 'group') {
             recipientOptions = recipientOptions.filter(option => option.value !== 'all');
         }
-        return (h(Host, { key: '5e6aaf20bcbd25eb2bf2bbe63e6a1558a4b8270b' }, h("div", { key: '1d8c31310cab40219b18663db6ed145ae7ef5540', class: "cards-container" }, this.reminders.map((reminder, index) => {
+        return (h(Host, { key: '30b6d91ad7e053f98351faa3f62b0021ec63dc48' }, h("div", { key: 'bf2d60da097d3e9cceb1cc8dbe34e6e615701191', class: "cards-container" }, this.reminders.map((reminder, index) => {
             return reminder.type !== 'webhook' ? (h("div", { class: "nylas-reminder-email", part: "nre" }, h("div", { class: "header", part: "nre__header" }, h("div", null, h("h3", null, organizerName
                 ? i18next.t('nylasReminderEmails.headerTitle_withOrganizer', { organizerName: ` ${organizerName}` })
                 : i18next.t('nylasReminderEmails.headerTitle')), h("p", null, i18next.t('nylasReminderEmails.headerSubTitle'))), !reminder.editing ? (h("button-component", { variant: 'basic', key: `edit-${index} `, clickHandler: event => {
@@ -229,10 +229,10 @@ export class NylasReminderEmails {
                 } }, this.reminderErrors[`reminder-time-${index}`]?.suggestion))))), h("div", { class: "nylas-reminder-email__block" }, h("label", null, i18next.t('nylasReminderEmails.emailSubject.label')), h("input-component", { name: `reminder-subject-${index}`, maxLength: 60, placeholder: organizerName
                     ? i18next.t('nylasReminderEmails.emailSubject.placeholder_withOrganizer', { organizerName: organizerName })
                     : i18next.t('nylasReminderEmails.emailSubject.placeholder'), defaultValue: reminder?.email_subject || '', themeConfig: this.themeConfig }))))) : (h("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, h("p", null, h("span", { class: "summary-icon" }, h("person-clipboard-icon", null)), recipientOptions.find(i => i.value === reminder.recipient)?.label), h("p", null, h("span", { class: "summary-icon" }, h("clock-icon", null)), this.formatReminderTime(reminder.minutes_before_event), " ", i18next.t('nylasReminderEmails.beforeTheEvent')))))) : null;
-        })), h("button-component", { key: '4a8afa10d177cbe82de9395a95f33c8ec1b68475', class: "create-reminder", variant: 'basic', clickHandler: event => {
+        })), h("button-component", { key: '299d20fae1145088cca1ab6d49c4e94fc104acc1', class: "create-reminder", variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.addReminder();
-            } }, h("plus-icon", { key: 'c7fa6634aeedf4090b9a8b611903fee5dc431fba', width: "16", height: "16" }), i18next.t('nylasReminderEmails.newReminderButtonText'))));
+            } }, h("plus-icon", { key: '77c1fb439e91f3e76fd4f307a76301aab043d74d', width: "16", height: "16" }), i18next.t('nylasReminderEmails.newReminderButtonText'))));
     }
     static get is() { return "nylas-reminder-emails"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scheduler-editor/nylas-reminder-time/nylas-reminder-time.js

@@ -144,7 +144,7 @@ export class NylasReminderTime {
     }
     render() {
         const showTimePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (h(Host, { key: '385ed7c26be8961ea8a3a38136a935ed7eea94da' }, h("div", { key: '105c3fe6b87f82b5b3d4f19e9af0732cc6bfa00e', class: "nylas-reminder-time", part: "nrt" }, h("div", { key: 'f7ed0f2b641d31c8e19477c5a534295fb10d37ad', class: "nylas-reminder-time__wrapper" }, showTimePeriodSelector && (h("time-period-selector", { key: '9632d0a83fc484bf202ba6d9f1904c06aa8dc515', id: "limit-future-bookings", part: "nrt__time-period-selector", hasError: this.errorState, timePeriods: [
+        return (h(Host, { key: 'd6e32440ace7493b949e016a523424f087b13049' }, h("div", { key: '9c27eb0afaa476d868b7fa9834269d7039a78528', class: "nylas-reminder-time", part: "nrt" }, h("div", { key: '83a92c5349e35437ef14f97d2c6259e79cdb07d1', class: "nylas-reminder-time__wrapper" }, showTimePeriodSelector && (h("time-period-selector", { key: '482e685a65d976834578738fb6f5803fecbfa11e', id: "limit-future-bookings", part: "nrt__time-period-selector", hasError: this.errorState, 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-scheduler-editor/nylas-scheduler-editor.js

@@ -324,12 +324,12 @@ export class NylasSchedulerEditor {
         const isGroupType = this.stores?.schedulerConfig?.state.selectedEventType === CONFIGURATION_EVENT_TYPE.group ||
             this.stores?.schedulerConfig?.state.selectedConfiguration?.type === CONFIGURATION_EVENT_TYPE.group;
         debug(`[nylas-scheduler-editor] render mode: ${this.mode}`);
-        return (h(Host, { key: 'bd34e24975197c26bf6e08430c8434c40441c367' }, h("div", { key: '5c1bb57eb7dbd13f879dcbe7de251e6d8687c470', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: 'ecf284b9c4c39129233c977b978d8069e448367e', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '44b73dbff4441d72ceda5281f6bf07bfb2134dae', width: "18", height: "18" }), i18next.t('schedulerEditorTitle'), h("tooltip-component", { key: 'bc20294846164811db22d185e52f50f848d59bd5' }, h("info-icon", { key: '22955828856eae5f4f7e5d7d51e8e73f11f9805d', slot: "tooltip-icon" }), h("span", { key: '9178f588fa8ffe60865b8c6c632ec4dafd91a00d', slot: "tooltip-content" }, this.version))), h("div", { key: 'a67874094ff69226349d1ee0274e27da0da38ad6', class: {
+        return (h(Host, { key: '2c6498718197e5bed3c8fc64e71327b8fb039c9e' }, h("div", { key: '59256def9c1c88552df6aa5dead69f0e34d6aa18', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: 'df48eb38ae71b9cdae4cbf373819fdcb1a6bda02', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '3e722c9f5eecd5dd0abf8156a75bea65924e84a7', width: "18", height: "18" }), i18next.t('schedulerEditorTitle'), h("tooltip-component", { key: '34c06bf5fa3e68addad9f24340edae9774e15df1' }, h("info-icon", { key: '31a6121777c08a2438d36de6443efca378cae117', slot: "tooltip-icon" }), h("span", { key: '49d04571e1822d77c8aa628f6d421fdd69c4f224', slot: "tooltip-content" }, this.version))), h("div", { key: '816bff2ab4a32423abd7e81d066aee67f1029e80', class: {
                 language: true,
-            }, part: "nse__language" }, h("select-dropdown", { key: 'e47566a2f832d90baa93701afe8efea71476ecec', name: "language", searchPlaceholder: i18next.t('search'), options: languageOptions, withChevron: false, themeConfig: this.themeConfig, defaultSelectedOption: languageOptions.find(lang => lang.value == this.selectedLanguage), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: '1c7c9d93808786f7e4a1b5ecee414e289074366f', slot: "select-icon" }, h("translate-icon", { key: 'c9b8adee3195f4a50f0ed7c4929b972e59236558', width: "20", height: "20" })))), h("button", { key: 'fe8c5481fbd2ac6da51fe1420caf973d79d01857', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: 'ead618a2acc222ff1ec4ca9c552cd81a8c86a57f', width: "18", height: "18" }))), h("div", { key: 'dffa964669c0b5ca0155ddd3b351a6bb164f7463', class: {
+            }, part: "nse__language" }, h("select-dropdown", { key: '1d76ba50c3cd24f80a375c155bf3a9451fea9be0', name: "language", searchPlaceholder: i18next.t('search'), options: languageOptions, withChevron: false, themeConfig: this.themeConfig, defaultSelectedOption: languageOptions.find(lang => lang.value == this.selectedLanguage), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: '79e87ee2ee64b911e0a0c89114ce1d4ed79e1f30', slot: "select-icon" }, h("translate-icon", { key: '4862c868ac7def07bbb1c7630b44966cf2059390', width: "20", height: "20" })))), h("button", { key: '2520b3e4d0ca6e8e400f2571baca516be2ad1575', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: 'cf2f11767dd889c0e2ff90d033cfd746e2ce9c09', width: "18", height: "18" }))), h("div", { key: '6bee52d80a85a6749833a57929189e0073753764', class: {
                 'scheduler-editor-content': true,
                 'scheduler-editor-content--group': isGroupType,
-            }, part: "nse__content" }, this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && this.mode === 'composable' && h("slot", { key: 'bf58230869a3326fa9cf6ee8b7c18586cc41a074' }), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && this.mode !== 'composable' && (h("div", { key: 'edb06ecb33d8f3713da228d70fa72d3db2183235', class: "list-configurations", part: "nse__list-configurations" }, h("nylas-list-configurations", { key: 'ffdcd2304ce49e29aa74da69bad90af9d237a6e8', themeConfig: this.themeConfig, exportparts: "nlc__create-new-cta, actions__dropdown,  actions__dropdown-button, actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create-select' && (h("nylas-select-event-type", { key: 'a5bff89ece1dd30afea1c014d162797bfa7d1df5', themeConfig: this.themeConfig })), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && isGroupType && (h("nylas-editor-tabs-group", { key: '08241ae21a7df72079cc49312b4272d2a8cd0b2a', mode: "composable", themeConfig: this.themeConfig }, h(ExpressFlow, { key: '86d73811907bfe16c255642fb0755baa9766cf00', selectedEventType: this.stores?.schedulerConfig?.state?.selectedEventType || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: this.stores?.schedulerConfig?.state.currentUser, calendars: this.stores?.schedulerConfig?.state?.calendars, selectedConfiguration: this.stores?.schedulerConfig?.state?.selectedConfiguration }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && !isGroupType && (h("nylas-editor-tabs", { key: '5b85bf26f6243f723a1f0cad821d719cff3f776b', mode: "composable", enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig }, h(ExpressFlow, { key: '5afa9f82b0cb0b495d26b134688c49d82743d7cf', selectedEventType: this.stores?.schedulerConfig?.state?.selectedEventType || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: this.stores?.schedulerConfig?.state.currentUser, calendars: this.stores?.schedulerConfig?.state?.calendars, selectedConfiguration: this.stores?.schedulerConfig?.state?.selectedConfiguration }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && isGroupType && (h("nylas-editor-tabs-group", { key: selectedConfigId, mode: this.mode, themeConfig: this.themeConfig }, this.mode === 'composable' && h("slot", { key: '6ec0c1b4daad2d875f8f3cdbb465eb0721133947' }), this.mode === 'app' && hasSlot && (h("div", { style: { display: 'none' }, slot: "custom-page-style-inputs", key: selectedConfigId }, h("slot", { key: 'b3c580772253a6a7d5dc3e7f8fd2be2f9a23f247', name: "custom-page-style-inputs" }))))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && !isGroupType && (h("nylas-editor-tabs", { key: selectedConfigId, mode: this.mode, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig }, this.mode === 'composable' && h("slot", { key: '48a71a45b5271485a4f136cb4afa52df94ee469b' }), this.mode === 'app' && hasSlot && (h("div", { style: { display: 'none' }, slot: "custom-page-style-inputs", key: selectedConfigId }, h("slot", { key: 'f81fede8cc3d3686056e5222798494fdc76d419f', name: "custom-page-style-inputs" }))))), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { key: '968207fdadd383d6da1e8188d0960901e38e949d', name: "login-required" }, h(LoginRequired, { key: 'e0c275ef713bd4040c07083898918d1b8e39e171', authenticationUrl: this.authenticationUrl, authError: this.authError }))))));
+            }, part: "nse__content" }, this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && this.mode === 'composable' && h("slot", { key: '34e6ef637c1d68d17a6df16dea47f028cd7f0bce' }), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && this.mode !== 'composable' && (h("div", { key: 'ab9bfd2b74251fdabe198e1b5047740d1dd57917', class: "list-configurations", part: "nse__list-configurations" }, h("nylas-list-configurations", { key: '38ccbe0223c88d74443077e7491b3272903fd611', themeConfig: this.themeConfig, exportparts: "nlc__create-new-cta, actions__dropdown,  actions__dropdown-button, actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create-select' && (h("nylas-select-event-type", { key: 'dd368e1afc384bcde8624fe89c36a61ac622bcf2', themeConfig: this.themeConfig })), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && isGroupType && (h("nylas-editor-tabs-group", { key: '45a30a61567e83e823531831c3b0eb6c9ca0a0b6', mode: "composable", themeConfig: this.themeConfig }, h(ExpressFlow, { key: '023d8e5f57eda1eefd8ae16b40c3e87f25230439', selectedEventType: this.stores?.schedulerConfig?.state?.selectedEventType || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: this.stores?.schedulerConfig?.state.currentUser, calendars: this.stores?.schedulerConfig?.state?.calendars, selectedConfiguration: this.stores?.schedulerConfig?.state?.selectedConfiguration }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && !isGroupType && (h("nylas-editor-tabs", { key: '6d186d353cfac520215313d503948f6a30aadd74', mode: "composable", enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig }, h(ExpressFlow, { key: '26cc9dab185f1299dfa80f1aa9228bef12d9d877', selectedEventType: this.stores?.schedulerConfig?.state?.selectedEventType || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: this.stores?.schedulerConfig?.state.currentUser, calendars: this.stores?.schedulerConfig?.state?.calendars, selectedConfiguration: this.stores?.schedulerConfig?.state?.selectedConfiguration }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && isGroupType && (h("nylas-editor-tabs-group", { key: selectedConfigId, mode: this.mode, themeConfig: this.themeConfig }, this.mode === 'composable' && h("slot", { key: 'f4c5a6f45db223d643af25ea26865e7ca498cd4f' }), this.mode === 'app' && hasSlot && (h("div", { style: { display: 'none' }, slot: "custom-page-style-inputs", key: selectedConfigId }, h("slot", { key: '7304e92b3e2cb44a77e4ece1f97fa99f152aba70', name: "custom-page-style-inputs" }))))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && !isGroupType && (h("nylas-editor-tabs", { key: selectedConfigId, mode: this.mode, enableNotetaker: this.enableNotetaker, themeConfig: this.themeConfig }, this.mode === 'composable' && h("slot", { key: '19879c8ee1d759de55a51d2a171556f7f406f7b8' }), this.mode === 'app' && hasSlot && (h("div", { style: { display: 'none' }, slot: "custom-page-style-inputs", key: selectedConfigId }, h("slot", { key: 'b1ed734113b344cf3200fa6151e1572033a7504d', name: "custom-page-style-inputs" }))))), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { key: '8e033aef682b9f14e6beb5236504d001de967e88', name: "login-required" }, h(LoginRequired, { key: '12c12f9373794e897f2e568b9f3262e043a3eadf', authenticationUrl: this.authenticationUrl, authError: this.authError }))))));
     }
     static get is() { return "nylas-scheduler-editor"; }
     static get encapsulation() { return "shadow"; }

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

@@ -310,11 +310,11 @@ export class NylasSpecificTimeAvailabilityPicker {
             value: key,
         }));
         const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.timezone);
-        return (h(Host, { key: '4d134c2b81e17dc6238e06bb89f3d1bfa2b757bb' }, h("div", { key: 'f58418df34f1c1070ac356be9e5267df60ba30b3', class: "nylas-specific-time-availability-picker", part: "nstap" }, !this.hideHeader && (h("div", { key: '52c61a7f8efc2ee41b96c7cd30db184dac379371', class: "header", part: "nstap__header" }, h("h3", { key: 'daaa78a82642cd1389dce9e57a7f4bc53be45976' }, i18next.t('nylasSpecificTimeAvailabilityPicker.headerTitle')), h("p", { key: '751c1e9596150aa5f0a38778f6236dc0defba68d' }, i18next.t('nylasSpecificTimeAvailabilityPicker.headerDescription'), h("tooltip-component", { key: '813fe27ad1696a3208c02807aa643c45e4736669' }, h("info-icon", { key: '36c4f8b642df2d8ab6f271696848edf82882f21a', slot: "tooltip-icon" }), h("span", { key: '7b14bb5499644014a51346ec4f1ecd83a6495548', slot: "tooltip-content" }, i18next.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')))))), h("div", { key: '9c351dd740cafdba11b2d7c275432f007b5360bf', class: "content", part: "nstap__content" }, h("section", { key: '9d0eb572d83273cf6e468d5f3104360e348dd6e7', class: "timezone-selector", part: "nstap__timezone-selector", "aria-labelledby": "timezone-header" }, h("h4", { key: '299b34a534d35dfee2f2cc762d8a475b464adcaa', id: "timezone-header", class: "sub-header" }, i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')), h("p", { key: '85e8d70c2f394e183043766c323962eeaa265011', class: "timezone-description" }, i18next.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')), selectedTimezoneOption?.label && (h("select-dropdown", { key: '18a900c77b84a5a562156bc95b294986eae28a65', name: "specific-time-timezone", searchPlaceholder: i18next.t('search'), exportparts: "sd_dropdown: nstap__timezone-container, sd_dropdown-button: nstap__timezone-button, sd_dropdown-content: nstap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig, "aria-label": i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone') }, h("span", { key: '718b4f834b19633e519c5a5cf10a27c0c1d0d3e0', slot: "select-icon", "aria-hidden": "true" }, h("globe-icon", { key: 'a1d2ec8303c79815c08faeb08800d45e24c1b833', width: "20", height: "20" })))), this.validationErrors['timezone'] && (h("div", { key: 'e19aed18519b769fd26013a9f991a389c01e1a7c', class: "error-message timezone-error", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors['timezone']))), h("section", { key: '234cf3184d76a414bcfa2c2e59d51172fe89d03c', class: "specific-times-section", part: "nstap__specific-times-section", "aria-labelledby": "specific-times-header" }, h("h4", { key: 'd5e8db5b614d13e8a40e89dd2e70b49826ab638e', id: "specific-times-header", class: "section-header" }, i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')), h("p", { key: '523927778ec5002da4ddba94814446722f3f801c', class: "section-description" }, i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')), h("div", { key: 'e2855d2f066bbee3b1e1884ddc0b3948673199c2', class: "specific-times", part: "nstap__specific-times", role: "list" }, this.specificDateEntries.length === 0 ? (h("div", { class: "empty-state", part: "nstap__empty-state" }, h("div", { class: "empty-icon", part: "nstap__empty-icon" }, h("calendar-icon", { width: "32", height: "32" })), h("h3", { class: "empty-title", part: "nstap__empty-title" }, i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')), h("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.subtitle')))) : (this.specificDateEntries.map((entry, index) => (h("article", { class: "specific-time-entry", part: "nstap__specific-time-entry", key: entry.id, "data-entry-id": entry.id, role: "listitem", "aria-label": `Specific time availability entry ${index + 1}` }, h("div", { class: "entry-content", part: "nstap__entry-content" }, h("div", { class: "date-input-container", part: "nstap__date-input-container" }, h("nylas-date-component", { name: `date-${entry.id}`, defaultValue: entry.date, placeholder: "yyyy-mm-dd", part: "nstap__date-input", class: "date-input", themeConfig: this.themeConfig, exportparts: "ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label", "aria-label": `Date for entry ${index + 1}` })), entry.isUnavailable ? (h("div", { class: "unavailable-text", part: "nstap__unavailable-text", role: "status" }, h("span", { class: "unavailable-label" }, i18next.t('nylasSpecificTimeAvailabilityPicker.entireDayUnavailable')))) : (h("div", { class: "time-pickers", part: "nstap__time-pickers", role: "group", "aria-label": "Time range" }, h("nylas-time-window-picker", { id: `${entry.id}_start`, time: entry.startTime, name: `${entry.id}_start`, key: `${entry.id}_start`, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `Start time for entry ${index + 1}` }), h("span", { class: "time-separator", "aria-hidden": "true" }, "-"), h("nylas-time-window-picker", { id: `${entry.id}_end`, time: entry.endTime, name: `${entry.id}_end`, key: `${entry.id}_end`, minimumStartTime: entry.startTime, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `End time for entry ${index + 1}` }))), h("div", { class: "action-buttons", part: "nstap__action-buttons" }, h("button", { type: "button", class: { 'toggle-button': true, 'unavailable': entry.isUnavailable }, part: "nstap__toggle-button", onClick: () => this.toggleAvailability(entry.id), "aria-label": entry.isUnavailable
+        return (h(Host, { key: 'f95b7af7492e891f205aa283882eab4da5fd74e0' }, h("div", { key: '04f7723ef9eea3fb5a53e156c9f6360d971bcadb', class: "nylas-specific-time-availability-picker", part: "nstap" }, !this.hideHeader && (h("div", { key: 'b2d40b3a79f79cecf34b119e5e35b7462aae6815', class: "header", part: "nstap__header" }, h("h3", { key: '71906d11d00c7ea3395cce4c73c3884a78a076e7' }, i18next.t('nylasSpecificTimeAvailabilityPicker.headerTitle')), h("p", { key: '080965d2386277b30b18cc59aeb46f043b023f9c' }, i18next.t('nylasSpecificTimeAvailabilityPicker.headerDescription'), h("tooltip-component", { key: 'd4f14d1204ad6acd1f9b3f67478dafb6b08fb116' }, h("info-icon", { key: '3307f0504fa1c9a741f1bf28fcd9709ae3114032', slot: "tooltip-icon" }), h("span", { key: '2e1c66dde8d082933cc7512cac7564f0330fab03', slot: "tooltip-content" }, i18next.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')))))), h("div", { key: '352682281eb180ac3d0cad912abef18f0184b7b6', class: "content", part: "nstap__content" }, h("section", { key: 'f01af41b99e76944ac0705f81ebda592a372cba0', class: "timezone-selector", part: "nstap__timezone-selector", "aria-labelledby": "timezone-header" }, h("h4", { key: '92fa23c8aab6c5b815ba8f994ccab7e5c3e322bb', id: "timezone-header", class: "sub-header" }, i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')), h("p", { key: '95149bd507815c8ee4df694bcdbbb1033db1de07', class: "timezone-description" }, i18next.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')), selectedTimezoneOption?.label && (h("select-dropdown", { key: 'e5cf569d4b84a2c89aa5a6216c2bc31ad49736ac', name: "specific-time-timezone", searchPlaceholder: i18next.t('search'), exportparts: "sd_dropdown: nstap__timezone-container, sd_dropdown-button: nstap__timezone-button, sd_dropdown-content: nstap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption, themeConfig: this.themeConfig, "aria-label": i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone') }, h("span", { key: 'a5148246825d53ff71d19449b54115636eedf38d', slot: "select-icon", "aria-hidden": "true" }, h("globe-icon", { key: 'c00c7223457e6dcbc15621b78257d7cb5dd3e626', width: "20", height: "20" })))), this.validationErrors['timezone'] && (h("div", { key: 'fd942be5ba1d3ac224a369e5aa0c35f102fc14ea', class: "error-message timezone-error", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors['timezone']))), h("section", { key: 'b842efade7e0c9a3ba42af6eab643f054599a81a', class: "specific-times-section", part: "nstap__specific-times-section", "aria-labelledby": "specific-times-header" }, h("h4", { key: 'f198355421c1eb832b9454e7cbc9239a8a285ec5', id: "specific-times-header", class: "section-header" }, i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')), h("p", { key: '0102a242a32dae12f0492b287441f9d643081594', class: "section-description" }, i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')), h("div", { key: 'bedef1b3ea6e595aadfd8e7c8fc29c00a61cac38', class: "specific-times", part: "nstap__specific-times", role: "list" }, this.specificDateEntries.length === 0 ? (h("div", { class: "empty-state", part: "nstap__empty-state" }, h("div", { class: "empty-icon", part: "nstap__empty-icon" }, h("calendar-icon", { width: "32", height: "32" })), h("h3", { class: "empty-title", part: "nstap__empty-title" }, i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')), h("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.subtitle')))) : (this.specificDateEntries.map((entry, index) => (h("article", { class: "specific-time-entry", part: "nstap__specific-time-entry", key: entry.id, "data-entry-id": entry.id, role: "listitem", "aria-label": `Specific time availability entry ${index + 1}` }, h("div", { class: "entry-content", part: "nstap__entry-content" }, h("div", { class: "date-input-container", part: "nstap__date-input-container" }, h("nylas-date-component", { name: `date-${entry.id}`, defaultValue: entry.date, placeholder: "yyyy-mm-dd", part: "nstap__date-input", class: "date-input", themeConfig: this.themeConfig, exportparts: "ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label", "aria-label": `Date for entry ${index + 1}` })), entry.isUnavailable ? (h("div", { class: "unavailable-text", part: "nstap__unavailable-text", role: "status" }, h("span", { class: "unavailable-label" }, i18next.t('nylasSpecificTimeAvailabilityPicker.entireDayUnavailable')))) : (h("div", { class: "time-pickers", part: "nstap__time-pickers", role: "group", "aria-label": "Time range" }, h("nylas-time-window-picker", { id: `${entry.id}_start`, time: entry.startTime, name: `${entry.id}_start`, key: `${entry.id}_start`, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `Start time for entry ${index + 1}` }), h("span", { class: "time-separator", "aria-hidden": "true" }, "-"), h("nylas-time-window-picker", { id: `${entry.id}_end`, time: entry.endTime, name: `${entry.id}_end`, key: `${entry.id}_end`, minimumStartTime: entry.startTime, language: this.selectedLanguage, hasError: !!this.validationErrors[entry.id], themeConfig: this.themeConfig, exportparts: "time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times", "aria-label": `End time for entry ${index + 1}` }))), h("div", { class: "action-buttons", part: "nstap__action-buttons" }, h("button", { type: "button", class: { 'toggle-button': true, 'unavailable': entry.isUnavailable }, part: "nstap__toggle-button", onClick: () => this.toggleAvailability(entry.id), "aria-label": entry.isUnavailable
                 ? i18next.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')
                 : i18next.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable'), title: entry.isUnavailable
                 ? i18next.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')
-                : i18next.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable') }, h("calendar-icon", { width: "20", height: "20", "aria-hidden": "true" })), h("button", { type: "button", class: "remove-button", part: "nstap__remove-button", onClick: () => this.removeSpecificTimeAvailability(entry.id), "aria-label": `Remove specific time entry ${index + 1}`, title: "Remove" }, h("close-icon", { width: "16", height: "16", "aria-hidden": "true" })))), this.validationErrors[entry.id] && (h("div", { class: "error-message", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors[entry.id]))))))), h("div", { key: '7090e167621c9277ff45fc8d2297a908bd73e03e', class: "add-button-container", part: "nstap__add-button-container" }, h("button-component", { key: '0ccb4dbfd2bcad2f41ba238686519c4376b567e2', id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic", "aria-label": i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability') }, h("add-circle-icon", { key: '823d017d2df65f36830d818a8fde664c69d12cdb', width: "24", height: "24", "aria-hidden": "true" }), i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability'))))))));
+                : i18next.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable') }, h("calendar-icon", { width: "20", height: "20", "aria-hidden": "true" })), h("button", { type: "button", class: "remove-button", part: "nstap__remove-button", onClick: () => this.removeSpecificTimeAvailability(entry.id), "aria-label": `Remove specific time entry ${index + 1}`, title: "Remove" }, h("close-icon", { width: "16", height: "16", "aria-hidden": "true" })))), this.validationErrors[entry.id] && (h("div", { class: "error-message", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors[entry.id]))))))), h("div", { key: 'fe7774f7f9cba350c0e054784953759069f9d1b6', class: "add-button-container", part: "nstap__add-button-container" }, h("button-component", { key: 'c2b59da9f4aef773b6fa99382ecd98e010ce538b', id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic", "aria-label": i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability') }, h("add-circle-icon", { key: '9080eac0142b5a791ceddfc7e73c95bc65f9cda9', width: "24", height: "24", "aria-hidden": "true" }), i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability'))))))));
     }
     static get is() { return "nylas-specific-time-availability-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -298,19 +298,19 @@ export class TimeInput {
     }
     render() {
         const is24HourFormat = this.language === LANGUAGE_CODE.en ? false : true;
-        return (h(Host, { key: 'b5c0c24d84d44312d2223be037872dc9d03db3f8' }, h("div", { key: '3c77e7501bb38ebe22f1a27d53577b05e2f1fb22', class: "time-picker", part: "time-picker" }, h("input", { key: '8e636c248c38900aa4ad9c2bd8cc89c0a9c84424', type: "text", name: this.name, id: this.name, part: "time-input", class: {
+        return (h(Host, { key: '3215a2c75c5af8f8f133425adcc773303707b952' }, h("div", { key: 'a571a0b07a505c4d399ff1a418e4d0ef4f2d5e00', class: "time-picker", part: "time-picker" }, h("input", { key: '9e10485c6b7ab29c6daf2699351eea6802466450', type: "text", name: this.name, id: this.name, part: "time-input", class: {
                 'time-input': true,
                 'error': !!this.err || this.hasError,
             }, ref: el => (this.timeInput = el), value: is24HourFormat ? convertTo24HourFormat(this.time) : this.time, onClick: () => {
                 this.showTimes = !this.showTimes;
                 this.shouldAutoScroll = true;
-            }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? 'true' : 'false', placeholder: this.placeholder, onKeyDown: e => this.handleComboboxKeyDown(e), onInput: event => this.handleOnInput(event), onBlur: event => this.handleTimeAutocomplete(event) }), this.err && h("div", { key: '3e6b9ae63890b47148426919552172e39db0eaf4', class: "invalid-time-icon" }), this.showTimes && (h("div", { key: '8b32c32b03cca0b27e70435887a3c8150cf5c8b7', class: "times", part: "times", ref: el => (this.timeMenu = el) }, h("ul", { key: 'f7a5d65fcb9b675f76448bcf4cf1540eb822f225', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.times.map(option => (h("li", { tabindex: "0", key: option.id, id: option.id.toString(), class: {
+            }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.showTimes ? 'true' : 'false', placeholder: this.placeholder, onKeyDown: e => this.handleComboboxKeyDown(e), onInput: event => this.handleOnInput(event), onBlur: event => this.handleTimeAutocomplete(event) }), this.err && h("div", { key: '0c0575d04c84c1043c78dcb71fe5072ef7477e1b', class: "invalid-time-icon" }), this.showTimes && (h("div", { key: '251dcd933b4df4388ae8b1c6163277daa9c526c9', class: "times", part: "times", ref: el => (this.timeMenu = el) }, h("ul", { key: '1c22a3c8c75d6a8b2a1584e162eb1a1aee5078fd', tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: e => this.handleListboxKeydown(e) }, this.times.map(option => (h("li", { tabindex: "0", key: option.id, id: option.id.toString(), class: {
                 focused: this.ariaActivedescendant === option.id.toString(),
             }, onClick: e => {
                 this.handleTimeChange(e, option.value);
                 this.showTimes = false;
                 this.timeInput.focus();
-            }, role: "option" }, `${is24HourFormat ? convertTo24HourFormat(option.value) : option.value}`)))))), !this.showTimes && this.err && (h("p", { key: 'c194ce42271aa6b72a547b7c0f387fcc6c95daae', class: "error", id: "email-error" }, this.err)))));
+            }, role: "option" }, `${is24HourFormat ? convertTo24HourFormat(option.value) : option.value}`)))))), !this.showTimes && this.err && (h("p", { key: '65cac6554e464a95b5384e401dd3422faa47fa54', class: "error", id: "email-error" }, this.err)))));
     }
     static get is() { return "nylas-time-window-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -149,7 +149,7 @@ export class NylasTimeslotInterval {
                 ? intervalPreferenceOptions[0]
                 : intervalPreferenceOptions.find(op => op.value == this.selectedInterval.toString()) ?? intervalPreferenceOptions[0]
             : undefined;
-        return (h(Host, { key: '353d924827407707d5ccea61c6c4f4050268d309' }, h("div", { key: '2fc0cb49991ad3b65fc48ca526238dc3d3e2d606', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: 'e6f17ca9ba26b6b95f9ab24835b2f94df650d62d', class: "header", part: "nti__header" }, h("h3", { key: 'aad4823f70f0a3802766e37da932b0a9e3e243a6' }, i18next.t('nylasTimeslotInterval.headerTitle'))), h("div", { key: 'e8c0d3922ed7052e10bc9f8e5e3443a7aca7d2e8', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: 'bef443cb3276df665a32989c958f6e368a9ce4fd', class: "label", part: "nti__input-label" }, i18next.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (h("select-dropdown", { key: '37dcb301d27ecd97165cf224fc4e5c45eb0319be', name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval, themeConfig: this.themeConfig })), h("span", { key: '05b55aed61091f451f401787b69fd229b417dcad', slot: "label", class: "label", part: "nti__input-label" }, i18next.t('nylasTimeslotInterval.timeslotRounding.label'), h("tooltip-component", { key: '2c629a8e3a5e55e47e80126796d17e1651321743' }, h("info-icon", { key: 'ca66f99b1259a91eb2a96a4d15b916429cdbef4f', slot: "tooltip-icon" }), h("span", { key: 'd2a101116b234baa496cfe08a5cee695f93a6e8b', slot: "tooltip-content" }, i18next.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (h("radio-button-group", { key: '4de97345802d342936fb7fe7bfdf71fecebfbb6a', name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
+        return (h(Host, { key: 'a02f9684cd41cb92413227853c734475bc7eecae' }, h("div", { key: 'e3e49ad1cc2f87444032f0865e916b71334107bb', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: '2eb248dbf3e45d040cba3290610809f0b437299e', class: "header", part: "nti__header" }, h("h3", { key: '927c38bcd17db57ca1927bf08f1e38620cbbd83d' }, i18next.t('nylasTimeslotInterval.headerTitle'))), h("div", { key: '7bd58a7b58dce0b08fc23c157458f8fcde62be55', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: 'e9d04b13fd888f7629239c1ac3f8b9a8cc5bdfb2', class: "label", part: "nti__input-label" }, i18next.t('nylasTimeslotInterval.timeslotInterval.label')), defaultSelectedInterval?.label && (h("select-dropdown", { key: '7809d9426afcbe8381d07eb60855f9d4110695d7', name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval, themeConfig: this.themeConfig })), h("span", { key: '2a6a354336a6d7cca9f8d8498c3687144ff8f008', slot: "label", class: "label", part: "nti__input-label" }, i18next.t('nylasTimeslotInterval.timeslotRounding.label'), h("tooltip-component", { key: '8010d3dec86a69940eee603891d8c19fd5cd17fa' }, h("info-icon", { key: '9f8d887f81de50387367dbea37057ffad18cd3da', slot: "tooltip-icon" }), h("span", { key: '86b5e228a28505889d8caa70fd609157dcd083a8', slot: "tooltip-content" }, i18next.t('nylasTimeslotInterval.timeslotRounding.tooltip.desc')))), this.componentLoaded && (h("radio-button-group", { key: 'f741a33a8fe8f4c29bd3bde1062937b26c92e112', name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
                 {
                     value: 'no-rounding',
                     label: i18next.t('nylasTimeslotInterval.timeslotRoundingOptions.noRounding.label'),

package/dist/collection/connector/shared/api/scheduler.js

@@ -93,7 +93,7 @@ export class NylaSchedulerAPIConnector {
     }
     async toggleAdditionalData(value) {
         if (!value) {
-            await this.refetchAvailability();
+            await this.refetchAvailability(this.getViewedMonthAnchor());
         }
         this.schedulerStore.set('showBookingForm', value);
     }
@@ -138,11 +138,14 @@ export class NylaSchedulerAPIConnector {
             additionalFields: merged,
         });
     }
-    async refetchAvailability() {
+    getViewedMonthAnchor() {
+        return (normalizeDateInput(this.schedulerStore.get('selectedDate')) ?? normalizeDateInput(this.schedulerStore.get('selectedTimeslot')?.start_time));
+    }
+    async refetchAvailability(anchorDate = new Date()) {
         const today = new Date();
-        const startTime = new Date(today.getFullYear(), today.getMonth(), 1).getTime() / 1000;
+        const startTime = new Date(anchorDate.getFullYear(), anchorDate.getMonth(), 1).getTime() / 1000;
         const startTimeWithOffset = startTime < today.getTime() / 1000 ? Math.floor(today.getTime() / 1000) : startTime;
-        const endTime = new Date(today.getFullYear(), today.getMonth() + 1, 1).getTime() / 1000;
+        const endTime = new Date(anchorDate.getFullYear(), anchorDate.getMonth() + 1, 1).getTime() / 1000;
         const result = await this.getAvailability(startTimeWithOffset, endTime);
         return result;
     }
@@ -615,7 +618,7 @@ export class NylaSchedulerAPIConnector {
                 const errorMessage = this.getErrorMessage(error);
                 error = this.errors.api(i18next.t('validateTimeslotErrorTitle'))[errorType](errorMessage);
             }
-            this.refetchAvailability();
+            this.refetchAvailability(timeslot.start_time);
             return { error };
         }
         this.schedulerStore.set('selectedTimeslot', timeslot);