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

package/dist/components/{p-dBa2aR6u.js → p-8f-LJhGH.js}

@@ -2,19 +2,19 @@ import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-
 import { R as RegisterComponent } from './p-CwtW7XIp.js';
 import { T as TIMEZONE_MAP } from './p-DUCeQ1R4.js';
 import { a as debug, b as instance, f as convertTo12HourFormat, t as timeToMinutes, g as convertTo24HourFormat } from './p-B5ZLsN-l.js';
-import { d as defineCustomElement$d } from './p-Ha2t2y12.js';
-import { d as defineCustomElement$c } from './p-Dvm3cFRX.js';
-import { d as defineCustomElement$b } from './p-BW5AWWWU.js';
-import { d as defineCustomElement$a } from './p-BaI67hQ_.js';
-import { d as defineCustomElement$9 } from './p-DHEweiQ6.js';
-import { d as defineCustomElement$8 } from './p-C-FqPkG1.js';
-import { d as defineCustomElement$7 } from './p-DAvS1ihh.js';
-import { d as defineCustomElement$6 } from './p-hYRQCAHR.js';
-import { d as defineCustomElement$5 } from './p-B6_vWkUg.js';
-import { d as defineCustomElement$4 } from './p-D5p5Z11R.js';
-import { d as defineCustomElement$3 } from './p-BGfs-kGd.js';
-import { d as defineCustomElement$2 } from './p-idvnK5Rl.js';
-import { d as defineCustomElement$1 } from './p-Hj9jbKPX.js';
+import { d as defineCustomElement$d } from './p-Dl0Yur5r.js';
+import { d as defineCustomElement$c } from './p-BVH0Klhu.js';
+import { d as defineCustomElement$b } from './p-BAKh5tMf.js';
+import { d as defineCustomElement$a } from './p-ao6VxuAL.js';
+import { d as defineCustomElement$9 } from './p-CzVZs3uZ.js';
+import { d as defineCustomElement$8 } from './p-DS6Ijr4M.js';
+import { d as defineCustomElement$7 } from './p-d3kelm3z.js';
+import { d as defineCustomElement$6 } from './p-C7ZpwRD0.js';
+import { d as defineCustomElement$5 } from './p-DwLh5aVI.js';
+import { d as defineCustomElement$4 } from './p-B0-YJO0f.js';
+import { d as defineCustomElement$3 } from './p-DBHtQK2b.js';
+import { d as defineCustomElement$2 } from './p-wphqTozF.js';
+import { d as defineCustomElement$1 } from './p-DxDoo-4C.js';
 
 const nylasSpecificTimeAvailabilityPickerCss = ":host{display:block;width:100%}.nylas-specific-time-availability-picker{display:flex;margin:1rem;flex-direction:column;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-specific-time-availability-picker .content{padding:1.5rem;border-radius:var(--nylas-border-radius-2x);color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family);background:var(--nylas-base-25);display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.nylas-specific-time-availability-picker .content{padding:1rem;gap:1.25rem}}.nylas-specific-time-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-specific-time-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-specific-time-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-specific-time-availability-picker .timezone-selector{display:flex;flex-direction:column;gap:0.75rem;padding:1.25rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius)}@media (max-width: 768px){.nylas-specific-time-availability-picker .timezone-selector{padding:1rem}}.nylas-specific-time-availability-picker .timezone-selector .sub-header{margin:0;font-size:0.9375rem;font-weight:600;line-height:1.5;color:var(--nylas-base-900)}.nylas-specific-time-availability-picker .timezone-selector .timezone-description{margin:0;font-size:0.8125rem;line-height:1.5;color:var(--nylas-base-600)}.nylas-specific-time-availability-picker .timezone-selector select-dropdown{margin-top:0.25rem}.nylas-specific-time-availability-picker .timezone-selector .timezone-error{margin-top:0.5rem}.nylas-specific-time-availability-picker .specific-times-section{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius)}.nylas-specific-time-availability-picker .specific-times-section .section-header{margin:0 0 0.5rem 0;font-size:0.9375rem;font-weight:600;line-height:1.5;color:var(--nylas-base-900)}.nylas-specific-time-availability-picker .specific-times-section .section-description{margin:0 0 1rem 0;font-size:0.8125rem;line-height:1.5;color:var(--nylas-base-600)}.nylas-specific-time-availability-picker .specific-times{display:flex;flex-direction:column;gap:0.75rem}.nylas-specific-time-availability-picker .empty-state{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;text-align:center}.nylas-specific-time-availability-picker .empty-state .empty-icon{margin-bottom:1.5rem;opacity:0.4;color:var(--nylas-base-400)}.nylas-specific-time-availability-picker .empty-state .empty-title{margin:0 0 0.5rem 0;font-size:1.125rem;font-weight:600;color:var(--nylas-base-700);line-height:1.5}.nylas-specific-time-availability-picker .empty-state .empty-subtitle{margin:0;font-size:0.875rem;color:var(--nylas-base-500);line-height:1.5;max-width:300px}.nylas-specific-time-availability-picker .specific-time-entry{display:flex;flex-direction:column;gap:0;padding:1rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);transition:border-color 0.2s ease, box-shadow 0.2s ease}.nylas-specific-time-availability-picker .specific-time-entry:hover{border-color:var(--nylas-base-300)}.nylas-specific-time-availability-picker .specific-time-entry:focus-within{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .entry-content{display:grid;grid-template:1fr auto/auto 1fr;gap:0.75rem;align-items:center}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .entry-content{grid-template:unset;grid-template-areas:\"date\" \"time_or_unavailable\" \"actions\";grid-template-columns:1fr auto auto;gap:0.75rem}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{flex:0 0 auto}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .date-input-container{grid-area:date}}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container .date-input{width:100%}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container nylas-date-component::part(ic__date){border:1px solid var(--nylas-base-200);height:48px;display:flex;align-items:center;border-radius:var(--nylas-border-radius);transition:border-color 0.2s ease, box-shadow 0.2s ease}.nylas-specific-time-availability-picker .specific-time-entry .date-input-container nylas-date-component::part(ic__date):focus-within{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .time-pickers{grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers nylas-time-window-picker{flex:1;min-width:0}.nylas-specific-time-availability-picker .specific-time-entry .time-pickers .time-separator{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500;flex-shrink:0;line-height:1;user-select:none}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{flex:1;display:flex;align-items:center;padding:0 1rem;border-radius:var(--nylas-border-radius);background:var(--nylas-base-50);border:1px solid var(--nylas-base-200);min-height:48px}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text{grid-area:time_or_unavailable}}.nylas-specific-time-availability-picker .specific-time-entry .unavailable-text .unavailable-label{font-size:0.875rem;color:var(--nylas-base-600);font-weight:500}.nylas-specific-time-availability-picker .specific-time-entry .action-buttons{display:flex;gap:0.5rem;align-items:center;grid-column:2;justify-content:end}@media (max-width: 768px){.nylas-specific-time-availability-picker .specific-time-entry .action-buttons{grid-area:actions;justify-self:end}}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);color:var(--nylas-base-500);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:hover{background:var(--nylas-base-50);border-color:var(--nylas-primary);color:var(--nylas-primary)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:focus{outline:none;border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button:active{background:var(--nylas-base-100)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable{background:var(--nylas-error-50);border-color:var(--nylas-error-200);color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .toggle-button.unavailable:hover{background:var(--nylas-error-100);border-color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);background:var(--nylas-base-0);color:var(--nylas-base-400);cursor:pointer;transition:all 0.2s ease;flex-shrink:0}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:hover{background:var(--nylas-error-50);border-color:var(--nylas-error-200);color:var(--nylas-error)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:focus{outline:none;border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}.nylas-specific-time-availability-picker .specific-time-entry .remove-button:active{background:var(--nylas-error-100)}.nylas-specific-time-availability-picker .specific-time-entry .error-message{width:100%;padding:0.5rem 0.75rem;background:var(--nylas-error-50);color:var(--nylas-error);font-size:0.8125rem;line-height:1.5;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-error-200);margin-top:0.5rem;display:flex;align-items:center;gap:0.5rem}.nylas-specific-time-availability-picker .add-button-container{display:flex;justify-content:flex-start;margin-top:0.5rem}.nylas-specific-time-availability-picker .add-button-container button-component{width:100%}@media (max-width: 768px){.nylas-specific-time-availability-picker .add-button-container button-component{font-size:0.875rem}}::part(nstap__add-button){border:1px dashed var(--nylas-base-200);background:var(--nylas-base-0);color:var(--nylas-base-700)}::part(nstap__add-button):hover{border-color:var(--nylas-primary);background:var(--nylas-base-50);color:var(--nylas-primary)}::part(nstap__time-picker-container){flex:1;min-width:0}::part(nstap__time-picker-input){width:100%;font-size:0.875rem;min-height:48px;display:flex;align-items:center;border-radius:var(--nylas-border-radius)}::part(nstap__date-input){width:100%}::part(nstap__date-field){width:100%;font-size:0.875rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:0.5rem 0.75rem}::part(nstap__date-field):focus{border-color:var(--nylas-primary);box-shadow:0 0 0 3px rgba(59, 130, 246, 0.1)}::part(nstap__date-wrapper){margin:0}::part(nstap__date-label){margin:0;padding:0}::part(nstap__date-label) p{display:none}";
 
@@ -329,11 +329,11 @@ const NylasSpecificTimeAvailabilityPicker = proxyCustomElement(class NylasSpecif
             value: key,
         }));
         const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.timezone);
