@nylas/react 2.0.1 → 2.0.3

package/dist/nylas-scheduling.entry-7441979c.js

@@ -0,0 +1,988 @@
+import { i as h, r as te, a as P, b as A, k as U, l as V, m as ne, h as s, H as R, g as ie, e as se, F as oe } from "./index-ad781fbc.js";
+import { N as re } from "./abstract-provider-bdb7d9b4-22cf4a74.js";
+import { E as N, i as ae, a as le, f as de, c as ce, b as he } from "./feedbackSync-b9c9e719-b54b3268.js";
+import { n as H } from "./index.es-ccb2a286-dfa2bfbe.js";
+import { L as j, a as Z } from "./constants-f51538ef-e0a5f026.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+class ge {
+  constructor() {
+    this.component = (e) => {
+      const t = N.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 = N.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.0.2";
+      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,
+          ...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), h.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 T, w, D;
+    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(h.t("createBookingErrorTitle")).no_booking_info() };
+    const r = (e == null ? void 0 : e.timeslot) || t;
+    if (!r)
+      return { error: this.errors.component(h.t("createBookingErrorTitle")).no_timeslot_selected() };
+    const l = e && (e != null && e.timezone) ? e == null ? void 0 : e.timezone : o, d = a || "en-US";
+    if (!l)
+      return { error: this.errors.component(h.t("createBookingErrorTitle")).no_timezone_selected() };
+    const m = [...this.schedulerStore.get("availabilityOrderEmails")];
+    let c = "";
+    const g = (r == null ? void 0 : r.emails) || [], f = {};
+    Object.entries((n == null ? void 0 : n.additionalFields) || {}).forEach(([y, L]) => {
+      f[y] = L.value;
+    });
+    const _ = 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) || [], v = e ? e == null ? void 0 : e.additionalFields : f, b = 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 (m.length === 0) {
+      const y = await this.makeAPIRequest(decodeURIComponent(I), "POST", JSON.stringify({
+        additional_fields: v,
+        additional_guests: p,
+        guest: { ..._ },
+        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(d)
+      }), b);
+      return this.schedulerStore.set("isLoading", !1), "data" in y ? (this.schedulerStore.set("eventInfo", y.data), y) : { error: y.error };
+    }
+    for (; m.length > 0; ) {
+      if (c = m.shift(), !g.includes(c))
+        continue;
+      const y = await this.makeAPIRequest(decodeURIComponent(I), "POST", JSON.stringify({
+        participants: c ? [{ email: c }] : void 0,
+        additional_fields: v,
+        additional_guests: p,
+        guest: { ..._ },
+        start_time: r.start_time.getTime() / 1e3,
+        end_time: r.end_time.getTime() / 1e3,
+        timezone: l,
+        email_language: this.getTwoLetterLanguageCode(d)
+      }), b);
+      if ("data" in y)
+        return this.schedulerStore.set("isLoading", !1), this.schedulerStore.set("eventInfo", y == null ? void 0 : y.data), y;
+      if ((w = (T = y.error) == null ? void 0 : T.message) != null && w.startsWith("The selected timeslot is unavailable"))
+        continue;
+      {
+        this.schedulerStore.set("isLoading", !1);
+        const L = (D = y.error) == null ? void 0 : D.type;
+        let F = y.error;
+        if (L && L in this.errors.api(h.t("createBookingErrorTitle"))) {
+          const M = this.getErrorMessage(F);
+          F = this.errors.api(h.t("createBookingErrorTitle"))[L](M);
+        }
+        return { error: F };
+      }
+    }
+    return this.schedulerStore.set("isLoading", !1), {
+      error: this.errors.api(h.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 d = a.error;
+      return l && l in this.errors.api(h.t("getUISettingErrorTitle")) && (d = this.errors.api(h.t("getUISettingErrorTitle"))[l]((d == null ? void 0 : d.message) || (d == null ? void 0 : d.title) || "Something went wrong")), { error: d };
+    }
+    return "data" in a && this.schedulerStore.set("configSettings", a.data), 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, _, p, v;
+    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(h.t("getAvailabilityErrorTitle")).endtime_not_in_future() };
+    if (!e) {
+      const b = new Date(n.getFullYear(), n.getMonth(), 1);
+      e = Math.floor(b.getTime() / 1e3);
+    }
+    if (!t) {
+      const b = new Date(n.getFullYear(), n.getMonth() + 1, 0);
+      t = Math.floor(b.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 d = o.toString(), m = `/v3/scheduling/availability${d ? `?${d}` : ""}`, c = this.getHeaders(), g = await this.makeAPIRequest(decodeURIComponent(m), "GET", void 0, c);
+    if ("error" in g) {
+      this.schedulerStore.set("availability", []), this.schedulerStore.set("isLoading", !1);
+      const b = (f = g.error) == null ? void 0 : f.type;
+      let k = g.error;
+      if (b && b in this.errors.api(h.t("getAvailabilityErrorTitle"))) {
+        const I = this.getErrorMessage(k);
+        k = this.errors.api(h.t("getAvailabilityErrorTitle"))[b](I);
+      }
+      return { error: k };
+    }
+    if ("data" in g) {
+      const I = (((p = (_ = g.data) == null ? void 0 : _.time_slots) == null ? void 0 : p.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() > a).sort((w, D) => w.start_time.getTime() - D.start_time.getTime());
+      this.schedulerStore.set("availability", I);
+      const T = ((v = g.data) == null ? void 0 : v.order) || [];
+      this.schedulerStore.set("availabilityOrderEmails", T);
+    }
+    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(h.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 d = (l = r.error) == null ? void 0 : l.type;
+      let m = r.error;
+      if (d && d in this.errors.api(h.t("cancelBookingErrorTitle"))) {
+        const c = this.getErrorMessage(m);
+        m = this.errors.api(h.t("cancelBookingErrorTitle"))[d](c);
+      }
+      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(h.t("rescheduleBookingErrorTitle")).no_booking_id() };
+    const o = this.errors.api(h.t("rescheduleBookingErrorTitle")), n = this.errors.component(h.t("rescheduleBookingErrorTitle")), { bookingInfo: a, selectedTimeslot: r, selectedTimezone: l, selectedLanguage: d } = this.schedulerStore.state, { startTime: m, endTime: c, 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 _ = c || (r == null ? void 0 : r.end_time);
+    if (!_)
+      return { error: n.invalid_end_time('Please pass "endTime" in data or set "selectedTimeslot" in the defaultSchedulerState.') };
+    const p = this.schedulerStore.get("availabilityOrderEmails");
+    let v = "";
+    if (p.length > 0) {
+      const E = (r == null ? void 0 : r.emails) || [];
+      for (let C = 0; C < p.length; C++)
+        if (E.includes(p[C])) {
+          v = p[C];
+          break;
+        }
+    }
+    const b = g || l;
+    if (!b)
+      return { error: n.invalid_timezone('Please pass "timezone" in data or set "selectedTimezone" in the defaultSchedulerState.') };
+    const k = (r == null ? void 0 : r.event_id) || void 0, I = (r == null ? void 0 : r.master_id) || void 0, T = (r == null ? void 0 : r.calendar_id) || void 0, w = {};
+    Object.entries((a == null ? void 0 : a.additionalFields) || {}).forEach(([E, C]) => {
+      w[E] = C.value;
+    });
+    const D = t ? t == null ? void 0 : t.primaryParticipant : a == null ? void 0 : a.primaryParticipant, y = t ? (t == null ? void 0 : t.guests) || [] : (a == null ? void 0 : a.guests) || [], L = t ? t == null ? void 0 : t.additionalFields : w, F = !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}${F}`, q = this.getHeaders(), x = await this.makeAPIRequest(decodeURIComponent(M), "PATCH", JSON.stringify({
+      start_time: f.getTime() / 1e3,
+      end_time: _.getTime() / 1e3,
+      timezone: b,
+      additional_fields: L,
+      guest: { ...D },
+      additional_guests: y,
+      participants: v ? [{ email: v }] : void 0,
+      email_language: this.getTwoLetterLanguageCode(d),
+      event_id: k,
+      master_id: I,
+      calendar_id: T
+    }), q);
+    if ("error" in x) {
+      this.schedulerStore.set("isLoading", !1);
+      const E = (O = x.error) == null ? void 0 : O.type;
+      let C = x.error;
+      if (E && E in o) {
+        const B = this.getErrorMessage(C);
+        C = o[E](B);
+      }
+      return { error: C };
+    }
+    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 E = {
+        booking_id: e
+      };
+      this.schedulerStore.set("eventInfo", E);
+    }
+    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" ? h.t("confirmBookingErrorTitle") : h.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}` : "", d = `/v3/scheduling/bookings/${t}${l}`, m = this.getHeaders(), c = await this.makeAPIRequest(decodeURIComponent(d), "PUT", JSON.stringify({
+      status: o,
+      cancellation_reason: n,
+      salt: a
+    }), m);
+    if ("error" in c) {
+      this.schedulerStore.set("isLoading", !1);
+      const f = (g = c.error) == null ? void 0 : g.type;
+      let _ = c.error;
+      if (f && f in this.errors.api(r)) {
+        const p = this.getErrorMessage(_);
+        _ = this.errors.api(r)[f](p);
+      }
+      return { error: _ };
+    }
+    return "data" in c && o === "confirmed" ? this.schedulerStore.set("confirmedEventInfo", c == null ? void 0 : c.data) : "request_id" in c && o === "cancelled" && this.schedulerStore.set("cancelledEventInfo", {
+      booking_id: t
+    }), this.schedulerStore.set("organizerConfirmationBookingId", ""), this.schedulerStore.set("isLoading", !1), c;
+  }
+  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(h.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 d = (l = a.error) == null ? void 0 : l.type;
+      let m = a.error;
+      if (d && d in this.errors.api(h.t("validateTimeslotErrorTitle"))) {
+        const c = this.getErrorMessage(m);
+        m = this.errors.api(h.t("validateTimeslotErrorTitle"))[d](c);
+      }
+      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 = se(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(
+    oe,
+    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-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: h.t("genericErrorTitle"), type: H.Error, category: N.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" }) || `${h.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language, this.showFeedbackModal = !1, this.bookingInfoConfirmed = null, this.version = "2.0.2";
+  }
+  connectedCallback() {
+    A("[nylas-scheduler] connectedCallback");
+  }
+  async componentWillLoad() {
+    var l, d, m;
+    A("[nylas-scheduler] Component will load"), this.version = "2.0.2", this.enableUserFeedback && !ae() && le({
+      dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
+      release: this.version,
+      integrations: (c) => [
+        ...c.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 re(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
+    let n;
+    if (this.rescheduleBookingRef) {
+      const [c, g, f] = U(this.rescheduleBookingRef);
+      this.refConfigId = c, this.stores.scheduler.set("rescheduleBookingId", g), n = this.bookingRefExtracted.emit({ configurationId: c, bookingId: g });
+    } else if (this.cancelBookingRef) {
+      const [c, g, f] = U(this.cancelBookingRef);
+      this.refConfigId = c, this.stores.scheduler.set("cancelBookingId", g), n = this.bookingRefExtracted.emit({ configurationId: c, bookingId: g });
+    } else if (this.organizerConfirmationBookingRef) {
+      const [c, g, f] = U(this.organizerConfirmationBookingRef);
+      this.refConfigId = c, this.stores.scheduler.set("organizerConfirmationBookingId", g), this.stores.scheduler.set("organizerConfirmationSalt", f), n = this.bookingRefExtracted.emit({ configurationId: c, bookingId: g, salt: f });
+    }
+    if ("bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(n, this.nylasSchedulerConnector), n.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
+      return;
+    const a = (d = this.baseProvider) == null ? void 0 : d.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), this.applyThemeConfig(this.themeConfig));
+  }
+  async componentDidLoad() {
+    var d, m, c, g, f, _, p, v;
+    (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 ((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 && ((c = e.data) != null && c.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 b = this.configSettingsLoaded.emit({ settings: e });
+      if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(b, this.nylasSchedulerConnector), b.defaultPrevented))
+        return;
+    }
+    const t = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), o = (_ = (f = t == null ? void 0 : t.get("configSettings")) == null ? void 0 : f.scheduler) == null ? void 0 : _.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: b, endTime: k, endTimeForAvailableDaysInFuture: I } = this.validateAvailableDaysInFuture(a, o || 30);
+        a.getTime() < I * 1e3 && (l = await ((v = this.nylasSchedulerConnector) == null ? void 0 : v.scheduler.getAvailability(b, k)));
+      } else {
+        const b = /* @__PURE__ */ new Date(), { startTime: k, endTime: I, endTimeForAvailableDaysInFuture: T } = this.validateAvailableDaysInFuture(b, o || 30);
+        b.getTime() < T * 1e3 && (l = await ((p = this.nylasSchedulerConnector) == null ? void 0 : p.scheduler.getAvailability(k, I)));
+      }
+      if ((!l || "error" in l) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(l == null ? void 0 : l.error) }, host: this.host }), !a) {
+        let b = /* @__PURE__ */ new Date();
+        const k = t == null ? void 0 : t.get("availability").find((I) => new Date(I.start_time) > /* @__PURE__ */ new Date());
+        k && (b = k.start_time), t == null || t.set("selectedDate", b);
+      }
+    }
+  }
+  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] = U(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] = U(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] = U(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 && h.addResourceBundle(e, "translation", i[e], !1, !0);
+    });
+  }
+  defaultLanguageChanged(i) {
+    var e;
+    i && ((e = this.stores) == null || e.scheduler.set("selectedLanguage", i), h.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, h.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, d, m, c, g, f;
+    const e = i.detail, t = (m = (d = (l = (r = this.nylasSchedulerConnector) == null ? void 0 : r.schedulerStore) == null ? void 0 : l.get("configSettings")) == null ? void 0 : d.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 _ = await ((c = this.nylasSchedulerConnector) == null ? void 0 : c.scheduler.getAvailability(o, n));
+      (!_ || "error" in _) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(_ == null ? void 0 : _.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, d;
+    const e = (r = this.stores) == null ? void 0 : r.scheduler.get("selectedTimeslot"), t = (l = this.stores) == null ? void 0 : l.scheduler.get("selectedLanguage"), o = (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 : "", 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 d, m, c, g;
+    if (i.defaultPrevented)
+      return;
+    const e = i.detail, t = this.mapToBookingData(e);
+    this.bookingInfoConfirmed = e;
+    const n = (m = (d = this.nylasSchedulerConnector) == null ? void 0 : d.schedulerStore) == null ? void 0 : m.get("rescheduleBookingId");
+    if (n) {
+      const f = await ((c = this.nylasSchedulerConnector) == null ? void 0 : c.scheduler.rescheduleBooking(n, e));
+      (!f || "error" in f) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(f == null ? void 0 : f.error) }, host: this.host });
+      const _ = f == null ? void 0 : f.data, p = this.bookedEventInfo.emit({ ...f, data: { ..._, ...t } });
+      this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ..._ }, "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" }) : `${h.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: N.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 += h.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (i = h.t("sessionIdRequiredErrorMessage") + " " + h.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
+        notification: {
+          title: h.t("schedulingComponentErrorTitle"),
+          category: N.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: h.t("invalidTimeslotErrorTitle"),
+        category: N.Component,
+        type: H.Error,
+        description: h.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];
+      h.changeLanguage(a), (n = (o = this.stores) == null ? void 0 : o.scheduler) == null || n.set("selectedLanguage", a);
+    }
+  }
+  render() {
+    var b, k, I, T, w, D, y, L, F, M, q, x;
+    const i = this.mode === "app", e = (b = this.baseProvider) == null ? void 0 : b.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"), d = e == null ? void 0 : e.get("organizerConfirmationBookingId"), m = e == null ? void 0 : e.get("rejectBookingId"), c = 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"), _ = (I = (k = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : k.scheduler) == null ? void 0 : I.confirmation_redirect_url;
+    this.selectedDateLabel = f && this.language ? ne(f.toLocaleDateString(this.language, { dateStyle: "full" })) : `${h.t("noDateSelected")}`;
+    const p = Object.keys(Z).map((u) => ({
+      label: Z[u],
+      value: u
+    })), v = (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: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), 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 && d)
+      return s(R, null, s(z, null, s("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, s("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: d, 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: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), 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: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), 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, { 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: c, 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: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), 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 && _) {
+      const u = (T = this.bookingInfoConfirmed) == null ? void 0 : T.primaryParticipant, O = (w = this.bookingInfoConfirmed) == null ? void 0 : w.location, E = (D = this.bookingInfoConfirmed) == null ? void 0 : D.booking_ref, C = ((y = this.bookingInfoConfirmed) == null ? void 0 : y.additionalFields) || {};
+      if (this.bookingInfo && typeof ((L = this.bookingInfo) == null ? void 0 : L.additionalFields) < "u") {
+        const $ = this.bookingInfo.additionalFields;
+        Object.keys($).forEach((W) => {
+          !C[W] && ($ != null && $[W]) && (C[W] = $[W].value);
+        });
+      }
+      const B = (F = this.stores) == null ? void 0 : F.scheduler.get("selectedTimeslot"), J = (M = this.stores) == null ? void 0 : M.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, S = new URLSearchParams(ee);
+      S.set("booking_id", t.booking_id), u != null && u.name && S.set("name", u.name), u != null && u.email && S.set("email", u.email), B != null && B.start_time && S.set("start_time", (new Date(B.start_time).getTime() / 1e3).toString()), B != null && B.end_time && S.set("end_time", (new Date(B.end_time).getTime() / 1e3).toString()), J && S.set("tz", J), Y && S.set("language", Y), C && S.set("additional_values", JSON.stringify(C)), this.slug && S.set("page_slug", this.slug), X && S.set("config_id", X), O && S.set("location", O), E && S.set("booking_ref", E), this.redirectToCustomUrl(`${_}?${S.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: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), 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, `${h.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, `${h.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: h.t("search"), options: p, withChevron: !1, defaultSelectedOption: p.find((u) => u.value == v), 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 ie(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
+};