@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241017103834

package/dist/nylas-web-elements/p-7a1d51ab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nylasBookedEventCardCss","NylasBookedEventCardStyle0","NylasBookedEventCard","this","handleCancelBookingButtonClicked","startTime","Date","selectedTimeslot","start_time","minCancellationNotice","configSettings","scheduler","min_cancellation_notice","dateTillCancellation","getTime","cancelBookedEventValidationError","emit","error","title","message","cancelBookingButtonClicked","bookingId","eventInfo","booking_id","handleRescheduleButtonClicked","errorHandler","rescheduleBookedEventError","rescheduleButtonClicked","getPaticipantType","type","Intl","DateTimeFormat","resolvedOptions","timeZone","navigator","language","connectedCallback","disconnectedCallback","componentWillLoad","debug","componentDidLoad","console","warn","bookingInfo","formatTimezone","selectedTimezone","endTime","end_time","render","bookingType","booking_type","isManualConfirmation","h","Host","key","part","class","TIMEZONE_MAP","slot","rescheduleBookingId","isLoading","i18next","t","capitalizeFirstLetter","toLocaleDateString","LANGUAGE_CODE_MAP","selectedLanguage","dateStyle","footer","hide_cancellation_options","hide_rescheduling_options","variant","onClick","__decorate","RegisterComponent","name","stateToProps","Map","eventToProps","async","event","nylasSchedulerConnector","setCancel","detail","result","setReschedule","_nylasSchedulerConnector","fireRegisterEvent","nylasBookingFormCss","NylasBookingFormStyle0","emailRegex","NylasBookingForm","handleGuestChange","guestIndex","email","resetGuestEmailError","guests","guestEmails","sanitizeHtml","handleGuestBlur","guestEmailErrors","field","test","addGuestButtonClickedHandler","e","preventDefault","removeGuestButtonClickHandler","splice","handleBackButtonClicked","backButtonLoading","backButtonClicked","bookButtonClickedHandler","formSubmittedEvent","bookingFormSubmitted","defaultPrevented","primaryParticipant","isNameValid","validationError","bookingFormError","description","isEmailValid","length","hasError","forEach","i","map","trim","bookingInfoAdditionalFields","additionalFields","configAdditionalFields","additional_fields","Object","entries","obj","value","detailsConfirmed","updateAdditionalFields","bookingInfoChangedHandler","newValue","changeName","sanitize","nameChanged","changeEmail","emailChanged","errors","nylasFormInputChangedHandler","selectOptionChangedHandler","switchToggledHandler","checked","checkboxToggledHandler","radioChangedHandler","dropdownDefaultSelectedHandler","onSubmit","noValidate","label","id","defaultValue","placeholder","required","requiredError","patternError","pattern","hide_additional_guests","index","maxLength","onBlur","target","onInput","tooltip","sort","a","b","order","x","withSearch","defaultSelectedOption","undefined","options","option","exportparts","defaultSelectedValue","disabled","_event","toggleAdditionalData","setParticipantName","setParticipantEmail","nylasCancelBookingFormCss","NylasCancelBookingFormStyle0","NylasCancelBookingForm","handleGoBackClicked","goBackButtonClicked","handleSubmitCancelBooking","triggerValidation","cancellationReason","cancellationError","cancelBookingFormError","cancelBookedEventError","cancelBookingId","cancelBookingFormSubmitted","action","reason","rejectBookingId","cancellation_policy","configSettingsChangedHandler","cancellationPolicy","handleNylasFormInputChanged","cancelBooking","updateBooking","status","goBack","nylasCancelledEventCardCss","NylasCancelledEventCardStyle0","NylasCancelledEventCard","handleCloseClicked","isClosing","cancelledEventCardError","closeCancelEventCardClicked","cancelledEventInfo","organizer","_","nylasschedulerconnector","resetCancel","_nylasschedulerconnector","nylasConfirmedEventCardCss","NylasConfirmedEventCardStyle0","NylasConfirmedEventCard","confirmedEventCardError","closeConfirmEventCardClicked","confirmedEventInfo","resetConfirm","t0","t1","timeInterval","floori","offseti","count","interval","date","arguments","floor","ceil","round","d0","d1","offset","step","Math","range","start","stop","previous","push","filter","setTime","end","every","isFinite","d","durationSecond","durationMinute","durationHour","durationDay","timeDay","setHours","setDate","getDate","getTimezoneOffset","setUTCHours","setUTCDate","getUTCDate","nylasDatePickerCss","NylasDatePickerStyle0","NylasDatePicker","selectedDate","getDates","configSettingsChanged","newConfigSettings","nextMonth","month","getFullYear","getMonth","availableDaysInFuture","available_days_in_future","endDate","addDaysToCurrentDate","disableNextMonthButton","selectedLanguageChanged","newLanguage","changeLanguage","lastDayOfMonth","getLastDayOfMonth","firstDayOfMonth","getFirstDayOfMonth","getDay","selectDate","dateSelected","changeMonth","change","dates","monthChanged","isSelected","selectableDates","isSameDay","isDisabled","find","eventDuration","convertMinutesToHoursAndMinutes","translateMonth","toLocaleLowerCase","year","button","day","isSameMonth","style","animationDelay","selected","nylasLocaleSwitchCss","NylasLocaleSwitchStyle0","NylasLocaleSwitch","changeTimezone","timezone","timezoneChanged","languageChanged","nylasFormDropdownChangedHandler","getTimezoneLabelHTML","display","alignItems","justifyContent","width","fontSize","fontWeight","color","timezoneOptions","keys","labelHTML","languageOptions","LANGUAGE_MAP","op","height","lang","selectTimezone","selectLanguage","iconCss","NylasLogoStyle0","NylasLogo","viewBox","fill","xmlns","transform","nylasNotificationCss","NylasNotificationStyle0","NylasNotification","onError","notification","handleNotification","onWarning","onInfo","onSuccess","isChildOf","parentHost","parent","host","parentNode","ShadowRoot","ttl","allowedCategories","includes","category","notifications","window","setTimeout","notif","dismissNotification","Fragment","nylasOrganizerConfirmationCardCss","NylasOrganizerConfirmationCardStyle0","NylasOrganizerConfirmationCard","handleConfirmBookingButtonClicked","confirmBookingError","organizerConfirmationBookingId","confirmBookingButtonClicked","handleRejectBookingButtonClicked","rejectBookingButtonClicked","resetAction","setReject","nylasSelectedEventCardCss","NylasSelectedEventCardStyle0","NylasSelectedEventCard","timeFormat","hour","minute","format","nylasTimeslotPickerCss","NylasTimeslotPickerStyle0","NylasTimeslotPicker","handleConfirmedTimeslot","timeslot","timeslotConfirmed","handleMouseEnter","hoveredTimeslotIndex","handleMouseLeave","selectedDateChanged","newVal","selectedTimeslotIndex","availableTimes","availability","times","availabilityChanged","getTimeslotId","onClickSelectTime","timeslotSelected","emails","getTimeSlotLabel","Array","time","onMouseEnter","onMouseLeave","toLocaleTimeString","selectTime"],"sources":["src/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.scss?tag=nylas-booked-event-card&encapsulation=shadow","src/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.tsx","src/components/scheduler/nylas-booking-form/nylas-booking-form.scss?tag=nylas-booking-form&encapsulation=shadow","src/components/scheduler/nylas-booking-form/nylas-booking-form.tsx","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","src/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.scss?tag=nylas-cancelled-event-card&encapsulation=shadow","src/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.tsx","src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.scss?tag=nylas-confirmed-event-card&encapsulation=shadow","src/components/scheduler/nylas-confirmed-event-card/nylas-confirmed-event-card.tsx","../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/interval.js","../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/duration.js","../../node_modules/.pnpm/d3-time@3.1.0/node_modules/d3-time/src/day.js","src/components/scheduler/nylas-date-picker/nylas-date-picker.scss?tag=nylas-date-picker&encapsulation=shadow","src/components/scheduler/nylas-date-picker/nylas-date-picker.tsx","src/components/scheduler/nylas-locale-switch/nylas-locale-switch.scss?tag=nylas-locale-switch&encapsulation=shadow","src/components/scheduler/nylas-locale-switch/nylas-locale-switch.tsx","src/common/icons/icon.css?tag=nylas-logo&encapsulation=scoped","src/common/icons/nylas-logo.tsx","src/components/scheduler/nylas-notification/nylas-notification.scss?tag=nylas-notification&encapsulation=shadow","src/components/scheduler/nylas-notification/nylas-notification.tsx","src/components/scheduler/nylas-organizer-confirmation-card/nylas-organizer-confirmation-card.scss?tag=nylas-organizer-confirmation-card&encapsulation=shadow","src/components/scheduler/nylas-organizer-confirmation-card/nylas-organizer-confirmation-card.tsx","src/components/scheduler/nylas-selected-event-card/nylas-selected-event-card.scss?tag=nylas-selected-event-card&encapsulation=shadow","src/components/scheduler/nylas-selected-event-card/nylas-selected-event-card.tsx","src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.scss?tag=nylas-timeslot-picker&encapsulation=shadow","src/components/scheduler/nylas-timeslot-picker/nylas-timeslot-picker.tsx"],"sourcesContent":["@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-booked-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n}\n\n.event-card-wrapper {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-900);\n  border-radius: var(--nylas-border-radius-3x);\n  position: relative;\n  margin-top: 1rem;\n  margin-bottom: 2rem;\n  width: 424px;\n\n  @media #{$mobile} {\n    width: 100%;\n    border-radius: 0px;\n  }\n\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.calendar-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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  color: var(--nylas-base-700);\n}\n\n.booked-event-header {\n  margin: 1.5rem 0;\n  overflow-wrap: anywhere;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  font-size: 1rem;\n  font-weight: 400;\n  border-bottom: 1px solid var(--nylas-base-200);\n  width: inherit;\n  padding: 0 0 1.5rem;\n\n  h2 {\n    color: var(--nylas-base-600);\n    margin-top: 1.5rem;\n    margin-bottom: 0.25rem;\n    font-size: 1.125rem;\n    font-weight: 600;\n  }\n\n  .card-description {\n    text-align: center;\n  }\n}\n\n.booking-date-time,\n.booking-participants {\n  padding: 0 1rem;\n  margin-top: 1.5rem;\n  margin-left: 3rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-self: flex-start;\n  position: relative;\n\n  svg {\n    color: var(--nylas-base-700);\n    position: absolute;\n    left: -10px;\n  }\n\n  .block {\n    display: block;\n  }\n\n  h3 {\n    color: var(--nylas-base-600);\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    line-height: 1.25rem;\n    text-align: justify;\n    margin-bottom: 4px;\n  }\n\n  p {\n    font-size: 16px;\n    margin: 0;\n    font-weight: 400;\n    text-align: justify;\n    color: var(--nylas-base-800);\n  }\n}\n\n.booking-participants {\n  margin-bottom: 1.5rem;\n}\n\n.booked-event-timezone {\n  display: flex;\n  color: var(--nylas-base-600);\n  margin-bottom: 1.5rem;\n  gap: 4px;\n  margin: 2rem;\n  align-items: center;\n  align-self: flex-end;\n}\n\n.button-container {\n  width: inherit;\n}\n\n.footer {\n  padding: 0.5rem;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n  box-sizing: border-box;\n  background-color: var(--nylas-base-25);\n  border-top: 1px solid var(--nylas-base-200);\n  width: 100%;\n  border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n\n  &.no-template-cols {\n    grid-template-columns: 1fr;\n  }\n\n  &.no-footer {\n    display: none;\n  }\n}\n\nsp-divider {\n  background-color: var(--nylas-base-200);\n  height: 1px;\n}\n\ncalendar-check-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, EventEmitter, h, Host, Prop, State } from '@stencil/core';\nimport { ConfigSettings, NylasSchedulerBookingData, NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { capitalizeFirstLetter, debug, formatTimezone } from '@/utils/utils';\nimport { LANGUAGE_CODE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { NylasEvent } from '@/common/types';\nimport { Event } from '@stencil/core';\nimport { NylasSchedulerErrorResponse, Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n/**\n * The `nylas-booked-event-card` component is a UI component that displays the booked event card.\n *\n * @part nbec - The booked event card host.\n * @part nbec__card - The booked event card.\n * @part nbec__title - The title of the booked event card.\n * @part nbec__description - The description of the booked event card.\n * @part nbec__button-outline - The cancel & reschedule button CTA.\n * @part nbec__cancel-cta - The cancel button CTA.\n * @part nbec__reschedule-cta - The reschedule button CTA.\n */\n@Component({\n  tag: 'nylas-booked-event-card',\n  styleUrl: 'nylas-booked-event-card.scss',\n  shadow: true,\n})\nexport class NylasBookedEventCard {\n  /**\n   * @standalone\n   * The booked event.\n   */\n  @Prop() readonly eventInfo!: NylasEvent;\n\n  /**\n   * @standalone\n   * Booking flow type.\n   */\n  @Prop() readonly rescheduleBookingId?: string;\n\n  /**\n   * @standalone\n   * The booking info used to book / reschedule the event.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The loading state prop. Used to display loading state when fetching availability.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop() readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected timeslot.\n   */\n  @Prop() readonly selectedTimeslot!: Timeslot;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage: string = navigator.language;\n\n  @State() startTime: string = '';\n  @State() endTime: string = '';\n\n  /**\n   * Cancel booking button clicked event.\n   */\n  @Event() readonly cancelBookingButtonClicked!: EventEmitter<{ bookingId: string }>;\n\n  /**\n   * Reschedule button clicked event.\n   * */\n  @Event() readonly rescheduleButtonClicked!: EventEmitter<{ bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs while rescheduling the booking.\n   */\n  @Event() readonly rescheduleBookedEventError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  /**\n   * This event is fired when an error occurs while cancelling the booking.\n   */\n  @Event() readonly cancelBookedEventValidationError!: EventEmitter<{\n    error: {\n      title: string;\n      message: string;\n    };\n  }>;\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-booked-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-booked-event-card] Component did load`);\n    if (!this.eventInfo) {\n      console.warn('[nylas-booked-event-card] \"eventInfo\" prop missing. Please provide the event info to display the event details in the booked event card component.');\n    }\n    if (!this.bookingInfo) {\n      console.warn('[nylas-booked-event-card] \"bookingInfo\" prop missing. Please provide the booking info to display the guest details in the booked event card component.');\n    }\n\n    this.startTime = formatTimezone(this.selectedTimeslot?.start_time as Date, this.selectedTimezone);\n    this.endTime = formatTimezone(this.selectedTimeslot?.end_time as Date, this.selectedTimezone);\n  }\n\n  private handleCancelBookingButtonClicked = () => {\n    const startTime = new Date(this.selectedTimeslot.start_time);\n    const minCancellationNotice = this.configSettings?.scheduler?.min_cancellation_notice;\n    const dateTillCancellation = startTime.getTime() - minCancellationNotice * 60 * 1000;\n    if (dateTillCancellation < new Date().getTime()) {\n      this.cancelBookedEventValidationError.emit({\n        error: {\n          title: 'Cancellation Error',\n          message: `You cannot cancel the booking within ${minCancellationNotice} minutes of the event.`,\n        },\n      });\n    } else {\n      this.cancelBookingButtonClicked.emit({ bookingId: this.eventInfo.booking_id });\n    }\n  };\n\n  private handleRescheduleButtonClicked = () => {\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.rescheduleBookedEventError.emit(error);\n    };\n    this.rescheduleButtonClicked.emit({ bookingId: this.eventInfo.booking_id, errorHandler });\n  };\n\n  getPaticipantType = (type: string) => {\n    switch (type) {\n      case 'host':\n        return 'Host';\n      case 'you':\n        return 'You';\n      default:\n        return '';\n    }\n  };\n\n  @RegisterComponent<NylasBookedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-booked-event-card',\n    stateToProps: new Map([\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.rescheduleBookingId', 'rescheduleBookingId'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.configSettings', 'configSettings'],\n    ]),\n    eventToProps: {\n      cancelBookingButtonClicked: async (event: CustomEvent<{ bookingId: string }>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        nylasSchedulerConnector.scheduler.setCancel(event.detail.bookingId);\n      },\n      rescheduleButtonClicked: async (\n        event: CustomEvent<{ bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>,\n        nylasSchedulerConnector: NylasSchedulerConnector,\n      ) => {\n        const result = await nylasSchedulerConnector.scheduler.setReschedule(event.detail.bookingId);\n        const { errorHandler } = event.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n      rescheduleBookedEventError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booked-event-card', 'rescheduleBookedEventError', event.detail);\n      },\n      cancelBookedEventValidationError: async (event: CustomEvent<{ error: { title: string; message: string } }>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booked-event-card', 'cancelBookedEventValidationError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const bookingType = this.configSettings?.booking_type;\n    const isManualConfirmation = bookingType && bookingType !== 'booking';\n\n    return (\n      <Host part=\"nbec\">\n        <div class=\"nylas-booked-event-card\">\n          <div class=\"booked-event-timezone\">\n            <globe-icon></globe-icon>\n            {TIMEZONE_MAP[this.selectedTimezone]}\n          </div>\n          <div class=\"event-card-wrapper\" part=\"nbec__card\">\n            <div class=\"calendar-icon\">\n              <calendar-check-icon />\n            </div>\n            <div class=\"booked-event-header\">\n              <h2 slot=\"card-title\" part=\"nbec__title\">\n                {!!this.rescheduleBookingId && !this.isLoading\n                  ? `${i18next.t('bookingRescheduled')}`\n                  : isManualConfirmation && !this.isLoading\n                    ? `${i18next.t('bookingSent')}`\n                    : `${i18next.t('bookingConfirmed')}`}\n                !\n              </h2>\n              <div class=\"card-description\" part=\"nbec__description\">\n                {isManualConfirmation ? i18next.t('bookingSentDescription') : <span>{i18next.t('bookingConfirmedDescription')}</span>}\n              </div>\n            </div>\n            <div class=\"booking-date-time\">\n              <checkmark-circle-icon></checkmark-circle-icon>\n              <h3>{i18next.t('bookingDateAndTimeHeader')}</h3>\n              <p>\n                {this.selectedTimeslot?.start_time\n                  ? capitalizeFirstLetter(new Date(this.selectedTimeslot?.start_time).toLocaleDateString(LANGUAGE_CODE_MAP[this.selectedLanguage], { dateStyle: 'full' }))\n                  : '-'}{' '}\n                <br />\n                {this.startTime} - {this.endTime}\n              </p>\n            </div>\n            <div class=\"booking-participants\">\n              {/* <people-icon></people-icon>\n              <h3>All participants</h3>\n              {this.eventInfo?.participants && (\n                <p>\n                  {this.eventInfo?.participants?.map((participant: NylasEvent['participants'][0]) => {\n                    return (\n                      <span class=\"block\">\n                        {participant.email} {this.getPaticipantType(participant.type) && `(${this.getPaticipantType(participant.type)})`}\n                      </span>\n                    );\n                  })}\n                </p>\n              )} */}\n            </div>\n\n            {!isManualConfirmation && (\n              <div class=\"button-container\">\n                <div\n                  class={{\n                    'footer': true,\n                    'no-footer':\n                      (this.configSettings?.scheduler?.hide_cancellation_options && this.configSettings?.scheduler?.hide_rescheduling_options) ||\n                      this.configSettings?.booking_type === 'organizer-confirmation',\n                    'no-template-cols': this.configSettings?.scheduler?.hide_cancellation_options || this.configSettings?.scheduler?.hide_rescheduling_options,\n                  }}\n                >\n                  {!this.configSettings?.scheduler?.hide_cancellation_options && (\n                    <button-component variant={'destructive'} onClick={this.handleCancelBookingButtonClicked} part=\"nbec__button-outline nbec__cancel-cta\">\n                      {`${i18next.t('cancelBookingButton')}`}\n                    </button-component>\n                  )}\n                  {!this.configSettings?.scheduler?.hide_rescheduling_options && (\n                    <button-component variant={'basic'} onClick={this.handleRescheduleButtonClicked} part=\"nbec__button-outline nbec__reschedule-cta\">\n                      {`${i18next.t('rescheduleBookingButton')}`}\n                    </button-component>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../common/mixins/inputs.scss';\n@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  height: 100%;\n  @include default-css-variables;\n}\n\n.nylas-booking-form {\n  width: 100%;\n  padding: 1.5rem;\n  box-sizing: border-box;\n  height: 450px;\n  overflow-y: auto;\n  height: 100%;\n}\n\nform {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n}\n\nsp-textfield {\n  --spectrum-corner-radius-100: var(--nylas-border-radius-2x); // Set guest input radius\n  --spectrum-textfield-border-color: var(--nylas-base-300);\n  position: relative;\n  width: 100%;\n  height: 48px;\n  margin-bottom: 16px;\n  color: var(--nylas-base-500);\n}\n\n.cta {\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n\n  @media #{$mobile} {\n    grid-template-columns: 1fr;\n  }\n\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 0.5rem;\n  padding: 14px;\n  box-sizing: border-box;\n  border-top: 1px solid var(--nylas-base-200);\n}\n\n.input-wrapper {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 4px;\n  margin-bottom: 1rem;\n\n  input::placeholder {\n    color: var(--nylas-base-300);\n  }\n\n  label,\n  input {\n    font-family: var(--nylas-font-family);\n    font-size: 16px;\n  }\n\n  .help-text {\n    margin: 0;\n    color: var(--nylas-error);\n  }\n}\n\n.button-wrapper {\n  width: 100%;\n  align-items: flex-start;\n  height: max-content;\n  position: relative;\n}\n\n.button-content {\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n\nsp-infield-button {\n  --spectrum-infield-button-background-color: transparent;\n  --spectrum-infield-button-background-color-hover: transparent;\n  --spectrum-infield-button-background-color-active: transparent;\n  --spectrum-infield-button-border-color: transparent;\n  --spectrum-infield-button-border-width: 1px;\n  --spectrum-infield-button-border-radius: 0;\n  color: var(--nylas-base-600);\n  background: transparent;\n  border: none;\n  outline: 1px solid var(--nylas-base-300);\n  border-radius: 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x) 0;\n  height: 52px;\n  width: 52px;\n  display: flex;\n  position: absolute;\n  right: 0;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  sp-icon-cross300 {\n    color: var(--nylas-base-600);\n  }\n\n  &.error {\n    border-width: 2px;\n    border-color: var(--nylas-error);\n  }\n}\n\ninput[type='text'],\ninput[type='email'] {\n  @include textfield;\n\n  &.guest-email {\n    color: var(--nylas-base-900);\n    padding-right: 52px; // Infield button width\n  }\n}\n\nlabel {\n  @include input-label;\n}\n\nbutton-component.remove-guest {\n  position: absolute;\n  height: 51px;\n  right: 0;\n\n  &.error {\n    button {\n      border-color: var(--nylas-error);\n    }\n  }\n\n  button {\n    height: inherit;\n    border-top-left-radius: initial;\n    border-bottom-left-radius: initial;\n    border: none !important;\n    border-left: 1px solid var(--nylas-base-300) !important;\n\n    &:hover,\n    &:focus {\n      outline: 1px solid var(--nylas-primary) !important;\n      color: var(--nylas-primary);\n    }\n  }\n}\n\nbutton-component.back {\n  button {\n    --dot-color: var(--nylas-base-800);\n  }\n}\n\n.guest-email-input {\n  position: relative;\n  display: flex;\n  width: 100%;\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConnector } from '@/connector/nylas-scheduler-connector';\nimport type { ConfigSettings } from '@/stores/scheduler-store';\nimport type { NylasSchedulerBookingDataWithFlatFields, NylasSchedulerBookingData, NylasEvent } from '@/common/types';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug, sanitize } from '@/utils/utils';\nimport { Notification, NylasSchedulerBookingParticipant } from '@nylas/core';\nimport sanitizeHtml from 'sanitize-html';\nimport i18next from '@/utils/i18n';\n\nconst emailRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;\n\n/**\n * The `nylas-booking-form` component is a UI component that allows users to book an event.\n *\n * The booking form component.\n * @part nbf - The booking form host.\n * @part nbf__input-textfield - The input textfield.\n * @part nbf__button-ghost - The ghost button.\n * @part nbf__button-outline - The outline button.\n * @part nbf__button-primary - The primary button.\n * @part nbf__input-wrapper - The input wrapper.\n * @part nbf__checkbox-component - The checkbox component.\n * @part nbf__radio-button-group - The radio button group.\n * @part nbf__textarea-component - The textarea component.\n * @part nbf__dropdown - The dropdown component.\n * @part nbf__dropdown-button - The dropdown button.\n * @part nbf__dropdown-content - The dropdown content.\n *\n */\n@Component({\n  tag: 'nylas-booking-form',\n  styleUrl: 'nylas-booking-form.scss',\n  shadow: true,\n})\nexport class NylasBookingForm {\n  /**\n   * The host element\n   */\n  @Element() readonly host!: HTMLElement;\n\n  /**\n   * @standalone\n   * The loading state.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * @standalone\n   * The booking info.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * @standalone\n   * The booked event (Used to track if a booking is created in an eventOverride).\n   */\n  @Prop() readonly eventInfo?: NylasEvent;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * This event is fired when the name is changed.\n   */\n  @Event() nameChanged!: EventEmitter<string>;\n\n  /**\n   * This event is fired when the email is changed.\n   */\n  @Event() emailChanged!: EventEmitter<string>;\n\n  /**\n   * This event is fired when the cancel button is clicked.\n   */\n  @Event() backButtonClicked!: EventEmitter<boolean>;\n\n  /**\n   * This event is fired when the book button is clicked and the form validation is complete and successful.\n   * This event is fired before the booking request is sent.\n   */\n  @Event() detailsConfirmed!: EventEmitter<NylasSchedulerBookingDataWithFlatFields>;\n\n  /**\n   * This event is fired when an error occurs in the booking form validation.\n   */\n  @Event() bookingFormError!: EventEmitter<Partial<Notification>>;\n\n  /**\n   * This event is fired immediately after the book button is clicked.\n   * The booking form validation is not complete at this point.\n   */\n  @Event() bookingFormSubmitted!: EventEmitter<void>;\n\n  /**\n   * The name of the user.\n   */\n  @State() name: string = '';\n\n  /**\n   * The email address of the user.\n   */\n  @State() email: string = '';\n\n  /**\n   * The guests of the user.\n   */\n  @State() guestEmails: string[] = [];\n\n  /**\n   * Guest email input errors.\n   */\n  @State() guestEmailErrors: { [key: number]: string } = {};\n\n  /**\n   * State to check if name is valid.\n   */\n  @State() isNameValid: boolean = true;\n\n  /**\n   * State to check if email is valid.\n   */\n  @State() isEmailValid: boolean = true;\n\n  @State() additionalFields?: Record<string, string> = {};\n\n  /**\n   * Error message state.\n   */\n  @State() validationError: { name: string; email: string } = { name: '', email: '' };\n\n  @State() backButtonLoading: boolean = false;\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  componentWillLoad() {\n    debug('nylas-booking-form', 'componentWillLoad', this.bookingInfo);\n    if (this.bookingInfo && this.bookingInfo?.primaryParticipant) {\n      this.name = this.bookingInfo.primaryParticipant?.name;\n      this.email = this.bookingInfo.primaryParticipant?.email;\n    }\n  }\n\n  @Watch('bookingInfo')\n  bookingInfoChangedHandler(newValue: NylasSchedulerBookingData | undefined) {\n    if (newValue && newValue.primaryParticipant) {\n      this.name = newValue.primaryParticipant.name;\n      this.email = newValue.primaryParticipant.email;\n    }\n  }\n\n  /**\n   * Change the name.\n   * @param name The name to select.\n   */\n  changeName(name: string) {\n    // Reset the validation error\n    this.isNameValid = true;\n    this.validationError.name = '';\n\n    this.name = sanitize(name);\n    this.nameChanged.emit(name);\n  }\n\n  /**\n   * Change the email.\n   * @param email The email to select.\n   */\n  changeEmail(email: string) {\n    // Reset the validation error\n    this.isEmailValid = true;\n    this.validationError.email = '';\n\n    this.email = sanitizeHtml(email);\n    this.emailChanged.emit(email);\n  }\n\n  resetGuestEmailError(guestIndex: number) {\n    const errors = { ...this.guestEmailErrors };\n    delete errors[guestIndex];\n    this.guestEmailErrors = { ...errors };\n  }\n\n  /**\n   * Handle guest emails changed.\n   */\n  handleGuestChange = (guestIndex: number, email: string) => {\n    // Reset the validation error\n    this.resetGuestEmailError(guestIndex);\n    const guests = [...this.guestEmails];\n    guests[guestIndex] = sanitizeHtml(email);\n    this.guestEmails = [...guests];\n  };\n\n  /**\n   * Handle guest input blur.\n   */\n  handleGuestBlur = (guestIndex: number, email: string) => {\n    this.resetGuestEmailError(guestIndex);\n\n    if (email === '') {\n      this.guestEmailErrors[guestIndex] = i18next.t('fieldRequired', { field: i18next.t('email') });\n      return;\n    }\n    if (!emailRegex.test(email)) {\n      this.guestEmailErrors[guestIndex] = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n      return;\n    }\n    this.handleGuestChange(guestIndex, email);\n  };\n\n  /**\n   * Handle add guest button clicked.\n   */\n  addGuestButtonClickedHandler = e => {\n    e.preventDefault();\n    this.guestEmails = [...this.guestEmails, ''];\n  };\n\n  /**\n   * Handle remove guest button clicked.\n   */\n  removeGuestButtonClickHandler = (e: Event, guestIndex: number) => {\n    e.preventDefault();\n    this.resetGuestEmailError(guestIndex);\n\n    const guests = [...this.guestEmails];\n    guests.splice(guestIndex, 1);\n    this.guestEmails = [...guests];\n  };\n\n  /**\n   * Handle back button clicked.\n   */\n  handleBackButtonClicked = e => {\n    e.preventDefault();\n    this.backButtonLoading = true;\n    this.backButtonClicked.emit();\n  };\n\n  /**\n   * Handle book button clicked.\n   */\n  bookButtonClickedHandler = async (e: Event) => {\n    e.preventDefault();\n    const formSubmittedEvent = this.bookingFormSubmitted.emit();\n    if (formSubmittedEvent.defaultPrevented) {\n      return;\n    }\n\n    debug('nylas-booking-form', 'bookButtonClickedHandler', this.bookingInfo);\n    const name = this.name || this.bookingInfo?.primaryParticipant?.name;\n    const email = this.email || this.bookingInfo?.primaryParticipant?.email;\n\n    if (!name || name === '') {\n      this.isNameValid = false;\n      this.validationError.name = i18next.t('fieldRequired', { field: i18next.t('name') }) || 'Name is required';\n      this.bookingFormError.emit({\n        title: 'Booking form error',\n        description: 'Name is required',\n      });\n      return;\n    }\n    if (!email || email === '') {\n      this.isEmailValid = false;\n      this.validationError.email = i18next.t('fieldRequired', { field: i18next.t('email') }) || 'Email is required';\n      this.bookingFormError.emit({\n        title: 'Booking form error',\n        description: 'Email is required',\n      });\n      return;\n    }\n    if (!emailRegex.test(email)) {\n      this.isEmailValid = false;\n      this.validationError.email = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n      this.bookingFormError.emit({\n        title: 'Booking form error',\n        description: i18next.t('invalidInputFormat', { field: i18next.t('email') }) || 'Invalid email',\n      });\n      return;\n    }\n\n    let guests: NylasSchedulerBookingParticipant[] = [];\n    if (this.guestEmails.length > 0) {\n      let hasError = false;\n      this.guestEmails.forEach((email: string, i: number) => {\n        if (email === '') {\n          hasError = true;\n          this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('fieldRequired', { field: i18next.t('email') }) };\n        } else if (!emailRegex.test(email)) {\n          hasError = true;\n          this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('invalidInputFormat', { field: i18next.t('email') }) };\n        }\n      });\n      if (hasError) {\n        this.bookingFormError.emit({\n          title: 'Booking form error',\n          description: i18next.t('invalidInputFormat', { field: i18next.t('guestEmail') }) || 'Invalid guest email',\n        });\n        return;\n      }\n      guests = this.guestEmails.map((email: string) => ({ name: email.trim(), email: email.trim() }));\n    } else if (this.bookingInfo?.guests) {\n      guests = this.bookingInfo?.guests;\n    }\n\n    const bookingInfoAdditionalFields = {};\n    if (this.bookingInfo?.additionalFields) {\n      const configAdditionalFields = this.configSettings?.scheduler?.additional_fields || {};\n      Object.entries(this.bookingInfo.additionalFields).forEach(([key, obj]) => {\n        if (key in configAdditionalFields) {\n          bookingInfoAdditionalFields[key] = obj.value;\n        }\n      });\n    }\n\n    this.detailsConfirmed.emit({\n      primaryParticipant: {\n        name: name,\n        email: email,\n      },\n      guests: guests,\n      additionalFields: { ...bookingInfoAdditionalFields, ...this.additionalFields },\n    });\n  };\n\n  updateAdditionalFields = (name: string, value: string) => {\n    if (this.additionalFields) {\n      this.additionalFields[name] = value;\n    }\n  };\n\n  @Listen('nylasFormInputChanged')\n  nylasFormInputChangedHandler(event: CustomEvent<{ value: string; name: string; error: string; label: string; type?: string }>) {\n    switch (event.detail.name) {\n      case 'name':\n        this.changeName(event.detail.value);\n        break;\n      case 'email':\n        this.changeEmail(event.detail.value);\n        break;\n      default:\n        if (event.detail.error) {\n          this.bookingFormError.emit({\n            title: 'Booking form error',\n            description: event.detail.error,\n          });\n          return;\n        }\n        this.updateAdditionalFields(event.detail.name, event.detail.value);\n        break;\n    }\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  selectOptionChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; error?: string }>) {\n    if (event.detail.error) {\n      this.bookingFormError.emit({\n        title: 'Booking form error',\n        description: event.detail.error,\n      });\n      return;\n    }\n    this.updateAdditionalFields(event.detail.name, event.detail.value);\n  }\n\n  @Listen('nylasFormSwitchToggled')\n  switchToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n    this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');\n  }\n\n  @Listen('nylasFormCheckboxToggled')\n  checkboxToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n    this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');\n  }\n\n  @Listen('nylasFormRadioChanged')\n  radioChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; type: string }>) {\n    this.updateAdditionalFields(event.detail.name, event.detail.value);\n  }\n\n  @Listen('nylasFormDropdownDefaultSelected')\n  dropdownDefaultSelectedHandler(event: CustomEvent<{ value: string; name: string; label: string; error?: string }>) {\n    this.updateAdditionalFields(event.detail.name, event.detail.value);\n  }\n\n  @RegisterComponent<NylasBookingForm, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-booking-form',\n    stateToProps: new Map([\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.bookingInfo', 'bookingInfo'],\n      ['scheduler.eventInfo', 'eventInfo'],\n      ['scheduler.configSettings', 'configSettings'],\n    ]),\n    eventToProps: {\n      backButtonClicked: async (_event: CustomEvent<boolean>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        nylasSchedulerConnector.scheduler.toggleAdditionalData(false);\n      },\n      nameChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        nylasSchedulerConnector.scheduler.setParticipantName(event.detail);\n      },\n      emailChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        nylasSchedulerConnector.scheduler.setParticipantEmail(event.detail);\n      },\n      detailsConfirmed: async (event: CustomEvent<NylasSchedulerBookingDataWithFlatFields>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booking-form', 'detailsConfirmed', event.detail);\n      },\n      bookingFormSubmitted: async (event: CustomEvent<void>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booking-form', 'bookingFormSubmitted', event.detail);\n      },\n      bookingFormError: async (event: CustomEvent<Partial<Notification>>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-booking-form', 'bookingFormError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host>\n        <form onSubmit={e => this.bookButtonClickedHandler(e)} noValidate>\n          <div class=\"nylas-booking-form\" part=\"nbf\">\n            <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n              <input-component\n                label={i18next.t('name')}\n                name=\"name\"\n                id=\"name\"\n                defaultValue={this.bookingInfo?.primaryParticipant?.name || this.name}\n                placeholder={i18next.t('namePlaceholder')}\n                type=\"text\"\n                required={true}\n                requiredError={i18next.t('fieldRequired', { field: i18next.t('name') })}\n                patternError={i18next.t('invalidInputFormat', { field: i18next.t('name') })}\n                part=\"nbf__input-textfield\"\n              />\n            </div>\n            <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n              <input-component\n                label={i18next.t('email')}\n                name=\"email\"\n                id=\"email\"\n                pattern={emailRegex}\n                defaultValue={this.bookingInfo?.primaryParticipant?.email || this.email}\n                placeholder={i18next.t('emailPlaceholder')}\n                type=\"email\"\n                required={true}\n                requiredError={i18next.t('fieldRequired', { field: i18next.t('email') })}\n                patternError={i18next.t('invalidInputFormat', { field: i18next.t('email') })}\n                part=\"nbf__input-textfield\"\n              />\n            </div>\n            {this.configSettings?.scheduler?.hide_additional_guests !== true && (\n              <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n                {this.guestEmails.map((email, index) => (\n                  <div class=\"input-wrapper button-wrapper\">\n                    <label\n                      class={{\n                        error: !!this.guestEmailErrors[index],\n                      }}\n                    >\n                      {i18next.t('guestEmail')}\n                    </label>\n                    <div class=\"guest-email-input\">\n                      <input\n                        type=\"email\"\n                        id={`guest-email-${index}`}\n                        maxLength={100}\n                        class={{\n                          'guest-email': true,\n                          'error': !!this.guestEmailErrors[index],\n                        }}\n                        placeholder={i18next.t('guestEmailPlaceholder')}\n                        value={email}\n                        data-index={index}\n                        part=\"nbf__input-textfield\"\n                        onBlur={(e: Event) => this.handleGuestBlur(index, (e.target as HTMLInputElement)?.value)}\n                        onInput={(e: Event) => this.handleGuestChange(index, (e.target as HTMLInputElement)?.value)}\n                      ></input>\n                      <button-component\n                        variant=\"basic\"\n                        tooltip=\"Remove guest\"\n                        onClick={(e: Event) => this.removeGuestButtonClickHandler(e, index)}\n                        class={{\n                          'remove-guest': true,\n                          'error': !!this.guestEmailErrors[index],\n                        }}\n                      >\n                        <close-icon />\n                      </button-component>\n                    </div>\n                    <p class=\"help-text\">{this.guestEmailErrors[index]}</p>\n                  </div>\n                ))}\n                <button-component class=\"add-guest\" variant=\"invisible\" part=\"nbf__button-ghost\" onClick={e => this.addGuestButtonClickedHandler(e)}>\n                  <div class=\"button-content\">\n                    <add-circle-icon slot=\"icon\"></add-circle-icon>\n                    {this.guestEmails.length > 0 ? `${i18next.t('addAnotherGuest')}` : `${i18next.t('addGuest')}`}\n                  </div>\n                </button-component>\n              </div>\n            )}\n            {Object.entries(\n              (this.configSettings?.scheduler?.additional_fields || {}) as Record<\n                string,\n                {\n                  required: boolean;\n                  type: 'email' | 'text' | 'phone_number' | 'dropdown' | 'checkbox' | 'radio_button' | 'multi_line_text';\n                  order: number;\n                  options?: string[];\n                  label: string;\n                }\n              >,\n            )\n              ?.sort((a, b) => a[1].order - b[1].order)\n              .map(x => {\n                const field = x[1];\n                const label = field.label;\n                const key = x[0];\n                const defaultValue = this.bookingInfo?.additionalFields?.[key]?.value || '';\n\n                switch (field.type) {\n                  case 'dropdown':\n                    return (\n                      <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n                        <select-dropdown\n                          label={label}\n                          name={key}\n                          id={key}\n                          withSearch={false}\n                          defaultSelectedOption={defaultValue ? { value: defaultValue, label: defaultValue } : undefined}\n                          options={field.options?.map(option => ({ value: option, label: option }))}\n                          required={field.required}\n                          exportparts=\"sd_dropdown: nbf__dropdown, sd_dropdown-button: nbf__dropdown-button, sd_dropdown-content: nbf__dropdown-content\"\n                        />\n                      </div>\n                    );\n                  case 'checkbox':\n                    return (\n                      <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n                        <checkbox-component label={label} name={key} id={key} checked={defaultValue === 'true'} required={field.required} part=\"nbf__checkbox-component\" />\n                      </div>\n                    );\n                  case 'radio_button':\n                    return (\n                      <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n                        <radio-button-group\n                          label={label}\n                          name={key}\n                          id={key}\n                          defaultSelectedValue={defaultValue || field.options?.[0] || ''}\n                          options={field.options?.map(option => ({ value: option, label: option }))}\n                          required={field.required}\n                          part=\"nbf__radio-button-group\"\n                        />\n                      </div>\n                    );\n                  case 'multi_line_text':\n                    return (\n                      <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n                        <textarea-component label={label} defaultValue={defaultValue} name={key} id={key} required={field.required} part=\"nbf__textarea-component\" />\n                      </div>\n                    );\n                  default:\n                    return (\n                      <div class=\"input-wrapper\" part=\"nbf__input-wrapper\">\n                        <input-component\n                          label={label}\n                          name={key}\n                          id={key}\n                          type={field.type}\n                          defaultValue={defaultValue || ''}\n                          requiredError={i18next.t('fieldRequired', { field: label })}\n                          required={field.required}\n                          part=\"nbf__input-textfield\"\n                        />\n                      </div>\n                    );\n                }\n              })}\n            {/* <slot name=\"custom-booking-form\"></slot> */}\n          </div>\n          <div class=\"cta\">\n            <button-component variant={'basic'} class=\"back\" part=\"nbf__button-outline\" isLoading={this.backButtonLoading && this.isLoading} onClick={this.handleBackButtonClicked}>\n              <slot name=\"booking-form-back-label\">{`${i18next.t('backButton')}`}</slot>\n            </button-component>\n            <button-component variant={'primary'} isLoading={!this.backButtonLoading && this.isLoading} disabled={this.isLoading} part=\"nbf__button-primary\" type=\"submit\">\n              <slot name=\"booking-form-book-label\">{`${i18next.t('bookNowButton')}`}</slot>\n            </button-component>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\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: 1rem;\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, 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, Timeslot } from '@nylas/core';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { NylasEvent } from '@/common/types';\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  /**\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   * 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  connectedCallback() {\n    debug(`[nylas-cancel-booking-form] Component connected`);\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      console.warn(`[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  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    ]),\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              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","@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-cancelled-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  width: 400px;\n\n  @media #{$mobile} {\n    width: inherit;\n  }\n\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-800);\n  border-radius: var(--nylas-border-radius-2x);\n  padding: 1.5rem;\n  position: relative;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n}\n\n.nylas-cancelled-event-card__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 24px;\n  color: var(--nylas-base-900);\n  text-align: center;\n}\n\n.nylas-cancelled-event-description {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--nylas-base-600);\n}\n\n.nylas-cancelled-event-card__calendar-icon {\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-cancelled-event-card__cta {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 1rem;\n}\n\ncalendar-cancel-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\nbutton-component {\n  width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core';\nimport { NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\n\n/**\n * The `nylas-cancelled-event-card` component is a UI component that displays the cancelled event card.\n *\n * @part ncec - The cancelled event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the cancelled event card.\n * @part ncec__description - The description of the cancelled event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The cancelled event card.\n */\n@Component({\n  tag: 'nylas-cancelled-event-card',\n  styleUrl: 'nylas-cancelled-event-card.scss',\n  shadow: true,\n})\nexport class NylasCancelledEventCard {\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * The participant's name who booked the event / is logged in.\n   */\n  @Prop() readonly cancelledEventInfo!: Partial<NylasEvent>;\n\n  /**\n   * Closing state of the cancelled event card button.\n   */\n  @State() isClosing: boolean = false;\n\n  /**\n   * This event is fired when the close button is clicked on the cancelled event card.\n   */\n  @Event() readonly closeCancelEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs.\n   */\n  @Event() readonly cancelledEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  connectedCallback() {\n    debug(`[nylas-cancelled-event-card] Component connected`);\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-cancelled-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-cancelled-event-card] Component did load`);\n    if (!this.cancelledEventInfo) {\n      console.warn(`[nylas-cancelled-event-card] No cancelled event info provided, \"cancelledEventInfo\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-cancelled-event-card] Component disconnected`);\n  }\n\n  private handleCloseClicked = () => {\n    this.isClosing = true;\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.cancelledEventCardError.emit(error);\n      this.isClosing = false;\n    };\n    this.closeCancelEventCardClicked.emit({ errorHandler });\n  };\n\n  @RegisterComponent<NylasCancelledEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-cancelled-event-card',\n    stateToProps: new Map([['scheduler.configSettings', 'configSettings']]),\n    eventToProps: {\n      closeCancelEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n        const result = await nylasschedulerconnector.scheduler.resetCancel();\n\n        const { errorHandler } = _.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n      cancelledEventCardError: async (event: CustomEvent<NylasSchedulerErrorResponse>, _nylasschedulerconnector: NylasSchedulerConnector) => {\n        debug('nylas-cancelled-event-card', 'cancelledEventCardError', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncec\">\n        <div class=\"nylas-cancelled-event-card\" part=\"ncec__card\">\n          <div class=\"nylas-cancelled-event-card__calendar-icon\" part=\"ncec__icon\">\n            <calendar-cancel-icon />\n          </div>\n          <h3 class=\"nylas-cancelled-event-card__title\" part=\"ncec__title\">\n            {i18next.t('bookingCancelledTitle')}!\n          </h3>\n          <div class=\"nylas-cancelled-event-card__description\" part=\"ncec__description\">\n            {i18next.t('bookingCancelledMessage')} {this.configSettings?.organizer?.name || 'the participants'}.\n          </div>\n          <div class=\"nylas-cancelled-event-card__cta\">\n            <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n              {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n            </button-component>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-confirmed-event-card {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  width: 400px;\n\n  @media #{$mobile} {\n    width: inherit;\n  }\n\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-800);\n  border-radius: var(--nylas-border-radius-2x);\n  padding: 1.5rem;\n  position: relative;\n  box-shadow:\n    0px 1px 4px rgba(0, 0, 0, 0.1),\n    0px 3px 6px rgba(0, 0, 0, 0.06);\n}\n\n.nylas-confirmed-event-card__title {\n  font-size: 18px;\n  font-weight: 600;\n  line-height: 24px;\n  color: var(--nylas-base-900);\n  text-align: center;\n}\n\n.nylas-confirmed-event-description {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--nylas-base-600);\n}\n\n.nylas-confirmed-event-card__calendar-icon {\n  width: 3rem;\n  height: 3rem;\n  border-radius: 50%;\n  position: absolute;\n  top: -1.25rem;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--nylas-base-0);\n  border: 1px solid var(--nylas-base-200);\n}\n\n.nylas-confirmed-event-card__cta {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  margin-top: 1rem;\n}\n\ncalendar-cancel-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\nbutton-component {\n  width: 100%;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core';\nimport { NylasEvent, NylasSchedulerConnector, NylasSchedulerErrorResponse } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\n\n/**\n * The `nylas-confirmed-event-card` component is a UI component that displays the confirmed event card.\n *\n * @part ncec - The confirmed event card host.\n * @part ncec__icon - The calendar icon.\n * @part ncec__title - The title of the confirmed event card.\n * @part ncec__description - The description of the confirmed event card.\n * @part ncec__button-outline - The close button CTA.\n * @part ncec__card - The confirmed event card.\n */\n@Component({\n  tag: 'nylas-confirmed-event-card',\n  styleUrl: 'nylas-confirmed-event-card.scss',\n  shadow: true,\n})\nexport class NylasConfirmedEventCard {\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * The participant's name who booked the event / is logged in.\n   */\n  @Prop() readonly confirmedEventInfo!: Partial<NylasEvent>;\n\n  /**\n   * Closing state of the confirmed event card button.\n   */\n  @State() isClosing: boolean = false;\n\n  /**\n   * This event is fired when the close button is clicked on the confirmed event card.\n   */\n  @Event() readonly closeConfirmEventCardClicked!: EventEmitter<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>;\n\n  /**\n   * This event is fired when an error occurs.\n   */\n  @Event() readonly confirmedEventCardError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  connectedCallback() {\n    debug(`[nylas-confirmed-event-card] Component connected`);\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-confirmed-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-confirmed-event-card] Component did load`);\n    if (!this.confirmedEventInfo) {\n      console.warn(`[nylas-confirmed-event-card] No confirmed event info provided, \"confirmedEventInfo\" prop is required.`);\n    }\n  }\n\n  disconnectedCallback() {\n    debug(`[nylas-confirmed-event-card] Component disconnected`);\n  }\n\n  private handleCloseClicked = () => {\n    this.isClosing = true;\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.confirmedEventCardError.emit(error);\n      this.isClosing = false;\n    };\n    this.closeConfirmEventCardClicked.emit({ errorHandler });\n  };\n\n  @RegisterComponent<NylasConfirmedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-confirmed-event-card',\n    stateToProps: new Map([['scheduler.configSettings', 'configSettings']]),\n    eventToProps: {\n      closeConfirmEventCardClicked: async (_: CustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse) => void }>, nylasschedulerconnector: NylasSchedulerConnector) => {\n        const result = await nylasschedulerconnector.scheduler.resetConfirm();\n\n        const { errorHandler } = _.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ncec\">\n        <div class=\"nylas-confirmed-event-card\" part=\"ncec__card\">\n          <div class=\"nylas-confirmed-event-card__calendar-icon\" part=\"ncec__icon\">\n            <calendar-cancel-icon />\n          </div>\n          <h3 class=\"nylas-confirmed-event-card__title\" part=\"ncec__title\">\n            {i18next.t('confirmedEventCardTitle')}!\n          </h3>\n          <div class=\"nylas-confirmed-event-card__description\" part=\"ncec__description\">\n            {i18next.t('confirmedEventCardDescription')} {this.configSettings?.organizer?.name || 'the participants'}.\n          </div>\n          <div class=\"nylas-confirmed-event-card__cta\">\n            <button-component variant=\"basic\" disabled={this.isClosing} part=\"ncec__button-outline\" onClick={this.handleCloseClicked}>\n              {this.isClosing ? `${i18next.t('closingButton')}...` : `${i18next.t('closeButton')}`}\n            </button-component>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","const t0 = new Date, t1 = new Date;\n\nexport function timeInterval(floori, offseti, count, field) {\n\n  function interval(date) {\n    return floori(date = arguments.length === 0 ? new Date : new Date(+date)), date;\n  }\n\n  interval.floor = (date) => {\n    return floori(date = new Date(+date)), date;\n  };\n\n  interval.ceil = (date) => {\n    return floori(date = new Date(date - 1)), offseti(date, 1), floori(date), date;\n  };\n\n  interval.round = (date) => {\n    const d0 = interval(date), d1 = interval.ceil(date);\n    return date - d0 < d1 - date ? d0 : d1;\n  };\n\n  interval.offset = (date, step) => {\n    return offseti(date = new Date(+date), step == null ? 1 : Math.floor(step)), date;\n  };\n\n  interval.range = (start, stop, step) => {\n    const range = [];\n    start = interval.ceil(start);\n    step = step == null ? 1 : Math.floor(step);\n    if (!(start < stop) || !(step > 0)) return range; // also handles Invalid Date\n    let previous;\n    do range.push(previous = new Date(+start)), offseti(start, step), floori(start);\n    while (previous < start && start < stop);\n    return range;\n  };\n\n  interval.filter = (test) => {\n    return timeInterval((date) => {\n      if (date >= date) while (floori(date), !test(date)) date.setTime(date - 1);\n    }, (date, step) => {\n      if (date >= date) {\n        if (step < 0) while (++step <= 0) {\n          while (offseti(date, -1), !test(date)) {} // eslint-disable-line no-empty\n        } else while (--step >= 0) {\n          while (offseti(date, +1), !test(date)) {} // eslint-disable-line no-empty\n        }\n      }\n    });\n  };\n\n  if (count) {\n    interval.count = (start, end) => {\n      t0.setTime(+start), t1.setTime(+end);\n      floori(t0), floori(t1);\n      return Math.floor(count(t0, t1));\n    };\n\n    interval.every = (step) => {\n      step = Math.floor(step);\n      return !isFinite(step) || !(step > 0) ? null\n          : !(step > 1) ? interval\n          : interval.filter(field\n              ? (d) => field(d) % step === 0\n              : (d) => interval.count(0, d) % step === 0);\n    };\n  }\n\n  return interval;\n}\n","export const durationSecond = 1000;\nexport const durationMinute = durationSecond * 60;\nexport const durationHour = durationMinute * 60;\nexport const durationDay = durationHour * 24;\nexport const durationWeek = durationDay * 7;\nexport const durationMonth = durationDay * 30;\nexport const durationYear = durationDay * 365;\n","import {timeInterval} from \"./interval.js\";\nimport {durationDay, durationMinute} from \"./duration.js\";\n\nexport const timeDay = timeInterval(\n  date => date.setHours(0, 0, 0, 0),\n  (date, step) => date.setDate(date.getDate() + step),\n  (start, end) => (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationDay,\n  date => date.getDate() - 1\n);\n\nexport const timeDays = timeDay.range;\n\nexport const utcDay = timeInterval((date) => {\n  date.setUTCHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setUTCDate(date.getUTCDate() + step);\n}, (start, end) => {\n  return (end - start) / durationDay;\n}, (date) => {\n  return date.getUTCDate() - 1;\n});\n\nexport const utcDays = utcDay.range;\n\nexport const unixDay = timeInterval((date) => {\n  date.setUTCHours(0, 0, 0, 0);\n}, (date, step) => {\n  date.setUTCDate(date.getUTCDate() + step);\n}, (start, end) => {\n  return (end - start) / durationDay;\n}, (date) => {\n  return Math.floor(date / durationDay);\n});\n\nexport const unixDays = unixDay.range;\n","@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  min-height: 444px;\n  @include default-css-variables;\n\n  @media #{$mobile} {\n    min-height: auto;\n  }\n}\n\n.nylas-date-picker {\n  display: flex;\n  gap: 1rem;\n  flex-direction: column;\n}\n\n.header {\n  margin: 0 0.5rem;\n  height: 48px;\n\n  h2 {\n    font-size: 1.3125rem;\n    font-weight: 400;\n    line-height: 1rem;\n    color: var(--nylas-base-800);\n\n    strong {\n      font-weight: 600;\n    }\n  }\n}\n\n.title {\n  margin: 0 -1.25rem;\n  display: flex;\n  flex-direction: column;\n  padding: 0 1.5rem;\n  gap: 0.5rem;\n  border-bottom: 1px solid var(--nylas-base-200);\n  font-family: var(--nylas-font-family);\n\n  h1 {\n    margin-bottom: 0;\n    font-size: 18px;\n    line-height: 20px;\n    font-weight: 600;\n    display: flex;\n    gap: 0.5rem;\n    align-items: center;\n  }\n\n  p {\n    margin-top: 0;\n    font-size: 16px;\n    display: flex;\n    gap: 0.5rem;\n    align-items: center;\n  }\n}\n\n@keyframes pulsate {\n  0% {\n    background-color: var(--nylas-base-50);\n  }\n\n  50% {\n    background-color: var(--nylas-base-100);\n  }\n\n  100% {\n    background-color: var(--nylas-base-50);\n  }\n}\n\n.dates {\n  display: grid;\n  justify-items: center;\n  grid-template-columns: repeat(7, 1fr);\n  gap: 0.5rem;\n  margin-bottom: 24px;\n\n  .date {\n    position: relative;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    height: 48px;\n    width: 48px;\n    min-width: 2rem;\n    min-height: 2rem;\n    cursor: pointer;\n    border-radius: var(--nylas-border-radius-2x);\n    font-size: 16px;\n    font-weight: 600;\n    font-family: inherit;\n\n    @media #{$x-small-mobile} {\n      width: 38px;\n      height: 38px;\n      min-width: none;\n    }\n\n    color: var(--nylas-base-text);\n    background-color: var(--nylas-base-100);\n    cursor: pointer;\n\n    &:hover:not(:disabled) {\n      box-shadow: 0 0 0 2px var(--nylas-base-500) inset;\n    }\n\n    border: none;\n\n    &.date.current-month {\n      color: var(--nylas-base-800);\n    }\n\n    &.date.selected {\n      background-color: var(--nylas-primary);\n      color: var(--nylas-base-0);\n      font-weight: 700;\n    }\n\n    &.date.day-skeleton {\n      color: var(--nylas-base-300);\n    }\n\n    &:disabled {\n      color: var(--nylas-base-300);\n      background-color: transparent;\n      font-weight: 400;\n      cursor: not-allowed;\n    }\n  }\n\n  .day {\n    font-size: 12px;\n    color: var(--nylas-base-800);\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n\n    @media #{$mobile} {\n      font-size: 14px;\n    }\n  }\n\n  .date.day-skeleton {\n    height: 48px;\n    width: 48px;\n\n    @media #{$x-small-mobile} {\n      width: 38px;\n      height: 38px;\n      min-width: none;\n    }\n\n    border-radius: var(--nylas-border-radius-2x);\n    animation: pulsate 1.5s infinite ease-in-out;\n    background-color: var(--nylas-base-50);\n  }\n\n  .date.current-day::after {\n    content: '';\n    position: absolute;\n    bottom: 6px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background-color: var(--nylas-base-500);\n  }\n\n  .date.current-day.selected::after {\n    background-color: var(--nylas-base-100);\n  }\n}\n\n.pagination {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  min-width: 92px;\n\n  .chevron-right {\n    transform: rotate(180deg);\n  }\n\n  .button {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    height: 3vh;\n    width: 3vh;\n    min-width: 3em;\n    min-height: 3em;\n    cursor: pointer;\n    border-radius: var(--nylas-border-radius-2x);\n\n    background-color: transparent;\n    color: var(--nylas-base-800);\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--nylas-base-50);\n    }\n\n    border: none;\n\n    &:active {\n      background-color: var(--nylas-base-100);\n    }\n\n    &:disabled {\n      background-color: transparent;\n      color: var(--nylas-base-300);\n      cursor: not-allowed;\n    }\n  }\n}\n\n.flex-row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--nylas-base-500);\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { addDaysToCurrentDate, convertMinutesToHoursAndMinutes, getFirstDayOfMonth, getLastDayOfMonth, isSameDay, isSameMonth, translateMonth } from '@/utils/utils';\nimport { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { timeDay } from 'd3-time';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { ConfigSettings } from '@/stores/scheduler-store';\nimport i18next from '@/utils/i18n';\nimport { debug } from '@/utils/utils';\n\n/**\n * The `nylas-date-picker` component is a UI component that allows users to select a date.\n *\n * @part ndp - The date picker host.\n * @part ndp__title - The title.\n * @part ndp__month-header - The month header.\n * @part ndp__month-button - The month button.\n * @part ndp__day - The day.\n * @part ndp__date - The date.\n * @part ndp__date--selected - The selected date.\n * @part ndp__date--current-day - The current day.\n * @part ndp__date--current-month - The dates in the current month.\n * @part ndp__date--disabled - The disabled dates.\n */\n@Component({\n  tag: 'nylas-date-picker',\n  styleUrl: 'nylas-date-picker.scss',\n  shadow: true,\n})\nexport class NylasDatePicker {\n  /**\n   * @standalone\n   * The dates that are selectable.\n   */\n  @Prop() selectableDates?: Date[];\n\n  /**\n   * @standalone\n   * The config settings.\n   */\n  @Prop() configSettings?: ConfigSettings;\n\n  /**\n   * The selected date.\n   */\n  @Prop() selectedDate?: Date;\n\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: string;\n\n  /**\n   * The loading state.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * The event duration.\n   */\n  @Prop() readonly eventDuration?: number;\n\n  /**\n   * The month to display.\n   */\n  @State() month: Date = this.selectedDate || new Date();\n\n  /**\n   * The dates to render.\n   */\n  @State() dates: Date[] = this.getDates();\n\n  /**\n   * The state to disable the next month button.\n   */\n  @State() disableNextMonthButton: boolean = false;\n\n  /**\n   * This event is fired when a date is selected.\n   */\n  @Event() dateSelected!: EventEmitter<Date>;\n\n  /**\n   * This event is fired when the month is changed.\n   */\n  @Event() monthChanged!: EventEmitter<Date>;\n\n  @Watch('configSettings')\n  configSettingsChanged(newConfigSettings: ConfigSettings) {\n    const nextMonth = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1);\n    const availableDaysInFuture = newConfigSettings?.scheduler?.available_days_in_future;\n    if (availableDaysInFuture === undefined) {\n      return;\n    }\n    const endDate = addDaysToCurrentDate(new Date(), availableDaysInFuture);\n    if (endDate.getTime() < nextMonth.getTime()) {\n      this.disableNextMonthButton = true;\n    } else {\n      this.disableNextMonthButton = false;\n    }\n  }\n\n  @Watch('selectedLanguage')\n  selectedLanguageChanged(newLanguage: string) {\n    i18next.changeLanguage(newLanguage);\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  componentWillLoad() {}\n\n  /**\n   * Get the dates to render, including the days from the previous and next months.\n   * @returns The dates to render.\n   */\n  private getDates() {\n    const lastDayOfMonth = getLastDayOfMonth(this.month);\n    const firstDayOfMonth = getFirstDayOfMonth(this.month);\n\n    return timeDay.range(timeDay.offset(firstDayOfMonth, -firstDayOfMonth.getDay()), timeDay.offset(lastDayOfMonth, 7 - lastDayOfMonth.getDay()));\n  }\n\n  /**\n   * Select a date.\n   * @param date The date to select.\n   */\n  private selectDate(date?: Date) {\n    this.dateSelected.emit(date);\n  }\n\n  /**\n   * Change the month.\n   * @param change The change in months.\n   */\n  private changeMonth(change: number) {\n    this.month = new Date(this.month.getFullYear(), this.month.getMonth() + change, 1);\n    const nextMonth = new Date(this.month.getFullYear(), this.month.getMonth() + 1, 1);\n    const availableDaysInFuture = this.configSettings?.scheduler?.available_days_in_future;\n    const endDate = addDaysToCurrentDate(new Date(), availableDaysInFuture);\n    if (endDate.getTime() < nextMonth.getTime()) {\n      this.disableNextMonthButton = true;\n    } else {\n      this.disableNextMonthButton = false;\n    }\n    this.dates = this.getDates();\n    this.monthChanged.emit(this.month);\n  }\n\n  private isSelected(date: Date | undefined, selectedDate: Date | undefined, selectableDates: Date[] | undefined) {\n    return date && selectedDate && isSameDay(date, selectedDate) && selectableDates && selectableDates?.length > 0;\n  }\n\n  private isDisabled(date: Date | undefined, selectableDates: Date[] | undefined) {\n    return date && selectableDates?.find(d => isSameDay(d, date)) === undefined;\n  }\n\n  @RegisterComponent<NylasDatePicker, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-date-picker',\n    stateToProps: new Map([\n      ['scheduler.selectableDates', 'selectableDates'],\n      ['scheduler.selectedDate', 'selectedDate'],\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.eventDuration', 'eventDuration'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      dateSelected: async (event: CustomEvent<Date>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-date-picker', 'dateSelected', event.detail);\n        nylasSchedulerConnector.scheduler.selectDate(event.detail);\n      },\n      monthChanged: async (event: CustomEvent<Date>, _nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-date-picker', 'monthChanged', event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"ndp\">\n        <div class=\"nylas-date-picker\">\n          <div class=\"title\" part=\"ndp__title\">\n            {this.configSettings?.name ? (\n              <h1>{this.configSettings?.name}</h1>\n            ) : (\n              this.configSettings?.organizer?.name && (\n                <h1>\n                  <person-icon />\n                  {this.configSettings?.organizer?.name || 'Organizer'}\n                </h1>\n              )\n            )}\n            <p>\n              <clock-icon />\n              {this.eventDuration ? convertMinutesToHoursAndMinutes(this.eventDuration) : `- ${i18next.t('time.minutes')}`}\n            </p>\n          </div>\n          <div class={'header flex-row'}>\n            <h2 part={'ndp__month-header'}>\n              <strong>{translateMonth(this.month.toLocaleDateString(undefined, { month: 'long' }).toLocaleLowerCase())}</strong>\n              &nbsp;\n              {this.month.toLocaleDateString(undefined, { year: 'numeric' })}\n            </h2>\n            <div class={'pagination'}>\n              <button\n                title=\"Previous month\"\n                onClick={() => this.changeMonth(-1)}\n                class={{ 'chevron-left': true, 'button': true }}\n                disabled={!this.selectableDates?.length || this.month <= new Date()}\n                part=\"ndp__month-button\"\n              >\n                <chevron-icon />\n              </button>\n              <button\n                title=\"Next month\"\n                onClick={() => this.changeMonth(1)}\n                class={{ 'chevron-right': true, 'button': true }}\n                disabled={this.disableNextMonthButton}\n                part=\"ndp__month-button\"\n              >\n                <chevron-icon />\n              </button>\n            </div>\n          </div>\n\n          <div class={'dates'}>\n            {[\n              i18next.t('days.sunday'),\n              i18next.t('days.monday'),\n              i18next.t('days.tuesday'),\n              i18next.t('days.wednesday'),\n              i18next.t('days.thursday'),\n              i18next.t('days.friday'),\n              i18next.t('days.saturday'),\n            ].map(day => {\n              return (\n                <div class={'day'} part=\"ndp__day\">\n                  {day}\n                </div>\n              );\n            })}\n            {this.dates.map((date, i) => {\n              const isDisabled = this.isDisabled(date, this.selectableDates);\n\n              if (this.isLoading) {\n                return (\n                  <button\n                    disabled\n                    class={{\n                      'date day-skeleton': true,\n                      'current-month': isSameMonth(date, this.month),\n                    }}\n                    style={{ animationDelay: `${i * 20}ms` }}\n                    part={`ndp__date ndp__date--disabled`}\n                  >\n                    {date.getDate()}\n                  </button>\n                );\n              }\n              return (\n                <button\n                  class={{\n                    'date': true,\n                    'selected': !!(this.selectedDate && isSameDay(date, this.selectedDate) && this.selectableDates && this.selectableDates?.length > 0),\n                    'current-day': isSameDay(date, new Date()),\n                    'current-month': isSameMonth(date, this.month),\n                  }}\n                  aria-lang={date.toLocaleDateString(undefined, { dateStyle: 'full' })}\n                  disabled={isDisabled}\n                  onClick={() => this.selectDate(date)}\n                  part={`ndp__date ${this.isSelected(date, this.selectedDate, this.selectableDates) ? 'ndp__date--selected' : ''} ${isSameDay(date, new Date()) ? 'ndp__date--current-day' : ''} ${isSameMonth(date, this.month) ? 'ndp__date--current-month' : ''}`}\n                >\n                  {date.getDate()}\n                </button>\n              );\n            })}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.nylas-locale-switch {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  border-left: none;\n  border-right: none;\n  color: var(--nylas-base-50);\n  font-size: 14px;\n\n  @media #{$mobile} {\n    font-size: 16px;\n  }\n\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s ease-in-out;\n  font-family: inherit;\n}\n\n.select-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\nselect {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  outline: none;\n  background-color: transparent;\n  margin: 0 0 1px;\n  padding: 4px;\n  vertical-align: middle;\n\n  &#timezone {\n    width: 140px;\n  }\n\n  &#language {\n    width: 80px;\n  }\n}\n\nspan.timezone-label {\n  display: flex;\n  width: -webkit-fill-available;\n  justify-content: space-between;\n}\n\nselect-dropdown {\n  width: auto;\n}\n\nselect-dropdown::part(sd_dropdown-button) {\n  border: none;\n  padding: 10px;\n}\n\nselect-dropdown::part(sd_dropdown-content) {\n  max-width: 306px;\n}\n","import { LANGUAGE_MAP, TIMEZONE_MAP } from '@/common/constants';\nimport { RegisterComponent } from '@/common/register-component';\nimport { Component, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../../components';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug, getTimezoneOffset } from '@/utils/utils';\n\n/**\n * The `nylas-locale-switch` component is a UI component that allows users to select a timezone and language.\n * @part nls - The locale switch container\n * @part nls__timezone - The timezone select container\n * @part nls__timezone-dropdown - The timezone dropdown\n * @part nls__timezone-drop-button - The timezone dropdown button\n * @part nls__timezone-drop-button-selected-label - The timezone dropdown button selected label\n * @part nls__timezone-drop-content - The timezone dropdown content\n * @part nls__timezone-drop-label - The timezone dropdown label\n * @part nls__language - The language select container\n * @part nls__language-dropdown - The language dropdown\n * @part nls__language-drop-button - The language dropdown button\n * @part nls__language-drop-content - The language dropdown content\n * @part nls__language-drop-label - The language dropdown label\n *\n */\n@Component({\n  tag: 'nylas-locale-switch',\n  styleUrl: 'nylas-locale-switch.scss',\n  shadow: true,\n})\nexport class NylasLocaleSwitch {\n  /**\n   * The selected timezone.\n   */\n  @Prop({ mutable: true }) selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ mutable: true }) selectedLanguage: string = navigator.language;\n\n  /**\n   * This event is fired when the timezone is changed.\n   */\n  @Event() timezoneChanged!: EventEmitter<string>;\n\n  /**\n   * This event is fired when the language is changed.\n   */\n  @Event() languageChanged!: EventEmitter<string>;\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  componentWillLoad() {}\n\n  /**\n   * Change the timezone.\n   * @param timezone The timezone to select.\n   */\n  private changeTimezone(timezone: string) {\n    this.selectedTimezone = timezone;\n    this.timezoneChanged.emit(timezone);\n  }\n\n  /**\n   * Change the language.\n   * @param language The language to select.\n   */\n  private changeLanguage(language: string) {\n    this.selectedLanguage = language;\n    this.languageChanged.emit(language);\n  }\n\n  @Listen('nylasFormDropdownChanged')\n  nylasFormDropdownChangedHandler(\n    event: CustomEvent<{\n      value: string;\n      name: string;\n    }>,\n  ) {\n    const { name, value } = event.detail;\n    if (name === 'timezone') {\n      this.changeTimezone(value);\n    } else if (name === 'language') {\n      this.changeLanguage(value);\n    }\n  }\n\n  getTimezoneLabelHTML(timezone: string) {\n    const offset = getTimezoneOffset(timezone);\n    return (\n      <span\n        class=\"timezone-label\"\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          width: '-webkit-fill-available',\n        }}\n      >\n        {TIMEZONE_MAP[timezone]}{' '}\n        <span\n          class=\"timezone-offset\"\n          style={{\n            fontSize: '14px',\n            fontWeight: '400',\n            color: 'var(--nylas-base-500)',\n          }}\n        >\n          {offset}\n        </span>\n      </span>\n    );\n  }\n\n  @RegisterComponent<NylasLocaleSwitch, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-locale-switch',\n    stateToProps: new Map([\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n    ]),\n    eventToProps: {\n      timezoneChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'timezoneChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectTimezone(event.detail);\n      },\n      languageChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-locale-switch', 'languageChanged', event.detail);\n        nylasSchedulerConnector.scheduler.selectLanguage(event.detail);\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    const timezoneOptions = Object.keys(TIMEZONE_MAP).map(key => ({\n      labelHTML: this.getTimezoneLabelHTML(key),\n      label: TIMEZONE_MAP[key],\n      value: key,\n    }));\n    const languageOptions = Object.keys(LANGUAGE_MAP).map(key => ({\n      label: LANGUAGE_MAP[key],\n      value: key,\n    }));\n\n    return (\n      <Host>\n        <div class=\"nylas-locale-switch\" part=\"nls\">\n          <div\n            class={{\n              'select-wrapper': true,\n              'timezone': true,\n            }}\n            part=\"nls__timezone\"\n          >\n            <select-dropdown\n              name=\"timezone\"\n              options={timezoneOptions}\n              defaultSelectedOption={timezoneOptions.find(op => op.value == this.selectedTimezone)}\n              exportparts=\"sd_dropdown: nls__timezone-dropdown, sd_dropdown-button: nls__timezone-drop-button, sd_dropdown-button-selected-label: nls__timezone-drop-button-selected-label, sd_dropdown-content: nls__timezone-drop-content, sd_dropdown_label: nls__timezone-drop-label\"\n            >\n              <span slot=\"select-icon\">\n                <globe-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n          <div\n            class={{\n              'select-wrapper': true,\n              'language': true,\n            }}\n            part=\"nls__language\"\n          >\n            <select-dropdown\n              name=\"language\"\n              options={languageOptions}\n              defaultSelectedOption={languageOptions.find(lang => lang.value == this.selectedLanguage)}\n              exportparts=\"sd_dropdown: nls__language-dropdown, sd_dropdown-button: nls__language-drop-button, sd_dropdown-content: nls__language-drop-content, sd_dropdown_label: nls__language-drop-label\"\n            >\n              <span slot=\"select-icon\">\n                <translate-icon width=\"20\" height=\"20\" />\n              </span>\n            </select-dropdown>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'nylas-logo',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class NylasLogo {\n  @Prop() width: string = '69';\n  @Prop() height: string = '24';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 69 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_455_3543)\">\n          <path\n            d=\"M15.8092 3.03248C14.6497 1.86996 13.1076 1.23047 11.4646 1.23047C9.82156 1.23047 8.27753 1.86996 7.11999 3.03248L0.835347 9.33381C0.686846 9.4827 0.60498 9.68123 0.60498 9.89312C0.60498 10.105 0.686846 10.3035 0.835347 10.4524C0.983848 10.6013 1.18185 10.6834 1.39318 10.6834C1.60451 10.6834 1.80251 10.6013 1.95101 10.4524L8.23374 4.15111C10.0139 2.36627 12.9134 2.36627 14.6935 4.15111C16.4736 5.93785 16.4756 8.84322 14.6935 10.6281L8.4108 16.9275C8.10428 17.2348 8.10428 17.7368 8.4108 18.0461C8.5593 18.195 8.75731 18.2771 8.96863 18.2771C9.17996 18.2771 9.37796 18.195 9.52646 18.0461L15.8092 11.7467C16.9687 10.5841 17.6064 9.03793 17.6064 7.39053C17.6064 5.74314 16.9687 4.19501 15.8092 3.03439V3.03248Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M14.9296 7.39038C14.9296 6.46074 14.5698 5.58837 13.9148 4.93361C12.5631 3.57828 10.3641 3.57828 9.01239 4.93361L0.663961 13.3023C0.51546 13.4512 0.433594 13.6497 0.433594 13.8616C0.433594 14.0735 0.51546 14.272 0.663961 14.4209C0.812462 14.5698 1.01046 14.6519 1.22179 14.6519C1.43312 14.6519 1.63112 14.5698 1.77962 14.4209L10.0367 6.1515L10.05 6.13623C10.0747 6.10759 10.1014 6.07705 10.128 6.05033C10.1585 6.01978 10.1928 5.99115 10.2251 5.96252L10.2442 5.94534C10.9886 5.31349 12.1119 5.3593 12.8011 6.05033C13.4903 6.74135 13.536 7.78171 12.9705 8.53192L12.9648 8.53955C12.9058 8.61591 12.8544 8.67699 12.8011 8.73044C12.7497 8.78198 12.6906 8.83352 12.6069 8.90033L4.45264 17.0991C4.30414 17.248 4.22227 17.4465 4.22227 17.6584C4.22227 17.8703 4.30414 18.0689 4.45264 18.2177C4.60114 18.3666 4.79914 18.4487 5.01047 18.4487C5.2218 18.4487 5.4198 18.3666 5.5683 18.2177L13.9167 9.84716C14.5698 9.1924 14.9315 8.31812 14.9315 7.39038H14.9296Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M10.6821 9.11238C10.4727 9.01694 10.2861 8.88904 10.1281 8.7306C9.97008 8.57216 9.84252 8.38508 9.74733 8.1751L9.69021 8.05103L0.467916 17.2978C0.287049 17.4792 0.174721 17.7082 0.149971 17.9411C0.125221 18.1778 0.19376 18.3897 0.344165 18.5405C0.471724 18.6684 0.65259 18.739 0.850592 18.739C1.11142 18.739 1.37796 18.6207 1.58358 18.4145L10.8059 9.16774L10.6821 9.11047V9.11238Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M68.401 10.6185C68.2126 10.2692 67.9593 9.97334 67.6433 9.73854C67.3235 9.49993 66.956 9.31094 66.5486 9.17541C66.1316 9.03606 65.7033 8.91771 65.2749 8.81844C64.7951 8.70582 64.3039 8.57983 63.8165 8.44811C63.3196 8.31258 62.9065 8.14269 62.5905 7.94225C62.4743 7.88689 62.3391 7.76663 62.3391 7.50129C62.3391 7.39821 62.3639 7.29704 62.4153 7.19587L62.4248 7.18059C62.5352 7.02216 62.7142 6.8828 62.975 6.75109C63.234 6.62128 63.609 6.55829 64.1231 6.55829C64.5286 6.55829 64.877 6.61365 65.1569 6.72436C65.4348 6.83508 65.6652 6.96871 65.8442 7.12524C66.0212 7.27986 66.1659 7.45357 66.2782 7.63873C66.3563 7.76854 66.4267 7.89262 66.4858 8.00525L68.2754 6.84081C68.1669 6.59456 68.0146 6.33495 67.8204 6.0677C67.6033 5.768 67.3254 5.4893 66.9922 5.23732C66.659 4.98534 66.2516 4.77345 65.7813 4.60929C65.3111 4.44512 64.7532 4.36304 64.1231 4.36304C63.3844 4.36304 62.7599 4.46421 62.2706 4.66083C61.7813 4.85935 61.3815 5.09988 61.0845 5.37667C60.7875 5.65346 60.5628 5.95125 60.4143 6.2605C60.2639 6.57547 60.1611 6.85799 60.1078 7.10233C60.0945 7.18059 60.0812 7.27031 60.0678 7.36767C60.0545 7.4593 60.0469 7.5452 60.0469 7.62537C60.0469 8.13314 60.1745 8.56074 60.4239 8.89671C60.679 9.24222 61.0045 9.53429 61.391 9.76336C61.7813 9.99624 62.2116 10.1852 62.6704 10.3227C63.1388 10.462 63.5862 10.5823 64.0012 10.6796C64.4067 10.777 64.7932 10.8782 65.1531 10.9774C65.5224 11.0786 65.8289 11.2122 66.0631 11.3745C66.2801 11.5425 66.3887 11.7448 66.3887 11.9777C66.3887 12.2278 66.2916 12.4263 66.0993 12.5695C65.9279 12.6954 65.7261 12.7985 65.4958 12.8711C65.273 12.9436 65.0407 12.9913 64.8066 13.0142C64.58 13.0352 64.3915 13.0467 64.2468 13.0467C63.8032 13.0467 63.4224 13.0028 63.1197 12.915C62.8151 12.8272 62.5638 12.7241 62.3734 12.6057C62.1811 12.4874 62.0288 12.3614 61.9222 12.2316C61.8213 12.1094 61.747 12.0082 61.7014 11.9319L61.4957 11.6303L59.708 12.7928C59.8508 13.0161 60.0298 13.2643 60.2392 13.5296C60.4772 13.8293 60.7837 14.1138 61.153 14.3734C61.5224 14.633 61.966 14.8525 62.4724 15.0243C62.9788 15.1961 63.5748 15.282 64.2468 15.282C64.797 15.282 65.2901 15.2324 65.7166 15.137C66.1412 15.0396 66.5162 14.9117 66.8285 14.7552C67.1388 14.6005 67.4015 14.4192 67.6109 14.2149C67.8223 14.0107 67.9974 13.8026 68.1326 13.6003C68.4563 13.1135 68.6409 12.5504 68.6828 11.9262C68.6828 11.4069 68.5876 10.9641 68.401 10.6166V10.6185Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M26.3585 4.27905C23.7901 4.27905 21.6997 6.37504 21.6997 8.95017V15.0701H23.9291V8.95017C23.9291 7.6082 25.0181 6.5163 26.3565 6.5163C27.695 6.5163 28.784 7.6082 28.784 8.95017V15.0701H31.0134V8.95017C31.0134 6.37504 28.9229 4.27905 26.3546 4.27905H26.3585Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M53.4522 4.27905C50.4251 4.27905 47.9634 6.74728 47.9634 9.78245C47.9634 12.8176 50.427 15.2859 53.4522 15.2859C54.5545 15.2859 55.6188 14.9594 56.5288 14.3409L56.7116 14.2169V15.0682H58.941V9.78245C58.941 6.74728 56.4793 4.27905 53.4522 4.27905ZM53.4522 13.0505C51.655 13.0505 50.1928 11.5845 50.1928 9.78245C50.1928 7.98044 51.655 6.51439 53.4522 6.51439C55.2494 6.51439 56.7116 7.98044 56.7116 9.78245C56.7116 11.5845 55.2494 13.0505 53.4522 13.0505Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M45.5795 10.6166V0.356201H43.3501V10.6166C43.3501 13.1517 45.3758 15.2228 47.8908 15.2858V13.0486C46.6057 12.9875 45.5795 11.9204 45.5795 10.6166Z\"\n            fill=\"currentColor\"\n          />\n          <path\n            d=\"M39.5428 4.4967V10.63C39.5428 11.6761 38.8669 12.621 37.9016 12.9284C37.1249 13.1746 36.3157 13.0486 35.6817 12.5829C35.0592 12.1247 34.6879 11.3917 34.6879 10.6186V4.4967H32.4585V10.5995C32.4585 12.7165 33.8388 14.57 35.8131 15.1084C37.0354 15.4424 38.2995 15.2973 39.3695 14.7037L39.5428 14.6063V14.9747C39.5428 16.2766 38.5166 17.3437 37.2315 17.4067V19.6439C39.7465 19.5809 41.7722 17.5117 41.7722 14.9747V4.4967H39.5428Z\"\n            fill=\"currentColor\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_455_3543\">\n            <rect width=\"68.7123\" height=\"19.2877\" fill=\"white\" transform=\"translate(0.144043 0.356201)\" />\n          </clipPath>\n        </defs>\n      </svg>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\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  @media #{$mobile} {\n    width: auto;\n  }\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  .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      }\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'];\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  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\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","@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.event-card-wrapper {\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-900);\n  border-radius: var(--nylas-border-radius-3x);\n  position: relative;\n  margin-top: 1rem;\n  width: 424px;\n\n  @media #{$mobile} {\n    width: 100%;\n    border-radius: 0px;\n  }\n\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.calendar-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\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  color: var(--nylas-base-700);\n}\n\n.booked-event-header {\n  margin: 1.5rem 4rem;\n  overflow-wrap: anywhere;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  font-size: 1rem;\n  font-weight: 400;\n\n  h2 {\n    color: var(--nylas-base-600);\n    margin-top: 1.5rem;\n    margin-bottom: 0.25rem;\n    font-size: 1.125rem;\n    font-weight: 600;\n  }\n}\n\n.manage-booking-description {\n  border-top: 1px solid var(--nylas-base-200);\n\n  p {\n    font-size: 16px;\n    margin: 1rem;\n    padding: 0.5rem 1rem;\n    font-weight: 400;\n    color: var(--nylas-base-800);\n  }\n}\n\n.footer {\n  padding: 0.5rem;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0.5rem;\n  box-sizing: border-box;\n  background-color: var(--nylas-base-25);\n  width: 100%;\n  border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);\n\n  &.no-template-cols {\n    grid-template-columns: 1fr;\n  }\n\n  &.no-footer {\n    display: none;\n  }\n}\n\nsp-divider {\n  background-color: var(--nylas-base-200);\n  height: 1px;\n}\n\ncalendar-check-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\nbutton-component {\n  --dot-color: var(--nylas-base-700);\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, Element, EventEmitter, h, Host, Method, Prop, State } from '@stencil/core';\nimport { ConfigSettings, NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { Event } from '@stencil/core';\nimport { NylasSchedulerErrorResponse } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n\n/**\n * The `nylas-organizer-confirmation-card` component is a UI component that displays the booked event card.\n *\n * @part nmcc - The booked event card host.\n * @part nmcc__card - The booked event card.\n * @part nmcc__title - The title of the booked event card.\n * @part nmcc__description - The description of the booked event card.\n * @part nmcc__button-outline - The cancel & reschedule button CTA.\n * @part nmcc__cancel-cta - The cancel button CTA.\n * @part nmcc__reschedule-cta - The reschedule button CTA.\n */\n@Component({\n  tag: 'nylas-organizer-confirmation-card',\n  styleUrl: 'nylas-organizer-confirmation-card.scss',\n  shadow: true,\n})\nexport class NylasOrganizerConfirmationCard {\n  /**\n   * The host element.\n   */\n  @Element() host!: HTMLNylasOrganizerConfirmationCardElement;\n\n  /**\n   * @standalone\n   * The config settings for the scheduler.\n   */\n  @Prop() readonly configSettings?: ConfigSettings;\n\n  /**\n   * @standalone\n   * The loading state prop. Used to display loading state when fetching availability.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * Booking flow type.\n   */\n  @Prop() readonly organizerConfirmationBookingId?: string;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage: string = navigator.language;\n\n  /**\n   * The state to identify which action is being performed.\n   */\n  @State() action: 'confirm' | 'reject' | null = null;\n\n  /**\n   * Reject booking button clicked event.\n   */\n  @Event() readonly rejectBookingButtonClicked!: EventEmitter<{ bookingId: string; host: HTMLNylasOrganizerConfirmationCardElement }>;\n\n  /**\n   * Reschedule button clicked event.\n   * */\n  @Event() readonly confirmBookingButtonClicked!: EventEmitter<{\n    bookingId: string;\n    host: HTMLNylasOrganizerConfirmationCardElement;\n    errorHandler?: (error: NylasSchedulerErrorResponse) => void;\n  }>;\n\n  /**\n   * This event is fired when an error occurs while rescheduling the booking.\n   */\n  @Event() readonly confirmBookingError!: EventEmitter<NylasSchedulerErrorResponse>;\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-organizer-confirmation-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-organizer-confirmation-card] Component did load`);\n  }\n\n  private handleConfirmBookingButtonClicked = () => {\n    this.action = 'confirm';\n    const errorHandler = (error: NylasSchedulerErrorResponse) => {\n      this.confirmBookingError.emit(error);\n    };\n    if (this.organizerConfirmationBookingId && !this.isLoading) {\n      this.confirmBookingButtonClicked.emit({ bookingId: this.organizerConfirmationBookingId, host: this.host, errorHandler });\n    }\n  };\n\n  private handleRejectBookingButtonClicked = () => {\n    this.action = 'reject';\n    if (this.organizerConfirmationBookingId && !this.isLoading) {\n      this.rejectBookingButtonClicked.emit({ bookingId: this.organizerConfirmationBookingId, host: this.host });\n    }\n  };\n\n  @Method()\n  async resetAction() {\n    this.action = null;\n  }\n\n  @RegisterComponent<NylasOrganizerConfirmationCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-organizer-confirmation-card',\n    stateToProps: new Map([\n      ['scheduler.organizerConfirmationBookingId', 'organizerConfirmationBookingId'],\n      ['scheduler.configSettings', 'configSettings'],\n      ['scheduler.isLoading', 'isLoading'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {\n      rejectBookingButtonClicked: async (\n        event: CustomEvent<{ bookingId: string; host: HTMLNylasOrganizerConfirmationCardElement }>,\n        nylasSchedulerConnector: NylasSchedulerConnector,\n      ) => {\n        nylasSchedulerConnector.scheduler.setReject(event.detail.bookingId);\n      },\n      confirmBookingButtonClicked: async (\n        event: CustomEvent<{ bookingId: string; host: HTMLNylasOrganizerConfirmationCardElement; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>,\n        nylasSchedulerConnector: NylasSchedulerConnector,\n      ) => {\n        const { host } = event.detail;\n        const result = await nylasSchedulerConnector.scheduler.updateBooking({\n          bookingId: event.detail.bookingId,\n          status: 'confirmed',\n        });\n        const { errorHandler } = event.detail;\n        if (errorHandler && (!result || 'error' in result)) {\n          errorHandler(result);\n        }\n        await host.resetAction();\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"nmcc\">\n        <div class=\"event-card-wrapper\" part=\"nmccc__card\">\n          <div class=\"calendar-icon\">\n            <calendar-check-icon />\n          </div>\n          <div class=\"booked-event-header\">\n            <h2 slot=\"card-title\" part=\"nmcc__title\">\n              {!!this.organizerConfirmationBookingId && `${i18next.t('bookingPendingTitle')}!`}\n            </h2>\n          </div>\n          <div class=\"manage-booking-description\">\n            <p>{i18next.t('bookingPendingnDescription')}</p>\n          </div>\n          <div\n            class={{\n              'footer': true,\n              'no-footer': this.configSettings?.scheduler?.hide_cancellation_options && this.configSettings?.scheduler?.hide_rescheduling_options,\n              'no-template-cols': this.configSettings?.scheduler?.hide_cancellation_options || this.configSettings?.scheduler?.hide_rescheduling_options,\n            }}\n          >\n            {!this.configSettings?.scheduler?.hide_cancellation_options && (\n              <button-component\n                variant={'destructive'}\n                onClick={this.handleRejectBookingButtonClicked}\n                isLoading={this.isLoading && this.action === 'reject'}\n                part=\"nmcc__button-outline nmcc__cancel-cta\"\n              >\n                {`${i18next.t('rejectBookingButton')}`}\n              </button-component>\n            )}\n            {!this.configSettings?.scheduler?.hide_rescheduling_options && (\n              <button-component\n                variant={'basic'}\n                onClick={this.handleConfirmBookingButtonClicked}\n                isLoading={this.isLoading && this.action === 'confirm'}\n                part=\"nmcc__button-outline nmcc__reschedule-cta\"\n              >\n                {`${i18next.t('confirmBookingButton')}`}\n              </button-component>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n\n:host {\n  @include default-css-variables;\n  display: block;\n  position: relative;\n  height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  font-family: var(--nylas-font-family);\n}\n\n.event-card {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  width: calc(100% - 3rem);\n  background-color: var(--nylas-base-0);\n  color: var(--nylas-base-800);\n  border-radius: var(--nylas-border-radius-2x);\n  padding: 3rem 1.5rem 1.5rem 1.5rem;\n  position: relative;\n  box-shadow:\n    0px 1px 3px 0px rgba(0, 0, 0, 0.1),\n    0px 1px 2px 0px rgba(0, 0, 0, 0.06);\n\n  @media #{$mobile} {\n    margin-bottom: 2rem;\n  }\n}\n\n.nylas-selected-event-card__date {\n  font-size: min(max(16px, 3vw), 18px);\n  font-weight: 600;\n}\n\n.nylas-selected-event-card__time {\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.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-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.event-timezone {\n  display: flex;\n  color: var(--nylas-base-600);\n  margin-bottom: 8px;\n\n  @media #{$mobile} {\n    margin-bottom: 16px;\n  }\n\n  gap: 4px;\n  align-items: center;\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { Component, h, Host, Prop, State } from '@stencil/core';\nimport type { NylasSchedulerConnector } from '../../..';\nimport type { Timeslot } from '@nylas/core';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { capitalizeFirstLetter, debug } from '@/utils/utils';\nimport { LANGUAGE_CODE_MAP, TIMEZONE_MAP } from '@/common/constants';\n\n/**\n * The `nylas-selected-event-card` component is a UI component that displays the selected event card.\n *\n * @part nsec - The selected event card component.\n * @part nsec__card - The card component.\n * @part nsec__icon - The calendar icon.\n * @part nsec__date - The date selected.\n * @part nsec__time - The timeslot selected.\n * @part nsec__timezone - The timezone selected.\n */\n@Component({\n  tag: 'nylas-selected-event-card',\n  styleUrl: 'nylas-selected-event-card.scss',\n  shadow: true,\n})\nexport class NylasSelectedEventCard {\n  /**\n   * The selected date.\n   */\n  @Prop({ attribute: 'selected-date' }) readonly selectedDate?: Date;\n\n  /**\n   * The selected time.\n   */\n  @Prop({ attribute: 'selected-timeslot' }) readonly selectedTimeslot?: Timeslot;\n\n  /**\n   * The selected timezone.\n   */\n  @Prop({ attribute: 'selected-timezone' }) readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n  /**\n   * The selected language.\n   */\n  @Prop({ attribute: 'selected-language' }) readonly selectedLanguage?: string;\n\n  @State() startTime: string = '';\n  @State() endTime: string = '';\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-selected-event-card] Component will load`);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-selected-event-card] Component did load`);\n    if (!this.selectedDate) {\n      console.warn('[nylas-selected-event-card] \"selectedDate\" prop is not provided.');\n    }\n    if (!this.selectedTimeslot) {\n      console.warn('[nylas-selected-event-card] \"selectedTimeslot\" prop is not provided.');\n    }\n    const timeFormat = new Intl.DateTimeFormat('en-US', {\n      hour: '2-digit',\n      minute: '2-digit',\n      timeZone: this.selectedTimezone,\n    });\n\n    this.startTime = timeFormat.format(new Date(this.selectedTimeslot?.start_time as Date));\n    this.endTime = timeFormat.format(new Date(this.selectedTimeslot?.end_time as Date));\n  }\n\n  @RegisterComponent<NylasSelectedEventCard, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-selected-event-card',\n    stateToProps: new Map([\n      ['scheduler.selectedDate', 'selectedDate'],\n      ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n    ]),\n    eventToProps: {},\n    fireRegisterEvent: true,\n  })\n  render() {\n    return (\n      <Host part=\"nsec\">\n        <div class=\"event-card\" part=\"nsec__card\">\n          <div class=\"calendar-icon\" part=\"nsec__icon\">\n            <calendar-icon />\n          </div>\n          <div class=\"nylas-selected-event-card__date\" part=\"nsec__date\">\n            {this.selectedDate\n              ? capitalizeFirstLetter(\n                  this.selectedDate?.toLocaleDateString(LANGUAGE_CODE_MAP[this.selectedLanguage || navigator.language], { dateStyle: 'full', timeZone: this.selectedTimezone }),\n                )\n              : '-'}\n          </div>\n          <div class=\"nylas-selected-event-card__time\" part=\"nsec__time\">\n            {this.startTime} - {this.endTime}\n          </div>\n        </div>\n        <div class=\"event-timezone\" part=\"nsec__timezone\">\n          <globe-icon></globe-icon>\n          {TIMEZONE_MAP[this.selectedTimezone]}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n\n:host {\n  display: block;\n  height: calc(100% - 48px); //48px is the height of the header\n  @include default-css-variables;\n}\n\n.time-picker-wrapper {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.timeslots {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n  align-items: center;\n  overflow-y: scroll;\n  padding: 0.5rem 1.5rem 1.5rem;\n  flex: 1;\n}\n\n.time {\n  /* Frame 12 */\n  box-sizing: border-box;\n\n  /* Auto layout */\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 12px;\n  gap: 0.5rem;\n  font-size: 16px;\n  font-weight: 500;\n  font-family: inherit;\n\n  width: 100%;\n  height: 48px;\n\n  color: var(--nylas-base-800);\n  background: var(--nylas-base-0);\n  border: none;\n  outline: 1.5px solid var(--nylas-base-200);\n  border-radius: var(--nylas-border-radius-2x);\n\n  flex: none;\n  order: 4;\n  align-self: stretch;\n  flex-grow: 0;\n\n  cursor: pointer;\n\n  &:hover,\n  &:focus {\n    color: var(--nylas-primary);\n    outline-color: var(--nylas-primary);\n  }\n\n  &.selected {\n    font-weight: 600;\n    color: var(--nylas-primary);\n    outline: 2px solid var(--nylas-primary);\n    border-color: transparent;\n    box-shadow: 0 0 0 2px var(--nylas-primary);\n  }\n}\n\n.empty {\n  text-align: center;\n  padding: 0 1.5rem;\n  color: var(--nylas-base-600);\n  font-size: min(max(12px, 2vw), 14px);\n  height: 450px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@keyframes pulsate {\n  0% {\n    background-color: var(--nylas-base-50);\n  }\n\n  50% {\n    background-color: var(--nylas-base-100);\n  }\n\n  100% {\n    background-color: var(--nylas-base-50);\n  }\n}\n\n.loading {\n  padding: 0 1.5rem;\n\n  .timeslot-skeleton {\n    width: 100%;\n    height: 4rem;\n    background-color: var(--nylas-base-50);\n    margin-bottom: 0.5rem;\n    border-radius: var(--nylas-border-radius-2x);\n    animation: pulsate 1.5s infinite ease-in-out;\n  }\n}\n\n.footer {\n  width: 100%;\n  padding: 14px;\n  box-sizing: border-box;\n  border-top: 1px solid var(--nylas-base-200);\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { debug, isSameDay } from '@/utils/utils';\nimport { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerConnector } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { AvailabilityTimeslot } from '@/stores/scheduler-store';\nimport type { Timeslot } from '@nylas/core';\nimport i18next from '@/utils/i18n';\n\n/**\n * The `nylas-timeslot-picker` component is a UI component that allows users to select a timeslot from a list of available timeslots.\n *\n * @slot timeslot-picker-cta-label - The label for the timeslot picker CTA. Default is \"Next\".\n * @part ntp - The timeslot picker component.\n * @part ntp__timeslot - The timeslot button.\n * @part ntp__timeslot--selected - The selected timeslot button.\n * @part ntp__button-primary - The timeslot picker CTA.\n */\n@Component({\n  tag: 'nylas-timeslot-picker',\n  styleUrl: 'nylas-timeslot-picker.scss',\n  shadow: true,\n})\nexport class NylasTimeslotPicker {\n  /**\n   * @standalone\n   * The available timeslots.\n   */\n  @Prop({ attribute: 'availability' }) readonly availability?: AvailabilityTimeslot[];\n  /**\n   * @standalone\n   * The loading state prop. Used to display loading state when fetching availability.\n   */\n  @Prop({ attribute: 'loading-state' }) readonly isLoading?: boolean;\n  /**\n   * The selected timeslot.\n   */\n  @Prop({ attribute: 'selected-timeslot' }) readonly selectedTimeslot?: Timeslot;\n  /**\n   * The selected timezone.\n   */\n  @Prop({ attribute: 'selected-timezone' }) readonly selectedTimezone: string = Intl.DateTimeFormat().resolvedOptions().timeZone;\n  /**\n   * The selected date.\n   */\n  @Prop({ attribute: 'selected-date' }) readonly selectedDate?: Date = new Date();\n  /**\n   * The selected language.\n   */\n  @Prop() selectedLanguage?: string;\n\n  /**\n   * This event is fired when a timeslot is selected.\n   */\n  @Event() readonly timeslotSelected!: EventEmitter<Timeslot>;\n  /**\n   * This event is fired when a timeslot is confirmed. By default, this will proceed to the booking form page.\n   */\n  @Event() readonly timeslotConfirmed!: EventEmitter<Timeslot>;\n\n  @State() times: AvailabilityTimeslot[] = [];\n  @State() hoveredTimeslotIndex?: number;\n  @State() selectedTimeslotIndex?: string;\n\n  @Watch('selectedLanguage')\n  selectedLanguageChanged(newLanguage: string) {\n    i18next.changeLanguage(newLanguage);\n  }\n\n  @Watch('selectedDate')\n  selectedDateChanged(newVal: Date | null | undefined) {\n    debug(`[nylas-timeslot-picker] Selected date changed`, { newVal });\n\n    if (newVal) {\n      this.selectedTimeslotIndex = '';\n      if (typeof newVal !== 'undefined') {\n        const availableTimes = this.availability?.filter(timeslot => isSameDay(timeslot.start_time, newVal)).map(timeslot => timeslot);\n        this.times = availableTimes || [];\n      }\n    }\n  }\n\n  @Watch('availability')\n  availabilityChanged(newVal: AvailabilityTimeslot[] | undefined) {\n    debug(`[nylas-timeslot-picker] Available times changed`, { newVal, selectedDate: this.selectedDate });\n\n    if (typeof newVal !== 'undefined') {\n      const availableTimes = newVal?.filter(timeslot => this.selectedDate && isSameDay(timeslot.start_time, this.selectedDate)).map(timeslot => timeslot);\n      this.times = availableTimes || [];\n    }\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {}\n\n  async componentWillLoad() {\n    debug(`[nylas-timeslot-picker] Component will load`, { selectedDate: this.selectedDate, availability: this.availability, times: this.times });\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-timeslot-picker] Component did load`);\n    const availableTimes = this.availability?.filter(timeslot => this.selectedDate && isSameDay(timeslot.start_time, this.selectedDate)).map(timeslot => timeslot);\n    this.times = availableTimes || [];\n  }\n\n  private getTimeslotId(date: Date, index: number) {\n    return `${date.toLocaleDateString()}-${index}`;\n  }\n\n  private onClickSelectTime(timeslot: Timeslot, index: number) {\n    debug(`[nylas-timeslot-picker] Time selected`, timeslot, index);\n    this.selectedTimeslotIndex = this.getTimeslotId(timeslot.start_time, index);\n    this.timeslotSelected.emit({\n      start_time: timeslot.start_time,\n      end_time: timeslot.end_time,\n      emails: timeslot.emails,\n    });\n  }\n\n  private handleConfirmedTimeslot = async (event: Event, timeslot: Timeslot | undefined) => {\n    event.preventDefault();\n    debug(`[nylas-timeslot-picker] Confirm timeslot`, timeslot);\n    this.timeslotConfirmed.emit(timeslot);\n  };\n\n  private handleMouseEnter = (index: number) => {\n    this.hoveredTimeslotIndex = index;\n  };\n\n  private handleMouseLeave = () => {\n    this.hoveredTimeslotIndex = -1;\n  };\n\n  private getTimeSlotLabel(timeslot: Timeslot) {\n    const timeFormat = new Intl.DateTimeFormat('en-US', {\n      hour: '2-digit',\n      minute: '2-digit',\n      timeZone: this.selectedTimezone,\n    });\n    return `${timeFormat.format(timeslot.start_time)} - ${timeFormat.format(timeslot.end_time)}`;\n  }\n\n  @RegisterComponent<NylasTimeslotPicker, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n    name: 'nylas-timeslot-picker',\n    stateToProps: new Map([\n      ['scheduler.selectedDate', 'selectedDate'],\n      ['scheduler.availability', 'availability'],\n      ['scheduler.selectedTimeslot', 'selectedTimeslot'],\n      ['scheduler.selectedTimezone', 'selectedTimezone'],\n      ['scheduler.selectedLanguage', 'selectedLanguage'],\n      ['scheduler.isLoading', 'isLoading'],\n    ]),\n    eventToProps: {\n      timeslotSelected: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-timeslot-picker', 'timeslotSelected', event.detail);\n        nylasSchedulerConnector.scheduler.selectTime(event.detail);\n      },\n      timeslotConfirmed: async (event: CustomEvent<Timeslot>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n        debug('nylas-timeslot-picker', 'timeslotConfirmed', event.detail);\n        if (event.detail) {\n          nylasSchedulerConnector.scheduler.toggleAdditionalData(true);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    if (this.isLoading) {\n      return (\n        <Host>\n          <div class={'loading'}>\n            {new Array(6).fill(0).map((_, i) => (\n              <div class={'timeslot-skeleton'} style={{ animationDelay: `${i * 20}ms` }} />\n            ))}\n          </div>\n        </Host>\n      );\n    }\n\n    if (this.availability && this.availability.length === 0) {\n      return (\n        <Host>\n          <div class={'empty'}>\n            <span>No dates available</span>\n          </div>\n        </Host>\n      );\n    }\n\n    if ((!this.times || this.times.length === 0) && !!this.selectedDate) {\n      return (\n        <Host>\n          <div class={'empty'}>\n            <span>No time slots available for selected date</span>\n          </div>\n        </Host>\n      );\n    }\n\n    if (!this.selectedDate) return <Host></Host>;\n\n    return (\n      <Host part=\"ntp\">\n        <div class={'time-picker-wrapper'}>\n          <div class={'timeslots'}>\n            {this.times.map((timeslot, index) => (\n              <button\n                part={`ntp__timeslot ${this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime() ? 'ntp__timeslot--selected' : ''}`}\n                aria-role=\"button\"\n                class={{\n                  time: true,\n                  selected: typeof this.selectedTimeslot !== 'undefined' && this.selectedTimeslot?.start_time?.getTime() === timeslot.start_time.getTime(),\n                }}\n                onClick={() => this.onClickSelectTime(timeslot, index)}\n                onMouseEnter={() => this.handleMouseEnter(index)}\n                onMouseLeave={() => this.handleMouseLeave()}\n              >\n                {this.hoveredTimeslotIndex == index || this.selectedTimeslotIndex == this.getTimeslotId(timeslot.start_time, index)\n                  ? this.getTimeSlotLabel(timeslot)\n                  : timeslot.start_time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', timeZone: this.selectedTimezone })}\n              </button>\n            ))}\n          </div>\n          {this.selectedTimeslot && (\n            <div class={'footer'}>\n              <button-component variant={'primary'} onClick={(event: Event) => this.handleConfirmedTimeslot(event, this.selectedTimeslot)} part=\"ntp__button-primary\">\n                <slot name=\"timeslot-picker-cta-label\">{i18next.t('nextButton')}</slot>\n              </button-component>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/nylas-web-elements/p-7bed0959.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,F as n,c as a,H as i,a as s}from"./p-68c2fadf.js";import{R as o}from"./p-bf5b88a3.js";import{a as r,m as l,k as c}from"./p-797cc185.js";import{D as d}from"./p-08a590fe.js";import{i as b,a as p,c as h,b as f,f as u}from"./p-4002863f.js";const y=".sc-google-logo-icon-h{display:flex}";const m=y;const g=class{constructor(e){t(this,e);this.width="24";this.height="24"}render(){return e("svg",{key:"a92099ec8ac0962d66c891c164e335ef3d047d22",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"67f404193a491c7599cb0ff6eb2eba5322d05e12","clip-path":"url(#clip0_959_12452)"},e("path",{key:"3c61ed99570e6093cad10d510093e172828eff40",d:"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z",fill:"#4285F4"}),e("path",{key:"c02254455f486c14330e39e76240c1cf4f4597a4",d:"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z",fill:"#34A853"}),e("path",{key:"8db3f9f9c1587778afe57689afc1a72db582d5ec",d:"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z",fill:"#FBBC05"}),e("path",{key:"45b05683bc9c6bf46c6aef5858604016460df3e2",d:"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z",fill:"#EA4335"})),e("defs",{key:"4c047174ca3453f959e5e81b31e79abae98a1e09"},e("clipPath",{key:"0e8a1d30c69e4ff0d43a99342b111a0ced46b894",id:"clip0_959_12452"},e("rect",{key:"e653c135430f8fd0e33dea31c2d26a75ac6301a0",width:24,height:24,fill:"white"}))))}};g.style=m;const _=".sc-microsoft-logo-icon-h{display:flex}";const v=_;const w=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"0426f3e50fb256a3a5f5c2c221da187daddf01ab",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"7613831c4bd6ec132acc5e89859acdfd6035f0c1",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"db04c966af57fe29013c799d7a38192d121beb44",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"fe59fe563aede56518af70627d0ece3b83ded0fc",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"07e3f81f79863f2e87827b163a2e9a9f9804cbf0",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};w.style=v;var k;(function(t){t["EventInfo"]="eventInfo";t["Availability"]="availability";t["BookingOptions"]="bookingOptions";t["Communications"]="communications";t["Participants"]="participants";t["BookingForm"]="bookingForm";t["PageStyles"]="pageStyles"})(k||(k={}));function x({id:t,formState:a,activeTab:i},s){return e(n,null,e("div",{key:`event-info-${t}`,class:{hide:i!==k.EventInfo}},e("nylas-event-info",null,e("div",{slot:"inputs"},e("nylas-event-title",{name:"title",exportparts:"net, net__title, net__dropdown-content"}),e("nylas-event-duration",{name:"duration",exportparts:"ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content"}),e("nylas-event-location",{name:"location",exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e("nylas-event-description",{name:"description",exportparts:"nedesc, nedesc__textarea"})))),e("div",{key:`availability-${t}`,class:{hide:i!==k.Availability}},e("nylas-participant-booking-calendars",{participants:a.participants,name:"participant-booking-calendars",exportparts:"npbc, npbc__header, npbc__content, npbc__participant-container, npbc__participant-title"}),e("nylas-connected-calendars",{participants:a.participants,name:"connected-calendars",exportparts:"nccals, nccals__header, nccals__content, nccals__container, nccals__title, nccals__toggle-container, npbc__participant-toggle-container"}),e("nylas-availability-picker",{name:"availability",exportparts:"nap, nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times"})),e("div",{key:`booking-options-${t}`,class:{hide:i!==k.BookingOptions}},e("nylas-scheduling-method",{name:"availability-method",readOnly:true,exportparts:"nsm, nsm__header, nsm__input-label, nsm__dropdown, nsm__dropdown-button, nsm__dropdown-content"}),e("nylas-custom-booking-flow",{exportparts:"ncbflow, ncbflow__header, ncbflow__title, ncbflow__content"},e("div",{slot:"inputs"},e("nylas-booking-confirmation-type",{name:"confirmation-type",exportparts:"nbct, nbct__header, nbct__dropdown, nbct__dropdown-button, nbct__dropdown-content"}),e("nylas-booking-confirmation-redirect",{name:"confirmation-redirect",exportparts:"nbcr, nbcr__header, nbcr__dropdown, nbcr__dropdown-button, nbcr__dropdown-content, nbcr__input-textfield"}))),e("nylas-buffer-time",{name:"buffer-time",exportparts:"nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview"}),e("nylas-event-limits",null,e("div",{slot:"inputs"},e("nylas-min-booking-notice",{name:"min-booking-notice",exportparts:"nmbn, nmbn__number-dropdown, nmbn__number-dropdown-button, nmbn__number-dropdown-content, nmbn__period-dropdown, nmbn__period-dropdown-button, nmbn__period-dropdown-content"}),e("nylas-limit-future-bookings",{name:"limit-future-bookings",exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),e("nylas-min-cancellation-notice",{name:"min-cancellation-notice",exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}),e("nylas-cancellation-policy",{name:"cancellation-policy",exportparts:"ncpolicy, ncpolicy__textarea"}))),e("nylas-timeslot-interval",{name:"timeslot-interval",exportparts:"nti, nti__header, nti__input-label, nti__dropdown, nti__dropdown-button, nti__dropdown-content"}),e("nylas-customize-booking-settings",{name:"customize-booking-settings",exportparts:"ncbs, ncbs__header, ncbs__settings, ncbs__settings-div, ncbs__additional_guests, ncbs__cancellation_options, ncbs__rescheduling_options"})),e("div",{key:`communications-${t}`,class:{hide:i!==k.Communications}},e("div",{class:"tab-header"},e("h3",null,"Event communications"),e("p",null,"Set up automatic confirmation emails.")),e("nylas-confirmation-email",{name:"confirmation-email-template",exportparts:"nce, nce__tab-heading, nce__header, nce__body, nce__confirmation-email-toggle--container, nce__summary, nce__reminder-input_dropdown, nce__reminder-input_dropdown-input, nce__reminder-input_dropdown-content"}),e("nylas-reminder-emails",{name:"reminder-emails",exportparts:"nre, nre__tab-heading, nre__header, nre__body, nre__confirmation-email-toggle--container, nre__summary, nre__reminder-input_dropdown, nre__reminder-input_dropdown-input, nre__reminder-input_dropdown-content"})),e("div",{key:`participants-${t}`,class:{hide:i!==k.Participants}},e("nylas-additional-participants",{name:"participants",exportparts:"nap, nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant"}),e("nylas-participants-custom-availability",{participants:a.participants,name:"participant-custom-availability",exportparts:"npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider"})),e("div",{key:`page-styles-${t}`,class:{hide:i!==k.PageStyles}},e("nylas-custom-event-slug",{name:"custom-event-slug",exportparts:"nces, nces__body, nces__header, nces__drawer-toggle--container, nces__input-textfield"}),e("nylas-page-name",{name:"page-name",exportparts:"npn, npn__body, npn__header, npn__drawer-toggle--container, npn__input-textfield"}),e("nylas-page-styling",{name:"page-styling",exportparts:"nps, nps__header, nps__drawer-toggle--container, nps__body, nps__title-input-textfield, nps__company-logo-input-textfield, nps__color-picker, nps__color-picker-button, nps__color-picker-button-label, nps__color-picker-selected-label, nps__submit-button-label-input-textfield, nps__message-textarea"},s)),e("div",{key:`booking-form-${t}`,class:{hide:i!==k.BookingForm}},e("nylas-booking-form-config",{name:"additional-fields",exportparts:"nbfc, nbfc__header, nbfc__add_field, nbfc__add_field-button, nbfc__add_field-content, nbfc__additional_fields, nbfc__form-field, nbfc__form-field-header, nbfc__form-field-content"})))}const C='.sc-nylas-editor-tabs-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column;height:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:calc(100% - 80px);display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{display:table-column-group;height:auto}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{border-right:none}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:last-of-type{margin-bottom:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.active.sc-nylas-editor-tabs{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs{max-width:692px;overflow-y:auto;overflow-x:hidden}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .hide.sc-nylas-editor-tabs{display:none}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs{width:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs{display:flex;flex-direction:column;gap:1rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs{display:flex;flex-direction:column;margin:1rem 1rem 0.5rem;row-gap:4px}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs h3.sc-nylas-editor-tabs{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs .tab-header.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{margin:0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.footer.sc-nylas-editor-tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .preview.sc-nylas-editor-tabs{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{max-width:524px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.unsaved-changes.sc-nylas-editor-tabs{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.saved-changes.sc-nylas-editor-tabs{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error.sc-nylas-editor-tabs{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error-full-width.sc-nylas-editor-tabs{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.sc-nylas-editor-tabs{width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs span.sc-nylas-editor-tabs{display:flex;align-items:center;justify-content:center;gap:0.5rem}button-component#report-issue.sc-nylas-editor-tabs{width:auto}nylas-feedback-form.sc-nylas-editor-tabs{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}';const S=C;var H=undefined&&undefined.__decorate||function(t,e,n,a){var i=arguments.length,s=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(i<3?o(s):i>3?o(e,n,s):o(e,n))||s;return i>3&&s&&Object.defineProperty(e,n,s),s};var F=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const L=class{constructor(e){t(this,e);this.schedulerConfigChanged=a(this,"schedulerConfigChanged",7);this.cancelButtonClick=a(this,"cancelButtonClick",7);this.formSubmitted=a(this,"formSubmitted",7);this.previewButtonClicked=a(this,"previewButtonClicked",7);this.schedulerEditorFormUpdated=a(this,"schedulerEditorFormUpdated",7);this.setError=t=>{this.error=t.message};this.formSubmissionHandler=async t=>{t.preventDefault();const e=await this.formSubmitted.emit();r("[nylas-editor-tabs]","formSubmissionHandler",e);const n=this.formRef.checkValidity();if(!n||e.defaultPrevented){this.error=this.formRef.validationMessage||"Please fix the form errors.";return}this.isLoading=true;this.hasUnsavedChanges=false;const a=this.updateFormState();const{title:i,description:s,duration:o,availability:c,bookingCalendar:b,location:p,bookingType:h,buffer:f,availableDaysInFuture:u,minCancellationNotice:y,minBookingNotice:m,cancellationPolicy:g,timeslotInterval:_,additionalGuestsHidden:v,hideCancellationOptions:w,hideReschedulingOptions:k,participants:x,participantOpenHours:C,additionalFields:S,participantCalendars:H,conferencing:F,participantBookingCalendars:L,reminders:z,emailTemplate:O,redirectUrl:j,availabilityMethod:P,slug:B,appearance:N,name:T}=a;const I=this.selectedConfiguration?.participants?.find((t=>t.is_organizer))||x?.find((t=>t.is_organizer));const $=H&&I?.email?H[I?.email]:[];const M=I?.booking?.calendar_id||b;const R=o?parseInt(o):30;const E=x&&x?.length>0?x:[{name:I?.name??this.currentUser?.name??"",email:I?.email??this.currentUser?.email??"",is_organizer:true,timezone:c?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:$.length?$:["primary"],open_hours:[]},booking:{calendar_id:b&&b!==""?b:"primary"}}];const V={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",slug:B,name:T,availability:{duration_minutes:R,interval_minutes:_?.interval??R,round_to:_?.roundTo,availability_rules:{availability_method:P?P:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective",buffer:f||{before:0,after:0},default_open_hours:c?.openHours??this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??d,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[...E?.map((t=>{if(t.is_organizer){return{name:t.name??"",email:t.email,is_organizer:true,timezone:C?.[t.email]?.[0]?.timezone??t.availability?.open_hours?.[0]?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:{calendar_ids:H?.[t.email]?H?.[t.email]:$?.length?$:["primary"],open_hours:C?.[t.email]??t.availability?.open_hours??[]},booking:{calendar_id:L?.[t.email]?L?.[t.email]:M?M:"primary"}}}return{...t,timezone:C?.[t.email]?.[0]?.timezone??t.availability?.open_hours?.[0]?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,availability:t.availability?{calendar_ids:H?.[t.email]??t.availability?.calendar_ids??["primary"],open_hours:C?.[t.email]??t.availability?.open_hours??[]}:undefined,booking:L?.[t.email]?{calendar_id:L?.[t.email]}:t?.booking??undefined}}))],event_booking:{title:i?.toString()??"",description:s?.toString()??"",location:p?.toString()??"",booking_type:h?.toString()??"booking",timezone:c?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,conferencing:F,reminders:z},scheduler:{cancellation_policy:g??"",available_days_in_future:u??30,min_cancellation_notice:y??0,min_booking_notice:m??60,hide_additional_guests:v??false,hide_cancellation_options:w??false,hide_rescheduling_options:k??false,additional_fields:S,email_template:O,confirmation_redirect_url:j},appearance:N};const D=l(V,this.selectedConfiguration||{});const J=this.action==="create"?D:V;if(this.isConfigRoundRobin(J)){J.participants=J.participants.map((t=>({...t,is_organizer:undefined})))}const U=t=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};const A=this.checkForBookingFormErrors(J);const Z=this.configurations?.find((t=>t.id===this.selectedConfiguration?.id))||{};const W=this.checkForOrganizerConfirmationError(l(J,Z));if(A||W){return}this.schedulerConfigChanged.emit({config:J,resetLoadingState:U,setError:this.setError,action:this.action})};this.isConfigRoundRobin=t=>t?.availability?.availability_rules?.availability_method==="max-availability"||t.availability?.availability_rules?.availability_method==="max-fairness";this.checkForOrganizerConfirmationError=t=>{let e=false;let n="";const a=t.event_booking?.booking_type==="organizer-confirmation";const i=t.scheduler?.organizer_confirmation_url;if(a&&!i){n+="Organizer confirmation URL is required when using organizer confirmation booking type.";e=true}if(e){this.isLoading=false;this.setError(new Error(n))}return e};this.checkForBookingFormErrors=t=>{let e=false;let n="";const a=t.scheduler?.additional_fields;if(a){n="Booking form error: ";Object.entries(a).forEach((t=>{const a=t[1];if(a.label===""){n+=`Label is required for field of type ${a.type}.`;e=true;return}if(a.options){for(const t of a.options){if(t===""){n+=`Empty option detected inside ${a.label} of type ${a.type}.`;e=true;break}}}}))}if(e){this.isLoading=false;this.setError(new Error(n))}return e};this.calendars=undefined;this.selectedConfiguration=undefined;this.configurations=undefined;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.hideEditorTabs=[];this.enableUserFeedback=true;this.action="create";this.showFeedbackModal=false;this.activeTab=k.EventInfo;this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(t){r("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(t)};if(t?.id){this.action="edit"}else{this.action="create"}}userChangedHandler(t){r("[nylas-editor-tabs]","userChangedHandler",t);if(t){this.formState={...this.getFormStateFromConfig(this.selectedConfiguration)}}}connectedCallback(){r("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){r("[nylas-editor-tabs]","componentDidLoad");if(this.enableUserFeedback&&!b()){p({dsn:"https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",release:"1.1.4",integrations:t=>[...t.filter((t=>false)),u({colorScheme:"system",autoInject:false})],autoSessionTracking:false,beforeSend:()=>null})}if(this.selectedConfiguration?.id){this.configChangedHandler(this.selectedConfiguration)}const t=this.host.querySelector("button.tab:not(.hide)")?.name;if(t){this.activeTab=t}}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){r("[nylas-editor-tabs]","handleValueChanged",t);const{name:e,value:n}=t.detail;this.setFormState(n,e);this.formState={...this.formState};this.hasUnsavedChanges=true;this.error="";this.schedulerEditorFormUpdated.emit({value:t.detail.value,name:t.detail.name})}feedbackModalClosedHandler(){this.showFeedbackModal=false}feedbackSubmittedHandler(t){const e=h("Scheduler Editor User Feedback");const n={eventId:e,message:t.detail.feedback};f(n,{includeReplay:true,captureContext:{tags:{"nylas-web-element":"nylas-scheduler-editor","nylas-web-element-version":"1.1.4"},extra:{configId:this.selectedConfiguration?.id,slug:this.selectedConfiguration?.slug}}});this.showFeedbackModal=false}getFormStateFromConfig(t){let e=t?.participants?.find((t=>t.is_organizer));if(!e&&t?.availability?.availability_rules?.availability_method!=="collective"){e=t?.participants?.find((t=>t.email===this.currentUser?.email));if(e){e.is_organizer=true}}if(t?.appearance){console.info("Appearance settings have been returned from the given configuration; please remember to grab them from the configSettingsLoaded event and apply them as desired.")}return{title:t?.event_booking?.title??"",description:t?.event_booking?.description??"",duration:t?.availability?.duration_minutes?.toString()??"30",availability:{timezone:t?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,openHours:t?.availability?.availability_rules?.default_open_hours??d},additionalFields:t?.scheduler?.additional_fields??{},conferencing:t?.event_booking?.conferencing??{},calendarIds:e?.availability?.calendar_ids??[],participants:t?.participants??[],bookingCalendar:e?.booking?.calendar_id??e?.email??"",location:t?.event_booking?.location??"",bookingType:t?.event_booking?.booking_type??"booking",buffer:t?.availability?.availability_rules?.buffer??{before:0,after:0},cancellationPolicy:t?.scheduler?.cancellation_policy??"",availableDaysInFuture:t?.scheduler?.available_days_in_future??30,minCancellationNotice:t?.scheduler?.min_cancellation_notice??0,minBookingNotice:t?.scheduler?.min_booking_notice??60,timeslotInterval:{interval:t?.availability?.interval_minutes??t?.availability?.duration_minutes,roundTo:t?.availability?.round_to},additionalGuestsHidden:t?.scheduler?.hide_additional_guests??false,hideCancellationOptions:t?.scheduler?.hide_cancellation_options??false,hideReschedulingOptions:t?.scheduler?.hide_rescheduling_options??false,participantBookingCalendars:t?.participants?.reduce(((t,e)=>{if(e.booking?.calendar_id){t[e.email]=e.booking?.calendar_id}return t}))??{},participantCalendars:t?.participants?.reduce(((t,e)=>{t[e.email]=e.availability?.calendar_ids;return t}),{})??{},reminders:t?.event_booking?.reminders,emailTemplate:t?.scheduler?.email_template,redirectUrl:t?.scheduler?.confirmation_redirect_url,slug:t?.slug,appearance:t?.appearance,name:t?.name}}setFormState(t,e){switch(e){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"booking-calendar":this.formState.bookingCalendar=t.toString();break;case"participant-booking-calendars":this.formState.participantBookingCalendars=JSON.parse(t.toString());break;case"location":this.formState.location=t.toString();break;case"conference":this.formState.conferencing=JSON.parse(t.toString());break;case"confirmation-type":this.formState.bookingType=t.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(t.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(t.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(t.toString());break;case"min-booking-notice":this.formState.minBookingNotice=parseInt(t.toString());break;case"cancellation-policy":this.formState.cancellationPolicy=t.toString();break;case"timeslot-interval":this.formState.timeslotInterval=JSON.parse(t.toString());break;case"customize-booking-settings":const e=JSON.parse(t.toString());this.formState.additionalGuestsHidden=e.additionalGuestsHidden;this.formState.hideCancellationOptions=e.hideCancellationOptions;this.formState.hideReschedulingOptions=e.hideReschedulingOptions;break;case"participant-custom-availability":const n=JSON.parse(t.toString());this.formState.participantOpenHours=n;break;case"additional-fields":this.formState.additionalFields=t;break;case"connected-calendars":this.formState.participantCalendars=JSON.parse(t.toString());break;case"confirmation-email-template":this.formState.emailTemplate=JSON.parse(t.toString());break;case"reminder-overrides":this.formState.reminders=JSON.parse(t.toString());break;case"confirmation-redirect":this.formState.redirectUrl=t.toString();break;case"availability-method":this.formState.availabilityMethod=t.toString();break;case"custom-event-slug":this.formState.slug=JSON.parse(t.toString());break;case"page-styling":this.formState.appearance=JSON.parse(t.toString());break;case"page-name":this.formState.name=JSON.parse(t.toString());break}this.schedulerEditorFormUpdated.emit({value:t,name:e})}updateFormState(){const t=new FormData(this.formRef);t.forEach(((t,e)=>{this.setFormState(t,e)}));this.formState={...this.formState};return this.formState}setActiveTab(t,e){t.preventDefault();this.updateFormState();this.activeTab=e}hideTab(t){return this.hideEditorTabs?.includes(t)||false}onFeedbackClick(){this.showFeedbackModal=true}render(){r("[nylas-editor-tabs]","render",this.formState);return e(i,{key:"979cb82af1a494ea69a8122420da0c794e7c1c14"},e("form",{key:"a8aec5d884b9985898a0e2015a973c3f18c9993d",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:t=>this.formRef=t,noValidate:true},this.mode==="app"?e("div",{class:"form-contents"},e("div",{class:"tabs"},e("button",{name:k.EventInfo,class:{tab:true,active:this.activeTab==k.EventInfo,hide:this.hideTab(k.EventInfo)},part:"editortab__event-info",onClick:t=>this.setActiveTab(t,k.EventInfo)},e("calendar-info-icon",{width:"16",height:"16"}),"Event info"),e("button",{name:k.Availability,class:{tab:true,active:this.activeTab==k.Availability,hide:this.hideTab(k.Availability)},part:"editortab__availability",onClick:t=>this.setActiveTab(t,k.Availability)},e("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e("button",{name:k.Participants,class:{tab:true,active:this.activeTab==k.Participants,hide:this.hideTab(k.Participants)},part:"editortab__participants",onClick:t=>this.setActiveTab(t,k.Participants)},e("people-icon",{width:"16",height:"16"}),"Participants"),e("button",{name:k.BookingOptions,class:{tab:true,active:this.activeTab==k.BookingOptions,hide:this.hideTab(k.BookingOptions)},part:"editortab__booking-options",onClick:t=>this.setActiveTab(t,k.BookingOptions)},e("flow-icon",{width:"16",height:"16"}),"Booking options"),e("button",{name:k.BookingForm,class:{tab:true,active:this.activeTab=="bookingForm",hide:this.hideTab(k.BookingForm)},part:"editortab__booking-form",onClick:t=>this.setActiveTab(t,k.BookingForm)},this.activeTab==k.BookingForm?e("calendar-agenda-fill-icon",{width:"16",height:"16"}):e("calendar-agenda-icon",{width:"16",height:"16"}),"Booking form"),e("button",{name:k.Communications,class:{tab:true,active:this.activeTab=="communications",hide:this.hideTab(k.Communications)},onClick:t=>this.setActiveTab(t,k.Communications)},this.activeTab==k.Communications?e("envelope-fill-icon",{width:"16",height:"16"}):e("envelope-icon",{width:"16",height:"16"}),"Communications"),e("button",{name:k.PageStyles,class:{tab:true,active:this.activeTab=="pageStyles",hide:this.hideTab(k.PageStyles)},onClick:t=>this.setActiveTab(t,k.PageStyles)},this.activeTab==k.PageStyles?e("paintbrush-fill-icon",{width:"16",height:"16"}):e("paintbrush-icon",{width:"16",height:"16"}),"Page styles")),e("div",{class:"tab-content"},e(x,{formState:this.formState,activeTab:this.activeTab,currentUser:this.currentUser,calendars:this.calendars,id:this.selectedConfiguration?.id??"new"}))):e("div",{class:"composable",key:this.selectedConfiguration?.id},e("slot",null)),e("div",{key:"c013e06487a2675130df47566e7322bb8254fea0",class:"footer",part:"editor__footer"},e("div",{key:"7ec0e476e014b7dcc5cb0177b86161743b09233f",class:"preview",part:"editor__footer-preview"},this.enableUserFeedback&&e("button-component",{title:"Share your feedback",id:"report-issue",variant:"basic",onClick:()=>this.onFeedbackClick()},e("feedback-icon",null))),e("div",{key:"791187b91f7ce807d980fe79a551bb7f16725a8b",class:"buttons",part:"editor__footer-buttons"},e("p",{key:"33e1dcbac0ccf06a7c9b15fe615e222e86d7d947",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?"Unsaved changes":this.error==""&&this.changesSaved?"Changes saved!":""),this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{title:"Preview",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();const e=this.previewButtonClicked.emit(this.host);if(!e.defaultPrevented){window.open(c(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},e("eye-icon",null)),e("button-component",{key:"35722d8b7c489c687ef63d7747a33204261b2870",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic",part:"editor__footer-cancel"},"Back"),e("button-component",{key:"fabfca306aecb7a62212397bfe12e3fffce5fa8e",type:"submit",disabled:this.isLoading,part:"editor__footer-cta"},this.isLoading?e("span",null,"Saving",e("loading-icon",null)," "):this.action==="create"?"Create":"Save changes")))),this.showFeedbackModal&&e("nylas-feedback-form",null))}get host(){return s(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"],currentUser:["userChangedHandler"]}}};H([o({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"],["schedulerConfig.configurations","configurations"]]),eventToProps:{schedulerConfigChanged:async(t,e)=>{const{resetLoadingState:n,setError:a,action:i,config:s}=t.detail;const o=e=>{const[i,s]=e;if(!i&&s&&a){a(s)}if(n){n(t)}};if(i==="edit"){const t=await e.schedulerConfig.updateConfiguration(s);o(t)}else{const t=await e.schedulerConfig.createConfiguration(s);o(t)}},cancelButtonClick:async(t,e)=>{e.schedulerConfigStore.state.action=null},previewButtonClicked:async(t,e)=>{r("[nylas-editor-tabs]","previewButtonClicked",e)},formSubmitted:async(t,e)=>{r("[nylas-editor-tabs]","formSubmitted",e)},schedulerEditorFormUpdated:async(t,e)=>{r("[nylas-editor-tabs]","schedulerEditorFormUpdated",t)}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["enableUserFeedback","enableUserFeedback"],["hideEditorTabs","hideEditorTabs"]]),fireRegisterEvent:true}),F("design:type",Function),F("design:paramtypes",[]),F("design:returntype",void 0)],L.prototype,"render",null);L.style=S;const z=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:1rem;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;flex-direction:column;position:relative;overflow-y:hidden}.configurations .table-container{overflow-y:auto;flex:1}.configurations .table-container table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations .table-container table.no-configurations{height:100%}.configurations .table-container table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations .table-container table tr.hide{display:none}.configurations .table-container table th{font-weight:600;text-transform:uppercase;font-size:14px;line-height:20px}.configurations .table-container table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations .table-container table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations .table-container table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations .table-container table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations .table-container table th,.configurations .table-container table td{text-align:left;padding:1rem;font-family:inherit}.configurations .table-container table .actions{text-align:right}.configurations .table-container table .actions{display:flex;justify-content:flex-end;gap:1rem}@media screen and (max-width: 768px){.configurations .table-container table .actions{flex-direction:column;gap:0.5rem}}.configurations .table-container table .title{width:100%;max-width:300px}@media screen and (max-width: 768px){.configurations .table-container table .title{max-width:96px}}.configurations .table-container table .title div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.configurations .table-container table .title div.config-event-title{font-weight:600}.configurations .table-container table .title div.config-event-description{font-size:0.75rem}.configurations .pagination{padding:1rem;position:sticky;top:100%;display:flex;justify-content:flex-end;gap:0.5rem;background:white;width:calc(100% - 2rem);z-index:2}.configurations .pagination td.arrows{display:flex;justify-content:flex-end;gap:0.5rem}.configurations .pagination button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:3vh;width:3vh;min-width:3em;min-height:3em;cursor:pointer;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background-color:transparent;color:var(--nylas-base-800);cursor:pointer}.configurations .pagination button:hover:not(:disabled){border:1px solid var(--nylas-primary)}.configurations .pagination button:active{border:1px solid var(--nylas-base-800)}.configurations .pagination button:disabled{border:1px solid var(--nylas-base-100);background-color:transparent;color:var(--nylas-base-300);cursor:not-allowed}.configurations .pagination button.right{transform:rotate(180deg)}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}button-component#copy button{width:108px}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){display:block;height:48px;padding:0px 16px 8px}@media screen and (max-width: 768px){select-dropdown::part(sd_dropdown-button){width:92px}}select-dropdown::part(sd_dropdown-content){width:120px;right:0}select-dropdown::part(sd_dropdown-labelhtml){display:flex;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}select-dropdown::part(sd_dropdown-labelhtml):hover{color:var(--nylas-primary)}';const O=z;var j=undefined&&undefined.__decorate||function(t,e,n,a){var i=arguments.length,s=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])s=(i<3?o(s):i>3?o(e,n,s):o(e,n))||s;return i>3&&s&&Object.defineProperty(e,n,s),s};var P=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const B=class{constructor(e){t(this,e);this.initListConfigurations=a(this,"initListConfigurations",7);this.createButtonClick=a(this,"createButtonClick",7);this.editButtonClick=a(this,"editButtonClick",7);this.deleteButtonClick=a(this,"deleteButtonClick",7);this.configurations=[];this.schedulerPreviewLink="";this.listConfigurationsNextCursor=undefined;this.state="loading";this.error="";this.currentCursor=null;this.previousCursors=[];this.disableNextPageButton=false}listConfigurationsNextCursorChangedHandler(t,e){if(!t||t===e){if(t===null){this.disableNextPageButton=true}return}this.disableNextPageButton=false;this.currentCursor=t}connectedCallback(){r("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){r("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){r("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit({host:this.host})}disconnectedCallback(){r("[nylas-list-configurations]","disconnectedCallback")}async handleNylasFormDropdownChanged(t){r("[nylas-list-configurations]","handleNylasFormDropdownChanged",t.detail);const{value:e}=t.detail;const[n,a]=e.split("-");t.preventDefault();switch(n){case"delete":this.deleteButtonClick.emit({host:this.host,configuration:this.configurations[a]});break;case"preview":window.open(c(this.schedulerPreviewLink,this.configurations[a]),"_blank");break;case"copy":await navigator.clipboard.writeText(c(this.schedulerPreviewLink,this.configurations[a]));break}}async getState(){return this.state}async setState(t){this.state=t}async setError(t){this.error=t}getDurationString(t){const e=Math.floor(t/60);const n=t%60;return`${e?e:""} ${e?`${e>1?"hours":"hour"}`:""} ${n?n:""} ${n?`${n>1?"mins":"min"}`:""}`}getActionLabelHTML(t){const n={display:"inline-flex",alignItems:"center",gap:"0.5rem"};const a={color:"var(--nylas-error)"};switch(t){case"preview":return e("span",{style:n},e("eye-icon",{width:"16",height:"16"}),"Preview");case"copy":return e("span",{style:n},e("copy-icon",{width:"16",height:"16"}),"Copy");case"delete":return e("span",{style:{...n,...a}},e("delete-icon",{width:"15",height:"17"}),"Delete");default:return""}}previousPageClickedHandler(){if(this.previousCursors.length===0)return;this.currentCursor=this.previousCursors.pop()||null;const t=this.previousCursors[this.previousCursors.length-1]||undefined;this.initListConfigurations.emit({host:this.host,cursor:t})}nextPageClickedHandler(){if(!this.currentCursor)return;this.previousCursors=[...this.previousCursors,this.currentCursor];this.initListConfigurations.emit({host:this.host,cursor:this.currentCursor})}render(){return e(i,null,e("div",{class:"header"},e("div",{class:"description"},e("h2",null,"All Scheduling Pages"),e("p",null,"Create and manage your Scheduling Pages.")),this.configurations&&this.configurations.length>0&&e("div",{class:"actions"},e("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e("div",{class:"configurations"},e("div",{class:"table-container"},e("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},e("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},e("th",null,"Page title"),e("th",null,"Duration"),e("th",null)),this.state==="loading"&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("h3",null,"Loading..."),e("p",null,"Please wait while we fetch the scheduling pages")))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("calendar-icon",{width:"48",height:"48"}),e("h3",null,"No scheduling pages found"),e("p",null,"Get started with creating your first scheduling page"),e("button-component",{part:"nlc__create-new-cta",clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new")))),this.state!=="loading"&&this.configurations?.map(((t,n)=>e("tr",{key:t?.id},e("td",null,e("div",{class:"title"},e("div",{class:"config-event-title",title:t?.event_booking?.title},t?.event_booking?.title),e("div",{class:"config-event-description"},t?.event_booking?.description))),e("td",null,e("div",{class:"duration"},this.getDurationString(t?.availability?.duration_minutes))),e("td",null,e("div",{class:"actions"},e("button-component",{variant:"basic",key:`edit-${n}`,clickHandler:e=>{e.preventDefault();this.editButtonClick.emit({host:this.host,configuration:t})}},e("edit-icon",{width:"16",height:"16"}),"Edit"),e("select-dropdown",{name:"actions",options:[{value:`preview-${n}`,label:"Preview",labelHTML:this.getActionLabelHTML("preview")},{value:`copy-${n}`,label:"Copy link",labelHTML:this.getActionLabelHTML("copy")},{value:`delete-${n}`,label:"Delete",labelHTML:this.getActionLabelHTML("delete")}],defaultSelectedOption:{value:"",label:""},dropdownButtonText:"...",withSearch:false,withChevron:false,exportparts:"sd_dropdown: actions__dropdown, sd_dropdown-button: actions__dropdown-button, sd_dropdown-content: actions__dropdown-content"})))))))),e("div",{class:"pagination"},e("button",{class:"arrow left",onClick:()=>this.previousPageClickedHandler(),disabled:this.previousCursors.length<=0},e("chevron-icon",null)),e("button",{class:"arrow right",onClick:()=>this.nextPageClickedHandler(),disabled:this.disableNextPageButton},e("chevron-icon",null)))),this.state==="error"&&e("div",{class:"error-container"},e("p",{class:"error"},this.error)))}get host(){return s(this)}static get watchers(){return{listConfigurationsNextCursor:["listConfigurationsNextCursorChangedHandler"]}}};j([o({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"],["schedulerConfig.listConfigurationsNextCursor","listConfigurationsNextCursor"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(t,e)=>{const{host:n,cursor:a}=t.detail;await n.setState("loading");const[i,s]=await e.schedulerConfig.getConfigurations(a);if(!i&&s&&s.message){await n.setState("error");await n.setError(s.message);return}await n.setState("loaded")},createButtonClick:async(t,e)=>{e.schedulerConfigStore.resetSelectedConfiguration();e.schedulerConfigStore.state.action="create"},deleteButtonClick:async(t,e)=>{const{host:n,configuration:a}=t.detail;const[i,s]=await e.schedulerConfig.deleteConfiguration(a.id);if(!i&&s&&s.message){await n.setState("error");await n.setError(s.message)}},editButtonClick:async(t,e)=>{const{configuration:n}=t.detail;e.schedulerConfigStore.state.selectedConfiguration=n;e.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),P("design:type",Function),P("design:paramtypes",[]),P("design:returntype",void 0)],B.prototype,"render",null);B.style=O;export{g as google_logo_icon,w as microsoft_logo_icon,L as nylas_editor_tabs,B as nylas_list_configurations};
+//# sourceMappingURL=p-7bed0959.entry.js.map