@nylas/web-elements 2.5.17 → 2.6.0

package/dist/components/{p-CdBb4zI5.js.map → p-mkkcd81V.js.map}

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

package/dist/components/{p-DOryfnIf.js → p-mw0JEKw8.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, F as Fragment, i as Host } from './p-Bht9ktsW.js';
 import { a as debug } from './p-CMNiSC4o.js';
-import { d as defineCustomElement$2 } from './p-CzVZs3uZ.js';
-import { d as defineCustomElement$1 } from './p-OhUC7F_g.js';
+import { d as defineCustomElement$2 } from './p-DK6-bZYK.js';
+import { d as defineCustomElement$1 } from './p-zT4P9vUn.js';
 
 const nylasNotificationCss = ":host{display:block;margin-bottom:-12px;width:100%;z-index:1;--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}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}";
 
@@ -87,7 +87,7 @@ const NylasNotification = proxyCustomElement(class NylasNotification extends H {
         this.notifications = this.notifications.filter(notif => notif.id !== id);
     }
     render() {
-        return (h(Host, { key: '54d50ed0063714575ec6815e59f972c98ce58533' }, h(Fragment, { key: 'ad526ed3f38f423fae88b18b442349380e5e7066' }, this.notifications.map(notif => (h("div", { class: `notif ${notif.type}`, key: notif.id }, h("div", { class: "content" }, h("span", { class: `icon ${notif.type}` }, (notif.type === 'error' || notif.type === 'warning') && h("warning-icon", null)), h("span", { class: "message" }, h("span", { class: "title" }, notif.title), notif.description && h("span", { class: "description" }, notif.description))), h("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(notif.id) }, h("close-icon", null))))), h("slot", { key: '08406e75bea26072bdc4526fcfbb19ad0760c80d' }))));
+        return (h(Host, { key: '6e24c03af2aa4735c845663397db560e86f7b052' }, h(Fragment, { key: '35b6ab8546ae016a0763a277cb514a52b17dc886' }, this.notifications.map(notif => (h("div", { class: `notif ${notif.type}`, key: notif.id }, h("div", { class: "content" }, h("span", { class: `icon ${notif.type}` }, (notif.type === 'error' || notif.type === 'warning') && h("warning-icon", null)), h("span", { class: "message" }, h("span", { class: "title" }, notif.title), notif.description && h("span", { class: "description" }, notif.description))), h("button", { class: "dismiss-btn", onClick: () => this.dismissNotification(notif.id) }, h("close-icon", null))))), h("slot", { key: 'd8186d4761f15cc02e391b5ecfccb8175c9f2c38' }))));
     }
     get host() { return this; }
     static get style() { return nylasNotificationCss; }
@@ -121,6 +121,6 @@ function defineCustomElement() {
 }
 
 export { NylasNotification as N, defineCustomElement as d };
-//# sourceMappingURL=p-DOryfnIf.js.map
+//# sourceMappingURL=p-mw0JEKw8.js.map
 
-//# sourceMappingURL=p-DOryfnIf.js.map
+//# sourceMappingURL=p-mw0JEKw8.js.map

package/dist/components/{p-DOryfnIf.js.map → p-mw0JEKw8.js.map}

@@ -1 +1 @@
-{"file":"p-DOryfnIf.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/scheduler/nylas-notification/nylas-notification.scss?tag=nylas-notification&encapsulation=shadow","src/components/scheduler/nylas-notification/nylas-notification.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  margin-bottom: -12px; // offset for the rounded border\n  width: 100%;\n  z-index: 1;\n  @include default-css-variables;\n}\n.notif {\n  display: flex;\n  padding: 17px;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  border-radius: var(--nylas-border-radius-2x);\n  border: 1.5px solid var(--nylas-error);\n  background: var(--nylas-base-0);\n\n  @media #{$mobile} {\n    width: auto;\n  }\n  .content {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    .message {\n      font-size: 14px;\n      font-weight: 400;\n      color: var(--nylas-base-800);\n      .title {\n        font-size: 16px;\n        font-weight: 600;\n        color: var(--nylas-base-950);\n        display: block;\n      }\n      .description {\n        font-size: 14px;\n        font-weight: 400;\n        color: var(--nylas-base-800);\n        display: block;\n        word-break: break-word;\n      }\n    }\n    .icon {\n      &.error {\n        color: var(--nylas-error);\n      }\n    }\n  }\n\n  &.error {\n    border-color: var(--nylas-error);\n    background: rgba(255, 248, 248, 1);\n  }\n  &.warning {\n    border-color: var(--nylas-warning);\n  }\n  &.info {\n    border-color: var(--nylas-info);\n  }\n  &.success {\n    border-color: var(--nylas-success);\n  }\n\n  .dismiss-btn {\n    background: none;\n    border: none;\n    color: var(--nylas-base-950);\n    cursor: pointer;\n  }\n}\n","import { Notification } from '@nylas/core';\nimport { Component, Fragment, Host, Listen, Prop, State, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\nimport { Element } from '@stencil/core';\n\n/**\n * The `nylas-notification` component is a UI component that displays notifications.\n */\n@Component({\n  tag: 'nylas-notification',\n  styleUrl: 'nylas-notification.scss',\n  shadow: true,\n})\nexport class NylasNotification {\n  @Element() host!: HTMLElement;\n\n  /**\n   * The time-to-live for notifications in milliseconds. Set to 'none' to disable auto-dismissal.\n   */\n  @Prop() ttl: number | 'none' = 5000;\n  @Prop() allowedCategories: string[] = ['component', 'api', 'validation', 'invalid_session', 'auth'];\n  @State() notifications: Notification[] = [];\n\n  @Listen('nylasSchedulerError', { target: 'body' })\n  onError(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Error: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('nylasSchedulerWarning', { target: 'body' })\n  onWarning(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Warning: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('nylasSchedulerInfo', { target: 'body' })\n  onInfo(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Info: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('nylasSchedulerSuccess', { target: 'body' })\n  onSuccess(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Success: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('dismissNotification', { target: 'body' })\n  onDismissNotification(event: CustomEvent<{ id: string }>) {\n    this.dismissNotification(event.detail.id);\n  }\n\n  @Listen('nylasSchedulerClearNotifications', { target: 'body' })\n  onClearNotifications(event: CustomEvent<{ host: HTMLElement }>) {\n    if (event.detail.host && this.isChildOf(event.detail.host)) {\n      this.notifications = [];\n    }\n  }\n\n  isChildOf(parentHost: HTMLElement): boolean {\n    let parent = this.host.parentNode;\n\n    while (parent) {\n      if (parent === parentHost) {\n        return true;\n      }\n      if (parent instanceof ShadowRoot) {\n        parent = parent.host;\n      } else {\n        parent = parent.parentNode;\n      }\n    }\n\n    return false;\n  }\n\n  private handleNotification(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    const parentHost = event.detail.host;\n    if (event.defaultPrevented) {\n      debug(`[nylas-notification] Event default prevented`);\n      return;\n    }\n    if (parentHost && !this.isChildOf(parentHost)) {\n      debug(`[nylas-notification] Host not a parent`);\n      return;\n    }\n    if (this.ttl === 0) {\n      debug(`[nylas-notification] TTL is 0`);\n      return;\n    }\n    if (this.allowedCategories.length > 0 && !this.allowedCategories.includes(event.detail.notification.category)) {\n      debug(`[nylas-notification] Category not allowed`);\n      return;\n    }\n    if (this.notifications.find(notif => notif.id === event.detail.notification.id)) {\n      debug(`[nylas-notification] Notification already exists`);\n      return;\n    }\n\n    this.notifications = [...this.notifications, { ...event.detail.notification }];\n    if (event.detail.notification.ttl !== 'none') {\n      const ttl = event.detail.notification.ttl ? event.detail.notification.ttl : (this.ttl as number);\n      window.setTimeout(() => {\n        this.notifications = this.notifications.filter(notif => notif.id !== event.detail.notification.id);\n      }, ttl);\n    }\n  }\n\n  private dismissNotification(id: string) {\n    this.notifications = this.notifications.filter(notif => notif.id !== id);\n  }\n\n  render() {\n    return (\n      <Host>\n        <Fragment>\n          {this.notifications.map(notif => (\n            <div class={`notif ${notif.type}`} key={notif.id}>\n              <div class=\"content\">\n                <span class={`icon ${notif.type}`}>{(notif.type === 'error' || notif.type === 'warning') && <warning-icon />}</span>\n                <span class=\"message\">\n                  <span class=\"title\">{notif.title}</span>\n                  {notif.description && <span class=\"description\">{notif.description}</span>}\n                </span>\n              </div>\n              <button class=\"dismiss-btn\" onClick={() => this.dismissNotification(notif.id)}>\n                <close-icon />\n              </button>\n            </div>\n          ))}\n          <slot />\n        </Fragment>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-mw0JEKw8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/scheduler/nylas-notification/nylas-notification.scss?tag=nylas-notification&encapsulation=shadow","src/components/scheduler/nylas-notification/nylas-notification.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  display: block;\n  margin-bottom: -12px; // offset for the rounded border\n  width: 100%;\n  z-index: 1;\n  @include default-css-variables;\n}\n.notif {\n  display: flex;\n  padding: 17px;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 16px;\n  border-radius: var(--nylas-border-radius-2x);\n  border: 1.5px solid var(--nylas-error);\n  background: var(--nylas-base-0);\n\n  @media #{$mobile} {\n    width: auto;\n  }\n  .content {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    .message {\n      font-size: 14px;\n      font-weight: 400;\n      color: var(--nylas-base-800);\n      .title {\n        font-size: 16px;\n        font-weight: 600;\n        color: var(--nylas-base-950);\n        display: block;\n      }\n      .description {\n        font-size: 14px;\n        font-weight: 400;\n        color: var(--nylas-base-800);\n        display: block;\n        word-break: break-word;\n      }\n    }\n    .icon {\n      &.error {\n        color: var(--nylas-error);\n      }\n    }\n  }\n\n  &.error {\n    border-color: var(--nylas-error);\n    background: rgba(255, 248, 248, 1);\n  }\n  &.warning {\n    border-color: var(--nylas-warning);\n  }\n  &.info {\n    border-color: var(--nylas-info);\n  }\n  &.success {\n    border-color: var(--nylas-success);\n  }\n\n  .dismiss-btn {\n    background: none;\n    border: none;\n    color: var(--nylas-base-950);\n    cursor: pointer;\n  }\n}\n","import { Notification } from '@nylas/core';\nimport { Component, Fragment, Host, Listen, Prop, State, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\nimport { Element } from '@stencil/core';\n\n/**\n * The `nylas-notification` component is a UI component that displays notifications.\n */\n@Component({\n  tag: 'nylas-notification',\n  styleUrl: 'nylas-notification.scss',\n  shadow: true,\n})\nexport class NylasNotification {\n  @Element() host!: HTMLElement;\n\n  /**\n   * The time-to-live for notifications in milliseconds. Set to 'none' to disable auto-dismissal.\n   */\n  @Prop() ttl: number | 'none' = 5000;\n  @Prop() allowedCategories: string[] = ['component', 'api', 'validation', 'invalid_session', 'auth'];\n  @State() notifications: Notification[] = [];\n\n  @Listen('nylasSchedulerError', { target: 'body' })\n  onError(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Error: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('nylasSchedulerWarning', { target: 'body' })\n  onWarning(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Warning: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('nylasSchedulerInfo', { target: 'body' })\n  onInfo(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Info: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('nylasSchedulerSuccess', { target: 'body' })\n  onSuccess(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    debug(`[nylas-notification] Success: ${event.detail.notification.title}`);\n    this.handleNotification(event);\n  }\n\n  @Listen('dismissNotification', { target: 'body' })\n  onDismissNotification(event: CustomEvent<{ id: string }>) {\n    this.dismissNotification(event.detail.id);\n  }\n\n  @Listen('nylasSchedulerClearNotifications', { target: 'body' })\n  onClearNotifications(event: CustomEvent<{ host: HTMLElement }>) {\n    if (event.detail.host && this.isChildOf(event.detail.host)) {\n      this.notifications = [];\n    }\n  }\n\n  isChildOf(parentHost: HTMLElement): boolean {\n    let parent = this.host.parentNode;\n\n    while (parent) {\n      if (parent === parentHost) {\n        return true;\n      }\n      if (parent instanceof ShadowRoot) {\n        parent = parent.host;\n      } else {\n        parent = parent.parentNode;\n      }\n    }\n\n    return false;\n  }\n\n  private handleNotification(event: CustomEvent<{ notification: Notification; host: HTMLElement }>) {\n    const parentHost = event.detail.host;\n    if (event.defaultPrevented) {\n      debug(`[nylas-notification] Event default prevented`);\n      return;\n    }\n    if (parentHost && !this.isChildOf(parentHost)) {\n      debug(`[nylas-notification] Host not a parent`);\n      return;\n    }\n    if (this.ttl === 0) {\n      debug(`[nylas-notification] TTL is 0`);\n      return;\n    }\n    if (this.allowedCategories.length > 0 && !this.allowedCategories.includes(event.detail.notification.category)) {\n      debug(`[nylas-notification] Category not allowed`);\n      return;\n    }\n    if (this.notifications.find(notif => notif.id === event.detail.notification.id)) {\n      debug(`[nylas-notification] Notification already exists`);\n      return;\n    }\n\n    this.notifications = [...this.notifications, { ...event.detail.notification }];\n    if (event.detail.notification.ttl !== 'none') {\n      const ttl = event.detail.notification.ttl ? event.detail.notification.ttl : (this.ttl as number);\n      window.setTimeout(() => {\n        this.notifications = this.notifications.filter(notif => notif.id !== event.detail.notification.id);\n      }, ttl);\n    }\n  }\n\n  private dismissNotification(id: string) {\n    this.notifications = this.notifications.filter(notif => notif.id !== id);\n  }\n\n  render() {\n    return (\n      <Host>\n        <Fragment>\n          {this.notifications.map(notif => (\n            <div class={`notif ${notif.type}`} key={notif.id}>\n              <div class=\"content\">\n                <span class={`icon ${notif.type}`}>{(notif.type === 'error' || notif.type === 'warning') && <warning-icon />}</span>\n                <span class=\"message\">\n                  <span class=\"title\">{notif.title}</span>\n                  {notif.description && <span class=\"description\">{notif.description}</span>}\n                </span>\n              </div>\n              <button class=\"dismiss-btn\" onClick={() => this.dismissNotification(notif.id)}>\n                <close-icon />\n              </button>\n            </div>\n          ))}\n          <slot />\n        </Fragment>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DS6Ijr4M.js → p-n1qnMrWE.js}

@@ -10,7 +10,7 @@ const GlobeIcon = proxyCustomElement(class GlobeIcon extends H {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: 'cb0e3380c9fec6c904edcec530eda0df7d82b5fe', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'ba93585bd0da85eecebc7c2a3a8c7f705571b219', d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" })));
+        return (h("svg", { key: 'ac541f46077499263b2ac02b2c0f775f7bb00c45', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '32f692274b15d0c57c77903c453570d39a7fa119', d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" })));
     }
     static get style() { return iconCss; }
 }, [258, "globe-icon", {
@@ -32,6 +32,6 @@ function defineCustomElement() {
 }
 
 export { GlobeIcon as G, defineCustomElement as d };
-//# sourceMappingURL=p-DS6Ijr4M.js.map
+//# sourceMappingURL=p-n1qnMrWE.js.map
 
-//# sourceMappingURL=p-DS6Ijr4M.js.map
+//# sourceMappingURL=p-n1qnMrWE.js.map

package/dist/components/{p-DS6Ijr4M.js.map → p-n1qnMrWE.js.map}

@@ -1 +1 @@
-{"file":"p-DS6Ijr4M.js","mappings":";;AAAA,MAAM,OAAO,GAAG,gCAAgC;;MCOnC,SAAS,GAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,EAC7G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,uiDAAuiD,EACziD,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=globe-icon&encapsulation=scoped","src/common/icons/globe.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'globe-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class GlobeIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '16';\n\n  render() {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} viewBox=\"0 0 16 16\" fill=\"none\">\n        <path\n          d=\"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-n1qnMrWE.js","mappings":";;AAAA,MAAM,OAAO,GAAG,gCAAgC;;MCOnC,SAAS,GAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,GAAA;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAW,IAAI;AACpB,QAAA,IAAM,CAAA,MAAA,GAAW,IAAI;AAY9B;IAVC,MAAM,GAAA;QACJ,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,EAC7G,CACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAC,EAAC,uiDAAuiD,EACziD,IAAI,EAAC,cAAc,EAAA,CACnB,CACE;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/common/icons/icon.css?tag=globe-icon&encapsulation=scoped","src/common/icons/globe.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'globe-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class GlobeIcon {\n  @Prop() width: string = '16';\n  @Prop() height: string = '16';\n\n  render() {\n    return (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width={this.width} height={this.height} viewBox=\"0 0 16 16\" fill=\"none\">\n        <path\n          d=\"M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-wJgbEd5m.js → p-n4JDuNbH.js}

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, e as createEvent, h, i as Host } from './p-
 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$6 } from './p-BVH0Klhu.js';
-import { d as defineCustomElement$5 } from './p-DcjGlnBR.js';
-import { d as defineCustomElement$4 } from './p-d3kelm3z.js';
-import { d as defineCustomElement$3 } from './p-C7ZpwRD0.js';
-import { d as defineCustomElement$2 } from './p-CdPtFwy6.js';
-import { d as defineCustomElement$1 } from './p-DxDoo-4C.js';
+import { d as defineCustomElement$6 } from './p-D0NY8UNC.js';
+import { d as defineCustomElement$5 } from './p-BBWnrSjc.js';
+import { d as defineCustomElement$4 } from './p-DsvNvqOg.js';
+import { d as defineCustomElement$3 } from './p-DprQSn90.js';
+import { d as defineCustomElement$2 } from './p-BQ5o0vvR.js';
+import { d as defineCustomElement$1 } from './p-C_a8Brku.js';
 
 const nylasCancelBookingFormCss = ":host{--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;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}";
 
@@ -123,7 +123,7 @@ const NylasCancelBookingForm = proxyCustomElement(class NylasCancelBookingForm e
         }
     }
     render() {
-        return (h(Host, { key: 'd9de6ee266a0ee13b2429a03ac95f6f86c1c6e77', part: "ncbf" }, h("div", { key: '31dffeabdcae67c6f0d1bb87ec666313d16d0b2c', class: "nylas-cancel-booking-form", part: "ncbf__card" }, h("div", { key: '0eb77ce5b1e32e31df2162388c76ba62938f7593', class: "nylas-cancel-booking-form__calendar-icon", part: "ncbf__icon" }, h("calendar-cancel-icon", { key: 'ae85ac634e8e049c4f6fae60157c48cac2e60ae2' })), h("h3", { key: 'ba3fe93bdd97cfe33be9d780989ed4e84db05d8b', class: "nylas-cancel-booking-form__title", part: "ncbf__title" }, instance.t('cancelBookingTitle')), h("div", { key: '2f0b4e8606f432ff1ace88a75faaf68f33c4c867', class: "nylas-cancel-booking-form__description", part: "ncbf__description" }, !this.configSettings?.scheduler?.cancellation_policy ? `${instance.t('cancelBookingMessage')}` : this.cancellationPolicy), h("form", { key: '3c592a2c154c37e8a7f2c79872cd1f2ad6c02817', onSubmit: this.handleSubmitCancelBooking }, h("textarea-component", { key: 'acae5f3ba2b9cb055548c85e518c5a7fd7cee690', id: "cancel-reason", name: "cancel-reason", ref: el => (this.textareaRef = el), required: true, label: instance.t('reasonForCancellation'), class: this.cancellationError ? 'error' : '', part: "ncbf__reason-textarea", defaultValue: this.cancellationReason }), h("div", { key: 'e01e49ddc37da1d91ca0d3974bde3226629c61ca', class: "footer" }, h("button-component", { key: 'b8d5da288acab34bf379f1040a680e4eccb36479', variant: 'destructive', class: "cancel", type: "submit", part: "ncbf__button-cta", disabled: this.isLoading }, instance.t('cancelBookingButton')), !!this.eventInfo && (h("button-component", { key: '91ce1514d28961e5ae2d5abad2b478d329009588', variant: 'basic', class: "back", part: "ncbf__button-outline", onClick: this.handleGoBackClicked }, instance.t('goBackButton'))))))));
+        return (h(Host, { key: '90848041a7055c75b4eb06fb9155ef70e6963e5d', part: "ncbf" }, h("div", { key: '410d74fc4254e4f21e50be699fd44be5229936d9', class: "nylas-cancel-booking-form", part: "ncbf__card" }, h("div", { key: '289842288017fd87347053d7b40695ca49b58b76', class: "nylas-cancel-booking-form__calendar-icon", part: "ncbf__icon" }, h("calendar-cancel-icon", { key: '39d1a1426dcac695f1325f625b1ac77ac1c937ae' })), h("h3", { key: 'eba48288eafe22119be0128fd2485a4174a8aad7', class: "nylas-cancel-booking-form__title", part: "ncbf__title" }, instance.t('cancelBookingTitle')), h("div", { key: '02a83da632d016a1bf59e283333e39fde9528026', class: "nylas-cancel-booking-form__description", part: "ncbf__description" }, !this.configSettings?.scheduler?.cancellation_policy ? `${instance.t('cancelBookingMessage')}` : this.cancellationPolicy), h("form", { key: 'a261b4e4901b3e8cd75c74623c87a47d4e0b69a7', onSubmit: this.handleSubmitCancelBooking }, h("textarea-component", { key: '71e612522cf52d4c9a85e658c9598b0712be7949', id: "cancel-reason", name: "cancel-reason", ref: el => (this.textareaRef = el), required: true, label: instance.t('reasonForCancellation'), class: this.cancellationError ? 'error' : '', part: "ncbf__reason-textarea", defaultValue: this.cancellationReason }), h("div", { key: '5e42938e27563a2340240c587b23943849c31d6e', class: "footer" }, h("button-component", { key: '47332306035a276726b11817ad318142013322af', variant: 'destructive', class: "cancel", type: "submit", part: "ncbf__button-cta", disabled: this.isLoading }, instance.t('cancelBookingButton')), !!this.eventInfo && (h("button-component", { key: '621fb07f17356ca91bd90599e14f82923cbf4c15', variant: 'basic', class: "back", part: "ncbf__button-outline", onClick: this.handleGoBackClicked }, instance.t('goBackButton'))))))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -244,6 +244,6 @@ function defineCustomElement() {
 }
 
 export { NylasCancelBookingForm as N, defineCustomElement as d };
-//# sourceMappingURL=p-wJgbEd5m.js.map
+//# sourceMappingURL=p-n4JDuNbH.js.map
 
-//# sourceMappingURL=p-wJgbEd5m.js.map
+//# sourceMappingURL=p-n4JDuNbH.js.map

package/dist/components/{p-wJgbEd5m.js.map → p-n4JDuNbH.js.map}

@@ -1 +1 @@
-{"file":"p-wJgbEd5m.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-cancel-booking-form/nylas-cancel-booking-form.scss?tag=nylas-cancel-booking-form&encapsulation=shadow","src/components/scheduler/nylas-cancel-booking-form/nylas-cancel-booking-form.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  @include default-css-variables;\n  display: block;\n  width: 400px;\n  font-family: var(--nylas-font-family);\n}\n\n.nylas-cancel-booking-form {\n  form {\n    width: 100%;\n  }\n\n  display: flex;\n  align-items: center;\n  flex-direction: column;\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\n.nylas-cancel-booking-form__title {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 0;\n  color: var(--nylas-base-900);\n}\n\n.nylas-cancel-booking-form__description {\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 140%;\n  color: var(--nylas-base-600);\n  padding-bottom: 1.25rem;\n}\n\n.nylas-cancel-booking-form__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\ncalendar-cancel-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.footer {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  width: 100%;\n  padding-top: 1.25rem;\n  gap: 1rem;\n  border-top: 1px solid var(--nylas-base-200);\n  margin-top: 1.25rem;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { Notification, NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { NylasEvent } from '@/common/types';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-cancel-booking-form` component is a UI component that allows users to cancel a booking (DELETE request).\n * This component is also used to reject a booking (PUT request) by the organizer, if the prop `rejectBookingId` is provided.\n *\n * @part ncbf - The cancel booking form container.\n * @part ncbf__icon - The calendar icon.\n * @part ncbf__title - The title of the cancel booking form.\n * @part ncbf__description - The description of the cancel booking form.\n * @part ncbf__reason-textarea - The reason textarea.\n * @part ncbf__button-cta - The cancel booking form CTA button.\n * @part ncbf__button-outline - The cancel booking form outline button.\n * @part ncbf__card - The cancel booking form card.\n */\n@Component({\n  tag: 'nylas-cancel-booking-form',\n  styleUrl: 'nylas-cancel-booking-form.scss',\n  shadow: true,\n})\nexport class NylasCancelBookingForm {\n  private textareaRef?: HTMLTextareaComponentElement;\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasCancelBookingFormElement;\n\n  /**\n   * The booking ID to cancel.\n   */\n  @Prop() readonly cancelBookingId?: string;\n\n  /**\n   * The booking ID to reject.\n   */\n  @Prop() readonly rejectBookingId?: string;\n\n  /**\n   * The selected timeslot.\n   */\n  @Prop() readonly selectedTimeslot!: Timeslot;\n\n  /**\n   * @standalone\n   * The config settings.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The event info.\n   */\n  @Prop() readonly eventInfo?: NylasEvent;\n\n  /**\n   * @standalone\n   * The loading state.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * @standalone\n   * The default language.\n   */\n  @Prop() readonly selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * This event is fired when the Go back button is clicked on the cancel booking form.\n   */\n  @Event() readonly goBackButtonClicked!: EventEmitter<void>;\n\n  /**\n   * This event is fired when the cancel booking form is submitted.\n   */\n  @Event() readonly cancelBookingFormSubmitted!: EventEmitter<{\n    bookingId: string;\n    action: 'reject' | 'cancel';\n    reason: string;\n    errorHandler?: (error: NylasSchedulerErrorResponse) => void;\n  }>;\n\n  /**\n   * This event is only for triggering the validation on the text area for cancellation reason. This is for internal purposes only.\n   */\n  @Event() readonly triggerValidation!: EventEmitter<{}>;\n  /**\n   * This event is fired when an error occurs while cancelling the booking.\n   */\n  @Event() readonly cancelBookedEventError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  /**\n   * This event is fired when an error occurs in the booking form.\n   */\n  @Event() cancelBookingFormError!: EventEmitter<Partial<Notification>>;\n\n  /**\n   * The reason for cancellation.\n   */\n  @State() cancellationReason: string = '';\n\n  @State() cancellationError: string = '';\n\n  @State() cancellationPolicy: string = this.configSettings?.scheduler?.cancellation_policy || 'Your current timeslot will become available to others.';\n\n  @Watch('configSettings')\n  configSettingsChangedHandler(newValue: ConfigSettings) {\n    this.cancellationPolicy = newValue?.scheduler?.cancellation_policy || 'Your current timeslot will become available to others.';\n  }\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-cancel-booking-form] 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-cancel-booking-form] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-cancel-booking-form] Component did load`);\n    if (!this.cancelBookingId) {\n      debug(`[nylas-cancel-booking-form] No booking ID provided, \"cancelBookingId\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-cancel-booking-form] 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        this.textareaRef?.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleGoBackClicked = () => {\n    this.goBackButtonClicked.emit();\n  };\n\n  private handleSubmitCancelBooking = (event: Event) => {\n    this.triggerValidation.emit({});\n    event.preventDefault();\n    if (!this.cancellationReason) {\n      this.cancellationError = i18next.t('cancellationErrorMessage');\n      this.cancelBookingFormError.emit({ title: i18next.t('cancelBokingFormError'), description: i18next.t('cancellationErrorMessage') });\n      return;\n    }\n\n    const minCancellationNotice = this.configSettings?.scheduler?.min_cancellation_notice;\n    if (this.selectedTimeslot && minCancellationNotice) {\n      const startTime = new Date(this.selectedTimeslot?.start_time);\n      const dateTillCancellation = startTime.getTime() - minCancellationNotice * 60 * 1000;\n\n      if (dateTillCancellation < new Date().getTime()) {\n        this.cancelBookedEventError.emit({\n          error: {\n            title: i18next.t('cancellationErrorTitle'),\n            message: i18next.t('minimumCancellationNoticeErrorMessage', { minCancellationNotice }),\n          },\n        });\n        return;\n      }\n    }\n\n    debug(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.cancelBookedEventError.emit(error);\n    };\n    if (this.cancelBookingId) {\n      this.cancelBookingFormSubmitted.emit({ bookingId: this.cancelBookingId, action: 'cancel', reason: this.cancellationReason, errorHandler });\n    } else if (this.rejectBookingId) {\n      this.cancelBookingFormSubmitted.emit({ bookingId: this.rejectBookingId, action: 'reject', reason: this.cancellationReason, errorHandler });\n    }\n  };\n\n  @Listen('nylasFormInputChanged')\n  handleNylasFormInputChanged(event: CustomEvent<{ value: string; name: string; error: string; label: string; type: string }>) {\n    this.triggerValidation.emit({});\n    if (event.detail.name === 'cancel-reason') {\n      this.cancellationReason = event.detail.value;\n      this.cancellationError = event.detail.error;\n    }\n  }\n\n  @RegisterComponent<NylasCancelBookingForm, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-cancel-booking-form',\n    stateToProps: new Map([\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n      ['scheduler.eventInfo', 'eventInfo'],\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.cancelBookingId', 'cancelBookingId'],\n      ['scheduler.rejectBookingId', 'rejectBookingId'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      cancelBookingFormSubmitted: async (\n        event: CustomEvent<{ bookingId: string; action: 'reject' | 'cancel'; reason: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>,\n        nylasSchedulerConnector: NylasSchedulerConnector,\n      ) => {\n        const { action, errorHandler } = event.detail;\n        if (action === 'cancel') {\n          const result = await nylasSchedulerConnector.scheduler.cancelBooking(event.detail.bookingId, event.detail.reason);\n          if (errorHandler && (!result || 'error' in result)) {\n            errorHandler(result);\n          }\n        } else if (action === 'reject') {\n          const result = await nylasSchedulerConnector.scheduler.updateBooking({\n            bookingId: event.detail.bookingId,\n            status: 'cancelled',\n            reason: event.detail.reason,\n          });\n          if (errorHandler && (!result || 'error' in result)) {\n            errorHandler(result);\n          }\n        }\n      },\n      goBackButtonClicked: async (event: CustomEvent<void>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-cancel-booking-form', 'goBackButtonClicked', event.detail);\n        nylasSchedulerConnector.scheduler.goBack();\n      },\n      cancelBookedEventError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-cancel-booking-form', 'cancelBookedEventError', event.detail);\n      },\n      cancelBookingFormError: async (event: CustomEvent<Partial<Notification>>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-cancel-booking-form', 'cancelBookingFormError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncbf\">\n        <div class=\"nylas-cancel-booking-form\" part=\"ncbf__card\">\n          <div class=\"nylas-cancel-booking-form__calendar-icon\" part=\"ncbf__icon\">\n            <calendar-cancel-icon />\n          </div>\n          <h3 class=\"nylas-cancel-booking-form__title\" part=\"ncbf__title\">\n            {i18next.t('cancelBookingTitle')}\n          </h3>\n          <div class=\"nylas-cancel-booking-form__description\" part=\"ncbf__description\">\n            {!this.configSettings?.scheduler?.cancellation_policy ? `${i18next.t('cancelBookingMessage')}` : this.cancellationPolicy}\n          </div>\n          <form onSubmit={this.handleSubmitCancelBooking}>\n            <textarea-component\n              id=\"cancel-reason\"\n              name=\"cancel-reason\"\n              ref={el => (this.textareaRef = el)}\n              required={true}\n              label={i18next.t('reasonForCancellation')}\n              class={this.cancellationError ? 'error' : ''}\n              part=\"ncbf__reason-textarea\"\n              defaultValue={this.cancellationReason}\n            ></textarea-component>\n            <div class=\"footer\">\n              <button-component variant={'destructive'} class=\"cancel\" type=\"submit\" part=\"ncbf__button-cta\" disabled={this.isLoading}>\n                {i18next.t('cancelBookingButton')}\n              </button-component>\n              {!!this.eventInfo && (\n                <button-component variant={'basic'} class=\"back\" part=\"ncbf__button-outline\" onClick={this.handleGoBackClicked}>\n                  {i18next.t('goBackButton')}\n                </button-component>\n              )}\n            </div>\n          </form>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-n4JDuNbH.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18next"],"sources":["src/components/scheduler/nylas-cancel-booking-form/nylas-cancel-booking-form.scss?tag=nylas-cancel-booking-form&encapsulation=shadow","src/components/scheduler/nylas-cancel-booking-form/nylas-cancel-booking-form.tsx"],"sourcesContent":["@use '../../../common/styles/variables' as *;\n\n:host {\n  @include default-css-variables;\n  display: block;\n  width: 400px;\n  font-family: var(--nylas-font-family);\n}\n\n.nylas-cancel-booking-form {\n  form {\n    width: 100%;\n  }\n\n  display: flex;\n  align-items: center;\n  flex-direction: column;\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\n.nylas-cancel-booking-form__title {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 0;\n  color: var(--nylas-base-900);\n}\n\n.nylas-cancel-booking-form__description {\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 140%;\n  color: var(--nylas-base-600);\n  padding-bottom: 1.25rem;\n}\n\n.nylas-cancel-booking-form__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\ncalendar-cancel-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.footer {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  width: 100%;\n  padding-top: 1.25rem;\n  gap: 1rem;\n  border-top: 1px solid var(--nylas-base-200);\n  margin-top: 1.25rem;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { Notification, NylasSchedulerErrorResponse, ThemeConfig, Timeslot } from '@nylas/core';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { NylasEvent } from '@/common/types';\nimport { LANGUAGE_CODE } from '@/common/constants';\n\n/**\n * The `nylas-cancel-booking-form` component is a UI component that allows users to cancel a booking (DELETE request).\n * This component is also used to reject a booking (PUT request) by the organizer, if the prop `rejectBookingId` is provided.\n *\n * @part ncbf - The cancel booking form container.\n * @part ncbf__icon - The calendar icon.\n * @part ncbf__title - The title of the cancel booking form.\n * @part ncbf__description - The description of the cancel booking form.\n * @part ncbf__reason-textarea - The reason textarea.\n * @part ncbf__button-cta - The cancel booking form CTA button.\n * @part ncbf__button-outline - The cancel booking form outline button.\n * @part ncbf__card - The cancel booking form card.\n */\n@Component({\n  tag: 'nylas-cancel-booking-form',\n  styleUrl: 'nylas-cancel-booking-form.scss',\n  shadow: true,\n})\nexport class NylasCancelBookingForm {\n  private textareaRef?: HTMLTextareaComponentElement;\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasCancelBookingFormElement;\n\n  /**\n   * The booking ID to cancel.\n   */\n  @Prop() readonly cancelBookingId?: string;\n\n  /**\n   * The booking ID to reject.\n   */\n  @Prop() readonly rejectBookingId?: string;\n\n  /**\n   * The selected timeslot.\n   */\n  @Prop() readonly selectedTimeslot!: Timeslot;\n\n  /**\n   * @standalone\n   * The config settings.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The event info.\n   */\n  @Prop() readonly eventInfo?: NylasEvent;\n\n  /**\n   * @standalone\n   * The loading state.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * @standalone\n   * The theme configuration.\n   */\n  @Prop({ attribute: 'theme-config' }) readonly themeConfig?: any;\n\n  /**\n   * @standalone\n   * The default language.\n   */\n  @Prop() readonly selectedLanguage?: LANGUAGE_CODE;\n\n  /**\n   * This event is fired when the Go back button is clicked on the cancel booking form.\n   */\n  @Event() readonly goBackButtonClicked!: EventEmitter<void>;\n\n  /**\n   * This event is fired when the cancel booking form is submitted.\n   */\n  @Event() readonly cancelBookingFormSubmitted!: EventEmitter<{\n    bookingId: string;\n    action: 'reject' | 'cancel';\n    reason: string;\n    errorHandler?: (error: NylasSchedulerErrorResponse) => void;\n  }>;\n\n  /**\n   * This event is only for triggering the validation on the text area for cancellation reason. This is for internal purposes only.\n   */\n  @Event() readonly triggerValidation!: EventEmitter<{}>;\n  /**\n   * This event is fired when an error occurs while cancelling the booking.\n   */\n  @Event() readonly cancelBookedEventError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  /**\n   * This event is fired when an error occurs in the booking form.\n   */\n  @Event() cancelBookingFormError!: EventEmitter<Partial<Notification>>;\n\n  /**\n   * The reason for cancellation.\n   */\n  @State() cancellationReason: string = '';\n\n  @State() cancellationError: string = '';\n\n  @State() cancellationPolicy: string = this.configSettings?.scheduler?.cancellation_policy || 'Your current timeslot will become available to others.';\n\n  @Watch('configSettings')\n  configSettingsChangedHandler(newValue: ConfigSettings) {\n    this.cancellationPolicy = newValue?.scheduler?.cancellation_policy || 'Your current timeslot will become available to others.';\n  }\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-cancel-booking-form] 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-cancel-booking-form] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-cancel-booking-form] Component did load`);\n    if (!this.cancelBookingId) {\n      debug(`[nylas-cancel-booking-form] No booking ID provided, \"cancelBookingId\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-cancel-booking-form] 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        this.textareaRef?.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  private handleGoBackClicked = () => {\n    this.goBackButtonClicked.emit();\n  };\n\n  private handleSubmitCancelBooking = (event: Event) => {\n    this.triggerValidation.emit({});\n    event.preventDefault();\n    if (!this.cancellationReason) {\n      this.cancellationError = i18next.t('cancellationErrorMessage');\n      this.cancelBookingFormError.emit({ title: i18next.t('cancelBokingFormError'), description: i18next.t('cancellationErrorMessage') });\n      return;\n    }\n\n    const minCancellationNotice = this.configSettings?.scheduler?.min_cancellation_notice;\n    if (this.selectedTimeslot && minCancellationNotice) {\n      const startTime = new Date(this.selectedTimeslot?.start_time);\n      const dateTillCancellation = startTime.getTime() - minCancellationNotice * 60 * 1000;\n\n      if (dateTillCancellation < new Date().getTime()) {\n        this.cancelBookedEventError.emit({\n          error: {\n            title: i18next.t('cancellationErrorTitle'),\n            message: i18next.t('minimumCancellationNoticeErrorMessage', { minCancellationNotice }),\n          },\n        });\n        return;\n      }\n    }\n\n    debug(`[nylas-cancel-booking-form] Cancel booking form submitted with reason: ${this.cancellationReason}`);\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.cancelBookedEventError.emit(error);\n    };\n    if (this.cancelBookingId) {\n      this.cancelBookingFormSubmitted.emit({ bookingId: this.cancelBookingId, action: 'cancel', reason: this.cancellationReason, errorHandler });\n    } else if (this.rejectBookingId) {\n      this.cancelBookingFormSubmitted.emit({ bookingId: this.rejectBookingId, action: 'reject', reason: this.cancellationReason, errorHandler });\n    }\n  };\n\n  @Listen('nylasFormInputChanged')\n  handleNylasFormInputChanged(event: CustomEvent<{ value: string; name: string; error: string; label: string; type: string }>) {\n    this.triggerValidation.emit({});\n    if (event.detail.name === 'cancel-reason') {\n      this.cancellationReason = event.detail.value;\n      this.cancellationError = event.detail.error;\n    }\n  }\n\n  @RegisterComponent<NylasCancelBookingForm, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-cancel-booking-form',\n    stateToProps: new Map([\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n      ['scheduler.eventInfo', 'eventInfo'],\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.cancelBookingId', 'cancelBookingId'],\n      ['scheduler.rejectBookingId', 'rejectBookingId'],\n      ['scheduler.themeConfig', 'themeConfig'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      cancelBookingFormSubmitted: async (\n        event: CustomEvent<{ bookingId: string; action: 'reject' | 'cancel'; reason: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>,\n        nylasSchedulerConnector: NylasSchedulerConnector,\n      ) => {\n        const { action, errorHandler } = event.detail;\n        if (action === 'cancel') {\n          const result = await nylasSchedulerConnector.scheduler.cancelBooking(event.detail.bookingId, event.detail.reason);\n          if (errorHandler && (!result || 'error' in result)) {\n            errorHandler(result);\n          }\n        } else if (action === 'reject') {\n          const result = await nylasSchedulerConnector.scheduler.updateBooking({\n            bookingId: event.detail.bookingId,\n            status: 'cancelled',\n            reason: event.detail.reason,\n          });\n          if (errorHandler && (!result || 'error' in result)) {\n            errorHandler(result);\n          }\n        }\n      },\n      goBackButtonClicked: async (event: CustomEvent<void>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-cancel-booking-form', 'goBackButtonClicked', event.detail);\n        nylasSchedulerConnector.scheduler.goBack();\n      },\n      cancelBookedEventError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-cancel-booking-form', 'cancelBookedEventError', event.detail);\n      },\n      cancelBookingFormError: async (event: CustomEvent<Partial<Notification>>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-cancel-booking-form', 'cancelBookingFormError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncbf\">\n        <div class=\"nylas-cancel-booking-form\" part=\"ncbf__card\">\n          <div class=\"nylas-cancel-booking-form__calendar-icon\" part=\"ncbf__icon\">\n            <calendar-cancel-icon />\n          </div>\n          <h3 class=\"nylas-cancel-booking-form__title\" part=\"ncbf__title\">\n            {i18next.t('cancelBookingTitle')}\n          </h3>\n          <div class=\"nylas-cancel-booking-form__description\" part=\"ncbf__description\">\n            {!this.configSettings?.scheduler?.cancellation_policy ? `${i18next.t('cancelBookingMessage')}` : this.cancellationPolicy}\n          </div>\n          <form onSubmit={this.handleSubmitCancelBooking}>\n            <textarea-component\n              id=\"cancel-reason\"\n              name=\"cancel-reason\"\n              ref={el => (this.textareaRef = el)}\n              required={true}\n              label={i18next.t('reasonForCancellation')}\n              class={this.cancellationError ? 'error' : ''}\n              part=\"ncbf__reason-textarea\"\n              defaultValue={this.cancellationReason}\n            ></textarea-component>\n            <div class=\"footer\">\n              <button-component variant={'destructive'} class=\"cancel\" type=\"submit\" part=\"ncbf__button-cta\" disabled={this.isLoading}>\n                {i18next.t('cancelBookingButton')}\n              </button-component>\n              {!!this.eventInfo && (\n                <button-component variant={'basic'} class=\"back\" part=\"ncbf__button-outline\" onClick={this.handleGoBackClicked}>\n                  {i18next.t('goBackButton')}\n                </button-component>\n              )}\n            </div>\n          </form>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}