@nylas/react 2.1.0 → 2.2.1

package/dist/nylas-scheduling.entry-115b1752.js

@@ -1,1002 +0,0 @@
-import { r as te, c as P, h as s, H as R, g as ne, F as ie } from "./index-025be398.js";
-import { N as se, c as oe } from "./index-c510313d-1318f67a.js";
-import { i as d, b as A, e as N, f as V, h as re } from "./utils-31933f5d-15041585.js";
-import { E as M, i as ae, a as le, f as de, c as ce, b as he } from "./feedbackSync-92220b42-fd5f5610.js";
-import { n as H } from "./index.es-488bc919-ea63a7e9.js";
-import { L as j, a as Z } from "./constants-f51538ef-e0a5f026.js";
-import "@nylas/web-elements";
-import "react";
-import "@nylas/connect";
-import "react/jsx-runtime";
-import "react-dom";
-class ge {
-  constructor() {
-    this.component = (e) => {
-      const t = M.Component, o = `${e} Error`;
-      return {
-        endtime_not_in_future: (n = '"endtime" can not be in the future') => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        no_booking_info: (n = "No booking info provided") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        no_timeslot_selected: (n = "No timeslot selected") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        no_timezone_selected: (n = "No timezone selected") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        no_booking_id: (n = "No booking id provided") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        no_salt: (n = "No salt provided") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        invalid_start_time: (n = "Invalid start time") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        invalid_end_time: (n = "Invalid end time") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        invalid_timezone: (n = "Invalid timezone") => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        no_config_id: (n = "No configuration id provided") => ({
-          title: o,
-          message: n,
-          category: t
-        })
-      };
-    }, this.api = (e) => {
-      const t = M.Api, o = `${e} Error`;
-      return {
-        invalid_session: (n) => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        general_error: (n) => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        internal_error: (n) => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        invalid_request_error: (n) => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        timeslot_not_available: (n) => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        provider_error: (n) => ({
-          title: o,
-          message: n,
-          category: t
-        }),
-        not_found_error: (n) => ({
-          title: o,
-          message: n,
-          category: t
-        })
-      };
-    };
-  }
-}
-class ue {
-  constructor({ schedulerAPIURL: e, schedulerStore: t, sessionId: o, configId: n, slug: a, clientId: r }) {
-    this.errors = new ge(), this.schedulerStore = t, this.schedulerAPIURL = e, this.sessionId = o, this.configId = n, this.slug = a, this.clientId = r;
-  }
-  getHeaders() {
-    return this.sessionId ? {
-      Authorization: `Bearer ${this.sessionId}`
-    } : {};
-  }
-  async makeAPIRequest(e, t, o, n = {}) {
-    try {
-      const a = new URL(this.schedulerAPIURL), r = "2.1.0";
-      return a.pathname = e, await (await fetch(decodeURIComponent(a.toString()), {
-        method: t,
-        headers: {
-          "Content-Type": "application/json",
-          Origin: window.location.origin,
-          "X-Source": "nylas-scheduling",
-          "X-Nylas-Web-Elements-Version": r,
-          ...this.clientId && { "X-Nylas-Application-Public-Id": this.clientId },
-          ...n
-        },
-        body: o
-      })).json();
-    } catch (a) {
-      return {
-        error: {
-          message: a.message,
-          title: "API request failed",
-          type: "api"
-        }
-      };
-    }
-  }
-  getErrorMessage(e) {
-    var o, n, a, r;
-    let t = (e == null ? void 0 : e.message) || (e == null ? void 0 : e.title) || "Something went wrong";
-    return (e == null ? void 0 : e.type) === "provider_error" && (t = ((n = (o = e == null ? void 0 : e.provider_error) == null ? void 0 : o.error) == null ? void 0 : n.message) || ((r = (a = e == null ? void 0 : e.provider_error) == null ? void 0 : a.error) == null ? void 0 : r.title) || "Something went wrong"), t;
-  }
-  setConfigId(e) {
-    this.configId = e;
-  }
-  selectDate(e) {
-    this.schedulerStore.set("selectedDate", e), this.schedulerStore.set("selectedTimeslot", null);
-  }
-  selectTime(e) {
-    this.schedulerStore.set("selectedTimeslot", e);
-  }
-  selectTimezone(e) {
-    this.schedulerStore.set("selectedTimezone", e);
-  }
-  selectLanguage(e) {
-    this.schedulerStore.set("selectedLanguage", e), d.changeLanguage(e);
-  }
-  async toggleAdditionalData(e) {
-    e || await this.refetchAvailability(), this.schedulerStore.set("showBookingForm", e);
-  }
-  setParticipantName(e) {
-    const { bookingInfo: t } = this.schedulerStore.state;
-    this.schedulerStore.set("bookingInfo", {
-      ...t,
-      primaryParticipant: {
-        ...t == null ? void 0 : t.primaryParticipant,
-        name: e
-      }
-    });
-  }
-  setParticipantEmail(e) {
-    const { bookingInfo: t } = this.schedulerStore.state;
-    this.schedulerStore.set("bookingInfo", {
-      ...t,
-      primaryParticipant: {
-        ...t == null ? void 0 : t.primaryParticipant,
-        email: e
-      }
-    });
-  }
-  async refetchAvailability() {
-    const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), 1).getTime() / 1e3, o = t < e.getTime() / 1e3 ? Math.floor(e.getTime() / 1e3) : t, n = new Date(e.getFullYear(), e.getMonth() + 1, 1).getTime() / 1e3;
-    return await this.getAvailability(o, n);
-  }
-  async resetStoreStateAndFetchAvailability() {
-    const e = /* @__PURE__ */ new Date(), t = await this.refetchAvailability(), o = this.schedulerStore.get("availability").find((a) => new Date(a.start_time) > /* @__PURE__ */ new Date());
-    let n = e;
-    return o && (n = o.start_time), this.schedulerStore.set("selectedDate", n), this.schedulerStore.set("eventInfo", null), this.schedulerStore.set("showBookingForm", !1), this.schedulerStore.set("selectedTimeslot", null), t;
-  }
-  async setReschedule(e) {
-    this.schedulerStore.set("isLoading", !0);
-    const t = this.schedulerStore.state.eventInfo;
-    return t && this.schedulerStore.set("reschedulingEventInfo", t), this.schedulerStore.set("rescheduleBookingId", e), await this.getUISettings(), await this.resetStoreStateAndFetchAvailability().finally(() => {
-      this.schedulerStore.set("isLoading", !1);
-    });
-  }
-  async setCancel(e) {
-    this.schedulerStore.set("cancelBookingId", e);
-  }
-  async setReject(e) {
-    this.schedulerStore.set("rejectBookingId", e);
-  }
-  async resetCancel() {
-    const e = await this.resetStoreStateAndFetchAvailability();
-    return this.schedulerStore.set("cancelBookingId", ""), this.schedulerStore.set("rejectBookingId", ""), this.schedulerStore.set("cancelledEventInfo", null), e;
-  }
-  async goBack() {
-    this.schedulerStore.set("cancelBookingId", "");
-  }
-  async resetConfirm() {
-    const e = await this.resetStoreStateAndFetchAvailability();
-    return this.schedulerStore.set("organizerConfirmationBookingId", ""), this.schedulerStore.set("confirmedEventInfo", void 0), e;
-  }
-  async bookTimeslot(e) {
-    var w, L, C;
-    this.schedulerStore.set("isLoading", !0);
-    const { selectedTimeslot: t, selectedTimezone: o, bookingInfo: n, selectedLanguage: a } = this.schedulerStore.state;
-    if (!e && !n)
-      return { error: this.errors.component(d.t("createBookingErrorTitle")).no_booking_info() };
-    const r = (e == null ? void 0 : e.timeslot) || t;
-    if (!r)
-      return { error: this.errors.component(d.t("createBookingErrorTitle")).no_timeslot_selected() };
-    const l = e && (e != null && e.timezone) ? e == null ? void 0 : e.timezone : o, c = a || "en-US";
-    if (!l)
-      return { error: this.errors.component(d.t("createBookingErrorTitle")).no_timezone_selected() };
-    const m = [...this.schedulerStore.get("availabilityOrderEmails")];
-    let h = "";
-    const g = (r == null ? void 0 : r.emails) || [], f = {};
-    Object.entries((n == null ? void 0 : n.additionalFields) || {}).forEach(([v, B]) => {
-      f[v] = B.value;
-    });
-    const b = e ? e == null ? void 0 : e.primaryParticipant : n == null ? void 0 : n.primaryParticipant, p = e ? (e == null ? void 0 : e.guests) || [] : (n == null ? void 0 : n.guests) || [], I = e ? e == null ? void 0 : e.additionalFields : f, _ = this.getHeaders(), k = `/v3/scheduling/bookings${!this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : ""}`;
-    if (m.length === 0) {
-      const v = await this.makeAPIRequest(decodeURIComponent(k), "POST", JSON.stringify({
-        additional_fields: I,
-        additional_guests: p,
-        guest: { ...b },
-        start_time: r.start_time.getTime() / 1e3,
-        end_time: r.end_time.getTime() / 1e3,
-        timezone: l,
-        event_id: (r == null ? void 0 : r.event_id) || void 0,
-        master_id: (r == null ? void 0 : r.master_id) || void 0,
-        calendar_id: (r == null ? void 0 : r.calendar_id) || void 0,
-        email_language: this.getTwoLetterLanguageCode(c)
-      }), _);
-      return this.schedulerStore.set("isLoading", !1), "data" in v ? (this.schedulerStore.set("eventInfo", v.data), v) : { error: v.error };
-    }
-    for (; m.length > 0; ) {
-      if (h = m.shift(), !g.includes(h))
-        continue;
-      const v = await this.makeAPIRequest(decodeURIComponent(k), "POST", JSON.stringify({
-        participants: h ? [{ email: h }] : void 0,
-        additional_fields: I,
-        additional_guests: p,
-        guest: { ...b },
-        start_time: r.start_time.getTime() / 1e3,
-        end_time: r.end_time.getTime() / 1e3,
-        timezone: l,
-        email_language: this.getTwoLetterLanguageCode(c)
-      }), _);
-      if ("data" in v)
-        return this.schedulerStore.set("isLoading", !1), this.schedulerStore.set("eventInfo", v == null ? void 0 : v.data), v;
-      if ((L = (w = v.error) == null ? void 0 : w.message) != null && L.startsWith("The selected timeslot is unavailable"))
-        continue;
-      {
-        this.schedulerStore.set("isLoading", !1);
-        const B = (C = v.error) == null ? void 0 : C.type;
-        let F = v.error;
-        if (B && B in this.errors.api(d.t("createBookingErrorTitle"))) {
-          const U = this.getErrorMessage(F);
-          F = this.errors.api(d.t("createBookingErrorTitle"))[B](U);
-        }
-        return { error: F };
-      }
-    }
-    return this.schedulerStore.set("isLoading", !1), {
-      error: this.errors.api(d.t("createBookingErrorTitle")).timeslot_not_available("The selected timeslot is unavailable")
-    };
-  }
-  async getUISettings() {
-    var r;
-    this.schedulerStore.set("isLoading", !0);
-    const e = this.schedulerStore.get("rescheduleBookingId"), t = this.getHeaders();
-    let o = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "";
-    e && o ? o += `&booking_id=${e}` : e && (o += `?booking_id=${e}`);
-    const n = `/v3/scheduling/ui-settings${o}`, a = await this.makeAPIRequest(n, "GET", void 0, t);
-    if ("error" in a) {
-      this.schedulerStore.set("isLoading", !1);
-      const l = (r = a.error) == null ? void 0 : r.type;
-      let c = a.error;
-      return l && l in this.errors.api(d.t("getUISettingErrorTitle")) && (c = this.errors.api(d.t("getUISettingErrorTitle"))[l]((c == null ? void 0 : c.message) || (c == null ? void 0 : c.title) || "Something went wrong")), { error: c };
-    }
-    return "data" in a && (this.schedulerStore.set("configSettings", a.data), this.clientId = a.data.app_client_id || this.clientId), this.schedulerStore.set("isLoading", !1), a;
-  }
-  getTwoLetterLanguageCode(e) {
-    return e.split("-")[0];
-  }
-  getStartTimeWithMinBookingNotice(e) {
-    var a;
-    const t = (a = this.schedulerStore.get("configSettings")) == null ? void 0 : a.scheduler, o = t == null ? void 0 : t.min_booking_notice;
-    if (!o)
-      return e;
-    const n = (/* @__PURE__ */ new Date()).getTime();
-    return e < (n + o * 60 * 1e3) / 1e3 ? Math.floor((n + o * 60 * 1e3) / 1e3) : e;
-  }
-  getEndTimeForAvailableDaysInFuture(e) {
-    var r, l;
-    const t = /* @__PURE__ */ new Date(), o = (l = (r = this.schedulerStore.get("configSettings")) == null ? void 0 : r.scheduler) == null ? void 0 : l.available_days_in_future, n = Math.floor(V(t, o).getTime() / 1e3);
-    return Math.min(n, e);
-  }
-  async getAvailability(e = 0, t = 0) {
-    var f, b, p, I, _;
-    this.schedulerStore.set("isLoading", !0);
-    const o = new URLSearchParams(), n = /* @__PURE__ */ new Date(), a = n.getTime();
-    if (t && t < a / 1e3)
-      return this.schedulerStore.set("isLoading", !1), { error: this.errors.component(d.t("getAvailabilityErrorTitle")).endtime_not_in_future() };
-    if (!e) {
-      const y = new Date(n.getFullYear(), n.getMonth(), 1);
-      e = Math.floor(y.getTime() / 1e3);
-    }
-    if (!t) {
-      const y = new Date(n.getFullYear(), n.getMonth() + 1, 0);
-      t = Math.floor(y.getTime() / 1e3);
-    }
-    t = this.getEndTimeForAvailableDaysInFuture(t);
-    const r = this.getStartTimeWithMinBookingNotice(e);
-    e = r, t = r > t ? r + 1 : t, o.append("start_time", encodeURIComponent(e.toString())), o.append("end_time", encodeURIComponent(t.toString())), this.configId && !this.sessionId ? o.append("configuration_id", encodeURIComponent(this.configId)) : this.slug && this.clientId && !this.sessionId && (o.append("slug", encodeURIComponent(this.slug)), o.append("client_id", encodeURIComponent(this.clientId)));
-    const l = this.schedulerStore.get("rescheduleBookingId");
-    l && o.append("booking_id", encodeURIComponent(l));
-    const c = o.toString(), m = `/v3/scheduling/availability${c ? `?${c}` : ""}`, h = this.getHeaders(), g = await this.makeAPIRequest(decodeURIComponent(m), "GET", void 0, h);
-    if ("error" in g) {
-      this.schedulerStore.set("availability", []), this.schedulerStore.set("isLoading", !1);
-      const y = (f = g.error) == null ? void 0 : f.type;
-      let k = g.error;
-      if ((b = k == null ? void 0 : k.message) != null && b.toLowerCase().includes("Failed to find a valid Grant")) {
-        const w = d.t("invalidGrantError");
-        return {
-          error: {
-            title: d.t("invalidGrantErrorTitle"),
-            message: w,
-            category: M.Api
-          }
-        };
-      }
-      if (y && y in this.errors.api(d.t("getAvailabilityErrorTitle"))) {
-        const w = this.getErrorMessage(k);
-        k = this.errors.api(d.t("getAvailabilityErrorTitle"))[y](w);
-      }
-      return { error: k };
-    }
-    if ("data" in g) {
-      const w = (((I = (p = g.data) == null ? void 0 : p.time_slots) == null ? void 0 : I.map((C) => ({
-        ...C,
-        start_time: new Date(C.start_time * 1e3),
-        end_time: new Date(C.end_time * 1e3)
-      }))) || []).filter((C) => C.start_time.getTime() > a).sort((C, v) => C.start_time.getTime() - v.start_time.getTime());
-      this.schedulerStore.set("availability", w);
-      const L = ((_ = g.data) == null ? void 0 : _.order) || [];
-      this.schedulerStore.set("availabilityOrderEmails", L);
-    }
-    return this.schedulerStore.set("isLoading", !1), g;
-  }
-  async cancelBooking(e, t) {
-    var l;
-    if (this.schedulerStore.set("isLoading", !0), !e)
-      return { error: this.errors.component(d.t("cancelBookingErrorTitle")).no_booking_id() };
-    const o = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "", n = `/v3/scheduling/bookings/${e}${o}`, a = this.getHeaders(), r = await this.makeAPIRequest(decodeURIComponent(n), "DELETE", JSON.stringify({
-      action: "cancel",
-      cancellation_reason: t
-    }), a);
-    if ("error" in r) {
-      this.schedulerStore.set("isLoading", !1);
-      const c = (l = r.error) == null ? void 0 : l.type;
-      let m = r.error;
-      if (c && c in this.errors.api(d.t("cancelBookingErrorTitle"))) {
-        const h = this.getErrorMessage(m);
-        m = this.errors.api(d.t("cancelBookingErrorTitle"))[c](h);
-      }
-      return { error: m };
-    }
-    return this.schedulerStore.set("cancelledEventInfo", {
-      booking_id: e
-    }), this.schedulerStore.set("rescheduleBookingId", ""), this.schedulerStore.set("isLoading", !1), r;
-  }
-  async rescheduleBooking(e, t) {
-    var O;
-    if (this.schedulerStore.set("isLoading", !0), !e)
-      return { error: this.errors.component(d.t("rescheduleBookingErrorTitle")).no_booking_id() };
-    const o = this.errors.api(d.t("rescheduleBookingErrorTitle")), n = this.errors.component(d.t("rescheduleBookingErrorTitle")), { bookingInfo: a, selectedTimeslot: r, selectedTimezone: l, selectedLanguage: c } = this.schedulerStore.state, { startTime: m, endTime: h, timezone: g } = t, f = m || (r == null ? void 0 : r.start_time);
-    if (!f)
-      return { error: n.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
-    const b = h || (r == null ? void 0 : r.end_time);
-    if (!b)
-      return { error: n.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
-    const p = this.schedulerStore.get("availabilityOrderEmails");
-    let I = "";
-    if (p.length > 0) {
-      const T = (r == null ? void 0 : r.emails) || [];
-      for (let S = 0; S < p.length; S++)
-        if (T.includes(p[S])) {
-          I = p[S];
-          break;
-        }
-    }
-    const _ = g || l;
-    if (!_)
-      return { error: n.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.') };
-    const y = (r == null ? void 0 : r.event_id) || void 0, k = (r == null ? void 0 : r.master_id) || void 0, w = (r == null ? void 0 : r.calendar_id) || void 0, L = {};
-    Object.entries((a == null ? void 0 : a.additionalFields) || {}).forEach(([T, S]) => {
-      L[T] = S.value;
-    });
-    const C = t ? t == null ? void 0 : t.primaryParticipant : a == null ? void 0 : a.primaryParticipant, v = t ? (t == null ? void 0 : t.guests) || [] : (a == null ? void 0 : a.guests) || [], B = t ? t == null ? void 0 : t.additionalFields : L, F = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "", U = `/v3/scheduling/bookings/${e}${F}`, q = this.getHeaders(), x = await this.makeAPIRequest(decodeURIComponent(U), "PATCH", JSON.stringify({
-      start_time: f.getTime() / 1e3,
-      end_time: b.getTime() / 1e3,
-      timezone: _,
-      additional_fields: B,
-      guest: { ...C },
-      additional_guests: v,
-      participants: I ? [{ email: I }] : void 0,
-      email_language: this.getTwoLetterLanguageCode(c),
-      event_id: y,
-      master_id: k,
-      calendar_id: w
-    }), q);
-    if ("error" in x) {
-      this.schedulerStore.set("isLoading", !1);
-      const T = (O = x.error) == null ? void 0 : O.type;
-      let S = x.error;
-      if (T && T in o) {
-        const D = this.getErrorMessage(S);
-        S = o[T](D);
-      }
-      return { error: S };
-    }
-    const u = this.schedulerStore.get("reschedulingEventInfo");
-    if ("data" in x)
-      this.schedulerStore.set("eventInfo", x == null ? void 0 : x.data);
-    else if (u)
-      this.schedulerStore.set("eventInfo", u);
-    else {
-      const T = {
-        booking_id: e
-      };
-      this.schedulerStore.set("eventInfo", T);
-    }
-    return this.schedulerStore.set("isLoading", !1), x;
-  }
-  async updateBooking(e) {
-    var g;
-    this.schedulerStore.set("isLoading", !0);
-    const { bookingId: t, status: o, reason: n } = e, a = this.schedulerStore.get("organizerConfirmationSalt"), r = o === "confirmed" ? d.t("confirmBookingErrorTitle") : d.t("rejectBookingErrorTitle");
-    if (!t)
-      return { error: this.errors.component(r).no_booking_id() };
-    if (!a)
-      return { error: this.errors.component(r).no_salt() };
-    const l = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "", c = `/v3/scheduling/bookings/${t}${l}`, m = this.getHeaders(), h = await this.makeAPIRequest(decodeURIComponent(c), "PUT", JSON.stringify({
-      status: o,
-      cancellation_reason: n,
-      salt: a
-    }), m);
-    if ("error" in h) {
-      this.schedulerStore.set("isLoading", !1);
-      const f = (g = h.error) == null ? void 0 : g.type;
-      let b = h.error;
-      if (f && f in this.errors.api(r)) {
-        const p = this.getErrorMessage(b);
-        b = this.errors.api(r)[f](p);
-      }
-      return { error: b };
-    }
-    return "data" in h && o === "confirmed" ? this.schedulerStore.set("confirmedEventInfo", h == null ? void 0 : h.data) : "request_id" in h && o === "cancelled" && this.schedulerStore.set("cancelledEventInfo", {
-      booking_id: t
-    }), this.schedulerStore.set("organizerConfirmationBookingId", ""), this.schedulerStore.set("isLoading", !1), h;
-  }
-  async validateGroupEventTimeslot(e) {
-    var r, l;
-    this.schedulerStore.set("isLoading", !0);
-    const t = (r = this.schedulerStore.get("configSettings")) == null ? void 0 : r.configuration_id;
-    if (!t)
-      return { error: this.errors.component(d.t("validateTimeslotErrorTitle")).no_config_id() };
-    const o = this.getHeaders(), n = `/v3/scheduling/configurations/${t}/group-events/validate-timeslot`, a = await this.makeAPIRequest(decodeURIComponent(n), "POST", JSON.stringify({
-      ...e,
-      start_time: e.start_time.getTime() / 1e3,
-      end_time: e.end_time.getTime() / 1e3
-    }), o);
-    if ("error" in a) {
-      this.schedulerStore.set("isLoading", !1);
-      const c = (l = a.error) == null ? void 0 : l.type;
-      let m = a.error;
-      if (c && c in this.errors.api(d.t("validateTimeslotErrorTitle"))) {
-        const h = this.getErrorMessage(m);
-        m = this.errors.api(d.t("validateTimeslotErrorTitle"))[c](h);
-      }
-      return this.refetchAvailability(), { error: m };
-    }
-    return this.schedulerStore.set("selectedTimeslot", e), this.schedulerStore.set("showBookingForm", !0), this.schedulerStore.set("isLoading", !1), a;
-  }
-}
-class fe {
-  constructor({ schedulerAPIURL: e, nylasSchedulerStore: t, sessionId: o, configId: n, slug: a, clientId: r }) {
-    if (!e)
-      throw new Error("schedulerAPIURL is required");
-    if (!t)
-      throw new Error("nylasSchedulerStore is required");
-    if (!o && !n && !(a || r))
-      throw new Error("sessionId is required for private configs. If using public config either pass a configurationId or a combination of slug and clientId.");
-    e === "/" && (e = new URL(window.location.href).origin), this.configId = n, this.sessionId = o, this.schedulerAPIURL = e, this.nylasSchedulerStore = t, this.slug = a, this.clientId = r;
-  }
-  init() {
-    A("NylasConnector init");
-  }
-  get schedulerStore() {
-    return this.nylasSchedulerStore;
-  }
-  get scheduler() {
-    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new ue({
-      schedulerAPIURL: this.schedulerAPIURL,
-      schedulerStore: this.schedulerStore,
-      sessionId: this.sessionId,
-      configId: this.configId,
-      slug: this.slug,
-      clientId: this.clientId
-    }), this._schedulerAPIConnector);
-  }
-  resetStores() {
-    this.nylasSchedulerStore.reset();
-  }
-}
-function pe(i = {}) {
-  const e = {
-    selectedDate: null,
-    selectedLanguage: navigator.language,
-    selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-    selectedTimeslot: null,
-    showBookingForm: !1,
-    availabilityOrderEmails: [],
-    selectableDates: null,
-    availability: [],
-    eventDuration: 0,
-    state: "ready",
-    eventInfo: null,
-    cancelledEventInfo: null,
-    isLoading: !1,
-    nylasBranding: !0,
-    ...i
-  };
-  A("[defaultNylasStoreState]: ", e);
-  const t = oe(e);
-  return t.onChange("availability", (o) => {
-    A("[availability]: ", o);
-    const n = o.map((l) => l.start_time);
-    A("[selectableDates]: ", n), t.set("selectableDates", n);
-    const a = o[0];
-    if (!a)
-      return;
-    const r = Math.floor((a.end_time.getTime() - a.start_time.getTime()) / 6e4);
-    A("[durationMinutes]: ", r), t.set("eventDuration", r);
-  }), t.reset = () => {
-    for (const o in e) {
-      const n = e[o];
-      t.set(o, n);
-    }
-  }, t;
-}
-const z = (i, e) => {
-  const t = i.isLoading, o = i.showNotification, n = i.nylasBranding, a = i.version;
-  return s(
-    ie,
-    null,
-    o && s("nylas-notification", null),
-    t && s(
-      "div",
-      { class: "loading" },
-      s(
-        "div",
-        { class: "left" },
-        s("div", { class: "skeleton" })
-      ),
-      s(
-        "div",
-        { class: "right" },
-        s("div", { class: "skeleton" }),
-        s("div", { class: "skeleton" }),
-        s("div", { class: "skeleton" }),
-        s("div", { class: "skeleton" }),
-        s("div", { class: "skeleton" })
-      )
-    ),
-    !t && e,
-    s(
-      "div",
-      { class: "footer" },
-      n && s(
-        "a",
-        { href: "https://scheduler.nylas.com?utm_source=powered-by-nylas-logoutm_medium=link&utm_campaign=get-scheduler&utm_id=get-scheduler", class: "powered-by-nylas", target: "_blank", rel: "noreferrer noopener" },
-        "Powered by ",
-        s("span", { class: "sr-only" }, "Nylas"),
-        s("nylas-logo", { "aria-hidden": !0 })
-      ),
-      s(
-        "tooltip-component",
-        null,
-        s("info-icon", { slot: "tooltip-icon" }),
-        s("span", { slot: "tooltip-content" }, a)
-      )
-    )
-  );
-}, K = (i, e) => s("div", { class: "message-banner" }, e), me = ':host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto;border-left:none}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer .powered-by-nylas{display:flex;align-items:center;text-decoration:none;color:var(--nylas-base-500)}.footer .powered-by-nylas:hover{color:var(--nylas-base-800)}.footer svg{fill:var(--nylas-base-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}.language-feedback-container{width:auto;position:absolute;bottom:4px;left:16px;display:flex;gap:8px;align-items:center}.language-feedback-container button-component#report-issue{position:initial}nylas-feedback-form{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}', be = me, Q = { title: d.t("genericErrorTitle"), type: H.Error, category: M.Component }, _e = class {
-  constructor(i) {
-    te(this, i), this.init = P(this, "init", 7), this.schedulerWillLoad = P(this, "schedulerWillLoad", 7), this.schedulerDidLoad = P(this, "schedulerDidLoad", 7), this.nylasSchedulerError = P(this, "nylasSchedulerError", 7), this.nylasSchedulerInfo = P(this, "nylasSchedulerInfo", 7), this.configSettingsLoaded = P(this, "configSettingsLoaded", 7), this.bookingRefExtracted = P(this, "bookingRefExtracted", 7), this.bookedEventInfo = P(this, "bookedEventInfo", 7), this.mode = "app", this.defaultSchedulerState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingRef = void 0, this.cancelBookingRef = void 0, this.organizerConfirmationBookingRef = void 0, this.configurationId = void 0, this.slug = void 0, this.clientId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.localization = void 0, this.defaultLanguage = void 0, this.showNotification = !0, this.enableUserFeedback = !0, this.hour12 = void 0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(navigator.language, { dateStyle: "full" }) || `${d.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language, this.showFeedbackModal = !1, this.bookingInfoConfirmed = null, this.version = "2.1.0";
-  }
-  connectedCallback() {
-    A("[nylas-scheduler] connectedCallback");
-  }
-  async componentWillLoad() {
-    var l, c, m;
-    A("[nylas-scheduler] Component will load"), this.version = "2.1.0", this.enableUserFeedback && !ae() && le({
-      dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
-      release: this.version,
-      integrations: (h) => [
-        ...h.filter((g) => !1),
-        de({
-          colorScheme: "system",
-          autoInject: !1
-        })
-      ],
-      autoSessionTracking: !1,
-      beforeSend: () => null
-    });
-    const i = this.schedulerWillLoad.emit(this.host);
-    if ("schedulerWillLoad" in this.eventOverrides && (await this.eventOverrides.schedulerWillLoad(i, this.nylasSchedulerConnector), i.defaultPrevented))
-      return;
-    const t = new URLSearchParams(window.location.search).get("lang"), o = t && Object.values(j).includes(t) ? t : null;
-    this.stores = {
-      scheduler: pe({
-        bookingInfo: this.bookingInfo,
-        nylasBranding: this.nylasBranding,
-        themeConfig: this.themeConfig,
-        hour12: this.hour12,
-        selectedLanguage: o || this.defaultLanguage || ((l = this.bookingInfo) == null ? void 0 : l.language) || j.en,
-        ...this.defaultSchedulerState
-      })
-    }, this.baseProvider = new se(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
-    let n;
-    if (this.rescheduleBookingRef) {
-      const [h, g, f] = N(this.rescheduleBookingRef);
-      this.refConfigId = h, this.stores.scheduler.set("rescheduleBookingId", g), n = this.bookingRefExtracted.emit({ configurationId: h, bookingId: g });
-    } else if (this.cancelBookingRef) {
-      const [h, g, f] = N(this.cancelBookingRef);
-      this.refConfigId = h, this.stores.scheduler.set("cancelBookingId", g), n = this.bookingRefExtracted.emit({ configurationId: h, bookingId: g });
-    } else if (this.organizerConfirmationBookingRef) {
-      const [h, g, f] = N(this.organizerConfirmationBookingRef);
-      this.refConfigId = h, this.stores.scheduler.set("organizerConfirmationBookingId", g), this.stores.scheduler.set("organizerConfirmationSalt", f), n = this.bookingRefExtracted.emit({ configurationId: h, bookingId: g, salt: f });
-    }
-    if (this.applyThemeConfig(this.themeConfig), "bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(n, this.nylasSchedulerConnector), n.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
-      return;
-    const a = (c = this.baseProvider) == null ? void 0 : c.getStore("scheduler");
-    this.nylasSchedulerConnector = new fe({
-      schedulerAPIURL: this.schedulerApiUrl,
-      sessionId: this.sessionId,
-      configId: this.refConfigId,
-      slug: this.slug,
-      clientId: this.clientId,
-      nylasSchedulerStore: a
-    });
-    const r = this.init.emit(this.host);
-    "init" in this.eventOverrides && (await this.eventOverrides.init(r, this.nylasSchedulerConnector), r.defaultPrevented) || (m = this.baseProvider) == null || m.componentWillLoad(this.nylasSchedulerConnector);
-  }
-  async componentDidLoad() {
-    var c, m, h, g, f, b, p, I;
-    (c = this.baseProvider) == null || c.componentDidLoad();
-    const i = this.schedulerDidLoad.emit(this.host);
-    if ("schedulerDidLoad" in this.eventOverrides && (await this.eventOverrides.schedulerDidLoad(i, this.nylasSchedulerConnector), i.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
-      return;
-    this.localizationChanged(this.localization);
-    const e = await ((m = this.nylasSchedulerConnector) == null ? void 0 : m.scheduler.getUISettings());
-    if (!e || "error" in e) {
-      this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(e == null ? void 0 : e.error) }, host: this.host });
-      return;
-    } else {
-      "data" in e && ((h = e.data) != null && h.appearance) && console.info("Appearance settings have been returned from the configuration used byt his scheduling page; please remember to grab them from the configSettingsLoaded event and apply them as desired.");
-      const _ = this.configSettingsLoaded.emit({ settings: e });
-      if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(_, this.nylasSchedulerConnector), _.defaultPrevented))
-        return;
-    }
-    const t = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), o = (b = (f = t == null ? void 0 : t.get("configSettings")) == null ? void 0 : f.scheduler) == null ? void 0 : b.available_days_in_future, n = t == null ? void 0 : t.get("selectedTimeslot");
-    if (n && (n != null && n.start_time)) {
-      if (!this.isTimeslotValid(n))
-        return;
-      if (t != null && t.get("showBookingForm")) {
-        t == null || t.set("selectedDate", n.start_time);
-        return;
-      }
-    }
-    const a = t == null ? void 0 : t.get("selectedDate"), r = t == null ? void 0 : t.get("availability");
-    let l;
-    if (!(r && r.length > 0)) {
-      if (a) {
-        const { startTime: _, endTime: y, endTimeForAvailableDaysInFuture: k } = this.validateAvailableDaysInFuture(a, o || 30);
-        a.getTime() < k * 1e3 && (l = await ((I = this.nylasSchedulerConnector) == null ? void 0 : I.scheduler.getAvailability(_, y)));
-      } else {
-        const _ = /* @__PURE__ */ new Date(), { startTime: y, endTime: k, endTimeForAvailableDaysInFuture: w } = this.validateAvailableDaysInFuture(_, o || 30);
-        _.getTime() < w * 1e3 && (l = await ((p = this.nylasSchedulerConnector) == null ? void 0 : p.scheduler.getAvailability(y, k)));
-      }
-      if ((!l || "error" in l) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(l == null ? void 0 : l.error) }, host: this.host }), !a) {
-        let _ = /* @__PURE__ */ new Date();
-        const y = t == null ? void 0 : t.get("availability").find((k) => new Date(k.start_time) > /* @__PURE__ */ new Date());
-        y && (_ = y.start_time), t == null || t.set("selectedDate", _);
-      }
-    }
-  }
-  componentDisconnected() {
-    var i;
-    (i = this.baseProvider) == null || i.componentDisconnected();
-  }
-  bookingInfoChanged(i) {
-    var e, t;
-    (e = this.stores) == null || e.scheduler.set("bookingInfo", i), i != null && i.language && !this.defaultLanguage && ((t = this.stores) == null || t.scheduler.set("selectedLanguage", i.language));
-  }
-  rescheduleBookingRefChanged(i) {
-    var e, t;
-    if (i) {
-      const [o, n] = N(i);
-      (e = this.stores) == null || e.scheduler.set("rescheduleBookingId", n), this.refConfigId = o, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(o);
-    }
-  }
-  cancelBookingRefChanged(i) {
-    var e, t;
-    if (i) {
-      const [o, n] = N(i);
-      (e = this.stores) == null || e.scheduler.set("cancelBookingId", n), this.refConfigId = o, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(o);
-    }
-  }
-  organizerConfirmationBookingRefChanged(i) {
-    var e, t;
-    if (i) {
-      const [o, n] = N(i);
-      (e = this.stores) == null || e.scheduler.set("organizerConfirmationBookingId", n), this.refConfigId = o, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(o);
-    }
-  }
-  localizationChanged(i) {
-    i && Object.keys(i).forEach((e) => {
-      e in j && d.addResourceBundle(e, "translation", i[e], !1, !0);
-    });
-  }
-  defaultLanguageChanged(i) {
-    var e;
-    i && ((e = this.stores) == null || e.scheduler.set("selectedLanguage", i), d.changeLanguage(i));
-  }
-  themeConfigChanged(i) {
-    var e, t;
-    (t = (e = this.baseProvider) == null ? void 0 : e.getStore("scheduler")) == null || t.set("themeConfig", i), this.applyThemeConfig(i);
-  }
-  languageChanged(i) {
-    const e = i.detail;
-    this.language = e, d.changeLanguage(e);
-  }
-  async registerComponentHandler(i) {
-    var e;
-    (e = this.baseProvider) == null || e.registerComponent(i.detail);
-  }
-  async unregisterComponentHandler(i) {
-    var e;
-    (e = this.baseProvider) == null || e.unregisterComponent(i.detail);
-  }
-  async monthChangedHandler(i) {
-    var r, l, c, m, h, g, f;
-    const e = i.detail, t = (m = (c = (l = (r = this.nylasSchedulerConnector) == null ? void 0 : r.schedulerStore) == null ? void 0 : l.get("configSettings")) == null ? void 0 : c.scheduler) == null ? void 0 : m.available_days_in_future, { startTime: o, endTime: n, endTimeForAvailableDaysInFuture: a } = this.validateAvailableDaysInFuture(e, t || 30);
-    if (!i.defaultPrevented && o < a && e.getTime() < a * 1e3) {
-      const b = await ((h = this.nylasSchedulerConnector) == null ? void 0 : h.scheduler.getAvailability(o, n));
-      (!b || "error" in b) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(b == null ? void 0 : b.error) }, host: this.host });
-      const p = (g = this.stores) == null ? void 0 : g.scheduler.get("selectableDates");
-      p && p.length > 0 && ((f = this.stores) == null || f.scheduler.set("selectedDate", p[0]));
-    }
-  }
-  mapToBookingData(i) {
-    var r, l, c;
-    const e = (r = this.stores) == null ? void 0 : r.scheduler.get("selectedTimeslot"), t = (l = this.stores) == null ? void 0 : l.scheduler.get("selectedLanguage"), o = (c = this.stores) == null ? void 0 : c.scheduler.get("selectedTimezone"), n = e != null && e.start_time ? new Date(e == null ? void 0 : e.start_time).getTime() / 1e3 : "", a = e != null && e.end_time ? new Date(e == null ? void 0 : e.end_time).getTime() / 1e3 : "";
-    return {
-      additional_guests: i.guests,
-      guest: { ...i.primaryParticipant },
-      additional_fields: { ...i.additionalFields },
-      start_time: n,
-      end_time: a,
-      email_language: t,
-      timezone: o
-    };
-  }
-  async bookButtonClickedHandler(i) {
-    var c, m, h, g;
-    if (i.defaultPrevented)
-      return;
-    const e = i.detail, t = this.mapToBookingData(e);
-    this.bookingInfoConfirmed = e;
-    const n = (m = (c = this.nylasSchedulerConnector) == null ? void 0 : c.schedulerStore) == null ? void 0 : m.get("rescheduleBookingId");
-    if (n) {
-      const f = await ((h = this.nylasSchedulerConnector) == null ? void 0 : h.scheduler.rescheduleBooking(n, e));
-      (!f || "error" in f) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(f == null ? void 0 : f.error) }, host: this.host });
-      const b = f == null ? void 0 : f.data, p = this.bookedEventInfo.emit({ ...f, data: { ...b, ...t } });
-      this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...b }, "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(p, this.nylasSchedulerConnector);
-      return;
-    }
-    const a = await ((g = this.nylasSchedulerConnector) == null ? void 0 : g.scheduler.bookTimeslot(e));
-    (!a || "error" in a) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(a == null ? void 0 : a.error) }, host: this.host });
-    const r = a == null ? void 0 : a.data, l = this.bookedEventInfo.emit({ ...a, data: { ...r, ...t } });
-    this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...r }, "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(l, this.nylasSchedulerConnector);
-  }
-  dateSelectedHandler(i) {
-    const e = i.detail;
-    this.selectedDateLabel = e ? e.toLocaleDateString(this.language, { dateStyle: "full" }) : `${d.t("noDateSelected")}`;
-  }
-  cancelBookedEventErrorHandler(i) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(i.detail.error) }, host: this.host });
-  }
-  cancelBookedEventValidationErrorHandler(i) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(i.detail.error) }, host: this.host });
-  }
-  rescheduleBookedEventErrorHandler(i) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(i.detail.error) }, host: this.host });
-  }
-  confirmBookingErrorHandler(i) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(i.detail.error) }, host: this.host });
-  }
-  feedbackModalClosedHandler() {
-    this.showFeedbackModal = !1;
-  }
-  eventIsFullHandler(i) {
-    const e = i.detail.error;
-    i.detail.type === "error" ? this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject({ message: e }) }, host: this.host }) : this.nylasSchedulerInfo.emit({
-      notification: {
-        title: "Event is full",
-        category: M.Component,
-        type: H.Info,
-        description: "The event you selected is full. Please try a different time.",
-        id: (/* @__PURE__ */ new Date()).getTime().toString(),
-        ttl: 3e3
-      },
-      host: this.host
-    });
-  }
-  feedbackSubmittedHandler(i) {
-    const t = {
-      eventId: ce("Scheduling Page User Feedback", {
-        extra: {
-          configId: this.configurationId,
-          slug: this.slug
-        }
-      }),
-      message: i.detail.feedback
-    };
-    he(t, {
-      includeReplay: !0,
-      captureContext: {
-        tags: {
-          "nylas-web-element": "nylas-scheduling",
-          "nylas-web-element-version": this.version,
-          "nylas-config-id": this.configurationId,
-          "nylas-slug": this.slug,
-          "host-url": window.location.href
-        },
-        extra: {
-          configId: this.configurationId,
-          slug: this.slug,
-          version: this.version
-        }
-      }
-    }), this.showFeedbackModal = !1;
-  }
-  async getNylasSchedulerStore() {
-    var i;
-    return (i = this.baseProvider) == null ? void 0 : i.getStore("scheduler");
-  }
-  async getNylasSchedulerConnector() {
-    return this.nylasSchedulerConnector;
-  }
-  async getRef() {
-    return this.host;
-  }
-  getErrorObject(i) {
-    return {
-      title: (i == null ? void 0 : i.title) || Q.title,
-      category: (i == null ? void 0 : i.category) || Q.category,
-      type: H.Error,
-      description: (i == null ? void 0 : i.message) || "",
-      id: (/* @__PURE__ */ new Date()).getTime().toString(),
-      ttl: "none"
-    };
-  }
-  checkIfSessionIdOrConfigIdExists() {
-    if (!this.sessionId && !this.refConfigId && !(this.slug && this.clientId)) {
-      let i = "";
-      return this.sessionId || (i += d.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (i = d.t("sessionIdRequiredErrorMessage") + " " + d.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
-        notification: {
-          title: d.t("schedulingComponentErrorTitle"),
-          category: M.Component,
-          type: H.Error,
-          description: i,
-          id: (/* @__PURE__ */ new Date()).getTime().toString(),
-          ttl: "none"
-        },
-        host: this.host
-      }), !1;
-    }
-    return !0;
-  }
-  isTimeslotValid(i) {
-    return new Date(i.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
-      notification: {
-        title: d.t("invalidTimeslotErrorTitle"),
-        category: M.Component,
-        type: H.Error,
-        description: d.t("invalidTimeslotErrorMessage"),
-        id: (/* @__PURE__ */ new Date()).getTime().toString(),
-        ttl: "none"
-      },
-      host: this.host
-    }), !1) : !0;
-  }
-  validateAvailableDaysInFuture(i, e) {
-    const t = /* @__PURE__ */ new Date(), o = new Date(i.getFullYear(), i.getMonth(), 1).getTime() / 1e3, n = new Date(i.getFullYear(), i.getMonth() + 1, 1).getTime() / 1e3, a = Math.floor(V(t, e).getTime() / 1e3), r = Math.min(a, n);
-    return { startTime: o < t.getTime() / 1e3 ? Math.floor(t.getTime() / 1e3) : o, endTime: r, endTimeForAvailableDaysInFuture: a };
-  }
-  applyThemeConfig(i) {
-    if (i)
-      for (const [e, t] of Object.entries(i))
-        this.host.style.setProperty(`${e}`, t);
-  }
-  onFeedbackClick(i) {
-    i.preventDefault(), this.showFeedbackModal = !0;
-  }
-  redirectToCustomUrl(i) {
-    window.location.assign(i);
-  }
-  nylasFormDropdownChangedHandler(i) {
-    var o, n;
-    const { name: e, value: t } = i.detail;
-    if (e === "language") {
-      const a = j[t];
-      d.changeLanguage(a), (n = (o = this.stores) == null ? void 0 : o.scheduler) == null || n.set("selectedLanguage", a);
-    }
-  }
-  render() {
-    var _, y, k, w, L, C, v, B, F, U, q, x;
-    const i = this.mode === "app", e = (_ = this.baseProvider) == null ? void 0 : _.getStore("scheduler"), t = e == null ? void 0 : e.get("eventInfo"), o = e == null ? void 0 : e.get("showBookingForm"), n = e == null ? void 0 : e.get("cancelledEventInfo"), a = e == null ? void 0 : e.get("cancelBookingId"), r = e == null ? void 0 : e.get("selectedTimeslot"), l = e == null ? void 0 : e.get("rescheduleBookingId"), c = e == null ? void 0 : e.get("organizerConfirmationBookingId"), m = e == null ? void 0 : e.get("rejectBookingId"), h = e == null ? void 0 : e.get("confirmedEventInfo"), g = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, f = e == null ? void 0 : e.get("selectedDate"), b = (k = (y = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : y.scheduler) == null ? void 0 : k.confirmation_redirect_url;
-    this.selectedDateLabel = f && this.language ? re(f.toLocaleDateString(this.language, { dateStyle: "full" })) : `${d.t("noDateSelected")}`;
-    const p = Object.keys(Z).map((u) => ({
-      label: Z[u],
-      value: u
-    })), I = (e == null ? void 0 : e.get("selectedLanguage")) || this.defaultLanguage || navigator.language || j.en;
-    if (i && (a || m) && !n)
-      return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, s("nylas-cancel-booking-form", { selectedTimeslot: r, cancelBookingId: a, rejectBookingId: m, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
-    if (i && c)
-      return s(R, null, s(z, null, s("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, s("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: c, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
-    if (i && n)
-      return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, s("nylas-cancelled-event-card", { cancelledEventInfo: n, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
-    if (i && h)
-      return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, s("nylas-confirmed-event-card", { confirmedEventInfo: h, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
-    if (i && t && b) {
-      const u = (w = this.bookingInfoConfirmed) == null ? void 0 : w.primaryParticipant, O = (L = this.bookingInfoConfirmed) == null ? void 0 : L.location, T = (C = this.bookingInfoConfirmed) == null ? void 0 : C.booking_ref, S = ((v = this.bookingInfoConfirmed) == null ? void 0 : v.additionalFields) || {};
-      if (this.bookingInfo && typeof ((B = this.bookingInfo) == null ? void 0 : B.additionalFields) < "u") {
-        const $ = this.bookingInfo.additionalFields;
-        Object.keys($).forEach((W) => {
-          !S[W] && ($ != null && $[W]) && (S[W] = $[W].value);
-        });
-      }
-      const D = (F = this.stores) == null ? void 0 : F.scheduler.get("selectedTimeslot"), J = (U = this.stores) == null ? void 0 : U.scheduler.get("selectedTimezone"), Y = (q = this.stores) == null ? void 0 : q.scheduler.get("selectedLanguage"), G = (x = this.stores) == null ? void 0 : x.scheduler.get("configSettings"), X = this.configurationId ? this.configurationId : G == null ? void 0 : G.configuration_id, ee = window.location.search, E = new URLSearchParams(ee);
-      E.set("booking_id", t.booking_id), u != null && u.name && E.set("name", u.name), u != null && u.email && E.set("email", u.email), D != null && D.start_time && E.set("start_time", (new Date(D.start_time).getTime() / 1e3).toString()), D != null && D.end_time && E.set("end_time", (new Date(D.end_time).getTime() / 1e3).toString()), J && E.set("tz", J), Y && E.set("language", Y), S && E.set("additional_values", JSON.stringify(S)), this.slug && E.set("page_slug", this.slug), X && E.set("config_id", X), O && E.set("location", O), T && E.set("booking_ref", T), this.redirectToCustomUrl(`${b}?${E.toString()}`);
-      return;
-    }
-    if (i && t)
-      return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, s("div", { class: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, s("nylas-booked-event-card", { selectedTimeslot: r, eventInfo: t, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null));
-    if (i && (!t || l) && !o) {
-      const u = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
-      return s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, l && s(K, null, `${d.t("rescheduleTitle")}`), s("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, s("div", { class: "left-panel", part: "ns_left-panel" }, s("nylas-date-picker", { exportparts: "ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), s("nylas-locale-switch", { exportparts: "nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label" })), s("div", { class: `right-panel ${l ? "reschedule" : ""}`, part: `ns_right-panel ${l ? "ns_reschedule" : ""}` }, s("h2", { part: "ns_right-panel__title" }, s("calendar-icon", { part: "ns_right-panel__calendar-icon" }), s("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, this.selectedDateLabel)), s("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, u && s("span", { slot: "timeslot-picker-cta-label" }, s("slot", { name: "timeslot-picker-cta-label" })))))), this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (O) => this.onFeedbackClick(O) }, s("feedback-icon", null)), this.showFeedbackModal && s("nylas-feedback-form", null));
-    }
-    return i && !t && o ? s(R, null, s(z, { version: this.version, nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, l && s(K, null, `${d.t("rescheduleTitle")}`), s("div", { class: "additional-data-page", part: "additional-data-page ns_additional-data-page" }, s("div", { class: "left-panel ns_left-panel", part: "ns_left-panel" }, s("div", { class: "wrapper", part: "ns_left-panel__wrapper" }, s("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), s("div", { class: `right-panel ${l ? "reschedule" : ""}`, part: `ns_right-panel ${l ? "ns_reschedule" : ""}` }, s("nylas-booking-form", { exportparts: "nbf, nbf__input-textfield, nbf__button-ghost, nbf__button-outline, nbf__button-primary, nbf__input-wrapper, nbf__checkbox-component, nbf__radio-button-group, nbf__textarea-component, nbf__dropdown, nbf__dropdown-button, nbf__dropdown-content" })))), s("div", { class: "language-feedback-container" }, this.enableUserFeedback && s("button-component", { id: "report-issue", variant: "basic", onClick: (u) => this.onFeedbackClick(u) }, s("feedback-icon", null)), s("select-dropdown", { name: "language", searchPlaceholder: d.t("search"), options: p, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: p.find((u) => u.value == I), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, s("span", { slot: "select-icon" }, s("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && s("nylas-feedback-form", null)) : s(R, null, s("slot", null));
-  }
-  get host() {
-    return ne(this);
-  }
-  static get watchers() {
-    return {
-      bookingInfo: ["bookingInfoChanged"],
-      rescheduleBookingRef: ["rescheduleBookingRefChanged"],
-      cancelBookingRef: ["cancelBookingRefChanged"],
-      organizerConfirmationBookingRef: ["organizerConfirmationBookingRefChanged"],
-      localization: ["localizationChanged"],
-      defaultLanguage: ["defaultLanguageChanged"],
-      themeConfig: ["themeConfigChanged"]
-    };
-  }
-};
-_e.style = be;
-export {
-  _e as nylas_scheduling
-};