@nylas/react 1.4.4 → 2.0.0

package/dist/nylas-scheduling.entry-e9929b03.js

@@ -0,0 +1,968 @@
+import { i as c, r as V, a as F, b as O, k as U, l as K, m as ee, h as a, H as P, g as te, e as ie, F as ne } from "./index-e8380973.js";
+import { n as j, N as se } from "./index.es-fc8588de-c943eef6.js";
+import { L as oe } from "./constants-f51538ef-e0a5f026.js";
+import { i as re, a as ae, c as le, b as de, f as ce } from "./feedbackSync-172f942c-42124493.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+var J;
+(function(i) {
+  i.Error = "error", i.Warning = "warning", i.Info = "info", i.Success = "success";
+})(J || (J = {}));
+var z;
+(function(i) {
+  i.Component = "component", i.Api = "api", i.Auth = "auth";
+})(z || (z = {}));
+var Y;
+(function(i) {
+  i.endtime_not_in_future = "endtime_not_in_future", i.no_booking_info = "no_booking_info", i.no_timeslot_selected = "no_timeslot_selected", i.no_timezone_selected = "no_timezone_selected", i.no_booking_id = "no_booking_id", i.no_salt = "no_salt", i.invalid_start_time = "invalid_start_time", i.invalid_end_time = "invalid_end_time", i.invalid_timezone = "invalid_timezone", i.no_config_id = "no_config_id";
+})(Y || (Y = {}));
+class he {
+  constructor() {
+    this.component = (e) => {
+      const t = z.Component, s = `${e} Error`;
+      return {
+        endtime_not_in_future: (n = '"endtime" can not be in the future') => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        no_booking_info: (n = "No booking info provided") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        no_timeslot_selected: (n = "No timeslot selected") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        no_timezone_selected: (n = "No timezone selected") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        no_booking_id: (n = "No booking id provided") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        no_salt: (n = "No salt provided") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        invalid_start_time: (n = "Invalid start time") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        invalid_end_time: (n = "Invalid end time") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        invalid_timezone: (n = "Invalid timezone") => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        no_config_id: (n = "No configuration id provided") => ({
+          title: s,
+          message: n,
+          category: t
+        })
+      };
+    }, this.api = (e) => {
+      const t = z.Api, s = `${e} Error`;
+      return {
+        invalid_session: (n) => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        general_error: (n) => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        internal_error: (n) => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        invalid_request_error: (n) => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        timeslot_not_available: (n) => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        provider_error: (n) => ({
+          title: s,
+          message: n,
+          category: t
+        }),
+        not_found_error: (n) => ({
+          title: s,
+          message: n,
+          category: t
+        })
+      };
+    };
+  }
+}
+class ge {
+  constructor({ schedulerAPIURL: e, schedulerStore: t, sessionId: s, configId: n, slug: r, clientId: o }) {
+    this.errors = new he(), this.schedulerStore = t, this.schedulerAPIURL = e, this.sessionId = s, this.configId = n, this.slug = r, this.clientId = o;
+  }
+  getHeaders() {
+    return this.sessionId ? {
+      Authorization: `Bearer ${this.sessionId}`
+    } : {};
+  }
+  async makeAPIRequest(e, t, s, n = {}) {
+    try {
+      const r = new URL(this.schedulerAPIURL), o = "2.0.0";
+      return r.pathname = e, await (await fetch(decodeURIComponent(r.toString()), {
+        method: t,
+        headers: {
+          "Content-Type": "application/json",
+          Origin: window.location.origin,
+          "X-Source": "nylas-scheduling",
+          "X-Nylas-Web-Elements-Version": o,
+          ...n
+        },
+        body: s
+      })).json();
+    } catch (r) {
+      return {
+        error: {
+          message: r.message,
+          title: "API request failed",
+          type: "api"
+        }
+      };
+    }
+  }
+  getErrorMessage(e) {
+    var s, n, r, o;
+    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 = (s = e == null ? void 0 : e.provider_error) == null ? void 0 : s.error) == null ? void 0 : n.message) || ((o = (r = e == null ? void 0 : e.provider_error) == null ? void 0 : r.error) == null ? void 0 : o.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), c.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, s = 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(s, n);
+  }
+  async resetStoreStateAndFetchAvailability() {
+    const e = /* @__PURE__ */ new Date(), t = await this.refetchAvailability(), s = this.schedulerStore.get("availability").find((r) => new Date(r.start_time) > /* @__PURE__ */ new Date());
+    let n = e;
+    return s && (n = s.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 x, w, L;
+    this.schedulerStore.set("isLoading", !0);
+    const { selectedTimeslot: t, selectedTimezone: s, bookingInfo: n, selectedLanguage: r } = this.schedulerStore.state;
+    if (!e && !n)
+      return { error: this.errors.component(c.t("createBookingErrorTitle")).no_booking_info() };
+    const o = (e == null ? void 0 : e.timeslot) || t;
+    if (!o)
+      return { error: this.errors.component(c.t("createBookingErrorTitle")).no_timeslot_selected() };
+    const l = e && (e != null && e.timezone) ? e == null ? void 0 : e.timezone : s, d = r || "en-US";
+    if (!l)
+      return { error: this.errors.component(c.t("createBookingErrorTitle")).no_timezone_selected() };
+    const f = [...this.schedulerStore.get("availabilityOrderEmails")];
+    let h = "";
+    const u = (o == null ? void 0 : o.emails) || [], g = {};
+    Object.entries((n == null ? void 0 : n.additionalFields) || {}).forEach(([y, B]) => {
+      g[y] = B.value;
+    });
+    const p = e ? e == null ? void 0 : e.primaryParticipant : n == null ? void 0 : n.primaryParticipant, b = e ? (e == null ? void 0 : e.guests) || [] : (n == null ? void 0 : n.guests) || [], S = e ? e == null ? void 0 : e.additionalFields : g, m = this.getHeaders(), I = `/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 (f.length === 0) {
+      const y = await this.makeAPIRequest(decodeURIComponent(I), "POST", JSON.stringify({
+        additional_fields: S,
+        additional_guests: b,
+        guest: { ...p },
+        start_time: o.start_time.getTime() / 1e3,
+        end_time: o.end_time.getTime() / 1e3,
+        timezone: l,
+        event_id: (o == null ? void 0 : o.event_id) || void 0,
+        master_id: (o == null ? void 0 : o.master_id) || void 0,
+        calendar_id: (o == null ? void 0 : o.calendar_id) || void 0,
+        email_language: this.getTwoLetterLanguageCode(d)
+      }), m);
+      return this.schedulerStore.set("isLoading", !1), "data" in y ? (this.schedulerStore.set("eventInfo", y.data), y) : { error: y.error };
+    }
+    for (; f.length > 0; ) {
+      if (h = f.shift(), !u.includes(h))
+        continue;
+      const y = await this.makeAPIRequest(decodeURIComponent(I), "POST", JSON.stringify({
+        participants: h ? [{ email: h }] : void 0,
+        additional_fields: S,
+        additional_guests: b,
+        guest: { ...p },
+        start_time: o.start_time.getTime() / 1e3,
+        end_time: o.end_time.getTime() / 1e3,
+        timezone: l,
+        email_language: this.getTwoLetterLanguageCode(d)
+      }), m);
+      if ("data" in y)
+        return this.schedulerStore.set("isLoading", !1), this.schedulerStore.set("eventInfo", y == null ? void 0 : y.data), y;
+      if ((w = (x = y.error) == null ? void 0 : x.message) != null && w.startsWith("The selected timeslot is unavailable"))
+        continue;
+      {
+        this.schedulerStore.set("isLoading", !1);
+        const B = (L = y.error) == null ? void 0 : L.type;
+        let D = y.error;
+        if (B && B in this.errors.api(c.t("createBookingErrorTitle"))) {
+          const M = this.getErrorMessage(D);
+          D = this.errors.api(c.t("createBookingErrorTitle"))[B](M);
+        }
+        return { error: D };
+      }
+    }
+    return this.schedulerStore.set("isLoading", !1), {
+      error: this.errors.api(c.t("createBookingErrorTitle")).timeslot_not_available("The selected timeslot is unavailable")
+    };
+  }
+  async getUISettings() {
+    var o;
+    this.schedulerStore.set("isLoading", !0);
+    const e = this.schedulerStore.get("rescheduleBookingId"), t = this.getHeaders();
+    let s = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "";
+    e && s ? s += `&booking_id=${e}` : e && (s += `?booking_id=${e}`);
+    const n = `/v3/scheduling/ui-settings${s}`, r = await this.makeAPIRequest(n, "GET", void 0, t);
+    if ("error" in r) {
+      this.schedulerStore.set("isLoading", !1);
+      const l = (o = r.error) == null ? void 0 : o.type;
+      let d = r.error;
+      return l && l in this.errors.api(c.t("getUISettingErrorTitle")) && (d = this.errors.api(c.t("getUISettingErrorTitle"))[l]((d == null ? void 0 : d.message) || (d == null ? void 0 : d.title) || "Something went wrong")), { error: d };
+    }
+    return "data" in r && this.schedulerStore.set("configSettings", r.data), this.schedulerStore.set("isLoading", !1), r;
+  }
+  getTwoLetterLanguageCode(e) {
+    return e.split("-")[0];
+  }
+  getStartTimeWithMinBookingNotice(e) {
+    var r;
+    const t = (r = this.schedulerStore.get("configSettings")) == null ? void 0 : r.scheduler, s = t == null ? void 0 : t.min_booking_notice;
+    if (!s)
+      return e;
+    const n = (/* @__PURE__ */ new Date()).getTime();
+    return e < (n + s * 60 * 1e3) / 1e3 ? Math.floor((n + s * 60 * 1e3) / 1e3) : e;
+  }
+  getEndTimeForAvailableDaysInFuture(e) {
+    var o, l;
+    const t = /* @__PURE__ */ new Date(), s = (l = (o = this.schedulerStore.get("configSettings")) == null ? void 0 : o.scheduler) == null ? void 0 : l.available_days_in_future, n = Math.floor(K(t, s).getTime() / 1e3);
+    return Math.min(n, e);
+  }
+  async getAvailability(e = 0, t = 0) {
+    var g, p, b, S;
+    this.schedulerStore.set("isLoading", !0);
+    const s = new URLSearchParams(), n = /* @__PURE__ */ new Date(), r = n.getTime();
+    if (t && t < r / 1e3)
+      return this.schedulerStore.set("isLoading", !1), { error: this.errors.component(c.t("getAvailabilityErrorTitle")).endtime_not_in_future() };
+    if (!e) {
+      const m = new Date(n.getFullYear(), n.getMonth(), 1);
+      e = Math.floor(m.getTime() / 1e3);
+    }
+    if (!t) {
+      const m = new Date(n.getFullYear(), n.getMonth() + 1, 0);
+      t = Math.floor(m.getTime() / 1e3);
+    }
+    t = this.getEndTimeForAvailableDaysInFuture(t);
+    const o = this.getStartTimeWithMinBookingNotice(e);
+    e = o, t = o > t ? o + 1 : t, s.append("start_time", encodeURIComponent(e.toString())), s.append("end_time", encodeURIComponent(t.toString())), this.configId && !this.sessionId ? s.append("configuration_id", encodeURIComponent(this.configId)) : this.slug && this.clientId && !this.sessionId && (s.append("slug", encodeURIComponent(this.slug)), s.append("client_id", encodeURIComponent(this.clientId)));
+    const l = this.schedulerStore.get("rescheduleBookingId");
+    l && s.append("booking_id", encodeURIComponent(l));
+    const d = s.toString(), f = `/v3/scheduling/availability${d ? `?${d}` : ""}`, h = this.getHeaders(), u = await this.makeAPIRequest(decodeURIComponent(f), "GET", void 0, h);
+    if ("error" in u) {
+      this.schedulerStore.set("availability", []), this.schedulerStore.set("isLoading", !1);
+      const m = (g = u.error) == null ? void 0 : g.type;
+      let k = u.error;
+      if (m && m in this.errors.api(c.t("getAvailabilityErrorTitle"))) {
+        const I = this.getErrorMessage(k);
+        k = this.errors.api(c.t("getAvailabilityErrorTitle"))[m](I);
+      }
+      return { error: k };
+    }
+    if ("data" in u) {
+      const I = (((b = (p = u.data) == null ? void 0 : p.time_slots) == null ? void 0 : b.map((w) => ({
+        ...w,
+        start_time: new Date(w.start_time * 1e3),
+        end_time: new Date(w.end_time * 1e3)
+      }))) || []).filter((w) => w.start_time.getTime() > r).sort((w, L) => w.start_time.getTime() - L.start_time.getTime());
+      this.schedulerStore.set("availability", I);
+      const x = ((S = u.data) == null ? void 0 : S.order) || [];
+      this.schedulerStore.set("availabilityOrderEmails", x);
+    }
+    return this.schedulerStore.set("isLoading", !1), u;
+  }
+  async cancelBooking(e, t) {
+    var l;
+    if (this.schedulerStore.set("isLoading", !0), !e)
+      return { error: this.errors.component(c.t("cancelBookingErrorTitle")).no_booking_id() };
+    const s = !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}${s}`, r = this.getHeaders(), o = await this.makeAPIRequest(decodeURIComponent(n), "DELETE", JSON.stringify({
+      action: "cancel",
+      cancellation_reason: t
+    }), r);
+    if ("error" in o) {
+      this.schedulerStore.set("isLoading", !1);
+      const d = (l = o.error) == null ? void 0 : l.type;
+      let f = o.error;
+      if (d && d in this.errors.api(c.t("cancelBookingErrorTitle"))) {
+        const h = this.getErrorMessage(f);
+        f = this.errors.api(c.t("cancelBookingErrorTitle"))[d](h);
+      }
+      return { error: f };
+    }
+    return this.schedulerStore.set("cancelledEventInfo", {
+      booking_id: e
+    }), this.schedulerStore.set("rescheduleBookingId", ""), this.schedulerStore.set("isLoading", !1), o;
+  }
+  async rescheduleBooking(e, t) {
+    var R;
+    if (this.schedulerStore.set("isLoading", !0), !e)
+      return { error: this.errors.component(c.t("rescheduleBookingErrorTitle")).no_booking_id() };
+    const s = this.errors.api(c.t("rescheduleBookingErrorTitle")), n = this.errors.component(c.t("rescheduleBookingErrorTitle")), { bookingInfo: r, selectedTimeslot: o, selectedTimezone: l, selectedLanguage: d } = this.schedulerStore.state, { startTime: f, endTime: h, timezone: u } = t, g = f || (o == null ? void 0 : o.start_time);
+    if (!g)
+      return { error: n.invalid_start_time('Please pass "startTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
+    const p = h || (o == null ? void 0 : o.end_time);
+    if (!p)
+      return { error: n.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
+    const b = this.schedulerStore.get("availabilityOrderEmails");
+    let S = "";
+    if (b.length > 0) {
+      const v = (o == null ? void 0 : o.emails) || [];
+      for (let E = 0; E < b.length; E++)
+        if (v.includes(b[E])) {
+          S = b[E];
+          break;
+        }
+    }
+    const m = u || l;
+    if (!m)
+      return { error: n.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.') };
+    const k = (o == null ? void 0 : o.event_id) || void 0, I = (o == null ? void 0 : o.master_id) || void 0, x = (o == null ? void 0 : o.calendar_id) || void 0, w = {};
+    Object.entries((r == null ? void 0 : r.additionalFields) || {}).forEach(([v, E]) => {
+      w[v] = E.value;
+    });
+    const L = t ? t == null ? void 0 : t.primaryParticipant : r == null ? void 0 : r.primaryParticipant, y = t ? (t == null ? void 0 : t.guests) || [] : (r == null ? void 0 : r.guests) || [], B = t ? t == null ? void 0 : t.additionalFields : w, D = !this.sessionId && this.configId ? `?configuration_id=${this.configId}` : !this.sessionId && this.slug && this.clientId ? `?slug=${this.slug}&client_id=${this.clientId}` : "", M = `/v3/scheduling/bookings/${e}${D}`, _ = this.getHeaders(), C = await this.makeAPIRequest(decodeURIComponent(M), "PATCH", JSON.stringify({
+      start_time: g.getTime() / 1e3,
+      end_time: p.getTime() / 1e3,
+      timezone: m,
+      additional_fields: B,
+      guest: { ...L },
+      additional_guests: y,
+      participants: S ? [{ email: S }] : void 0,
+      email_language: this.getTwoLetterLanguageCode(d),
+      event_id: k,
+      master_id: I,
+      calendar_id: x
+    }), _);
+    if ("error" in C) {
+      this.schedulerStore.set("isLoading", !1);
+      const v = (R = C.error) == null ? void 0 : R.type;
+      let E = C.error;
+      if (v && v in s) {
+        const H = this.getErrorMessage(E);
+        E = s[v](H);
+      }
+      return { error: E };
+    }
+    const N = this.schedulerStore.get("reschedulingEventInfo");
+    if ("data" in C)
+      this.schedulerStore.set("eventInfo", C == null ? void 0 : C.data);
+    else if (N)
+      this.schedulerStore.set("eventInfo", N);
+    else {
+      const v = {
+        booking_id: e
+      };
+      this.schedulerStore.set("eventInfo", v);
+    }
+    return this.schedulerStore.set("isLoading", !1), C;
+  }
+  async updateBooking(e) {
+    var u;
+    this.schedulerStore.set("isLoading", !0);
+    const { bookingId: t, status: s, reason: n } = e, r = this.schedulerStore.get("organizerConfirmationSalt"), o = s === "confirmed" ? c.t("confirmBookingErrorTitle") : c.t("rejectBookingErrorTitle");
+    if (!t)
+      return { error: this.errors.component(o).no_booking_id() };
+    if (!r)
+      return { error: this.errors.component(o).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}` : "", d = `/v3/scheduling/bookings/${t}${l}`, f = this.getHeaders(), h = await this.makeAPIRequest(decodeURIComponent(d), "PUT", JSON.stringify({
+      status: s,
+      cancellation_reason: n,
+      salt: r
+    }), f);
+    if ("error" in h) {
+      this.schedulerStore.set("isLoading", !1);
+      const g = (u = h.error) == null ? void 0 : u.type;
+      let p = h.error;
+      if (g && g in this.errors.api(o)) {
+        const b = this.getErrorMessage(p);
+        p = this.errors.api(o)[g](b);
+      }
+      return { error: p };
+    }
+    return "data" in h && s === "confirmed" ? this.schedulerStore.set("confirmedEventInfo", h == null ? void 0 : h.data) : "request_id" in h && s === "cancelled" && this.schedulerStore.set("cancelledEventInfo", {
+      booking_id: t
+    }), this.schedulerStore.set("organizerConfirmationBookingId", ""), this.schedulerStore.set("isLoading", !1), h;
+  }
+  async validateGroupEventTimeslot(e) {
+    var o, l;
+    this.schedulerStore.set("isLoading", !0);
+    const t = (o = this.schedulerStore.get("configSettings")) == null ? void 0 : o.configuration_id;
+    if (!t)
+      return { error: this.errors.component(c.t("validateTimeslotErrorTitle")).no_config_id() };
+    const s = this.getHeaders(), n = `/v3/scheduling/configurations/${t}/group-events/validate-timeslot`, r = await this.makeAPIRequest(decodeURIComponent(n), "POST", JSON.stringify({
+      ...e,
+      start_time: e.start_time.getTime() / 1e3,
+      end_time: e.end_time.getTime() / 1e3
+    }), s);
+    if ("error" in r) {
+      this.schedulerStore.set("isLoading", !1);
+      const d = (l = r.error) == null ? void 0 : l.type;
+      let f = r.error;
+      if (d && d in this.errors.api(c.t("validateTimeslotErrorTitle"))) {
+        const h = this.getErrorMessage(f);
+        f = this.errors.api(c.t("validateTimeslotErrorTitle"))[d](h);
+      }
+      return this.refetchAvailability(), { error: f };
+    }
+    return this.schedulerStore.set("selectedTimeslot", e), this.schedulerStore.set("showBookingForm", !0), this.schedulerStore.set("isLoading", !1), r;
+  }
+}
+class ue {
+  constructor({ schedulerAPIURL: e, nylasSchedulerStore: t, sessionId: s, configId: n, slug: r, clientId: o }) {
+    if (!e)
+      throw new Error("schedulerAPIURL is required");
+    if (!t)
+      throw new Error("nylasSchedulerStore is required");
+    if (!s && !n && !(r || o))
+      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 = s, this.schedulerAPIURL = e, this.nylasSchedulerStore = t, this.slug = r, this.clientId = o;
+  }
+  init() {
+    O("NylasConnector init");
+  }
+  get schedulerStore() {
+    return this.nylasSchedulerStore;
+  }
+  get scheduler() {
+    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new ge({
+      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 fe(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
+  };
+  O("[defaultNylasStoreState]: ", e);
+  const t = ie(e);
+  return t.onChange("availability", (s) => {
+    O("[availability]: ", s);
+    const n = s.map((l) => l.start_time);
+    O("[selectableDates]: ", n), t.set("selectableDates", n);
+    const r = s[0];
+    if (!r)
+      return;
+    const o = Math.floor((r.end_time.getTime() - r.start_time.getTime()) / 6e4);
+    O("[durationMinutes]: ", o), t.set("eventDuration", o);
+  }), t.reset = () => {
+    for (const s in e) {
+      const n = e[s];
+      t.set(s, n);
+    }
+  }, t;
+}
+const A = (i, e) => {
+  const t = i.isLoading, s = i.showNotification, n = i.nylasBranding;
+  return a(
+    ne,
+    null,
+    s && a("nylas-notification", null),
+    t && a(
+      "div",
+      { class: "loading" },
+      a(
+        "div",
+        { class: "left" },
+        a("div", { class: "skeleton" })
+      ),
+      a(
+        "div",
+        { class: "right" },
+        a("div", { class: "skeleton" }),
+        a("div", { class: "skeleton" }),
+        a("div", { class: "skeleton" }),
+        a("div", { class: "skeleton" }),
+        a("div", { class: "skeleton" })
+      )
+    ),
+    !t && e,
+    a("div", { class: "footer" }, n && a(
+      "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 ",
+      a("span", { class: "sr-only" }, "Nylas"),
+      a("nylas-logo", { "aria-hidden": !0 })
+    ))
+  );
+}, X = (i, e) => a("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-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;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}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}', pe = me, Z = { title: c.t("genericErrorTitle"), type: j.Error, category: z.Component }, be = class {
+  constructor(i) {
+    V(this, i), this.init = F(this, "init", 7), this.schedulerWillLoad = F(this, "schedulerWillLoad", 7), this.schedulerDidLoad = F(this, "schedulerDidLoad", 7), this.nylasSchedulerError = F(this, "nylasSchedulerError", 7), this.nylasSchedulerInfo = F(this, "nylasSchedulerInfo", 7), this.configSettingsLoaded = F(this, "configSettingsLoaded", 7), this.bookingRefExtracted = F(this, "bookingRefExtracted", 7), this.bookedEventInfo = F(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.showNotification = !0, this.enableUserFeedback = !0, this.hour12 = void 0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(navigator.language, { dateStyle: "full" }) || `${c.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language, this.showFeedbackModal = !1, this.bookingInfoConfirmed = null;
+  }
+  connectedCallback() {
+    O("[nylas-scheduler] connectedCallback");
+  }
+  async componentWillLoad() {
+    var n, r;
+    O("[nylas-scheduler] Component will load"), this.enableUserFeedback && !re() && ae({
+      dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
+      release: "2.0.0",
+      integrations: (o) => [
+        ...o.filter((l) => !1),
+        ce({
+          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;
+    this.stores = {
+      scheduler: fe({
+        bookingInfo: this.bookingInfo,
+        nylasBranding: this.nylasBranding,
+        themeConfig: this.themeConfig,
+        hour12: this.hour12,
+        ...this.defaultSchedulerState
+      })
+    }, this.baseProvider = new se(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
+    let e;
+    if (this.rescheduleBookingRef) {
+      const [o, l, d] = U(this.rescheduleBookingRef);
+      this.refConfigId = o, this.stores.scheduler.set("rescheduleBookingId", l), e = this.bookingRefExtracted.emit({ configurationId: o, bookingId: l });
+    } else if (this.cancelBookingRef) {
+      const [o, l, d] = U(this.cancelBookingRef);
+      this.refConfigId = o, this.stores.scheduler.set("cancelBookingId", l), e = this.bookingRefExtracted.emit({ configurationId: o, bookingId: l });
+    } else if (this.organizerConfirmationBookingRef) {
+      const [o, l, d] = U(this.organizerConfirmationBookingRef);
+      this.refConfigId = o, this.stores.scheduler.set("organizerConfirmationBookingId", l), this.stores.scheduler.set("organizerConfirmationSalt", d), e = this.bookingRefExtracted.emit({ configurationId: o, bookingId: l, salt: d });
+    }
+    if ("bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(e, this.nylasSchedulerConnector), e.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
+      return;
+    const t = (n = this.baseProvider) == null ? void 0 : n.getStore("scheduler");
+    this.nylasSchedulerConnector = new ue({
+      schedulerAPIURL: this.schedulerApiUrl,
+      sessionId: this.sessionId,
+      configId: this.refConfigId,
+      slug: this.slug,
+      clientId: this.clientId,
+      nylasSchedulerStore: t
+    });
+    const s = this.init.emit(this.host);
+    "init" in this.eventOverrides && (await this.eventOverrides.init(s, this.nylasSchedulerConnector), s.defaultPrevented) || ((r = this.baseProvider) == null || r.componentWillLoad(this.nylasSchedulerConnector), this.applyThemeConfig(this.themeConfig));
+  }
+  async componentDidLoad() {
+    var d, f, h, u, g, p, b, S;
+    (d = this.baseProvider) == null || d.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 ((f = this.nylasSchedulerConnector) == null ? void 0 : f.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 m = this.configSettingsLoaded.emit({ settings: e });
+      if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(m, this.nylasSchedulerConnector), m.defaultPrevented))
+        return;
+    }
+    const t = (u = this.baseProvider) == null ? void 0 : u.getStore("scheduler"), s = (p = (g = t == null ? void 0 : t.get("configSettings")) == null ? void 0 : g.scheduler) == null ? void 0 : p.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 r = t == null ? void 0 : t.get("selectedDate"), o = t == null ? void 0 : t.get("availability");
+    let l;
+    if (!(o && o.length > 0)) {
+      if (r) {
+        const { startTime: m, endTime: k, endTimeForAvailableDaysInFuture: I } = this.validateAvailableDaysInFuture(r, s || 30);
+        r.getTime() < I * 1e3 && (l = await ((S = this.nylasSchedulerConnector) == null ? void 0 : S.scheduler.getAvailability(m, k)));
+      } else {
+        const m = /* @__PURE__ */ new Date(), { startTime: k, endTime: I, endTimeForAvailableDaysInFuture: x } = this.validateAvailableDaysInFuture(m, s || 30);
+        m.getTime() < x * 1e3 && (l = await ((b = this.nylasSchedulerConnector) == null ? void 0 : b.scheduler.getAvailability(k, I)));
+      }
+      if ((!l || "error" in l) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(l == null ? void 0 : l.error) }, host: this.host }), !r) {
+        let m = /* @__PURE__ */ new Date();
+        const k = t == null ? void 0 : t.get("availability").find((I) => new Date(I.start_time) > /* @__PURE__ */ new Date());
+        k && (m = k.start_time), t == null || t.set("selectedDate", m);
+      }
+    }
+  }
+  componentDisconnected() {
+    var i;
+    (i = this.baseProvider) == null || i.componentDisconnected();
+  }
+  bookingInfoChanged(i) {
+    var e;
+    (e = this.stores) == null || e.scheduler.set("bookingInfo", i);
+  }
+  rescheduleBookingRefChanged(i) {
+    var e, t;
+    if (i) {
+      const [s, n] = U(i);
+      (e = this.stores) == null || e.scheduler.set("rescheduleBookingId", n), this.refConfigId = s, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(s);
+    }
+  }
+  cancelBookingRefChanged(i) {
+    var e, t;
+    if (i) {
+      const [s, n] = U(i);
+      (e = this.stores) == null || e.scheduler.set("cancelBookingId", n), this.refConfigId = s, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(s);
+    }
+  }
+  organizerConfirmationBookingRefChanged(i) {
+    var e, t;
+    if (i) {
+      const [s, n] = U(i);
+      (e = this.stores) == null || e.scheduler.set("organizerConfirmationBookingId", n), this.refConfigId = s, (t = this.nylasSchedulerConnector) == null || t.scheduler.setConfigId(s);
+    }
+  }
+  localizationChanged(i) {
+    i && Object.keys(i).forEach((e) => {
+      e in oe && c.addResourceBundle(e, "translation", i[e], !1, !0);
+    });
+  }
+  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, c.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 o, l, d, f, h, u, g;
+    const e = i.detail, t = (f = (d = (l = (o = this.nylasSchedulerConnector) == null ? void 0 : o.schedulerStore) == null ? void 0 : l.get("configSettings")) == null ? void 0 : d.scheduler) == null ? void 0 : f.available_days_in_future, { startTime: s, endTime: n, endTimeForAvailableDaysInFuture: r } = this.validateAvailableDaysInFuture(e, t || 30);
+    if (!i.defaultPrevented && s < r && e.getTime() < r * 1e3) {
+      const p = await ((h = this.nylasSchedulerConnector) == null ? void 0 : h.scheduler.getAvailability(s, n));
+      (!p || "error" in p) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(p == null ? void 0 : p.error) }, host: this.host });
+      const b = (u = this.stores) == null ? void 0 : u.scheduler.get("selectableDates");
+      b && b.length > 0 && ((g = this.stores) == null || g.scheduler.set("selectedDate", b[0]));
+    }
+  }
+  mapToBookingData(i) {
+    var o, l, d;
+    const e = (o = this.stores) == null ? void 0 : o.scheduler.get("selectedTimeslot"), t = (l = this.stores) == null ? void 0 : l.scheduler.get("selectedLanguage"), s = (d = this.stores) == null ? void 0 : d.scheduler.get("selectedTimezone"), n = e != null && e.start_time ? new Date(e == null ? void 0 : e.start_time).getTime() / 1e3 : "", r = 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: r,
+      email_language: t,
+      timezone: s
+    };
+  }
+  async bookButtonClickedHandler(i) {
+    var d, f, h, u;
+    if (i.defaultPrevented)
+      return;
+    const e = i.detail, t = this.mapToBookingData(e);
+    this.bookingInfoConfirmed = e;
+    const n = (f = (d = this.nylasSchedulerConnector) == null ? void 0 : d.schedulerStore) == null ? void 0 : f.get("rescheduleBookingId");
+    if (n) {
+      const g = await ((h = this.nylasSchedulerConnector) == null ? void 0 : h.scheduler.rescheduleBooking(n, e));
+      (!g || "error" in g) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(g == null ? void 0 : g.error) }, host: this.host });
+      const p = g == null ? void 0 : g.data, b = this.bookedEventInfo.emit({ ...g, data: { ...p, ...t } });
+      this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...p }, "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(b, this.nylasSchedulerConnector);
+      return;
+    }
+    const r = await ((u = this.nylasSchedulerConnector) == null ? void 0 : u.scheduler.bookTimeslot(e));
+    (!r || "error" in r) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(r == null ? void 0 : r.error) }, host: this.host });
+    const o = r == null ? void 0 : r.data, l = this.bookedEventInfo.emit({ ...r, data: { ...o, ...t } });
+    this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...o }, "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" }) : `${c.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: z.Component,
+        type: j.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: le("Scheduling Page User Feedback", {
+        extra: {
+          configId: this.configurationId,
+          slug: this.slug
+        }
+      }),
+      message: i.detail.feedback
+    };
+    de(t, {
+      includeReplay: !0,
+      captureContext: {
+        tags: {
+          "nylas-web-element": "nylas-scheduling",
+          "nylas-web-element-version": "2.0.0",
+          "nylas-config-id": this.configurationId,
+          "nylas-slug": this.slug,
+          "host-url": window.location.href
+        },
+        extra: {
+          configId: this.configurationId,
+          slug: this.slug
+        }
+      }
+    }), 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) || Z.title,
+      category: (i == null ? void 0 : i.category) || Z.category,
+      type: j.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 += c.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (i = c.t("sessionIdRequiredErrorMessage") + " " + c.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
+        notification: {
+          title: c.t("schedulingComponentErrorTitle"),
+          category: z.Component,
+          type: j.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: c.t("invalidTimeslotErrorTitle"),
+        category: z.Component,
+        type: j.Error,
+        description: c.t("invalidTimeslotErrorMessage"),
+        id: (/* @__PURE__ */ new Date()).getTime().toString(),
+        ttl: "none"
+      },
+      host: this.host
+    }), !1) : !0;
+  }
+  validateAvailableDaysInFuture(i, e) {
+    const t = /* @__PURE__ */ new Date(), s = new Date(i.getFullYear(), i.getMonth(), 1).getTime() / 1e3, n = new Date(i.getFullYear(), i.getMonth() + 1, 1).getTime() / 1e3, r = Math.floor(K(t, e).getTime() / 1e3), o = Math.min(r, n);
+    return { startTime: s < t.getTime() / 1e3 ? Math.floor(t.getTime() / 1e3) : s, endTime: o, endTimeForAvailableDaysInFuture: r };
+  }
+  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);
+  }
+  render() {
+    var b, S, m, k, I, x, w, L, y, B, D, M;
+    const i = this.mode === "app", e = (b = this.baseProvider) == null ? void 0 : b.getStore("scheduler"), t = e == null ? void 0 : e.get("eventInfo"), s = e == null ? void 0 : e.get("showBookingForm"), n = e == null ? void 0 : e.get("cancelledEventInfo"), r = e == null ? void 0 : e.get("cancelBookingId"), o = e == null ? void 0 : e.get("selectedTimeslot"), l = e == null ? void 0 : e.get("rescheduleBookingId"), d = e == null ? void 0 : e.get("organizerConfirmationBookingId"), f = e == null ? void 0 : e.get("rejectBookingId"), h = e == null ? void 0 : e.get("confirmedEventInfo"), u = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, g = e == null ? void 0 : e.get("selectedDate"), p = (m = (S = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : S.scheduler) == null ? void 0 : m.confirmation_redirect_url;
+    if (this.selectedDateLabel = g && this.language ? ee(g.toLocaleDateString(this.language, { dateStyle: "full" })) : `${c.t("noDateSelected")}`, i && (r || f) && !n)
+      return a(P, null, a(A, { nylasBranding: u, isLoading: this.isLoading, showNotification: this.showNotification }, a("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, a("nylas-cancel-booking-form", { selectedTimeslot: o, cancelBookingId: r, rejectBookingId: f, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))), this.enableUserFeedback && a("button-component", { id: "report-issue", variant: "basic", onClick: (_) => this.onFeedbackClick(_) }, a("feedback-icon", null)), this.showFeedbackModal && a("nylas-feedback-form", null));
+    if (i && d)
+      return a(P, null, a(A, null, a("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, a("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: d, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), this.enableUserFeedback && a("button-component", { id: "report-issue", variant: "basic", onClick: (_) => this.onFeedbackClick(_) }, a("feedback-icon", null)), this.showFeedbackModal && a("nylas-feedback-form", null));
+    if (i && n)
+      return a(P, null, a(A, { nylasBranding: u, isLoading: this.isLoading, showNotification: this.showNotification }, a("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, a("nylas-cancelled-event-card", { cancelledEventInfo: n, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), this.enableUserFeedback && a("button-component", { id: "report-issue", variant: "basic", onClick: (_) => this.onFeedbackClick(_) }, a("feedback-icon", null)), this.showFeedbackModal && a("nylas-feedback-form", null));
+    if (i && h)
+      return a(P, null, a(A, { nylasBranding: u, isLoading: this.isLoading, showNotification: this.showNotification }, a("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, a("nylas-confirmed-event-card", { confirmedEventInfo: h, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), this.enableUserFeedback && a("button-component", { id: "report-issue", variant: "basic", onClick: (_) => this.onFeedbackClick(_) }, a("feedback-icon", null)), this.showFeedbackModal && a("nylas-feedback-form", null));
+    if (i && t && p) {
+      const _ = (k = this.bookingInfoConfirmed) == null ? void 0 : k.primaryParticipant, C = (I = this.bookingInfoConfirmed) == null ? void 0 : I.location, N = (x = this.bookingInfoConfirmed) == null ? void 0 : x.booking_ref, R = ((w = this.bookingInfoConfirmed) == null ? void 0 : w.additionalFields) || {};
+      if (this.bookingInfo && typeof ((L = this.bookingInfo) == null ? void 0 : L.additionalFields) < "u") {
+        const $ = this.bookingInfo.additionalFields;
+        Object.keys($).forEach((W) => {
+          !R[W] && ($ != null && $[W]) && (R[W] = $[W].value);
+        });
+      }
+      const v = (y = this.stores) == null ? void 0 : y.scheduler.get("selectedTimeslot"), E = (B = this.stores) == null ? void 0 : B.scheduler.get("selectedTimezone"), H = (D = this.stores) == null ? void 0 : D.scheduler.get("selectedLanguage"), q = (M = this.stores) == null ? void 0 : M.scheduler.get("configSettings"), G = this.configurationId ? this.configurationId : q == null ? void 0 : q.configuration_id, Q = window.location.search, T = new URLSearchParams(Q);
+      T.set("booking_id", t.booking_id), _ != null && _.name && T.set("name", _.name), _ != null && _.email && T.set("email", _.email), v != null && v.start_time && T.set("start_time", (new Date(v.start_time).getTime() / 1e3).toString()), v != null && v.end_time && T.set("end_time", (new Date(v.end_time).getTime() / 1e3).toString()), E && T.set("tz", E), H && T.set("language", H), R && T.set("additional_values", JSON.stringify(R)), this.slug && T.set("page_slug", this.slug), G && T.set("config_id", G), C && T.set("location", C), N && T.set("booking_ref", N), this.redirectToCustomUrl(`${p}?${T.toString()}`);
+      return;
+    }
+    if (i && t)
+      return a(P, null, a(A, { nylasBranding: u, isLoading: this.isLoading, showNotification: this.showNotification }, a("div", { class: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, a("nylas-booked-event-card", { selectedTimeslot: o, eventInfo: t, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), this.enableUserFeedback && a("button-component", { id: "report-issue", variant: "basic", onClick: (_) => this.onFeedbackClick(_) }, a("feedback-icon", null)), this.showFeedbackModal && a("nylas-feedback-form", null));
+    if (i && (!t || l) && !s) {
+      const _ = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
+      return a(P, null, a(A, { nylasBranding: u, isLoading: this.isLoading, showNotification: this.showNotification }, l && a(X, null, `${c.t("rescheduleTitle")}`), a("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, a("div", { class: "left-panel", part: "ns_left-panel" }, a("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" }), a("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" })), a("div", { class: `right-panel ${l ? "reschedule" : ""}`, part: `ns_right-panel ${l ? "ns_reschedule" : ""}` }, a("h2", { part: "ns_right-panel__title" }, a("calendar-icon", { part: "ns_right-panel__calendar-icon" }), a("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, this.selectedDateLabel)), a("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, _ && a("span", { slot: "timeslot-picker-cta-label" }, a("slot", { name: "timeslot-picker-cta-label" })))))), this.enableUserFeedback && a("button-component", { id: "report-issue", variant: "basic", onClick: (C) => this.onFeedbackClick(C) }, a("feedback-icon", null)), this.showFeedbackModal && a("nylas-feedback-form", null));
+    }
+    return i && !t && s ? a(P, null, a(A, { nylasBranding: u, isLoading: this.isLoading, showNotification: this.showNotification }, l && a(X, null, `${c.t("rescheduleTitle")}`), a("div", { class: "additional-data-page", part: "additional-data-page ns_additional-data-page" }, a("div", { class: "left-panel ns_left-panel", part: "ns_left-panel" }, a("div", { class: "wrapper", part: "ns_left-panel__wrapper" }, a("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), a("div", { class: `right-panel ${l ? "reschedule" : ""}`, part: `ns_right-panel ${l ? "ns_reschedule" : ""}` }, a("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" })))), this.enableUserFeedback && a("button-component", { id: "report-issue", variant: "basic", onClick: (_) => this.onFeedbackClick(_) }, a("feedback-icon", null)), this.showFeedbackModal && a("nylas-feedback-form", null)) : a(P, null, a("slot", null));
+  }
+  get host() {
+    return te(this);
+  }
+  static get watchers() {
+    return {
+      bookingInfo: ["bookingInfoChanged"],
+      rescheduleBookingRef: ["rescheduleBookingRefChanged"],
+      cancelBookingRef: ["cancelBookingRefChanged"],
+      organizerConfirmationBookingRef: ["organizerConfirmationBookingRefChanged"],
+      localization: ["localizationChanged"],
+      themeConfig: ["themeConfigChanged"]
+    };
+  }
+};
+be.style = pe;
+export {
+  be as nylas_scheduling
+};