@nylas/react 2.0.4 → 2.1.0

package/dist/{nylas-scheduling.entry-aec79de5.js → nylas-scheduling.entry-115b1752.js}

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