@nylas/web-elements 2.5.15 → 2.5.17

package/dist/components/{p-FBEildbE.js.map → p-BBxu-pwN.js.map}

@@ -1 +1 @@
-{"file":"p-FBEildbE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.scss?tag=nylas-event-timeslot&encapsulation=shadow","src/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/buttons' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\ndiv.nylas-event-timeslot {\n  label {\n    display: flex;\n    align-items: center;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n  }\n\n  div.date-time-input {\n    div.date-time-picker {\n      display: flex;\n      gap: 32px;\n\n      @media #{$mobile} {\n        flex-direction: column;\n        gap: 16px;\n      }\n\n      nylas-date-component {\n        width: 224px;\n\n        @media #{$mobile} {\n          width: 100%;\n        }\n        &:not(.error) {\n          &::part(ic__date) {\n            border-color: var(--nylas-base-200);\n          }\n        }\n        &::part(ic__date) {\n          height: 50px;\n        }\n      }\n\n      div.time-range {\n        display: flex;\n        gap: 8px;\n        align-items: flex-start;\n\n        span {\n          margin: 12px 0 0 6px;\n          display: inline-flex;\n          align-items: flex-start;\n        }\n\n        @media #{$mobile} {\n          display: grid;\n          grid-template-columns: 1fr 20px 1fr;\n\n          nylas-time-window-picker {\n            &::part(time-picker) {\n              width: -webkit-fill-available;\n            }\n\n            &::part(time-input) {\n              width: calc(100% - 8px);\n            }\n          }\n        }\n      }\n\n      select-dropdown {\n        width: fit-content;\n\n        &::part(sd_dropdown) {\n          position: relative;\n        }\n\n        &::part(sd_dropdown-button) {\n          border: none;\n          padding: 14px;\n          justify-content: flex-start;\n\n          &:hover {\n            border: none;\n            outline: none;\n            color: var(--nylas-primary);\n          }\n        }\n\n        @media #{$mobile} {\n          width: -webkit-fill-available;\n\n          &::part(sd_dropdown-button-selected-label) {\n            max-width: fit-content;\n          }\n\n          &::part(sd_dropdown-content) {\n            right: unset;\n            width: unset;\n          }\n        }\n      }\n    }\n\n    div.recurrence-options {\n      margin: 8px 0;\n\n      select-dropdown {\n        &::part(sd_dropdown) {\n          position: relative;\n        }\n\n        &::part(sd_dropdown-button) {\n          width: fit-content;\n          padding: 14px;\n          border-color: var(--nylas-base-200);\n\n          &:hover {\n            color: var(--nylas-primary);\n          }\n        }\n\n        &::part(sd_dropdown-content) {\n          width: fit-content;\n        }\n\n        &::part(sd_dropdown-button-selected-label) {\n          max-width: 100%;\n          width: fit-content;\n          font-size: 16px;\n        }\n\n        @media #{$mobile} {\n          width: -webkit-fill-available;\n\n          &::part(sd_dropdown-button-selected-label) {\n            max-width: 254px;\n            width: fit-content;\n          }\n\n          &::part(sd_dropdown-content) {\n            right: unset;\n            width: unset;\n          }\n        }\n\n        @media #{$x-small-mobile} {\n          &::part(sd_dropdown-button-selected-label) {\n            max-width: 240px;\n          }\n        }\n      }\n\n      div.custom-recurrence-time-period,\n      div.recurrence-type,\n      div.recurrence-end {\n        display: grid;\n        align-items: center;\n        gap: 16px;\n        grid-template-columns: 128px 1fr;\n        margin-bottom: 8px;\n        select-dropdown::part(sd_dropdown-button) {\n          border-color: var(--nylas-base-200);\n        }\n\n        @media #{$mobile} {\n          grid-template-columns: 1fr;\n          gap: 4px;\n          margin: 16px 0;\n        }\n\n        time-period-selector::part(id_dropdown-input) {\n          padding: 16px;\n        }\n        time-period-selector input-dropdown {\n          &:hover {\n            border: 1px solid var(--nylas-primary);\n            outline: 1px solid transparent;\n          }\n        }\n      }\n\n      div.repeat-on {\n        div.days {\n          margin: 16px 0;\n          display: flex;\n          gap: 16px;\n          align-items: center;\n\n          div.buttons {\n            display: flex;\n            gap: 8px;\n            margin: 8px 0;\n\n            button {\n              border-radius: 50%;\n              border: none;\n              height: 24px;\n              width: 24px;\n              color: var(--nylas-base-800);\n              cursor: pointer;\n              background: var(--nylas-base-100);\n\n              &:hover {\n                background-color: var(--nylas-base-500);\n                color: var(--nylas-base-0);\n              }\n\n              &.selected {\n                background-color: var(--nylas-primary);\n                color: var(--nylas-base-0);\n              }\n\n              &:active {\n                background-color: var(--nylas-base-600);\n                color: var(--nylas-base-0);\n              }\n            }\n          }\n        }\n\n        div.days,\n        div.custom-recurrence-ends,\n        div.month-recurrence {\n          display: grid;\n          align-items: center;\n          gap: 16px;\n          grid-template-columns: 128px 1fr;\n\n          @media #{$mobile} {\n            grid-template-columns: 1fr;\n            gap: 4px;\n            margin: 16px 0;\n          }\n        }\n\n        div.custom-recurrence-ends {\n          #custom-recurrence-end-type {\n            &::part(sd_dropdown-button) {\n              padding: 16px;\n            }\n          }\n        }\n\n        div.custom-recurrence {\n          display: flex;\n          gap: 16px;\n          align-items: baseline;\n\n          @media #{$mobile} {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 0;\n          }\n\n          div.custom-recurrence-end-after {\n            display: flex;\n            gap: 8px;\n            align-items: center;\n\n            @media #{$mobile} {\n              flex-direction: column;\n              align-items: flex-start;\n            }\n            #recurrence-end-after {\n              &::part(netimeslot__input-textfield),\n              &::part(ic__input) {\n                border-color: var(--nylas-base-200);\n              }\n            }\n          }\n\n          nylas-date-component::part(ic__date) {\n            padding: 0 16px;\n            height: 52px;\n            border: 1px solid var(--nylas-base-200);\n          }\n        }\n      }\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, generateRRule, getTimezoneOffset } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE, TIMEZONE_MAP } from '@/common/constants';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\nimport { User } from '@/common/nylas-api-request';\nimport { ThemeConfig } from '@nylas/core';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nconst periodMap = {\n  day: 'daily',\n  week: 'weekly',\n  month: 'monthly',\n  year: 'yearly',\n};\n\ntype RepeatEndType = 'never' | 'on' | 'after';\ntype RecurrenceType = 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'custom';\n\n/**\n * The `nylas-event-timeslot` component is a UI component that allows users to select the event type for the scheduler configuration.\n */\n@Component({\n  tag: 'nylas-event-timeslot',\n  styleUrl: 'nylas-event-timeslot.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventTimeslot {\n  @Element() host!: HTMLNylasEventTimeslotElement;\n\n  /**\n   * @standalone\n   * The name of the component\n   */\n  @Prop() name: string = 'event-timeslot';\n  /**\n   * The initial value of the event timeslot.\n   */\n  @Prop() initialValue?: {\n    when: {\n      start_time: number;\n      end_time: number;\n      start_timezone: string;\n      end_timezone: string;\n    };\n    recurrence: string[];\n  };\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The current user.\n   */\n  @Prop() currentUser?: User;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The selected date.\n   */\n  @State() selectedDate!: string;\n\n  /**\n   * The selected start time.\n   */\n  @State() selectedStartTime!: string;\n\n  /**\n   * The selected end time.\n   */\n  @State() selectedEndTime!: string;\n\n  /**\n   * The timezone.\n   */\n  @State() selectedTimezone!: string;\n\n  /**\n   * The selected recurrence type.\n   */\n  @State() selectedRecurrenceType!: RecurrenceType;\n\n  /**\n   * Time range error.\n   */\n  @State() timeRangeError: boolean = false;\n\n  /**\n   * The selected rrule.\n   */\n  @State() selectedRrule!: string | null;\n\n  /**\n   * Recurrence options.\n   */\n  @State() recurrenceOptions: { label: string; value: string }[] = [];\n  /**\n   * Repeat every frequency.\n   */\n  @State() repeatEveryInterval: number = 1;\n  /**\n   * Repeat every period.\n   */\n  @State() repeatEveryFrequency: string = 'week';\n  /**\n   * Repeat on days.\n   */\n  @State() repeatOnDays: string[] = [];\n  /**\n   * Repeat monthly on.\n   */\n  @State() repeatMonthlySameDate: boolean = true;\n  /**\n   * Repeat end type.\n   */\n  @State() repeatEndType: RepeatEndType = 'never';\n  /**\n   * Repeat end after.\n   */\n  @State() repeatEndAfter: number = 1;\n  /**\n   * Repeat end on (custom recurrence).\n   */\n  @State() repeatEndOn: string | undefined;\n  /**\n   * Month recurrence options.\n   */\n  @State() monthRecurrenceOptions: { label: string; value: string }[] = [];\n  /**\n   * The end date for recurrence (non-custom recurrence).\n   */\n  @State() endDate: string | undefined;\n\n  /**\n   * The flag to indicate if the date input is in error state.\n   */\n  @State() hasDateTimeInputError: boolean = false;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * This event is fired when the value of the event location changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  /**\n   * This event is fired when the value of the event timeslot changes.\n   */\n  @Event() timeWindowFormError!: EventEmitter<{\n    key: string;\n    message: string;\n    uniqueIdentifier?: string;\n  }>;\n\n  /**\n   * This event is fired when the value of the event timeslot changes.\n   */\n  @Event() dateTimeInputError!: EventEmitter<{\n    key: string;\n    message: string;\n  }>;\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-event-timeslot', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-timeslot', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-timeslot', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-timeslot', 'componentDidLoad');\n\n    // Set defaults from initialValue or fallback to current values\n    if (this.initialValue) {\n      const { when, recurrence } = this.initialValue;\n\n      if (when) {\n        this.selectedDate = dayjs.unix(when.start_time).tz(when.start_timezone).format('YYYY-MM-DD');\n        this.selectedStartTime = dayjs.unix(when.start_time).tz(when.start_timezone).format('hh:mma');\n        this.selectedEndTime = dayjs.unix(when.end_time).tz(when.end_timezone).format('hh:mma');\n        this.selectedTimezone = when.start_timezone;\n      } else {\n        this.selectedDate = new Date().toISOString().split('T')[0];\n        const defaultTimes = this.getSuggestedTime();\n        this.selectedStartTime = defaultTimes.startTime;\n        this.selectedEndTime = defaultTimes.endTime;\n        this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n      }\n\n      if (recurrence && recurrence.length > 0) {\n        this.selectedRrule = recurrence[0];\n        const repeatEndAfter = recurrence[0]?.split(';')?.find(s => s.includes('COUNT'));\n        if (repeatEndAfter) {\n          this.repeatEndAfter = parseInt(repeatEndAfter.split('=')[1]);\n        }\n        const daysString = recurrence[0]?.split(';')?.find(s => s.includes('BYDAY'));\n        if (daysString) {\n          this.repeatOnDays = daysString.split('=')[1].split(',');\n        }\n        const until = recurrence[0]?.split(';')?.find(s => s.includes('UNTIL'));\n        if (until) {\n          const untilDate = dayjs(until.split('=')[1], 'YYYYMMDDTHHmmss').toDate();\n          this.repeatEndOn = dayjs(untilDate).toISOString().split('T')[0];\n          this.repeatEndType = 'on';\n        }\n        const recurrenceType = this.getRecurrenceTypeFromRrule(recurrence[0]);\n        this.selectedRecurrenceType = recurrenceType || 'none';\n      } else {\n        this.selectedRecurrenceType = 'none';\n        this.selectedRrule = generateRRule(this.selectedDate, this.selectedRecurrenceType, undefined, undefined, this.selectedTimezone);\n      }\n    } else {\n      this.selectedDate = new Date().toISOString().split('T')[0];\n      const defaultTimes = this.getSuggestedTime();\n      this.selectedStartTime = defaultTimes.startTime;\n      this.selectedEndTime = defaultTimes.endTime;\n      this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n      this.selectedRecurrenceType = 'none';\n      this.selectedRrule = generateRRule(this.selectedDate, this.selectedRecurrenceType, undefined, undefined, this.selectedTimezone);\n    }\n\n    this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n    this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n\n    // Trigger initial value change\n    this.handleValueChanged(true);\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-event-timeslot', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  // Utility function to get the ordinal suffix (e.g., 1st, 2nd, 3rd)\n  getOrdinalSuffix(n) {\n    const s = ['th', 'st', 'nd', 'rd'];\n    const v = n % 100;\n    return n + (s[(v - 20) % 10] || s[v] || s[0]);\n  }\n\n  getRecurrenceTypeFromRrule(rrule: string): RecurrenceType | undefined {\n    if (rrule.includes('INTERVAL')) return 'custom';\n    if (rrule.includes('FREQ=DAILY')) return 'daily';\n    if (rrule.includes('FREQ=WEEKLY')) return 'weekly';\n    if (rrule.includes('FREQ=MONTHLY')) return 'monthly';\n    if (rrule.includes('FREQ=YEARLY')) return 'yearly';\n    return undefined;\n  }\n\n  // Function to generate dynamic recurrence options\n  generateRecurrenceOptions(selectedDate: string, timezoneStr: string) {\n    const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n\n    // Parse the date in the given timezone\n    const selectedDay = dayjs.tz(selectedDate, timezoneStr);\n\n    const dayOfWeek = daysOfWeek[selectedDay.day()]; // Get the day of the week (e.g., Thursday)\n\n    // Determine the occurrence of the day in the month (e.g., 1st, 2nd, etc.)\n    const date = selectedDay.date();\n    const occurrenceInMonth = Math.ceil(date / 7); // e.g., 1st Thursday\n\n    // Generate options\n    return [\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.none'), value: 'none' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.daily'), value: 'daily' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.weekly', { dayOfWeek: dayOfWeek }), value: 'weekly' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.monthly', { dayOfMonth: `${this.getOrdinalSuffix(occurrenceInMonth)} ${dayOfWeek}` }), value: 'monthly' },\n      {\n        label: i18next.t('nylasEventTimeslot.recurrenceOptions.yearly', { dateOfMonth: `${selectedDay.format('MMMM D')}` }),\n        value: 'yearly',\n      },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.custom'), value: 'custom' },\n    ];\n  }\n\n  // Function to generate dynamic month recurrence options\n  getMonthRecurrenceOptions(selectedDate: string, timezoneStr: string) {\n    const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n\n    const selectedDay = dayjs.tz(selectedDate, timezoneStr);\n    const dayOfWeek = daysOfWeek[selectedDay.day()]; // Get the day of the week (e.g., Thursday)\n    const date = selectedDay.date();\n    const occurrenceInMonth = Math.ceil(date / 7);\n\n    return [\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.monthOnDay', { date: date }), value: 'monthly-same-date' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.monthly', { dayOfMonth: `${this.getOrdinalSuffix(occurrenceInMonth)} ${dayOfWeek}` }), value: 'monthly' },\n    ];\n  }\n\n  // Function to get the default suggested time shown in the time range picker\n  getSuggestedTime() {\n    const now = dayjs();\n\n    // Round current time to the next 30-minute increment\n    const minutes = now.minute();\n    const roundedMinutes = minutes <= 30 ? 30 : 60;\n    const startTime = now.set('minute', roundedMinutes).set('second', 0);\n\n    // Calculate end time (30 minutes after start time)\n    const endTime = startTime.add(30, 'minute');\n\n    // Format the times in \"hh:mma\" format\n    return {\n      startTime: startTime.format('hh:mma'), // e.g., \"03:00pm\"\n      endTime: endTime.format('hh:mma'), // e.g., \"03:30pm\"\n    };\n  }\n\n  getTimezoneLabelHTML(timezone: string) {\n    const offset = getTimezoneOffset(timezone);\n    return (\n      <span\n        class=\"timezone-label\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '-webkit-fill-available',\n        }}\n      >\n        {TIMEZONE_MAP[timezone]}{' '}\n        <span\n          class=\"timezone-offset\"\n          style={{\n            fontSize: '14px',\n            fontWeight: '400',\n            color: 'var(--nylas-base-500)',\n          }}\n        >\n          {offset}\n        </span>\n      </span>\n    );\n  }\n\n  // Function to check if the start time is after the end time (used for validation)\n  isStartTimeAfterEndTime(startTime: string, endTime: string): boolean {\n    // Parse the times using Day.js\n    const start = dayjs(startTime, 'hh:mma');\n    const end = dayjs(endTime, 'hh:mma');\n\n    // Compare start and end times\n    return start.isAfter(end);\n  }\n\n  isStartTimeEqualToEndTime(startTime: string, endTime: string): boolean {\n    const start = dayjs(startTime, 'hh:mma');\n    const end = dayjs(endTime, 'hh:mma');\n    return start.isSame(end);\n  }\n\n  isStartTimeBeforeCurrentDate(date: string, startTime: string, timezone: string): boolean {\n    const dateTime = dayjs.tz(`${date} ${startTime}`, 'YYYY-MM-DD hh:mma', timezone);\n    return dateTime.isBefore(dayjs());\n  }\n\n  validateDateTimeInput(date: string, startTime: string, timezone: string): { isValid: boolean; errorMessage: string } {\n    const dateTimeWithStartTime = dayjs.tz(`${date} ${startTime}`, 'YYYY-MM-DD hh:mma', timezone);\n    const isInPast = dateTimeWithStartTime.isBefore(dayjs());\n\n    return {\n      isValid: !isInPast,\n      errorMessage: isInPast ? i18next.t('nylasEventTimeslot.errors.startTimeBeforeCurrentDate') : '',\n    };\n  }\n\n  // Function to get the start and end times in Unix timestamp format (used in the valueChanged event)\n  getStartAndEndTimes() {\n    const start_time = dayjs.tz(`${this.selectedDate} ${this.selectedStartTime}`, 'YYYY-MM-DD hh:mma', this.selectedTimezone).toDate();\n    const end_time = dayjs.tz(`${this.selectedDate} ${this.selectedEndTime}`, 'YYYY-MM-DD hh:mma', this.selectedTimezone).toDate();\n\n    return {\n      start_time: Math.round(start_time.getTime() / 1000),\n      end_time: Math.round(end_time.getTime() / 1000),\n    };\n  }\n\n  // Function to get the custom options for the RRule\n  getCustomOptions() {\n    if (this.selectedRecurrenceType !== 'custom') {\n      return undefined;\n    }\n\n    const repeatFreq = periodMap[this.repeatEveryFrequency];\n\n    return {\n      frequency: repeatFreq,\n      interval: this.repeatEveryInterval,\n      daysOfWeek: this.repeatEveryFrequency === 'week' ? this.repeatOnDays : undefined,\n      monthlySameDate: this.repeatEveryFrequency === 'month' ? this.repeatMonthlySameDate : undefined,\n      end: {\n        type: this.repeatEndType,\n        count: this.repeatEndType === 'after' ? this.repeatEndAfter : undefined,\n        date: this.repeatEndType === 'on' ? this.repeatEndOn : undefined,\n      },\n    };\n  }\n\n  handleValueChanged(noValue: boolean = false) {\n    const customOptions = this.getCustomOptions();\n    this.selectedRrule = generateRRule(this.selectedDate, this.selectedRecurrenceType, this.repeatEndOn, customOptions, this.selectedTimezone);\n    const { start_time, end_time } = this.getStartAndEndTimes();\n    const internalsObj = {\n      when: {\n        start_time: start_time,\n        end_time: end_time,\n        start_timezone: this.selectedTimezone,\n        end_timezone: this.selectedTimezone,\n      },\n      recurrence: this.selectedRrule ? [this.selectedRrule] : [],\n    };\n    this.internals.setFormValue(JSON.stringify(internalsObj), this.name);\n    if (!noValue) {\n      this.valueChanged.emit({\n        value: JSON.stringify(internalsObj),\n        name: this.name,\n      });\n    }\n  }\n\n  // Listeners\n  @Listen('timeChange')\n  setTime(event: CustomEvent<{ key: string; value: string }>) {\n    const { key, value } = event.detail;\n    if (key === 'event-timeslot-start-time') {\n      this.selectedStartTime = value;\n    } else if (key === 'event-timeslot-end-time') {\n      this.selectedEndTime = value;\n    }\n    const validateStartTimeAfterEndTime = this.isStartTimeAfterEndTime(this.selectedStartTime, this.selectedEndTime);\n    const validateStartTimeEqualToEndTime = this.isStartTimeEqualToEndTime(this.selectedStartTime, this.selectedEndTime);\n\n    // Update the validation to use the validation method\n    const validation = this.validateDateTimeInput(this.selectedDate, this.selectedStartTime, this.selectedTimezone);\n    const validateStartTimeBeforeCurrentDate = !validation.isValid;\n\n    this.timeRangeError = validateStartTimeAfterEndTime || validateStartTimeEqualToEndTime || validateStartTimeBeforeCurrentDate;\n    let error = '';\n    if (validateStartTimeAfterEndTime) {\n      error = i18next.t('nylasEventTimeslot.errors.invalidTimeRange');\n    } else if (validateStartTimeEqualToEndTime) {\n      error = i18next.t('nylasEventTimeslot.errors.startTimeSameAsEndTime');\n    } else if (validateStartTimeBeforeCurrentDate) {\n      error = validation.errorMessage;\n    } else {\n      error = '';\n    }\n    this.timeWindowFormError.emit({\n      key: this.name,\n      message: error,\n      uniqueIdentifier: 'time-range',\n    });\n    if (error) {\n      return;\n    }\n\n    this.handleValueChanged();\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: RecurrenceType | RepeatEndType | string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'timezone') {\n      this.selectedTimezone = value;\n      const date = dayjs(this.selectedDate);\n      const validation = this.validateDateTimeInput(date.format('YYYY-MM-DD'), this.selectedStartTime, this.selectedTimezone);\n\n      this.hasDateTimeInputError = !validation.isValid;\n      this.dateTimeInputError.emit({\n        key: this.name,\n        message: validation.errorMessage,\n      });\n\n      if (!validation.isValid) {\n        return;\n      }\n    } else if (name === 'recurrence-type') {\n      this.selectedRecurrenceType = value as RecurrenceType;\n    } else if (name === 'month-recurrence-type') {\n      this.repeatMonthlySameDate = value === 'monthly-same-date';\n    } else if (name === 'custom-recurrence-end-type') {\n      this.repeatEndType = value as RepeatEndType;\n    }\n\n    this.handleValueChanged();\n  }\n\n  @Listen('nylasFormInputChanged')\n  nylasFormInputChangedHandler(event: CustomEvent<{ value: string; name: string; error?: string }>) {\n    const { name, value } = event.detail;\n    if (name === 'date-time-input') {\n      const date = dayjs(value);\n      const validation = this.validateDateTimeInput(date.format('YYYY-MM-DD'), this.selectedStartTime, this.selectedTimezone);\n\n      this.hasDateTimeInputError = !validation.isValid;\n      this.dateTimeInputError.emit({\n        key: this.name,\n        message: validation.errorMessage,\n      });\n\n      if (!validation.isValid) {\n        return;\n      }\n\n      this.selectedDate = date.format('YYYY-MM-DD');\n      this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n      this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n    } else if (name === 'recurrence-end-date' || name === 'custom-recurrence-end-date') {\n      const error = event.detail?.error || '';\n      this.timeWindowFormError.emit({\n        key: this.name,\n        message: error,\n        uniqueIdentifier: name,\n      });\n      this.repeatEndOn = value;\n    } else if (name === 'recurrence-end-after') {\n      const parsedValue = parseInt(value);\n      if (parsedValue < 1 || isNaN(parsedValue)) {\n        this.timeWindowFormError.emit({\n          key: this.name,\n          message: i18next.t('fixFormErrors'),\n        });\n        return;\n      }\n      this.repeatEndAfter = parsedValue;\n    }\n\n    this.handleValueChanged();\n  }\n\n  @Listen('timePeriodChanged')\n  timePeriodChangedHandler(event: CustomEvent<{ number: number; period: 'day' | 'week' | 'month' | 'year' }>) {\n    const { number, period } = event.detail;\n    this.repeatEveryInterval = number;\n    this.repeatEveryFrequency = period;\n\n    if (period === 'month') {\n      this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n    }\n\n    this.handleValueChanged();\n  }\n\n  @RegisterComponent<NylasEventTimeslot, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-timeslot',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.currentUser', 'currentUser'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {\n      valueChanged: async (event: CustomEvent<{ value: string; name: string }>, _nylasConnector: NylasSchedulerConfigConnector) => {\n        debug('nylas-event-timeslot', 'valueChanged', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const icloudProvider = this.currentUser?.provider === 'icloud';\n    const defaultRecurrenceOption = this.recurrenceOptions.find(option => option.value === this.selectedRecurrenceType);\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      labelHTML: this.getTimezoneLabelHTML(key),\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.selectedTimezone);\n    const endOptions = [\n      { label: i18next.t('nylasEventTimeslot.customRecurrence.endsOptions.never'), value: 'never' },\n      { label: i18next.t('nylasEventTimeslot.customRecurrence.endsOptions.on'), value: 'on' },\n      { label: i18next.t('nylasEventTimeslot.customRecurrence.endsOptions.after'), value: 'after' },\n    ];\n    const defaultEndOnDate = dayjs(this.selectedDate).add(1, 'year').toISOString().split('T')[0];\n    const defaultEndAfter = this.repeatEveryFrequency === 'week' ? 4 : this.repeatEveryFrequency === 'month' ? 12 : 5;\n    this.repeatEndOn = this.repeatEndOn || defaultEndOnDate;\n    this.repeatEndAfter = this.repeatEndAfter || defaultEndAfter;\n    const today = dayjs().tz(this.selectedTimezone);\n    return (\n      <Host>\n        <div class=\"nylas-event-timeslot\" part=\"netimeslot\">\n          <label htmlFor=\"date-time-input\">{i18next.t('nylasEventTimeslot.dateTimeLabel')}</label>\n          <div class=\"date-time-input\" part=\"netimeslot__date-time-input\">\n            <div class=\"date-time-picker\" part=\"netimeslot__date-time-picker\">\n              <nylas-date-component\n                minDate={dayjs().tz(this.selectedTimezone).toISOString().split('T')[0]}\n                name=\"date-time-input\"\n                defaultValue={this.selectedDate}\n                id={'date-time-input'}\n                class={{ error: this.hasDateTimeInputError }}\n                required={true}\n                hasError={this.hasDateTimeInputError}\n                themeConfig={this.themeConfig}\n              ></nylas-date-component>\n              <div class=\"time-range\" part=\"netimeslot__time-range\">\n                <nylas-time-window-picker\n                  id={'event-timeslot-start-time'}\n                  hasError={this.timeRangeError}\n                  time={this.selectedStartTime}\n                  language={this.selectedLanguage}\n                  name={'event-timeslot-start-time'}\n                  key={'event-timeslot-start-time'}\n                  themeConfig={this.themeConfig}\n                  exportparts=\"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times\"\n                />\n                <span>&ndash;</span>\n                <nylas-time-window-picker\n                  id={'event-timeslot-end-time'}\n                  hasError={this.timeRangeError}\n                  time={this.selectedEndTime}\n                  language={this.selectedLanguage}\n                  name={'event-timeslot-end-time'}\n                  key={'event-timeslot-end-time'}\n                  minimumStartTime={this.selectedStartTime}\n                  themeConfig={this.themeConfig}\n                  exportparts=\"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times\"\n                />\n              </div>\n              {selectedTimezoneOption?.label && (\n                <select-dropdown\n                  searchPlaceholder={i18next.t('search')}\n                  name=\"timezone\"\n                  exportparts=\"sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content\"\n                  options={timezoneOptions}\n                  withChevron={false}\n                  defaultSelectedOption={selectedTimezoneOption}\n                  themeConfig={this.themeConfig}\n                >\n                  <span slot=\"select-icon\">\n                    <globe-icon width=\"20\" height=\"20\" />\n                  </span>\n                </select-dropdown>\n              )}\n            </div>\n            {!icloudProvider && (\n              // iCloud provider does not support recurrence options\n              <div class=\"recurrence-options\" part=\"netimeslot__recurrence-options\">\n                {defaultRecurrenceOption && defaultRecurrenceOption?.label && (\n                  <div class=\"recurrence-type\" part=\"netimeslot__recurrence-type\">\n                    <label htmlFor=\"recurrence-type\">{i18next.t('nylasEventTimeslot.recurrenceLabel')}</label>\n                    <select-dropdown\n                      withSearch={false}\n                      id=\"recurrence-type\"\n                      name=\"recurrence-type\"\n                      options={this.recurrenceOptions}\n                      themeConfig={this.themeConfig}\n                      defaultSelectedOption={defaultRecurrenceOption}\n                      exportparts=\"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content\"\n                    ></select-dropdown>\n                  </div>\n                )}\n                {this.selectedRecurrenceType !== 'custom' && this.selectedRecurrenceType !== 'none' && (\n                  <div class=\"recurrence-end\" part=\"netimeslot__recurrence-end\">\n                    <label>{i18next.t('nylasEventTimeslot.endDate')}</label>\n                    <nylas-date-component\n                      name=\"recurrence-end-date\"\n                      minDate={today.toISOString().split('T')[0]}\n                      defaultValue={this.repeatEndOn || defaultEndOnDate}\n                      id={'recurrence-end-date'}\n                      required={true}\n                      themeConfig={this.themeConfig}\n                    ></nylas-date-component>\n                  </div>\n                )}\n\n                {this.selectedRecurrenceType === 'custom' && (\n                  <div class=\"custom-recurrence-time-period\" part=\"netimeslot__custom-recurrence\">\n                    <label htmlFor=\"\">{i18next.t('nylasEventTimeslot.customRecurrence.repeatEvery')}</label>\n                    <time-period-selector\n                      id=\"custom-recurrence-time-period\"\n                      exportparts=\"tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content\"\n                      timePeriods={[\n                        { value: 'day', label: i18next.t('timePeriod', { context: 'day' }) },\n                        { value: 'week', label: i18next.t('timePeriod', { context: 'week' }) },\n                        { value: 'month', label: i18next.t('timePeriod', { context: 'month' }) },\n                        { value: 'year', label: i18next.t('timePeriod', { context: 'year' }) },\n                      ]}\n                      themeConfig={this.themeConfig}\n                      defaultSelectedNumber={this.repeatEveryInterval}\n                      defaultSelectedPeriod={this.repeatEveryFrequency}\n                    />\n                  </div>\n                )}\n                <div class=\"repeat-on\">\n                  {this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'week' && (\n                    <div class=\"days\">\n                      <label>{i18next.t('nylasEventTimeslot.customRecurrence.repeatOn')}</label>\n                      <div class=\"buttons\">\n                        {[\n                          { label: 'S', value: 'SU', title: 'Sunday' },\n                          { label: 'M', value: 'MO', title: 'Monday' },\n                          { label: 'T', value: 'TU', title: 'Tuesday' },\n                          { label: 'W', value: 'WE', title: 'Wednesday' },\n                          { label: 'T', value: 'TH', title: 'Thursday' },\n                          { label: 'F', value: 'FR', title: 'Friday' },\n                          { label: 'S', value: 'SA', title: 'Saturday' },\n                        ].map(day => (\n                          <button\n                            class={{ selected: this.repeatOnDays.includes(day.value) }}\n                            title={day.title}\n                            onClick={() => {\n                              this.repeatOnDays = this.repeatOnDays.includes(day.value) ? this.repeatOnDays.filter(d => d !== day.value) : [...this.repeatOnDays, day.value];\n                              this.handleValueChanged();\n                            }}\n                          >\n                            {day.label}\n                          </button>\n                        ))}\n                      </div>\n                    </div>\n                  )}\n                  {this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'month' && (\n                    <div class=\"month-recurrence\">\n                      <span></span>\n                      <select-dropdown\n                        withSearch={false}\n                        id=\"month-recurrence-type\"\n                        name=\"month-recurrence-type\"\n                        options={this.monthRecurrenceOptions}\n                        themeConfig={this.themeConfig}\n                        defaultSelectedOption={this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1]}\n                        exportparts=\"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content\"\n                      ></select-dropdown>\n                    </div>\n                  )}\n                  <div class=\"custom-recurrence\">\n                    {this.selectedRecurrenceType === 'custom' && (\n                      <div class=\"custom-recurrence-ends\">\n                        <label htmlFor=\"recurrence-type\">{i18next.t('nylasEventTimeslot.customRecurrence.ends')}</label>\n                        <select-dropdown\n                          withSearch={false}\n                          id=\"custom-recurrence-end-type\"\n                          name=\"custom-recurrence-end-type\"\n                          options={endOptions}\n                          themeConfig={this.themeConfig}\n                          defaultSelectedOption={endOptions.find(option => option.value === this.repeatEndType)}\n                          exportparts=\"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content\"\n                        ></select-dropdown>\n                      </div>\n                    )}\n                    {this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'on' && (\n                      <div>\n                        <nylas-date-component\n                          name=\"custom-recurrence-end-date\"\n                          minDate={today.toISOString().split('T')[0]}\n                          defaultValue={this.repeatEndOn || defaultEndOnDate}\n                          id={'custom-recurrence-end-date'}\n                          required={true}\n                          themeConfig={this.themeConfig}\n                        ></nylas-date-component>\n                      </div>\n                    )}\n                    {this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'after' && (\n                      <div class=\"custom-recurrence-end-after\">\n                        <input-component\n                          name=\"recurrence-end-after\"\n                          id=\"recurrence-end-after\"\n                          type=\"number\"\n                          minValue={1}\n                          themeConfig={this.themeConfig}\n                          defaultValue={defaultEndAfter.toString()}\n                          exportparts=\"ic_input: netimeslot__input-textfield\"\n                        />\n                        <span>{i18next.t('nylasEventTimeslot.customRecurrence.occurrences')}</span>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BBxu-pwN.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.scss?tag=nylas-event-timeslot&encapsulation=shadow","src/components/scheduler-editor/nylas-event-timeslot/nylas-event-timeslot.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n@use '../../../common/mixins/buttons' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n  width: inherit;\n}\n\ndiv.nylas-event-timeslot {\n  label {\n    display: flex;\n    align-items: center;\n    color: var(--nylas-base-800);\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 150%;\n  }\n\n  div.date-time-input {\n    div.date-time-picker {\n      display: flex;\n      gap: 32px;\n\n      @media #{$mobile} {\n        flex-direction: column;\n        gap: 16px;\n      }\n\n      nylas-date-component {\n        width: 224px;\n\n        @media #{$mobile} {\n          width: 100%;\n        }\n        &:not(.error) {\n          &::part(ic__date) {\n            border-color: var(--nylas-base-200);\n          }\n        }\n        &::part(ic__date) {\n          height: 50px;\n        }\n      }\n\n      div.time-range {\n        display: flex;\n        gap: 8px;\n        align-items: flex-start;\n\n        span {\n          margin: 12px 0 0 6px;\n          display: inline-flex;\n          align-items: flex-start;\n        }\n\n        @media #{$mobile} {\n          display: grid;\n          grid-template-columns: 1fr 20px 1fr;\n\n          nylas-time-window-picker {\n            &::part(time-picker) {\n              width: -webkit-fill-available;\n            }\n\n            &::part(time-input) {\n              width: calc(100% - 8px);\n            }\n          }\n        }\n      }\n\n      select-dropdown {\n        width: fit-content;\n\n        &::part(sd_dropdown) {\n          position: relative;\n        }\n\n        &::part(sd_dropdown-button) {\n          border: none;\n          padding: 14px;\n          justify-content: flex-start;\n\n          &:hover {\n            border: none;\n            outline: none;\n            color: var(--nylas-primary);\n          }\n        }\n\n        @media #{$mobile} {\n          width: -webkit-fill-available;\n\n          &::part(sd_dropdown-button-selected-label) {\n            max-width: fit-content;\n          }\n\n          &::part(sd_dropdown-content) {\n            right: unset;\n            width: unset;\n          }\n        }\n      }\n    }\n\n    div.recurrence-options {\n      margin: 8px 0;\n\n      select-dropdown {\n        &::part(sd_dropdown) {\n          position: relative;\n        }\n\n        &::part(sd_dropdown-button) {\n          width: fit-content;\n          padding: 14px;\n          border-color: var(--nylas-base-200);\n\n          &:hover {\n            color: var(--nylas-primary);\n          }\n        }\n\n        &::part(sd_dropdown-content) {\n          width: fit-content;\n        }\n\n        &::part(sd_dropdown-button-selected-label) {\n          max-width: 100%;\n          width: fit-content;\n          font-size: 16px;\n        }\n\n        @media #{$mobile} {\n          width: -webkit-fill-available;\n\n          &::part(sd_dropdown-button-selected-label) {\n            max-width: 254px;\n            width: fit-content;\n          }\n\n          &::part(sd_dropdown-content) {\n            right: unset;\n            width: unset;\n          }\n        }\n\n        @media #{$x-small-mobile} {\n          &::part(sd_dropdown-button-selected-label) {\n            max-width: 240px;\n          }\n        }\n      }\n\n      div.custom-recurrence-time-period,\n      div.recurrence-type,\n      div.recurrence-end {\n        display: grid;\n        align-items: center;\n        gap: 16px;\n        grid-template-columns: 128px 1fr;\n        margin-bottom: 8px;\n        select-dropdown::part(sd_dropdown-button) {\n          border-color: var(--nylas-base-200);\n        }\n\n        @media #{$mobile} {\n          grid-template-columns: 1fr;\n          gap: 4px;\n          margin: 16px 0;\n        }\n\n        time-period-selector::part(id_dropdown-input) {\n          padding: 16px;\n        }\n        time-period-selector input-dropdown {\n          &:hover {\n            border: 1px solid var(--nylas-primary);\n            outline: 1px solid transparent;\n          }\n        }\n      }\n\n      div.repeat-on {\n        div.days {\n          margin: 16px 0;\n          display: flex;\n          gap: 16px;\n          align-items: center;\n\n          div.buttons {\n            display: flex;\n            gap: 8px;\n            margin: 8px 0;\n\n            button {\n              border-radius: 50%;\n              border: none;\n              height: 24px;\n              width: 24px;\n              color: var(--nylas-base-800);\n              cursor: pointer;\n              background: var(--nylas-base-100);\n\n              &:hover {\n                background-color: var(--nylas-base-500);\n                color: var(--nylas-base-0);\n              }\n\n              &.selected {\n                background-color: var(--nylas-primary);\n                color: var(--nylas-base-0);\n              }\n\n              &:active {\n                background-color: var(--nylas-base-600);\n                color: var(--nylas-base-0);\n              }\n            }\n          }\n        }\n\n        div.days,\n        div.custom-recurrence-ends,\n        div.month-recurrence {\n          display: grid;\n          align-items: center;\n          gap: 16px;\n          grid-template-columns: 128px 1fr;\n\n          @media #{$mobile} {\n            grid-template-columns: 1fr;\n            gap: 4px;\n            margin: 16px 0;\n          }\n        }\n\n        div.custom-recurrence-ends {\n          #custom-recurrence-end-type {\n            &::part(sd_dropdown-button) {\n              padding: 16px;\n            }\n          }\n        }\n\n        div.custom-recurrence {\n          display: flex;\n          gap: 16px;\n          align-items: baseline;\n\n          @media #{$mobile} {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 0;\n          }\n\n          div.custom-recurrence-end-after {\n            display: flex;\n            gap: 8px;\n            align-items: center;\n\n            @media #{$mobile} {\n              flex-direction: column;\n              align-items: flex-start;\n            }\n            #recurrence-end-after {\n              &::part(netimeslot__input-textfield),\n              &::part(ic__input) {\n                border-color: var(--nylas-base-200);\n              }\n            }\n          }\n\n          nylas-date-component::part(ic__date) {\n            padding: 0 16px;\n            height: 52px;\n            border: 1px solid var(--nylas-base-200);\n          }\n        }\n      }\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug, generateRRule, getTimezoneOffset } from '@/utils/utils';\nimport { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport i18next from '@/utils/i18n';\nimport { LANGUAGE_CODE, TIMEZONE_MAP } from '@/common/constants';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport utc from 'dayjs/plugin/utc';\nimport timezone from 'dayjs/plugin/timezone';\nimport { User } from '@/common/nylas-api-request';\nimport { ThemeConfig } from '@nylas/core';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(utc);\ndayjs.extend(timezone);\n\nconst periodMap = {\n  day: 'daily',\n  week: 'weekly',\n  month: 'monthly',\n  year: 'yearly',\n};\n\ntype RepeatEndType = 'never' | 'on' | 'after';\ntype RecurrenceType = 'none' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'custom';\n\n/**\n * The `nylas-event-timeslot` component is a UI component that allows users to select the event type for the scheduler configuration.\n */\n@Component({\n  tag: 'nylas-event-timeslot',\n  styleUrl: 'nylas-event-timeslot.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NylasEventTimeslot {\n  @Element() host!: HTMLNylasEventTimeslotElement;\n\n  /**\n   * @standalone\n   * The name of the component\n   */\n  @Prop() name: string = 'event-timeslot';\n  /**\n   * The initial value of the event timeslot.\n   */\n  @Prop() initialValue?: {\n    when: {\n      start_time: number;\n      end_time: number;\n      start_timezone: string;\n      end_timezone: string;\n    };\n    recurrence: string[];\n  };\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The current user.\n   */\n  @Prop() currentUser?: User;\n  /**\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: ThemeConfig;\n\n  /**\n   * The selected date.\n   */\n  @State() selectedDate!: string;\n\n  /**\n   * The selected start time.\n   */\n  @State() selectedStartTime!: string;\n\n  /**\n   * The selected end time.\n   */\n  @State() selectedEndTime!: string;\n\n  /**\n   * The timezone.\n   */\n  @State() selectedTimezone!: string;\n\n  /**\n   * The selected recurrence type.\n   */\n  @State() selectedRecurrenceType!: RecurrenceType;\n\n  /**\n   * Time range error.\n   */\n  @State() timeRangeError: boolean = false;\n\n  /**\n   * The selected rrule.\n   */\n  @State() selectedRrule!: string | null;\n\n  /**\n   * Recurrence options.\n   */\n  @State() recurrenceOptions: { label: string; value: string }[] = [];\n  /**\n   * Repeat every frequency.\n   */\n  @State() repeatEveryInterval: number = 1;\n  /**\n   * Repeat every period.\n   */\n  @State() repeatEveryFrequency: string = 'week';\n  /**\n   * Repeat on days.\n   */\n  @State() repeatOnDays: string[] = [];\n  /**\n   * Repeat monthly on.\n   */\n  @State() repeatMonthlySameDate: boolean = true;\n  /**\n   * Repeat end type.\n   */\n  @State() repeatEndType: RepeatEndType = 'never';\n  /**\n   * Repeat end after.\n   */\n  @State() repeatEndAfter: number = 1;\n  /**\n   * Repeat end on (custom recurrence).\n   */\n  @State() repeatEndOn: string | undefined;\n  /**\n   * Month recurrence options.\n   */\n  @State() monthRecurrenceOptions: { label: string; value: string }[] = [];\n  /**\n   * The end date for recurrence (non-custom recurrence).\n   */\n  @State() endDate: string | undefined;\n\n  /**\n   * The flag to indicate if the date input is in error state.\n   */\n  @State() hasDateTimeInputError: boolean = false;\n\n  /**\n   * The element internals.\n   */\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * This event is fired when the value of the event location changes.\n   */\n  @Event() valueChanged!: EventEmitter<{\n    value: string;\n    name: string;\n  }>;\n\n  /**\n   * This event is fired when the value of the event timeslot changes.\n   */\n  @Event() timeWindowFormError!: EventEmitter<{\n    key: string;\n    message: string;\n    uniqueIdentifier?: string;\n  }>;\n\n  /**\n   * This event is fired when the value of the event timeslot changes.\n   */\n  @Event() dateTimeInputError!: EventEmitter<{\n    key: string;\n    message: string;\n  }>;\n\n  // Lifecycle methods\n  connectedCallback() {\n    debug('nylas-event-timeslot', 'connectedCallback');\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    debug('nylas-event-timeslot', 'disconnectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('nylas-event-timeslot', 'componentWillLoad');\n    // See comment in the @Watch('name') decorator for more information.\n    this.host.setAttribute('name', this.name);\n  }\n\n  componentDidLoad() {\n    debug('nylas-event-timeslot', 'componentDidLoad');\n\n    // Set defaults from initialValue or fallback to current values\n    if (this.initialValue) {\n      const { when, recurrence } = this.initialValue;\n\n      if (when) {\n        this.selectedDate = dayjs.unix(when.start_time).tz(when.start_timezone).format('YYYY-MM-DD');\n        this.selectedStartTime = dayjs.unix(when.start_time).tz(when.start_timezone).format('hh:mma');\n        this.selectedEndTime = dayjs.unix(when.end_time).tz(when.end_timezone).format('hh:mma');\n        this.selectedTimezone = when.start_timezone;\n      } else {\n        this.selectedDate = new Date().toISOString().split('T')[0];\n        const defaultTimes = this.getSuggestedTime();\n        this.selectedStartTime = defaultTimes.startTime;\n        this.selectedEndTime = defaultTimes.endTime;\n        this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n      }\n\n      if (recurrence && recurrence.length > 0) {\n        this.selectedRrule = recurrence[0];\n        const repeatEndAfter = recurrence[0]?.split(';')?.find(s => s.includes('COUNT'));\n        if (repeatEndAfter) {\n          this.repeatEndAfter = parseInt(repeatEndAfter.split('=')[1]);\n        }\n        const daysString = recurrence[0]?.split(';')?.find(s => s.includes('BYDAY'));\n        if (daysString) {\n          this.repeatOnDays = daysString.split('=')[1].split(',');\n        }\n        const until = recurrence[0]?.split(';')?.find(s => s.includes('UNTIL'));\n        if (until) {\n          const untilDate = dayjs(until.split('=')[1], 'YYYYMMDDTHHmmss').toDate();\n          this.repeatEndOn = dayjs(untilDate).toISOString().split('T')[0];\n          this.repeatEndType = 'on';\n        }\n        const recurrenceType = this.getRecurrenceTypeFromRrule(recurrence[0]);\n        this.selectedRecurrenceType = recurrenceType || 'none';\n      } else {\n        this.selectedRecurrenceType = 'none';\n        this.selectedRrule = generateRRule(this.selectedDate, this.selectedRecurrenceType, undefined, undefined, this.selectedTimezone);\n      }\n    } else {\n      this.selectedDate = new Date().toISOString().split('T')[0];\n      const defaultTimes = this.getSuggestedTime();\n      this.selectedStartTime = defaultTimes.startTime;\n      this.selectedEndTime = defaultTimes.endTime;\n      this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n      this.selectedRecurrenceType = 'none';\n      this.selectedRrule = generateRRule(this.selectedDate, this.selectedRecurrenceType, undefined, undefined, this.selectedTimezone);\n    }\n\n    this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n    this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n\n    // Trigger initial value change\n    this.handleValueChanged(true);\n  }\n\n  /**\n   * When a name prop is passed, stencil does not automatically set the name attribute on the host element.\n   * Since this component is form-associated, the name attribute is required for form submission.\n   * This is a workaround to ensure that the name attribute is set on the host element.\n   */\n  @Watch('name')\n  elementNameChangedHandler(newValue: string) {\n    debug('nylas-event-timeslot', 'elementNameChangedHandler', newValue);\n    this.host.setAttribute('name', newValue);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  @Watch('themeConfig')\n  themeConfigChangedHandler(newVal: ThemeConfig, oldVal: ThemeConfig) {\n    if (newVal === oldVal) return;\n    this.applyThemeConfig(newVal);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  // Utility function to get the ordinal suffix (e.g., 1st, 2nd, 3rd)\n  getOrdinalSuffix(n) {\n    const s = ['th', 'st', 'nd', 'rd'];\n    const v = n % 100;\n    return n + (s[(v - 20) % 10] || s[v] || s[0]);\n  }\n\n  getRecurrenceTypeFromRrule(rrule: string): RecurrenceType | undefined {\n    if (rrule.includes('INTERVAL')) return 'custom';\n    if (rrule.includes('FREQ=DAILY')) return 'daily';\n    if (rrule.includes('FREQ=WEEKLY')) return 'weekly';\n    if (rrule.includes('FREQ=MONTHLY')) return 'monthly';\n    if (rrule.includes('FREQ=YEARLY')) return 'yearly';\n    return undefined;\n  }\n\n  // Function to generate dynamic recurrence options\n  generateRecurrenceOptions(selectedDate: string, timezoneStr: string) {\n    const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n\n    // Parse the date in the given timezone\n    const selectedDay = dayjs.tz(selectedDate, timezoneStr);\n\n    const dayOfWeek = daysOfWeek[selectedDay.day()]; // Get the day of the week (e.g., Thursday)\n\n    // Determine the occurrence of the day in the month (e.g., 1st, 2nd, etc.)\n    const date = selectedDay.date();\n    const occurrenceInMonth = Math.ceil(date / 7); // e.g., 1st Thursday\n\n    // Generate options\n    return [\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.none'), value: 'none' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.daily'), value: 'daily' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.weekly', { dayOfWeek: dayOfWeek }), value: 'weekly' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.monthly', { dayOfMonth: `${this.getOrdinalSuffix(occurrenceInMonth)} ${dayOfWeek}` }), value: 'monthly' },\n      {\n        label: i18next.t('nylasEventTimeslot.recurrenceOptions.yearly', { dateOfMonth: `${selectedDay.format('MMMM D')}` }),\n        value: 'yearly',\n      },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.custom'), value: 'custom' },\n    ];\n  }\n\n  // Function to generate dynamic month recurrence options\n  getMonthRecurrenceOptions(selectedDate: string, timezoneStr: string) {\n    const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n\n    const selectedDay = dayjs.tz(selectedDate, timezoneStr);\n    const dayOfWeek = daysOfWeek[selectedDay.day()]; // Get the day of the week (e.g., Thursday)\n    const date = selectedDay.date();\n    const occurrenceInMonth = Math.ceil(date / 7);\n\n    return [\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.monthOnDay', { date: date }), value: 'monthly-same-date' },\n      { label: i18next.t('nylasEventTimeslot.recurrenceOptions.monthly', { dayOfMonth: `${this.getOrdinalSuffix(occurrenceInMonth)} ${dayOfWeek}` }), value: 'monthly' },\n    ];\n  }\n\n  // Function to get the default suggested time shown in the time range picker\n  getSuggestedTime() {\n    const now = dayjs();\n\n    // Round current time to the next 30-minute increment\n    const minutes = now.minute();\n    const roundedMinutes = minutes <= 30 ? 30 : 60;\n    const startTime = now.set('minute', roundedMinutes).set('second', 0);\n\n    // Calculate end time (30 minutes after start time)\n    const endTime = startTime.add(30, 'minute');\n\n    // Format the times in \"hh:mma\" format\n    return {\n      startTime: startTime.format('hh:mma'), // e.g., \"03:00pm\"\n      endTime: endTime.format('hh:mma'), // e.g., \"03:30pm\"\n    };\n  }\n\n  getTimezoneLabelHTML(timezone: string) {\n    const offset = getTimezoneOffset(timezone);\n    return (\n      <span\n        class=\"timezone-label\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '-webkit-fill-available',\n        }}\n      >\n        {TIMEZONE_MAP[timezone]}{' '}\n        <span\n          class=\"timezone-offset\"\n          style={{\n            fontSize: '14px',\n            fontWeight: '400',\n            color: 'var(--nylas-base-500)',\n          }}\n        >\n          {offset}\n        </span>\n      </span>\n    );\n  }\n\n  // Function to check if the start time is after the end time (used for validation)\n  isStartTimeAfterEndTime(startTime: string, endTime: string): boolean {\n    // Parse the times using Day.js\n    const start = dayjs(startTime, 'hh:mma');\n    const end = dayjs(endTime, 'hh:mma');\n\n    // Compare start and end times\n    return start.isAfter(end);\n  }\n\n  isStartTimeEqualToEndTime(startTime: string, endTime: string): boolean {\n    const start = dayjs(startTime, 'hh:mma');\n    const end = dayjs(endTime, 'hh:mma');\n    return start.isSame(end);\n  }\n\n  isStartTimeBeforeCurrentDate(date: string, startTime: string, timezone: string): boolean {\n    const dateTime = dayjs.tz(`${date} ${startTime}`, 'YYYY-MM-DD hh:mma', timezone);\n    return dateTime.isBefore(dayjs());\n  }\n\n  validateDateTimeInput(date: string, startTime: string, timezone: string): { isValid: boolean; errorMessage: string } {\n    const dateTimeWithStartTime = dayjs.tz(`${date} ${startTime}`, 'YYYY-MM-DD hh:mma', timezone);\n    const isInPast = dateTimeWithStartTime.isBefore(dayjs());\n\n    return {\n      isValid: !isInPast,\n      errorMessage: isInPast ? i18next.t('nylasEventTimeslot.errors.startTimeBeforeCurrentDate') : '',\n    };\n  }\n\n  // Function to get the start and end times in Unix timestamp format (used in the valueChanged event)\n  getStartAndEndTimes() {\n    const start_time = dayjs.tz(`${this.selectedDate} ${this.selectedStartTime}`, 'YYYY-MM-DD hh:mma', this.selectedTimezone).toDate();\n    const end_time = dayjs.tz(`${this.selectedDate} ${this.selectedEndTime}`, 'YYYY-MM-DD hh:mma', this.selectedTimezone).toDate();\n\n    return {\n      start_time: Math.round(start_time.getTime() / 1000),\n      end_time: Math.round(end_time.getTime() / 1000),\n    };\n  }\n\n  // Function to get the custom options for the RRule\n  getCustomOptions() {\n    if (this.selectedRecurrenceType !== 'custom') {\n      return undefined;\n    }\n\n    const repeatFreq = periodMap[this.repeatEveryFrequency];\n\n    return {\n      frequency: repeatFreq,\n      interval: this.repeatEveryInterval,\n      daysOfWeek: this.repeatEveryFrequency === 'week' ? this.repeatOnDays : undefined,\n      monthlySameDate: this.repeatEveryFrequency === 'month' ? this.repeatMonthlySameDate : undefined,\n      end: {\n        type: this.repeatEndType,\n        count: this.repeatEndType === 'after' ? this.repeatEndAfter : undefined,\n        date: this.repeatEndType === 'on' ? this.repeatEndOn : undefined,\n      },\n    };\n  }\n\n  handleValueChanged(noValue: boolean = false) {\n    const customOptions = this.getCustomOptions();\n    this.selectedRrule = generateRRule(this.selectedDate, this.selectedRecurrenceType, this.repeatEndOn, customOptions, this.selectedTimezone);\n    const { start_time, end_time } = this.getStartAndEndTimes();\n    const internalsObj = {\n      when: {\n        start_time: start_time,\n        end_time: end_time,\n        start_timezone: this.selectedTimezone,\n        end_timezone: this.selectedTimezone,\n      },\n      recurrence: this.selectedRrule ? [this.selectedRrule] : [],\n    };\n    this.internals.setFormValue(JSON.stringify(internalsObj), this.name);\n    if (!noValue) {\n      this.valueChanged.emit({\n        value: JSON.stringify(internalsObj),\n        name: this.name,\n      });\n    }\n  }\n\n  // Listeners\n  @Listen('timeChange')\n  setTime(event: CustomEvent<{ key: string; value: string }>) {\n    const { key, value } = event.detail;\n    if (key === 'event-timeslot-start-time') {\n      this.selectedStartTime = value;\n    } else if (key === 'event-timeslot-end-time') {\n      this.selectedEndTime = value;\n    }\n    const validateStartTimeAfterEndTime = this.isStartTimeAfterEndTime(this.selectedStartTime, this.selectedEndTime);\n    const validateStartTimeEqualToEndTime = this.isStartTimeEqualToEndTime(this.selectedStartTime, this.selectedEndTime);\n\n    // Update the validation to use the validation method\n    const validation = this.validateDateTimeInput(this.selectedDate, this.selectedStartTime, this.selectedTimezone);\n    const validateStartTimeBeforeCurrentDate = !validation.isValid;\n\n    this.timeRangeError = validateStartTimeAfterEndTime || validateStartTimeEqualToEndTime || validateStartTimeBeforeCurrentDate;\n    let error = '';\n    if (validateStartTimeAfterEndTime) {\n      error = i18next.t('nylasEventTimeslot.errors.invalidTimeRange');\n    } else if (validateStartTimeEqualToEndTime) {\n      error = i18next.t('nylasEventTimeslot.errors.startTimeSameAsEndTime');\n    } else if (validateStartTimeBeforeCurrentDate) {\n      error = validation.errorMessage;\n    } else {\n      error = '';\n    }\n    this.timeWindowFormError.emit({\n      key: this.name,\n      message: error,\n      uniqueIdentifier: 'time-range',\n    });\n    if (error) {\n      return;\n    }\n\n    this.handleValueChanged();\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: RecurrenceType | RepeatEndType | string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'timezone') {\n      this.selectedTimezone = value;\n      const date = dayjs(this.selectedDate);\n      const validation = this.validateDateTimeInput(date.format('YYYY-MM-DD'), this.selectedStartTime, this.selectedTimezone);\n\n      this.hasDateTimeInputError = !validation.isValid;\n      this.dateTimeInputError.emit({\n        key: this.name,\n        message: validation.errorMessage,\n      });\n\n      if (!validation.isValid) {\n        return;\n      }\n    } else if (name === 'recurrence-type') {\n      this.selectedRecurrenceType = value as RecurrenceType;\n    } else if (name === 'month-recurrence-type') {\n      this.repeatMonthlySameDate = value === 'monthly-same-date';\n    } else if (name === 'custom-recurrence-end-type') {\n      this.repeatEndType = value as RepeatEndType;\n    }\n\n    this.handleValueChanged();\n  }\n\n  @Listen('nylasFormInputChanged')\n  nylasFormInputChangedHandler(event: CustomEvent<{ value: string; name: string; error?: string }>) {\n    const { name, value } = event.detail;\n    if (name === 'date-time-input') {\n      const date = dayjs(value);\n      const validation = this.validateDateTimeInput(date.format('YYYY-MM-DD'), this.selectedStartTime, this.selectedTimezone);\n\n      this.hasDateTimeInputError = !validation.isValid;\n      this.dateTimeInputError.emit({\n        key: this.name,\n        message: validation.errorMessage,\n      });\n\n      if (!validation.isValid) {\n        return;\n      }\n\n      this.selectedDate = date.format('YYYY-MM-DD');\n      this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n      this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n    } else if (name === 'recurrence-end-date' || name === 'custom-recurrence-end-date') {\n      const error = event.detail?.error || '';\n      this.timeWindowFormError.emit({\n        key: this.name,\n        message: error,\n        uniqueIdentifier: name,\n      });\n      this.repeatEndOn = value;\n    } else if (name === 'recurrence-end-after') {\n      const parsedValue = parseInt(value);\n      if (parsedValue < 1 || isNaN(parsedValue)) {\n        this.timeWindowFormError.emit({\n          key: this.name,\n          message: i18next.t('fixFormErrors'),\n        });\n        return;\n      }\n      this.repeatEndAfter = parsedValue;\n    }\n\n    this.handleValueChanged();\n  }\n\n  @Listen('timePeriodChanged')\n  timePeriodChangedHandler(event: CustomEvent<{ number: number; period: 'day' | 'week' | 'month' | 'year' }>) {\n    const { number, period } = event.detail;\n    this.repeatEveryInterval = number;\n    this.repeatEveryFrequency = period;\n\n    if (period === 'month') {\n      this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);\n    }\n\n    this.handleValueChanged();\n  }\n\n  @RegisterComponent<NylasEventTimeslot, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-event-timeslot',\n    stateToProps: new Map([\n      ['schedulerConfig.selectedLanguage', 'selectedLanguage'],\n      ['schedulerConfig.currentUser', 'currentUser'],\n      ['schedulerConfig.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {\n      valueChanged: async (event: CustomEvent<{ value: string; name: string }>, _nylasConnector: NylasSchedulerConfigConnector) => {\n        debug('nylas-event-timeslot', 'valueChanged', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const icloudProvider = this.currentUser?.provider === 'icloud';\n    const defaultRecurrenceOption = this.recurrenceOptions.find(option => option.value === this.selectedRecurrenceType);\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      labelHTML: this.getTimezoneLabelHTML(key),\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.selectedTimezone);\n    const endOptions = [\n      { label: i18next.t('nylasEventTimeslot.customRecurrence.endsOptions.never'), value: 'never' },\n      { label: i18next.t('nylasEventTimeslot.customRecurrence.endsOptions.on'), value: 'on' },\n      { label: i18next.t('nylasEventTimeslot.customRecurrence.endsOptions.after'), value: 'after' },\n    ];\n    const defaultEndOnDate = dayjs(this.selectedDate).add(1, 'year').toISOString().split('T')[0];\n    const defaultEndAfter = this.repeatEveryFrequency === 'week' ? 4 : this.repeatEveryFrequency === 'month' ? 12 : 5;\n    this.repeatEndOn = this.repeatEndOn || defaultEndOnDate;\n    this.repeatEndAfter = this.repeatEndAfter || defaultEndAfter;\n    const today = dayjs().tz(this.selectedTimezone);\n    return (\n      <Host>\n        <div class=\"nylas-event-timeslot\" part=\"netimeslot\">\n          <label htmlFor=\"date-time-input\">{i18next.t('nylasEventTimeslot.dateTimeLabel')}</label>\n          <div class=\"date-time-input\" part=\"netimeslot__date-time-input\">\n            <div class=\"date-time-picker\" part=\"netimeslot__date-time-picker\">\n              <nylas-date-component\n                minDate={dayjs().tz(this.selectedTimezone).toISOString().split('T')[0]}\n                name=\"date-time-input\"\n                defaultValue={this.selectedDate}\n                id={'date-time-input'}\n                class={{ error: this.hasDateTimeInputError }}\n                required={true}\n                hasError={this.hasDateTimeInputError}\n                themeConfig={this.themeConfig}\n              ></nylas-date-component>\n              <div class=\"time-range\" part=\"netimeslot__time-range\">\n                <nylas-time-window-picker\n                  id={'event-timeslot-start-time'}\n                  hasError={this.timeRangeError}\n                  time={this.selectedStartTime}\n                  language={this.selectedLanguage}\n                  name={'event-timeslot-start-time'}\n                  key={'event-timeslot-start-time'}\n                  themeConfig={this.themeConfig}\n                  exportparts=\"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times\"\n                />\n                <span>&ndash;</span>\n                <nylas-time-window-picker\n                  id={'event-timeslot-end-time'}\n                  hasError={this.timeRangeError}\n                  time={this.selectedEndTime}\n                  language={this.selectedLanguage}\n                  name={'event-timeslot-end-time'}\n                  key={'event-timeslot-end-time'}\n                  minimumStartTime={this.selectedStartTime}\n                  themeConfig={this.themeConfig}\n                  exportparts=\"time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times\"\n                />\n              </div>\n              {selectedTimezoneOption?.label && (\n                <select-dropdown\n                  searchPlaceholder={i18next.t('search')}\n                  name=\"timezone\"\n                  exportparts=\"sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content\"\n                  options={timezoneOptions}\n                  withChevron={false}\n                  defaultSelectedOption={selectedTimezoneOption}\n                  themeConfig={this.themeConfig}\n                >\n                  <span slot=\"select-icon\">\n                    <globe-icon width=\"20\" height=\"20\" />\n                  </span>\n                </select-dropdown>\n              )}\n            </div>\n            {!icloudProvider && (\n              // iCloud provider does not support recurrence options\n              <div class=\"recurrence-options\" part=\"netimeslot__recurrence-options\">\n                {defaultRecurrenceOption && defaultRecurrenceOption?.label && (\n                  <div class=\"recurrence-type\" part=\"netimeslot__recurrence-type\">\n                    <label htmlFor=\"recurrence-type\">{i18next.t('nylasEventTimeslot.recurrenceLabel')}</label>\n                    <select-dropdown\n                      withSearch={false}\n                      id=\"recurrence-type\"\n                      name=\"recurrence-type\"\n                      options={this.recurrenceOptions}\n                      themeConfig={this.themeConfig}\n                      defaultSelectedOption={defaultRecurrenceOption}\n                      exportparts=\"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content\"\n                    ></select-dropdown>\n                  </div>\n                )}\n                {this.selectedRecurrenceType !== 'custom' && this.selectedRecurrenceType !== 'none' && (\n                  <div class=\"recurrence-end\" part=\"netimeslot__recurrence-end\">\n                    <label>{i18next.t('nylasEventTimeslot.endDate')}</label>\n                    <nylas-date-component\n                      name=\"recurrence-end-date\"\n                      minDate={today.toISOString().split('T')[0]}\n                      defaultValue={this.repeatEndOn || defaultEndOnDate}\n                      id={'recurrence-end-date'}\n                      required={true}\n                      themeConfig={this.themeConfig}\n                    ></nylas-date-component>\n                  </div>\n                )}\n\n                {this.selectedRecurrenceType === 'custom' && (\n                  <div class=\"custom-recurrence-time-period\" part=\"netimeslot__custom-recurrence\">\n                    <label htmlFor=\"\">{i18next.t('nylasEventTimeslot.customRecurrence.repeatEvery')}</label>\n                    <time-period-selector\n                      id=\"custom-recurrence-time-period\"\n                      exportparts=\"tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content\"\n                      timePeriods={[\n                        { value: 'day', label: i18next.t('timePeriod', { context: 'day' }) },\n                        { value: 'week', label: i18next.t('timePeriod', { context: 'week' }) },\n                        { value: 'month', label: i18next.t('timePeriod', { context: 'month' }) },\n                        { value: 'year', label: i18next.t('timePeriod', { context: 'year' }) },\n                      ]}\n                      themeConfig={this.themeConfig}\n                      defaultSelectedNumber={this.repeatEveryInterval}\n                      defaultSelectedPeriod={this.repeatEveryFrequency}\n                    />\n                  </div>\n                )}\n                <div class=\"repeat-on\">\n                  {this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'week' && (\n                    <div class=\"days\">\n                      <label>{i18next.t('nylasEventTimeslot.customRecurrence.repeatOn')}</label>\n                      <div class=\"buttons\">\n                        {[\n                          { label: 'S', value: 'SU', title: 'Sunday' },\n                          { label: 'M', value: 'MO', title: 'Monday' },\n                          { label: 'T', value: 'TU', title: 'Tuesday' },\n                          { label: 'W', value: 'WE', title: 'Wednesday' },\n                          { label: 'T', value: 'TH', title: 'Thursday' },\n                          { label: 'F', value: 'FR', title: 'Friday' },\n                          { label: 'S', value: 'SA', title: 'Saturday' },\n                        ].map(day => (\n                          <button\n                            class={{ selected: this.repeatOnDays.includes(day.value) }}\n                            title={day.title}\n                            onClick={() => {\n                              this.repeatOnDays = this.repeatOnDays.includes(day.value) ? this.repeatOnDays.filter(d => d !== day.value) : [...this.repeatOnDays, day.value];\n                              this.handleValueChanged();\n                            }}\n                          >\n                            {day.label}\n                          </button>\n                        ))}\n                      </div>\n                    </div>\n                  )}\n                  {this.selectedRecurrenceType === 'custom' && this.repeatEveryFrequency === 'month' && (\n                    <div class=\"month-recurrence\">\n                      <span></span>\n                      <select-dropdown\n                        withSearch={false}\n                        id=\"month-recurrence-type\"\n                        name=\"month-recurrence-type\"\n                        options={this.monthRecurrenceOptions}\n                        themeConfig={this.themeConfig}\n                        defaultSelectedOption={this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1]}\n                        exportparts=\"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content\"\n                      ></select-dropdown>\n                    </div>\n                  )}\n                  <div class=\"custom-recurrence\">\n                    {this.selectedRecurrenceType === 'custom' && (\n                      <div class=\"custom-recurrence-ends\">\n                        <label htmlFor=\"recurrence-type\">{i18next.t('nylasEventTimeslot.customRecurrence.ends')}</label>\n                        <select-dropdown\n                          withSearch={false}\n                          id=\"custom-recurrence-end-type\"\n                          name=\"custom-recurrence-end-type\"\n                          options={endOptions}\n                          themeConfig={this.themeConfig}\n                          defaultSelectedOption={endOptions.find(option => option.value === this.repeatEndType)}\n                          exportparts=\"sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content\"\n                        ></select-dropdown>\n                      </div>\n                    )}\n                    {this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'on' && (\n                      <div>\n                        <nylas-date-component\n                          name=\"custom-recurrence-end-date\"\n                          minDate={today.toISOString().split('T')[0]}\n                          defaultValue={this.repeatEndOn || defaultEndOnDate}\n                          id={'custom-recurrence-end-date'}\n                          required={true}\n                          themeConfig={this.themeConfig}\n                        ></nylas-date-component>\n                      </div>\n                    )}\n                    {this.selectedRecurrenceType === 'custom' && this.repeatEndType === 'after' && (\n                      <div class=\"custom-recurrence-end-after\">\n                        <input-component\n                          name=\"recurrence-end-after\"\n                          id=\"recurrence-end-after\"\n                          type=\"number\"\n                          minValue={1}\n                          themeConfig={this.themeConfig}\n                          defaultValue={defaultEndAfter.toString()}\n                          exportparts=\"ic_input: netimeslot__input-textfield\"\n                        />\n                        <span>{i18next.t('nylasEventTimeslot.customRecurrence.occurrences')}</span>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Cx6l-C7e.js → p-BGbMXlLy.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-Bht9ktsW.js';
-import { R as RegisterComponent } from './p-CpP2uaEo.js';
-import { a as debug } from './p-BCUF1qcs.js';
+import { R as RegisterComponent } from './p-CUlV7ZGv.js';
+import { a as debug } from './p-CMNiSC4o.js';
 import { i as instance } from './p-BjxQTsOy.js';
 import { d as defineCustomElement$3 } from './p-BVH0Klhu.js';
 import { d as defineCustomElement$2 } from './p-C4BZ4XFc.js';
@@ -147,6 +147,6 @@ function defineCustomElement() {
 }
 
 export { NylasConfirmedEventCard as N, defineCustomElement as d };
-//# sourceMappingURL=p-Cx6l-C7e.js.map
+//# sourceMappingURL=p-BGbMXlLy.js.map
 
-//# sourceMappingURL=p-Cx6l-C7e.js.map
+//# sourceMappingURL=p-BGbMXlLy.js.map

package/dist/components/{p-Cx6l-C7e.js.map → p-BGbMXlLy.js.map}

@@ -1 +1 @@
-{"file":"p-Cx6l-C7e.js","mappings":";;;;;;;;AAAA,MAAM,0BAA0B,GAAG,mzGAAmzG;;;;;;;;;;;;;;;;MCwBz0G,uBAAuB,GAAAA,kBAAA,CAAA,MAAA,uBAAA,SAAAC,CAAA,CAAA;AALpC,IAAA,WAAA,GAAA;;;;;;AAqCW,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AA0D3B,QAAA,IAAkB,CAAA,kBAAA,GAAG,MAAK;AAChC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,YAAA,MAAM,YAAY,GAAG,CAAC,KAAkC,KAAI;AAC1D,gBAAA,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC;AACxC,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACxB,aAAC;YACD,IAAI,CAAC,4BAA4B,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;AAC1D,SAAC;AA2CF;AA/FC,IAAA,kBAAkB,CAAC,cAA2B,EAAA;AAC5C,QAAA,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC;;IAIvC,8BAA8B,CAAC,MAAqB,EAAE,MAAqB,EAAA;QACzE,IAAI,MAAM,KAAK,MAAM;YAAE;AACvB,QAAAC,QAAO,CAAC,cAAc,CAAC,MAAM,CAAC;;IAGhC,iBAAiB,GAAA;QACf,KAAK,CAAC,CAAkD,gDAAA,CAAA,CAAC;QAGzD,cAAc,CAAC,MAAK;AAClB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,CAAC;gBACvC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;;AAE7C,SAAC,CAAC;;AAGJ,IAAA,MAAM,iBAAiB,GAAA;QACrB,KAAK,CAAC,CAAkD,gDAAA,CAAA,CAAC;;AAG3D,IAAA,MAAM,gBAAgB,GAAA;QACpB,KAAK,CAAC,CAAiD,+CAAA,CAAA,CAAC;AACxD,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC5B,KAAK,CAAC,CAAuG,qGAAA,CAAA,CAAC;;;IAIlH,oBAAoB,GAAA;QAClB,KAAK,CAAC,CAAqD,mDAAA,CAAA,CAAC;;AAG9D,IAAA,gBAAgB,CAAC,WAAyB,EAAA;QACxC,IAAI,WAAW,EAAE;AACf,YAAA,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AACtD,gBAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,EAAG,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;;;;IAiClD,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,YAAY,EAAA,EACvD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,2CAA2C,EAAC,IAAI,EAAC,YAAY,EAAA,EACtE,CAAA,CAAA,qBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAuB,CACnB,EACN,CAAA,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAI,KAAK,EAAC,mCAAmC,EAAC,IAAI,EAAC,aAAa,EAAA,EAC7DA,QAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,EAClC,GAAA,CAAA,EACL,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,yCAAyC,EAAC,IAAI,EAAC,mBAAmB,EAAA,EAC1EA,QAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,OAAG,IAAI,CAAC,cAAc,EAAE,SAAS,EAAE,IAAI,IAAI,kBAAkB,EACpG,GAAA,CAAA,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iCAAiC,EAAA,EAC1C,CAAkB,CAAA,kBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,sBAAsB,EAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,EACrH,EAAA,IAAI,CAAC,SAAS,GAAG,CAAG,EAAAA,QAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAA,GAAA,CAAK,GAAG,CAAA,EAAGA,QAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA,CAAE,CACnE,CACf,CACF,CACD;;;;;;;;;;;;;;;;;;AAnBX,UAAA,CAAA;AAnBC,IAAA,iBAAiB,CAAkG;AAClH,QAAA,IAAI,EAAE,4BAA4B;QAClC,YAAY,EAAE,IAAI,GAAG,CAAC;YACpB,CAAC,0BAA0B,EAAE,gBAAgB,CAAC;YAC9C,CAAC,uBAAuB,EAAE,aAAa,CAAC;YACxC,CAAC,4BAA4B,EAAE,kBAAkB,CAAC;SACnD,CAAC;AACF,QAAA,YAAY,EAAE;AACZ,YAAA,4BAA4B,EAAE,OAAO,CAA+E,EAAE,uBAAgD,KAAI;gBACxK,MAAM,MAAM,GAAG,MAAM,uBAAuB,CAAC,SAAS,CAAC,YAAY,EAAE;AAErE,gBAAA,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,CAAC,MAAM;gBACjC,IAAI,YAAY,KAAK,CAAC,MAAM,IAAI,OAAO,IAAI,MAAM,CAAC,EAAE;oBAClD,YAAY,CAAC,MAAM,CAAC;;aAEvB;AACF,SAAA;AACD,QAAA,iBAAiB,EAAE,IAAI;KACxB,CAAC;;;;CAsBD,EAAA,uBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.scss?tag=nylas-confirmed-event-card&encapsulation=shadow","src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-confirmed-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  width: 400px;\n\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-800);\n  border-radius: var(--nylas-border-radius-2x);\n  padding: 1.5rem;\n  position: relative;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n\n  @media #{$mobile} {\n    width: inherit;\n  }\n}\n\n.nylas-confirmed-event-card__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 24px;\n  color: var(--nylas-base-900);\n  text-align: center;\n}\n\n.nylas-confirmed-event-description {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--nylas-base-600);\n}\n\n.nylas-confirmed-event-card__calendar-icon {\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-confirmed-event-card__cta {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 1rem;\n}\n\ncalendar-check-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\nbutton-component {\n  width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { LANGUAGE_CODE, NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { ThemeConfig } from '@nylas/core';\n\n/**\n * The `nylas-confirmed-event-card` component is a UI component that displays the confirmed event card.\n *\n * @part ncec - The confirmed event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the confirmed event card.\n * @part ncec__description - The description of the confirmed event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The confirmed event card.\n */\n@Component({\n  tag: 'nylas-confirmed-event-card',\n  styleUrl: 'nylas-confirmed-event-card.scss',\n  shadow: true,\n})\nexport class NylasConfirmedEventCard {\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasConfirmedEventCardElement;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The participant's name who booked the event / is logged in.\n   */\n  @Prop() readonly confirmedEventInfo!: Partial<NylasEvent>;\n\n  /**\n   * Closing state of the confirmed event card button.\n   */\n  @State() isClosing: boolean = false;\n\n  /**\n   * This event is fired when the close button is clicked on the confirmed event card.\n   */\n  @Event() readonly closeConfirmEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs.\n   */\n  @Event() readonly confirmedEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  connectedCallback() {\n    debug(`[nylas-confirmed-event-card] Component connected`);\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-confirmed-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-confirmed-event-card] Component did load`);\n    if (!this.confirmedEventInfo) {\n      debug(`[nylas-confirmed-event-card] No confirmed event info provided, \"confirmedEventInfo\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-confirmed-event-card] Component disconnected`);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleCloseClicked = () => {\n    this.isClosing = true;\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.confirmedEventCardError.emit(error);\n      this.isClosing = false;\n    };\n    this.closeConfirmEventCardClicked.emit({ errorHandler });\n  };\n\n  @RegisterComponent<NylasConfirmedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-confirmed-event-card',\n    stateToProps: new Map([\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      closeConfirmEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n        const result = await nylasschedulerconnector.scheduler.resetConfirm();\n\n        const { errorHandler } = _.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncec\">\n        <div class=\"nylas-confirmed-event-card\" part=\"ncec__card\">\n          <div class=\"nylas-confirmed-event-card__calendar-icon\" part=\"ncec__icon\">\n            <calendar-check-icon />\n          </div>\n          <h3 class=\"nylas-confirmed-event-card__title\" part=\"ncec__title\">\n            {i18next.t('confirmedEventCardTitle')}!\n          </h3>\n          <div class=\"nylas-confirmed-event-card__description\" part=\"ncec__description\">\n            {i18next.t('confirmedEventCardDescription')} {this.configSettings?.organizer?.name || 'the participants'}.\n          </div>\n          <div class=\"nylas-confirmed-event-card__cta\">\n            <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n              {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n            </button-component>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BGbMXlLy.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.scss?tag=nylas-confirmed-event-card&encapsulation=shadow","src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-confirmed-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  width: 400px;\n\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-800);\n  border-radius: var(--nylas-border-radius-2x);\n  padding: 1.5rem;\n  position: relative;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n\n  @media #{$mobile} {\n    width: inherit;\n  }\n}\n\n.nylas-confirmed-event-card__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 24px;\n  color: var(--nylas-base-900);\n  text-align: center;\n}\n\n.nylas-confirmed-event-description {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--nylas-base-600);\n}\n\n.nylas-confirmed-event-card__calendar-icon {\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-confirmed-event-card__cta {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 1rem;\n}\n\ncalendar-check-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\nbutton-component {\n  width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { LANGUAGE_CODE, NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { ThemeConfig } from '@nylas/core';\n\n/**\n * The `nylas-confirmed-event-card` component is a UI component that displays the confirmed event card.\n *\n * @part ncec - The confirmed event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the confirmed event card.\n * @part ncec__description - The description of the confirmed event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The confirmed event card.\n */\n@Component({\n  tag: 'nylas-confirmed-event-card',\n  styleUrl: 'nylas-confirmed-event-card.scss',\n  shadow: true,\n})\nexport class NylasConfirmedEventCard {\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasConfirmedEventCardElement;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * The participant's name who booked the event / is logged in.\n   */\n  @Prop() readonly confirmedEventInfo!: Partial<NylasEvent>;\n\n  /**\n   * Closing state of the confirmed event card button.\n   */\n  @State() isClosing: boolean = false;\n\n  /**\n   * This event is fired when the close button is clicked on the confirmed event card.\n   */\n  @Event() readonly closeConfirmEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs.\n   */\n  @Event() readonly confirmedEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChangedHandler(newVal: LANGUAGE_CODE, oldVal: LANGUAGE_CODE) {\n    if (newVal === oldVal) return;\n    i18next.changeLanguage(newVal);\n  }\n\n  connectedCallback() {\n    debug(`[nylas-confirmed-event-card] Component connected`);\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-confirmed-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-confirmed-event-card] Component did load`);\n    if (!this.confirmedEventInfo) {\n      debug(`[nylas-confirmed-event-card] No confirmed event info provided, \"confirmedEventInfo\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-confirmed-event-card] Component disconnected`);\n  }\n\n  applyThemeConfig(themeConfig?: ThemeConfig) {\n    if (themeConfig) {\n      for (const [key, value] of Object.entries(themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleCloseClicked = () => {\n    this.isClosing = true;\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.confirmedEventCardError.emit(error);\n      this.isClosing = false;\n    };\n    this.closeConfirmEventCardClicked.emit({ errorHandler });\n  };\n\n  @RegisterComponent<NylasConfirmedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-confirmed-event-card',\n    stateToProps: new Map([\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      closeConfirmEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n        const result = await nylasschedulerconnector.scheduler.resetConfirm();\n\n        const { errorHandler } = _.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncec\">\n        <div class=\"nylas-confirmed-event-card\" part=\"ncec__card\">\n          <div class=\"nylas-confirmed-event-card__calendar-icon\" part=\"ncec__icon\">\n            <calendar-check-icon />\n          </div>\n          <h3 class=\"nylas-confirmed-event-card__title\" part=\"ncec__title\">\n            {i18next.t('confirmedEventCardTitle')}!\n          </h3>\n          <div class=\"nylas-confirmed-event-card__description\" part=\"ncec__description\">\n            {i18next.t('confirmedEventCardDescription')} {this.configSettings?.organizer?.name || 'the participants'}.\n          </div>\n          <div class=\"nylas-confirmed-event-card__cta\">\n            <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n              {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n            </button-component>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DfNywLNk.js → p-BJ5a9k3B.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-Bht9ktsW.js';
-import { $ as normalizeSupportedLanguageCode, a0 as detectBrowserLanguageCode, L as LANGUAGE_CODE, a as debug, Z as getTimezoneOffset, T as TIMEZONE_MAP, I as LANGUAGE_MAP } from './p-BCUF1qcs.js';
-import { R as RegisterComponent } from './p-CpP2uaEo.js';
+import { $ as normalizeSupportedLanguageCode, a0 as detectBrowserLanguageCode, L as LANGUAGE_CODE, a as debug, Z as getTimezoneOffset, T as TIMEZONE_MAP, I as LANGUAGE_MAP } from './p-CMNiSC4o.js';
+import { R as RegisterComponent } from './p-CUlV7ZGv.js';
 import { i as instance } from './p-BjxQTsOy.js';
 import { d as defineCustomElement$5 } from './p-ao6VxuAL.js';
 import { d as defineCustomElement$4 } from './p-DS6Ijr4M.js';
@@ -206,6 +206,6 @@ function defineCustomElement() {
 }
 
 export { NylasLocaleSwitch as N, defineCustomElement as d };
-//# sourceMappingURL=p-DfNywLNk.js.map
+//# sourceMappingURL=p-BJ5a9k3B.js.map
 
-//# sourceMappingURL=p-DfNywLNk.js.map
+//# sourceMappingURL=p-BJ5a9k3B.js.map

package/dist/components/{p-DfNywLNk.js.map → p-BJ5a9k3B.js.map}

@@ -1 +1 @@
-{"file":"p-DfNywLNk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-locale-switch/nylas-locale-switch.scss?tag=nylas-locale-switch&encapsulation=shadow","src/components/scheduler/nylas-locale-switch/nylas-locale-switch.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-locale-switch {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-left: none;\n  border-right: none;\n  color: var(--nylas-base-50);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  font-family: inherit;\n\n  @media #{$mobile} {\n    font-size: 16px;\n  }\n}\n\n.select-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\nselect {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  background-color: transparent;\n  margin: 0 0 1px;\n  padding: 4px;\n  vertical-align: middle;\n\n  &#timezone {\n    width: 140px;\n  }\n\n  &#language {\n    width: 80px;\n  }\n}\n\nspan.timezone-label {\n  display: flex;\n  width: -webkit-fill-available;\n  justify-content: space-between;\n}\n\nselect-dropdown {\n  width: auto;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  border: none;\n  padding: 10px;\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  max-width: 306px;\n}\n\n@media #{$mobile} {\n  select-dropdown::part(sd_dropdown-button-selected-label) {\n    max-width: 80px; // To make sure the selected label doesn't overflow on mobile\n  }\n\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-width: none;\n  }\n}","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { LANGUAGE_CODE, LANGUAGE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConnector } from '../../../components';\nimport type { NylasSchedulerBookingData } from '@/common/types';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug, detectBrowserLanguageCode, getTimezoneOffset, normalizeSupportedLanguageCode } from '@/utils/utils';\nimport { ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n/**\n * The `nylas-locale-switch` component is a UI component that allows users to select a timezone and language.\n * @part nls - The locale switch container\n * @part nls__timezone - The timezone select container\n * @part nls__timezone-dropdown - The timezone dropdown\n * @part nls__timezone-drop-button - The timezone dropdown button\n * @part nls__timezone-drop-button-selected-label - The timezone dropdown button selected label\n * @part nls__timezone-drop-content - The timezone dropdown content\n * @part nls__timezone-drop-label - The timezone dropdown label\n * @part nls__language - The language select container\n * @part nls__language-dropdown - The language dropdown\n * @part nls__language-drop-button - The language dropdown button\n * @part nls__language-drop-content - The language dropdown content\n * @part nls__language-drop-label - The language dropdown label\n *\n */\n@Component({\n  tag: 'nylas-locale-switch',\n  styleUrl: 'nylas-locale-switch.scss',\n  shadow: true,\n})\nexport class NylasLocaleSwitch {\n  private timezoneRef?: HTMLSelectDropdownElement;\n  private languageRef?: HTMLSelectDropdownElement;\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasLocaleSwitchElement;\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n  /**\n   * @standalone\n   * The booking info.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop({ mutable: true }) selectedTimezone: string = this.bookingInfo?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ mutable: true }) selectedLanguage: string = normalizeSupportedLanguageCode(this.bookingInfo?.language) || detectBrowserLanguageCode() || LANGUAGE_CODE.en;\n\n  @State() searchPlaceholder: string = i18next.t('search');\n\n  /**\n   * This event is fired when the timezone is changed.\n   */\n  @Event() timezoneChanged!: EventEmitter<string>;\n\n  /**\n   * This event is fired when the language is changed.\n   */\n  @Event() languageChanged!: EventEmitter<string>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('bookingInfo')\n  bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined) {\n    if (newValue && newValue?.timezone) {\n      this.changeTimezone(newValue.timezone);\n    }\n    if (newValue && newValue?.language) {\n      this.changeLanguage(newValue.language);\n    }\n  }\n\n  connectedCallback() {\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {}\n\n  componentWillLoad() {}\n\n  componentDidLoad() {\n    debug(`[nylas-locale-switch] Component did load`);\n    if (this.bookingInfo && this.bookingInfo?.timezone) {\n      this.changeTimezone(this.bookingInfo.timezone);\n    }\n    if (this.bookingInfo && this.bookingInfo?.language) {\n      this.changeLanguage(this.bookingInfo.language);\n    }\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        this.timezoneRef?.style.setProperty(`${key}`, value);\n        this.languageRef?.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  /**\n   * Change the timezone.\n   * @param timezone The timezone to select.\n   */\n  private changeTimezone(timezone: string) {\n    this.selectedTimezone = timezone;\n    this.timezoneChanged.emit(timezone);\n  }\n\n  /**\n   * Change the language.\n   * @param language The language to select.\n   */\n  private changeLanguage(language: string) {\n    const selectedLanguage = normalizeSupportedLanguageCode(language) || LANGUAGE_CODE.en;\n    this.selectedLanguage = selectedLanguage;\n    i18next.changeLanguage(selectedLanguage);\n    this.searchPlaceholder = i18next.t('search');\n    this.languageChanged.emit(selectedLanguage);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'timezone') {\n      this.changeTimezone(value);\n    } else if (name === 'language') {\n      this.changeLanguage(value);\n    }\n  }\n\n  getTimezoneLabelHTML(timezone: string) {\n    const offset = getTimezoneOffset(timezone);\n    return (\n      <span\n        class=\"timezone-label\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '-webkit-fill-available',\n        }}\n      >\n        {TIMEZONE_MAP[timezone]}{' '}\n        <span\n          class=\"timezone-offset\"\n          style={{\n            fontSize: '14px',\n            fontWeight: '400',\n            color: 'var(--nylas-base-500)',\n          }}\n        >\n          {offset}\n        </span>\n      </span>\n    );\n  }\n\n  @RegisterComponent<NylasLocaleSwitch, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-locale-switch',\n    stateToProps: new Map([\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {\n      timezoneChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'timezoneChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectTimezone(event.detail);\n      },\n      languageChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'languageChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectLanguage(event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      labelHTML: this.getTimezoneLabelHTML(key),\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const languageOptions = Object.keys(LANGUAGE_MAP).map(key => ({\n      label: LANGUAGE_MAP[key],\n      value: key,\n    }));\n\n    return (\n      <Host>\n        <div class=\"nylas-locale-switch\" part=\"nls\">\n          <div\n            class={{\n              'select-wrapper': true,\n              'timezone': true,\n            }}\n            part=\"nls__timezone\"\n          >\n            <select-dropdown\n              name=\"timezone\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={timezoneOptions}\n              ref={el => (this.timezoneRef = el)}\n              defaultSelectedOption={timezoneOptions.find(op => op.value == this.selectedTimezone)}\n              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            >\n              <span slot=\"select-icon\">\n                <globe-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n          <div\n            class={{\n              'select-wrapper': true,\n              'language': true,\n            }}\n            part=\"nls__language\"\n          >\n            <select-dropdown\n              name=\"language\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={languageOptions}\n              ref={el => (this.languageRef = el)}\n              defaultSelectedOption={languageOptions.find(lang => lang.value == this.selectedLanguage)}\n              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            >\n              <span slot=\"select-icon\">\n                <translate-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BJ5a9k3B.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-locale-switch/nylas-locale-switch.scss?tag=nylas-locale-switch&encapsulation=shadow","src/components/scheduler/nylas-locale-switch/nylas-locale-switch.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-locale-switch {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-left: none;\n  border-right: none;\n  color: var(--nylas-base-50);\n  font-size: 14px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  font-family: inherit;\n\n  @media #{$mobile} {\n    font-size: 16px;\n  }\n}\n\n.select-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\nselect {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  background-color: transparent;\n  margin: 0 0 1px;\n  padding: 4px;\n  vertical-align: middle;\n\n  &#timezone {\n    width: 140px;\n  }\n\n  &#language {\n    width: 80px;\n  }\n}\n\nspan.timezone-label {\n  display: flex;\n  width: -webkit-fill-available;\n  justify-content: space-between;\n}\n\nselect-dropdown {\n  width: auto;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  border: none;\n  padding: 10px;\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  max-width: 306px;\n}\n\n@media #{$mobile} {\n  select-dropdown::part(sd_dropdown-button-selected-label) {\n    max-width: 80px; // To make sure the selected label doesn't overflow on mobile\n  }\n\n  select-dropdown::part(sd_dropdown-content) {\n    width: 100%;\n    max-width: none;\n  }\n}","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { LANGUAGE_CODE, LANGUAGE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConnector } from '../../../components';\nimport type { NylasSchedulerBookingData } from '@/common/types';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug, detectBrowserLanguageCode, getTimezoneOffset, normalizeSupportedLanguageCode } from '@/utils/utils';\nimport { ThemeConfig } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n/**\n * The `nylas-locale-switch` component is a UI component that allows users to select a timezone and language.\n * @part nls - The locale switch container\n * @part nls__timezone - The timezone select container\n * @part nls__timezone-dropdown - The timezone dropdown\n * @part nls__timezone-drop-button - The timezone dropdown button\n * @part nls__timezone-drop-button-selected-label - The timezone dropdown button selected label\n * @part nls__timezone-drop-content - The timezone dropdown content\n * @part nls__timezone-drop-label - The timezone dropdown label\n * @part nls__language - The language select container\n * @part nls__language-dropdown - The language dropdown\n * @part nls__language-drop-button - The language dropdown button\n * @part nls__language-drop-content - The language dropdown content\n * @part nls__language-drop-label - The language dropdown label\n *\n */\n@Component({\n  tag: 'nylas-locale-switch',\n  styleUrl: 'nylas-locale-switch.scss',\n  shadow: true,\n})\nexport class NylasLocaleSwitch {\n  private timezoneRef?: HTMLSelectDropdownElement;\n  private languageRef?: HTMLSelectDropdownElement;\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasLocaleSwitchElement;\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n  /**\n   * @standalone\n   * The booking info.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop({ mutable: true }) selectedTimezone: string = this.bookingInfo?.timezone || Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ mutable: true }) selectedLanguage: string = normalizeSupportedLanguageCode(this.bookingInfo?.language) || detectBrowserLanguageCode() || LANGUAGE_CODE.en;\n\n  @State() searchPlaceholder: string = i18next.t('search');\n\n  /**\n   * This event is fired when the timezone is changed.\n   */\n  @Event() timezoneChanged!: EventEmitter<string>;\n\n  /**\n   * This event is fired when the language is changed.\n   */\n  @Event() languageChanged!: EventEmitter<string>;\n\n  @Watch('themeConfig')\n  themeConfigChanged(newThemeConfig: ThemeConfig) {\n    this.applyThemeConfig(newThemeConfig);\n  }\n\n  @Watch('bookingInfo')\n  bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined) {\n    if (newValue && newValue?.timezone) {\n      this.changeTimezone(newValue.timezone);\n    }\n    if (newValue && newValue?.language) {\n      this.changeLanguage(newValue.language);\n    }\n  }\n\n  connectedCallback() {\n    // Use queueMicrotask to defer theme application until after React has set props.\n    // This fixes the timing issue where connectedCallback fires before React sets themeConfig.\n    queueMicrotask(() => {\n      if (this.themeConfig) {\n        this.applyThemeConfig(this.themeConfig);\n        this.host.setAttribute('data-themed', '');\n      }\n    });\n  }\n\n  disconnectedCallback() {}\n\n  componentWillLoad() {}\n\n  componentDidLoad() {\n    debug(`[nylas-locale-switch] Component did load`);\n    if (this.bookingInfo && this.bookingInfo?.timezone) {\n      this.changeTimezone(this.bookingInfo.timezone);\n    }\n    if (this.bookingInfo && this.bookingInfo?.language) {\n      this.changeLanguage(this.bookingInfo.language);\n    }\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        this.timezoneRef?.style.setProperty(`${key}`, value);\n        this.languageRef?.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  /**\n   * Change the timezone.\n   * @param timezone The timezone to select.\n   */\n  private changeTimezone(timezone: string) {\n    this.selectedTimezone = timezone;\n    this.timezoneChanged.emit(timezone);\n  }\n\n  /**\n   * Change the language.\n   * @param language The language to select.\n   */\n  private changeLanguage(language: string) {\n    const selectedLanguage = normalizeSupportedLanguageCode(language) || LANGUAGE_CODE.en;\n    this.selectedLanguage = selectedLanguage;\n    i18next.changeLanguage(selectedLanguage);\n    this.searchPlaceholder = i18next.t('search');\n    this.languageChanged.emit(selectedLanguage);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'timezone') {\n      this.changeTimezone(value);\n    } else if (name === 'language') {\n      this.changeLanguage(value);\n    }\n  }\n\n  getTimezoneLabelHTML(timezone: string) {\n    const offset = getTimezoneOffset(timezone);\n    return (\n      <span\n        class=\"timezone-label\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '-webkit-fill-available',\n        }}\n      >\n        {TIMEZONE_MAP[timezone]}{' '}\n        <span\n          class=\"timezone-offset\"\n          style={{\n            fontSize: '14px',\n            fontWeight: '400',\n            color: 'var(--nylas-base-500)',\n          }}\n        >\n          {offset}\n        </span>\n      </span>\n    );\n  }\n\n  @RegisterComponent<NylasLocaleSwitch, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-locale-switch',\n    stateToProps: new Map([\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.themeConfig', 'themeConfig'],\n    ]),\n    eventToProps: {\n      timezoneChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'timezoneChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectTimezone(event.detail);\n      },\n      languageChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'languageChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectLanguage(event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      labelHTML: this.getTimezoneLabelHTML(key),\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const languageOptions = Object.keys(LANGUAGE_MAP).map(key => ({\n      label: LANGUAGE_MAP[key],\n      value: key,\n    }));\n\n    return (\n      <Host>\n        <div class=\"nylas-locale-switch\" part=\"nls\">\n          <div\n            class={{\n              'select-wrapper': true,\n              'timezone': true,\n            }}\n            part=\"nls__timezone\"\n          >\n            <select-dropdown\n              name=\"timezone\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={timezoneOptions}\n              ref={el => (this.timezoneRef = el)}\n              defaultSelectedOption={timezoneOptions.find(op => op.value == this.selectedTimezone)}\n              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            >\n              <span slot=\"select-icon\">\n                <globe-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n          <div\n            class={{\n              'select-wrapper': true,\n              'language': true,\n            }}\n            part=\"nls__language\"\n          >\n            <select-dropdown\n              name=\"language\"\n              searchPlaceholder={this.searchPlaceholder}\n              options={languageOptions}\n              ref={el => (this.languageRef = el)}\n              defaultSelectedOption={languageOptions.find(lang => lang.value == this.selectedLanguage)}\n              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            >\n              <span slot=\"select-icon\">\n                <translate-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-rODq8j3H.js → p-BMmtU0fv.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-Bht9ktsW.js';
-import { R as RegisterComponent } from './p-CpP2uaEo.js';
-import { a as debug } from './p-BCUF1qcs.js';
+import { R as RegisterComponent } from './p-CUlV7ZGv.js';
+import { a as debug } from './p-CMNiSC4o.js';
 import { i as instance } from './p-BjxQTsOy.js';
 import { d as defineCustomElement$4 } from './p-ao6VxuAL.js';
 import { d as defineCustomElement$3 } from './p-CzVZs3uZ.js';
 import { d as defineCustomElement$2 } from './p-d3kelm3z.js';
-import { d as defineCustomElement$1 } from './p-CjMpnxmP.js';
+import { d as defineCustomElement$1 } from './p-DMwaGWVu.js';
 
 const nylasCalendarPickerCss = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:var(--nylas-base-900);font-size:16px;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button--error){border:1px solid var(--nylas-error)}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset;margin-top:-0.5rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}";
 
@@ -202,6 +202,6 @@ function defineCustomElement() {
 }
 
 export { NylasCalendarPicker as N, defineCustomElement as d };
-//# sourceMappingURL=p-rODq8j3H.js.map
+//# sourceMappingURL=p-BMmtU0fv.js.map
 
-//# sourceMappingURL=p-rODq8j3H.js.map
+//# sourceMappingURL=p-BMmtU0fv.js.map