-        return (h(Host, { key: '7049c1c647cb1ce33a3e80f67cb3ff55705e1018' }, h("div", { key: '74d4a49f782a429f903a822132dd27daa94992a0', class: "nylas-specific-time-availability-picker", part: "nstap" }, !this.hideHeader && (h("div", { key: '9be388aa5e1f888fb44502120b31960c5b63f88a', class: "header", part: "nstap__header" }, h("h3", { key: '63d493dad202523ded7aa3354af4be73b8059f52' }, instance.t('nylasSpecificTimeAvailabilityPicker.headerTitle')), h("p", { key: '0caa0cb461722b01050e2f972a2be9c9cb74c476' }, instance.t('nylasSpecificTimeAvailabilityPicker.headerDescription'), h("tooltip-component", { key: 'b2959dca6a5dcc899ab42c65b00209d097ffff3e' }, h("info-icon", { key: 'c74a56c7fb25c99753346357cad78edd6a87c3f0', slot: "tooltip-icon" }), h("span", { key: 'ec45df665cfadbcab55ad26ca54a7ce9e08f2326', slot: "tooltip-content" }, instance.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')))))), h("div", { key: '2691e73cf9944190205665bb55285b6cb4d91586', class: "content", part: "nstap__content" }, h("section", { key: '5daddbb341159a31f65c9f8afedb06397c6e20e5', class: "timezone-selector", part: "nstap__timezone-selector", "aria-labelledby": "timezone-header" }, h("h4", { key: '1c641746e94d0d297641a88b422547e19c563abd', id: "timezone-header", class: "sub-header" }, instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')), h("p", { key: 'c7cdd75f27d6e4a6cbc0e3f6e142f6a08a7a0623', class: "timezone-description" }, instance.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')), selectedTimezoneOption?.label && (h("select-dropdown", { key: '9bc1be6af94bddcb6109779bd9d489c7521fcc0d', name: "specific-time-timezone", searchPlaceholder: instance.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": instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone') }, h("span", { key: '75e1195b3322a1197bdceb044a451463895350a9', slot: "select-icon", "aria-hidden": "true" }, h("globe-icon", { key: 'f7f07d9256fb7e2d9625cf2d9b1562516a223a6d', width: "20", height: "20" })))), this.validationErrors['timezone'] && (h("div", { key: '0d61323cf078918266b99a1ac7e57f48b13b021e', class: "error-message timezone-error", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors['timezone']))), h("section", { key: '0b5a2cc8d9f48a544a01cda1fea716e3aec4d6ff', class: "specific-times-section", part: "nstap__specific-times-section", "aria-labelledby": "specific-times-header" }, h("h4", { key: 'b2081f9e17b8b49832b4c459c42603c0c10b11f5', id: "specific-times-header", class: "section-header" }, instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')), h("p", { key: '4af0ac36e8880255ff9edc0ebdc419c2277bbf23', class: "section-description" }, instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')), h("div", { key: '37508c7291d439133ee7d1217980453f40299335', 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" }, instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')), h("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, instance.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" }, instance.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: 'eebdadc4785b92c186738ac7b9cb2dde9fbce996' }, h("div", { key: 'a620af13300146972ef0e2ccd3d393bd0f34625e', class: "nylas-specific-time-availability-picker", part: "nstap" }, !this.hideHeader && (h("div", { key: '6b7c3c7a73e202ef6fb288e880a9eacba3759778', class: "header", part: "nstap__header" }, h("h3", { key: '01e13ae3a10ab877dc039afcdd69f48e1023d752' }, instance.t('nylasSpecificTimeAvailabilityPicker.headerTitle')), h("p", { key: '38fbec12451c9bd136a2e21b09ca9d439d9afb9d' }, instance.t('nylasSpecificTimeAvailabilityPicker.headerDescription'), h("tooltip-component", { key: '502f37259467a4cd486637e2ca1f9112768a7757' }, h("info-icon", { key: 'ebe5b465510530a9e7a054d284d0a327d869e626', slot: "tooltip-icon" }), h("span", { key: '95d0e593802256fb05a7500b0b77faa8b0c2a1be', slot: "tooltip-content" }, instance.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')))))), h("div", { key: '89b15e038648d7dc07fb395cba589dd20db92ad3', class: "content", part: "nstap__content" }, h("section", { key: 'aba6b14123776917164a523f01c94e6c593e1927', class: "timezone-selector", part: "nstap__timezone-selector", "aria-labelledby": "timezone-header" }, h("h4", { key: '02f309870da12e5fc010be80a9048ac0bb173a19', id: "timezone-header", class: "sub-header" }, instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')), h("p", { key: '1c4e5e41f0981067e881f61c2b53e83cc1fe65d8', class: "timezone-description" }, instance.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')), selectedTimezoneOption?.label && (h("select-dropdown", { key: '3ed2f26ce1fffb9e7eeed1facb40b72161c325d4', name: "specific-time-timezone", searchPlaceholder: instance.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": instance.t('nylasSpecificTimeAvailabilityPicker.selectTimezone') }, h("span", { key: 'b4105b6d343c0e8c8bbd26f33e35b34a36e00821', slot: "select-icon", "aria-hidden": "true" }, h("globe-icon", { key: 'e72ffc953f138b7b8c81fa9601d12f82cd878a38', width: "20", height: "20" })))), this.validationErrors['timezone'] && (h("div", { key: '87c4c33e678fa738c845ed6fef29ddd617b2c424', class: "error-message timezone-error", part: "nstap__error-message", role: "alert", "aria-live": "polite" }, this.validationErrors['timezone']))), h("section", { key: 'b05db49af28232963b451e24a2ea364848e87b3e', class: "specific-times-section", part: "nstap__specific-times-section", "aria-labelledby": "specific-times-header" }, h("h4", { key: 'f0b566bd768e9bc0751a160e07b5da422bac336f', id: "specific-times-header", class: "section-header" }, instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')), h("p", { key: 'aff99e63618a61037ba64cedfe4facc354991ef2', class: "section-description" }, instance.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')), h("div", { key: '28c04af5aa3e9b481ba111865bc8869d7b2038c0', 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" }, instance.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')), h("p", { class: "empty-subtitle", part: "nstap__empty-subtitle" }, instance.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" }, instance.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
                 ? instance.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')
                 : instance.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable'), title: entry.isUnavailable
                 ? instance.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')
-                : instance.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: '2811d8e91042c522be8a2ad3919e1f7ad9538325', class: "add-button-container", part: "nstap__add-button-container" }, h("button-component", { key: 'da2619fb00e46abbec7bfbec84620772547520a1', id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic", "aria-label": instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability') }, h("add-circle-icon", { key: 'b8fa98d0d5e8e41d685e54e93e720d935cf62bfa', width: "24", height: "24", "aria-hidden": "true" }), instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability'))))))));
+                : instance.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: '6c055484d6da9537f29a92f75aafb94b3f53b2bc', class: "add-button-container", part: "nstap__add-button-container" }, h("button-component", { key: '95cd31c30c35c15c06787a12dc749bca5e8702ec', id: "add-specific-time-open-hour", onClick: () => this.addSpecificTimeAvailability(), part: "nstap__add-button", variant: "basic", "aria-label": instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability') }, h("add-circle-icon", { key: '7922cee5395f9768aaab93a0bf3ff437ce870b48', width: "24", height: "24", "aria-hidden": "true" }), instance.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability'))))))));
     }
     static get formAssociated() { return true; }
     get host() { return this; }
@@ -457,6 +457,6 @@ function defineCustomElement() {
 }
 
 export { NylasSpecificTimeAvailabilityPicker as N, defineCustomElement as d };
-//# sourceMappingURL=p-dBa2aR6u.js.map
+//# sourceMappingURL=p-8f-LJhGH.js.map
 
-//# sourceMappingURL=p-dBa2aR6u.js.map
+//# sourceMappingURL=p-8f-LJhGH.js.map

package/dist/components/{p-dBa2aR6u.js.map → p-8f-LJhGH.js.map}

