npm - @nylas/web-elements - Versions diffs - 1.1.5 → 1.1.6 - Mend

@nylas/web-elements 1.1.5 → 1.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (201) hide show

package/dist/nylas-web-elements/nylas-timeslot-picker.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nylas-timeslot-picker.entry.esm.js","mappings":"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","names":["i18next"],"sources":["src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.scss?tag=nylas-timeslot-picker&encapsulation=shadow","src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n display: block;\n height: calc(100% - 48px); //48px is the height of the header\n @include default-css-variables;\n}\n\n.time-picker-wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.timeslots {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n align-items: center;\n overflow-y: scroll;\n padding: 0.5rem 1.5rem 1.5rem;\n flex: 1;\n}\n\n.time {\n /* Frame 12 /\n box-sizing: border-box;\n\n / Auto layout /\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 4px 12px;\n gap: 0.5rem;\n font-size: 16px;\n font-weight: 500;\n font-family: inherit;\n\n width: 100%;\n height: 48px;\n\n color: var(--nylas-base-800);\n background: var(--nylas-base-0);\n border: none;\n outline: 1.5px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius-2x);\n\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n\n cursor: pointer;\n\n &:hover,\n &:focus {\n color: var(--nylas-primary);\n outline-color: var(--nylas-primary);\n }\n\n &.selected {\n font-weight: 600;\n color: var(--nylas-primary);\n outline: 2px solid var(--nylas-primary);\n border-color: transparent;\n box-shadow: 0 0 0 2px var(--nylas-primary);\n }\n}\n\n.empty {\n text-align: center;\n padding: 0 1.5rem;\n color: var(--nylas-base-600);\n font-size: min(max(12px, 2vw), 14px);\n height: 450px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@keyframes pulsate {\n 0% {\n background-color: var(--nylas-base-50);\n }\n\n 50% {\n background-color: var(--nylas-base-100);\n }\n\n 100% {\n background-color: var(--nylas-base-50);\n }\n}\n\n.loading {\n padding: 0 1.5rem;\n\n .timeslot-skeleton {\n width: 100%;\n height: 4rem;\n background-color: var(--nylas-base-50);\n margin-bottom: 0.5rem;\n border-radius: var(--nylas-border-radius-2x);\n animation: pulsate 1.5s infinite ease-in-out;\n }\n}\n\n.footer {\n width: 100%;\n padding: 14px;\n box-sizing: border-box;\n border-top: 1px solid var(--nylas-base-200);\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { debug, isSameDay } from '@/utils/utils';\nimport { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { AvailabilityTimeslot } from '@/stores/scheduler-store';\nimport type { Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n\n/\n The `nylas-timeslot-picker` component is a UI component that allows users to select a timeslot from a list of available timeslots.\n \n @slot timeslot-picker-cta-label - The label for the timeslot picker CTA. Default is \"Next\".\n * @part ntp - The timeslot picker component.\n * @part ntp__timeslot - The timeslot button.\n * @part ntp__timeslot--selected - The selected timeslot button.\n * @part ntp__button-primary - The timeslot picker CTA.\n /\n@Component({\n tag: 'nylas-timeslot-picker',\n styleUrl: 'nylas-timeslot-picker.scss',\n shadow: true,\n})\nexport class NylasTimeslotPicker {\n /\n @standalone\n * The available timeslots.\n /\n @Prop({ attribute: 'availability' }) readonly availability?: AvailabilityTimeslot[];\n /\n @standalone\n * The loading state prop. Used to display loading state when fetching availability.\n /\n @Prop({ attribute: 'loading-state' }) readonly isLoading?: boolean;\n /\n The selected timeslot.\n /\n @Prop({ attribute: 'selected-timeslot' }) readonly selectedTimeslot?: Timeslot;\n /\n The selected timezone.\n /\n @Prop({ attribute: 'selected-timezone' }) readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n /\n The selected date.\n /\n @Prop({ attribute: 'selected-date' }) readonly selectedDate?: Date = new Date();\n /\n The selected language.\n /\n @Prop() selectedLanguage?: string;\n\n /\n This event is fired when a timeslot is selected.\n /\n @Event() readonly timeslotSelected!: EventEmitter<Timeslot>;\n /\n This event is fired when a timeslot is confirmed. By default, this will proceed to the booking form page.\n /\n @Event() readonly timeslotConfirmed!: EventEmitter<Timeslot>;\n\n @State() times: AvailabilityTimeslot[] = [];\n @State() hoveredTimeslotIndex?: number;\n @State() selectedTimeslotIndex?: string;\n\n @Watch('selectedLanguage')\n selectedLanguageChanged(newLanguage: string) {\n i18next.changeLanguage(newLanguage);\n }\n\n @Watch('selectedDate')\n selectedDateChanged(newVal: Date \| null \| undefined) {\n debug(`[nylas-timeslot-picker] Selected date changed`, { newVal });\n\n if (newVal) {\n this.selectedTimeslotIndex = '';\n if (typeof newVal !== 'undefined') {\n const availableTimes = this.availability?.filter(timeslot => isSameDay(timeslot.start_time, newVal)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n }\n\n @Watch('availability')\n availabilityChanged(newVal: AvailabilityTimeslot[] \| undefined) {\n debug(`[nylas-timeslot-picker] Available times changed`, { newVal, selectedDate: this.selectedDate });\n\n if (typeof newVal !== 'undefined') {\n const availableTimes = newVal?.filter(timeslot => this.selectedDate && isSameDay(timeslot.start_time, this.selectedDate)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n async componentWillLoad() {\n debug(`[nylas-timeslot-picker] Component will load`, { selectedDate: this.selectedDate, availability: this.availability, times: this.times });\n }\n\n async componentDidLoad() {\n debug(`[nylas-timeslot-picker] Component did load`);\n const availableTimes = this.availability?.filter(timeslot => this.selectedDate && isSameDay(timeslot.start_time, this.selectedDate)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n\n private getTimeslotId(date: Date, index: number) {\n return `${date.toLocaleDateString()}-${index}`;\n }\n\n private onClickSelectTime(timeslot: Timeslot, index: number) {\n debug(`[nylas-timeslot-picker] Time selected`, timeslot, index);\n this.selectedTimeslotIndex = this.getTimeslotId(timeslot.start_time, index);\n this.timeslotSelected.emit({\n start_time: timeslot.start_time,\n end_time: timeslot.end_time,\n emails: timeslot.emails,\n });\n }\n\n private handleConfirmedTimeslot = async (event: Event, timeslot: Timeslot \| undefined) => {\n event.preventDefault();\n debug(`[nylas-timeslot-picker] Confirm timeslot`, timeslot);\n this.timeslotConfirmed.emit(timeslot);\n };\n\n private handleMouseEnter = (index: number) => {\n this.hoveredTimeslotIndex = index;\n };\n\n private handleMouseLeave = () => {\n this.hoveredTimeslotIndex = -1;\n };\n\n private getTimeSlotLabel(timeslot: Timeslot) {\n const timeFormat = new Intl.DateTimeFormat('en-US', {\n hour: '2-digit',\n minute: '2-digit',\n timeZone: this.selectedTimezone,\n });\n return `${timeFormat.format(timeslot.start_time)} - ${timeFormat.format(timeslot.end_time)}`;\n }\n\n @RegisterComponent<NylasTimeslotPicker, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-timeslot-picker',\n stateToProps: new Map([\n ['scheduler.selectedDate', 'selectedDate'],\n ['scheduler.availability', 'availability'],\n ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n ['scheduler.selectedTimezone', 'selectedTimezone'],\n ['scheduler.selectedLanguage', 'selectedLanguage'],\n ['scheduler.isLoading', 'isLoading'],\n ]),\n eventToProps: {\n timeslotSelected: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotSelected', event.detail);\n nylasSchedulerConnector.scheduler.selectTime(event.detail);\n },\n timeslotConfirmed: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotConfirmed', event.detail);\n if (event.detail) {\n nylasSchedulerConnector.scheduler.toggleAdditionalData(true);\n }\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n if (this.isLoading) {\n return (\n <Host>\n <div class={'loading'}>\n {new Array(6).fill(0).map((_, i) => (\n <div class={'timeslot-skeleton'} style={{ animationDelay: `${i 20}ms` }} />\n ))}\n </div>\n </Host>\n );\n }\n\n if (this.availability && this.availability.length === 0) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No dates available</span>\n </div>\n </Host>\n );\n }\n\n if ((!this.times \|\| this.times.length === 0) && !!this.selectedDate) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No time slots available for selected date</span>\n </div>\n </Host>\n );\n }\n\n if (!this.selectedDate) return <Host></Host>;\n\n return (\n <Host part=\"ntp\">\n <div class={'time-picker-wrapper'}>\n <div class={'timeslots'}>\n {this.times.map((timeslot, index) => (\n <button\n part={`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime() ? 'ntp__timeslot--selected' : ''}`}\n aria-role=\"button\"\n class={{\n time: true,\n selected: typeof this.selectedTimeslot !== 'undefined' && this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime(),\n }}\n onClick={() => this.onClickSelectTime(timeslot, index)}\n onMouseEnter={() => this.handleMouseEnter(index)}\n onMouseLeave={() => this.handleMouseLeave()}\n >\n {this.hoveredTimeslotIndex == index \|\| this.selectedTimeslotIndex == this.getTimeslotId(timeslot.start_time, index)\n ? this.getTimeSlotLabel(timeslot)\n : timeslot.start_time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', timeZone: this.selectedTimezone })}\n </button>\n ))}\n </div>\n {this.selectedTimeslot && (\n <div class={'footer'}>\n <button-component variant={'primary'} onClick={(event: Event) => this.handleConfirmedTimeslot(event, this.selectedTimeslot)} part=\"ntp__button-primary\">\n <slot name=\"timeslot-picker-cta-label\">{i18next.t('nextButton')}</slot>\n </button-component>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nylas-timeslot-picker.entry.esm.js","mappings":"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","names":["i18next"],"sources":["src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.scss?tag=nylas-timeslot-picker&encapsulation=shadow","src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n display: block;\n height: calc(100% - 48px); //48px is the height of the header\n}\n\n.time-picker-wrapper {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.timeslots {\n position: relative;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n align-items: center;\n overflow-y: scroll;\n padding: 0.5rem 1.5rem 1.5rem;\n flex: 1;\n}\n\n.time {\n /* Frame 12 /\n box-sizing: border-box;\n\n / Auto layout /\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 4px 12px;\n gap: 0.5rem;\n font-size: 16px;\n font-weight: 500;\n font-family: inherit;\n\n width: 100%;\n height: 48px;\n\n color: var(--nylas-base-800);\n background: var(--nylas-base-0);\n border: none;\n outline: 1.5px solid var(--nylas-base-200);\n border-radius: var(--nylas-border-radius-2x);\n\n flex: none;\n order: 4;\n align-self: stretch;\n flex-grow: 0;\n\n cursor: pointer;\n\n &:hover,\n &:focus {\n color: var(--nylas-primary);\n outline-color: var(--nylas-primary);\n }\n\n &.selected {\n font-weight: 600;\n color: var(--nylas-primary);\n outline: 2px solid var(--nylas-primary);\n border-color: transparent;\n box-shadow: 0 0 0 2px var(--nylas-primary);\n }\n}\n\n.empty {\n text-align: center;\n padding: 0 1.5rem;\n color: var(--nylas-base-600);\n font-size: min(max(12px, 2vw), 14px);\n height: 450px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n@keyframes pulsate {\n 0% {\n background-color: var(--nylas-base-50);\n }\n\n 50% {\n background-color: var(--nylas-base-100);\n }\n\n 100% {\n background-color: var(--nylas-base-50);\n }\n}\n\n.loading {\n padding: 0 1.5rem;\n\n .timeslot-skeleton {\n width: 100%;\n height: 4rem;\n background-color: var(--nylas-base-50);\n margin-bottom: 0.5rem;\n border-radius: var(--nylas-border-radius-2x);\n animation: pulsate 1.5s infinite ease-in-out;\n }\n}\n\n.footer {\n width: 100%;\n padding: 14px;\n box-sizing: border-box;\n border-top: 1px solid var(--nylas-base-200);\n}","import { RegisterComponent } from '@/common/register-component';\nimport { debug, isSameDay } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { AvailabilityTimeslot } from '@/stores/scheduler-store';\nimport type { ThemeConfig, Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n\n/\n The `nylas-timeslot-picker` component is a UI component that allows users to select a timeslot from a list of available timeslots.\n \n @slot timeslot-picker-cta-label - The label for the timeslot picker CTA. Default is \"Next\".\n * @part ntp - The timeslot picker component.\n * @part ntp__timeslot - The timeslot button.\n * @part ntp__timeslot--selected - The selected timeslot button.\n * @part ntp__button-primary - The timeslot picker CTA.\n /\n@Component({\n tag: 'nylas-timeslot-picker',\n styleUrl: 'nylas-timeslot-picker.scss',\n shadow: true,\n})\nexport class NylasTimeslotPicker {\n /\n The host element.\n * Used to manage the host element of the provider.\n /\n @Element() private host!: HTMLNylasTimeslotPickerElement;\n /\n @standalone\n * The available timeslots.\n /\n @Prop({ attribute: 'availability' }) readonly availability?: AvailabilityTimeslot[];\n /\n @standalone\n * The loading state prop. Used to display loading state when fetching availability.\n /\n @Prop({ attribute: 'loading-state' }) readonly isLoading?: boolean;\n /\n @standalone\n * The theme configuration.\n /\n @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n /\n The selected timeslot.\n /\n @Prop({ attribute: 'selected-timeslot' }) readonly selectedTimeslot?: Timeslot;\n /\n The selected timezone.\n /\n @Prop({ attribute: 'selected-timezone' }) readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n /\n The selected date.\n /\n @Prop({ attribute: 'selected-date' }) readonly selectedDate?: Date = new Date();\n /\n The selected language.\n /\n @Prop() selectedLanguage?: string;\n\n /\n This event is fired when a timeslot is selected.\n /\n @Event() readonly timeslotSelected!: EventEmitter<Timeslot>;\n /\n This event is fired when a timeslot is confirmed. By default, this will proceed to the booking form page.\n /\n @Event() readonly timeslotConfirmed!: EventEmitter<Timeslot>;\n\n @State() times: AvailabilityTimeslot[] = [];\n @State() hoveredTimeslotIndex?: number;\n @State() selectedTimeslotIndex?: string;\n\n @Watch('selectedLanguage')\n selectedLanguageChanged(newLanguage: string) {\n i18next.changeLanguage(newLanguage);\n }\n\n @Watch('selectedDate')\n selectedDateChanged(newVal: Date \| null \| undefined) {\n debug(`[nylas-timeslot-picker] Selected date changed`, { newVal });\n\n if (newVal) {\n this.selectedTimeslotIndex = '';\n if (typeof newVal !== 'undefined') {\n const availableTimes = this.availability?.filter(timeslot => isSameDay(timeslot.start_time, newVal)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n }\n\n @Watch('availability')\n availabilityChanged(newVal: AvailabilityTimeslot[] \| undefined) {\n debug(`[nylas-timeslot-picker] Available times changed`, { newVal, selectedDate: this.selectedDate });\n\n if (typeof newVal !== 'undefined') {\n const availableTimes = newVal?.filter(timeslot => this.selectedDate && isSameDay(timeslot.start_time, this.selectedDate)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n }\n }\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n async componentWillLoad() {\n debug(`[nylas-timeslot-picker] Component will load`, { selectedDate: this.selectedDate, availability: this.availability, times: this.times });\n }\n\n async componentDidLoad() {\n debug(`[nylas-timeslot-picker] Component did load`);\n const availableTimes = this.availability?.filter(timeslot => this.selectedDate && isSameDay(timeslot.start_time, this.selectedDate)).map(timeslot => timeslot);\n this.times = availableTimes \|\| [];\n this.applyThemeConfig(this.themeConfig);\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 getTimeslotId(date: Date, index: number) {\n return `${date.toLocaleDateString()}-${index}`;\n }\n\n private onClickSelectTime(timeslot: Timeslot, index: number) {\n debug(`[nylas-timeslot-picker] Time selected`, timeslot, index);\n this.selectedTimeslotIndex = this.getTimeslotId(timeslot.start_time, index);\n this.timeslotSelected.emit({\n start_time: timeslot.start_time,\n end_time: timeslot.end_time,\n emails: timeslot.emails,\n });\n }\n\n private handleConfirmedTimeslot = async (event: Event, timeslot: Timeslot \| undefined) => {\n event.preventDefault();\n debug(`[nylas-timeslot-picker] Confirm timeslot`, timeslot);\n this.timeslotConfirmed.emit(timeslot);\n };\n\n private handleMouseEnter = (index: number) => {\n this.hoveredTimeslotIndex = index;\n };\n\n private handleMouseLeave = () => {\n this.hoveredTimeslotIndex = -1;\n };\n\n private getTimeSlotLabel(timeslot: Timeslot) {\n const timeFormat = new Intl.DateTimeFormat('en-US', {\n hour: '2-digit',\n minute: '2-digit',\n timeZone: this.selectedTimezone,\n });\n return `${timeFormat.format(timeslot.start_time)} - ${timeFormat.format(timeslot.end_time)}`;\n }\n\n @RegisterComponent<NylasTimeslotPicker, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-timeslot-picker',\n stateToProps: new Map([\n ['scheduler.selectedDate', 'selectedDate'],\n ['scheduler.availability', 'availability'],\n ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n ['scheduler.selectedTimezone', 'selectedTimezone'],\n ['scheduler.selectedLanguage', 'selectedLanguage'],\n ['scheduler.isLoading', 'isLoading'],\n ]),\n eventToProps: {\n timeslotSelected: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotSelected', event.detail);\n nylasSchedulerConnector.scheduler.selectTime(event.detail);\n },\n timeslotConfirmed: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n debug('nylas-timeslot-picker', 'timeslotConfirmed', event.detail);\n if (event.detail) {\n nylasSchedulerConnector.scheduler.toggleAdditionalData(true);\n }\n },\n },\n localPropsToProp: new Map([['themeConfig', 'themeConfig']]),\n fireRegisterEvent: true,\n })\n render() {\n if (this.isLoading) {\n return (\n <Host>\n <div class={'loading'}>\n {new Array(6).fill(0).map((_, i) => (\n <div class={'timeslot-skeleton'} style={{ animationDelay: `${i 20}ms` }} />\n ))}\n </div>\n </Host>\n );\n }\n\n if (this.availability && this.availability.length === 0) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No dates available</span>\n </div>\n </Host>\n );\n }\n\n if ((!this.times \|\| this.times.length === 0) && !!this.selectedDate) {\n return (\n <Host>\n <div class={'empty'}>\n <span>No time slots available for selected date</span>\n </div>\n </Host>\n );\n }\n\n if (!this.selectedDate) return <Host></Host>;\n\n return (\n <Host part=\"ntp\">\n <div class={'time-picker-wrapper'}>\n <div class={'timeslots'}>\n {this.times.map((timeslot, index) => (\n <button\n part={`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime() ? 'ntp__timeslot--selected' : ''}`}\n aria-role=\"button\"\n class={{\n time: true,\n selected: typeof this.selectedTimeslot !== 'undefined' && this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime(),\n }}\n onClick={() => this.onClickSelectTime(timeslot, index)}\n onMouseEnter={() => this.handleMouseEnter(index)}\n onMouseLeave={() => this.handleMouseLeave()}\n >\n {this.hoveredTimeslotIndex == index \|\| this.selectedTimeslotIndex == this.getTimeslotId(timeslot.start_time, index)\n ? this.getTimeSlotLabel(timeslot)\n : timeslot.start_time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', timeZone: this.selectedTimezone })}\n </button>\n ))}\n </div>\n {this.selectedTimeslot && (\n <div class={'footer'}>\n <button-component variant={'primary'} onClick={(event: Event) => this.handleConfirmedTimeslot(event, this.selectedTimeslot)} part=\"ntp__button-primary\">\n <slot name=\"timeslot-picker-cta-label\">{i18next.t('nextButton')}</slot>\n </button-component>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/nylas-web-elements/nylas-web-elements.esm.js CHANGED Viewed

