@nylas/react 1.1.0-canary.20 → 1.1.0-canary.22

package/dist/{nylas-scheduling.entry-aefefe3d.js → nylas-scheduling.entry-c79596db.js}

@@ -1,9 +1,10 @@
-import { r as T, c as b, d as w, k as v, l as L, h as i, H as p, g as N, F as C } from "./index-a68236be.js";
-import { n as k, N as R } from "./index.es-9cc0eb3c-e6c5dd2d.js";
-import { E as x, C as A, N as F } from "./scheduler-store-8a400448-8ab7b63e.js";
+import { k as h, r as L, c as k, d as _, l as x, m as A, n as N, h as i, H as m, g as R, F as E } from "./index-5da0aff3.js";
+import { n as I, N as F } from "./index.es-b16d0cf5-b1cecbdd.js";
+import { E as C, C as P, N as S } from "./scheduler-store-db06b30a-cee61c58.js";
+import { L as O } from "./constants-67de2eec-31cbc722.js";
 import "react";
 import "react-dom";
-class P {
+class j {
   constructor({ schedulerAPIURL: e, nylasSchedulerStore: a, sessionId: n, configId: s }) {
     if (!e)
       throw new Error("schedulerAPIURL is required");
@@ -14,13 +15,13 @@ class P {
     e === "/" && (e = new URL(window.location.href).origin), this.configId = s, this.sessionId = n, this.schedulerAPIURL = e, this.nylasSchedulerStore = a;
   }
   init() {
-    w("NylasConnector init");
+    _("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,
@@ -31,10 +32,10 @@ class P {
     this.nylasSchedulerStore.reset();
   }
 }
-const y = (t, e) => {
+const w = (t, e) => {
   const a = t.isLoading, n = t.showNotification, s = t.nylasBranding;
   return i(
-    C,
+    E,
     null,
     n && i("nylas-notification", null),
     a && i(
@@ -57,40 +58,40 @@ const y = (t, e) => {
     ),
     !a && e,
     i("div", { class: "footer" }, s && i(
-      C,
+      E,
       null,
       "Powered by ",
       i("nylas-logo", null)
     ))
   );
-}, E = (t, e) => i("div", { class: "message-banner" }, e), S = ':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 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px 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-top:1rem}.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,.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{background-color:var(--nylas-base-50)}.cancelled-event-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:384px;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}@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}', O = S, D = { title: "Something went wrong...", type: k.Error, category: x.Component }, j = class {
+}, 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 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px 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-top:1rem}.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,.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{background-color:var(--nylas-base-50)}.cancelled-event-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-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}@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}', M = H, B = { title: h.t("genericErrorTitle"), type: I.Error, category: C.Component }, U = class {
   constructor(t) {
-    T(this, t), this.init = b(this, "init", 7), this.schedulerWillLoad = b(this, "schedulerWillLoad", 7), this.schedulerDidLoad = b(this, "schedulerDidLoad", 7), this.nylasSchedulerError = b(this, "nylasSchedulerError", 7), this.bookingRefExtracted = b(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.configurationId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = void 0, this.showNotification = !0, this.automaticComponentRegistration = !0, this.selectedDateLabel = (/* @__PURE__ */ new Date()).toLocaleDateString(void 0, { dateStyle: "full" }) || "No date selected", this.refConfigId = void 0;
+    L(this, t), this.init = k(this, "init", 7), this.schedulerWillLoad = k(this, "schedulerWillLoad", 7), this.schedulerDidLoad = k(this, "schedulerDidLoad", 7), this.nylasSchedulerError = k(this, "nylasSchedulerError", 7), this.bookingRefExtracted = k(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.configurationId = void 0, this.nylasBranding = !0, this.eventOverrides = {}, this.isLoading = void 0, this.themeConfig = 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() {
-    w("[nylas-scheduler] connectedCallback");
+    _("[nylas-scheduler] connectedCallback");
   }
   async componentWillLoad() {
     var a, n;
-    if (w("[nylas-scheduler] Component will load"), this.schedulerWillLoad.emit(this.host).defaultPrevented)
+    if (_("[nylas-scheduler] Component will load"), this.schedulerWillLoad.emit(this.host).defaultPrevented)
       return;
     if (this.stores = {
-      scheduler: A({
+      scheduler: P({
         bookingInfo: this.bookingInfo,
         nylasBranding: this.nylasBranding,
         ...this.defaultSchedulerState
       })
-    }, this.baseProvider = new R(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId, this.rescheduleBookingRef) {
-      const [s, o] = v(this.rescheduleBookingRef);
+    }, this.baseProvider = new F(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId, this.rescheduleBookingRef) {
+      const [s, o] = x(this.rescheduleBookingRef);
       this.refConfigId = s, this.stores.scheduler.set("rescheduleBookingId", o), this.bookingRefExtracted.emit({ configurationId: s, bookingId: o });
     } else if (this.cancelBookingRef) {
-      const [s, o] = v(this.cancelBookingRef);
+      const [s, o] = x(this.cancelBookingRef);
       this.refConfigId = s, this.stores.scheduler.set("cancelBookingId", o), this.bookingRefExtracted.emit({ configurationId: s, bookingId: o });
     }
     if (!this.checkIfSessionIdOrConfigIdExists())
       return;
     const e = (a = this.baseProvider) == null ? void 0 : a.getStore("scheduler");
-    if (this.nylasSchedulerConnector = new P({
+    if (this.nylasSchedulerConnector = new j({
       schedulerAPIURL: this.schedulerApiUrl,
       sessionId: this.sessionId,
       configId: this.refConfigId,
@@ -100,12 +101,12 @@ const y = (t, e) => {
         this.host.style.setProperty(`${s}`, o);
   }
   async componentDidLoad() {
-    var d, l, h, g, c, I, _;
+    var d, l, g, u, p, y, f;
     if ((d = this.baseProvider) == null || d.componentDidLoad(), !this.checkIfSessionIdOrConfigIdExists())
       return;
     const t = await ((l = this.nylasSchedulerConnector) == null ? void 0 : l.scheduler.getUISettings());
-    (!t || "error" in t) && this.nylasSchedulerError.emit({ ...this.getErrorObject(t == null ? void 0 : t.error) });
-    const e = (h = this.baseProvider) == null ? void 0 : h.getStore("scheduler"), a = (c = (g = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : g.scheduler) == null ? void 0 : c.available_days_in_future, n = e == null ? void 0 : e.get("selectedTimeslot");
+    (!t || "error" in t) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t == null ? void 0 : t.error) }, host: this.host });
+    const e = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), a = (p = (u = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : u.scheduler) == null ? void 0 : p.available_days_in_future, n = e == null ? void 0 : e.get("selectedTimeslot");
     if (n && (n != null && n.start_time)) {
       if (!this.isTimeslotValid(n))
         return;
@@ -118,16 +119,16 @@ const y = (t, e) => {
     let r;
     if (!(o && o.length > 0)) {
       if (s) {
-        const { startTime: u, endTime: f, endTimeForAvailableDaysInFuture: m } = this.validateAvailableDaysInFuture(s, a || 30);
-        s.getTime() < m * 1e3 && (r = await ((_ = this.nylasSchedulerConnector) == null ? void 0 : _.scheduler.getAvailability(u, f)));
+        const { startTime: c, endTime: b, endTimeForAvailableDaysInFuture: v } = this.validateAvailableDaysInFuture(s, a || 30);
+        s.getTime() < v * 1e3 && (r = await ((f = this.nylasSchedulerConnector) == null ? void 0 : f.scheduler.getAvailability(c, b)));
       } else {
-        const u = /* @__PURE__ */ new Date(), { startTime: f, endTime: m, endTimeForAvailableDaysInFuture: B } = this.validateAvailableDaysInFuture(u, a || 30);
-        u.getTime() < B * 1e3 && (r = await ((I = this.nylasSchedulerConnector) == null ? void 0 : I.scheduler.getAvailability(f, m)));
+        const c = /* @__PURE__ */ new Date(), { startTime: b, endTime: v, endTimeForAvailableDaysInFuture: T } = this.validateAvailableDaysInFuture(c, a || 30);
+        c.getTime() < T * 1e3 && (r = await ((y = this.nylasSchedulerConnector) == null ? void 0 : y.scheduler.getAvailability(b, v)));
       }
-      if ((!r || "error" in r) && this.nylasSchedulerError.emit({ ...this.getErrorObject(r == null ? void 0 : r.error) }), !s) {
-        let u = /* @__PURE__ */ new Date();
-        const f = e == null ? void 0 : e.get("availability").find((m) => new Date(m.start_time) > /* @__PURE__ */ new Date());
-        f && (u = f.start_time), e == null || e.set("selectedDate", u);
+      if ((!r || "error" in r) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(r == null ? void 0 : r.error) }, host: this.host }), !s) {
+        let c = /* @__PURE__ */ new Date();
+        const b = e == null ? void 0 : e.get("availability").find((v) => new Date(v.start_time) > /* @__PURE__ */ new Date());
+        b && (c = b.start_time), e == null || e.set("selectedDate", c);
       }
     }
   }
@@ -142,17 +143,21 @@ const y = (t, e) => {
   rescheduleBookingRefChanged(t) {
     var e, a;
     if (t) {
-      const [n, s] = v(t);
+      const [n, s] = x(t);
       (e = this.stores) == null || e.scheduler.set("rescheduleBookingId", s), this.refConfigId = n, (a = this.nylasSchedulerConnector) == null || a.scheduler.setConfigId(n);
     }
   }
   cancelBookingRefChanged(t) {
     var e, a;
     if (t) {
-      const [n, s] = v(t);
+      const [n, s] = x(t);
       (e = this.stores) == null || e.scheduler.set("cancelBookingId", s), this.refConfigId = n, (a = this.nylasSchedulerConnector) == null || a.scheduler.setConfigId(n);
     }
   }
+  languageChanged(t) {
+    const e = t.detail;
+    this.language = e, h.changeLanguage(e);
+  }
   async registerComponentHandler(t) {
     var e;
     (e = this.baseProvider) == null || e.registerComponent(t.detail);
@@ -162,11 +167,13 @@ const y = (t, e) => {
     (e = this.baseProvider) == null || e.unregisterComponent(t.detail);
   }
   async monthChangedHandler(t) {
-    var r, d, l, h, g;
-    const e = t.detail, a = (h = (l = (d = (r = this.nylasSchedulerConnector) == null ? void 0 : r.schedulerStore) == null ? void 0 : d.get("configSettings")) == null ? void 0 : l.scheduler) == null ? void 0 : h.available_days_in_future, { startTime: n, endTime: s, endTimeForAvailableDaysInFuture: o } = this.validateAvailableDaysInFuture(e, a || 30);
+    var r, d, l, g, u, p, y;
+    const e = t.detail, a = (g = (l = (d = (r = this.nylasSchedulerConnector) == null ? void 0 : r.schedulerStore) == null ? void 0 : d.get("configSettings")) == null ? void 0 : l.scheduler) == null ? void 0 : g.available_days_in_future, { startTime: n, endTime: s, endTimeForAvailableDaysInFuture: o } = this.validateAvailableDaysInFuture(e, a || 30);
     if (n < o && e.getTime() < o * 1e3) {
-      const c = await ((g = this.nylasSchedulerConnector) == null ? void 0 : g.scheduler.getAvailability(n, s));
-      (!c || "error" in c) && this.nylasSchedulerError.emit({ ...this.getErrorObject(c == null ? void 0 : c.error) });
+      const f = await ((u = this.nylasSchedulerConnector) == null ? void 0 : u.scheduler.getAvailability(n, s));
+      (!f || "error" in f) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(f == null ? void 0 : f.error) }, host: this.host });
+      const c = (p = this.stores) == null ? void 0 : p.scheduler.get("selectableDates");
+      c && c.length > 0 && ((y = this.stores) == null || y.scheduler.set("selectedDate", c[0]));
     }
   }
   async bookButtonClickedHandler(t) {
@@ -174,24 +181,24 @@ const y = (t, e) => {
     const a = (o = (s = this.nylasSchedulerConnector) == null ? void 0 : s.schedulerStore) == null ? void 0 : o.get("rescheduleBookingId");
     if (a) {
       const l = await ((r = this.nylasSchedulerConnector) == null ? void 0 : r.scheduler.rescheduleBooking(a, t.detail));
-      (!l || "error" in l) && this.nylasSchedulerError.emit({ ...this.getErrorObject(l == null ? void 0 : l.error) });
+      (!l || "error" in l) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(l == null ? void 0 : l.error) }, host: this.host });
       return;
     }
     const n = await ((d = this.nylasSchedulerConnector) == null ? void 0 : d.scheduler.bookTimeslot(t.detail));
-    (!n || "error" in n) && this.nylasSchedulerError.emit({ ...this.getErrorObject(n == null ? void 0 : n.error) });
+    (!n || "error" in n) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(n == null ? void 0 : n.error) }, host: this.host });
   }
   dateSelectedHandler(t) {
     const e = t.detail;
-    this.selectedDateLabel = e ? e.toLocaleDateString(void 0, { dateStyle: "full" }) : "No date selected";
+    this.selectedDateLabel = e ? e.toLocaleDateString(void 0, { dateStyle: "full" }) : `${h.t("noDateSelected")}`;
   }
   cancelBookedEventErrorHandler(t) {
-    this.nylasSchedulerError.emit({ ...this.getErrorObject(t.detail.error) });
+    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
   }
   cancelBookedEventValidationErrorHandler(t) {
-    this.nylasSchedulerError.emit({ ...this.getErrorObject(t.detail.error) });
+    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
   }
   rescheduleBookedEventErrorHandler(t) {
-    this.nylasSchedulerError.emit({ ...this.getErrorObject(t.detail.error) });
+    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
   }
   async getNylasSchedulerStore() {
     var t;
@@ -205,9 +212,9 @@ const y = (t, e) => {
   }
   getErrorObject(t) {
     return {
-      title: (t == null ? void 0 : t.title) || D.title,
-      category: (t == null ? void 0 : t.category) || D.category,
-      type: k.Error,
+      title: (t == null ? void 0 : t.title) || B.title,
+      category: (t == null ? void 0 : t.category) || B.category,
+      type: I.Error,
       description: (t == null ? void 0 : t.message) || "",
       id: (/* @__PURE__ */ new Date()).getTime().toString(),
       ttl: "none"
@@ -215,49 +222,51 @@ const y = (t, e) => {
   }
   checkIfSessionIdOrConfigIdExists() {
     return !this.sessionId && !this.refConfigId ? (this.nylasSchedulerError.emit({
-      title: "No sessionId!",
-      category: x.Component,
-      type: k.Error,
-      description: "Session ID is required",
-      id: (/* @__PURE__ */ new Date()).getTime().toString(),
-      ttl: "none"
+      notification: {
+        title: h.t("noSessionIdErrorTitle"),
+        category: C.Component,
+        type: I.Error,
+        description: h.t("noSessionIdErrorMessage"),
+        id: (/* @__PURE__ */ new Date()).getTime().toString(),
+        ttl: "none"
+      },
+      host: this.host
     }), !1) : !0;
   }
   isTimeslotValid(t) {
     return new Date(t.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
-      title: "Invalid tiemslot!",
-      category: x.Component,
-      type: k.Error,
-      description: "The selected timeslot is invalid.",
-      id: (/* @__PURE__ */ new Date()).getTime().toString(),
-      ttl: "none"
+      notification: {
+        title: h.t("invalidTimeslotErrorTitle"),
+        category: C.Component,
+        type: I.Error,
+        description: h.t("invalidTimeslotErrorMessage"),
+        id: (/* @__PURE__ */ new Date()).getTime().toString(),
+        ttl: "none"
+      },
+      host: this.host
     }), !1) : !0;
   }
   validateAvailableDaysInFuture(t, e) {
-    const a = /* @__PURE__ */ new Date(), n = new Date(t.getFullYear(), t.getMonth(), 1).getTime() / 1e3, s = new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() / 1e3, o = Math.floor(L(a, e).getTime() / 1e3), r = Math.min(o, s);
+    const a = /* @__PURE__ */ new Date(), n = new Date(t.getFullYear(), t.getMonth(), 1).getTime() / 1e3, s = new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() / 1e3, o = Math.floor(A(a, e).getTime() / 1e3), r = Math.min(o, s);
     return { startTime: n < a.getTime() / 1e3 ? Math.floor(a.getTime() / 1e3) : n, endTime: r, endTimeForAvailableDaysInFuture: o };
   }
   render() {
-    var g;
-    const t = this.mode === "app", e = (g = this.baseProvider) == null ? void 0 : g.getStore("scheduler"), a = e == null ? void 0 : e.get("eventInfo"), n = e == null ? void 0 : e.get("showBookingForm"), s = e == null ? void 0 : e.get("cancelledEventInfo"), o = e == null ? void 0 : e.get("cancelBookingId"), r = e == null ? void 0 : e.get("selectedTimeslot"), d = e == null ? void 0 : e.get("rescheduleBookingId"), l = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, h = e == null ? void 0 : e.get("selectedDate");
-    if (this.selectedDateLabel = h ? h.toLocaleDateString(void 0, { dateStyle: "full" }) : "No date selected", t && o && !s)
-      return i(p, null, i(y, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, i("nylas-cancel-booking-form", { selectedTimeslot: r, cancelBookingId: o, exportparts: "ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label" }))));
+    var u;
+    const t = this.mode === "app", e = (u = this.baseProvider) == null ? void 0 : u.getStore("scheduler"), a = e == null ? void 0 : e.get("eventInfo"), n = e == null ? void 0 : e.get("showBookingForm"), s = e == null ? void 0 : e.get("cancelledEventInfo"), o = e == null ? void 0 : e.get("cancelBookingId"), r = e == null ? void 0 : e.get("selectedTimeslot"), d = e == null ? void 0 : e.get("rescheduleBookingId"), l = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, g = e == null ? void 0 : e.get("selectedDate");
+    if (this.selectedDateLabel = g && this.language ? N(g.toLocaleDateString(O[this.language], { dateStyle: "full" })) : `${h.t("noDateSelected")}`, t && o && !s)
+      return i(m, null, i(w, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, i("nylas-cancel-booking-form", { selectedTimeslot: r, cancelBookingId: o, exportparts: "ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label" }))));
     if (t && s)
-      return i(p, null, i(y, { nylasBranding: l, 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" }))));
+      return i(m, null, i(w, { nylasBranding: l, 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 && a)
-      return i(p, null, i(y, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "booked-event-page", part: "booked-event-page" }, i("nylas-booked-event-card", { selectedTimeslot: r, eventInfo: a, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))));
+      return i(m, null, i(w, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, i("div", { class: "booked-event-page", part: "booked-event-page" }, i("nylas-booked-event-card", { selectedTimeslot: r, eventInfo: a, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))));
     if (t && (!a || d) && !n) {
-      const c = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
-      return i(p, null, i(y, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, d && i(E, null, "Choose another time slot to reschedule your meeting"), i("div", { class: "select-date-page", part: "select-date-page" }, i("div", { class: "left-panel" }, i("nylas-date-picker", { exportparts: "ndp, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), i("nylas-locale-switch", null)), i("div", { class: "right-panel" }, 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" }, c && i("span", { slot: "timeslot-picker-cta-label" }, i("slot", { name: "timeslot-picker-cta-label" })))))));
-    }
-    if (t && !a && n) {
-      const c = this.host.querySelector('[slot="custom-booking-form"]');
-      return i(p, null, i(y, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, d && i(E, null, "Choose another time slot to reschedule your meeting"), 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" }))), i("div", { class: "right-panel" }, i("nylas-booking-form", { exportparts: "nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline" }, c && i("div", { slot: "custom-booking-form" }, i("slot", { name: "custom-booking-form" })))))));
+      const p = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
+      return i(m, null, i(w, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, d && i(D, null, `${h.t("rescheduleTitle")}`), i("div", { class: "select-date-page", part: "select-date-page" }, i("div", { class: "left-panel" }, i("nylas-date-picker", { exportparts: "ndp, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), i("nylas-locale-switch", null)), i("div", { class: "right-panel" }, 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" }, p && i("span", { slot: "timeslot-picker-cta-label" }, i("slot", { name: "timeslot-picker-cta-label" })))))));
     }
-    return i(p, null, i("slot", null));
+    return t && !a && n ? i(m, null, i(w, { nylasBranding: l, isLoading: this.isLoading, showNotification: this.showNotification }, d && i(D, null, `${h.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" }))), i("div", { class: "right-panel" }, i("nylas-booking-form", { exportparts: "nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline" }))))) : i(m, null, i("slot", null));
   }
   get host() {
-    return N(this);
+    return R(this);
   }
   static get watchers() {
     return {
@@ -267,7 +276,7 @@ const y = (t, e) => {
     };
   }
 };
-j.style = O;
+U.style = M;
 export {
-  j as nylas_scheduling
+  U as nylas_scheduling
 };

package/dist/{nylas-threads-refresh.entry-a85222e2.js → nylas-threads-refresh.entry-e200efb9.js}

@@ -1,5 +1,5 @@
-import { r as f, c as p, d as i, h as o, H as u } from "./index-a68236be.js";
-import { R as m } from "./register-component-a5a9ca5d-ddae10b3.js";
+import { r as f, c as p, d as i, h as o, H as u } from "./index-5da0aff3.js";
+import { R as m } from "./register-component-b2a51b20-ea46761a.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;
@@ -45,11 +45,11 @@ const d = class {
     this.state = t;
   }
   render() {
-    return o(u, { key: "81ae0d8b4628bf87001b99241a1d037a02914de1" }, o("div", { key: "b1459ff6f96d7f91b409bbb677bf9d70a900f8e5", class: "container", ref: (t) => this.containerElement = t }, o("button", { key: "6a114d596026a427518224311d44af229166082c", class: {
+    return o(u, { key: "208a3f1e64e9f7a1a2614fa3e772c5664e3d3109" }, o("div", { key: "36d2e44d491978301c549d62834606f7d46737b3", class: "container", ref: (t) => this.containerElement = t }, o("button", { key: "1f2cbf74de5be69de5eeca22b46e0ba51ac87720", 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: "44af3075217a91669d7d5ae386cde4b8e3c3349d", class: "content", ref: (t) => this.contentElement = t }, o("slot", { key: "79f6deb55632b74cc0c48ab164512ace49de04c7" }))));
+    }, "aria-label": "Refreshing..." }, this.state === "loading" && o("refresh-icon", { slot: "icon" }), this.state !== "loading" && o("arrow-icon", { slot: "icon" })), o("div", { key: "089d5985cbfb0be2d9db820b0039cb29fa7138a9", class: "content", ref: (t) => this.contentElement = t }, o("slot", { key: "8594cea7e7c308acf95aa59d7e8dabfeeb813fc4" }))));
   }
 };
 v([

package/dist/{nylas-threads-refresh.entry-f3b9fdf2.cjs → nylas-threads-refresh.entry-ef2ad409.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-a4831dfe.cjs"),d=require("./register-component-a5a9ca5d-4439e573.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:"81ae0d8b4628bf87001b99241a1d037a02914de1"},s.h("div",{key:"b1459ff6f96d7f91b409bbb677bf9d70a900f8e5",class:"container",ref:t=>this.containerElement=t},s.h("button",{key:"6a114d596026a427518224311d44af229166082c",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:"44af3075217a91669d7d5ae386cde4b8e3c3349d",class:"content",ref:t=>this.contentElement=t},s.h("slot",{key:"79f6deb55632b74cc0c48ab164512ace49de04c7"}))))}};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-26f8bbeb.cjs"),d=require("./register-component-b2a51b20-09664950.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:"208a3f1e64e9f7a1a2614fa3e772c5664e3d3109"},s.h("div",{key:"36d2e44d491978301c549d62834606f7d46737b3",class:"container",ref:t=>this.containerElement=t},s.h("button",{key:"1f2cbf74de5be69de5eeca22b46e0ba51ac87720",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:"089d5985cbfb0be2d9db820b0039cb29fa7138a9",class:"content",ref:t=>this.contentElement=t},s.h("slot",{key:"8594cea7e7c308acf95aa59d7e8dabfeeb813fc4"}))))}};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;

package/dist/{nylas-threads-search.entry-b1bf455b.js → nylas-threads-search.entry-85a0bc7d.js}

@@ -1,15 +1,15 @@
-import { r as u, c as y, d as h, h as i, H as p } from "./index-a68236be.js";
-import { R as f } from "./register-component-a5a9ca5d-ddae10b3.js";
+import { r as u, c as y, d as h, h as i, H as p } from "./index-5da0aff3.js";
+import { R as f } from "./register-component-b2a51b20-ea46761a.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) {
-  var s = arguments.length, a = s < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, n) : r, c;
+  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);
   else
-    for (var o = t.length - 1; o >= 0; o--)
-      (c = t[o]) && (a = (s < 3 ? c(a) : s > 3 ? c(e, n, a) : c(e, n)) || a);
+    for (var c = t.length - 1; c >= 0; c--)
+      (o = t[c]) && (a = (s < 3 ? o(a) : s > 3 ? o(e, n, a) : o(e, n)) || a);
   return s > 3 && a && Object.defineProperty(e, n, a), a;
 }, l = function(t, e) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
@@ -37,7 +37,7 @@ const d = class {
     this.internalQuery = this.query;
   }
   render() {
-    return i(p, { key: "0c80c811e61cb8c622fa19320ea93d6f98146ef1" }, i("sp-theme", { key: "e9ee0938779ab3be25c82c07ab275f5e1fa30d9e", scale: "medium", color: "dark" }, i("sp-search", { key: "d031b80043a03c19a4d8af232ec1ae531700cc7c", quiet: !0, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery })));
+    return i(p, { key: "ab923b1dc0d97e7989c0acb5153b3ef41c564379" }, i("sp-theme", { key: "d51233f46b3551a8e9b62a19a8d48c2e265ed7e6", scale: "medium", color: "dark" }, i("sp-search", { key: "be41fc3866ba0ee6203f0c310f4f544bcdf2e52d", quiet: !0, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery })));
   }
   static get watchers() {
     return {

package/dist/{nylas-threads-search.entry-2c8ac7dc.cjs → nylas-threads-search.entry-a260ce6f.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-a4831dfe.cjs"),u=require("./register-component-a5a9ca5d-4439e573.cjs");require("react");require("react-dom");const d=":host{display:block}sp-search{width:100%;border:0}",y=d;var p=function(t,e,s,n){var c=arguments.length,r=c<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,s):n,o;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--)(o=t[i])&&(r=(c<3?o(r):c>3?o(e,s,r):o(e,s))||r);return c>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:"0c80c811e61cb8c622fa19320ea93d6f98146ef1"},a.h("sp-theme",{key:"e9ee0938779ab3be25c82c07ab275f5e1fa30d9e",scale:"medium",color:"dark"},a.h("sp-search",{key:"d031b80043a03c19a4d8af232ec1ae531700cc7c",quiet:!0,onSubmit:this.onSearch,onBlur:this.onSearch,value:this.internalQuery})))}static get watchers(){return{query:["onQueryChange"]}}};p([u.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-26f8bbeb.cjs"),u=require("./register-component-b2a51b20-09664950.cjs");require("react");require("react-dom");const d=":host{display:block}sp-search{width:100%;border:0}",y=d;var f=function(t,e,s,n){var c=arguments.length,r=c<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,s):n,o;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--)(o=t[i])&&(r=(c<3?o(r):c>3?o(e,s,r):o(e,s))||r);return c>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:"ab923b1dc0d97e7989c0acb5153b3ef41c564379"},a.h("sp-theme",{key:"d51233f46b3551a8e9b62a19a8d48c2e265ed7e6",scale:"medium",color:"dark"},a.h("sp-search",{key:"be41fc3866ba0ee6203f0c310f4f544bcdf2e52d",quiet:!0,onSubmit:this.onSearch,onBlur:this.onSearch,value:this.internalQuery})))}static get watchers(){return{query:["onQueryChange"]}}};f([u.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;

package/dist/{nylas-time-window-picker.entry-6d664a05.js → nylas-time-window-picker.entry-c9b2a7ca.js}

@@ -1,4 +1,4 @@
-import { i as ae, R as C, r as oe, c as X, S as B, T as U, U as G, V as q, h as k, H as he, g as me } from "./index-a68236be.js";
+import { i as ae, U as C, r as oe, c as N, V as Z, W as B, X as G, Y as q, h as k, H as he, g as me } from "./index-5da0aff3.js";
 import "react";
 import "react-dom";
 var J = { exports: {} };
@@ -6,7 +6,7 @@ var J = { exports: {} };
   (function(n, i) {
     e.exports = i();
   })(ae, function() {
-    var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, i = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, r = /\d\d/, o = /\d\d?/, v = /\d*[^-_:/,()\s\d]+/, x = {}, W = function(s) {
+    var n = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, i = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, r = /\d\d/, o = /\d\d?/, v = /\d*[^-_:/,()\s\d]+/, x = {}, U = function(s) {
       return (s = +s) + (s > 68 ? 1900 : 2e3);
     }, l = function(s) {
       return function(a) {
@@ -22,7 +22,7 @@ var J = { exports: {} };
     }], P = function(s) {
       var a = x[s];
       return a && (a.indexOf ? a : a.s.concat(a.f));
-    }, j = function(s, a) {
+    }, X = function(s, a) {
       var h, m = x.meridiem;
       if (m) {
         for (var f = 1; f <= 24; f += 1)
@@ -34,9 +34,9 @@ var J = { exports: {} };
         h = s === (a ? "pm" : "PM");
       return h;
     }, Q = { A: [v, function(s) {
-      this.afternoon = j(s, !1);
+      this.afternoon = X(s, !1);
     }], a: [v, function(s) {
-      this.afternoon = j(s, !0);
+      this.afternoon = X(s, !0);
     }], S: [/\d/, function(s) {
       this.milliseconds = 100 * +s;
     }], SS: [r, function(s) {
@@ -61,7 +61,7 @@ var J = { exports: {} };
         throw new Error();
       this.month = a % 12 || a;
     }], Y: [/[+-]?\d+/, l("year")], YY: [r, function(s) {
-      this.year = W(s);
+      this.year = U(s);
     }], YYYY: [/\d{4}/, l("year")], Z: _, ZZ: _ };
     function ee(s) {
       var a, h;
@@ -95,7 +95,7 @@ var J = { exports: {} };
       };
     }
     return function(s, a, h) {
-      h.p.customParseFormat = !0, s && s.parseTwoDigitYear && (W = s.parseTwoDigitYear);
+      h.p.customParseFormat = !0, s && s.parseTwoDigitYear && (U = s.parseTwoDigitYear);
       var m = a.prototype, f = m.parse;
       m.parse = function(p) {
         var L = p.date, I = p.utc, y = p.args;
@@ -107,10 +107,10 @@ var J = { exports: {} };
             try {
               if (["x", "X"].indexOf(A) > -1)
                 return new Date((A === "X" ? 1e3 : 1) * E);
-              var c = ee(A)(E), Y = c.year, O = c.month, te = c.day, ie = c.hours, se = c.minutes, ne = c.seconds, re = c.milliseconds, N = c.zone, z = /* @__PURE__ */ new Date(), F = te || (Y || O ? 1 : z.getDate()), H = Y || z.getFullYear(), $ = 0;
+              var c = ee(A)(E), Y = c.year, O = c.month, te = c.day, ie = c.hours, se = c.minutes, ne = c.seconds, re = c.milliseconds, j = c.zone, z = /* @__PURE__ */ new Date(), F = te || (Y || O ? 1 : z.getDate()), H = Y || z.getFullYear(), $ = 0;
               Y && !O || ($ = O > 0 ? O - 1 : z.getMonth());
-              var K = ie || 0, R = se || 0, V = ne || 0, Z = re || 0;
-              return N ? new Date(Date.UTC(H, $, F, K, R, V, Z + 60 * N.offset * 1e3)) : M ? new Date(Date.UTC(H, $, F, K, R, V, Z)) : new Date(H, $, F, K, R, V, Z);
+              var K = ie || 0, R = se || 0, V = ne || 0, W = re || 0;
+              return j ? new Date(Date.UTC(H, $, F, K, R, V, W + 60 * j.offset * 1e3)) : M ? new Date(Date.UTC(H, $, F, K, R, V, W)) : new Date(H, $, F, K, R, V, W);
             } catch {
               return /* @__PURE__ */ new Date("");
             }
@@ -135,7 +135,7 @@ const le = J.exports, de = ':host{display:block;position:relative;--nylas-primar
 C.extend(le);
 const ue = class {
   constructor(e) {
-    oe(this, e), this.timeChange = X(this, "timeChange", 7), this.formError = X(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
+    oe(this, e), this.timeChange = N(this, "timeChange", 7), this.formError = N(this, "formError", 7), this.time = void 0, this.minimumStartTime = null, this.placeholder = "hh:mmam/pm", this.name = void 0, this.hasError = !1, this.err = "", this.showTimes = !1, this.ariaActivedescendant = "", this.times = this.generateTimes(), this.shouldAutoScroll = !1;
   }
   handleOutsideClick(e) {
     !e.composedPath().includes(this.el) && this.showTimes && (this.showTimes = !1);
@@ -153,7 +153,7 @@ const ue = class {
   }
   componentDidRender() {
     if (this.showTimes && this.shouldAutoScroll) {
-      const e = B(this.time), t = this.times.findIndex((n) => n.value === e);
+      const e = Z(this.time), t = this.times.findIndex((n) => n.value === e);
       t > -1 && (this.shouldAutoScroll = !1, this.scrollToViewWithinParent(t));
       return;
     }
@@ -163,7 +163,7 @@ const ue = class {
     n[0] === "00" && n[1].slice(-2) == "pm" && (this.err = "Invalid", this.formError.emit({
       key: this.el.id,
       message: "Invalid"
-    })), U(t) ? (this.err = "", this.formError.emit({
+    })), B(t) ? (this.err = "", this.formError.emit({
       key: this.el.id,
       message: ""
     })) : (this.err = "Invalid", this.formError.emit({
@@ -177,7 +177,7 @@ const ue = class {
   handleTimeAutocomplete(e) {
     var n;
     const t = (n = e.target) == null ? void 0 : n.value;
-    if (!U(t)) {
+    if (!B(t)) {
       this.err = "Invalid", this.formError.emit({
         key: this.el.id,
         message: "Invalid"
@@ -193,7 +193,7 @@ const ue = class {
       return;
     }
     if (!q(t)) {
-      const i = B(t);
+      const i = Z(t);
       this.timeChange.emit({
         key: this.el.id,
         value: i
@@ -208,14 +208,14 @@ const ue = class {
   handleOnInput(e) {
     var n;
     const t = (n = e.target) == null ? void 0 : n.value;
-    if (U(t)) {
+    if (B(t)) {
       if (t === "") {
         const i = G().format("hh:mma"), r = this.times.findIndex((o) => o.value === i);
         r > -1 && this.scrollToViewWithinParent(r);
         return;
       }
       if (!q(t)) {
-        const i = B(t), r = this.times.findIndex((o) => o.value === i);
+        const i = Z(t), r = this.times.findIndex((o) => o.value === i);
         r > -1 && this.scrollToViewWithinParent(r);
         return;
       }
@@ -290,7 +290,7 @@ const ue = class {
     i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   render() {
-    return k(he, { key: "0ffd2bd4930bcb5fd19e0e9f4aa930206cd445ef" }, k("div", { key: "94a265377b520768cfe2d755193bd88b6fd76b27", class: "time-picker", part: "time-picker" }, k("input", { key: "957b8e3736cede01bdac8fc4c6050a058b45a717", type: "text", name: this.name, id: this.name, part: "time-input", class: {
+    return k(he, { key: "12d85398908ad2f7599f6bb8f205385e29d02fd8" }, k("div", { key: "3204c12df33c2d1ca51ed410c7a1ba4a8af5aa8a", class: "time-picker", part: "time-picker" }, k("input", { key: "2ab8d78f1f02286df97a0c820e40d836fd4f9e1a", type: "text", name: this.name, id: this.name, part: "time-input", class: {
       "time-input": !0,
       error: !!this.err || this.hasError
     }, ref: (e) => this.timeInput = e, value: this.time, onClick: () => {