@@ -1 +1 @@
-{"file":"p-dBa2aR6u.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.scss?tag=nylas-specific-time-availability-picker&encapsulation=shadow","src/components/scheduler-editor/nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.nylas-specific-time-availability-picker {\n  display: flex;\n  margin: 1rem;\n  flex-direction: column;\n  border-radius: var(--nylas-border-radius-2x);\n  border: 1px solid var(--nylas-base-200);\n\n  .content {\n    padding: 1.5rem;\n    border-radius: var(--nylas-border-radius-2x);\n    color: var(--nylas-base-900);\n    font-size: 16px;\n    font-family: var(--nylas-font-family);\n    background: var(--nylas-base-25);\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n\n    @media (max-width: 768px) {\n      padding: 1rem;\n      gap: 1.25rem;\n    }\n  }\n\n  .header {\n    padding: 1rem;\n    border-bottom: 1px solid var(--nylas-base-200);\n\n    h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 20px;\n      color: var(--nylas-base-900);\n      text-align: left;\n    }\n\n    p {\n      margin: 0.25rem 0 0 0;\n      font-size: 0.875rem;\n      font-weight: 400;\n      line-height: 20px;\n      color: var(--nylas-base-600);\n      text-align: left;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n\n  .timezone-selector {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    padding: 1.25rem;\n    background: var(--nylas-base-0);\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius);\n\n    @media (max-width: 768px) {\n      padding: 1rem;\n    }\n\n    .sub-header {\n      margin: 0;\n      font-size: 0.9375rem;\n      font-weight: 600;\n      line-height: 1.5;\n      color: var(--nylas-base-900);\n    }\n\n    .timezone-description {\n      margin: 0;\n      font-size: 0.8125rem;\n      line-height: 1.5;\n      color: var(--nylas-base-600);\n    }\n\n    select-dropdown {\n      margin-top: 0.25rem;\n    }\n\n    .timezone-error {\n      margin-top: 0.5rem;\n    }\n  }\n\n  .specific-times-section {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    padding: 1.25rem;\n    background: var(--nylas-base-0);\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius);\n\n    .section-header {\n      margin: 0 0 0.5rem 0;\n      font-size: 0.9375rem;\n      font-weight: 600;\n      line-height: 1.5;\n      color: var(--nylas-base-900);\n    }\n\n    .section-description {\n      margin: 0 0 1rem 0;\n      font-size: 0.8125rem;\n      line-height: 1.5;\n      color: var(--nylas-base-600);\n    }\n  }\n\n  .specific-times {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem 1rem;\n    text-align: center;\n\n    .empty-icon {\n      margin-bottom: 1.5rem;\n      opacity: 0.4;\n      color: var(--nylas-base-400);\n    }\n\n    .empty-title {\n      margin: 0 0 0.5rem 0;\n      font-size: 1.125rem;\n      font-weight: 600;\n      color: var(--nylas-base-700);\n      line-height: 1.5;\n    }\n\n    .empty-subtitle {\n      margin: 0;\n      font-size: 0.875rem;\n      color: var(--nylas-base-500);\n      line-height: 1.5;\n      max-width: 300px;\n    }\n  }\n\n  .specific-time-entry {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    padding: 1rem;\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius);\n    background: var(--nylas-base-0);\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease;\n\n    &:hover {\n      border-color: var(--nylas-base-300);\n    }\n\n    &:focus-within {\n      border-color: var(--nylas-primary);\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .entry-content {\n      display: grid;\n      grid-template: 1fr auto / auto 1fr;\n      gap: 0.75rem;\n      align-items: center;\n\n      @media (max-width: 768px) {\n        grid-template: unset;\n        grid-template-areas:\n          'date'\n          'time_or_unavailable'\n          'actions';\n        grid-template-columns: 1fr auto auto;\n        gap: 0.75rem;\n      }\n    }\n\n    .date-input-container {\n      flex: 0 0 auto;\n\n      @media (max-width: 768px) {\n        grid-area: date;\n      }\n\n      .date-input {\n        width: 100%;\n      }\n\n      nylas-date-component::part(ic__date) {\n        border: 1px solid var(--nylas-base-200);\n        height: 48px;\n        display: flex;\n        align-items: center;\n        border-radius: var(--nylas-border-radius);\n        transition:\n          border-color 0.2s ease,\n          box-shadow 0.2s ease;\n\n        &:focus-within {\n          border-color: var(--nylas-primary);\n          box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n        }\n      }\n    }\n\n    .time-pickers {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      flex: 1;\n      min-width: 0;\n\n      @media (max-width: 768px) {\n        grid-area: time_or_unavailable;\n      }\n\n      nylas-time-window-picker {\n        flex: 1;\n        min-width: 0;\n      }\n\n      .time-separator {\n        font-size: 0.875rem;\n        color: var(--nylas-base-600);\n        font-weight: 500;\n        flex-shrink: 0;\n        line-height: 1;\n        user-select: none;\n      }\n    }\n\n    .unavailable-text {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      border-radius: var(--nylas-border-radius);\n      background: var(--nylas-base-50);\n      border: 1px solid var(--nylas-base-200);\n      min-height: 48px;\n\n      @media (max-width: 768px) {\n        grid-area: time_or_unavailable;\n      }\n\n      .unavailable-label {\n        font-size: 0.875rem;\n        color: var(--nylas-base-600);\n        font-weight: 500;\n      }\n    }\n\n    .action-buttons {\n      display: flex;\n      gap: 0.5rem;\n      align-items: center;\n      grid-column: 2;\n      justify-content: end;\n\n      @media (max-width: 768px) {\n        grid-area: actions;\n        justify-self: end;\n      }\n    }\n\n    .toggle-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      padding: 0;\n      border: 1px solid var(--nylas-base-200);\n      border-radius: var(--nylas-border-radius);\n      background: var(--nylas-base-0);\n      color: var(--nylas-base-500);\n      cursor: pointer;\n      transition: all 0.2s ease;\n      flex-shrink: 0;\n\n      &:hover {\n        background: var(--nylas-base-50);\n        border-color: var(--nylas-primary);\n        color: var(--nylas-primary);\n      }\n\n      &:focus {\n        outline: none;\n        border-color: var(--nylas-primary);\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n      }\n\n      &:active {\n        background: var(--nylas-base-100);\n      }\n\n      &.unavailable {\n        background: var(--nylas-error-50);\n        border-color: var(--nylas-error-200);\n        color: var(--nylas-error);\n\n        &:hover {\n          background: var(--nylas-error-100);\n          border-color: var(--nylas-error);\n        }\n      }\n    }\n\n    .remove-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      padding: 0;\n      border: 1px solid var(--nylas-base-200);\n      border-radius: var(--nylas-border-radius);\n      background: var(--nylas-base-0);\n      color: var(--nylas-base-400);\n      cursor: pointer;\n      transition: all 0.2s ease;\n      flex-shrink: 0;\n\n      &:hover {\n        background: var(--nylas-error-50);\n        border-color: var(--nylas-error-200);\n        color: var(--nylas-error);\n      }\n\n      &:focus {\n        outline: none;\n        border-color: var(--nylas-primary);\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n      }\n\n      &:active {\n        background: var(--nylas-error-100);\n      }\n    }\n\n    .error-message {\n      width: 100%;\n      padding: 0.5rem 0.75rem;\n      background: var(--nylas-error-50);\n      color: var(--nylas-error);\n      font-size: 0.8125rem;\n      line-height: 1.5;\n      border-radius: var(--nylas-border-radius);\n      border: 1px solid var(--nylas-error-200);\n      margin-top: 0.5rem;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n  }\n\n  .add-button-container {\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 0.5rem;\n\n    button-component {\n      width: 100%;\n\n      @media (max-width: 768px) {\n        font-size: 0.875rem;\n      }\n    }\n  }\n}\n\n// Override button-component styles for the add button\n::part(nstap__add-button) {\n  border: 1px dashed var(--nylas-base-200);\n  background: var(--nylas-base-0);\n  color: var(--nylas-base-700);\n\n  &:hover {\n    border-color: var(--nylas-primary);\n    background: var(--nylas-base-50);\n    color: var(--nylas-primary);\n  }\n}\n\n// Custom styling for time picker components\n::part(nstap__time-picker-container) {\n  flex: 1;\n  min-width: 0;\n}\n\n::part(nstap__time-picker-input) {\n  width: 100%;\n  font-size: 0.875rem;\n  min-height: 48px;\n  display: flex;\n  align-items: center;\n  border-radius: var(--nylas-border-radius);\n}\n\n// Custom styling for date input component\n::part(nstap__date-input) {\n  width: 100%;\n}\n\n::part(nstap__date-field) {\n  width: 100%;\n  font-size: 0.875rem;\n  border: 1px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius);\n  padding: 0.5rem 0.75rem;\n\n  &:focus {\n    border-color: var(--nylas-primary);\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n  }\n}\n\n::part(nstap__date-wrapper) {\n  margin: 0;\n}\n\n::part(nstap__date-label) {\n  margin: 0;\n  padding: 0;\n\n  p {\n    display: none; // Hide label since we don't need it\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, Watch, State, Listen } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { LANGUAGE_CODE, TIMEZONE_MAP } from '@/common/constants';\nimport { Configuration, SpecificTimeAvailability, ThemeConfig } from '@nylas/core';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { debug, convertTo12HourFormat, convertTo24HourFormat, timeToMinutes } from '@/utils/utils';\nimport i18next from '@/utils/i18n';\n\n@Component({\n  tag: 'nylas-specific-time-availability-picker',\n  styleUrl: 'nylas-specific-time-availability-picker.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasSpecificTimeAvailabilityPicker {\n  /**\n   * The element <nylas-specific-time-availability-picker> itself.\n   */\n  @Element() host!: HTMLNylasSpecificTimeAvailabilityPickerElement;\n\n  /**\n   * @standalone\n   * The name of the specific date availability picker.\n   */\n  @Prop() name: string = 'specific-time-availability';\n\n  /**\n   * @standalone\n   * The selected configuration.\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * @standalone\n   * The specific date open hours.\n   */\n  @Prop() specificTimesAvailability?: SpecificTimeAvailability[];\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * @standalone\n   * Hide the header of the specific time availability picker.\n   */\n  @Prop() hideHeader: boolean = false;\n\n  /**\n   * @standalone\n   * The default timezone or preset timezone.\n   */\n  @Prop() defaultTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * @standalone\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The event is fired when the specific date open hours change.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  /**\n   * Internal state for managing specific date entries\n   */\n  @State() specificDateEntries: Array<{\n    id: string;\n    date: string;\n    startTime: string;\n    endTime: string;\n    isUnavailable: boolean;\n  }> = [];\n\n  /**\n   * State for tracking validation errors\n   */\n  @State() validationErrors: { [key: string]: string } = {};\n\n  /**\n   * The selected timezone state.\n   */\n  @State() timezone: string = '';\n\n  connectedCallback() {\n    debug('nylas-specific-time-availability-picker', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-specific-time-availability-picker', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-specific-time-availability-picker', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-specific-time-availability-picker', 'componentDidLoad');\n\n    // Initialize timezone\n    if (this.selectedConfiguration) {\n      this.timezone = this.selectedConfiguration?.event_booking?.timezone || this.defaultTimezone;\n      this.configChangedHandler(this.selectedConfiguration);\n    } else {\n      this.timezone = this.defaultTimezone;\n      if (this.specificTimesAvailability && this.specificTimesAvailability.length > 0) {\n        this.loadSpecificTimeAvailability();\n      }\n    }\n  }\n\n  get isInternalsAvailable() {\n    return typeof this.internals.setFormValue === 'function';\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-specific-time-availability-picker', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('defaultTimezone')\n  defaultTimezoneChanged(newValue: string) {\n    if (newValue && newValue !== this.timezone) {\n      this.timezone = newValue;\n      this.emitValueChanged();\n    }\n  }\n\n  @Watch('selectedConfiguration')\n  configChangedHandler(newConfig: Configuration) {\n    debug('nylas-specific-time-availability-picker', 'configChangedHandler', newConfig);\n    // Load specific date open hours from the configuration participants\n    this.loadSpecificTimeAvailability();\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  loadSpecificTimeAvailability() {\n    if (!this.specificTimesAvailability || this.specificTimesAvailability.length === 0) {\n      return;\n    }\n\n    // If timezone is provided in the first entry, use it\n    if (this.specificTimesAvailability[0].timezone) {\n      this.timezone = this.specificTimesAvailability[0].timezone;\n    }\n\n    const entries = this.specificTimesAvailability.map((item, index) => {\n      // Check if both start and end are \"00:00\" - this indicates an unavailable day\n      const isUnavailable = item.start === '00:00' && item.end === '00:00';\n\n      return {\n        id: `specific-time-${index}`,\n        date: item.date,\n        startTime: isUnavailable ? '09:00am' : convertTo12HourFormat(item.start),\n        endTime: isUnavailable ? '05:00pm' : convertTo12HourFormat(item.end),\n        isUnavailable,\n      };\n    });\n\n    this.specificDateEntries = entries;\n    this.emitValueChanged();\n  }\n\n  addSpecificTimeAvailability() {\n    // Initialize with incremental dates based on existing entries\n    // First entry: today, second entry: tomorrow, third entry: day after, etc.\n    const today = new Date();\n    const targetDate = new Date(today);\n    targetDate.setDate(today.getDate() + this.specificDateEntries.length);\n    const formattedDate = targetDate.toISOString().split('T')[0];\n\n    const newEntry = {\n      id: `specific-time-${Date.now()}`,\n      date: formattedDate,\n      startTime: '09:00am',\n      endTime: '05:00pm',\n      isUnavailable: false,\n      timezone: this.timezone,\n    };\n\n    this.specificDateEntries = [...this.specificDateEntries, newEntry];\n\n    // Clear any global validation errors since we're adding a new valid entry\n    if (this.isInternalsAvailable) {\n      this.internals.setValidity({ customError: false });\n    }\n\n    this.emitValueChanged();\n  }\n\n  removeSpecificTimeAvailability(id: string) {\n    this.specificDateEntries = this.specificDateEntries.filter(entry => entry.id !== id);\n\n    // Clear validation error for the removed entry\n    if (this.validationErrors[id]) {\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[id];\n      this.validationErrors = newErrors;\n    }\n\n    this.emitValueChanged();\n  }\n\n  toggleAvailability(id: string) {\n    this.specificDateEntries = this.specificDateEntries.map(entry => {\n      if (entry.id === id) {\n        return { ...entry, isUnavailable: !entry.isUnavailable };\n      }\n      return entry;\n    });\n\n    // Clear any existing validation error for this entry since availability state changed\n    if (this.validationErrors[id]) {\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[id];\n      this.validationErrors = newErrors;\n    }\n\n    this.emitValueChanged();\n  }\n\n  /**\n   * Validates a single date entry\n   */\n  validateEntry(entry: (typeof this.specificDateEntries)[0]): string | null {\n    // Check if date is empty or invalid\n    if (!entry.date) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.dateRequired');\n    }\n\n    const dateObj = new Date(entry.date);\n    if (isNaN(dateObj.getTime())) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.invalidDateFormat');\n    }\n\n    // If unavailable, no need to validate times\n    if (entry.isUnavailable) {\n      return null;\n    }\n\n    // Validate start and end times are present\n    if (!entry.startTime || !entry.endTime) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.timesRequired');\n    }\n\n    // Validate start time is before end time\n    const startMinutes = timeToMinutes(entry.startTime);\n    const endMinutes = timeToMinutes(entry.endTime);\n\n    if (startMinutes >= endMinutes) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.startTimeBeforeEndTime');\n    }\n\n    return null;\n  }\n\n  /**\n   * Validates that timezone is set when there are entries\n   */\n  validateTimezone(): string | null {\n    if (this.specificDateEntries.length > 0 && !this.timezone) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.timezoneRequired');\n    }\n    return null;\n  }\n\n  /**\n   * Validates all entries and updates validation state\n   */\n  validateAllEntries() {\n    const errors: { [key: string]: string } = {};\n    let hasErrors = false;\n\n    // Validate timezone first\n    const timezoneError = this.validateTimezone();\n    if (timezoneError) {\n      errors['timezone'] = timezoneError;\n      hasErrors = true;\n    }\n\n    this.specificDateEntries.forEach(entry => {\n      const error = this.validateEntry(entry);\n      if (error) {\n        errors[entry.id] = error;\n        hasErrors = true;\n      }\n    });\n\n    this.validationErrors = errors;\n\n    // Update form validity\n    if (hasErrors) {\n      // Prioritize timezone error, then entry errors\n      const firstErrorKey = errors['timezone'] ? 'timezone' : Object.keys(errors)[0];\n      const firstErrorElement =\n        firstErrorKey === 'timezone'\n          ? (this.host.shadowRoot?.querySelector('.timezone-selector') as HTMLElement)\n          : (this.host.shadowRoot?.querySelector(`[data-entry-id=\"${firstErrorKey}\"]`) as HTMLElement);\n\n      if (this.isInternalsAvailable && firstErrorElement) {\n        this.internals.setValidity({ customError: true }, 'Please fix validation errors', firstErrorElement);\n      }\n    } else {\n      if (this.isInternalsAvailable) {\n        this.internals.setValidity({ customError: false });\n      }\n    }\n\n    return !hasErrors;\n  }\n\n  @Listen('timeChange')\n  handleTimeChange(event: CustomEvent<{ key: string; value: string }>) {\n    const { key, value } = event.detail;\n    const [entryId, timeType] = key.split('_');\n\n    this.specificDateEntries = this.specificDateEntries.map(entry => {\n      if (entry.id === entryId) {\n        return {\n          ...entry,\n          [timeType === 'start' ? 'startTime' : 'endTime']: value,\n        };\n      }\n      return entry;\n    });\n\n    // Clear any existing validation error for this entry\n    if (this.validationErrors[entryId]) {\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[entryId];\n      this.validationErrors = newErrors;\n    }\n\n    // Clear form validity errors related to time\n    if (this.isInternalsAvailable) {\n      this.internals.setValidity({ customError: false });\n    }\n\n    this.emitValueChanged();\n  }\n\n  @Listen('timeWindowFormError')\n  setFormError(event: CustomEvent<{ key: string; message: string }>) {\n    const { key, message } = event.detail;\n    const [entryId] = key.split('_');\n\n    if (message) {\n      // Set validation error for this entry\n      this.validationErrors = {\n        ...this.validationErrors,\n        [entryId]: message,\n      };\n\n      const element = this.host.shadowRoot?.getElementById(key);\n      if (element && this.isInternalsAvailable) {\n        this.internals.setValidity({ customError: true }, message, element as HTMLInputElement);\n      }\n    } else {\n      // Clear validation error for this entry\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[entryId];\n      this.validationErrors = newErrors;\n\n      if (this.isInternalsAvailable) {\n        this.internals.setValidity({ customError: false });\n      }\n    }\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'specific-time-timezone') {\n      this.timezone = value;\n\n      // Clear timezone validation error if it exists\n      if (this.validationErrors['timezone']) {\n        const newErrors = { ...this.validationErrors };\n        delete newErrors['timezone'];\n        this.validationErrors = newErrors;\n      }\n\n      this.emitValueChanged();\n    }\n  }\n\n  @Listen('nylasFormInputChanged')\n  handleFormInputChange(event: CustomEvent<{ value: string; name: string; label: string; type: string; error: string }>) {\n    const { name, value } = event.detail;\n\n    // Check if this is a date input for our component\n    if (name.startsWith('date-') && name.includes('specific-time-')) {\n      const entryId = name.replace('date-', '');\n\n      this.specificDateEntries = this.specificDateEntries.map(entry => {\n        if (entry.id === entryId) {\n          return { ...entry, date: value };\n        }\n        return entry;\n      });\n\n      // Clear any existing validation error for this entry\n      if (this.validationErrors[entryId]) {\n        const newErrors = { ...this.validationErrors };\n        delete newErrors[entryId];\n        this.validationErrors = newErrors;\n      }\n\n      this.emitValueChanged();\n    }\n  }\n\n  emitValueChanged() {\n    // Validate all entries before emitting\n    const isValid = this.validateAllEntries();\n\n    const specificTimesAvailability = this.specificDateEntries\n      .filter(entry => entry.date && (entry.isUnavailable || (entry.startTime && entry.endTime)))\n      .map(entry => ({\n        date: entry.date,\n        start: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.startTime),\n        end: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.endTime),\n        timezone: this.timezone,\n      }));\n\n    const value = JSON.stringify(specificTimesAvailability);\n\n    if (this.isInternalsAvailable && isValid) {\n      this.internals.setFormValue(value, this.name);\n    }\n\n    this.valueChanged.emit({\n      value,\n      name: this.name,\n    });\n  }\n\n  @RegisterComponent<NylasSpecificTimeAvailabilityPicker, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-specific-time-availability-picker',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    fireRegisterEvent: true,\n  })\n  render() {\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.timezone);\n\n    return (\n      <Host>\n        <div class=\"nylas-specific-time-availability-picker\" part=\"nstap\">\n          {!this.hideHeader && (\n            <div class=\"header\" part=\"nstap__header\">\n              <h3>{i18next.t('nylasSpecificTimeAvailabilityPicker.headerTitle')}</h3>\n              <p>\n                {i18next.t('nylasSpecificTimeAvailabilityPicker.headerDescription')}\n                <tooltip-component>\n                  <info-icon slot=\"tooltip-icon\" />\n                  <span slot=\"tooltip-content\">{i18next.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')}</span>\n                </tooltip-component>\n              </p>\n            </div>\n          )}\n          <div class=\"content\" part=\"nstap__content\">\n            <section class=\"timezone-selector\" part=\"nstap__timezone-selector\" aria-labelledby=\"timezone-header\">\n              <h4 id=\"timezone-header\" class=\"sub-header\">\n                {i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')}\n              </h4>\n              <p class=\"timezone-description\">{i18next.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')}</p>\n              {selectedTimezoneOption?.label && (\n                <select-dropdown\n                  name=\"specific-time-timezone\"\n                  searchPlaceholder={i18next.t('search')}\n                  exportparts=\"sd_dropdown: nstap__timezone-container, sd_dropdown-button: nstap__timezone-button, sd_dropdown-content: nstap__timezone-dropdown-content\"\n                  options={timezoneOptions}\n                  defaultSelectedOption={selectedTimezoneOption}\n                  themeConfig={this.themeConfig}\n                  aria-label={i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')}\n                >\n                  <span slot=\"select-icon\" aria-hidden=\"true\">\n                    <globe-icon width=\"20\" height=\"20\" />\n                  </span>\n                </select-dropdown>\n              )}\n              {this.validationErrors['timezone'] && (\n                <div class=\"error-message timezone-error\" part=\"nstap__error-message\" role=\"alert\" aria-live=\"polite\">\n                  {this.validationErrors['timezone']}\n                </div>\n              )}\n            </section>\n            <section class=\"specific-times-section\" part=\"nstap__specific-times-section\" aria-labelledby=\"specific-times-header\">\n              <h4 id=\"specific-times-header\" class=\"section-header\">\n                {i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')}\n              </h4>\n              <p class=\"section-description\">{i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')}</p>\n              <div class=\"specific-times\" part=\"nstap__specific-times\" role=\"list\">\n                {this.specificDateEntries.length === 0 ? (\n                  <div class=\"empty-state\" part=\"nstap__empty-state\">\n                    <div class=\"empty-icon\" part=\"nstap__empty-icon\">\n                      <calendar-icon width=\"32\" height=\"32\" />\n                    </div>\n                    <h3 class=\"empty-title\" part=\"nstap__empty-title\">\n                      {i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')}\n                    </h3>\n                    <p class=\"empty-subtitle\" part=\"nstap__empty-subtitle\">\n                      {i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.subtitle')}\n                    </p>\n                  </div>\n                ) : (\n                  this.specificDateEntries.map((entry, index) => (\n                    <article\n                      class=\"specific-time-entry\"\n                      part=\"nstap__specific-time-entry\"\n                      key={entry.id}\n                      data-entry-id={entry.id}\n                      role=\"listitem\"\n                      aria-label={`Specific time availability entry ${index + 1}`}\n                    >\n                      <div class=\"entry-content\" part=\"nstap__entry-content\">\n                        <div class=\"date-input-container\" part=\"nstap__date-input-container\">\n                          <nylas-date-component\n                            name={`date-${entry.id}`}\n                            defaultValue={entry.date}\n                            placeholder=\"yyyy-mm-dd\"\n                            part=\"nstap__date-input\"\n                            class=\"date-input\"\n                            themeConfig={this.themeConfig}\n                            exportparts=\"ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label\"\n                            aria-label={`Date for entry ${index + 1}`}\n                          />\n                        </div>\n                        {entry.isUnavailable ? (\n                          <div class=\"unavailable-text\" part=\"nstap__unavailable-text\" role=\"status\">\n                            <span class=\"unavailable-label\">{i18next.t('nylasSpecificTimeAvailabilityPicker.entireDayUnavailable')}</span>\n                          </div>\n                        ) : (\n                          <div class=\"time-pickers\" part=\"nstap__time-pickers\" role=\"group\" aria-label=\"Time range\">\n                            <nylas-time-window-picker\n                              id={`${entry.id}_start`}\n                              time={entry.startTime}\n                              name={`${entry.id}_start`}\n                              key={`${entry.id}_start`}\n                              language={this.selectedLanguage}\n                              hasError={!!this.validationErrors[entry.id]}\n                              themeConfig={this.themeConfig}\n                              exportparts=\"time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times\"\n                              aria-label={`Start time for entry ${index + 1}`}\n                            />\n                            <span class=\"time-separator\" aria-hidden=\"true\">\n                              -\n                            </span>\n                            <nylas-time-window-picker\n                              id={`${entry.id}_end`}\n                              time={entry.endTime}\n                              name={`${entry.id}_end`}\n                              key={`${entry.id}_end`}\n                              minimumStartTime={entry.startTime}\n                              language={this.selectedLanguage}\n                              hasError={!!this.validationErrors[entry.id]}\n                              themeConfig={this.themeConfig}\n                              exportparts=\"time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times\"\n                              aria-label={`End time for entry ${index + 1}`}\n                            />\n                          </div>\n                        )}\n                        <div class=\"action-buttons\" part=\"nstap__action-buttons\">\n                          <button\n                            type=\"button\"\n                            class={{ 'toggle-button': true, 'unavailable': entry.isUnavailable }}\n                            part=\"nstap__toggle-button\"\n                            onClick={() => this.toggleAvailability(entry.id)}\n                            aria-label={\n                              entry.isUnavailable\n                                ? i18next.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')\n                                : i18next.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable')\n                            }\n                            title={\n                              entry.isUnavailable\n                                ? i18next.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')\n                                : i18next.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable')\n                            }\n                          >\n                            <calendar-icon width=\"20\" height=\"20\" aria-hidden=\"true\" />\n                          </button>\n                          <button\n                            type=\"button\"\n                            class=\"remove-button\"\n                            part=\"nstap__remove-button\"\n                            onClick={() => this.removeSpecificTimeAvailability(entry.id)}\n                            aria-label={`Remove specific time entry ${index + 1}`}\n                            title=\"Remove\"\n                          >\n                            <close-icon width=\"16\" height=\"16\" aria-hidden=\"true\" />\n                          </button>\n                        </div>\n                      </div>\n                      {this.validationErrors[entry.id] && (\n                        <div class=\"error-message\" part=\"nstap__error-message\" role=\"alert\" aria-live=\"polite\">\n                          {this.validationErrors[entry.id]}\n                        </div>\n                      )}\n                    </article>\n                  ))\n                )}\n              </div>\n              <div class=\"add-button-container\" part=\"nstap__add-button-container\">\n                <button-component\n                  id=\"add-specific-time-open-hour\"\n                  onClick={() => this.addSpecificTimeAvailability()}\n                  part=\"nstap__add-button\"\n                  variant=\"basic\"\n                  aria-label={i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability')}\n                >\n                  <add-circle-icon width=\"24\" height=\"24\" aria-hidden=\"true\" />\n                  {i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability')}\n                </button-component>\n              </div>\n            </section>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-8f-LJhGH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.scss?tag=nylas-specific-time-availability-picker&encapsulation=shadow","src/components/scheduler-editor/nylas-specific-time-availability-picker/nylas-specific-time-availability-picker.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.nylas-specific-time-availability-picker {\n  display: flex;\n  margin: 1rem;\n  flex-direction: column;\n  border-radius: var(--nylas-border-radius-2x);\n  border: 1px solid var(--nylas-base-200);\n\n  .content {\n    padding: 1.5rem;\n    border-radius: var(--nylas-border-radius-2x);\n    color: var(--nylas-base-900);\n    font-size: 16px;\n    font-family: var(--nylas-font-family);\n    background: var(--nylas-base-25);\n    display: flex;\n    flex-direction: column;\n    gap: 1.5rem;\n\n    @media (max-width: 768px) {\n      padding: 1rem;\n      gap: 1.25rem;\n    }\n  }\n\n  .header {\n    padding: 1rem;\n    border-bottom: 1px solid var(--nylas-base-200);\n\n    h3 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      line-height: 20px;\n      color: var(--nylas-base-900);\n      text-align: left;\n    }\n\n    p {\n      margin: 0.25rem 0 0 0;\n      font-size: 0.875rem;\n      font-weight: 400;\n      line-height: 20px;\n      color: var(--nylas-base-600);\n      text-align: left;\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n  }\n\n  .timezone-selector {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n    padding: 1.25rem;\n    background: var(--nylas-base-0);\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius);\n\n    @media (max-width: 768px) {\n      padding: 1rem;\n    }\n\n    .sub-header {\n      margin: 0;\n      font-size: 0.9375rem;\n      font-weight: 600;\n      line-height: 1.5;\n      color: var(--nylas-base-900);\n    }\n\n    .timezone-description {\n      margin: 0;\n      font-size: 0.8125rem;\n      line-height: 1.5;\n      color: var(--nylas-base-600);\n    }\n\n    select-dropdown {\n      margin-top: 0.25rem;\n    }\n\n    .timezone-error {\n      margin-top: 0.5rem;\n    }\n  }\n\n  .specific-times-section {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    padding: 1.25rem;\n    background: var(--nylas-base-0);\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius);\n\n    .section-header {\n      margin: 0 0 0.5rem 0;\n      font-size: 0.9375rem;\n      font-weight: 600;\n      line-height: 1.5;\n      color: var(--nylas-base-900);\n    }\n\n    .section-description {\n      margin: 0 0 1rem 0;\n      font-size: 0.8125rem;\n      line-height: 1.5;\n      color: var(--nylas-base-600);\n    }\n  }\n\n  .specific-times {\n    display: flex;\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n\n  .empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem 1rem;\n    text-align: center;\n\n    .empty-icon {\n      margin-bottom: 1.5rem;\n      opacity: 0.4;\n      color: var(--nylas-base-400);\n    }\n\n    .empty-title {\n      margin: 0 0 0.5rem 0;\n      font-size: 1.125rem;\n      font-weight: 600;\n      color: var(--nylas-base-700);\n      line-height: 1.5;\n    }\n\n    .empty-subtitle {\n      margin: 0;\n      font-size: 0.875rem;\n      color: var(--nylas-base-500);\n      line-height: 1.5;\n      max-width: 300px;\n    }\n  }\n\n  .specific-time-entry {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    padding: 1rem;\n    border: 1px solid var(--nylas-base-200);\n    border-radius: var(--nylas-border-radius);\n    background: var(--nylas-base-0);\n    transition:\n      border-color 0.2s ease,\n      box-shadow 0.2s ease;\n\n    &:hover {\n      border-color: var(--nylas-base-300);\n    }\n\n    &:focus-within {\n      border-color: var(--nylas-primary);\n      box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .entry-content {\n      display: grid;\n      grid-template: 1fr auto / auto 1fr;\n      gap: 0.75rem;\n      align-items: center;\n\n      @media (max-width: 768px) {\n        grid-template: unset;\n        grid-template-areas:\n          'date'\n          'time_or_unavailable'\n          'actions';\n        grid-template-columns: 1fr auto auto;\n        gap: 0.75rem;\n      }\n    }\n\n    .date-input-container {\n      flex: 0 0 auto;\n\n      @media (max-width: 768px) {\n        grid-area: date;\n      }\n\n      .date-input {\n        width: 100%;\n      }\n\n      nylas-date-component::part(ic__date) {\n        border: 1px solid var(--nylas-base-200);\n        height: 48px;\n        display: flex;\n        align-items: center;\n        border-radius: var(--nylas-border-radius);\n        transition:\n          border-color 0.2s ease,\n          box-shadow 0.2s ease;\n\n        &:focus-within {\n          border-color: var(--nylas-primary);\n          box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n        }\n      }\n    }\n\n    .time-pickers {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      flex: 1;\n      min-width: 0;\n\n      @media (max-width: 768px) {\n        grid-area: time_or_unavailable;\n      }\n\n      nylas-time-window-picker {\n        flex: 1;\n        min-width: 0;\n      }\n\n      .time-separator {\n        font-size: 0.875rem;\n        color: var(--nylas-base-600);\n        font-weight: 500;\n        flex-shrink: 0;\n        line-height: 1;\n        user-select: none;\n      }\n    }\n\n    .unavailable-text {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      padding: 0 1rem;\n      border-radius: var(--nylas-border-radius);\n      background: var(--nylas-base-50);\n      border: 1px solid var(--nylas-base-200);\n      min-height: 48px;\n\n      @media (max-width: 768px) {\n        grid-area: time_or_unavailable;\n      }\n\n      .unavailable-label {\n        font-size: 0.875rem;\n        color: var(--nylas-base-600);\n        font-weight: 500;\n      }\n    }\n\n    .action-buttons {\n      display: flex;\n      gap: 0.5rem;\n      align-items: center;\n      grid-column: 2;\n      justify-content: end;\n\n      @media (max-width: 768px) {\n        grid-area: actions;\n        justify-self: end;\n      }\n    }\n\n    .toggle-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      padding: 0;\n      border: 1px solid var(--nylas-base-200);\n      border-radius: var(--nylas-border-radius);\n      background: var(--nylas-base-0);\n      color: var(--nylas-base-500);\n      cursor: pointer;\n      transition: all 0.2s ease;\n      flex-shrink: 0;\n\n      &:hover {\n        background: var(--nylas-base-50);\n        border-color: var(--nylas-primary);\n        color: var(--nylas-primary);\n      }\n\n      &:focus {\n        outline: none;\n        border-color: var(--nylas-primary);\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n      }\n\n      &:active {\n        background: var(--nylas-base-100);\n      }\n\n      &.unavailable {\n        background: var(--nylas-error-50);\n        border-color: var(--nylas-error-200);\n        color: var(--nylas-error);\n\n        &:hover {\n          background: var(--nylas-error-100);\n          border-color: var(--nylas-error);\n        }\n      }\n    }\n\n    .remove-button {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      padding: 0;\n      border: 1px solid var(--nylas-base-200);\n      border-radius: var(--nylas-border-radius);\n      background: var(--nylas-base-0);\n      color: var(--nylas-base-400);\n      cursor: pointer;\n      transition: all 0.2s ease;\n      flex-shrink: 0;\n\n      &:hover {\n        background: var(--nylas-error-50);\n        border-color: var(--nylas-error-200);\n        color: var(--nylas-error);\n      }\n\n      &:focus {\n        outline: none;\n        border-color: var(--nylas-primary);\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n      }\n\n      &:active {\n        background: var(--nylas-error-100);\n      }\n    }\n\n    .error-message {\n      width: 100%;\n      padding: 0.5rem 0.75rem;\n      background: var(--nylas-error-50);\n      color: var(--nylas-error);\n      font-size: 0.8125rem;\n      line-height: 1.5;\n      border-radius: var(--nylas-border-radius);\n      border: 1px solid var(--nylas-error-200);\n      margin-top: 0.5rem;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n    }\n  }\n\n  .add-button-container {\n    display: flex;\n    justify-content: flex-start;\n    margin-top: 0.5rem;\n\n    button-component {\n      width: 100%;\n\n      @media (max-width: 768px) {\n        font-size: 0.875rem;\n      }\n    }\n  }\n}\n\n// Override button-component styles for the add button\n::part(nstap__add-button) {\n  border: 1px dashed var(--nylas-base-200);\n  background: var(--nylas-base-0);\n  color: var(--nylas-base-700);\n\n  &:hover {\n    border-color: var(--nylas-primary);\n    background: var(--nylas-base-50);\n    color: var(--nylas-primary);\n  }\n}\n\n// Custom styling for time picker components\n::part(nstap__time-picker-container) {\n  flex: 1;\n  min-width: 0;\n}\n\n::part(nstap__time-picker-input) {\n  width: 100%;\n  font-size: 0.875rem;\n  min-height: 48px;\n  display: flex;\n  align-items: center;\n  border-radius: var(--nylas-border-radius);\n}\n\n// Custom styling for date input component\n::part(nstap__date-input) {\n  width: 100%;\n}\n\n::part(nstap__date-field) {\n  width: 100%;\n  font-size: 0.875rem;\n  border: 1px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius);\n  padding: 0.5rem 0.75rem;\n\n  &:focus {\n    border-color: var(--nylas-primary);\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n  }\n}\n\n::part(nstap__date-wrapper) {\n  margin: 0;\n}\n\n::part(nstap__date-label) {\n  margin: 0;\n  padding: 0;\n\n  p {\n    display: none; // Hide label since we don't need it\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, Watch, State, Listen } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { LANGUAGE_CODE, TIMEZONE_MAP } from '@/common/constants';\nimport { Configuration, SpecificTimeAvailability, ThemeConfig } from '@nylas/core';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport { debug, convertTo12HourFormat, convertTo24HourFormat, timeToMinutes } from '@/utils/utils';\nimport i18next from '@/utils/i18n';\n\n@Component({\n  tag: 'nylas-specific-time-availability-picker',\n  styleUrl: 'nylas-specific-time-availability-picker.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasSpecificTimeAvailabilityPicker {\n  /**\n   * The element <nylas-specific-time-availability-picker> itself.\n   */\n  @Element() host!: HTMLNylasSpecificTimeAvailabilityPickerElement;\n\n  /**\n   * @standalone\n   * The name of the specific date availability picker.\n   */\n  @Prop() name: string = 'specific-time-availability';\n\n  /**\n   * @standalone\n   * The selected configuration.\n   */\n  @Prop() selectedConfiguration?: Configuration;\n\n  /**\n   * @standalone\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * @standalone\n   * The specific date open hours.\n   */\n  @Prop() specificTimesAvailability?: SpecificTimeAvailability[];\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * @standalone\n   * Hide the header of the specific time availability picker.\n   */\n  @Prop() hideHeader: boolean = false;\n\n  /**\n   * @standalone\n   * The default timezone or preset timezone.\n   */\n  @Prop() defaultTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * @standalone\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The event is fired when the specific date open hours change.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  /**\n   * Internal state for managing specific date entries\n   */\n  @State() specificDateEntries: Array<{\n    id: string;\n    date: string;\n    startTime: string;\n    endTime: string;\n    isUnavailable: boolean;\n  }> = [];\n\n  /**\n   * State for tracking validation errors\n   */\n  @State() validationErrors: { [key: string]: string } = {};\n\n  /**\n   * The selected timezone state.\n   */\n  @State() timezone: string = '';\n\n  connectedCallback() {\n    debug('nylas-specific-time-availability-picker', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-specific-time-availability-picker', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-specific-time-availability-picker', 'componentWillLoad');\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-specific-time-availability-picker', 'componentDidLoad');\n\n    // Initialize timezone\n    if (this.selectedConfiguration) {\n      this.timezone = this.selectedConfiguration?.event_booking?.timezone || this.defaultTimezone;\n      this.configChangedHandler(this.selectedConfiguration);\n    } else {\n      this.timezone = this.defaultTimezone;\n      if (this.specificTimesAvailability && this.specificTimesAvailability.length > 0) {\n        this.loadSpecificTimeAvailability();\n      }\n    }\n  }\n\n  get isInternalsAvailable() {\n    return typeof this.internals.setFormValue === 'function';\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-specific-time-availability-picker', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('defaultTimezone')\n  defaultTimezoneChanged(newValue: string) {\n    if (newValue && newValue !== this.timezone) {\n      this.timezone = newValue;\n      this.emitValueChanged();\n    }\n  }\n\n  @Watch('selectedConfiguration')\n  configChangedHandler(newConfig: Configuration) {\n    debug('nylas-specific-time-availability-picker', 'configChangedHandler', newConfig);\n    // Load specific date open hours from the configuration participants\n    this.loadSpecificTimeAvailability();\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  loadSpecificTimeAvailability() {\n    if (!this.specificTimesAvailability || this.specificTimesAvailability.length === 0) {\n      return;\n    }\n\n    // If timezone is provided in the first entry, use it\n    if (this.specificTimesAvailability[0].timezone) {\n      this.timezone = this.specificTimesAvailability[0].timezone;\n    }\n\n    const entries = this.specificTimesAvailability.map((item, index) => {\n      // Check if both start and end are \"00:00\" - this indicates an unavailable day\n      const isUnavailable = item.start === '00:00' && item.end === '00:00';\n\n      return {\n        id: `specific-time-${index}`,\n        date: item.date,\n        startTime: isUnavailable ? '09:00am' : convertTo12HourFormat(item.start),\n        endTime: isUnavailable ? '05:00pm' : convertTo12HourFormat(item.end),\n        isUnavailable,\n      };\n    });\n\n    this.specificDateEntries = entries;\n    this.emitValueChanged();\n  }\n\n  addSpecificTimeAvailability() {\n    // Initialize with incremental dates based on existing entries\n    // First entry: today, second entry: tomorrow, third entry: day after, etc.\n    const today = new Date();\n    const targetDate = new Date(today);\n    targetDate.setDate(today.getDate() + this.specificDateEntries.length);\n    const formattedDate = targetDate.toISOString().split('T')[0];\n\n    const newEntry = {\n      id: `specific-time-${Date.now()}`,\n      date: formattedDate,\n      startTime: '09:00am',\n      endTime: '05:00pm',\n      isUnavailable: false,\n      timezone: this.timezone,\n    };\n\n    this.specificDateEntries = [...this.specificDateEntries, newEntry];\n\n    // Clear any global validation errors since we're adding a new valid entry\n    if (this.isInternalsAvailable) {\n      this.internals.setValidity({ customError: false });\n    }\n\n    this.emitValueChanged();\n  }\n\n  removeSpecificTimeAvailability(id: string) {\n    this.specificDateEntries = this.specificDateEntries.filter(entry => entry.id !== id);\n\n    // Clear validation error for the removed entry\n    if (this.validationErrors[id]) {\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[id];\n      this.validationErrors = newErrors;\n    }\n\n    this.emitValueChanged();\n  }\n\n  toggleAvailability(id: string) {\n    this.specificDateEntries = this.specificDateEntries.map(entry => {\n      if (entry.id === id) {\n        return { ...entry, isUnavailable: !entry.isUnavailable };\n      }\n      return entry;\n    });\n\n    // Clear any existing validation error for this entry since availability state changed\n    if (this.validationErrors[id]) {\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[id];\n      this.validationErrors = newErrors;\n    }\n\n    this.emitValueChanged();\n  }\n\n  /**\n   * Validates a single date entry\n   */\n  validateEntry(entry: (typeof this.specificDateEntries)[0]): string | null {\n    // Check if date is empty or invalid\n    if (!entry.date) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.dateRequired');\n    }\n\n    const dateObj = new Date(entry.date);\n    if (isNaN(dateObj.getTime())) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.invalidDateFormat');\n    }\n\n    // If unavailable, no need to validate times\n    if (entry.isUnavailable) {\n      return null;\n    }\n\n    // Validate start and end times are present\n    if (!entry.startTime || !entry.endTime) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.timesRequired');\n    }\n\n    // Validate start time is before end time\n    const startMinutes = timeToMinutes(entry.startTime);\n    const endMinutes = timeToMinutes(entry.endTime);\n\n    if (startMinutes >= endMinutes) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.startTimeBeforeEndTime');\n    }\n\n    return null;\n  }\n\n  /**\n   * Validates that timezone is set when there are entries\n   */\n  validateTimezone(): string | null {\n    if (this.specificDateEntries.length > 0 && !this.timezone) {\n      return i18next.t('nylasSpecificTimeAvailabilityPicker.errors.timezoneRequired');\n    }\n    return null;\n  }\n\n  /**\n   * Validates all entries and updates validation state\n   */\n  validateAllEntries() {\n    const errors: { [key: string]: string } = {};\n    let hasErrors = false;\n\n    // Validate timezone first\n    const timezoneError = this.validateTimezone();\n    if (timezoneError) {\n      errors['timezone'] = timezoneError;\n      hasErrors = true;\n    }\n\n    this.specificDateEntries.forEach(entry => {\n      const error = this.validateEntry(entry);\n      if (error) {\n        errors[entry.id] = error;\n        hasErrors = true;\n      }\n    });\n\n    this.validationErrors = errors;\n\n    // Update form validity\n    if (hasErrors) {\n      // Prioritize timezone error, then entry errors\n      const firstErrorKey = errors['timezone'] ? 'timezone' : Object.keys(errors)[0];\n      const firstErrorElement =\n        firstErrorKey === 'timezone'\n          ? (this.host.shadowRoot?.querySelector('.timezone-selector') as HTMLElement)\n          : (this.host.shadowRoot?.querySelector(`[data-entry-id=\"${firstErrorKey}\"]`) as HTMLElement);\n\n      if (this.isInternalsAvailable && firstErrorElement) {\n        this.internals.setValidity({ customError: true }, 'Please fix validation errors', firstErrorElement);\n      }\n    } else {\n      if (this.isInternalsAvailable) {\n        this.internals.setValidity({ customError: false });\n      }\n    }\n\n    return !hasErrors;\n  }\n\n  @Listen('timeChange')\n  handleTimeChange(event: CustomEvent<{ key: string; value: string }>) {\n    const { key, value } = event.detail;\n    const [entryId, timeType] = key.split('_');\n\n    this.specificDateEntries = this.specificDateEntries.map(entry => {\n      if (entry.id === entryId) {\n        return {\n          ...entry,\n          [timeType === 'start' ? 'startTime' : 'endTime']: value,\n        };\n      }\n      return entry;\n    });\n\n    // Clear any existing validation error for this entry\n    if (this.validationErrors[entryId]) {\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[entryId];\n      this.validationErrors = newErrors;\n    }\n\n    // Clear form validity errors related to time\n    if (this.isInternalsAvailable) {\n      this.internals.setValidity({ customError: false });\n    }\n\n    this.emitValueChanged();\n  }\n\n  @Listen('timeWindowFormError')\n  setFormError(event: CustomEvent<{ key: string; message: string }>) {\n    const { key, message } = event.detail;\n    const [entryId] = key.split('_');\n\n    if (message) {\n      // Set validation error for this entry\n      this.validationErrors = {\n        ...this.validationErrors,\n        [entryId]: message,\n      };\n\n      const element = this.host.shadowRoot?.getElementById(key);\n      if (element && this.isInternalsAvailable) {\n        this.internals.setValidity({ customError: true }, message, element as HTMLInputElement);\n      }\n    } else {\n      // Clear validation error for this entry\n      const newErrors = { ...this.validationErrors };\n      delete newErrors[entryId];\n      this.validationErrors = newErrors;\n\n      if (this.isInternalsAvailable) {\n        this.internals.setValidity({ customError: false });\n      }\n    }\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'specific-time-timezone') {\n      this.timezone = value;\n\n      // Clear timezone validation error if it exists\n      if (this.validationErrors['timezone']) {\n        const newErrors = { ...this.validationErrors };\n        delete newErrors['timezone'];\n        this.validationErrors = newErrors;\n      }\n\n      this.emitValueChanged();\n    }\n  }\n\n  @Listen('nylasFormInputChanged')\n  handleFormInputChange(event: CustomEvent<{ value: string; name: string; label: string; type: string; error: string }>) {\n    const { name, value } = event.detail;\n\n    // Check if this is a date input for our component\n    if (name.startsWith('date-') && name.includes('specific-time-')) {\n      const entryId = name.replace('date-', '');\n\n      this.specificDateEntries = this.specificDateEntries.map(entry => {\n        if (entry.id === entryId) {\n          return { ...entry, date: value };\n        }\n        return entry;\n      });\n\n      // Clear any existing validation error for this entry\n      if (this.validationErrors[entryId]) {\n        const newErrors = { ...this.validationErrors };\n        delete newErrors[entryId];\n        this.validationErrors = newErrors;\n      }\n\n      this.emitValueChanged();\n    }\n  }\n\n  emitValueChanged() {\n    // Validate all entries before emitting\n    const isValid = this.validateAllEntries();\n\n    const specificTimesAvailability = this.specificDateEntries\n      .filter(entry => entry.date && (entry.isUnavailable || (entry.startTime && entry.endTime)))\n      .map(entry => ({\n        date: entry.date,\n        start: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.startTime),\n        end: entry.isUnavailable ? '00:00' : convertTo24HourFormat(entry.endTime),\n        timezone: this.timezone,\n      }));\n\n    const value = JSON.stringify(specificTimesAvailability);\n\n    if (this.isInternalsAvailable && isValid) {\n      this.internals.setFormValue(value, this.name);\n    }\n\n    this.valueChanged.emit({\n      value,\n      name: this.name,\n    });\n  }\n\n  @RegisterComponent<NylasSpecificTimeAvailabilityPicker, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-specific-time-availability-picker',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    fireRegisterEvent: true,\n  })\n  render() {\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.timezone);\n\n    return (\n      <Host>\n        <div class=\"nylas-specific-time-availability-picker\" part=\"nstap\">\n          {!this.hideHeader && (\n            <div class=\"header\" part=\"nstap__header\">\n              <h3>{i18next.t('nylasSpecificTimeAvailabilityPicker.headerTitle')}</h3>\n              <p>\n                {i18next.t('nylasSpecificTimeAvailabilityPicker.headerDescription')}\n                <tooltip-component>\n                  <info-icon slot=\"tooltip-icon\" />\n                  <span slot=\"tooltip-content\">{i18next.t('nylasSpecificTimeAvailabilityPicker.tooltip.desc')}</span>\n                </tooltip-component>\n              </p>\n            </div>\n          )}\n          <div class=\"content\" part=\"nstap__content\">\n            <section class=\"timezone-selector\" part=\"nstap__timezone-selector\" aria-labelledby=\"timezone-header\">\n              <h4 id=\"timezone-header\" class=\"sub-header\">\n                {i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')}\n              </h4>\n              <p class=\"timezone-description\">{i18next.t('nylasSpecificTimeAvailabilityPicker.timezoneDescription')}</p>\n              {selectedTimezoneOption?.label && (\n                <select-dropdown\n                  name=\"specific-time-timezone\"\n                  searchPlaceholder={i18next.t('search')}\n                  exportparts=\"sd_dropdown: nstap__timezone-container, sd_dropdown-button: nstap__timezone-button, sd_dropdown-content: nstap__timezone-dropdown-content\"\n                  options={timezoneOptions}\n                  defaultSelectedOption={selectedTimezoneOption}\n                  themeConfig={this.themeConfig}\n                  aria-label={i18next.t('nylasSpecificTimeAvailabilityPicker.selectTimezone')}\n                >\n                  <span slot=\"select-icon\" aria-hidden=\"true\">\n                    <globe-icon width=\"20\" height=\"20\" />\n                  </span>\n                </select-dropdown>\n              )}\n              {this.validationErrors['timezone'] && (\n                <div class=\"error-message timezone-error\" part=\"nstap__error-message\" role=\"alert\" aria-live=\"polite\">\n                  {this.validationErrors['timezone']}\n                </div>\n              )}\n            </section>\n            <section class=\"specific-times-section\" part=\"nstap__specific-times-section\" aria-labelledby=\"specific-times-header\">\n              <h4 id=\"specific-times-header\" class=\"section-header\">\n                {i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesHeader')}\n              </h4>\n              <p class=\"section-description\">{i18next.t('nylasSpecificTimeAvailabilityPicker.specificTimesDescription')}</p>\n              <div class=\"specific-times\" part=\"nstap__specific-times\" role=\"list\">\n                {this.specificDateEntries.length === 0 ? (\n                  <div class=\"empty-state\" part=\"nstap__empty-state\">\n                    <div class=\"empty-icon\" part=\"nstap__empty-icon\">\n                      <calendar-icon width=\"32\" height=\"32\" />\n                    </div>\n                    <h3 class=\"empty-title\" part=\"nstap__empty-title\">\n                      {i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.title')}\n                    </h3>\n                    <p class=\"empty-subtitle\" part=\"nstap__empty-subtitle\">\n                      {i18next.t('nylasSpecificTimeAvailabilityPicker.emptyState.subtitle')}\n                    </p>\n                  </div>\n                ) : (\n                  this.specificDateEntries.map((entry, index) => (\n                    <article\n                      class=\"specific-time-entry\"\n                      part=\"nstap__specific-time-entry\"\n                      key={entry.id}\n                      data-entry-id={entry.id}\n                      role=\"listitem\"\n                      aria-label={`Specific time availability entry ${index + 1}`}\n                    >\n                      <div class=\"entry-content\" part=\"nstap__entry-content\">\n                        <div class=\"date-input-container\" part=\"nstap__date-input-container\">\n                          <nylas-date-component\n                            name={`date-${entry.id}`}\n                            defaultValue={entry.date}\n                            placeholder=\"yyyy-mm-dd\"\n                            part=\"nstap__date-input\"\n                            class=\"date-input\"\n                            themeConfig={this.themeConfig}\n                            exportparts=\"ic__date: nstap__date-field, ic__input_wrapper: nstap__date-wrapper, ic__label: nstap__date-label\"\n                            aria-label={`Date for entry ${index + 1}`}\n                          />\n                        </div>\n                        {entry.isUnavailable ? (\n                          <div class=\"unavailable-text\" part=\"nstap__unavailable-text\" role=\"status\">\n                            <span class=\"unavailable-label\">{i18next.t('nylasSpecificTimeAvailabilityPicker.entireDayUnavailable')}</span>\n                          </div>\n                        ) : (\n                          <div class=\"time-pickers\" part=\"nstap__time-pickers\" role=\"group\" aria-label=\"Time range\">\n                            <nylas-time-window-picker\n                              id={`${entry.id}_start`}\n                              time={entry.startTime}\n                              name={`${entry.id}_start`}\n                              key={`${entry.id}_start`}\n                              language={this.selectedLanguage}\n                              hasError={!!this.validationErrors[entry.id]}\n                              themeConfig={this.themeConfig}\n                              exportparts=\"time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times\"\n                              aria-label={`Start time for entry ${index + 1}`}\n                            />\n                            <span class=\"time-separator\" aria-hidden=\"true\">\n                              -\n                            </span>\n                            <nylas-time-window-picker\n                              id={`${entry.id}_end`}\n                              time={entry.endTime}\n                              name={`${entry.id}_end`}\n                              key={`${entry.id}_end`}\n                              minimumStartTime={entry.startTime}\n                              language={this.selectedLanguage}\n                              hasError={!!this.validationErrors[entry.id]}\n                              themeConfig={this.themeConfig}\n                              exportparts=\"time-picker: nstap__time-picker-container, time-input: nstap__time-picker-input, times: nstap__time-picker-times\"\n                              aria-label={`End time for entry ${index + 1}`}\n                            />\n                          </div>\n                        )}\n                        <div class=\"action-buttons\" part=\"nstap__action-buttons\">\n                          <button\n                            type=\"button\"\n                            class={{ 'toggle-button': true, 'unavailable': entry.isUnavailable }}\n                            part=\"nstap__toggle-button\"\n                            onClick={() => this.toggleAvailability(entry.id)}\n                            aria-label={\n                              entry.isUnavailable\n                                ? i18next.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')\n                                : i18next.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable')\n                            }\n                            title={\n                              entry.isUnavailable\n                                ? i18next.t('nylasSpecificTimeAvailabilityPicker.markAsAvailable')\n                                : i18next.t('nylasSpecificTimeAvailabilityPicker.markAsUnavailable')\n                            }\n                          >\n                            <calendar-icon width=\"20\" height=\"20\" aria-hidden=\"true\" />\n                          </button>\n                          <button\n                            type=\"button\"\n                            class=\"remove-button\"\n                            part=\"nstap__remove-button\"\n                            onClick={() => this.removeSpecificTimeAvailability(entry.id)}\n                            aria-label={`Remove specific time entry ${index + 1}`}\n                            title=\"Remove\"\n                          >\n                            <close-icon width=\"16\" height=\"16\" aria-hidden=\"true\" />\n                          </button>\n                        </div>\n                      </div>\n                      {this.validationErrors[entry.id] && (\n                        <div class=\"error-message\" part=\"nstap__error-message\" role=\"alert\" aria-live=\"polite\">\n                          {this.validationErrors[entry.id]}\n                        </div>\n                      )}\n                    </article>\n                  ))\n                )}\n              </div>\n              <div class=\"add-button-container\" part=\"nstap__add-button-container\">\n                <button-component\n                  id=\"add-specific-time-open-hour\"\n                  onClick={() => this.addSpecificTimeAvailability()}\n                  part=\"nstap__add-button\"\n                  variant=\"basic\"\n                  aria-label={i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability')}\n                >\n                  <add-circle-icon width=\"24\" height=\"24\" aria-hidden=\"true\" />\n                  {i18next.t('nylasSpecificTimeAvailabilityPicker.addSpecificTimeAvailability')}\n                </button-component>\n              </div>\n            </section>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DbTGA7PK.js → p-9SuQgutb.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-Bht9ktsW.js';
 import { R as RegisterComponent } from './p-CwtW7XIp.js';
 import { b as instance, a as debug } from './p-B5ZLsN-l.js';
-import { d as defineCustomElement$3 } from './p-Dvm3cFRX.js';
-import { d as defineCustomElement$2 } from './p-BB2JXH5u.js';
-import { d as defineCustomElement$1 } from './p-hYRQCAHR.js';
+import { d as defineCustomElement$3 } from './p-BVH0Klhu.js';
+import { d as defineCustomElement$2 } from './p-DcjGlnBR.js';
+import { d as defineCustomElement$1 } from './p-C7ZpwRD0.js';
 
 const nylasCancelledEventCardCss = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}";
 