@@ -47,7 +47,7 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"nylas-reminder-emails\",[[65,\"nylas-reminder-emails\",{\"selectedConfiguration\":[16],\"name\":[1],\"reminders\":[32],\"reminderErrors\":[32],\"participants\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"],[0,\"nylasFormDropdownChanged\",\"handleNylasFormDropdownChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-scheduler-editor\",[[1,\"nylas-scheduler-editor\",{\"configurationId\":[1025,\"configuration-id\"],\"nylasApiRequest\":[1040],\"nylasSessionsConfig\":[16],\"defaultAuthArgs\":[16],\"eventOverrides\":[16],\"schedulerPreviewLink\":[1,\"scheduler-preview-link\"],\"defaultSchedulerConfigState\":[16],\"mode\":[1],\"additionalParticipants\":[16],\"hideEditorTabs\":[16],\"conferenceProviders\":[16],\"requiresSlug\":[4,\"requires-slug\"],\"enableUserFeedback\":[4,\"enable-user-feedback\"],\"automaticComponentRegistration\":[32],\"store\":[64],\"schedulerConnector\":[64]},[[0,\"registerComponent\",\"registerComponentHandler\"],[0,\"unregisterComponent\",\"unregisterComponentHandler\"]],{\"configurationId\":[\"configurationIdChanged\"]}]]],[\"nylas-scheduling\",[[1,\"nylas-scheduling\",{\"mode\":[1],\"defaultSchedulerState\":[16],\"sessionId\":[1,\"session-id\"],\"schedulerApiUrl\":[1,\"scheduler-api-url\"],\"bookingInfo\":[16],\"rescheduleBookingRef\":[1,\"reschedule-booking-ref\"],\"cancelBookingRef\":[1,\"cancel-booking-ref\"],\"organizerConfirmationBookingRef\":[1,\"organizer-confirmation-booking-ref\"],\"configurationId\":[1,\"configuration-id\"],\"slug\":[1],\"clientId\":[1,\"client-id\"],\"nylasBranding\":[4,\"nylas-branding\"],\"eventOverrides\":[16],\"isLoading\":[4,\"is-loading\"],\"themeConfig\":[16],\"localization\":[16],\"showNotification\":[4,\"show-notification\"],\"enableUserFeedback\":[4,\"enable-user-feedback\"],\"automaticComponentRegistration\":[32],\"selectedDateLabel\":[32],\"refConfigId\":[32],\"language\":[32],\"showFeedbackModal\":[32],\"bookingInfoConfirmed\":[32],\"getNylasSchedulerStore\":[64],\"getNylasSchedulerConnector\":[64],\"getRef\":[64]},[[0,\"languageChanged\",\"languageChanged\"],[0,\"registerComponent\",\"registerComponentHandler\"],[0,\"unregisterComponent\",\"unregisterComponentHandler\"],[0,\"monthChanged\",\"monthChangedHandler\"],[0,\"detailsConfirmed\",\"bookButtonClickedHandler\"],[0,\"dateSelected\",\"dateSelectedHandler\"],[0,\"cancelBookedEventError\",\"cancelBookedEventErrorHandler\"],[0,\"cancelBookedEventValidationError\",\"cancelBookedEventValidationErrorHandler\"],[0,\"rescheduleBookedEventError\",\"rescheduleBookedEventErrorHandler\"],[0,\"confirmBookingError\",\"confirmBookingErrorHandler\"],[0,\"feedbackModalClosed\",\"feedbackModalClosedHandler\"],[0,\"feedbackSubmitted\",\"feedbackSubmittedHandler\"]],{\"bookingInfo\":[\"bookingInfoChanged\"],\"rescheduleBookingRef\":[\"rescheduleBookingRefChanged\"],\"cancelBookingRef\":[\"cancelBookingRefChanged\"],\"organizerConfirmationBookingRef\":[\"organizerConfirmationBookingRefChanged\"],\"localization\":[\"localizationChanged\"],\"themeConfig\":[\"themeConfigChanged\"]}]]],[\"input-color-picker\",[[1,\"input-color-picker\",{\"name\":[1],\"defaultSelectedColor\":[1,\"default-selected-color\"],\"selectedColor\":[32],\"isOpen\":[32],\"ariaActivedescendant\":[32],\"errorMessage\":[32]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"archive-icon\",[[2,\"archive-icon\",{\"width\":[1],\"height\":[1]}]]],[\"arrow-icon\",[[2,\"arrow-icon\",{\"width\":[1],\"height\":[1]}]]],[\"bold-icon\",[[2,\"bold-icon\",{\"width\":[1],\"height\":[1]}]]],[\"document-refresh-icon\",[[2,\"document-refresh-icon\",{\"width\":[1],\"height\":[1]}]]],[\"folder-icon\",[[2,\"folder-icon\",{\"width\":[1],\"height\":[1]}]]],[\"forward-icon\",[[2,\"forward-icon\",{\"width\":[1],\"height\":[1]}]]],[\"inbox-icon\",[[2,\"inbox-icon\",{\"width\":[1],\"height\":[1]}]]],[\"italic-icon\",[[2,\"italic-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-if-state\",[[1,\"nylas-if-state\",{\"state\":[1],\"isStateSet\":[4,\"is-state-set\"],\"isBoolean\":[4,\"is-boolean\"],\"getStore\":[16],\"transition\":[1],\"show\":[32],\"classes\":[32]},null,{\"getStore\":[\"onGetStoreChange\"]}]]],[\"nylas-login\",[[1,\"nylas-login\",{\"isAuthenticated\":[4,\"is-authenticated\"],\"nylasConnector\":[16],\"scopes\":[16],\"loginMethod\":[1,\"login-method\"],\"companyName\":[1,\"company-name\"],\"logoUrl\":[1,\"logo-url\"],\"logoWidth\":[1,\"logo-width\"],\"providers\":[1],\"buttonText\":[1,\"button-text\"],\"email\":[32]}]]],[\"nylas-provider\",[[1,\"nylas-provider\",{\"authConfig\":[16],\"eventOverrides\":[16],\"automaticComponentRegistration\":[4,\"automatic-component-registration\"],\"getNylasAuth\":[64],\"getNylasConnector\":[64],\"getAuthStore\":[64],\"getNylasSchedulerStore\":[64],\"getNylasSchedulerConfigStore\":[64]},[[0,\"registerComponent\",\"registerComponentHandler\"],[0,\"unregisterComponent\",\"unregisterComponentHandler\"]]]]],[\"play-icon\",[[2,\"play-icon\",{\"width\":[1],\"height\":[1]}]]],[\"refresh-icon\",[[2,\"refresh-icon\",{\"width\":[1],\"height\":[1]}]]],[\"reply-all-icon\",[[2,\"reply-all-icon\",{\"width\":[1],\"height\":[1]}]]],[\"reply-icon\",[[2,\"reply-icon\",{\"width\":[1],\"height\":[1]}]]],[\"sent-icon\",[[2,\"sent-icon\",{\"width\":[1],\"height\":[1]}]]],[\"spam-icon\",[[2,\"spam-icon\",{\"width\":[1],\"height\":[1]}]]],[\"star-icon\",[[2,\"star-icon\",{\"width\":[1],\"height\":[1]}]]],[\"stop-icon\",[[2,\"stop-icon\",{\"width\":[1],\"height\":[1]}]]],[\"trash-fill-icon\",[[2,\"trash-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"underline-icon\",[[2,\"underline-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-confirmation-email\",[[65,\"nylas-confirmation-email\",{\"selectedConfiguration\":[16],\"confirmationEmailTemplate\":[16],\"participants\":[16],\"name\":[1],\"isOpen\":[4,\"is-open\"],\"confirmationEmail\":[32],\"isConfirmationEmailOpen\":[32],\"participantsState\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"],[0,\"valueChanged\",\"valueChangedHandler\"],[0,\"nylasFormInputImageUrlInvalid\",\"nylasFormInputImageUrlInvalidHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-booking-form-config\",[[65,\"nylas-booking-form-config\",{\"selectedConfiguration\":[16],\"name\":[1],\"additonalFields\":[16],\"formFields\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"nylasFormInputChanged\",\"nylasFormInputChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"formFields\":[\"watchHandler\"]}]]],[\"nylas-additional-participants\",[[65,\"nylas-additional-participants\",{\"name\":[1],\"selectedConfiguration\":[16],\"currentUser\":[16],\"participantOptions\":[16],\"eventParticipants\":[16],\"participants\":[32],\"participantErrors\":[32],\"includeOrganizerAsParticipant\":[32],\"isRoundRobinConfig\":[32],\"error\":[32]},[[0,\"inputOptionChanged\",\"onInputOptionChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-booking-confirmation-redirect\",[[65,\"nylas-booking-confirmation-redirect\",{\"selectedConfiguration\":[16],\"name\":[1],\"redirectUrl\":[1,\"redirect-url\"],\"redirectUrlErrorMessage\":[1,\"redirect-url-error-message\"],\"currentRedirectUrl\":[32],\"acceptUrl\":[32],\"componentLoaded\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"nylasFormInputBlurred\",\"nylasFormInputBlurHandler\"],[4,\"formSubmitted\",\"formSubmittedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-connected-calendars\",[[65,\"nylas-connected-calendars\",{\"name\":[1],\"selectedConfiguration\":[16],\"participants\":[16],\"calendars\":[16],\"participantOptions\":[16],\"selectedCalendars\":[32],\"participantCalendars\":[32],\"participantDefaultSelectedCalendars\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"calendars\":[\"calendarsChangedHandler\"],\"participants\":[\"participantsChangedHandler\"],\"participantOptions\":[\"participantOptionsChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-custom-event-slug\",[[65,\"nylas-custom-event-slug\",{\"selectedConfiguration\":[16],\"defaultUrlSlug\":[1,\"default-url-slug\"],\"isOpen\":[4,\"is-open\"],\"slugErrorMessage\":[1,\"slug-error-message\"],\"name\":[1],\"requiresSlug\":[4,\"requires-slug\"],\"urlSlug\":[32],\"focus\":[32],\"copied\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"],[0,\"nylasFormInputFocused\",\"nylasFormInputFocusHandler\"],[0,\"nylasFormInputBlurred\",\"nylasFormInputBlurHandler\"],[8,\"formSubmitted\",\"formSubmittedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-duration\",[[65,\"nylas-event-duration\",{\"selectedConfiguration\":[16],\"name\":[1],\"eventDurationMinutes\":[2,\"event-duration-minutes\"],\"duration\":[32],\"durationMinutes\":[32],\"durationIncrement\":[32],\"durationMinutesOptions\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"inputOptionChanged\",\"inputOptionChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"],\"durationMinutes\":[\"durationMinutesChangedHandler\"]}]]],[\"nylas-cancellation-policy\",[[65,\"nylas-cancellation-policy\",{\"selectedConfiguration\":[16],\"cancellationPolicy\":[1,\"cancellation-policy\"],\"name\":[1],\"message\":[32]},null,{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"flow-icon\",[[2,\"flow-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-editor-tabs\",[[6,\"nylas-editor-tabs\",{\"calendars\":[16],\"selectedConfiguration\":[16],\"configurations\":[16],\"currentUser\":[16],\"schedulerPreviewLink\":[1,\"scheduler-preview-link\"],\"mode\":[1],\"hideEditorTabs\":[16],\"enableUserFeedback\":[4,\"enable-user-feedback\"],\"action\":[32],\"showFeedbackModal\":[32],\"activeTab\":[32],\"isLoading\":[32],\"hasUnsavedChanges\":[32],\"changesSaved\":[32],\"formState\":[32],\"error\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"],[0,\"feedbackModalClosed\",\"feedbackModalClosedHandler\"],[0,\"feedbackSubmitted\",\"feedbackSubmittedHandler\"]],{\"selectedConfiguration\":[\"configChangedHandler\"],\"currentUser\":[\"userChangedHandler\"]}]]],[\"nylas-booking-form\",[[1,\"nylas-booking-form\",{\"isLoading\":[4,\"is-loading\"],\"bookingInfo\":[16],\"eventInfo\":[16],\"configSettings\":[16],\"name\":[32],\"email\":[32],\"guestEmails\":[32],\"guestEmailErrors\":[32],\"isNameValid\":[32],\"isEmailValid\":[32],\"additionalFields\":[32],\"validationError\":[32],\"backButtonLoading\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangedHandler\"],[0,\"nylasFormDropdownChanged\",\"selectOptionChangedHandler\"],[0,\"nylasFormSwitchToggled\",\"switchToggledHandler\"],[0,\"nylasFormCheckboxToggled\",\"checkboxToggledHandler\"],[0,\"nylasFormRadioChanged\",\"radioChangedHandler\"],[0,\"nylasFormDropdownDefaultSelected\",\"dropdownDefaultSelectedHandler\"]],{\"bookingInfo\":[\"bookingInfoChangedHandler\"]}]]],[\"nylas-list-configurations\",[[1,\"nylas-list-configurations\",{\"configurations\":[16],\"schedulerPreviewLink\":[1,\"scheduler-preview-link\"],\"listConfigurationsNextCursor\":[1,\"list-configurations-next-cursor\"],\"state\":[32],\"error\":[32],\"currentCursor\":[32],\"previousCursors\":[32],\"disableNextPageButton\":[32],\"getState\":[64],\"setState\":[64],\"setError\":[64]},[[0,\"nylasFormDropdownChanged\",\"handleNylasFormDropdownChanged\"]],{\"listConfigurationsNextCursor\":[\"listConfigurationsNextCursorChangedHandler\"]}]]],[\"nylas-cancel-booking-form\",[[1,\"nylas-cancel-booking-form\",{\"cancelBookingId\":[1,\"cancel-booking-id\"],\"rejectBookingId\":[1,\"reject-booking-id\"],\"selectedTimeslot\":[16],\"configSettings\":[16],\"eventInfo\":[16],\"isLoading\":[4,\"is-loading\"],\"cancellationReason\":[32],\"cancellationError\":[32],\"cancellationPolicy\":[32]},[[0,\"nylasFormInputChanged\",\"handleNylasFormInputChanged\"]],{\"configSettings\":[\"configSettingsChangedHandler\"]}]]],[\"nylas-booked-event-card\",[[1,\"nylas-booked-event-card\",{\"eventInfo\":[16],\"rescheduleBookingId\":[1,\"reschedule-booking-id\"],\"bookingInfo\":[8,\"booking-info\"],\"configSettings\":[8,\"config-settings\"],\"isLoading\":[4,\"is-loading\"],\"selectedTimezone\":[1,\"selected-timezone\"],\"selectedTimeslot\":[16],\"selectedLanguage\":[1,\"selected-language\"],\"startTime\":[32],\"endTime\":[32]}]]],[\"nylas-locale-switch\",[[1,\"nylas-locale-switch\",{\"selectedTimezone\":[1025,\"selected-timezone\"],\"selectedLanguage\":[1025,\"selected-language\"]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]]]]],[\"nylas-cancelled-event-card\",[[1,\"nylas-cancelled-event-card\",{\"configSettings\":[16],\"cancelledEventInfo\":[16],\"isClosing\":[32]}]]],[\"nylas-confirmed-event-card\",[[1,\"nylas-confirmed-event-card\",{\"configSettings\":[16],\"confirmedEventInfo\":[16],\"isClosing\":[32]}]]],[\"nylas-date-picker\",[[1,\"nylas-date-picker\",{\"selectableDates\":[16],\"configSettings\":[16],\"selectedDate\":[16],\"selectedLanguage\":[1,\"selected-language\"],\"isLoading\":[4,\"is-loading\"],\"eventDuration\":[2,\"event-duration\"],\"month\":[32],\"dates\":[32],\"disableNextMonthButton\":[32]},null,{\"configSettings\":[\"configSettingsChanged\"],\"selectedLanguage\":[\"selectedLanguageChanged\"]}]]],[\"nylas-organizer-confirmation-card\",[[1,\"nylas-organizer-confirmation-card\",{\"configSettings\":[8,\"config-settings\"],\"isLoading\":[4,\"is-loading\"],\"organizerConfirmationBookingId\":[1,\"organizer-confirmation-booking-id\"],\"selectedLanguage\":[1,\"selected-language\"],\"action\":[32],\"resetAction\":[64]}]]],[\"nylas-notification\",[[1,\"nylas-notification\",{\"ttl\":[8],\"allowedCategories\":[16],\"notifications\":[32]},[[16,\"nylasSchedulerError\",\"onError\"],[16,\"nylasSchedulerWarning\",\"onWarning\"],[16,\"nylasSchedulerInfo\",\"onInfo\"],[16,\"nylasSchedulerSuccess\",\"onSuccess\"]]]]],[\"nylas-selected-event-card\",[[1,\"nylas-selected-event-card\",{\"selectedDate\":[16],\"selectedTimeslot\":[16],\"selectedTimezone\":[1,\"selected-timezone\"],\"selectedLanguage\":[1,\"selected-language\"],\"startTime\":[32],\"endTime\":[32]}]]],[\"nylas-timeslot-picker\",[[1,\"nylas-timeslot-picker\",{\"availability\":[16],\"isLoading\":[4,\"loading-state\"],\"selectedTimeslot\":[16],\"selectedTimezone\":[1,\"selected-timezone\"],\"selectedDate\":[16],\"selectedLanguage\":[1,\"selected-language\"],\"times\":[32],\"hoveredTimeslotIndex\":[32],\"selectedTimeslotIndex\":[32]},null,{\"selectedLanguage\":[\"selectedLanguageChanged\"],\"selectedDate\":[\"selectedDateChanged\"],\"availability\":[\"availabilityChanged\"]}]]],[\"google-logo-icon\",[[2,\"google-logo-icon\",{\"width\":[1],\"height\":[1]}]]],[\"microsoft-logo-icon\",[[2,\"microsoft-logo-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-logo\",[[2,\"nylas-logo\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-participants-custom-availability\",[[65,\"nylas-participants-custom-availability\",{\"selectedConfiguration\":[16],\"name\":[1],\"participants\":[16],\"selectedParticipants\":[32]},[[0,\"nylasFormSwitchToggled\",\"nylasFormSwitchToggledHandler\"],[0,\"valueChanged\",\"handleValueChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"participants\":[\"participantsChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-location\",[[65,\"nylas-event-location\",{\"name\":[1],\"currentUser\":[16],\"userProvider\":[1,\"user-provider\"],\"eventConferencing\":[16],\"conferenceProviders\":[16],\"selectedConfiguration\":[16],\"eventLocation\":[1,\"event-location\"],\"location\":[32],\"grantId\":[32],\"selectedLocationOption\":[32],\"userProviderState\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-limit-future-bookings\",[[65,\"nylas-limit-future-bookings\",{\"selectedConfiguration\":[16],\"availableDaysInFuture\":[2,\"available-days-in-future\"],\"name\":[1],\"selectedNumber\":[32],\"selectedPeriod\":[32]},[[0,\"timePeriodChanged\",\"timePeriodChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-min-booking-notice\",[[65,\"nylas-min-booking-notice\",{\"selectedConfiguration\":[16],\"name\":[1],\"minBookingNotice\":[2,\"min-booking-notice\"],\"selectedNumber\":[32],\"selectedPeriod\":[32]},[[0,\"timePeriodChanged\",\"timePeriodChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-min-cancellation-notice\",[[65,\"nylas-min-cancellation-notice\",{\"selectedConfiguration\":[16],\"name\":[1],\"minCancellationNotice\":[2,\"min-cancellation-notice\"],\"selectedNumber\":[32],\"selectedPeriod\":[32]},[[0,\"timePeriodChanged\",\"timePeriodChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-participant-booking-calendars\",[[65,\"nylas-participant-booking-calendars\",{\"selectedConfiguration\":[16],\"name\":[1],\"participants\":[16],\"calendars\":[16],\"participantOptions\":[16],\"selectedCalendars\":[32],\"participantCalendars\":[32],\"participantDefaultSelectedCalendar\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"calendars\":[\"calendarsChangedHandler\"],\"participants\":[\"participantsChangedHandler\"],\"participantOptions\":[\"participantOptionsChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-scheduling-method\",[[65,\"nylas-scheduling-method\",{\"selectedConfiguration\":[16],\"name\":[1],\"participantOptions\":[16],\"readOnly\":[4,\"read-only\"],\"selectedBookingType\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"nylas-timeslot-interval\",[[65,\"nylas-timeslot-interval\",{\"selectedConfiguration\":[16],\"name\":[1],\"eventDurationMinutes\":[2,\"event-duration-minutes\"],\"internalEventDurationMinutes\":[32],\"selectedInterval\":[32],\"selectedRoundTo\":[32],\"componentLoaded\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"nylasFormRadioChanged\",\"nylasFormRadioChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-booking-confirmation-type\",[[65,\"nylas-booking-confirmation-type\",{\"selectedConfiguration\":[16],\"name\":[1],\"bookingType\":[1,\"booking-type\"],\"showComponent\":[4,\"show-component\"],\"selectedBookingType\":[32],\"showDropdown\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-buffer-time\",[[65,\"nylas-buffer-time\",{\"selectedConfiguration\":[16],\"name\":[1],\"buffer\":[16],\"selectedBeforeBufferTime\":[32],\"selectedAfterBufferTime\":[32],\"componentLoaded\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-page-name\",[[65,\"nylas-page-name\",{\"selectedConfiguration\":[16],\"name\":[1],\"pageName\":[1,\"page-name\"],\"showToggle\":[4,\"show-toggle\"],\"isOpen\":[4,\"is-open\"],\"currentPageName\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-customize-booking-settings\",[[65,\"nylas-customize-booking-settings\",{\"selectedConfiguration\":[16],\"defaultHideAdditionalGuests\":[4,\"default-hide-additional-guests\"],\"defaultHideCancellationOptions\":[4,\"default-hide-cancellation-options\"],\"defaultHideReschedulingOptions\":[4,\"default-hide-rescheduling-options\"],\"name\":[1],\"allowGuestsToInvite\":[32],\"hideCancellationOptions\":[32],\"hideReschedulingOptions\":[32]},[[0,\"nylasFormCheckboxToggled\",\"checkboxToggledHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-description\",[[65,\"nylas-event-description\",{\"selectedConfiguration\":[16],\"eventDescription\":[1,\"event-description\"],\"name\":[1],\"description\":[32]},null,{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-title\",[[65,\"nylas-event-title\",{\"selectedConfiguration\":[16],\"eventTitle\":[1,\"event-title\"],\"name\":[1],\"showTokens\":[32],\"availableTokens\":[32],\"filteredTokens\":[32],\"ariaActivedescendant\":[32],\"currentWord\":[32],\"validationError\":[32],\"configEventTitle\":[32]},[[8,\"formSubmitted\",\"formSubmittedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"ariaActivedescendant\":[\"ariaActivedescendantChangedHandler\"],\"selectedConfiguration\":[\"configChangedHandler\"]}]]],[\"nylas-custom-booking-flow\",[[65,\"nylas-custom-booking-flow\"]]],[\"nylas-event-info\",[[65,\"nylas-event-info\"]]],[\"nylas-event-limits\",[[65,\"nylas-event-limits\"]]],[\"nylas-page-styling\",[[65,\"nylas-page-styling\",{\"selectedConfiguration\":[16],\"name\":[1],\"appearance\":[16],\"isOpen\":[4,\"is-open\"],\"currentAppearance\":[32],\"customInputsSlot\":[32]},[[4,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"],[4,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[4,\"valueChanged\",\"valueChangedHandler\"],[4,\"nylasFormCheckboxToggled\",\"checkboxToggledHandler\"],[4,\"nylasFormRadioChanged\",\"radioChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"calendar-agenda-fill-icon\",[[2,\"calendar-agenda-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-agenda-icon\",[[2,\"calendar-agenda-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-info-icon\",[[2,\"calendar-info-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-patterns-icon\",[[2,\"calendar-patterns-icon\",{\"width\":[1],\"height\":[1]}]]],[\"checkmark-circle-icon\",[[2,\"checkmark-circle-icon\",{\"width\":[1],\"height\":[1]}]]],[\"delete-icon\",[[2,\"delete-icon\",{\"width\":[1],\"height\":[1]}]]],[\"envelope-fill-icon\",[[2,\"envelope-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"envelope-icon\",[[2,\"envelope-icon\",{\"width\":[1],\"height\":[1]}]]],[\"paintbrush-fill-icon\",[[2,\"paintbrush-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"paintbrush-icon\",[[2,\"paintbrush-icon\",{\"width\":[1],\"height\":[1]}]]],[\"people-icon\",[[2,\"people-icon\",{\"width\":[1],\"height\":[1]}]]],[\"person-icon\",[[2,\"person-icon\",{\"width\":[1],\"height\":[1]}]]],[\"translate-icon\",[[2,\"translate-icon\",{\"width\":[1],\"height\":[1]}]]],[\"warning-icon\",[[2,\"warning-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-availability-picker\",[[65,\"nylas-availability-picker\",{\"name\":[1],\"selectedConfiguration\":[16],\"openHours\":[16],\"defaultTimezone\":[1,\"default-timezone\"],\"hideHeader\":[4,\"hide-header\"],\"schedule\":[32],\"timezone\":[32],\"overlapDays\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"timeChange\",\"setTime\"],[0,\"formError\",\"setFormError\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"configChangedHandler\"],\"schedule\":[\"scheduleChanged\"]}]]],[\"nylas-feedback-form\",[[1,\"nylas-feedback-form\",{\"feedbackMessage\":[32]},[[4,\"nylasFormInputChanged\",\"handleFormInputChanged\"]]]]],[\"nylas-booking-calendar-picker\",[[65,\"nylas-booking-calendar-picker\",{\"calendars\":[16],\"currentUser\":[16],\"currentUserCalendars\":[16],\"name\":[1],\"defaultBookingCalendar\":[1,\"default-booking-calendar\"],\"hideHeader\":[4,\"hide-header\"],\"selectedCalendar\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"currentUserCalendars\":[\"currentUserCalendarsChangedHandler\"]}]]],[\"nylas-calendar-picker\",[[65,\"nylas-calendar-picker\",{\"name\":[1],\"currentUser\":[16],\"calendars\":[16],\"defaultSelectedCalendars\":[16],\"selectedCalendars\":[32],\"error\":[32]},[[0,\"selectedOptionsChanged\",\"selectedOptionsChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"nylas-reminder-time\",[[65,\"nylas-reminder-time\",{\"name\":[1],\"eventReminderTimeMinutes\":[2,\"event-reminder-time-minutes\"],\"reminderTime\":[32],\"reminderTimeMinutes\":[32],\"reminderTimeincrement\":[32],\"reminderTimeMinutesOptions\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"inputOptionChanged\",\"inputOptionChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"reminderTimeMinutes\":[\"reminderTimeMinutesChangedHandler\"]}]]],[\"input-image-url\",[[65,\"input-image-url\",{\"imageUrl\":[1,\"image-url\"],\"errorMessage\":[1,\"error-message\"],\"name\":[1],\"currentImageUrl\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangedHandler\"],[0,\"nylasFormInputBlurred\",\"nylasFormInputBlurHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"calendar-check-icon\",[[2,\"calendar-check-icon\",{\"width\":[1],\"height\":[1]}]]],[\"checkmark-icon\",[[2,\"checkmark-icon\",{\"width\":[1],\"height\":[1]}]]],[\"dragable-icon\",[[2,\"dragable-icon\",{\"width\":[1],\"height\":[1]}]]],[\"eye-icon\",[[2,\"eye-icon\",{\"width\":[1],\"height\":[1]}]]],[\"feedback-icon\",[[2,\"feedback-icon\",{\"width\":[1],\"height\":[1]}]]],[\"google-meet-icon\",[[2,\"google-meet-icon\",{\"width\":[1],\"height\":[1]}]]],[\"location-icon\",[[2,\"location-icon\",{\"width\":[1],\"height\":[1]}]]],[\"location-off-icon\",[[2,\"location-off-icon\",{\"width\":[1],\"height\":[1]}]]],[\"microsoft-teams-icon\",[[2,\"microsoft-teams-icon\",{\"width\":[1],\"height\":[1]}]]],[\"toggle-switch\",[[1,\"toggle-switch\",{\"name\":[1],\"checked\":[4],\"label\":[1],\"isChecked\":[32]}]]],[\"trash-icon\",[[2,\"trash-icon\",{\"width\":[1],\"height\":[1]}]]],[\"zoom-icon\",[[2,\"zoom-icon\",{\"width\":[1],\"height\":[1]}]]],[\"multi-select-dropdown\",[[1,\"multi-select-dropdown\",{\"name\":[1],\"label\":[1],\"options\":[16],\"error\":[1],\"availableOptions\":[32],\"isOpen\":[32],\"ariaActivedescendant\":[32],\"shouldFocusFirstOption\":[32]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"calendar-cancel-icon\",[[2,\"calendar-cancel-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-icon\",[[2,\"calendar-icon\",{\"width\":[1],\"height\":[1]}]]],[\"copy-icon\",[[2,\"copy-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-time-window-picker\",[[1,\"nylas-time-window-picker\",{\"time\":[1],\"minimumStartTime\":[1,\"minimum-start-time\"],\"placeholder\":[1],\"name\":[1],\"hasError\":[4,\"has-error\"],\"err\":[32],\"showTimes\":[32],\"ariaActivedescendant\":[32],\"times\":[32],\"shouldAutoScroll\":[32]},[[6,\"click\",\"handleOutsideClick\"]],{\"minimumStartTime\":[\"minimumStartTimeChangedHandler\"]}]]],[\"person-clipboard-icon\",[[2,\"person-clipboard-icon\",{\"width\":[1],\"height\":[1]}]]],[\"plus-icon\",[[2,\"plus-icon\",{\"width\":[1],\"height\":[1]}]]],[\"search-icon\",[[2,\"search-icon\",{\"width\":[1],\"height\":[1]}]]],[\"select-dropdown\",[[1,\"select-dropdown\",{\"name\":[1],\"options\":[16],\"defaultSelectedOption\":[16],\"withSearch\":[4,\"with-search\"],\"label\":[1],\"required\":[4],\"pluralizedLabel\":[1,\"pluralized-label\"],\"dropdownButtonText\":[1,\"dropdown-button-text\"],\"withChevron\":[4,\"with-chevron\"],\"selectedOption\":[32],\"isOpen\":[32],\"searchValue\":[32],\"filteredOptions\":[32],\"ariaActivedescendant\":[32],\"errorMessage\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"],[6,\"click\",\"handleOutsideClick\"]],{\"options\":[\"optionsChangedHandler\"],\"defaultSelectedOption\":[\"defaultSelectedOptionChangedHandler\"]}]]],[\"time-period-selector\",[[2,\"time-period-selector\",{\"timePeriods\":[16],\"defaultSelectedPeriod\":[1,\"default-selected-period\"],\"defaultSelectedNumber\":[2,\"default-selected-number\"],\"selectedPeriod\":[32],\"selectedNumber\":[32],\"numberOptions\":[32],\"timePeriodOptions\":[32]},[[0,\"inputOptionChanged\",\"inputOptionChangedHandler\"],[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]]]]],[\"checkbox-component\",[[1,\"checkbox-component\",{\"name\":[1],\"checked\":[4],\"label\":[1],\"required\":[4],\"isChecked\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"]]]]],[\"edit-icon\",[[2,\"edit-icon\",{\"width\":[1],\"height\":[1]}]]],[\"radio-button-group\",[[1,\"radio-button-group\",{\"name\":[1],\"options\":[16],\"defaultSelectedValue\":[1,\"default-selected-value\"],\"label\":[1],\"required\":[4],\"selectedValue\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"]],{\"defaultSelectedValue\":[\"handleDefaultSelectedValueChange\"]}]]],[\"clock-icon\",[[2,\"clock-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-form-card\",[[65,\"nylas-form-card\"]]],[\"textarea-component\",[[1,\"textarea-component\",{\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"label\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"autoFocus\":[4,\"auto-focus\"],\"maxLength\":[2,\"max-length\"],\"type\":[1],\"tooltip\":[1],\"value\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"],[4,\"triggerValidation\",\"handletriggerValidation\"]]]]],[\"add-circle-icon\",[[2,\"add-circle-icon\",{\"width\":[1],\"height\":[1]}]]],[\"globe-icon\",[[2,\"globe-icon\",{\"width\":[1],\"height\":[1]}]]],[\"input-dropdown\",[[1,\"input-dropdown\",{\"name\":[1],\"options\":[16],\"defaultInputOption\":[16],\"inputValue\":[1,\"input-value\"],\"pluralizedLabel\":[1,\"pluralized-label\"],\"filterable\":[4],\"selectedOption\":[32],\"isOpen\":[32],\"typedValue\":[32],\"filteredOptions\":[32],\"ariaActivedescendant\":[32],\"shouldAutoScroll\":[32]},[[6,\"click\",\"handleOutsideClick\"]],{\"options\":[\"optionsChangedHandler\"],\"defaultInputOption\":[\"defaultSelectedOptionChangedHandler\"],\"inputValue\":[\"inputValueChangedHandler\"]}]]],[\"input-component\",[[1,\"input-component\",{\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"label\":[1],\"type\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"autoFocus\":[4,\"auto-focus\"],\"pattern\":[16],\"maxLength\":[2,\"max-length\"],\"patternError\":[1,\"pattern-error\"],\"requiredError\":[1,\"required-error\"],\"value\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"],[4,\"formSubmitted\",\"handleFormSubmitted\"]],{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"close-icon\",[[2,\"close-icon\",{\"width\":[1],\"height\":[1]}]]],[\"loading-icon\",[[1,\"loading-icon\",{\"width\":[1],\"height\":[1]}]]],[\"button-component\",[[6,\"button-component\",{\"variant\":[1],\"disabled\":[4],\"type\":[1],\"tooltip\":[1],\"isLoading\":[4,\"is-loading\"],\"clickHandler\":[16],\"mouseOverHandler\":[16],\"mouseOutHandler\":[16],\"focusHandler\":[16],\"blurHandler\":[16]}]]],[\"tooltip-component\",[[1,\"tooltip-component\",{\"position\":[1]}]]],[\"info-icon\",[[2,\"info-icon\",{\"width\":[1],\"height\":[1]}]]],[\"chevron-icon\",[[2,\"chevron-icon\",{\"width\":[1],\"height\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"nylas-reminder-emails\",[[65,\"nylas-reminder-emails\",{\"selectedConfiguration\":[16],\"name\":[1],\"reminders\":[32],\"reminderErrors\":[32],\"participants\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"],[0,\"nylasFormDropdownChanged\",\"handleNylasFormDropdownChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-scheduler-editor\",[[1,\"nylas-scheduler-editor\",{\"configurationId\":[1025,\"configuration-id\"],\"nylasApiRequest\":[1040],\"nylasSessionsConfig\":[16],\"defaultAuthArgs\":[16],\"eventOverrides\":[16],\"schedulerPreviewLink\":[1,\"scheduler-preview-link\"],\"defaultSchedulerConfigState\":[16],\"mode\":[1],\"additionalParticipants\":[16],\"hideEditorTabs\":[16],\"conferenceProviders\":[16],\"requiresSlug\":[4,\"requires-slug\"],\"enableUserFeedback\":[4,\"enable-user-feedback\"],\"automaticComponentRegistration\":[32],\"store\":[64],\"schedulerConnector\":[64]},[[0,\"registerComponent\",\"registerComponentHandler\"],[0,\"unregisterComponent\",\"unregisterComponentHandler\"]],{\"configurationId\":[\"configurationIdChanged\"]}]]],[\"nylas-scheduling\",[[1,\"nylas-scheduling\",{\"mode\":[1],\"defaultSchedulerState\":[16],\"sessionId\":[1,\"session-id\"],\"schedulerApiUrl\":[1,\"scheduler-api-url\"],\"bookingInfo\":[16],\"rescheduleBookingRef\":[1,\"reschedule-booking-ref\"],\"cancelBookingRef\":[1,\"cancel-booking-ref\"],\"organizerConfirmationBookingRef\":[1,\"organizer-confirmation-booking-ref\"],\"configurationId\":[1,\"configuration-id\"],\"slug\":[1],\"clientId\":[1,\"client-id\"],\"nylasBranding\":[4,\"nylas-branding\"],\"eventOverrides\":[16],\"isLoading\":[4,\"is-loading\"],\"themeConfig\":[16],\"localization\":[16],\"showNotification\":[4,\"show-notification\"],\"enableUserFeedback\":[4,\"enable-user-feedback\"],\"automaticComponentRegistration\":[32],\"selectedDateLabel\":[32],\"refConfigId\":[32],\"language\":[32],\"showFeedbackModal\":[32],\"bookingInfoConfirmed\":[32],\"getNylasSchedulerStore\":[64],\"getNylasSchedulerConnector\":[64],\"getRef\":[64]},[[0,\"languageChanged\",\"languageChanged\"],[0,\"registerComponent\",\"registerComponentHandler\"],[0,\"unregisterComponent\",\"unregisterComponentHandler\"],[0,\"monthChanged\",\"monthChangedHandler\"],[0,\"detailsConfirmed\",\"bookButtonClickedHandler\"],[0,\"dateSelected\",\"dateSelectedHandler\"],[0,\"cancelBookedEventError\",\"cancelBookedEventErrorHandler\"],[0,\"cancelBookedEventValidationError\",\"cancelBookedEventValidationErrorHandler\"],[0,\"rescheduleBookedEventError\",\"rescheduleBookedEventErrorHandler\"],[0,\"confirmBookingError\",\"confirmBookingErrorHandler\"],[0,\"feedbackModalClosed\",\"feedbackModalClosedHandler\"],[0,\"feedbackSubmitted\",\"feedbackSubmittedHandler\"]],{\"bookingInfo\":[\"bookingInfoChanged\"],\"rescheduleBookingRef\":[\"rescheduleBookingRefChanged\"],\"cancelBookingRef\":[\"cancelBookingRefChanged\"],\"organizerConfirmationBookingRef\":[\"organizerConfirmationBookingRefChanged\"],\"localization\":[\"localizationChanged\"],\"themeConfig\":[\"themeConfigChanged\"]}]]],[\"input-color-picker\",[[1,\"input-color-picker\",{\"name\":[1],\"defaultSelectedColor\":[1,\"default-selected-color\"],\"selectedColor\":[32],\"isOpen\":[32],\"ariaActivedescendant\":[32],\"errorMessage\":[32]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"archive-icon\",[[2,\"archive-icon\",{\"width\":[1],\"height\":[1]}]]],[\"arrow-icon\",[[2,\"arrow-icon\",{\"width\":[1],\"height\":[1]}]]],[\"bold-icon\",[[2,\"bold-icon\",{\"width\":[1],\"height\":[1]}]]],[\"document-refresh-icon\",[[2,\"document-refresh-icon\",{\"width\":[1],\"height\":[1]}]]],[\"folder-icon\",[[2,\"folder-icon\",{\"width\":[1],\"height\":[1]}]]],[\"forward-icon\",[[2,\"forward-icon\",{\"width\":[1],\"height\":[1]}]]],[\"inbox-icon\",[[2,\"inbox-icon\",{\"width\":[1],\"height\":[1]}]]],[\"italic-icon\",[[2,\"italic-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-if-state\",[[1,\"nylas-if-state\",{\"state\":[1],\"isStateSet\":[4,\"is-state-set\"],\"isBoolean\":[4,\"is-boolean\"],\"getStore\":[16],\"transition\":[1],\"show\":[32],\"classes\":[32]},null,{\"getStore\":[\"onGetStoreChange\"]}]]],[\"nylas-login\",[[1,\"nylas-login\",{\"isAuthenticated\":[4,\"is-authenticated\"],\"nylasConnector\":[16],\"scopes\":[16],\"loginMethod\":[1,\"login-method\"],\"companyName\":[1,\"company-name\"],\"logoUrl\":[1,\"logo-url\"],\"logoWidth\":[1,\"logo-width\"],\"providers\":[1],\"buttonText\":[1,\"button-text\"],\"email\":[32]}]]],[\"nylas-provider\",[[1,\"nylas-provider\",{\"authConfig\":[16],\"eventOverrides\":[16],\"automaticComponentRegistration\":[4,\"automatic-component-registration\"],\"getNylasAuth\":[64],\"getNylasConnector\":[64],\"getAuthStore\":[64],\"getNylasSchedulerStore\":[64],\"getNylasSchedulerConfigStore\":[64]},[[0,\"registerComponent\",\"registerComponentHandler\"],[0,\"unregisterComponent\",\"unregisterComponentHandler\"]]]]],[\"play-icon\",[[2,\"play-icon\",{\"width\":[1],\"height\":[1]}]]],[\"refresh-icon\",[[2,\"refresh-icon\",{\"width\":[1],\"height\":[1]}]]],[\"reply-all-icon\",[[2,\"reply-all-icon\",{\"width\":[1],\"height\":[1]}]]],[\"reply-icon\",[[2,\"reply-icon\",{\"width\":[1],\"height\":[1]}]]],[\"sent-icon\",[[2,\"sent-icon\",{\"width\":[1],\"height\":[1]}]]],[\"spam-icon\",[[2,\"spam-icon\",{\"width\":[1],\"height\":[1]}]]],[\"star-icon\",[[2,\"star-icon\",{\"width\":[1],\"height\":[1]}]]],[\"stop-icon\",[[2,\"stop-icon\",{\"width\":[1],\"height\":[1]}]]],[\"trash-fill-icon\",[[2,\"trash-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"underline-icon\",[[2,\"underline-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-confirmation-email\",[[65,\"nylas-confirmation-email\",{\"selectedConfiguration\":[16],\"confirmationEmailTemplate\":[16],\"participants\":[16],\"name\":[1],\"isOpen\":[4,\"is-open\"],\"confirmationEmail\":[32],\"isConfirmationEmailOpen\":[32],\"participantsState\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"],[0,\"valueChanged\",\"valueChangedHandler\"],[0,\"nylasFormInputImageUrlInvalid\",\"nylasFormInputImageUrlInvalidHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-booking-form-config\",[[65,\"nylas-booking-form-config\",{\"selectedConfiguration\":[16],\"name\":[1],\"additonalFields\":[16],\"formFields\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"nylasFormInputChanged\",\"nylasFormInputChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"formFields\":[\"watchHandler\"]}]]],[\"nylas-additional-participants\",[[65,\"nylas-additional-participants\",{\"name\":[1],\"selectedConfiguration\":[16],\"currentUser\":[16],\"participantOptions\":[16],\"eventParticipants\":[16],\"participants\":[32],\"participantErrors\":[32],\"includeOrganizerAsParticipant\":[32],\"isRoundRobinConfig\":[32],\"error\":[32]},[[0,\"inputOptionChanged\",\"onInputOptionChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-booking-confirmation-redirect\",[[65,\"nylas-booking-confirmation-redirect\",{\"selectedConfiguration\":[16],\"name\":[1],\"redirectUrl\":[1,\"redirect-url\"],\"redirectUrlErrorMessage\":[1,\"redirect-url-error-message\"],\"currentRedirectUrl\":[32],\"acceptUrl\":[32],\"componentLoaded\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"nylasFormInputBlurred\",\"nylasFormInputBlurHandler\"],[4,\"formSubmitted\",\"formSubmittedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-connected-calendars\",[[65,\"nylas-connected-calendars\",{\"name\":[1],\"selectedConfiguration\":[16],\"participants\":[16],\"calendars\":[16],\"participantOptions\":[16],\"selectedCalendars\":[32],\"participantCalendars\":[32],\"participantDefaultSelectedCalendars\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"calendars\":[\"calendarsChangedHandler\"],\"participants\":[\"participantsChangedHandler\"],\"participantOptions\":[\"participantOptionsChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-custom-event-slug\",[[65,\"nylas-custom-event-slug\",{\"selectedConfiguration\":[16],\"defaultUrlSlug\":[1,\"default-url-slug\"],\"isOpen\":[4,\"is-open\"],\"slugErrorMessage\":[1,\"slug-error-message\"],\"name\":[1],\"requiresSlug\":[4,\"requires-slug\"],\"urlSlug\":[32],\"focus\":[32],\"copied\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"],[0,\"nylasFormInputFocused\",\"nylasFormInputFocusHandler\"],[0,\"nylasFormInputBlurred\",\"nylasFormInputBlurHandler\"],[8,\"formSubmitted\",\"formSubmittedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-duration\",[[65,\"nylas-event-duration\",{\"selectedConfiguration\":[16],\"name\":[1],\"eventDurationMinutes\":[2,\"event-duration-minutes\"],\"duration\":[32],\"durationMinutes\":[32],\"durationIncrement\":[32],\"durationMinutesOptions\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"inputOptionChanged\",\"inputOptionChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"],\"durationMinutes\":[\"durationMinutesChangedHandler\"]}]]],[\"nylas-cancellation-policy\",[[65,\"nylas-cancellation-policy\",{\"selectedConfiguration\":[16],\"cancellationPolicy\":[1,\"cancellation-policy\"],\"name\":[1],\"message\":[32]},null,{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"flow-icon\",[[2,\"flow-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-editor-tabs\",[[6,\"nylas-editor-tabs\",{\"calendars\":[16],\"selectedConfiguration\":[16],\"configurations\":[16],\"currentUser\":[16],\"schedulerPreviewLink\":[1,\"scheduler-preview-link\"],\"mode\":[1],\"hideEditorTabs\":[16],\"enableUserFeedback\":[4,\"enable-user-feedback\"],\"action\":[32],\"showFeedbackModal\":[32],\"activeTab\":[32],\"isLoading\":[32],\"hasUnsavedChanges\":[32],\"changesSaved\":[32],\"formState\":[32],\"error\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"],[0,\"feedbackModalClosed\",\"feedbackModalClosedHandler\"],[0,\"feedbackSubmitted\",\"feedbackSubmittedHandler\"]],{\"selectedConfiguration\":[\"configChangedHandler\"],\"currentUser\":[\"userChangedHandler\"]}]]],[\"nylas-booking-form\",[[1,\"nylas-booking-form\",{\"isLoading\":[4,\"is-loading\"],\"bookingInfo\":[16],\"eventInfo\":[16],\"configSettings\":[16],\"themeConfig\":[8,\"theme-config\"],\"name\":[32],\"email\":[32],\"guestEmails\":[32],\"guestEmailErrors\":[32],\"isNameValid\":[32],\"isEmailValid\":[32],\"additionalFields\":[32],\"validationError\":[32],\"backButtonLoading\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangedHandler\"],[0,\"nylasFormDropdownChanged\",\"selectOptionChangedHandler\"],[0,\"nylasFormSwitchToggled\",\"switchToggledHandler\"],[0,\"nylasFormCheckboxToggled\",\"checkboxToggledHandler\"],[0,\"nylasFormRadioChanged\",\"radioChangedHandler\"],[0,\"nylasFormDropdownDefaultSelected\",\"dropdownDefaultSelectedHandler\"]],{\"bookingInfo\":[\"bookingInfoChangedHandler\"]}]]],[\"nylas-list-configurations\",[[1,\"nylas-list-configurations\",{\"configurations\":[16],\"schedulerPreviewLink\":[1,\"scheduler-preview-link\"],\"listConfigurationsNextCursor\":[1,\"list-configurations-next-cursor\"],\"state\":[32],\"error\":[32],\"currentCursor\":[32],\"previousCursors\":[32],\"disableNextPageButton\":[32],\"getState\":[64],\"setState\":[64],\"setError\":[64]},[[0,\"nylasFormDropdownChanged\",\"handleNylasFormDropdownChanged\"]],{\"listConfigurationsNextCursor\":[\"listConfigurationsNextCursorChangedHandler\"]}]]],[\"nylas-cancel-booking-form\",[[1,\"nylas-cancel-booking-form\",{\"cancelBookingId\":[1,\"cancel-booking-id\"],\"rejectBookingId\":[1,\"reject-booking-id\"],\"selectedTimeslot\":[16],\"configSettings\":[16],\"eventInfo\":[16],\"isLoading\":[4,\"is-loading\"],\"themeConfig\":[8,\"theme-config\"],\"cancellationReason\":[32],\"cancellationError\":[32],\"cancellationPolicy\":[32]},[[0,\"nylasFormInputChanged\",\"handleNylasFormInputChanged\"]],{\"configSettings\":[\"configSettingsChangedHandler\"]}]]],[\"nylas-booked-event-card\",[[1,\"nylas-booked-event-card\",{\"eventInfo\":[16],\"rescheduleBookingId\":[1,\"reschedule-booking-id\"],\"bookingInfo\":[8,\"booking-info\"],\"configSettings\":[8,\"config-settings\"],\"isLoading\":[4,\"is-loading\"],\"themeConfig\":[8,\"theme-config\"],\"selectedTimezone\":[1,\"selected-timezone\"],\"selectedTimeslot\":[16],\"selectedLanguage\":[1,\"selected-language\"],\"startTime\":[32],\"endTime\":[32]}]]],[\"nylas-locale-switch\",[[1,\"nylas-locale-switch\",{\"themeConfig\":[8,\"theme-config\"],\"selectedTimezone\":[1025,\"selected-timezone\"],\"selectedLanguage\":[1025,\"selected-language\"]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]]]]],[\"nylas-cancelled-event-card\",[[1,\"nylas-cancelled-event-card\",{\"configSettings\":[16],\"themeConfig\":[8,\"theme-config\"],\"cancelledEventInfo\":[16],\"isClosing\":[32]}]]],[\"nylas-confirmed-event-card\",[[1,\"nylas-confirmed-event-card\",{\"configSettings\":[16],\"themeConfig\":[8,\"theme-config\"],\"confirmedEventInfo\":[16],\"isClosing\":[32]}]]],[\"nylas-date-picker\",[[1,\"nylas-date-picker\",{\"selectableDates\":[16],\"configSettings\":[16],\"themeConfig\":[8,\"theme-config\"],\"selectedDate\":[16],\"selectedLanguage\":[1,\"selected-language\"],\"isLoading\":[4,\"is-loading\"],\"eventDuration\":[2,\"event-duration\"],\"month\":[32],\"dates\":[32],\"disableNextMonthButton\":[32]},null,{\"configSettings\":[\"configSettingsChanged\"],\"selectedLanguage\":[\"selectedLanguageChanged\"]}]]],[\"nylas-organizer-confirmation-card\",[[1,\"nylas-organizer-confirmation-card\",{\"configSettings\":[8,\"config-settings\"],\"isLoading\":[4,\"is-loading\"],\"themeConfig\":[8,\"theme-config\"],\"organizerConfirmationBookingId\":[1,\"organizer-confirmation-booking-id\"],\"selectedLanguage\":[1,\"selected-language\"],\"action\":[32],\"resetAction\":[64]}]]],[\"nylas-notification\",[[1,\"nylas-notification\",{\"ttl\":[8],\"allowedCategories\":[16],\"notifications\":[32]},[[16,\"nylasSchedulerError\",\"onError\"],[16,\"nylasSchedulerWarning\",\"onWarning\"],[16,\"nylasSchedulerInfo\",\"onInfo\"],[16,\"nylasSchedulerSuccess\",\"onSuccess\"]]]]],[\"nylas-selected-event-card\",[[1,\"nylas-selected-event-card\",{\"themeConfig\":[8,\"theme-config\"],\"selectedDate\":[16],\"selectedTimeslot\":[16],\"selectedTimezone\":[1,\"selected-timezone\"],\"selectedLanguage\":[1,\"selected-language\"],\"startTime\":[32],\"endTime\":[32]}]]],[\"nylas-timeslot-picker\",[[1,\"nylas-timeslot-picker\",{\"availability\":[16],\"isLoading\":[4,\"loading-state\"],\"themeConfig\":[8,\"theme-config\"],\"selectedTimeslot\":[16],\"selectedTimezone\":[1,\"selected-timezone\"],\"selectedDate\":[16],\"selectedLanguage\":[1,\"selected-language\"],\"times\":[32],\"hoveredTimeslotIndex\":[32],\"selectedTimeslotIndex\":[32]},null,{\"selectedLanguage\":[\"selectedLanguageChanged\"],\"selectedDate\":[\"selectedDateChanged\"],\"availability\":[\"availabilityChanged\"]}]]],[\"google-logo-icon\",[[2,\"google-logo-icon\",{\"width\":[1],\"height\":[1]}]]],[\"microsoft-logo-icon\",[[2,\"microsoft-logo-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-logo\",[[2,\"nylas-logo\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-participants-custom-availability\",[[65,\"nylas-participants-custom-availability\",{\"selectedConfiguration\":[16],\"name\":[1],\"participants\":[16],\"selectedParticipants\":[32]},[[0,\"nylasFormSwitchToggled\",\"nylasFormSwitchToggledHandler\"],[0,\"valueChanged\",\"handleValueChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"participants\":[\"participantsChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-location\",[[65,\"nylas-event-location\",{\"name\":[1],\"currentUser\":[16],\"userProvider\":[1,\"user-provider\"],\"eventConferencing\":[16],\"conferenceProviders\":[16],\"selectedConfiguration\":[16],\"eventLocation\":[1,\"event-location\"],\"location\":[32],\"grantId\":[32],\"selectedLocationOption\":[32],\"userProviderState\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-limit-future-bookings\",[[65,\"nylas-limit-future-bookings\",{\"selectedConfiguration\":[16],\"availableDaysInFuture\":[2,\"available-days-in-future\"],\"name\":[1],\"selectedNumber\":[32],\"selectedPeriod\":[32]},[[0,\"timePeriodChanged\",\"timePeriodChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-min-booking-notice\",[[65,\"nylas-min-booking-notice\",{\"selectedConfiguration\":[16],\"name\":[1],\"minBookingNotice\":[2,\"min-booking-notice\"],\"selectedNumber\":[32],\"selectedPeriod\":[32]},[[0,\"timePeriodChanged\",\"timePeriodChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-min-cancellation-notice\",[[65,\"nylas-min-cancellation-notice\",{\"selectedConfiguration\":[16],\"name\":[1],\"minCancellationNotice\":[2,\"min-cancellation-notice\"],\"selectedNumber\":[32],\"selectedPeriod\":[32]},[[0,\"timePeriodChanged\",\"timePeriodChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-participant-booking-calendars\",[[65,\"nylas-participant-booking-calendars\",{\"selectedConfiguration\":[16],\"name\":[1],\"participants\":[16],\"calendars\":[16],\"participantOptions\":[16],\"selectedCalendars\":[32],\"participantCalendars\":[32],\"participantDefaultSelectedCalendar\":[32]},[[0,\"valueChanged\",\"handleValueChanged\"]],{\"name\":[\"elementNameChangedHandler\"],\"calendars\":[\"calendarsChangedHandler\"],\"participants\":[\"participantsChangedHandler\"],\"participantOptions\":[\"participantOptionsChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-scheduling-method\",[[65,\"nylas-scheduling-method\",{\"selectedConfiguration\":[16],\"name\":[1],\"participantOptions\":[16],\"readOnly\":[4,\"read-only\"],\"selectedBookingType\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"nylas-timeslot-interval\",[[65,\"nylas-timeslot-interval\",{\"selectedConfiguration\":[16],\"name\":[1],\"eventDurationMinutes\":[2,\"event-duration-minutes\"],\"internalEventDurationMinutes\":[32],\"selectedInterval\":[32],\"selectedRoundTo\":[32],\"componentLoaded\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"nylasFormRadioChanged\",\"nylasFormRadioChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-booking-confirmation-type\",[[65,\"nylas-booking-confirmation-type\",{\"selectedConfiguration\":[16],\"name\":[1],\"bookingType\":[1,\"booking-type\"],\"showComponent\":[4,\"show-component\"],\"selectedBookingType\":[32],\"showDropdown\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-buffer-time\",[[65,\"nylas-buffer-time\",{\"selectedConfiguration\":[16],\"name\":[1],\"buffer\":[16],\"selectedBeforeBufferTime\":[32],\"selectedAfterBufferTime\":[32],\"componentLoaded\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-page-name\",[[65,\"nylas-page-name\",{\"selectedConfiguration\":[16],\"name\":[1],\"pageName\":[1,\"page-name\"],\"showToggle\":[4,\"show-toggle\"],\"isOpen\":[4,\"is-open\"],\"currentPageName\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-customize-booking-settings\",[[65,\"nylas-customize-booking-settings\",{\"selectedConfiguration\":[16],\"defaultHideAdditionalGuests\":[4,\"default-hide-additional-guests\"],\"defaultHideCancellationOptions\":[4,\"default-hide-cancellation-options\"],\"defaultHideReschedulingOptions\":[4,\"default-hide-rescheduling-options\"],\"name\":[1],\"allowGuestsToInvite\":[32],\"hideCancellationOptions\":[32],\"hideReschedulingOptions\":[32]},[[0,\"nylasFormCheckboxToggled\",\"checkboxToggledHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-description\",[[65,\"nylas-event-description\",{\"selectedConfiguration\":[16],\"eventDescription\":[1,\"event-description\"],\"name\":[1],\"description\":[32]},null,{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"selectedConfigurationChangedHandler\"]}]]],[\"nylas-event-title\",[[65,\"nylas-event-title\",{\"selectedConfiguration\":[16],\"eventTitle\":[1,\"event-title\"],\"name\":[1],\"showTokens\":[32],\"availableTokens\":[32],\"filteredTokens\":[32],\"ariaActivedescendant\":[32],\"currentWord\":[32],\"validationError\":[32],\"configEventTitle\":[32]},[[8,\"formSubmitted\",\"formSubmittedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"ariaActivedescendant\":[\"ariaActivedescendantChangedHandler\"],\"selectedConfiguration\":[\"configChangedHandler\"]}]]],[\"nylas-custom-booking-flow\",[[65,\"nylas-custom-booking-flow\"]]],[\"nylas-event-info\",[[65,\"nylas-event-info\"]]],[\"nylas-event-limits\",[[65,\"nylas-event-limits\"]]],[\"nylas-page-styling\",[[65,\"nylas-page-styling\",{\"selectedConfiguration\":[16],\"name\":[1],\"appearance\":[16],\"isOpen\":[4,\"is-open\"],\"currentAppearance\":[32],\"customInputsSlot\":[32]},[[4,\"nylasFormInputChanged\",\"nylasFormInputChangeHandler\"],[4,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[4,\"valueChanged\",\"valueChangedHandler\"],[4,\"nylasFormCheckboxToggled\",\"checkboxToggledHandler\"],[4,\"nylasFormRadioChanged\",\"radioChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"calendar-agenda-fill-icon\",[[2,\"calendar-agenda-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-agenda-icon\",[[2,\"calendar-agenda-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-info-icon\",[[2,\"calendar-info-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-patterns-icon\",[[2,\"calendar-patterns-icon\",{\"width\":[1],\"height\":[1]}]]],[\"checkmark-circle-icon\",[[2,\"checkmark-circle-icon\",{\"width\":[1],\"height\":[1]}]]],[\"delete-icon\",[[2,\"delete-icon\",{\"width\":[1],\"height\":[1]}]]],[\"envelope-fill-icon\",[[2,\"envelope-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"envelope-icon\",[[2,\"envelope-icon\",{\"width\":[1],\"height\":[1]}]]],[\"paintbrush-fill-icon\",[[2,\"paintbrush-fill-icon\",{\"width\":[1],\"height\":[1]}]]],[\"paintbrush-icon\",[[2,\"paintbrush-icon\",{\"width\":[1],\"height\":[1]}]]],[\"people-icon\",[[2,\"people-icon\",{\"width\":[1],\"height\":[1]}]]],[\"person-icon\",[[2,\"person-icon\",{\"width\":[1],\"height\":[1]}]]],[\"translate-icon\",[[2,\"translate-icon\",{\"width\":[1],\"height\":[1]}]]],[\"warning-icon\",[[2,\"warning-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-availability-picker\",[[65,\"nylas-availability-picker\",{\"name\":[1],\"selectedConfiguration\":[16],\"openHours\":[16],\"defaultTimezone\":[1,\"default-timezone\"],\"hideHeader\":[4,\"hide-header\"],\"schedule\":[32],\"timezone\":[32],\"overlapDays\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"timeChange\",\"setTime\"],[0,\"formError\",\"setFormError\"]],{\"name\":[\"elementNameChangedHandler\"],\"selectedConfiguration\":[\"configChangedHandler\"],\"schedule\":[\"scheduleChanged\"]}]]],[\"nylas-feedback-form\",[[1,\"nylas-feedback-form\",{\"themeConfig\":[8,\"theme-config\"],\"feedbackMessage\":[32]},[[4,\"nylasFormInputChanged\",\"handleFormInputChanged\"]]]]],[\"nylas-booking-calendar-picker\",[[65,\"nylas-booking-calendar-picker\",{\"calendars\":[16],\"currentUser\":[16],\"currentUserCalendars\":[16],\"name\":[1],\"defaultBookingCalendar\":[1,\"default-booking-calendar\"],\"hideHeader\":[4,\"hide-header\"],\"selectedCalendar\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"currentUserCalendars\":[\"currentUserCalendarsChangedHandler\"]}]]],[\"nylas-calendar-picker\",[[65,\"nylas-calendar-picker\",{\"name\":[1],\"currentUser\":[16],\"calendars\":[16],\"defaultSelectedCalendars\":[16],\"selectedCalendars\":[32],\"error\":[32]},[[0,\"selectedOptionsChanged\",\"selectedOptionsChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"nylas-reminder-time\",[[65,\"nylas-reminder-time\",{\"name\":[1],\"eventReminderTimeMinutes\":[2,\"event-reminder-time-minutes\"],\"reminderTime\":[32],\"reminderTimeMinutes\":[32],\"reminderTimeincrement\":[32],\"reminderTimeMinutesOptions\":[32]},[[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"],[0,\"inputOptionChanged\",\"inputOptionChangedHandler\"]],{\"name\":[\"elementNameChangedHandler\"],\"reminderTimeMinutes\":[\"reminderTimeMinutesChangedHandler\"]}]]],[\"input-image-url\",[[65,\"input-image-url\",{\"imageUrl\":[1,\"image-url\"],\"errorMessage\":[1,\"error-message\"],\"name\":[1],\"currentImageUrl\":[32]},[[0,\"nylasFormInputChanged\",\"nylasFormInputChangedHandler\"],[0,\"nylasFormInputBlurred\",\"nylasFormInputBlurHandler\"]],{\"name\":[\"elementNameChangedHandler\"]}]]],[\"calendar-check-icon\",[[2,\"calendar-check-icon\",{\"width\":[1],\"height\":[1]}]]],[\"checkmark-icon\",[[2,\"checkmark-icon\",{\"width\":[1],\"height\":[1]}]]],[\"dragable-icon\",[[2,\"dragable-icon\",{\"width\":[1],\"height\":[1]}]]],[\"eye-icon\",[[2,\"eye-icon\",{\"width\":[1],\"height\":[1]}]]],[\"feedback-icon\",[[2,\"feedback-icon\",{\"width\":[1],\"height\":[1]}]]],[\"google-meet-icon\",[[2,\"google-meet-icon\",{\"width\":[1],\"height\":[1]}]]],[\"location-icon\",[[2,\"location-icon\",{\"width\":[1],\"height\":[1]}]]],[\"location-off-icon\",[[2,\"location-off-icon\",{\"width\":[1],\"height\":[1]}]]],[\"microsoft-teams-icon\",[[2,\"microsoft-teams-icon\",{\"width\":[1],\"height\":[1]}]]],[\"toggle-switch\",[[1,\"toggle-switch\",{\"name\":[1],\"checked\":[4],\"label\":[1],\"isChecked\":[32]}]]],[\"trash-icon\",[[2,\"trash-icon\",{\"width\":[1],\"height\":[1]}]]],[\"zoom-icon\",[[2,\"zoom-icon\",{\"width\":[1],\"height\":[1]}]]],[\"multi-select-dropdown\",[[1,\"multi-select-dropdown\",{\"name\":[1],\"label\":[1],\"options\":[16],\"error\":[1],\"availableOptions\":[32],\"isOpen\":[32],\"ariaActivedescendant\":[32],\"shouldFocusFirstOption\":[32]},[[6,\"click\",\"handleOutsideClick\"]]]]],[\"calendar-cancel-icon\",[[2,\"calendar-cancel-icon\",{\"width\":[1],\"height\":[1]}]]],[\"calendar-icon\",[[2,\"calendar-icon\",{\"width\":[1],\"height\":[1]}]]],[\"copy-icon\",[[2,\"copy-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-time-window-picker\",[[1,\"nylas-time-window-picker\",{\"time\":[1],\"minimumStartTime\":[1,\"minimum-start-time\"],\"placeholder\":[1],\"name\":[1],\"hasError\":[4,\"has-error\"],\"err\":[32],\"showTimes\":[32],\"ariaActivedescendant\":[32],\"times\":[32],\"shouldAutoScroll\":[32]},[[6,\"click\",\"handleOutsideClick\"]],{\"minimumStartTime\":[\"minimumStartTimeChangedHandler\"]}]]],[\"person-clipboard-icon\",[[2,\"person-clipboard-icon\",{\"width\":[1],\"height\":[1]}]]],[\"plus-icon\",[[2,\"plus-icon\",{\"width\":[1],\"height\":[1]}]]],[\"search-icon\",[[2,\"search-icon\",{\"width\":[1],\"height\":[1]}]]],[\"select-dropdown\",[[1,\"select-dropdown\",{\"name\":[1],\"options\":[16],\"defaultSelectedOption\":[16],\"withSearch\":[4,\"with-search\"],\"label\":[1],\"required\":[4],\"pluralizedLabel\":[1,\"pluralized-label\"],\"dropdownButtonText\":[1,\"dropdown-button-text\"],\"withChevron\":[4,\"with-chevron\"],\"selectedOption\":[32],\"isOpen\":[32],\"searchValue\":[32],\"filteredOptions\":[32],\"ariaActivedescendant\":[32],\"errorMessage\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"],[6,\"click\",\"handleOutsideClick\"]],{\"options\":[\"optionsChangedHandler\"],\"defaultSelectedOption\":[\"defaultSelectedOptionChangedHandler\"]}]]],[\"time-period-selector\",[[2,\"time-period-selector\",{\"timePeriods\":[16],\"defaultSelectedPeriod\":[1,\"default-selected-period\"],\"defaultSelectedNumber\":[2,\"default-selected-number\"],\"selectedPeriod\":[32],\"selectedNumber\":[32],\"numberOptions\":[32],\"timePeriodOptions\":[32]},[[0,\"inputOptionChanged\",\"inputOptionChangedHandler\"],[0,\"nylasFormDropdownChanged\",\"nylasFormDropdownChangedHandler\"]]]]],[\"checkbox-component\",[[1,\"checkbox-component\",{\"name\":[1],\"checked\":[4],\"label\":[1],\"required\":[4],\"isChecked\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"]]]]],[\"edit-icon\",[[2,\"edit-icon\",{\"width\":[1],\"height\":[1]}]]],[\"radio-button-group\",[[1,\"radio-button-group\",{\"name\":[1],\"options\":[16],\"defaultSelectedValue\":[1,\"default-selected-value\"],\"label\":[1],\"required\":[4],\"selectedValue\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"]],{\"defaultSelectedValue\":[\"handleDefaultSelectedValueChange\"]}]]],[\"clock-icon\",[[2,\"clock-icon\",{\"width\":[1],\"height\":[1]}]]],[\"nylas-form-card\",[[65,\"nylas-form-card\"]]],[\"textarea-component\",[[1,\"textarea-component\",{\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"label\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"autoFocus\":[4,\"auto-focus\"],\"maxLength\":[2,\"max-length\"],\"type\":[1],\"tooltip\":[1],\"value\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"],[4,\"triggerValidation\",\"handletriggerValidation\"]]]]],[\"add-circle-icon\",[[2,\"add-circle-icon\",{\"width\":[1],\"height\":[1]}]]],[\"globe-icon\",[[2,\"globe-icon\",{\"width\":[1],\"height\":[1]}]]],[\"input-dropdown\",[[1,\"input-dropdown\",{\"name\":[1],\"options\":[16],\"defaultInputOption\":[16],\"inputValue\":[1,\"input-value\"],\"pluralizedLabel\":[1,\"pluralized-label\"],\"filterable\":[4],\"selectedOption\":[32],\"isOpen\":[32],\"typedValue\":[32],\"filteredOptions\":[32],\"ariaActivedescendant\":[32],\"shouldAutoScroll\":[32]},[[6,\"click\",\"handleOutsideClick\"]],{\"options\":[\"optionsChangedHandler\"],\"defaultInputOption\":[\"defaultSelectedOptionChangedHandler\"],\"inputValue\":[\"inputValueChangedHandler\"]}]]],[\"input-component\",[[1,\"input-component\",{\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"label\":[1],\"type\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"autoFocus\":[4,\"auto-focus\"],\"pattern\":[16],\"maxLength\":[2,\"max-length\"],\"patternError\":[1,\"pattern-error\"],\"requiredError\":[1,\"required-error\"],\"value\":[32],\"error\":[32]},[[4,\"bookingFormSubmitted\",\"handleBookingFormSubmitted\"],[4,\"formSubmitted\",\"handleFormSubmitted\"]],{\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"close-icon\",[[2,\"close-icon\",{\"width\":[1],\"height\":[1]}]]],[\"loading-icon\",[[1,\"loading-icon\",{\"width\":[1],\"height\":[1]}]]],[\"button-component\",[[6,\"button-component\",{\"variant\":[1],\"disabled\":[4],\"type\":[1],\"tooltip\":[1],\"isLoading\":[4,\"is-loading\"],\"clickHandler\":[16],\"mouseOverHandler\":[16],\"mouseOutHandler\":[16],\"focusHandler\":[16],\"blurHandler\":[16]}]]],[\"tooltip-component\",[[1,\"tooltip-component\",{\"position\":[1]}]]],[\"info-icon\",[[2,\"info-icon\",{\"width\":[1],\"height\":[1]}]]],[\"chevron-icon\",[[2,\"chevron-icon\",{\"width\":[1],\"height\":[1]}]]]]"), options);
 });
 //# sourceMappingURL=nylas-web-elements.esm.js.map

