@nylas/react 1.1.0-canary.24 → 1.1.0-canary.25

package/dist/{nylas-scheduling.entry-fa471c9e.js → nylas-scheduling.entry-4fa5381d.js}

@@ -1,27 +1,27 @@
-import { k as c, r as R, c as I, d as x, l as w, m as z, n as O, h as i, H as v, g as N, F as B } from "./index-eca7f3e2.js";
-import { n as C, N as A } from "./index.es-17b386f4-856af8bb.js";
-import { E, C as P, N as F } from "./scheduler-store-55107657-6c0c5de4.js";
-import { L as S, a as j } from "./constants-50c3e067-8cc8e601.js";
+import { k as h, r as z, c as _, d as E, l as I, m as O, n as N, h as n, H as y, g as A, F as D } from "./index-5ccfd9df.js";
+import { n as x, N as P } from "./index.es-c9454237-00ccd1e6.js";
+import { E as B, C as F, N as S } from "./scheduler-store-fe281404-bddb1b6a.js";
+import { L as j, a as M } from "./constants-50c3e067-8a40a5fe.js";
 import "react";
 import "react-dom";
-class M {
-  constructor({ schedulerAPIURL: e, nylasSchedulerStore: n, sessionId: o, configId: s, slug: l, clientId: r }) {
+class H {
+  constructor({ schedulerAPIURL: e, nylasSchedulerStore: i, sessionId: o, configId: s, slug: d, clientId: r }) {
     if (!e)
       throw new Error("schedulerAPIURL is required");
-    if (!n)
+    if (!i)
       throw new Error("nylasSchedulerStore is required");
-    if (!o && !s && !(l || r))
+    if (!o && !s && !(d || 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 = s, this.sessionId = o, this.schedulerAPIURL = e, this.nylasSchedulerStore = n, this.slug = l, this.clientId = r;
+    e === "/" && (e = new URL(window.location.href).origin), this.configId = s, this.sessionId = o, this.schedulerAPIURL = e, this.nylasSchedulerStore = i, this.slug = d, this.clientId = r;
   }
   init() {
-    x("NylasConnector init");
+    E("NylasConnector init");
   }
   get schedulerStore() {
     return this.nylasSchedulerStore;
   }
   get scheduler() {
-    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new F({
+    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new S({
       schedulerAPIURL: this.schedulerAPIURL,
       schedulerStore: this.schedulerStore,
       sessionId: this.sessionId,
@@ -35,120 +35,121 @@ class M {
   }
 }
 const k = (t, e) => {
-  const n = t.isLoading, o = t.showNotification, s = t.nylasBranding;
-  return i(
-    B,
+  const i = t.isLoading, o = t.showNotification, s = t.nylasBranding;
+  return n(
+    D,
     null,
-    o && i("nylas-notification", null),
-    n && i(
+    o && n("nylas-notification", null),
+    i && n(
       "div",
       { class: "loading" },
-      i(
+      n(
         "div",
         { class: "left" },
-        i("div", { class: "skeleton" })
+        n("div", { class: "skeleton" })
       ),
-      i(
+      n(
         "div",
         { class: "right" },
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" })
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" }),
+        n("div", { class: "skeleton" })
       )
     ),
-    !n && e,
-    i("div", { class: "footer" }, s && i(
-      B,
+    !i && e,
+    n("div", { class: "footer" }, s && n(
+      D,
       null,
       "Powered by ",
-      i("nylas-logo", null)
+      n("nylas-logo", null)
     ))
   );
-}, D = (t, e) => i("div", { class: "message-banner" }, e), H = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;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{padding:0.5rem 4px 0;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}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer svg{fill:var(--nylas-base-500)}.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}', U = H, L = { title: c.t("genericErrorTitle"), type: C.Error, category: E.Component }, W = class {
+}, L = (t, e) => n("div", { class: "message-banner" }, e), U = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;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{padding:0.5rem 4px 0;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}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer svg{fill:var(--nylas-base-500)}.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}', W = U, T = { title: h.t("genericErrorTitle"), type: x.Error, category: B.Component }, $ = class {
   constructor(t) {
-    R(this, t), this.init = I(this, "init", 7), this.schedulerWillLoad = I(this, "schedulerWillLoad", 7), this.schedulerDidLoad = I(this, "schedulerDidLoad", 7), this.nylasSchedulerError = I(this, "nylasSchedulerError", 7), this.configSettingsLoaded = I(this, "configSettingsLoaded", 7), this.bookingRefExtracted = I(this, "bookingRefExtracted", 7), this.mode = "app", this.defaultSchedulerState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingRef = void 0, this.cancelBookingRef = void 0, this.organizerConfirmationBookingRef = void 0, this.configurationId = void 0, this.slug = void 0, this.clientId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.localization = void 0, this.showNotification = !0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(void 0, { dateStyle: "full" }) || `${c.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language;
+    z(this, t), this.init = _(this, "init", 7), this.schedulerWillLoad = _(this, "schedulerWillLoad", 7), this.schedulerDidLoad = _(this, "schedulerDidLoad", 7), this.nylasSchedulerError = _(this, "nylasSchedulerError", 7), this.configSettingsLoaded = _(this, "configSettingsLoaded", 7), this.bookingRefExtracted = _(this, "bookingRefExtracted", 7), this.bookedEventInfo = _(this, "bookedEventInfo", 7), this.mode = "app", this.defaultSchedulerState = void 0, this.sessionId = void 0, this.schedulerApiUrl = "https://api.us.nylas.com", this.bookingInfo = void 0, this.rescheduleBookingRef = void 0, this.cancelBookingRef = void 0, this.organizerConfirmationBookingRef = void 0, this.configurationId = void 0, this.slug = void 0, this.clientId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.localization = void 0, this.showNotification = !0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(void 0, { dateStyle: "full" }) || `${h.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language;
   }
   connectedCallback() {
-    x("[nylas-scheduler] connectedCallback");
+    E("[nylas-scheduler] connectedCallback");
   }
   async componentWillLoad() {
-    var s, l;
-    x("[nylas-scheduler] Component will load");
+    var s, d;
+    E("[nylas-scheduler] Component will load");
     const t = this.schedulerWillLoad.emit(this.host);
     if ("schedulerWillLoad" in this.eventOverrides && (await this.eventOverrides.schedulerWillLoad(t, this.nylasSchedulerConnector), t.defaultPrevented))
       return;
     this.stores = {
-      scheduler: P({
+      scheduler: F({
         bookingInfo: this.bookingInfo,
         nylasBranding: this.nylasBranding,
         ...this.defaultSchedulerState
       })
-    }, this.baseProvider = new A(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
+    }, this.baseProvider = new P(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
     let e;
     if (this.rescheduleBookingRef) {
-      const [r, a, d] = w(this.rescheduleBookingRef);
+      const [r, a, l] = I(this.rescheduleBookingRef);
       this.refConfigId = r, this.stores.scheduler.set("rescheduleBookingId", a), e = this.bookingRefExtracted.emit({ configurationId: r, bookingId: a });
     } else if (this.cancelBookingRef) {
-      const [r, a, d] = w(this.cancelBookingRef);
+      const [r, a, l] = I(this.cancelBookingRef);
       this.refConfigId = r, this.stores.scheduler.set("cancelBookingId", a), e = this.bookingRefExtracted.emit({ configurationId: r, bookingId: a });
     } else if (this.organizerConfirmationBookingRef) {
-      const [r, a, d] = w(this.organizerConfirmationBookingRef);
-      this.refConfigId = r, this.stores.scheduler.set("organizerConfirmationBookingId", a), this.stores.scheduler.set("organizerConfirmationSalt", d), e = this.bookingRefExtracted.emit({ configurationId: r, bookingId: a, salt: d });
+      const [r, a, l] = I(this.organizerConfirmationBookingRef);
+      this.refConfigId = r, this.stores.scheduler.set("organizerConfirmationBookingId", a), this.stores.scheduler.set("organizerConfirmationSalt", l), e = this.bookingRefExtracted.emit({ configurationId: r, bookingId: a, salt: l });
     }
     if ("bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(e, this.nylasSchedulerConnector), e.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
       return;
-    const n = (s = this.baseProvider) == null ? void 0 : s.getStore("scheduler");
-    this.nylasSchedulerConnector = new M({
+    const i = (s = this.baseProvider) == null ? void 0 : s.getStore("scheduler");
+    this.nylasSchedulerConnector = new H({
       schedulerAPIURL: this.schedulerApiUrl,
       sessionId: this.sessionId,
       configId: this.refConfigId,
       slug: this.slug,
       clientId: this.clientId,
-      nylasSchedulerStore: n
+      nylasSchedulerStore: i
     });
     const o = this.init.emit(this.host);
-    "init" in this.eventOverrides && (await this.eventOverrides.init(o, this.nylasSchedulerConnector), o.defaultPrevented) || ((l = this.baseProvider) == null || l.componentWillLoad(this.nylasSchedulerConnector), this.applyThemeConfig(this.themeConfig));
+    "init" in this.eventOverrides && (await this.eventOverrides.init(o, this.nylasSchedulerConnector), o.defaultPrevented) || ((d = this.baseProvider) == null || d.componentWillLoad(this.nylasSchedulerConnector), this.applyThemeConfig(this.themeConfig));
   }
   async componentDidLoad() {
-    var d, m, b, h, y, f, u;
-    (d = this.baseProvider) == null || d.componentDidLoad();
+    var l, c, p, g, b, u, m, w;
+    (l = this.baseProvider) == null || l.componentDidLoad();
     const t = this.schedulerDidLoad.emit(this.host);
     if ("schedulerDidLoad" in this.eventOverrides && (await this.eventOverrides.schedulerDidLoad(t, this.nylasSchedulerConnector), t.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
       return;
     this.localizationChanged(this.localization);
-    const e = await ((m = this.nylasSchedulerConnector) == null ? void 0 : m.scheduler.getUISettings());
+    const e = await ((c = this.nylasSchedulerConnector) == null ? void 0 : c.scheduler.getUISettings());
     if (!e || "error" in e)
       this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(e == null ? void 0 : e.error) }, host: this.host });
     else {
-      const g = this.configSettingsLoaded.emit({ settings: e });
-      if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(g, this.nylasSchedulerConnector), g.defaultPrevented))
+      "data" in e && ((p = e.data) != null && p.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 f = this.configSettingsLoaded.emit({ settings: e });
+      if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(f, this.nylasSchedulerConnector), f.defaultPrevented))
         return;
     }
-    const n = (b = this.baseProvider) == null ? void 0 : b.getStore("scheduler"), o = (y = (h = n == null ? void 0 : n.get("configSettings")) == null ? void 0 : h.scheduler) == null ? void 0 : y.available_days_in_future, s = n == null ? void 0 : n.get("selectedTimeslot");
+    const i = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), o = (u = (b = i == null ? void 0 : i.get("configSettings")) == null ? void 0 : b.scheduler) == null ? void 0 : u.available_days_in_future, s = i == null ? void 0 : i.get("selectedTimeslot");
     if (s && (s != null && s.start_time)) {
       if (!this.isTimeslotValid(s))
         return;
-      if (n != null && n.get("showBookingForm")) {
-        n == null || n.set("selectedDate", s.start_time);
+      if (i != null && i.get("showBookingForm")) {
+        i == null || i.set("selectedDate", s.start_time);
         return;
       }
     }
-    const l = n == null ? void 0 : n.get("selectedDate"), r = n == null ? void 0 : n.get("availability");
+    const d = i == null ? void 0 : i.get("selectedDate"), r = i == null ? void 0 : i.get("availability");
     let a;
     if (!(r && r.length > 0)) {
-      if (l) {
-        const { startTime: g, endTime: p, endTimeForAvailableDaysInFuture: _ } = this.validateAvailableDaysInFuture(l, o || 30);
-        l.getTime() < _ * 1e3 && (a = await ((u = this.nylasSchedulerConnector) == null ? void 0 : u.scheduler.getAvailability(g, p)));
+      if (d) {
+        const { startTime: f, endTime: v, endTimeForAvailableDaysInFuture: C } = this.validateAvailableDaysInFuture(d, o || 30);
+        d.getTime() < C * 1e3 && (a = await ((w = this.nylasSchedulerConnector) == null ? void 0 : w.scheduler.getAvailability(f, v)));
       } else {
-        const g = /* @__PURE__ */ new Date(), { startTime: p, endTime: _, endTimeForAvailableDaysInFuture: T } = this.validateAvailableDaysInFuture(g, o || 30);
-        g.getTime() < T * 1e3 && (a = await ((f = this.nylasSchedulerConnector) == null ? void 0 : f.scheduler.getAvailability(p, _)));
+        const f = /* @__PURE__ */ new Date(), { startTime: v, endTime: C, endTimeForAvailableDaysInFuture: R } = this.validateAvailableDaysInFuture(f, o || 30);
+        f.getTime() < R * 1e3 && (a = await ((m = this.nylasSchedulerConnector) == null ? void 0 : m.scheduler.getAvailability(v, C)));
       }
-      if ((!a || "error" in a) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(a == null ? void 0 : a.error) }, host: this.host }), !l) {
-        let g = /* @__PURE__ */ new Date();
-        const p = n == null ? void 0 : n.get("availability").find((_) => new Date(_.start_time) > /* @__PURE__ */ new Date());
-        p && (g = p.start_time), n == null || n.set("selectedDate", g);
+      if ((!a || "error" in a) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(a == null ? void 0 : a.error) }, host: this.host }), !d) {
+        let f = /* @__PURE__ */ new Date();
+        const v = i == null ? void 0 : i.get("availability").find((C) => new Date(C.start_time) > /* @__PURE__ */ new Date());
+        v && (f = v.start_time), i == null || i.set("selectedDate", f);
       }
     }
   }
@@ -161,29 +162,29 @@ const k = (t, e) => {
     (e = this.stores) == null || e.scheduler.set("bookingInfo", t);
   }
   rescheduleBookingRefChanged(t) {
-    var e, n;
+    var e, i;
     if (t) {
-      const [o, s] = w(t);
-      (e = this.stores) == null || e.scheduler.set("rescheduleBookingId", s), this.refConfigId = o, (n = this.nylasSchedulerConnector) == null || n.scheduler.setConfigId(o);
+      const [o, s] = I(t);
+      (e = this.stores) == null || e.scheduler.set("rescheduleBookingId", s), this.refConfigId = o, (i = this.nylasSchedulerConnector) == null || i.scheduler.setConfigId(o);
     }
   }
   cancelBookingRefChanged(t) {
-    var e, n;
+    var e, i;
     if (t) {
-      const [o, s] = w(t);
-      (e = this.stores) == null || e.scheduler.set("cancelBookingId", s), this.refConfigId = o, (n = this.nylasSchedulerConnector) == null || n.scheduler.setConfigId(o);
+      const [o, s] = I(t);
+      (e = this.stores) == null || e.scheduler.set("cancelBookingId", s), this.refConfigId = o, (i = this.nylasSchedulerConnector) == null || i.scheduler.setConfigId(o);
     }
   }
   organizerConfirmationBookingRefChanged(t) {
-    var e, n;
+    var e, i;
     if (t) {
-      const [o, s] = w(t);
-      (e = this.stores) == null || e.scheduler.set("organizerConfirmationBookingId", s), this.refConfigId = o, (n = this.nylasSchedulerConnector) == null || n.scheduler.setConfigId(o);
+      const [o, s] = I(t);
+      (e = this.stores) == null || e.scheduler.set("organizerConfirmationBookingId", s), this.refConfigId = o, (i = this.nylasSchedulerConnector) == null || i.scheduler.setConfigId(o);
     }
   }
   localizationChanged(t) {
     t && Object.keys(t).forEach((e) => {
-      e in S && (c.addResourceBundle(e, "translation", t[e], !1, !0), this.language = this.language);
+      e in j && (h.addResourceBundle(e, "translation", t[e], !1, !0), this.language = this.language);
     });
   }
   themeConfigChanged(t) {
@@ -191,7 +192,7 @@ const k = (t, e) => {
   }
   languageChanged(t) {
     const e = t.detail;
-    this.language = e, c.changeLanguage(e);
+    this.language = e, h.changeLanguage(e);
   }
   async registerComponentHandler(t) {
     var e;
@@ -202,29 +203,33 @@ const k = (t, e) => {
     (e = this.baseProvider) == null || e.unregisterComponent(t.detail);
   }
   async monthChangedHandler(t) {
-    var r, a, d, m, b, h, y;
-    const e = t.detail, n = (m = (d = (a = (r = this.nylasSchedulerConnector) == null ? void 0 : r.schedulerStore) == null ? void 0 : a.get("configSettings")) == null ? void 0 : d.scheduler) == null ? void 0 : m.available_days_in_future, { startTime: o, endTime: s, endTimeForAvailableDaysInFuture: l } = this.validateAvailableDaysInFuture(e, n || 30);
-    if (o < l && e.getTime() < l * 1e3) {
-      const f = await ((b = this.nylasSchedulerConnector) == null ? void 0 : b.scheduler.getAvailability(o, s));
-      (!f || "error" in f) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(f == null ? void 0 : f.error) }, host: this.host });
-      const u = (h = this.stores) == null ? void 0 : h.scheduler.get("selectableDates");
-      u && u.length > 0 && ((y = this.stores) == null || y.scheduler.set("selectedDate", u[0]));
+    var r, a, l, c, p, g, b;
+    const e = t.detail, i = (c = (l = (a = (r = this.nylasSchedulerConnector) == null ? void 0 : r.schedulerStore) == null ? void 0 : a.get("configSettings")) == null ? void 0 : l.scheduler) == null ? void 0 : c.available_days_in_future, { startTime: o, endTime: s, endTimeForAvailableDaysInFuture: d } = this.validateAvailableDaysInFuture(e, i || 30);
+    if (o < d && e.getTime() < d * 1e3) {
+      const u = await ((p = this.nylasSchedulerConnector) == null ? void 0 : p.scheduler.getAvailability(o, s));
+      (!u || "error" in u) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(u == null ? void 0 : u.error) }, host: this.host });
+      const m = (g = this.stores) == null ? void 0 : g.scheduler.get("selectableDates");
+      m && m.length > 0 && ((b = this.stores) == null || b.scheduler.set("selectedDate", m[0]));
     }
   }
   async bookButtonClickedHandler(t) {
-    var s, l, r, a;
-    const n = (l = (s = this.nylasSchedulerConnector) == null ? void 0 : s.schedulerStore) == null ? void 0 : l.get("rescheduleBookingId");
-    if (n) {
-      const d = await ((r = this.nylasSchedulerConnector) == null ? void 0 : r.scheduler.rescheduleBooking(n, t.detail));
-      (!d || "error" in d) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(d == null ? void 0 : d.error) }, host: this.host });
+    var d, r, a, l;
+    const i = (r = (d = this.nylasSchedulerConnector) == null ? void 0 : d.schedulerStore) == null ? void 0 : r.get("rescheduleBookingId");
+    if (i) {
+      const c = await ((a = this.nylasSchedulerConnector) == null ? void 0 : a.scheduler.rescheduleBooking(i, t.detail));
+      (!c || "error" in c) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(c == null ? void 0 : c.error) }, host: this.host });
+      const p = this.bookedEventInfo.emit({ ...c });
+      "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(p, this.nylasSchedulerConnector);
       return;
     }
-    const o = await ((a = this.nylasSchedulerConnector) == null ? void 0 : a.scheduler.bookTimeslot(t.detail));
+    const o = await ((l = this.nylasSchedulerConnector) == null ? void 0 : l.scheduler.bookTimeslot(t.detail));
     (!o || "error" in o) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(o == null ? void 0 : o.error) }, host: this.host });
+    const s = this.bookedEventInfo.emit({ ...o });
+    "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(s, this.nylasSchedulerConnector);
   }
   dateSelectedHandler(t) {
     const e = t.detail;
-    this.selectedDateLabel = e ? e.toLocaleDateString(void 0, { dateStyle: "full" }) : `${c.t("noDateSelected")}`;
+    this.selectedDateLabel = e ? e.toLocaleDateString(void 0, { dateStyle: "full" }) : `${h.t("noDateSelected")}`;
   }
   cancelBookedEventErrorHandler(t) {
     this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
@@ -250,9 +255,9 @@ const k = (t, e) => {
   }
   getErrorObject(t) {
     return {
-      title: (t == null ? void 0 : t.title) || L.title,
-      category: (t == null ? void 0 : t.category) || L.category,
-      type: C.Error,
+      title: (t == null ? void 0 : t.title) || T.title,
+      category: (t == null ? void 0 : t.category) || T.category,
+      type: x.Error,
       description: (t == null ? void 0 : t.message) || "",
       id: (/* @__PURE__ */ new Date()).getTime().toString(),
       ttl: "none"
@@ -261,11 +266,11 @@ const k = (t, e) => {
   checkIfSessionIdOrConfigIdExists() {
     if (!this.sessionId && !this.refConfigId && !(this.slug && this.clientId)) {
       let t = "";
-      return this.sessionId || (t += c.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (t = c.t("sessionIdRequiredErrorMessage") + " " + c.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
+      return this.sessionId || (t += h.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (t = h.t("sessionIdRequiredErrorMessage") + " " + h.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
         notification: {
-          title: c.t("schedulingComponentErrorTitle"),
-          category: E.Component,
-          type: C.Error,
+          title: h.t("schedulingComponentErrorTitle"),
+          category: B.Component,
+          type: x.Error,
           description: t,
           id: (/* @__PURE__ */ new Date()).getTime().toString(),
           ttl: "none"
@@ -278,10 +283,10 @@ const k = (t, e) => {
   isTimeslotValid(t) {
     return new Date(t.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
       notification: {
-        title: c.t("invalidTimeslotErrorTitle"),
-        category: E.Component,
-        type: C.Error,
-        description: c.t("invalidTimeslotErrorMessage"),
+        title: h.t("invalidTimeslotErrorTitle"),
+        category: B.Component,
+        type: x.Error,
+        description: h.t("invalidTimeslotErrorMessage"),
         id: (/* @__PURE__ */ new Date()).getTime().toString(),
         ttl: "none"
       },
@@ -289,39 +294,39 @@ const k = (t, e) => {
     }), !1) : !0;
   }
   validateAvailableDaysInFuture(t, e) {
-    const n = /* @__PURE__ */ new Date(), o = new Date(t.getFullYear(), t.getMonth(), 1).getTime() / 1e3, s = new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() / 1e3, l = Math.floor(z(n, e).getTime() / 1e3), r = Math.min(l, s);
-    return { startTime: o < n.getTime() / 1e3 ? Math.floor(n.getTime() / 1e3) : o, endTime: r, endTimeForAvailableDaysInFuture: l };
+    const i = /* @__PURE__ */ new Date(), o = new Date(t.getFullYear(), t.getMonth(), 1).getTime() / 1e3, s = new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() / 1e3, d = Math.floor(O(i, e).getTime() / 1e3), r = Math.min(d, s);
+    return { startTime: o < i.getTime() / 1e3 ? Math.floor(i.getTime() / 1e3) : o, endTime: r, endTimeForAvailableDaysInFuture: d };
   }
   applyThemeConfig(t) {
     if (t)
-      for (const [e, n] of Object.entries(t))
-        this.host.style.setProperty(`${e}`, n);
+      for (const [e, i] of Object.entries(t))
+        this.host.style.setProperty(`${e}`, i);
   }
   render() {
-    var u, g, p;
-    const t = this.mode === "app", e = (u = this.baseProvider) == null ? void 0 : u.getStore("scheduler"), n = e == null ? void 0 : e.get("eventInfo"), o = e == null ? void 0 : e.get("showBookingForm"), s = e == null ? void 0 : e.get("cancelledEventInfo"), l = e == null ? void 0 : e.get("cancelBookingId"), r = e == null ? void 0 : e.get("selectedTimeslot"), a = e == null ? void 0 : e.get("rescheduleBookingId"), d = e == null ? void 0 : e.get("organizerConfirmationBookingId"), m = e == null ? void 0 : e.get("rejectBookingId"), b = e == null ? void 0 : e.get("confirmedEventInfo"), h = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, y = e == null ? void 0 : e.get("selectedDate"), f = (p = (g = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : g.scheduler) == null ? void 0 : p.confirmation_redirect_url;
-    if (this.selectedDateLabel = y && this.language ? O(y.toLocaleDateString(j[this.language], { dateStyle: "full" })) : `${c.t("noDateSelected")}`, t && (l || m) && !s)
-      return i(v, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, i("nylas-cancel-booking-form", { selectedTimeslot: r, cancelBookingId: l, rejectBookingId: m, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))));
-    if (t && d)
-      return i(v, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, i("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: d, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))));
+    var m, w, f;
+    const t = this.mode === "app", e = (m = this.baseProvider) == null ? void 0 : m.getStore("scheduler"), i = e == null ? void 0 : e.get("eventInfo"), o = e == null ? void 0 : e.get("showBookingForm"), s = e == null ? void 0 : e.get("cancelledEventInfo"), d = e == null ? void 0 : e.get("cancelBookingId"), r = e == null ? void 0 : e.get("selectedTimeslot"), a = e == null ? void 0 : e.get("rescheduleBookingId"), l = e == null ? void 0 : e.get("organizerConfirmationBookingId"), c = e == null ? void 0 : e.get("rejectBookingId"), p = e == null ? void 0 : e.get("confirmedEventInfo"), g = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, b = e == null ? void 0 : e.get("selectedDate"), u = (f = (w = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : w.scheduler) == null ? void 0 : f.confirmation_redirect_url;
+    if (this.selectedDateLabel = b && this.language ? N(b.toLocaleDateString(M[this.language], { dateStyle: "full" })) : `${h.t("noDateSelected")}`, t && (d || c) && !s)
+      return n(y, null, n(k, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, n("nylas-cancel-booking-form", { selectedTimeslot: r, cancelBookingId: d, rejectBookingId: c, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))));
+    if (t && l)
+      return n(y, null, n(k, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, n("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: l, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))));
     if (t && s)
-      return i(v, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, i("nylas-cancelled-event-card", { cancelledEventInfo: s, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))));
-    if (t && b)
-      return i(v, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, i("nylas-confirmed-event-card", { confirmedEventInfo: b, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))));
-    if (t && n && f) {
-      window.location.assign(f);
+      return n(y, null, n(k, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, n("nylas-cancelled-event-card", { cancelledEventInfo: s, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))));
+    if (t && p)
+      return n(y, null, n(k, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, n("nylas-confirmed-event-card", { confirmedEventInfo: p, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))));
+    if (t && i && u) {
+      window.location.assign(u);
       return;
     }
-    if (t && n)
-      return i(v, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "booked-event-page", part: "booked-event-page" }, i("nylas-booked-event-card", { selectedTimeslot: r, eventInfo: n, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))));
-    if (t && (!n || a) && !o) {
-      const _ = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
-      return i(v, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, a && i(D, null, `${c.t("rescheduleTitle")}`), i("div", { class: "select-date-page", part: "select-date-page" }, i("div", { class: "left-panel" }, i("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" }), i("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" })), i("div", { class: `right-panel ${a ? "reschedule" : ""}` }, i("h2", null, i("calendar-icon", null), i("span", { id: "selectedDate" }, this.selectedDateLabel)), i("nylas-timeslot-picker", { exportparts: "ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, _ && i("span", { slot: "timeslot-picker-cta-label" }, i("slot", { name: "timeslot-picker-cta-label" })))))));
+    if (t && i)
+      return n(y, null, n(k, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, n("div", { class: "booked-event-page", part: "booked-event-page" }, n("nylas-booked-event-card", { selectedTimeslot: r, eventInfo: i, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))));
+    if (t && (!i || a) && !o) {
+      const v = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
+      return n(y, null, n(k, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, a && n(L, null, `${h.t("rescheduleTitle")}`), n("div", { class: "select-date-page", part: "select-date-page" }, n("div", { class: "left-panel" }, n("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" }), n("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" })), n("div", { class: `right-panel ${a ? "reschedule" : ""}` }, n("h2", null, n("calendar-icon", null), n("span", { id: "selectedDate" }, this.selectedDateLabel)), n("nylas-timeslot-picker", { exportparts: "ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, v && n("span", { slot: "timeslot-picker-cta-label" }, n("slot", { name: "timeslot-picker-cta-label" })))))));
     }
-    return t && !n && o ? i(v, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, a && i(D, null, `${c.t("rescheduleTitle")}`), i("div", { class: "additional-data-page", part: "additional-data-page" }, i("div", { class: "left-panel" }, i("div", { class: "wrapper" }, i("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), i("div", { class: `right-panel ${a ? "reschedule" : ""}` }, i("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" }))))) : i(v, null, i("slot", null));
+    return t && !i && o ? n(y, null, n(k, { nylasBranding: g, isLoading: this.isLoading, showNotification: this.showNotification }, a && n(L, null, `${h.t("rescheduleTitle")}`), n("div", { class: "additional-data-page", part: "additional-data-page" }, n("div", { class: "left-panel" }, n("div", { class: "wrapper" }, n("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), n("div", { class: `right-panel ${a ? "reschedule" : ""}` }, n("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" }))))) : n(y, null, n("slot", null));
   }
   get host() {
-    return N(this);
+    return A(this);
   }
   static get watchers() {
     return {
@@ -334,7 +339,7 @@ const k = (t, e) => {
     };
   }
 };
-W.style = U;
+$.style = W;
 export {
-  W as nylas_scheduling
+  $ as nylas_scheduling
 };

package/dist/{nylas-threads-refresh.entry-da68039b.js → nylas-threads-refresh.entry-20602e7b.js}

@@ -1,16 +1,16 @@
-import { r as f, c as p, d as i, h as o, H as u } from "./index-eca7f3e2.js";
-import { R as m } from "./register-component-4487ac6f-4b0c1c53.js";
+import { r as f, c as p, d as i, h as o, H as u } from "./index-5ccfd9df.js";
+import { R as m } from "./register-component-887199a9-b41dfa7a.js";
 import "react";
 import "react-dom";
 const g = ":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}", y = g;
-var v = function(t, e, s, a) {
-  var r = arguments.length, n = r < 3 ? e : a === null ? a = Object.getOwnPropertyDescriptor(e, s) : a, h;
+var v = function(t, e, s, r) {
+  var a = arguments.length, n = a < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, s) : r, h;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    n = Reflect.decorate(t, e, s, a);
+    n = Reflect.decorate(t, e, s, r);
   else
     for (var l = t.length - 1; l >= 0; l--)
-      (h = t[l]) && (n = (r < 3 ? h(n) : r > 3 ? h(e, s, n) : h(e, s)) || n);
-  return r > 3 && n && Object.defineProperty(e, s, n), n;
+      (h = t[l]) && (n = (a < 3 ? h(n) : a > 3 ? h(e, s, n) : h(e, s)) || n);
+  return a > 3 && n && Object.defineProperty(e, s, n), n;
 }, c = function(t, e) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(t, e);
@@ -18,8 +18,8 @@ var v = function(t, e, s, a) {
 const d = class {
   constructor(t) {
     f(this, t), this.refresh = p(this, "refresh", 7), this.threshold = 100, this.onTouchStart = (e) => {
-      var s, a, r, n;
-      i("[nylas-threads-refresh] Touch start", e.touches[0].pageY, (s = this.containerElement) == null ? void 0 : s.scrollTop, (a = this.containerElement) == null ? void 0 : a.offsetHeight, (r = this.contentElement) == null ? void 0 : r.scrollTop), ((n = this.containerElement) == null ? void 0 : n.scrollTop) === 0 ? this.start = e.touches[0].pageY : this.start = 0;
+      var s, r, a, n;
+      i("[nylas-threads-refresh] Touch start", e.touches[0].pageY, (s = this.containerElement) == null ? void 0 : s.scrollTop, (r = this.containerElement) == null ? void 0 : r.offsetHeight, (a = this.contentElement) == null ? void 0 : a.scrollTop), ((n = this.containerElement) == null ? void 0 : n.scrollTop) === 0 ? this.start = e.touches[0].pageY : this.start = 0;
     }, this.onTouchMove = (e) => {
       this.start && (e.touches[0].pageY - this.start > this.threshold ? this.pulling = !0 : this.pulling = !1);
     }, this.onTouchEnd = (e) => {
@@ -45,11 +45,11 @@ const d = class {
     this.state = t;
   }
   render() {
-    return o(u, { key: "c36313d0dcfa1f545574737fb74ec0a56d25f10a" }, o("div", { key: "63b2de3c47bcef7c08d9854c346c5a68e509685c", class: "container", ref: (t) => this.containerElement = t }, o("button", { key: "1adfdaff4ef2872918c2cf8d7367ed8fe91a50cb", class: {
+    return o(u, { key: "a3cbbe605d8d26999432651d0d60312647da8f86" }, o("div", { key: "1a59758a0cb17a919b7160fa260d1be527d62376", class: "container", ref: (t) => this.containerElement = t }, o("button", { key: "ed5e199459b3e4810143905c4983d5b1cfd1d755", class: {
       "pull-to-refresh": !0,
       pulling: this.pulling,
       refreshing: this.state === "loading"
-    }, "aria-label": "Refreshing..." }, this.state === "loading" && o("refresh-icon", { slot: "icon" }), this.state !== "loading" && o("arrow-icon", { slot: "icon" })), o("div", { key: "dfd885d7baa59c5af27ed1ad9b81d9066eb65801", class: "content", ref: (t) => this.contentElement = t }, o("slot", { key: "be94e1ad64ba82babf6e6333abffa9a6c65e45e6" }))));
+    }, "aria-label": "Refreshing..." }, this.state === "loading" && o("refresh-icon", { slot: "icon" }), this.state !== "loading" && o("arrow-icon", { slot: "icon" })), o("div", { key: "044db42a017e65e10920661b8f83d7f98ac0fe35", class: "content", ref: (t) => this.contentElement = t }, o("slot", { key: "359a095179a1ef2e5733f843dc140171bc0bddfe" }))));
   }
 };
 v([

package/dist/{nylas-threads-refresh.entry-77015d63.cjs → nylas-threads-refresh.entry-56b53449.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-a3051853.cjs"),d=require("./register-component-4487ac6f-b29bf135.cjs");require("react");require("react-dom");const f=":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",u=f;var p=function(t,e,n,a){var i=arguments.length,r=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,n,a);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(i<3?o(r):i>3?o(e,n,r):o(e,n))||r);return i>3&&r&&Object.defineProperty(e,n,r),r},l=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const c=class{constructor(t){s.registerInstance(this,t),this.refresh=s.createEvent(this,"refresh",7),this.threshold=100,this.onTouchStart=e=>{var n,a,i,r;s.debug("[nylas-threads-refresh] Touch start",e.touches[0].pageY,(n=this.containerElement)==null?void 0:n.scrollTop,(a=this.containerElement)==null?void 0:a.offsetHeight,(i=this.contentElement)==null?void 0:i.scrollTop),((r=this.containerElement)==null?void 0:r.scrollTop)===0?this.start=e.touches[0].pageY:this.start=0},this.onTouchMove=e=>{this.start&&(e.touches[0].pageY-this.start>this.threshold?this.pulling=!0:this.pulling=!1)},this.onTouchEnd=e=>{this.start&&(e.changedTouches[0].pageY-this.start>this.threshold&&(this.pulling=!1,this.refresh.emit({updateState:this.updateState})),this.start=0)},this.start=0,this.state="ready",this.pulling=!1,s.debug("[nylas-threads-refresh] Constructor"),this.updateState=this.updateState.bind(this)}connectedCallback(){}async componentWillLoad(){s.debug("[nylas-threads-refresh] Component will load")}componentDidLoad(){var t,e,n;s.debug("[nylas-threads-refresh] Component did load"),(t=this.containerElement)==null||t.addEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.addEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.addEventListener("touchend",this.onTouchEnd)}disconnectedCallback(){var t,e,n;s.debug("[nylas-threads-refresh] Component disconnected"),(t=this.containerElement)==null||t.removeEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.removeEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.removeEventListener("touchend",this.onTouchEnd)}async updateState(t){this.state=t}render(){return s.h(s.Host,{key:"c36313d0dcfa1f545574737fb74ec0a56d25f10a"},s.h("div",{key:"63b2de3c47bcef7c08d9854c346c5a68e509685c",class:"container",ref:t=>this.containerElement=t},s.h("button",{key:"1adfdaff4ef2872918c2cf8d7367ed8fe91a50cb",class:{"pull-to-refresh":!0,pulling:this.pulling,refreshing:this.state==="loading"},"aria-label":"Refreshing..."},this.state==="loading"&&s.h("refresh-icon",{slot:"icon"}),this.state!=="loading"&&s.h("arrow-icon",{slot:"icon"})),s.h("div",{key:"dfd885d7baa59c5af27ed1ad9b81d9066eb65801",class:"content",ref:t=>this.contentElement=t},s.h("slot",{key:"be94e1ad64ba82babf6e6333abffa9a6c65e45e6"}))))}};p([d.RegisterComponent({name:"nylas-threads-refresh",eventToProps:{refresh:async(t,e)=>{s.debug("[nylas-threads-refresh] Refreshing threads");const{updateState:n}=t.detail;await n("loading"),await e.threads.getThreads(void 0,"overwrite",!1),await n("ready")}},fireRegisterEvent:!0}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],c.prototype,"render",null);c.style=u;exports.nylas_threads_refresh=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-eb33703c.cjs"),c=require("./register-component-887199a9-003f96c5.cjs");require("react");require("react-dom");const f=":host{display:contents}.container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh{display:none;border:0;background-color:transparent;text-align:center;width:100%;justify-content:center}.pulling{position:relative;display:flex;margin:0 auto;padding:1rem}.pulling svg{width:24px;height:24px;color:var(--nylas-color-primary-500);transform:rotate(90deg)}.refreshing{position:relative;display:flex;margin:0 auto;padding:1rem}.refreshing svg{width:24px;height:24px;fill:var(--nylas-color-primary-500);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",u=f;var p=function(t,e,n,a){var i=arguments.length,r=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,n,a);else for(var h=t.length-1;h>=0;h--)(o=t[h])&&(r=(i<3?o(r):i>3?o(e,n,r):o(e,n))||r);return i>3&&r&&Object.defineProperty(e,n,r),r},l=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const d=class{constructor(t){s.registerInstance(this,t),this.refresh=s.createEvent(this,"refresh",7),this.threshold=100,this.onTouchStart=e=>{var n,a,i,r;s.debug("[nylas-threads-refresh] Touch start",e.touches[0].pageY,(n=this.containerElement)==null?void 0:n.scrollTop,(a=this.containerElement)==null?void 0:a.offsetHeight,(i=this.contentElement)==null?void 0:i.scrollTop),((r=this.containerElement)==null?void 0:r.scrollTop)===0?this.start=e.touches[0].pageY:this.start=0},this.onTouchMove=e=>{this.start&&(e.touches[0].pageY-this.start>this.threshold?this.pulling=!0:this.pulling=!1)},this.onTouchEnd=e=>{this.start&&(e.changedTouches[0].pageY-this.start>this.threshold&&(this.pulling=!1,this.refresh.emit({updateState:this.updateState})),this.start=0)},this.start=0,this.state="ready",this.pulling=!1,s.debug("[nylas-threads-refresh] Constructor"),this.updateState=this.updateState.bind(this)}connectedCallback(){}async componentWillLoad(){s.debug("[nylas-threads-refresh] Component will load")}componentDidLoad(){var t,e,n;s.debug("[nylas-threads-refresh] Component did load"),(t=this.containerElement)==null||t.addEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.addEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.addEventListener("touchend",this.onTouchEnd)}disconnectedCallback(){var t,e,n;s.debug("[nylas-threads-refresh] Component disconnected"),(t=this.containerElement)==null||t.removeEventListener("touchstart",this.onTouchStart),(e=this.containerElement)==null||e.removeEventListener("touchmove",this.onTouchMove),(n=this.containerElement)==null||n.removeEventListener("touchend",this.onTouchEnd)}async updateState(t){this.state=t}render(){return s.h(s.Host,{key:"a3cbbe605d8d26999432651d0d60312647da8f86"},s.h("div",{key:"1a59758a0cb17a919b7160fa260d1be527d62376",class:"container",ref:t=>this.containerElement=t},s.h("button",{key:"ed5e199459b3e4810143905c4983d5b1cfd1d755",class:{"pull-to-refresh":!0,pulling:this.pulling,refreshing:this.state==="loading"},"aria-label":"Refreshing..."},this.state==="loading"&&s.h("refresh-icon",{slot:"icon"}),this.state!=="loading"&&s.h("arrow-icon",{slot:"icon"})),s.h("div",{key:"044db42a017e65e10920661b8f83d7f98ac0fe35",class:"content",ref:t=>this.contentElement=t},s.h("slot",{key:"359a095179a1ef2e5733f843dc140171bc0bddfe"}))))}};p([c.RegisterComponent({name:"nylas-threads-refresh",eventToProps:{refresh:async(t,e)=>{s.debug("[nylas-threads-refresh] Refreshing threads");const{updateState:n}=t.detail;await n("loading"),await e.threads.getThreads(void 0,"overwrite",!1),await n("ready")}},fireRegisterEvent:!0}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],d.prototype,"render",null);d.style=u;exports.nylas_threads_refresh=d;

package/dist/{nylas-threads-search.entry-27472aef.js → nylas-threads-search.entry-8872473c.js}

@@ -1,9 +1,9 @@
-import { r as u, c as y, d as h, h as i, H as f } from "./index-eca7f3e2.js";
-import { R as p } from "./register-component-4487ac6f-4b0c1c53.js";
+import { r as u, c as y, d as h, h as i, H as f } from "./index-5ccfd9df.js";
+import { R as p } from "./register-component-887199a9-b41dfa7a.js";
 import "react";
 import "react-dom";
-const m = ":host{display:block}sp-search{width:100%;border:0}", b = m;
-var g = function(t, e, n, r) {
+const m = ":host{display:block}sp-search{width:100%;border:0}", g = m;
+var b = function(t, e, n, r) {
   var s = arguments.length, a = s < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, n) : r, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     a = Reflect.decorate(t, e, n, r);
@@ -37,7 +37,7 @@ const d = class {
     this.internalQuery = this.query;
   }
   render() {
-    return i(f, { key: "5f1dda4be232ac66ba00e0a35b87b4b5f7606e32" }, i("sp-theme", { key: "c1121b0f3139726d56d44887e809c255c96feff9", scale: "medium", color: "dark" }, i("sp-search", { key: "5250e01fd92becd02aff4456b51a6d5162a7ad29", quiet: !0, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery })));
+    return i(f, { key: "b61eeaa00c7e01d06d5b867958ac4979169f20b6" }, i("sp-theme", { key: "52d3212dc5223063e1f3f26cd8a29d555eaa3fac", scale: "medium", color: "dark" }, i("sp-search", { key: "2a15f291ae4a2e118398a01c2ddf68f1912f13fb", quiet: !0, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery })));
   }
   static get watchers() {
     return {
@@ -45,7 +45,7 @@ const d = class {
     };
   }
 };
-g([
+b([
   p({
     name: "nylas-pagination",
     stateToProps: /* @__PURE__ */ new Map([["mailbox.searchQuery", "query"]]),
@@ -63,7 +63,7 @@ g([
   l("design:paramtypes", []),
   l("design:returntype", void 0)
 ], d.prototype, "render", null);
-d.style = b;
+d.style = g;
 export {
   d as nylas_threads_search
 };

package/dist/{nylas-threads-search.entry-8f765c67.cjs → nylas-threads-search.entry-8e0ec3ae.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-a3051853.cjs"),d=require("./register-component-4487ac6f-b29bf135.cjs");require("react");require("react-dom");const u=":host{display:block}sp-search{width:100%;border:0}",y=u;var f=function(t,e,s,n){var o=arguments.length,r=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,s):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,s,n);else for(var i=t.length-1;i>=0;i--)(c=t[i])&&(r=(o<3?c(r):o>3?c(e,s,r):c(e,s))||r);return o>3&&r&&Object.defineProperty(e,s,r),r},l=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const h=class{constructor(t){a.registerInstance(this,t),this.search=a.createEvent(this,"search",7),this.onSearch=async e=>{e.preventDefault(),e.stopPropagation();const n=e.target.value;n!==this.internalQuery&&(this.internalQuery=n,this.search.emit(this.internalQuery))},this.query="",this.internalQuery=""}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){a.debug("[nylas-threads-search] Component will load")}async componentDidLoad(){a.debug("[nylas-threads-search] Component did load")}onQueryChange(){this.internalQuery=this.query}render(){return a.h(a.Host,{key:"5f1dda4be232ac66ba00e0a35b87b4b5f7606e32"},a.h("sp-theme",{key:"c1121b0f3139726d56d44887e809c255c96feff9",scale:"medium",color:"dark"},a.h("sp-search",{key:"5250e01fd92becd02aff4456b51a6d5162a7ad29",quiet:!0,onSubmit:this.onSearch,onBlur:this.onSearch,value:this.internalQuery})))}static get watchers(){return{query:["onQueryChange"]}}};f([d.RegisterComponent({name:"nylas-pagination",stateToProps:new Map([["mailbox.searchQuery","query"]]),eventToProps:{search:async(t,e)=>{await e.threads.getThreads({search_query_native:t.detail||void 0,page_token:void 0})}},fireRegisterEvent:!0}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],h.prototype,"render",null);h.style=y;exports.nylas_threads_search=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-eb33703c.cjs"),d=require("./register-component-887199a9-003f96c5.cjs");require("react");require("react-dom");const u=":host{display:block}sp-search{width:100%;border:0}",y=u;var f=function(t,e,s,n){var o=arguments.length,r=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,s):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,s,n);else for(var i=t.length-1;i>=0;i--)(c=t[i])&&(r=(o<3?c(r):o>3?c(e,s,r):c(e,s))||r);return o>3&&r&&Object.defineProperty(e,s,r),r},l=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const h=class{constructor(t){a.registerInstance(this,t),this.search=a.createEvent(this,"search",7),this.onSearch=async e=>{e.preventDefault(),e.stopPropagation();const n=e.target.value;n!==this.internalQuery&&(this.internalQuery=n,this.search.emit(this.internalQuery))},this.query="",this.internalQuery=""}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){a.debug("[nylas-threads-search] Component will load")}async componentDidLoad(){a.debug("[nylas-threads-search] Component did load")}onQueryChange(){this.internalQuery=this.query}render(){return a.h(a.Host,{key:"b61eeaa00c7e01d06d5b867958ac4979169f20b6"},a.h("sp-theme",{key:"52d3212dc5223063e1f3f26cd8a29d555eaa3fac",scale:"medium",color:"dark"},a.h("sp-search",{key:"2a15f291ae4a2e118398a01c2ddf68f1912f13fb",quiet:!0,onSubmit:this.onSearch,onBlur:this.onSearch,value:this.internalQuery})))}static get watchers(){return{query:["onQueryChange"]}}};f([d.RegisterComponent({name:"nylas-pagination",stateToProps:new Map([["mailbox.searchQuery","query"]]),eventToProps:{search:async(t,e)=>{await e.threads.getThreads({search_query_native:t.detail||void 0,page_token:void 0})}},fireRegisterEvent:!0}),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",void 0)],h.prototype,"render",null);h.style=y;exports.nylas_threads_search=h;