@@ -149,6 +149,6 @@ function defineCustomElement() {
 }
 
 export { NylasCancelledEventCard as N, defineCustomElement as d };
-//# sourceMappingURL=p-DbTGA7PK.js.map
+//# sourceMappingURL=p-9SuQgutb.js.map
 
-//# sourceMappingURL=p-DbTGA7PK.js.map
+//# sourceMappingURL=p-9SuQgutb.js.map

package/dist/components/{p-DbTGA7PK.js.map → p-9SuQgutb.js.map}

@@ -1 +1 @@
-{"file":"p-DbTGA7PK.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.scss?tag=nylas-cancelled-event-card&encapsulation=shadow","src/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-cancelled-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  width: 400px;\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-800);\n  border-radius: var(--nylas-border-radius-2x);\n  padding: 1.5rem;\n  position: relative;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n\n  @media #{$mobile} {\n    width: inherit;\n  }\n}\n\n.nylas-cancelled-event-card__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 24px;\n  color: var(--nylas-base-900);\n  text-align: center;\n}\n\n.nylas-cancelled-event-description {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--nylas-base-600);\n}\n\n.nylas-cancelled-event-card__calendar-icon {\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-cancelled-event-card__cta {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 1rem;\n}\n\ncalendar-cancel-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\nbutton-component {\n  width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { LANGUAGE_CODE, NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { ThemeConfig } from '@nylas/core';\n\n/**\n * The `nylas-cancelled-event-card` component is a UI component that displays the cancelled event card.\n *\n * @part ncec - The cancelled event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the cancelled event card.\n * @part ncec__description - The description of the cancelled event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The cancelled event card.\n */\n@Component({\n  tag: 'nylas-cancelled-event-card',\n  styleUrl: 'nylas-cancelled-event-card.scss',\n  shadow: true,\n})\nexport class NylasCancelledEventCard {\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasCancelledEventCardElement;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The participant's name who booked the event / is logged in.\n   */\n  @Prop() readonly cancelledEventInfo!: Partial<NylasEvent>;\n\n  /**\n   * Closing state of the cancelled event card button.\n   */\n  @State() isClosing: boolean = false;\n\n  /**\n   * This event is fired when the close button is clicked on the cancelled event card.\n   */\n  @Event() readonly closeCancelEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs.\n   */\n  @Event() readonly cancelledEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  connectedCallback() {\n    debug(`[nylas-cancelled-event-card] Component connected`);\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-cancelled-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-cancelled-event-card] Component did load`);\n    if (!this.cancelledEventInfo) {\n      debug(`[nylas-cancelled-event-card] No cancelled event info provided, \"cancelledEventInfo\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-cancelled-event-card] Component disconnected`);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleCloseClicked = () => {\n    this.isClosing = true;\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.cancelledEventCardError.emit(error);\n      this.isClosing = false;\n    };\n    this.closeCancelEventCardClicked.emit({ errorHandler });\n  };\n\n  @RegisterComponent<NylasCancelledEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-cancelled-event-card',\n    stateToProps: new Map([\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      closeCancelEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n        const result = await nylasschedulerconnector.scheduler.resetCancel();\n\n        const { errorHandler } = _.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n      cancelledEventCardError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasschedulerconnector: NylasSchedulerConnector) => {\n        debug('nylas-cancelled-event-card', 'cancelledEventCardError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncec\">\n        <div class=\"nylas-cancelled-event-card\" part=\"ncec__card\">\n          <div class=\"nylas-cancelled-event-card__calendar-icon\" part=\"ncec__icon\">\n            <calendar-cancel-icon />\n          </div>\n          <h3 class=\"nylas-cancelled-event-card__title\" part=\"ncec__title\">\n            {i18next.t('bookingCancelledTitle')}!\n          </h3>\n          <div class=\"nylas-cancelled-event-card__description\" part=\"ncec__description\">\n            {i18next.t('bookingCancelledMessage')} {this.configSettings?.organizer?.name || i18next.t('bookingCancelledMessage_theParticipants')}.\n          </div>\n          <div class=\"nylas-cancelled-event-card__cta\">\n            <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n              {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n            </button-component>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-9SuQgutb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.scss?tag=nylas-cancelled-event-card&encapsulation=shadow","src/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-cancelled-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  width: 400px;\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-800);\n  border-radius: var(--nylas-border-radius-2x);\n  padding: 1.5rem;\n  position: relative;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n\n  @media #{$mobile} {\n    width: inherit;\n  }\n}\n\n.nylas-cancelled-event-card__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 24px;\n  color: var(--nylas-base-900);\n  text-align: center;\n}\n\n.nylas-cancelled-event-description {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--nylas-base-600);\n}\n\n.nylas-cancelled-event-card__calendar-icon {\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-cancelled-event-card__cta {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 1rem;\n}\n\ncalendar-cancel-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\nbutton-component {\n  width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { LANGUAGE_CODE, NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { ThemeConfig } from '@nylas/core';\n\n/**\n * The `nylas-cancelled-event-card` component is a UI component that displays the cancelled event card.\n *\n * @part ncec - The cancelled event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the cancelled event card.\n * @part ncec__description - The description of the cancelled event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The cancelled event card.\n */\n@Component({\n  tag: 'nylas-cancelled-event-card',\n  styleUrl: 'nylas-cancelled-event-card.scss',\n  shadow: true,\n})\nexport class NylasCancelledEventCard {\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasCancelledEventCardElement;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The participant's name who booked the event / is logged in.\n   */\n  @Prop() readonly cancelledEventInfo!: Partial<NylasEvent>;\n\n  /**\n   * Closing state of the cancelled event card button.\n   */\n  @State() isClosing: boolean = false;\n\n  /**\n   * This event is fired when the close button is clicked on the cancelled event card.\n   */\n  @Event() readonly closeCancelEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs.\n   */\n  @Event() readonly cancelledEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  connectedCallback() {\n    debug(`[nylas-cancelled-event-card] Component connected`);\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-cancelled-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-cancelled-event-card] Component did load`);\n    if (!this.cancelledEventInfo) {\n      debug(`[nylas-cancelled-event-card] No cancelled event info provided, \"cancelledEventInfo\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-cancelled-event-card] Component disconnected`);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleCloseClicked = () => {\n    this.isClosing = true;\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.cancelledEventCardError.emit(error);\n      this.isClosing = false;\n    };\n    this.closeCancelEventCardClicked.emit({ errorHandler });\n  };\n\n  @RegisterComponent<NylasCancelledEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-cancelled-event-card',\n    stateToProps: new Map([\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      closeCancelEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n        const result = await nylasschedulerconnector.scheduler.resetCancel();\n\n        const { errorHandler } = _.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n      cancelledEventCardError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasschedulerconnector: NylasSchedulerConnector) => {\n        debug('nylas-cancelled-event-card', 'cancelledEventCardError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncec\">\n        <div class=\"nylas-cancelled-event-card\" part=\"ncec__card\">\n          <div class=\"nylas-cancelled-event-card__calendar-icon\" part=\"ncec__icon\">\n            <calendar-cancel-icon />\n          </div>\n          <h3 class=\"nylas-cancelled-event-card__title\" part=\"ncec__title\">\n            {i18next.t('bookingCancelledTitle')}!\n          </h3>\n          <div class=\"nylas-cancelled-event-card__description\" part=\"ncec__description\">\n            {i18next.t('bookingCancelledMessage')} {this.configSettings?.organizer?.name || i18next.t('bookingCancelledMessage_theParticipants')}.\n          </div>\n          <div class=\"nylas-cancelled-event-card__cta\">\n            <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n              {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n            </button-component>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-D5p5Z11R.js → p-B0-YJO0f.js}

@@ -321,19 +321,19 @@ const TimeInput = proxyCustomElement(class TimeInput extends H {
     }
     render() {
         const is24HourFormat = this.language === LANGUAGE_CODE.en ? false : true;
-        return (h(Host, { key: '0403cfa3797f932534b4cebc405a20290213e998' }, h("div", { key: '8ccffc9783e64048de39e57c319e4293ebdc2a01', class: "time-picker", part: "time-picker" }, h("input", { key: 'a3b973a69652beea3c5f0edf92d1392531eb2cd4', type: "text", name: this.name, id: this.name, part: "time-input", class: {
+        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: {
                 '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: 'd7385a33724b5d41e39bd805f9d71481a6703372', class: "invalid-time-icon" }), this.showTimes && (h("div", { key: 'eb865058bed72b5ff418948ed6c98731d52b6f7e', class: "times", part: "times", ref: el => (this.timeMenu = el) }, h("ul", { key: 'e59880009b3c3b854bee6556b04aabe95cc7be69', 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: '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: {
                 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: '5391705ea7e8a3a366889ef8976760383e8f6fe5', class: "error", id: "email-error" }, this.err)))));
+            }, role: "option" }, `${is24HourFormat ? convertTo24HourFormat(option.value) : option.value}`)))))), !this.showTimes && this.err && (h("p", { key: 'c194ce42271aa6b72a547b7c0f387fcc6c95daae', class: "error", id: "email-error" }, this.err)))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -375,6 +375,6 @@ function defineCustomElement() {
 }
 
 export { TimeInput as T, customParseFormat as c, defineCustomElement as d };
-//# sourceMappingURL=p-D5p5Z11R.js.map
+//# sourceMappingURL=p-B0-YJO0f.js.map
 
-//# sourceMappingURL=p-D5p5Z11R.js.map
+//# sourceMappingURL=p-B0-YJO0f.js.map