package/dist/nylas-web-elements/p-2e7f0f20.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,h as n,H as i,a,F as o}from"./p-68c2fadf.js";import{R as r}from"./p-bf5b88a3.js";import{a as s,l as c,i as l,j as d,s as f,n as h,b as p,o as b,q as u,r as m,t as g,v as y,w as v,x as k}from"./p-797cc185.js";import{T as x,a as w,b as C}from"./p-08a590fe.js";const _=":host{display:block}.nylas-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;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){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;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);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}";const j=_;var z=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var L=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const R=class{constructor(n){e(this,n);this.cancelBookingButtonClicked=t(this,"cancelBookingButtonClicked",7);this.rescheduleButtonClicked=t(this,"rescheduleButtonClicked",7);this.rescheduleBookedEventError=t(this,"rescheduleBookedEventError",7);this.cancelBookedEventValidationError=t(this,"cancelBookedEventValidationError",7);this.handleCancelBookingButtonClicked=()=>{const e=new Date(this.selectedTimeslot.start_time);const t=this.configSettings?.scheduler?.min_cancellation_notice;const n=e.getTime()-t601e3;if(n<(new Date).getTime()){this.cancelBookedEventValidationError.emit({error:{title:"Cancellation Error",message:`You cannot cancel the booking within ${t} minutes of the event.`}})}else{this.cancelBookingButtonClicked.emit({bookingId:this.eventInfo.booking_id})}};this.handleRescheduleButtonClicked=()=>{const e=e=>{this.rescheduleBookedEventError.emit(e)};this.rescheduleButtonClicked.emit({bookingId:this.eventInfo.booking_id,errorHandler:e})};this.getPaticipantType=e=>{switch(e){case"host":return"Host";case"you":return"You";default:return""}};this.eventInfo=undefined;this.rescheduleBookingId=undefined;this.bookingInfo=undefined;this.configSettings=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedTimeslot=undefined;this.selectedLanguage=navigator.language;this.startTime="";this.endTime=""}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-booked-event-card] Component will load`)}async componentDidLoad(){s(`[nylas-booked-event-card] Component did load`);if(!this.eventInfo){console.warn('[nylas-booked-event-card] "eventInfo" prop missing. Please provide the event info to display the event details in the booked event card component.')}if(!this.bookingInfo){console.warn('[nylas-booked-event-card] "bookingInfo" prop missing. Please provide the booking info to display the guest details in the booked event card component.')}this.applyThemeConfig(this.themeConfig);this.startTime=c(this.selectedTimeslot?.start_time,this.selectedTimezone);this.endTime=c(this.selectedTimeslot?.end_time,this.selectedTimezone)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}render(){const e=this.configSettings?.booking_type;const t=e&&e!=="booking";return n(i,{key:"448f4b09ce4624c71dbff719acb7a67ecbc913e8",part:"nbec"},n("div",{key:"83186cea10465372dece0a270725407ea74a0e1c",class:"nylas-booked-event-card"},n("div",{key:"26d0cae03f426336f59c9459109d6c55beedb505",class:"booked-event-timezone"},n("globe-icon",{key:"87fe3f6a6c6e8a0aad7c0250358d387b70d6a634"}),x[this.selectedTimezone]),n("div",{key:"9c445dce0c157cb67cb92a7a713e1dada1be47a7",class:"event-card-wrapper",part:"nbec__card"},n("div",{key:"8bcfae606e9f99ba9a268b2dbb19e755143f2842",class:"calendar-icon"},n("calendar-check-icon",{key:"7abab211fd0f1a04a087e2bd15ee112db8616e6a"})),n("div",{key:"7c40924ba6736cfc379ed828c5359c1b4e79d98e",class:"booked-event-header"},n("h2",{key:"497f50d74143788b9d9920ba2ad57564abf7844a",slot:"card-title",part:"nbec__title"},!!this.rescheduleBookingId&&!this.isLoading?`${l.t("bookingRescheduled")}`:t&&!this.isLoading?`${l.t("bookingSent")}`:`${l.t("bookingConfirmed")}`,"!"),n("div",{key:"efaf8dda6da9da0e3d181ecedd579cb1648beec2",class:"card-description",part:"nbec__description"},t?l.t("bookingSentDescription"):n("span",null,l.t("bookingConfirmedDescription")))),n("div",{key:"4a4566f77af068b139525a13b84fd658fd9b8d02",class:"booking-date-time"},n("checkmark-circle-icon",{key:"8526a636990d6f1bd3631a77fc4c11587bb1c966"}),n("h3",{key:"f2286f630eb03a961276b149b7f556be715c0dc3"},l.t("bookingDateAndTimeHeader")),n("p",{key:"ad07de11395666123ccf0022f0da372c9c3f8425"},this.selectedTimeslot?.start_time?d(new Date(this.selectedTimeslot?.start_time).toLocaleDateString(w[this.selectedLanguage],{dateStyle:"full"})):"-"," ",n("br",{key:"70397806f6fbed27a981f23a4ae3c57309fffbbf"}),this.startTime," - ",this.endTime)),n("div",{key:"5fe7e31e10847e8e701dcd192c39350bec71291f",class:"booking-participants"}),!t&&n("div",{class:"button-container"},n("div",{class:{footer:true,"no-footer":this.configSettings?.scheduler?.hide_cancellation_options&&this.configSettings?.scheduler?.hide_rescheduling_options\|\|this.configSettings?.booking_type==="organizer-confirmation","no-template-cols":this.configSettings?.scheduler?.hide_cancellation_options\|\|this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&n("button-component",{variant:"destructive",onClick:this.handleCancelBookingButtonClicked,part:"nbec__button-outline nbec__cancel-cta"},`${l.t("cancelBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&n("button-component",{variant:"basic",onClick:this.handleRescheduleButtonClicked,part:"nbec__button-outline nbec__reschedule-cta"},`${l.t("rescheduleBookingButton")}`))))))}get host(){return a(this)}};z([r({name:"nylas-booked-event-card",stateToProps:new Map([["scheduler.bookingInfo","bookingInfo"],["scheduler.rescheduleBookingId","rescheduleBookingId"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.configSettings","configSettings"]]),eventToProps:{cancelBookingButtonClicked:async(e,t)=>{t.scheduler.setCancel(e.detail.bookingId)},rescheduleButtonClicked:async(e,t)=>{const n=await t.scheduler.setReschedule(e.detail.bookingId);const{errorHandler:i}=e.detail;if(i&&(!n\|\|"error"in n)){i(n)}},rescheduleBookedEventError:async(e,t)=>{s("nylas-booked-event-card","rescheduleBookedEventError",e.detail)},cancelBookedEventValidationError:async(e,t)=>{s("nylas-booked-event-card","cancelBookedEventValidationError",e.detail)}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),L("design:type",Function),L("design:paramtypes",[]),L("design:returntype",void 0)],R.prototype,"render",null);R.style=j;const B=":host{display:block;height:100%}.nylas-booking-form{width:100%;padding:1.5rem;box-sizing:border-box;height:450px;overflow-y:auto;height:100%}form{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}sp-textfield{--spectrum-corner-radius-100:var(--nylas-border-radius-2x);--spectrum-textfield-border-color:var(--nylas-base-300);position:relative;width:100%;height:48px;margin-bottom:16px;color:var(--nylas-base-500)}.cta{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;align-items:flex-start;justify-content:space-between;gap:0.5rem;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.cta{grid-template-columns:1fr}}.input-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:1rem}.input-wrapper input::placeholder{color:var(--nylas-base-300)}.input-wrapper label,.input-wrapper input{font-family:var(--nylas-font-family);font-size:16px}.input-wrapper .help-text{margin:0;color:var(--nylas-error)}.button-wrapper{width:100%;align-items:flex-start;height:max-content;position:relative}.button-content{display:flex;gap:4px;align-items:center}sp-infield-button{--spectrum-infield-button-background-color:transparent;--spectrum-infield-button-background-color-hover:transparent;--spectrum-infield-button-background-color-active:transparent;--spectrum-infield-button-border-color:transparent;--spectrum-infield-button-border-width:1px;--spectrum-infield-button-border-radius:0;color:var(--nylas-base-600);background:transparent;border:none;outline:1px solid var(--nylas-base-300);border-radius:0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x) 0;height:52px;width:52px;display:flex;position:absolute;right:0;align-items:center;justify-content:center;cursor:pointer}sp-infield-button sp-icon-cross300{color:var(--nylas-base-600)}sp-infield-button.error{border-width:2px;border-color:var(--nylas-error)}input[type=text],input[type=email]{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%}input[type=text]:focus,input[type=email]:focus{outline-color:var(--nylas-primary)}input[type=text].error,input[type=email].error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}input[type=text].error::placeholder,input[type=email].error::placeholder{font-weight:400}input[type=text]::placeholder,input[type=email]::placeholder{color:var(--nylas-base-300)}input[type=text].guest-email,input[type=email].guest-email{color:var(--nylas-base-900);padding-right:52px}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}button-component.remove-guest{position:absolute;height:51px;right:0}button-component.remove-guest.error button{border-color:var(--nylas-error)}button-component.remove-guest button{height:inherit;border-top-left-radius:initial;border-bottom-left-radius:initial;border:none !important;border-left:1px solid var(--nylas-base-300) !important}button-component.remove-guest button:hover,button-component.remove-guest button:focus{outline:1px solid var(--nylas-primary) !important;color:var(--nylas-primary)}button-component.back button{--dot-color:var(--nylas-base-800)}.guest-email-input{position:relative;display:flex;width:100%}";const T=B;var E=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var D=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const I=/^[a-zA-Z0-9.!#$%&'+/=?^_`{\|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)$/;const S=class{constructor(n){e(this,n);this.nameChanged=t(this,"nameChanged",7);this.emailChanged=t(this,"emailChanged",7);this.backButtonClicked=t(this,"backButtonClicked",7);this.detailsConfirmed=t(this,"detailsConfirmed",7);this.bookingFormError=t(this,"bookingFormError",7);this.bookingFormSubmitted=t(this,"bookingFormSubmitted",7);this.handleGuestChange=(e,t)=>{this.resetGuestEmailError(e);const n=[...this.guestEmails];n[e]=f(t);this.guestEmails=[...n]};this.handleGuestBlur=(e,t)=>{this.resetGuestEmailError(e);if(t===""){this.guestEmailErrors[e]=l.t("fieldRequired",{field:l.t("email")});return}if(!I.test(t)){this.guestEmailErrors[e]=l.t("invalidInputFormat",{field:l.t("email")});return}this.handleGuestChange(e,t)};this.addGuestButtonClickedHandler=e=>{e.preventDefault();this.guestEmails=[...this.guestEmails,""]};this.removeGuestButtonClickHandler=(e,t)=>{e.preventDefault();this.resetGuestEmailError(t);const n=[...this.guestEmails];n.splice(t,1);this.guestEmails=[...n]};this.handleBackButtonClicked=e=>{e.preventDefault();this.backButtonLoading=true;this.backButtonClicked.emit()};this.bookButtonClickedHandler=async e=>{e.preventDefault();const t=this.bookingFormSubmitted.emit();if(t.defaultPrevented){return}s("nylas-booking-form","bookButtonClickedHandler",this.bookingInfo);const n=this.name\|\|this.bookingInfo?.primaryParticipant?.name;const i=this.email\|\|this.bookingInfo?.primaryParticipant?.email;if(!n\|\|n===""){this.isNameValid=false;this.validationError.name=l.t("fieldRequired",{field:l.t("name")})\|\|"Name is required";this.bookingFormError.emit({title:"Booking form error",description:"Name is required"});return}if(!i\|\|i===""){this.isEmailValid=false;this.validationError.email=l.t("fieldRequired",{field:l.t("email")})\|\|"Email is required";this.bookingFormError.emit({title:"Booking form error",description:"Email is required"});return}if(!I.test(i)){this.isEmailValid=false;this.validationError.email=l.t("invalidInputFormat",{field:l.t("email")});this.bookingFormError.emit({title:"Booking form error",description:l.t("invalidInputFormat",{field:l.t("email")})\|\|"Invalid email"});return}let a=[];if(this.guestEmails.length>0){let e=false;this.guestEmails.forEach(((t,n)=>{if(t===""){e=true;this.guestEmailErrors={...this.guestEmailErrors,[n]:l.t("fieldRequired",{field:l.t("email")})}}else if(!I.test(t)){e=true;this.guestEmailErrors={...this.guestEmailErrors,[n]:l.t("invalidInputFormat",{field:l.t("email")})}}}));if(e){this.bookingFormError.emit({title:"Booking form error",description:l.t("invalidInputFormat",{field:l.t("guestEmail")})\|\|"Invalid guest email"});return}a=this.guestEmails.map((e=>({name:e.trim(),email:e.trim()})))}else if(this.bookingInfo?.guests){a=this.bookingInfo?.guests}const o={};if(this.bookingInfo?.additionalFields){const e=this.configSettings?.scheduler?.additional_fields\|\|{};Object.entries(this.bookingInfo.additionalFields).forEach((([t,n])=>{if(t in e){o[t]=n.value}}))}this.detailsConfirmed.emit({primaryParticipant:{name:n,email:i},guests:a,additionalFields:{...o,...this.additionalFields}})};this.updateAdditionalFields=(e,t)=>{if(this.additionalFields){this.additionalFields[e]=t}};this.isLoading=undefined;this.bookingInfo=undefined;this.eventInfo=undefined;this.configSettings=undefined;this.themeConfig=undefined;this.name="";this.email="";this.guestEmails=[];this.guestEmailErrors={};this.isNameValid=true;this.isEmailValid=true;this.additionalFields={};this.validationError={name:"",email:""};this.backButtonLoading=false}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){s("nylas-booking-form","componentWillLoad",this.bookingInfo)}componentDidLoad(){s("nylas-booking-form","componentDidLoad",this.bookingInfo);if(this.bookingInfo&&this.bookingInfo?.primaryParticipant){this.name=this.bookingInfo.primaryParticipant?.name;this.email=this.bookingInfo.primaryParticipant?.email}this.applyThemeConfig(this.themeConfig)}bookingInfoChangedHandler(e){if(e&&e.primaryParticipant){this.name=e.primaryParticipant.name;this.email=e.primaryParticipant.email}}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}changeName(e){this.isNameValid=true;this.validationError.name="";this.name=h(e);this.nameChanged.emit(e)}changeEmail(e){this.isEmailValid=true;this.validationError.email="";this.email=f(e);this.emailChanged.emit(e)}resetGuestEmailError(e){const t={...this.guestEmailErrors};delete t[e];this.guestEmailErrors={...t}}nylasFormInputChangedHandler(e){switch(e.detail.name){case"name":this.changeName(e.detail.value);break;case"email":this.changeEmail(e.detail.value);break;default:if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value);break}}selectOptionChangedHandler(e){if(e.detail.error){this.bookingFormError.emit({title:"Booking form error",description:e.detail.error});return}this.updateAdditionalFields(e.detail.name,e.detail.value)}switchToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}checkboxToggledHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.checked?"true":"false")}radioChangedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}dropdownDefaultSelectedHandler(e){this.updateAdditionalFields(e.detail.name,e.detail.value)}render(){return n(i,{key:"9a442ac154e4e8ab9d8e8ec08b2005bb9bda476c"},n("form",{key:"63feaa1eb0688e4019e1af96d48a3e71cafe2d3a",onSubmit:e=>this.bookButtonClickedHandler(e),noValidate:true},n("div",{key:"95f92c677613fcddd743467c30e6b097a575fa40",class:"nylas-booking-form",part:"nbf"},n("div",{key:"b37fc60cddc9172fbb65edaf45e77c3d999f6aa4",class:"input-wrapper",part:"nbf__input-wrapper"},n("input-component",{key:"5545f58ce4fc92b0ab185087dfbeb5de6a25aca0",label:l.t("name"),name:"name",id:"name",defaultValue:this.bookingInfo?.primaryParticipant?.name\|\|this.name,placeholder:l.t("namePlaceholder"),type:"text",required:true,requiredError:l.t("fieldRequired",{field:l.t("name")}),patternError:l.t("invalidInputFormat",{field:l.t("name")}),part:"nbf__input-textfield"})),n("div",{key:"6ddd5a68d0966e1fa79998d757a47b2df8c2b6e6",class:"input-wrapper",part:"nbf__input-wrapper"},n("input-component",{key:"20a13472d671c968a2f20c79992a04aca4b50f54",label:l.t("email"),name:"email",id:"email",pattern:I,defaultValue:this.bookingInfo?.primaryParticipant?.email\|\|this.email,placeholder:l.t("emailPlaceholder"),type:"email",required:true,requiredError:l.t("fieldRequired",{field:l.t("email")}),patternError:l.t("invalidInputFormat",{field:l.t("email")}),part:"nbf__input-textfield"})),this.configSettings?.scheduler?.hide_additional_guests!==true&&n("div",{class:"input-wrapper",part:"nbf__input-wrapper"},this.guestEmails.map(((e,t)=>n("div",{class:"input-wrapper button-wrapper"},n("label",{class:{error:!!this.guestEmailErrors[t]}},l.t("guestEmail")),n("div",{class:"guest-email-input"},n("input",{type:"email",id:`guest-email-${t}`,maxLength:100,class:{"guest-email":true,error:!!this.guestEmailErrors[t]},placeholder:l.t("guestEmailPlaceholder"),value:e,"data-index":t,part:"nbf__input-textfield",onBlur:e=>this.handleGuestBlur(t,e.target?.value),onInput:e=>this.handleGuestChange(t,e.target?.value)}),n("button-component",{variant:"basic",tooltip:"Remove guest",onClick:e=>this.removeGuestButtonClickHandler(e,t),class:{"remove-guest":true,error:!!this.guestEmailErrors[t]}},n("close-icon",null))),n("p",{class:"help-text"},this.guestEmailErrors[t])))),n("button-component",{class:"add-guest",variant:"invisible",part:"nbf__button-ghost",onClick:e=>this.addGuestButtonClickedHandler(e)},n("div",{class:"button-content"},n("add-circle-icon",{slot:"icon"}),this.guestEmails.length>0?`${l.t("addAnotherGuest")}`:`${l.t("addGuest")}`))),Object.entries(this.configSettings?.scheduler?.additional_fields\|\|{})?.sort(((e,t)=>e[1].order-t[1].order)).map((e=>{const t=e[1];const i=t.label;const a=e[0];const o=this.bookingInfo?.additionalFields?.[a]?.value\|\|"";switch(t.type){case"dropdown":return n("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n("select-dropdown",{label:i,name:a,id:a,withSearch:false,defaultSelectedOption:o?{value:o,label:o}:undefined,options:t.options?.map((e=>({value:e,label:e}))),required:t.required,exportparts:"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content"}));case"checkbox":return n("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n("checkbox-component",{label:i,name:a,id:a,checked:o==="true",required:t.required,part:"nbf__checkbox-component"}));case"radio_button":return n("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n("radio-button-group",{label:i,name:a,id:a,defaultSelectedValue:o\|\|t.options?.[0]\|\|"",options:t.options?.map((e=>({value:e,label:e}))),required:t.required,part:"nbf__radio-button-group"}));case"multi_line_text":return n("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n("textarea-component",{label:i,defaultValue:o,name:a,id:a,required:t.required,part:"nbf__textarea-component"}));default:return n("div",{class:"input-wrapper",part:"nbf__input-wrapper"},n("input-component",{label:i,name:a,id:a,type:t.type,defaultValue:o\|\|"",requiredError:l.t("fieldRequired",{field:i}),required:t.required,part:"nbf__input-textfield"}))}}))),n("div",{key:"9229b464ad25565982e59b7d01fe5f2204e1d10e",class:"cta"},n("button-component",{key:"877d574a7a39f960c5cddff0f84d3d0454bfc96c",variant:"basic",class:"back",part:"nbf__button-outline",isLoading:this.backButtonLoading&&this.isLoading,onClick:this.handleBackButtonClicked},n("slot",{key:"9436fe8276b9da6baa608695b1d0dceb03c865ae",name:"booking-form-back-label"},`${l.t("backButton")}`)),n("button-component",{key:"48814874005b24b2f21a8cdbd863194a563f171f",variant:"primary",isLoading:!this.backButtonLoading&&this.isLoading,disabled:this.isLoading,part:"nbf__button-primary",type:"submit"},n("slot",{key:"975aba7f10d24850113f7fcfe1e11abbb15ac401",name:"booking-form-book-label"},`${l.t("bookNowButton")}`)))))}get host(){return a(this)}static get watchers(){return{bookingInfo:["bookingInfoChangedHandler"]}}};E([r({name:"nylas-booking-form",stateToProps:new Map([["scheduler.isLoading","isLoading"],["scheduler.bookingInfo","bookingInfo"],["scheduler.eventInfo","eventInfo"],["scheduler.configSettings","configSettings"]]),eventToProps:{backButtonClicked:async(e,t)=>{t.scheduler.toggleAdditionalData(false)},nameChanged:async(e,t)=>{t.scheduler.setParticipantName(e.detail)},emailChanged:async(e,t)=>{t.scheduler.setParticipantEmail(e.detail)},detailsConfirmed:async(e,t)=>{s("nylas-booking-form","detailsConfirmed",e.detail)},bookingFormSubmitted:async(e,t)=>{s("nylas-booking-form","bookingFormSubmitted",e.detail)},bookingFormError:async(e,t)=>{s("nylas-booking-form","bookingFormError",e.detail)}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),D("design:type",Function),D("design:paramtypes",[]),D("design:returntype",void 0)],S.prototype,"render",null);S.style=T;const P=":host{display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;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)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:1rem;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__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)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}";const $=P;var M=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var O=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const H=class{constructor(n){e(this,n);this.goBackButtonClicked=t(this,"goBackButtonClicked",7);this.cancelBookingFormSubmitted=t(this,"cancelBookingFormSubmitted",7);this.triggerValidation=t(this,"triggerValidation",7);this.cancelBookedEventError=t(this,"cancelBookedEventError",7);this.cancelBookingFormError=t(this,"cancelBookingFormError",7);this.handleGoBackClicked=()=>{this.goBackButtonClicked.emit()};this.handleSubmitCancelBooking=e=>{this.triggerValidation.emit({});e.preventDefault();if(!this.cancellationReason){this.cancellationError=l.t("cancellationErrorMessage");this.cancelBookingFormError.emit({title:l.t("cancelBokingFormError"),description:l.t("cancellationErrorMessage")});return}const t=this.configSettings?.scheduler?.min_cancellation_notice;if(this.selectedTimeslot&&t){const e=new Date(this.selectedTimeslot?.start_time);const n=e.getTime()-t601e3;if(n<(new Date).getTime()){this.cancelBookedEventError.emit({error:{title:l.t("cancellationErrorTitle"),message:l.t("minimumCancellationNoticeErrorMessage",{minCancellationNotice:t})}});return}}s(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);const n=e=>{this.cancelBookedEventError.emit(e)};if(this.cancelBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.cancelBookingId,action:"cancel",reason:this.cancellationReason,errorHandler:n})}else if(this.rejectBookingId){this.cancelBookingFormSubmitted.emit({bookingId:this.rejectBookingId,action:"reject",reason:this.cancellationReason,errorHandler:n})}};this.cancelBookingId=undefined;this.rejectBookingId=undefined;this.selectedTimeslot=undefined;this.configSettings=undefined;this.eventInfo=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.cancellationReason="";this.cancellationError="";this.cancellationPolicy=this.configSettings?.scheduler?.cancellation_policy\|\|"Your current timeslot will become available to others."}configSettingsChangedHandler(e){this.cancellationPolicy=e?.scheduler?.cancellation_policy\|\|"Your current timeslot will become available to others."}connectedCallback(){s(`[nylas-cancel-booking-form] Component connected`)}async componentWillLoad(){s(`[nylas-cancel-booking-form] Component will load`)}async componentDidLoad(){s(`[nylas-cancel-booking-form] Component did load`);if(!this.cancelBookingId){console.warn(`[nylas-cancel-booking-form] No booking ID provided, "cancelBookingId" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-cancel-booking-form] Component disconnected`)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}handleNylasFormInputChanged(e){this.triggerValidation.emit({});if(e.detail.name==="cancel-reason"){this.cancellationReason=e.detail.value;this.cancellationError=e.detail.error}}render(){return n(i,{key:"4e09c3c77a5a4a5138366431c50db2731ce08921",part:"ncbf"},n("div",{key:"3cc3f35b457f947d6f368b7857d6529e640800e4",class:"nylas-cancel-booking-form",part:"ncbf__card"},n("div",{key:"41001fcfa02096c97a909c1a2172349d5c77ceba",class:"nylas-cancel-booking-form__calendar-icon",part:"ncbf__icon"},n("calendar-cancel-icon",{key:"328274c7fe7351574cb43565b4ee1d8500d0cdcf"})),n("h3",{key:"4a702b5a6b7712336370b82f993a5c36655a4de2",class:"nylas-cancel-booking-form__title",part:"ncbf__title"},l.t("cancelBookingTitle")),n("div",{key:"3d28b48ce8f84a843cfd96b57340d624e7cc0efc",class:"nylas-cancel-booking-form__description",part:"ncbf__description"},!this.configSettings?.scheduler?.cancellation_policy?`${l.t("cancelBookingMessage")}`:this.cancellationPolicy),n("form",{key:"d1363507571afe0b46f47697830ca603dd206abe",onSubmit:this.handleSubmitCancelBooking},n("textarea-component",{key:"4256de3a9d7b2cf05a45388c9916f9bc38e82b80",id:"cancel-reason",name:"cancel-reason",required:true,label:l.t("reasonForCancellation"),class:this.cancellationError?"error":"",part:"ncbf__reason-textarea",defaultValue:this.cancellationReason}),n("div",{key:"fc0169e6090700c9ac26db55b6b10f8614bf408e",class:"footer"},n("button-component",{key:"e348ccaabd354669178d4c5def1ac9c545b8b5ac",variant:"destructive",class:"cancel",type:"submit",part:"ncbf__button-cta",disabled:this.isLoading},l.t("cancelBookingButton")),!!this.eventInfo&&n("button-component",{variant:"basic",class:"back",part:"ncbf__button-outline",onClick:this.handleGoBackClicked},l.t("goBackButton"))))))}get host(){return a(this)}static get watchers(){return{configSettings:["configSettingsChangedHandler"]}}};M([r({name:"nylas-cancel-booking-form",stateToProps:new Map([["scheduler.configSettings","configSettings"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.eventInfo","eventInfo"],["scheduler.isLoading","isLoading"],["scheduler.cancelBookingId","cancelBookingId"],["scheduler.rejectBookingId","rejectBookingId"]]),eventToProps:{cancelBookingFormSubmitted:async(e,t)=>{const{action:n,errorHandler:i}=e.detail;if(n==="cancel"){const n=await t.scheduler.cancelBooking(e.detail.bookingId,e.detail.reason);if(i&&(!n\|\|"error"in n)){i(n)}}else if(n==="reject"){const n=await t.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"cancelled",reason:e.detail.reason});if(i&&(!n\|\|"error"in n)){i(n)}}},goBackButtonClicked:async(e,t)=>{s("nylas-cancel-booking-form","goBackButtonClicked",e.detail);t.scheduler.goBack()},cancelBookedEventError:async(e,t)=>{s("nylas-cancel-booking-form","cancelBookedEventError",e.detail)},cancelBookingFormError:async(e,t)=>{s("nylas-cancel-booking-form","cancelBookingFormError",e.detail)}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),O("design:type",Function),O("design:paramtypes",[]),O("design:returntype",void 0)],H.prototype,"render",null);H.style=$;const F=":host{display:block}.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%}";const V=F;var q=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var Z=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const N=class{constructor(n){e(this,n);this.closeCancelEventCardClicked=t(this,"closeCancelEventCardClicked",7);this.cancelledEventCardError=t(this,"cancelledEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.cancelledEventCardError.emit(e);this.isClosing=false};this.closeCancelEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.cancelledEventInfo=undefined;this.isClosing=false}connectedCallback(){s(`[nylas-cancelled-event-card] Component connected`)}async componentWillLoad(){s(`[nylas-cancelled-event-card] Component will load`)}async componentDidLoad(){s(`[nylas-cancelled-event-card] Component did load`);if(!this.cancelledEventInfo){console.warn(`[nylas-cancelled-event-card] No cancelled event info provided, "cancelledEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-cancelled-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}render(){return n(i,{key:"4f1f7bf3b9d6376f5112b5f71b33bdce9bf59a19",part:"ncec"},n("div",{key:"f485f11c84c501c1d56cac844ccc39fe09b758fb",class:"nylas-cancelled-event-card",part:"ncec__card"},n("div",{key:"3ac26f67a660d1075b3d5f674b745db0c59125a2",class:"nylas-cancelled-event-card__calendar-icon",part:"ncec__icon"},n("calendar-cancel-icon",{key:"4dc83661715f1525b3a5a45d69e336d7f0f9dbf1"})),n("h3",{key:"59446c3be2e213ca71124be2d33cae8c077b451d",class:"nylas-cancelled-event-card__title",part:"ncec__title"},l.t("bookingCancelledTitle"),"!"),n("div",{key:"6486085d435d558816573e6d2aa3840030707af2",class:"nylas-cancelled-event-card__description",part:"ncec__description"},l.t("bookingCancelledMessage")," ",this.configSettings?.organizer?.name\|\|"the participants","."),n("div",{key:"e7ebffeb313b39f860df4776fe802beddc9eb86b",class:"nylas-cancelled-event-card__cta"},n("button-component",{key:"35593203c58b837db2b7ce98d8cf214658b2e8a0",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${l.t("closingButton")}...`:`${l.t("closeButton")}`))))}get host(){return a(this)}};q([r({name:"nylas-cancelled-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"]]),eventToProps:{closeCancelEventCardClicked:async(e,t)=>{const n=await t.scheduler.resetCancel();const{errorHandler:i}=e.detail;if(i&&(!n\|\|"error"in n)){i(n)}},cancelledEventCardError:async(e,t)=>{s("nylas-cancelled-event-card","cancelledEventCardError",e.detail)}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),Z("design:type",Function),Z("design:paramtypes",[]),Z("design:returntype",void 0)],N.prototype,"render",null);N.style=V;const W=":host{display:block}.nylas-confirmed-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-confirmed-event-card{width:inherit}}.nylas-confirmed-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-confirmed-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-confirmed-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-confirmed-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%}";const A=W;var X=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var Y=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const G=class{constructor(n){e(this,n);this.closeConfirmEventCardClicked=t(this,"closeConfirmEventCardClicked",7);this.confirmedEventCardError=t(this,"confirmedEventCardError",7);this.handleCloseClicked=()=>{this.isClosing=true;const e=e=>{this.confirmedEventCardError.emit(e);this.isClosing=false};this.closeConfirmEventCardClicked.emit({errorHandler:e})};this.configSettings=undefined;this.themeConfig=undefined;this.confirmedEventInfo=undefined;this.isClosing=false}connectedCallback(){s(`[nylas-confirmed-event-card] Component connected`)}async componentWillLoad(){s(`[nylas-confirmed-event-card] Component will load`)}async componentDidLoad(){s(`[nylas-confirmed-event-card] Component did load`);if(!this.confirmedEventInfo){console.warn(`[nylas-confirmed-event-card] No confirmed event info provided, "confirmedEventInfo" prop is required.`)}this.applyThemeConfig(this.themeConfig)}disconnectedCallback(){s(`[nylas-confirmed-event-card] Component disconnected`)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}render(){return n(i,{key:"089de1c1ba1b2319674b97aad4946fb8306ab4fe",part:"ncec"},n("div",{key:"83c9b3f7904b7b74d38202c7d62891813754be93",class:"nylas-confirmed-event-card",part:"ncec__card"},n("div",{key:"e6ebbc07f8ea697f4e1f794bb8ddddc5166db33d",class:"nylas-confirmed-event-card__calendar-icon",part:"ncec__icon"},n("calendar-cancel-icon",{key:"eb0eb353b63bc5a8b55644a17f16c8566f3a7b36"})),n("h3",{key:"c05937028fd84a55b3b0b1de4cd36fb0b0c6b563",class:"nylas-confirmed-event-card__title",part:"ncec__title"},l.t("confirmedEventCardTitle"),"!"),n("div",{key:"e9ca9f67f46785d40e769ff96695001d56386dad",class:"nylas-confirmed-event-card__description",part:"ncec__description"},l.t("confirmedEventCardDescription")," ",this.configSettings?.organizer?.name\|\|"the participants","."),n("div",{key:"bea8adea56d3dcdb2ce578ad25f08bc562b67ede",class:"nylas-confirmed-event-card__cta"},n("button-component",{key:"6bed94150369d92e129fe62c4b6c292e37e26a34",variant:"basic",disabled:this.isClosing,part:"ncec__button-outline",onClick:this.handleCloseClicked},this.isClosing?`${l.t("closingButton")}...`:`${l.t("closeButton")}`))))}get host(){return a(this)}};X([r({name:"nylas-confirmed-event-card",stateToProps:new Map([["scheduler.configSettings","configSettings"]]),eventToProps:{closeConfirmEventCardClicked:async(e,t)=>{const n=await t.scheduler.resetConfirm();const{errorHandler:i}=e.detail;if(i&&(!n\|\|"error"in n)){i(n)}}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),Y("design:type",Function),Y("design:paramtypes",[]),Y("design:returntype",void 0)],G.prototype,"render",null);G.style=A;const U=new Date,J=new Date;function K(e,t,n,i){function a(t){return e(t=arguments.length===0?new Date:new Date(+t)),t}a.floor=t=>(e(t=new Date(+t)),t);a.ceil=n=>(e(n=new Date(n-1)),t(n,1),e(n),n);a.round=e=>{const t=a(e),n=a.ceil(e);return e-t<n-e?t:n};a.offset=(e,n)=>(t(e=new Date(+e),n==null?1:Math.floor(n)),e);a.range=(n,i,o)=>{const r=[];n=a.ceil(n);o=o==null?1:Math.floor(o);if(!(n<i)\|\|!(o>0))return r;let s;do{r.push(s=new Date(+n)),t(n,o),e(n)}while(s<n&&n<i);return r};a.filter=n=>K((t=>{if(t>=t)while(e(t),!n(t))t.setTime(t-1)}),((e,i)=>{if(e>=e){if(i<0)while(++i<=0){while(t(e,-1),!n(e)){}}else while(--i>=0){while(t(e,+1),!n(e)){}}}}));if(n){a.count=(t,i)=>{U.setTime(+t),J.setTime(+i);e(U),e(J);return Math.floor(n(U,J))};a.every=e=>{e=Math.floor(e);return!isFinite(e)\|\|!(e>0)?null:!(e>1)?a:a.filter(i?t=>i(t)%e===0:t=>a.count(0,t)%e===0)}}return a}const Q=1e3;const ee=Q60;const te=ee60;const ne=te24;const ie=K((e=>e.setHours(0,0,0,0)),((e,t)=>e.setDate(e.getDate()+t)),((e,t)=>(t-e-(t.getTimezoneOffset()-e.getTimezoneOffset())ee)/ne),(e=>e.getDate()-1));K((e=>{e.setUTCHours(0,0,0,0)}),((e,t)=>{e.setUTCDate(e.getUTCDate()+t)}),((e,t)=>(t-e)/ne),(e=>e.getUTCDate()-1));K((e=>{e.setUTCHours(0,0,0,0)}),((e,t)=>{e.setUTCDate(e.getUTCDate()+t)}),((e,t)=>(t-e)/ne),(e=>Math.floor(e/ne)));const ae=':host{display:block;min-height:444px}@media screen and (max-width: 768px){:host{min-height:auto}}.nylas-date-picker{display:flex;gap:1rem;flex-direction:column}.header{margin:0 0.5rem;height:48px}.header h2{font-size:1.3125rem;font-weight:400;line-height:1rem;color:var(--nylas-base-800)}.header h2 strong{font-weight:600}.title{margin:0 -1.25rem;display:flex;flex-direction:column;padding:0 1.5rem;gap:0.5rem;border-bottom:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family)}.title h1{margin-bottom:0;font-size:18px;line-height:20px;font-weight:600;display:flex;gap:0.5rem;align-items:center}.title p{margin-top:0;font-size:16px;display:flex;gap:0.5rem;align-items:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.dates{display:grid;justify-items:center;grid-template-columns:repeat(7, 1fr);gap:0.5rem;margin-bottom:24px}.dates .date{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;height:48px;width:48px;min-width:2rem;min-height:2rem;cursor:pointer;border-radius:var(--nylas-border-radius-2x);font-size:16px;font-weight:600;font-family:inherit;color:var(--nylas-base-text);background-color:var(--nylas-base-100);cursor:pointer;border:none}@media screen and (max-width: 412px){.dates .date{width:38px;height:38px;min-width:none}}.dates .date:hover:not(:disabled){box-shadow:0 0 0 2px var(--nylas-base-500) inset}.dates .date.date.current-month{color:var(--nylas-base-800)}.dates .date.date.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0);font-weight:700}.dates .date.date.day-skeleton{color:var(--nylas-base-300)}.dates .date:disabled{color:var(--nylas-base-300);background-color:transparent;font-weight:400;cursor:not-allowed}.dates .day{font-size:12px;color:var(--nylas-base-800);font-weight:600;letter-spacing:0.5px;height:32px;display:flex;align-items:center}@media screen and (max-width: 768px){.dates .day{font-size:14px}}.dates .date.day-skeleton{height:48px;width:48px;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out;background-color:var(--nylas-base-50)}@media screen and (max-width: 412px){.dates .date.day-skeleton{width:38px;height:38px;min-width:none}}.dates .date.current-day::after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--nylas-base-500)}.dates .date.current-day.selected::after{background-color:var(--nylas-base-100)}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:92px}.pagination .chevron-right{transform:rotate(180deg)}.pagination .button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);background-color:transparent;color:var(--nylas-base-800);cursor:pointer;border:none}.pagination .button:hover{background-color:var(--nylas-base-50)}.pagination .button:active{background-color:var(--nylas-base-100)}.pagination .button:disabled{background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.flex-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:var(--nylas-base-500)}';const oe=ae;var re=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var se=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const ce=class{constructor(n){e(this,n);this.dateSelected=t(this,"dateSelected",7);this.monthChanged=t(this,"monthChanged",7);this.selectableDates=undefined;this.configSettings=undefined;this.themeConfig=undefined;this.selectedDate=undefined;this.selectedLanguage=undefined;this.isLoading=undefined;this.eventDuration=undefined;this.month=this.selectedDate\|\|new Date;this.dates=this.getDates();this.disableNextMonthButton=false}configSettingsChanged(e){const t=new Date(this.month.getFullYear(),this.month.getMonth()+1,1);const n=e?.scheduler?.available_days_in_future;if(n===undefined){return}const i=p(new Date,n);if(i.getTime()<t.getTime()){this.disableNextMonthButton=true}else{this.disableNextMonthButton=false}}selectedLanguageChanged(e){l.changeLanguage(e)}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){s(`[nylas-date-picker] Component did load`);this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}getDates(){const e=b(this.month);const t=u(this.month);return ie.range(ie.offset(t,-t.getDay()),ie.offset(e,7-e.getDay()))}selectDate(e){this.dateSelected.emit(e)}changeMonth(e){this.month=new Date(this.month.getFullYear(),this.month.getMonth()+e,1);const t=new Date(this.month.getFullYear(),this.month.getMonth()+1,1);const n=this.configSettings?.scheduler?.available_days_in_future;const i=p(new Date,n);if(i.getTime()<t.getTime()){this.disableNextMonthButton=true}else{this.disableNextMonthButton=false}this.dates=this.getDates();this.monthChanged.emit(this.month)}isSelected(e,t,n){return e&&t&&m(e,t)&&n&&n?.length>0}isDisabled(e,t){return e&&t?.find((t=>m(t,e)))===undefined}render(){return n(i,{key:"ffb13b5ab2b96a23232a0e4fce0166cc4e471bc3",part:"ndp"},n("div",{key:"d617e1e85082cda56f123b915460161003fba8ad",class:"nylas-date-picker"},n("div",{key:"8b966e5cfa60ec08da307e7537170adcfc04944b",class:"title",part:"ndp__title"},this.configSettings?.name?n("h1",null,this.configSettings?.name):this.configSettings?.organizer?.name&&n("h1",null,n("person-icon",null),this.configSettings?.organizer?.name\|\|"Organizer"),n("p",{key:"ec8dd18ff022b61ac574c1a0bb4c94c4bd51b643"},n("clock-icon",{key:"8c0685800081b17f4b118938b106af1e291ded09"}),this.eventDuration?g(this.eventDuration):`- ${l.t("time.minutes")}`)),n("div",{key:"9c4e5f5aed7d3350f149115236b1be17ee1b77e7",class:"header flex-row"},n("h2",{key:"b30d034da321b0e34e93f41fdeddcd5c6890fc9c",part:"ndp__month-header"},n("strong",{key:"2c45a29ba2d99856262c706e626c7dc43b05380b"},y(this.month.toLocaleDateString(undefined,{month:"long"}).toLocaleLowerCase()))," ",this.month.toLocaleDateString(undefined,{year:"numeric"})),n("div",{key:"eb086cc81c029c3f2dc12a5c796f4e20e60fef2e",class:"pagination"},n("button",{key:"aefca223118d1e0c4f908ab325743730a5633d0f",title:"Previous month",onClick:()=>this.changeMonth(-1),class:{"chevron-left":true,button:true},disabled:!this.selectableDates?.length\|\|this.month<=new Date,part:"ndp__month-button"},n("chevron-icon",{key:"04e6c8e8dd6fa33805e19a97cc56aff0355bacd1"})),n("button",{key:"912568ecbc76504f9e917042edc7dd41ccfb51fa",title:"Next month",onClick:()=>this.changeMonth(1),class:{"chevron-right":true,button:true},disabled:this.disableNextMonthButton,part:"ndp__month-button"},n("chevron-icon",{key:"25efda159f4cd761012ee2143690c37cf9247f66"})))),n("div",{key:"4c0d4d94cce9d758e8dd52d4e29ec27f21410772",class:"dates"},[l.t("days.sunday"),l.t("days.monday"),l.t("days.tuesday"),l.t("days.wednesday"),l.t("days.thursday"),l.t("days.friday"),l.t("days.saturday")].map((e=>n("div",{class:"day",part:"ndp__day"},e))),this.dates.map(((e,t)=>{const i=this.isDisabled(e,this.selectableDates);if(this.isLoading){return n("button",{disabled:true,class:{"date day-skeleton":true,"current-month":v(e,this.month)},style:{animationDelay:`${t20}ms`},part:`ndp__date ndp__date--disabled`},e.getDate())}return n("button",{class:{date:true,selected:!!(this.selectedDate&&m(e,this.selectedDate)&&this.selectableDates&&this.selectableDates?.length>0),"current-day":m(e,new Date),"current-month":v(e,this.month)},"aria-lang":e.toLocaleDateString(undefined,{dateStyle:"full"}),disabled:i,onClick:()=>this.selectDate(e),part:`ndp__date ${this.isSelected(e,this.selectedDate,this.selectableDates)?"ndp__date--selected":""} ${m(e,new Date)?"ndp__date--current-day":""} ${v(e,this.month)?"ndp__date--current-month":""}`},e.getDate())})))))}get host(){return a(this)}static get watchers(){return{configSettings:["configSettingsChanged"],selectedLanguage:["selectedLanguageChanged"]}}};re([r({name:"nylas-date-picker",stateToProps:new Map([["scheduler.selectableDates","selectableDates"],["scheduler.selectedDate","selectedDate"],["scheduler.isLoading","isLoading"],["scheduler.configSettings","configSettings"],["scheduler.eventDuration","eventDuration"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{dateSelected:async(e,t)=>{s("nylas-date-picker","dateSelected",e.detail);t.scheduler.selectDate(e.detail)},monthChanged:async(e,t)=>{s("nylas-date-picker","monthChanged",e.detail)}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),se("design:type",Function),se("design:paramtypes",[]),se("design:returntype",void 0)],ce.prototype,"render",null);ce.style=oe;const le=":host{display:block}.nylas-locale-switch{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-left:none;border-right:none;color:var(--nylas-base-50);font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease-in-out;font-family:inherit}@media screen and (max-width: 768px){.nylas-locale-switch{font-size:16px}}.select-wrapper{display:flex;align-items:center;gap:0.5rem}select{border:none;background:transparent;cursor:pointer;outline:none;background-color:transparent;margin:0 0 1px;padding:4px;vertical-align:middle}select#timezone{width:140px}select#language{width:80px}span.timezone-label{display:flex;width:-webkit-fill-available;justify-content:space-between}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){border:none;padding:10px}select-dropdown::part(sd_dropdown-content){max-width:306px}";const de=le;var fe=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var he=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const pe=class{constructor(n){e(this,n);this.timezoneChanged=t(this,"timezoneChanged",7);this.languageChanged=t(this,"languageChanged",7);this.themeConfig=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedLanguage=navigator.language}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}componentDidLoad(){s(`[nylas-locale-switch] Component did load`);this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}changeTimezone(e){this.selectedTimezone=e;this.timezoneChanged.emit(e)}changeLanguage(e){this.selectedLanguage=e;this.languageChanged.emit(e)}nylasFormDropdownChangedHandler(e){const{name:t,value:n}=e.detail;if(t==="timezone"){this.changeTimezone(n)}else if(t==="language"){this.changeLanguage(n)}}getTimezoneLabelHTML(e){const t=k(e);return n("span",{class:"timezone-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"-webkit-fill-available"}},x[e]," ",n("span",{class:"timezone-offset",style:{fontSize:"14px",fontWeight:"400",color:"var(--nylas-base-500)"}},t))}render(){const e=Object.keys(x).map((e=>({labelHTML:this.getTimezoneLabelHTML(e),label:x[e],value:e})));const t=Object.keys(C).map((e=>({label:C[e],value:e})));return n(i,{key:"b964a342758e2cc1194249965483843a2f0fd4e8"},n("div",{key:"3594ab03d8f88d1e073fc20118f424accaf0edfe",class:"nylas-locale-switch",part:"nls"},n("div",{key:"33d4ea2773393f7ff9f3c1db27f280f7291e840b",class:{"select-wrapper":true,timezone:true},part:"nls__timezone"},n("select-dropdown",{key:"0b1d65ece722a490eb1dcfc5918e6b88405ec448",name:"timezone",options:e,defaultSelectedOption:e.find((e=>e.value==this.selectedTimezone)),exportparts:"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label"},n("span",{key:"639c77c9556d6fba35369fcdb1defb7992e56204",slot:"select-icon"},n("globe-icon",{key:"c6e230b1c1641079f41491a009103ddd2b460dd9",width:"20",height:"20"})))),n("div",{key:"01c9781c4b5f1af16a9bbfa213f13e716eb4fea9",class:{"select-wrapper":true,language:true},part:"nls__language"},n("select-dropdown",{key:"fbff35839698dafd06e2cd1b50db27e354c4b9af",name:"language",options:t,defaultSelectedOption:t.find((e=>e.value==this.selectedLanguage)),exportparts:"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label"},n("span",{key:"34ac931dac3ef169b0a6cd778a8a4d6566e8d012",slot:"select-icon"},n("translate-icon",{key:"d51f2d743bb8ab718f7a7c6b45d62d96fe11f666",width:"20",height:"20"}))))))}get host(){return a(this)}};fe([r({name:"nylas-locale-switch",stateToProps:new Map([["scheduler.selectedLanguage","selectedLanguage"],["scheduler.selectedTimezone","selectedTimezone"]]),eventToProps:{timezoneChanged:async(e,t)=>{s("nylas-locale-switch","timezoneChanged",e.detail);t.scheduler.selectTimezone(e.detail)},languageChanged:async(e,t)=>{s("nylas-locale-switch","languageChanged",e.detail);t.scheduler.selectLanguage(e.detail)}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),he("design:type",Function),he("design:paramtypes",[]),he("design:returntype",void 0)],pe.prototype,"render",null);pe.style=de;const be=".sc-nylas-logo-h{display:flex}";const ue=be;const me=class{constructor(t){e(this,t);this.width="69";this.height="24"}render(){return n("svg",{key:"12dffc0c444183dfd3bb8593076a6b022de4654b",width:this.width,height:this.height,viewBox:"0 0 69 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("g",{key:"89545db6a2731faffdf62b9f0826211c9827af35","clip-path":"url(#clip0_455_3543)"},n("path",{key:"bc169c74819239b2c40b3730a445f45d1a16f445",d:"M15.8092 3.03248C14.6497 1.86996 13.1076 1.23047 11.4646 1.23047C9.82156 1.23047 8.27753 1.86996 7.11999 3.03248L0.835347 9.33381C0.686846 9.4827 0.60498 9.68123 0.60498 9.89312C0.60498 10.105 0.686846 10.3035 0.835347 10.4524C0.983848 10.6013 1.18185 10.6834 1.39318 10.6834C1.60451 10.6834 1.80251 10.6013 1.95101 10.4524L8.23374 4.15111C10.0139 2.36627 12.9134 2.36627 14.6935 4.15111C16.4736 5.93785 16.4756 8.84322 14.6935 10.6281L8.4108 16.9275C8.10428 17.2348 8.10428 17.7368 8.4108 18.0461C8.5593 18.195 8.75731 18.2771 8.96863 18.2771C9.17996 18.2771 9.37796 18.195 9.52646 18.0461L15.8092 11.7467C16.9687 10.5841 17.6064 9.03793 17.6064 7.39053C17.6064 5.74314 16.9687 4.19501 15.8092 3.03439V3.03248Z",fill:"currentColor"}),n("path",{key:"456cd298652217764f8486bca01860c4f1132e58",d:"M14.9296 7.39038C14.9296 6.46074 14.5698 5.58837 13.9148 4.93361C12.5631 3.57828 10.3641 3.57828 9.01239 4.93361L0.663961 13.3023C0.51546 13.4512 0.433594 13.6497 0.433594 13.8616C0.433594 14.0735 0.51546 14.272 0.663961 14.4209C0.812462 14.5698 1.01046 14.6519 1.22179 14.6519C1.43312 14.6519 1.63112 14.5698 1.77962 14.4209L10.0367 6.1515L10.05 6.13623C10.0747 6.10759 10.1014 6.07705 10.128 6.05033C10.1585 6.01978 10.1928 5.99115 10.2251 5.96252L10.2442 5.94534C10.9886 5.31349 12.1119 5.3593 12.8011 6.05033C13.4903 6.74135 13.536 7.78171 12.9705 8.53192L12.9648 8.53955C12.9058 8.61591 12.8544 8.67699 12.8011 8.73044C12.7497 8.78198 12.6906 8.83352 12.6069 8.90033L4.45264 17.0991C4.30414 17.248 4.22227 17.4465 4.22227 17.6584C4.22227 17.8703 4.30414 18.0689 4.45264 18.2177C4.60114 18.3666 4.79914 18.4487 5.01047 18.4487C5.2218 18.4487 5.4198 18.3666 5.5683 18.2177L13.9167 9.84716C14.5698 9.1924 14.9315 8.31812 14.9315 7.39038H14.9296Z",fill:"currentColor"}),n("path",{key:"99e86fdeed7fd4e6440e749884432df26dfe1d37",d:"M10.6821 9.11238C10.4727 9.01694 10.2861 8.88904 10.1281 8.7306C9.97008 8.57216 9.84252 8.38508 9.74733 8.1751L9.69021 8.05103L0.467916 17.2978C0.287049 17.4792 0.174721 17.7082 0.149971 17.9411C0.125221 18.1778 0.19376 18.3897 0.344165 18.5405C0.471724 18.6684 0.65259 18.739 0.850592 18.739C1.11142 18.739 1.37796 18.6207 1.58358 18.4145L10.8059 9.16774L10.6821 9.11047V9.11238Z",fill:"currentColor"}),n("path",{key:"68231e9e8a5f86804d3590ca240bcaf362df1fa6",d:"M68.401 10.6185C68.2126 10.2692 67.9593 9.97334 67.6433 9.73854C67.3235 9.49993 66.956 9.31094 66.5486 9.17541C66.1316 9.03606 65.7033 8.91771 65.2749 8.81844C64.7951 8.70582 64.3039 8.57983 63.8165 8.44811C63.3196 8.31258 62.9065 8.14269 62.5905 7.94225C62.4743 7.88689 62.3391 7.76663 62.3391 7.50129C62.3391 7.39821 62.3639 7.29704 62.4153 7.19587L62.4248 7.18059C62.5352 7.02216 62.7142 6.8828 62.975 6.75109C63.234 6.62128 63.609 6.55829 64.1231 6.55829C64.5286 6.55829 64.877 6.61365 65.1569 6.72436C65.4348 6.83508 65.6652 6.96871 65.8442 7.12524C66.0212 7.27986 66.1659 7.45357 66.2782 7.63873C66.3563 7.76854 66.4267 7.89262 66.4858 8.00525L68.2754 6.84081C68.1669 6.59456 68.0146 6.33495 67.8204 6.0677C67.6033 5.768 67.3254 5.4893 66.9922 5.23732C66.659 4.98534 66.2516 4.77345 65.7813 4.60929C65.3111 4.44512 64.7532 4.36304 64.1231 4.36304C63.3844 4.36304 62.7599 4.46421 62.2706 4.66083C61.7813 4.85935 61.3815 5.09988 61.0845 5.37667C60.7875 5.65346 60.5628 5.95125 60.4143 6.2605C60.2639 6.57547 60.1611 6.85799 60.1078 7.10233C60.0945 7.18059 60.0812 7.27031 60.0678 7.36767C60.0545 7.4593 60.0469 7.5452 60.0469 7.62537C60.0469 8.13314 60.1745 8.56074 60.4239 8.89671C60.679 9.24222 61.0045 9.53429 61.391 9.76336C61.7813 9.99624 62.2116 10.1852 62.6704 10.3227C63.1388 10.462 63.5862 10.5823 64.0012 10.6796C64.4067 10.777 64.7932 10.8782 65.1531 10.9774C65.5224 11.0786 65.8289 11.2122 66.0631 11.3745C66.2801 11.5425 66.3887 11.7448 66.3887 11.9777C66.3887 12.2278 66.2916 12.4263 66.0993 12.5695C65.9279 12.6954 65.7261 12.7985 65.4958 12.8711C65.273 12.9436 65.0407 12.9913 64.8066 13.0142C64.58 13.0352 64.3915 13.0467 64.2468 13.0467C63.8032 13.0467 63.4224 13.0028 63.1197 12.915C62.8151 12.8272 62.5638 12.7241 62.3734 12.6057C62.1811 12.4874 62.0288 12.3614 61.9222 12.2316C61.8213 12.1094 61.747 12.0082 61.7014 11.9319L61.4957 11.6303L59.708 12.7928C59.8508 13.0161 60.0298 13.2643 60.2392 13.5296C60.4772 13.8293 60.7837 14.1138 61.153 14.3734C61.5224 14.633 61.966 14.8525 62.4724 15.0243C62.9788 15.1961 63.5748 15.282 64.2468 15.282C64.797 15.282 65.2901 15.2324 65.7166 15.137C66.1412 15.0396 66.5162 14.9117 66.8285 14.7552C67.1388 14.6005 67.4015 14.4192 67.6109 14.2149C67.8223 14.0107 67.9974 13.8026 68.1326 13.6003C68.4563 13.1135 68.6409 12.5504 68.6828 11.9262C68.6828 11.4069 68.5876 10.9641 68.401 10.6166V10.6185Z",fill:"currentColor"}),n("path",{key:"80b2550211f60e218c5f52f975a060e3ac4ea84a",d:"M26.3585 4.27905C23.7901 4.27905 21.6997 6.37504 21.6997 8.95017V15.0701H23.9291V8.95017C23.9291 7.6082 25.0181 6.5163 26.3565 6.5163C27.695 6.5163 28.784 7.6082 28.784 8.95017V15.0701H31.0134V8.95017C31.0134 6.37504 28.9229 4.27905 26.3546 4.27905H26.3585Z",fill:"currentColor"}),n("path",{key:"b5db41daab85f0ffd7738f492ede6189237b7d5f",d:"M53.4522 4.27905C50.4251 4.27905 47.9634 6.74728 47.9634 9.78245C47.9634 12.8176 50.427 15.2859 53.4522 15.2859C54.5545 15.2859 55.6188 14.9594 56.5288 14.3409L56.7116 14.2169V15.0682H58.941V9.78245C58.941 6.74728 56.4793 4.27905 53.4522 4.27905ZM53.4522 13.0505C51.655 13.0505 50.1928 11.5845 50.1928 9.78245C50.1928 7.98044 51.655 6.51439 53.4522 6.51439C55.2494 6.51439 56.7116 7.98044 56.7116 9.78245C56.7116 11.5845 55.2494 13.0505 53.4522 13.0505Z",fill:"currentColor"}),n("path",{key:"9fc6c3fe5eb5f86e4e53126c98958f36a128030f",d:"M45.5795 10.6166V0.356201H43.3501V10.6166C43.3501 13.1517 45.3758 15.2228 47.8908 15.2858V13.0486C46.6057 12.9875 45.5795 11.9204 45.5795 10.6166Z",fill:"currentColor"}),n("path",{key:"dcbcc1f9ad3d20c137644553a90ec0afc7f6bdf9",d:"M39.5428 4.4967V10.63C39.5428 11.6761 38.8669 12.621 37.9016 12.9284C37.1249 13.1746 36.3157 13.0486 35.6817 12.5829C35.0592 12.1247 34.6879 11.3917 34.6879 10.6186V4.4967H32.4585V10.5995C32.4585 12.7165 33.8388 14.57 35.8131 15.1084C37.0354 15.4424 38.2995 15.2973 39.3695 14.7037L39.5428 14.6063V14.9747C39.5428 16.2766 38.5166 17.3437 37.2315 17.4067V19.6439C39.7465 19.5809 41.7722 17.5117 41.7722 14.9747V4.4967H39.5428Z",fill:"currentColor"})),n("defs",{key:"569df0349b4a24ea2d0a0bee9788b0b8911dcf39"},n("clipPath",{key:"7a24bd2f656eba24c53b46b1b65b6ae5ea11c378",id:"clip0_455_3543"},n("rect",{key:"60a57936d17acf21b9c58a177f17f3ce3fede7f1",width:"68.7123",height:"19.2877",fill:"white",transform:"translate(0.144043 0.356201)"}))))}};me.style=ue;const ge=':host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}';const ye=ge;const ve=class{constructor(t){e(this,t);this.ttl=5e3;this.allowedCategories=["component","api","validation","invalid_session"];this.notifications=[]}onError(e){s(`[nylas-notification] Error: ${e.detail.notification.title}`);this.handleNotification(e)}onWarning(e){s(`[nylas-notification] Warning: ${e.detail.notification.title}`);this.handleNotification(e)}onInfo(e){s(`[nylas-notification] Info: ${e.detail.notification.title}`);this.handleNotification(e)}onSuccess(e){s(`[nylas-notification] Success: ${e.detail.notification.title}`);this.handleNotification(e)}isChildOf(e){let t=this.host.parentNode;while(t){if(t===e){return true}if(t instanceof ShadowRoot){t=t.host}else{t=t.parentNode}}return false}handleNotification(e){const t=e.detail.host;if(e.defaultPrevented){s(`[nylas-notification] Event default prevented`);return}if(t&&!this.isChildOf(t)){s(`[nylas-notification] Host not a parent`);return}if(this.ttl===0){s(`[nylas-notification] TTL is 0`);return}if(this.allowedCategories.length>0&&!this.allowedCategories.includes(e.detail.notification.category)){s(`[nylas-notification] Category not allowed`);return}this.notifications=[...this.notifications,{...e.detail.notification}];if(e.detail.notification.ttl!=="none"){const t=e.detail.notification.ttl?e.detail.notification.ttl:this.ttl;window.setTimeout((()=>{this.notifications=this.notifications.filter((t=>t.id!==e.detail.notification.id))}),t)}}dismissNotification(e){this.notifications=this.notifications.filter((t=>t.id!==e))}render(){return n(i,{key:"03f95b47c77afb69a2696473c2bf8c3f1e1ed44a"},n(o,{key:"990afe9475e36dbae84a70266ef0b5188d2011de"},this.notifications.map((e=>n("div",{class:`notif ${e.type}`,key:e.id},n("div",{class:"content"},n("span",{class:`icon ${e.type}`},(e.type==="error"\|\|e.type==="warning")&&n("warning-icon",null)),n("span",{class:"message"},n("span",{class:"title"},e.title),e.description&&n("span",{class:"description"},e.description))),n("button",{class:"dismiss-btn",onClick:()=>this.dismissNotification(e.id)},n("close-icon",null))))),n("slot",{key:"49a5c13a306626b5bba79c443bb8501fe50c7ea3"})))}get host(){return a(this)}};ve.style=ye;const ke=":host{display:block}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;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){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;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);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}";const xe=ke;var we=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var Ce=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const _e=class{constructor(n){e(this,n);this.rejectBookingButtonClicked=t(this,"rejectBookingButtonClicked",7);this.confirmBookingButtonClicked=t(this,"confirmBookingButtonClicked",7);this.confirmBookingError=t(this,"confirmBookingError",7);this.handleConfirmBookingButtonClicked=()=>{this.action="confirm";const e=e=>{this.confirmBookingError.emit(e)};if(this.organizerConfirmationBookingId&&!this.isLoading){this.confirmBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host,errorHandler:e})}};this.handleRejectBookingButtonClicked=()=>{this.action="reject";if(this.organizerConfirmationBookingId&&!this.isLoading){this.rejectBookingButtonClicked.emit({bookingId:this.organizerConfirmationBookingId,host:this.host})}};this.configSettings=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.organizerConfirmationBookingId=undefined;this.selectedLanguage=navigator.language;this.action=null}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-organizer-confirmation-card] Component will load`)}async componentDidLoad(){s(`[nylas-organizer-confirmation-card] Component did load`);this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}async resetAction(){this.action=null}render(){return n(i,{key:"d9ca934419385dcf0917c80e70c3efb3d7b18a02",part:"nmcc"},n("div",{key:"b5b0a918984758dbf80f3218610537bfbec693e4",class:"event-card-wrapper",part:"nmccc__card"},n("div",{key:"cd26edd3af7815576337f88b5a76ee1cc9335ec0",class:"calendar-icon"},n("calendar-check-icon",{key:"3cf29fd30584c2fac6a4e1eecce9e55b8c4beb55"})),n("div",{key:"ecc73f4ceff1887502714daa5034b42754ca1f46",class:"booked-event-header"},n("h2",{key:"2b3233840408bba3fcb29b631e6329148fdeaeaf",slot:"card-title",part:"nmcc__title"},!!this.organizerConfirmationBookingId&&`${l.t("bookingPendingTitle")}!`)),n("div",{key:"7e85b7a9d30895a2bf319185cb3b5b6856894638",class:"manage-booking-description"},n("p",{key:"644084700e961abcd2b910dcb0631ebfcfbc2a1c"},l.t("bookingPendingnDescription"))),n("div",{key:"67a549c866b7ba2137bed4ab4af2da4a9c989f0b",class:{footer:true,"no-footer":this.configSettings?.scheduler?.hide_cancellation_options&&this.configSettings?.scheduler?.hide_rescheduling_options,"no-template-cols":this.configSettings?.scheduler?.hide_cancellation_options\|\|this.configSettings?.scheduler?.hide_rescheduling_options}},!this.configSettings?.scheduler?.hide_cancellation_options&&n("button-component",{variant:"destructive",onClick:this.handleRejectBookingButtonClicked,isLoading:this.isLoading&&this.action==="reject",part:"nmcc__button-outline nmcc__cancel-cta"},`${l.t("rejectBookingButton")}`),!this.configSettings?.scheduler?.hide_rescheduling_options&&n("button-component",{variant:"basic",onClick:this.handleConfirmBookingButtonClicked,isLoading:this.isLoading&&this.action==="confirm",part:"nmcc__button-outline nmcc__reschedule-cta"},`${l.t("confirmBookingButton")}`))))}get host(){return a(this)}};we([r({name:"nylas-organizer-confirmation-card",stateToProps:new Map([["scheduler.organizerConfirmationBookingId","organizerConfirmationBookingId"],["scheduler.configSettings","configSettings"],["scheduler.isLoading","isLoading"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{rejectBookingButtonClicked:async(e,t)=>{t.scheduler.setReject(e.detail.bookingId)},confirmBookingButtonClicked:async(e,t)=>{const{host:n}=e.detail;const i=await t.scheduler.updateBooking({bookingId:e.detail.bookingId,status:"confirmed"});const{errorHandler:a}=e.detail;if(a&&(!i\|\|"error"in i)){a(i)}await n.resetAction()}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),Ce("design:type",Function),Ce("design:paramtypes",[]),Ce("design:returntype",void 0)],_e.prototype,"render",null);_e.style=xe;const je=":host{display:block;position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:16px;font-weight:500}.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)}calendar-icon{display:flex;align-items:center;justify-content:center;height:100%}.event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:8px;gap:4px;align-items:center}@media screen and (max-width: 768px){.event-timezone{margin-bottom:16px}}";const ze=je;var Le=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var Re=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const Be=class{constructor(t){e(this,t);this.themeConfig=undefined;this.selectedDate=undefined;this.selectedTimeslot=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedLanguage=undefined;this.startTime="";this.endTime=""}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-selected-event-card] Component will load`)}async componentDidLoad(){s(`[nylas-selected-event-card] Component did load`);if(!this.selectedDate){console.warn('[nylas-selected-event-card] "selectedDate" prop is not provided.')}if(!this.selectedTimeslot){console.warn('[nylas-selected-event-card] "selectedTimeslot" prop is not provided.')}this.applyThemeConfig(this.themeConfig);const e=new Intl.DateTimeFormat("en-US",{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone});this.startTime=e.format(new Date(this.selectedTimeslot?.start_time));this.endTime=e.format(new Date(this.selectedTimeslot?.end_time))}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}render(){return n(i,{key:"c4b2a1e10365e172dd1d57516964ead204d7d325",part:"nsec"},n("div",{key:"9d767e80cdd60e35dc26323e57b32e67b1e45a9d",class:"event-card",part:"nsec__card"},n("div",{key:"78a16259f9607a95d97b62ece2aebc7807073e43",class:"calendar-icon",part:"nsec__icon"},n("calendar-icon",{key:"5565b2a4da846fb2e162f773fd06203790487183"})),n("div",{key:"fea99fd65e43b57f6a4e327d65eeb03c787c6a86",class:"nylas-selected-event-card__date",part:"nsec__date"},this.selectedDate?d(this.selectedDate?.toLocaleDateString(w[this.selectedLanguage\|\|navigator.language],{dateStyle:"full",timeZone:this.selectedTimezone})):"-"),n("div",{key:"25a8f9548d85e37266f146482ec151801829cf4a",class:"nylas-selected-event-card__time",part:"nsec__time"},this.startTime," - ",this.endTime)),n("div",{key:"669460a8c5f3f764509c35af5b02e4d678d003e3",class:"event-timezone",part:"nsec__timezone"},n("globe-icon",{key:"4a0ea54690d4b6cf67bacb86bd8c5c17e8d8f473"}),x[this.selectedTimezone]))}get host(){return a(this)}};Le([r({name:"nylas-selected-event-card",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"]]),eventToProps:{},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),Re("design:type",Function),Re("design:paramtypes",[]),Re("design:returntype",void 0)],Be.prototype,"render",null);Be.style=ze;const Te=":host{display:block;height:calc(100% - 48px)}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}";const Ee=Te;var De=undefined&&undefined.__decorate\|\|function(e,t,n,i){var a=arguments.length,o=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,n):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)if(r=e[s])o=(a<3?r(o):a>3?r(t,n,o):r(t,n))\|\|o;return a>3&&o&&Object.defineProperty(t,n,o),o};var Ie=undefined&&undefined.__metadata\|\|function(e,t){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(e,t)};const Se=class{constructor(n){e(this,n);this.timeslotSelected=t(this,"timeslotSelected",7);this.timeslotConfirmed=t(this,"timeslotConfirmed",7);this.handleConfirmedTimeslot=async(e,t)=>{e.preventDefault();s(`[nylas-timeslot-picker] Confirm timeslot`,t);this.timeslotConfirmed.emit(t)};this.handleMouseEnter=e=>{this.hoveredTimeslotIndex=e};this.handleMouseLeave=()=>{this.hoveredTimeslotIndex=-1};this.availability=undefined;this.isLoading=undefined;this.themeConfig=undefined;this.selectedTimeslot=undefined;this.selectedTimezone=Intl.DateTimeFormat().resolvedOptions().timeZone;this.selectedDate=new Date;this.selectedLanguage=undefined;this.times=[];this.hoveredTimeslotIndex=undefined;this.selectedTimeslotIndex=undefined}selectedLanguageChanged(e){l.changeLanguage(e)}selectedDateChanged(e){s(`[nylas-timeslot-picker] Selected date changed`,{newVal:e});if(e){this.selectedTimeslotIndex="";if(typeof e!=="undefined"){const t=this.availability?.filter((t=>m(t.start_time,e))).map((e=>e));this.times=t\|\|[]}}}availabilityChanged(e){s(`[nylas-timeslot-picker] Available times changed`,{newVal:e,selectedDate:this.selectedDate});if(typeof e!=="undefined"){const t=e?.filter((e=>this.selectedDate&&m(e.start_time,this.selectedDate))).map((e=>e));this.times=t\|\|[]}}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){s(`[nylas-timeslot-picker] Component will load`,{selectedDate:this.selectedDate,availability:this.availability,times:this.times})}async componentDidLoad(){s(`[nylas-timeslot-picker] Component did load`);const e=this.availability?.filter((e=>this.selectedDate&&m(e.start_time,this.selectedDate))).map((e=>e));this.times=e\|\|[];this.applyThemeConfig(this.themeConfig)}applyThemeConfig(e){if(e){for(const[t,n]of Object.entries(e)){this.host.style.setProperty(`${t}`,n)}}}getTimeslotId(e,t){return`${e.toLocaleDateString()}-${t}`}onClickSelectTime(e,t){s(`[nylas-timeslot-picker] Time selected`,e,t);this.selectedTimeslotIndex=this.getTimeslotId(e.start_time,t);this.timeslotSelected.emit({start_time:e.start_time,end_time:e.end_time,emails:e.emails})}getTimeSlotLabel(e){const t=new Intl.DateTimeFormat("en-US",{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone});return`${t.format(e.start_time)} - ${t.format(e.end_time)}`}render(){if(this.isLoading){return n(i,null,n("div",{class:"loading"},new Array(6).fill(0).map(((e,t)=>n("div",{class:"timeslot-skeleton",style:{animationDelay:`${t20}ms`}})))))}if(this.availability&&this.availability.length===0){return n(i,null,n("div",{class:"empty"},n("span",null,"No dates available")))}if((!this.times\|\|this.times.length===0)&&!!this.selectedDate){return n(i,null,n("div",{class:"empty"},n("span",null,"No time slots available for selected date")))}if(!this.selectedDate)return n(i,null);return n(i,{part:"ntp"},n("div",{class:"time-picker-wrapper"},n("div",{class:"timeslots"},this.times.map(((e,t)=>n("button",{part:`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime()===e.start_time.getTime()?"ntp__timeslot--selected":""}`,"aria-role":"button",class:{time:true,selected:typeof this.selectedTimeslot!=="undefined"&&this.selectedTimeslot?.start_time?.getTime()===e.start_time.getTime()},onClick:()=>this.onClickSelectTime(e,t),onMouseEnter:()=>this.handleMouseEnter(t),onMouseLeave:()=>this.handleMouseLeave()},this.hoveredTimeslotIndex==t\|\|this.selectedTimeslotIndex==this.getTimeslotId(e.start_time,t)?this.getTimeSlotLabel(e):e.start_time.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",timeZone:this.selectedTimezone}))))),this.selectedTimeslot&&n("div",{class:"footer"},n("button-component",{variant:"primary",onClick:e=>this.handleConfirmedTimeslot(e,this.selectedTimeslot),part:"ntp__button-primary"},n("slot",{name:"timeslot-picker-cta-label"},l.t("nextButton"))))))}get host(){return a(this)}static get watchers(){return{selectedLanguage:["selectedLanguageChanged"],selectedDate:["selectedDateChanged"],availability:["availabilityChanged"]}}};De([r({name:"nylas-timeslot-picker",stateToProps:new Map([["scheduler.selectedDate","selectedDate"],["scheduler.availability","availability"],["scheduler.selectedTimeslot","selectedTimeslot"],["scheduler.selectedTimezone","selectedTimezone"],["scheduler.selectedLanguage","selectedLanguage"],["scheduler.isLoading","isLoading"]]),eventToProps:{timeslotSelected:async(e,t)=>{s("nylas-timeslot-picker","timeslotSelected",e.detail);t.scheduler.selectTime(e.detail)},timeslotConfirmed:async(e,t)=>{s("nylas-timeslot-picker","timeslotConfirmed",e.detail);if(e.detail){t.scheduler.toggleAdditionalData(true)}}},localPropsToProp:new Map([["themeConfig","themeConfig"]]),fireRegisterEvent:true}),Ie("design:type",Function),Ie("design:paramtypes",[]),Ie("design:returntype",void 0)],Se.prototype,"render",null);Se.style=Ee;export{R as nylas_booked_event_card,S as nylas_booking_form,H as nylas_cancel_booking_form,N as nylas_cancelled_event_card,G as nylas_confirmed_event_card,ce as nylas_date_picker,pe as nylas_locale_switch,me as nylas_logo,ve as nylas_notification,_e as nylas_organizer_confirmation_card,Be as nylas_selected_event_card,Se as nylas_timeslot_picker};
2	+ //# sourceMappingURL=p-2e7f0f20.entry.js.map