@nylas/react 1.1.2 → 1.1.4

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

@@ -1,359 +0,0 @@
-import { k as g, r as R, c as _, d as E, l as I, m as O, n as N, h as i, H as y, g as A, F as D } from "./index-1322d804.js";
-import { n as x, N as P } from "./index.es-79f5b771-04cd3414.js";
-import { E as B, C as F, N as S } from "./scheduler-store-9ff4914b-d1a624f8.js";
-import { L as j, a as M } from "./constants-50c3e067-fed7fb48.js";
-import "react";
-import "react-dom";
-class H {
-  constructor({ schedulerAPIURL: e, nylasSchedulerStore: n, sessionId: a, configId: o, slug: r, clientId: d }) {
-    if (!e)
-      throw new Error("schedulerAPIURL is required");
-    if (!n)
-      throw new Error("nylasSchedulerStore is required");
-    if (!a && !o && !(r || d))
-      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 = o, this.sessionId = a, this.schedulerAPIURL = e, this.nylasSchedulerStore = n, this.slug = r, this.clientId = d;
-  }
-  init() {
-    E("NylasConnector init");
-  }
-  get schedulerStore() {
-    return this.nylasSchedulerStore;
-  }
-  get scheduler() {
-    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new S({
-      schedulerAPIURL: this.schedulerAPIURL,
-      schedulerStore: this.schedulerStore,
-      sessionId: this.sessionId,
-      configId: this.configId,
-      slug: this.slug,
-      clientId: this.clientId
-    }), this._schedulerAPIConnector);
-  }
-  resetStores() {
-    this.nylasSchedulerStore.reset();
-  }
-}
-const k = (t, e) => {
-  const n = t.isLoading, a = t.showNotification, o = t.nylasBranding;
-  return i(
-    D,
-    null,
-    a && i("nylas-notification", null),
-    n && i(
-      "div",
-      { class: "loading" },
-      i(
-        "div",
-        { class: "left" },
-        i("div", { class: "skeleton" })
-      ),
-      i(
-        "div",
-        { class: "right" },
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" }),
-        i("div", { class: "skeleton" })
-      )
-    ),
-    !n && e,
-    i("div", { class: "footer" }, o && i(
-      D,
-      null,
-      "Powered by ",
-      i("nylas-logo", null)
-    ))
-  );
-}, L = (t, e) => i("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: g.t("genericErrorTitle"), type: x.Error, category: B.Component }, $ = class {
-  constructor(t) {
-    R(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" }) || `${g.t("noDateSelected")}`, this.refConfigId = void 0, this.language = navigator.language;
-  }
-  connectedCallback() {
-    E("[nylas-scheduler] connectedCallback");
-  }
-  async componentWillLoad() {
-    var o, r;
-    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: F({
-        bookingInfo: this.bookingInfo,
-        nylasBranding: this.nylasBranding,
-        ...this.defaultSchedulerState
-      })
-    }, this.baseProvider = new P(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.refConfigId = this.configurationId;
-    let e;
-    if (this.rescheduleBookingRef) {
-      const [d, s, l] = I(this.rescheduleBookingRef);
-      this.refConfigId = d, this.stores.scheduler.set("rescheduleBookingId", s), e = this.bookingRefExtracted.emit({ configurationId: d, bookingId: s });
-    } else if (this.cancelBookingRef) {
-      const [d, s, l] = I(this.cancelBookingRef);
-      this.refConfigId = d, this.stores.scheduler.set("cancelBookingId", s), e = this.bookingRefExtracted.emit({ configurationId: d, bookingId: s });
-    } else if (this.organizerConfirmationBookingRef) {
-      const [d, s, l] = I(this.organizerConfirmationBookingRef);
-      this.refConfigId = d, this.stores.scheduler.set("organizerConfirmationBookingId", s), this.stores.scheduler.set("organizerConfirmationSalt", l), e = this.bookingRefExtracted.emit({ configurationId: d, bookingId: s, salt: l });
-    }
-    if ("bookingRefExtracted" in this.eventOverrides && (await this.eventOverrides.bookingRefExtracted(e, this.nylasSchedulerConnector), e.defaultPrevented) || !this.checkIfSessionIdOrConfigIdExists())
-      return;
-    const n = (o = this.baseProvider) == null ? void 0 : o.getStore("scheduler");
-    this.nylasSchedulerConnector = new H({
-      schedulerAPIURL: this.schedulerApiUrl,
-      sessionId: this.sessionId,
-      configId: this.refConfigId,
-      slug: this.slug,
-      clientId: this.clientId,
-      nylasSchedulerStore: n
-    });
-    const a = this.init.emit(this.host);
-    "init" in this.eventOverrides && (await this.eventOverrides.init(a, this.nylasSchedulerConnector), a.defaultPrevented) || ((r = this.baseProvider) == null || r.componentWillLoad(this.nylasSchedulerConnector), this.applyThemeConfig(this.themeConfig));
-  }
-  async componentDidLoad() {
-    var l, p, m, h, c, f, b, 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 ((p = this.nylasSchedulerConnector) == null ? void 0 : p.scheduler.getUISettings());
-    if (!e || "error" in e) {
-      this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(e == null ? void 0 : e.error) }, host: this.host });
-      return;
-    } else {
-      "data" in e && ((m = e.data) != null && m.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 u = this.configSettingsLoaded.emit({ settings: e });
-      if ("configSettingsLoaded" in this.eventOverrides && (await this.eventOverrides.configSettingsLoaded(u, this.nylasSchedulerConnector), u.defaultPrevented))
-        return;
-    }
-    const n = (h = this.baseProvider) == null ? void 0 : h.getStore("scheduler"), a = (f = (c = n == null ? void 0 : n.get("configSettings")) == null ? void 0 : c.scheduler) == null ? void 0 : f.available_days_in_future, o = n == null ? void 0 : n.get("selectedTimeslot");
-    if (o && (o != null && o.start_time)) {
-      if (!this.isTimeslotValid(o))
-        return;
-      if (n != null && n.get("showBookingForm")) {
-        n == null || n.set("selectedDate", o.start_time);
-        return;
-      }
-    }
-    const r = n == null ? void 0 : n.get("selectedDate"), d = n == null ? void 0 : n.get("availability");
-    let s;
-    if (!(d && d.length > 0)) {
-      if (r) {
-        const { startTime: u, endTime: v, endTimeForAvailableDaysInFuture: C } = this.validateAvailableDaysInFuture(r, a || 30);
-        r.getTime() < C * 1e3 && (s = await ((w = this.nylasSchedulerConnector) == null ? void 0 : w.scheduler.getAvailability(u, v)));
-      } else {
-        const u = /* @__PURE__ */ new Date(), { startTime: v, endTime: C, endTimeForAvailableDaysInFuture: z } = this.validateAvailableDaysInFuture(u, a || 30);
-        u.getTime() < z * 1e3 && (s = await ((b = this.nylasSchedulerConnector) == null ? void 0 : b.scheduler.getAvailability(v, C)));
-      }
-      if ((!s || "error" in s) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(s == null ? void 0 : s.error) }, host: this.host }), !r) {
-        let u = /* @__PURE__ */ new Date();
-        const v = n == null ? void 0 : n.get("availability").find((C) => new Date(C.start_time) > /* @__PURE__ */ new Date());
-        v && (u = v.start_time), n == null || n.set("selectedDate", u);
-      }
-    }
-  }
-  componentDisconnected() {
-    var t;
-    (t = this.baseProvider) == null || t.componentDisconnected();
-  }
-  bookingInfoChanged(t) {
-    var e;
-    (e = this.stores) == null || e.scheduler.set("bookingInfo", t);
-  }
-  rescheduleBookingRefChanged(t) {
-    var e, n;
-    if (t) {
-      const [a, o] = I(t);
-      (e = this.stores) == null || e.scheduler.set("rescheduleBookingId", o), this.refConfigId = a, (n = this.nylasSchedulerConnector) == null || n.scheduler.setConfigId(a);
-    }
-  }
-  cancelBookingRefChanged(t) {
-    var e, n;
-    if (t) {
-      const [a, o] = I(t);
-      (e = this.stores) == null || e.scheduler.set("cancelBookingId", o), this.refConfigId = a, (n = this.nylasSchedulerConnector) == null || n.scheduler.setConfigId(a);
-    }
-  }
-  organizerConfirmationBookingRefChanged(t) {
-    var e, n;
-    if (t) {
-      const [a, o] = I(t);
-      (e = this.stores) == null || e.scheduler.set("organizerConfirmationBookingId", o), this.refConfigId = a, (n = this.nylasSchedulerConnector) == null || n.scheduler.setConfigId(a);
-    }
-  }
-  localizationChanged(t) {
-    t && Object.keys(t).forEach((e) => {
-      e in j && (g.addResourceBundle(e, "translation", t[e], !1, !0), this.language = this.language);
-    });
-  }
-  themeConfigChanged(t) {
-    this.applyThemeConfig(t);
-  }
-  languageChanged(t) {
-    const e = t.detail;
-    this.language = e, g.changeLanguage(e);
-  }
-  async registerComponentHandler(t) {
-    var e;
-    (e = this.baseProvider) == null || e.registerComponent(t.detail);
-  }
-  async unregisterComponentHandler(t) {
-    var e;
-    (e = this.baseProvider) == null || e.unregisterComponent(t.detail);
-  }
-  async monthChangedHandler(t) {
-    var d, s, l, p, m, h, c;
-    const e = t.detail, n = (p = (l = (s = (d = this.nylasSchedulerConnector) == null ? void 0 : d.schedulerStore) == null ? void 0 : s.get("configSettings")) == null ? void 0 : l.scheduler) == null ? void 0 : p.available_days_in_future, { startTime: a, endTime: o, endTimeForAvailableDaysInFuture: r } = this.validateAvailableDaysInFuture(e, n || 30);
-    if (a < r && e.getTime() < r * 1e3) {
-      const f = await ((m = this.nylasSchedulerConnector) == null ? void 0 : m.scheduler.getAvailability(a, o));
-      (!f || "error" in f) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(f == null ? void 0 : f.error) }, host: this.host });
-      const b = (h = this.stores) == null ? void 0 : h.scheduler.get("selectableDates");
-      b && b.length > 0 && ((c = this.stores) == null || c.scheduler.set("selectedDate", b[0]));
-    }
-  }
-  mapToBookingData(t) {
-    var d, s, l;
-    const e = (d = this.stores) == null ? void 0 : d.scheduler.get("selectedTimeslot"), n = (s = this.stores) == null ? void 0 : s.scheduler.get("selectedLanguage"), a = (l = this.stores) == null ? void 0 : l.scheduler.get("selectedTimezone"), o = e != null && e.start_time ? new Date(e == null ? void 0 : e.start_time).getTime() / 1e3 : "", r = e != null && e.end_time ? new Date(e == null ? void 0 : e.end_time).getTime() / 1e3 : "";
-    return {
-      additional_guests: t.guests,
-      guest: t.primaryParticipant,
-      additional_fields: t.additionalFields,
-      start_time: o,
-      end_time: r,
-      email_language: n,
-      timezone: a
-    };
-  }
-  async bookButtonClickedHandler(t) {
-    var l, p, m, h;
-    const e = t.detail, n = this.mapToBookingData(e), o = (p = (l = this.nylasSchedulerConnector) == null ? void 0 : l.schedulerStore) == null ? void 0 : p.get("rescheduleBookingId");
-    if (o) {
-      const c = await ((m = this.nylasSchedulerConnector) == null ? void 0 : m.scheduler.rescheduleBooking(o, e));
-      (!c || "error" in c) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(c == null ? void 0 : c.error) }, host: this.host });
-      const f = c == null ? void 0 : c.data, b = this.bookedEventInfo.emit({ ...c, data: { ...f, ...n } });
-      "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(b, this.nylasSchedulerConnector);
-      return;
-    }
-    const r = await ((h = this.nylasSchedulerConnector) == null ? void 0 : h.scheduler.bookTimeslot(e));
-    (!r || "error" in r) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(r == null ? void 0 : r.error) }, host: this.host });
-    const d = r == null ? void 0 : r.data, s = this.bookedEventInfo.emit({ ...r, data: { ...d, ...n } });
-    "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" }) : `${g.t("noDateSelected")}`;
-  }
-  cancelBookedEventErrorHandler(t) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
-  }
-  cancelBookedEventValidationErrorHandler(t) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
-  }
-  rescheduleBookedEventErrorHandler(t) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
-  }
-  confirmBookingErrorHandler(t) {
-    this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(t.detail.error) }, host: this.host });
-  }
-  async getNylasSchedulerStore() {
-    var t;
-    return (t = this.baseProvider) == null ? void 0 : t.getStore("scheduler");
-  }
-  async getNylasSchedulerConnector() {
-    return this.nylasSchedulerConnector;
-  }
-  async getRef() {
-    return this.host;
-  }
-  getErrorObject(t) {
-    return {
-      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"
-    };
-  }
-  checkIfSessionIdOrConfigIdExists() {
-    if (!this.sessionId && !this.refConfigId && !(this.slug && this.clientId)) {
-      let t = "";
-      return this.sessionId || (t += g.t("sessionIdRequiredErrorMessage")), !this.sessionId && !this.refConfigId && !(this.slug && this.clientId) && (t = g.t("sessionIdRequiredErrorMessage") + " " + g.t("publicConfigErrorMessage")), this.nylasSchedulerError.emit({
-        notification: {
-          title: g.t("schedulingComponentErrorTitle"),
-          category: B.Component,
-          type: x.Error,
-          description: t,
-          id: (/* @__PURE__ */ new Date()).getTime().toString(),
-          ttl: "none"
-        },
-        host: this.host
-      }), !1;
-    }
-    return !0;
-  }
-  isTimeslotValid(t) {
-    return new Date(t.start_time) < /* @__PURE__ */ new Date() ? (this.nylasSchedulerError.emit({
-      notification: {
-        title: g.t("invalidTimeslotErrorTitle"),
-        category: B.Component,
-        type: x.Error,
-        description: g.t("invalidTimeslotErrorMessage"),
-        id: (/* @__PURE__ */ new Date()).getTime().toString(),
-        ttl: "none"
-      },
-      host: this.host
-    }), !1) : !0;
-  }
-  validateAvailableDaysInFuture(t, e) {
-    const n = /* @__PURE__ */ new Date(), a = new Date(t.getFullYear(), t.getMonth(), 1).getTime() / 1e3, o = new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() / 1e3, r = Math.floor(O(n, e).getTime() / 1e3), d = Math.min(r, o);
-    return { startTime: a < n.getTime() / 1e3 ? Math.floor(n.getTime() / 1e3) : a, endTime: d, endTimeForAvailableDaysInFuture: r };
-  }
-  applyThemeConfig(t) {
-    if (t)
-      for (const [e, n] of Object.entries(t))
-        this.host.style.setProperty(`${e}`, n);
-  }
-  render() {
-    var b, w, u;
-    const t = this.mode === "app", e = (b = this.baseProvider) == null ? void 0 : b.getStore("scheduler"), n = e == null ? void 0 : e.get("eventInfo"), a = e == null ? void 0 : e.get("showBookingForm"), o = e == null ? void 0 : e.get("cancelledEventInfo"), r = e == null ? void 0 : e.get("cancelBookingId"), d = e == null ? void 0 : e.get("selectedTimeslot"), s = e == null ? void 0 : e.get("rescheduleBookingId"), l = e == null ? void 0 : e.get("organizerConfirmationBookingId"), p = e == null ? void 0 : e.get("rejectBookingId"), m = e == null ? void 0 : e.get("confirmedEventInfo"), h = (e == null ? void 0 : e.get("nylasBranding")) || this.nylasBranding, c = e == null ? void 0 : e.get("selectedDate"), f = (u = (w = e == null ? void 0 : e.get("configSettings")) == null ? void 0 : w.scheduler) == null ? void 0 : u.confirmation_redirect_url;
-    if (this.selectedDateLabel = c && this.language ? N(c.toLocaleDateString(M[this.language], { dateStyle: "full" })) : `${g.t("noDateSelected")}`, t && (r || p) && !o)
-      return i(y, 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: d, cancelBookingId: r, rejectBookingId: p, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))));
-    if (t && l)
-      return i(y, 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: l, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))));
-    if (t && o)
-      return i(y, 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: o, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))));
-    if (t && m)
-      return i(y, 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: m, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))));
-    if (t && n && f) {
-      window.location.assign(f);
-      return;
-    }
-    if (t && n)
-      return i(y, 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: d, eventInfo: n, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))));
-    if (t && (!n || s) && !a) {
-      const v = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
-      return i(y, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, s && i(L, null, `${g.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 ${s ? "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" }, v && i("span", { slot: "timeslot-picker-cta-label" }, i("slot", { name: "timeslot-picker-cta-label" })))))));
-    }
-    return t && !n && a ? i(y, null, i(k, { nylasBranding: h, isLoading: this.isLoading, showNotification: this.showNotification }, s && i(L, null, `${g.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 ${s ? "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(y, null, i("slot", null));
-  }
-  get host() {
-    return A(this);
-  }
-  static get watchers() {
-    return {
-      bookingInfo: ["bookingInfoChanged"],
-      rescheduleBookingRef: ["rescheduleBookingRefChanged"],
-      cancelBookingRef: ["cancelBookingRefChanged"],
-      organizerConfirmationBookingRef: ["organizerConfirmationBookingRefChanged"],
-      localization: ["localizationChanged"],
-      themeConfig: ["themeConfigChanged"]
-    };
-  }
-};
-$.style = W;
-export {
-  $ as nylas_scheduling
-};

package/dist/nylas-scheduling.entry-dc92d5e7.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-c4e817ef.cjs"),I=require("./index.es-79f5b771-08cc349d.cjs"),k=require("./scheduler-store-9ff4914b-63dc472a.cjs"),w=require("./constants-50c3e067-1fe54cf3.cjs");require("react");require("react-dom");class B{constructor({schedulerAPIURL:e,nylasSchedulerStore:i,sessionId:a,configId:o,slug:r,clientId:d}){if(!e)throw new Error("schedulerAPIURL is required");if(!i)throw new Error("nylasSchedulerStore is required");if(!a&&!o&&!(r||d))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=o,this.sessionId=a,this.schedulerAPIURL=e,this.nylasSchedulerStore=i,this.slug=r,this.clientId=d}init(){t.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new k.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId,configId:this.configId,slug:this.slug,clientId:this.clientId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}const v=(n,e)=>{const i=n.isLoading,a=n.showNotification,o=n.nylasBranding;return t.h(t.Fragment,null,a&&t.h("nylas-notification",null),i&&t.h("div",{class:"loading"},t.h("div",{class:"left"},t.h("div",{class:"skeleton"})),t.h("div",{class:"right"},t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}))),!i&&e,t.h("div",{class:"footer"},o&&t.h(t.Fragment,null,"Powered by ",t.h("nylas-logo",null))))},C=(n,e)=>t.h("div",{class:"message-banner"},e),T=':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}',L=T,x={title:t.instance.t("genericErrorTitle"),type:I.nr.Error,category:k.ErrorCategory.Component},E=class{constructor(n){t.registerInstance(this,n),this.init=t.createEvent(this,"init",7),this.schedulerWillLoad=t.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=t.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=t.createEvent(this,"nylasSchedulerError",7),this.configSettingsLoaded=t.createEvent(this,"configSettingsLoaded",7),this.bookingRefExtracted=t.createEvent(this,"bookingRefExtracted",7),this.bookedEventInfo=t.createEvent(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=new Date().toLocaleDateString(void 0,{dateStyle:"full"})||`${t.instance.t("noDateSelected")}`,this.refConfigId=void 0,this.language=navigator.language}connectedCallback(){t.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var o,r;t.debug("[nylas-scheduler] Component will load");const n=this.schedulerWillLoad.emit(this.host);if("schedulerWillLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerWillLoad(n,this.nylasSchedulerConnector),n.defaultPrevented))return;this.stores={scheduler:k.CreateNylasSchedulerStore({bookingInfo:this.bookingInfo,nylasBranding:this.nylasBranding,...this.defaultSchedulerState})},this.baseProvider=new I.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.refConfigId=this.configurationId;let e;if(this.rescheduleBookingRef){const[d,s,l]=t.compactStringToUUIDs(this.rescheduleBookingRef);this.refConfigId=d,this.stores.scheduler.set("rescheduleBookingId",s),e=this.bookingRefExtracted.emit({configurationId:d,bookingId:s})}else if(this.cancelBookingRef){const[d,s,l]=t.compactStringToUUIDs(this.cancelBookingRef);this.refConfigId=d,this.stores.scheduler.set("cancelBookingId",s),e=this.bookingRefExtracted.emit({configurationId:d,bookingId:s})}else if(this.organizerConfirmationBookingRef){const[d,s,l]=t.compactStringToUUIDs(this.organizerConfirmationBookingRef);this.refConfigId=d,this.stores.scheduler.set("organizerConfirmationBookingId",s),this.stores.scheduler.set("organizerConfirmationSalt",l),e=this.bookingRefExtracted.emit({configurationId:d,bookingId:s,salt:l})}if("bookingRefExtracted"in this.eventOverrides&&(await this.eventOverrides.bookingRefExtracted(e,this.nylasSchedulerConnector),e.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;const i=(o=this.baseProvider)==null?void 0:o.getStore("scheduler");this.nylasSchedulerConnector=new B({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,configId:this.refConfigId,slug:this.slug,clientId:this.clientId,nylasSchedulerStore:i});const a=this.init.emit(this.host);"init"in this.eventOverrides&&(await this.eventOverrides.init(a,this.nylasSchedulerConnector),a.defaultPrevented)||((r=this.baseProvider)==null||r.componentWillLoad(this.nylasSchedulerConnector),this.applyThemeConfig(this.themeConfig))}async componentDidLoad(){var l,u,p,h,c,g,m,y;(l=this.baseProvider)==null||l.componentDidLoad();const n=this.schedulerDidLoad.emit(this.host);if("schedulerDidLoad"in this.eventOverrides&&(await this.eventOverrides.schedulerDidLoad(n,this.nylasSchedulerConnector),n.defaultPrevented)||!this.checkIfSessionIdOrConfigIdExists())return;this.localizationChanged(this.localization);const e=await((u=this.nylasSchedulerConnector)==null?void 0:u.scheduler.getUISettings());if(!e||"error"in e){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(e==null?void 0:e.error)},host:this.host});return}else{"data"in e&&((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 i=(h=this.baseProvider)==null?void 0:h.getStore("scheduler"),a=(g=(c=i==null?void 0:i.get("configSettings"))==null?void 0:c.scheduler)==null?void 0:g.available_days_in_future,o=i==null?void 0:i.get("selectedTimeslot");if(o&&(o!=null&&o.start_time)){if(!this.isTimeslotValid(o))return;if(i!=null&&i.get("showBookingForm")){i==null||i.set("selectedDate",o.start_time);return}}const r=i==null?void 0:i.get("selectedDate"),d=i==null?void 0:i.get("availability");let s;if(!(d&&d.length>0)){if(r){const{startTime:f,endTime:b,endTimeForAvailableDaysInFuture:_}=this.validateAvailableDaysInFuture(r,a||30);r.getTime()<_*1e3&&(s=await((y=this.nylasSchedulerConnector)==null?void 0:y.scheduler.getAvailability(f,b)))}else{const f=new Date,{startTime:b,endTime:_,endTimeForAvailableDaysInFuture:D}=this.validateAvailableDaysInFuture(f,a||30);f.getTime()<D*1e3&&(s=await((m=this.nylasSchedulerConnector)==null?void 0:m.scheduler.getAvailability(b,_)))}if((!s||"error"in s)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(s==null?void 0:s.error)},host:this.host}),!r){let f=new Date;const b=i==null?void 0:i.get("availability").find(_=>new Date(_.start_time)>new Date);b&&(f=b.start_time),i==null||i.set("selectedDate",f)}}}componentDisconnected(){var n;(n=this.baseProvider)==null||n.componentDisconnected()}bookingInfoChanged(n){var e;(e=this.stores)==null||e.scheduler.set("bookingInfo",n)}rescheduleBookingRefChanged(n){var e,i;if(n){const[a,o]=t.compactStringToUUIDs(n);(e=this.stores)==null||e.scheduler.set("rescheduleBookingId",o),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}cancelBookingRefChanged(n){var e,i;if(n){const[a,o]=t.compactStringToUUIDs(n);(e=this.stores)==null||e.scheduler.set("cancelBookingId",o),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}organizerConfirmationBookingRefChanged(n){var e,i;if(n){const[a,o]=t.compactStringToUUIDs(n);(e=this.stores)==null||e.scheduler.set("organizerConfirmationBookingId",o),this.refConfigId=a,(i=this.nylasSchedulerConnector)==null||i.scheduler.setConfigId(a)}}localizationChanged(n){n&&Object.keys(n).forEach(e=>{e in w.LANGUAGE_CODE&&(t.instance.addResourceBundle(e,"translation",n[e],!1,!0),this.language=this.language)})}themeConfigChanged(n){this.applyThemeConfig(n)}languageChanged(n){const e=n.detail;this.language=e,t.instance.changeLanguage(e)}async registerComponentHandler(n){var e;(e=this.baseProvider)==null||e.registerComponent(n.detail)}async unregisterComponentHandler(n){var e;(e=this.baseProvider)==null||e.unregisterComponent(n.detail)}async monthChangedHandler(n){var d,s,l,u,p,h,c;const e=n.detail,i=(u=(l=(s=(d=this.nylasSchedulerConnector)==null?void 0:d.schedulerStore)==null?void 0:s.get("configSettings"))==null?void 0:l.scheduler)==null?void 0:u.available_days_in_future,{startTime:a,endTime:o,endTimeForAvailableDaysInFuture:r}=this.validateAvailableDaysInFuture(e,i||30);if(a<r&&e.getTime()<r*1e3){const g=await((p=this.nylasSchedulerConnector)==null?void 0:p.scheduler.getAvailability(a,o));(!g||"error"in g)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(g==null?void 0:g.error)},host:this.host});const m=(h=this.stores)==null?void 0:h.scheduler.get("selectableDates");m&&m.length>0&&((c=this.stores)==null||c.scheduler.set("selectedDate",m[0]))}}mapToBookingData(n){var d,s,l;const e=(d=this.stores)==null?void 0:d.scheduler.get("selectedTimeslot"),i=(s=this.stores)==null?void 0:s.scheduler.get("selectedLanguage"),a=(l=this.stores)==null?void 0:l.scheduler.get("selectedTimezone"),o=e!=null&&e.start_time?new Date(e==null?void 0:e.start_time).getTime()/1e3:"",r=e!=null&&e.end_time?new Date(e==null?void 0:e.end_time).getTime()/1e3:"";return{additional_guests:n.guests,guest:n.primaryParticipant,additional_fields:n.additionalFields,start_time:o,end_time:r,email_language:i,timezone:a}}async bookButtonClickedHandler(n){var l,u,p,h;const e=n.detail,i=this.mapToBookingData(e),o=(u=(l=this.nylasSchedulerConnector)==null?void 0:l.schedulerStore)==null?void 0:u.get("rescheduleBookingId");if(o){const c=await((p=this.nylasSchedulerConnector)==null?void 0:p.scheduler.rescheduleBooking(o,e));(!c||"error"in c)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(c==null?void 0:c.error)},host:this.host});const g=c==null?void 0:c.data,m=this.bookedEventInfo.emit({...c,data:{...g,...i}});"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(m,this.nylasSchedulerConnector);return}const r=await((h=this.nylasSchedulerConnector)==null?void 0:h.scheduler.bookTimeslot(e));(!r||"error"in r)&&this.nylasSchedulerError.emit({notification:{...this.getErrorObject(r==null?void 0:r.error)},host:this.host});const d=r==null?void 0:r.data,s=this.bookedEventInfo.emit({...r,data:{...d,...i}});"bookedEventInfo"in this.eventOverrides&&await this.eventOverrides.bookedEventInfo(s,this.nylasSchedulerConnector)}dateSelectedHandler(n){const e=n.detail;this.selectedDateLabel=e?e.toLocaleDateString(void 0,{dateStyle:"full"}):`${t.instance.t("noDateSelected")}`}cancelBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}cancelBookedEventValidationErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}rescheduleBookedEventErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}confirmBookingErrorHandler(n){this.nylasSchedulerError.emit({notification:{...this.getErrorObject(n.detail.error)},host:this.host})}async getNylasSchedulerStore(){var n;return(n=this.baseProvider)==null?void 0:n.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(n){return{title:(n==null?void 0:n.title)||x.title,category:(n==null?void 0:n.category)||x.category,type:I.nr.Error,description:(n==null?void 0:n.message)||"",id:new Date().getTime().toString(),ttl:"none"}}checkIfSessionIdOrConfigIdExists(){if(!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)){let n="";return this.sessionId||(n+=t.instance.t("sessionIdRequiredErrorMessage")),!this.sessionId&&!this.refConfigId&&!(this.slug&&this.clientId)&&(n=t.instance.t("sessionIdRequiredErrorMessage")+" "+t.instance.t("publicConfigErrorMessage")),this.nylasSchedulerError.emit({notification:{title:t.instance.t("schedulingComponentErrorTitle"),category:k.ErrorCategory.Component,type:I.nr.Error,description:n,id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1}return!0}isTimeslotValid(n){return new Date(n.start_time)<new Date?(this.nylasSchedulerError.emit({notification:{title:t.instance.t("invalidTimeslotErrorTitle"),category:k.ErrorCategory.Component,type:I.nr.Error,description:t.instance.t("invalidTimeslotErrorMessage"),id:new Date().getTime().toString(),ttl:"none"},host:this.host}),!1):!0}validateAvailableDaysInFuture(n,e){const i=new Date,a=new Date(n.getFullYear(),n.getMonth(),1).getTime()/1e3,o=new Date(n.getFullYear(),n.getMonth()+1,1).getTime()/1e3,r=Math.floor(t.addDaysToCurrentDate(i,e).getTime()/1e3),d=Math.min(r,o);return{startTime:a<i.getTime()/1e3?Math.floor(i.getTime()/1e3):a,endTime:d,endTimeForAvailableDaysInFuture:r}}applyThemeConfig(n){if(n)for(const[e,i]of Object.entries(n))this.host.style.setProperty(`${e}`,i)}render(){var m,y,f;const n=this.mode==="app",e=(m=this.baseProvider)==null?void 0:m.getStore("scheduler"),i=e==null?void 0:e.get("eventInfo"),a=e==null?void 0:e.get("showBookingForm"),o=e==null?void 0:e.get("cancelledEventInfo"),r=e==null?void 0:e.get("cancelBookingId"),d=e==null?void 0:e.get("selectedTimeslot"),s=e==null?void 0:e.get("rescheduleBookingId"),l=e==null?void 0:e.get("organizerConfirmationBookingId"),u=e==null?void 0:e.get("rejectBookingId"),p=e==null?void 0:e.get("confirmedEventInfo"),h=(e==null?void 0:e.get("nylasBranding"))||this.nylasBranding,c=e==null?void 0:e.get("selectedDate"),g=(f=(y=e==null?void 0:e.get("configSettings"))==null?void 0:y.scheduler)==null?void 0:f.confirmation_redirect_url;if(this.selectedDateLabel=c&&this.language?t.capitalizeFirstLetter(c.toLocaleDateString(w.LANGUAGE_CODE_MAP[this.language],{dateStyle:"full"})):`${t.instance.t("noDateSelected")}`,n&&(r||u)&&!o)return t.h(t.Host,null,t.h(v,{nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},t.h("nylas-cancel-booking-form",{selectedTimeslot:d,cancelBookingId:r,rejectBookingId:u,exportparts:"ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card"}))));if(n&&l)return t.h(t.Host,null,t.h(v,{nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"manual-confirmation-page",part:"manual-confirmation-page"},t.h("nylas-organizer-confirmation-card",{organizerConfirmationBookingId:l,exportparts:"nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline"}))));if(n&&o)return t.h(t.Host,null,t.h(v,{nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},t.h("nylas-cancelled-event-card",{cancelledEventInfo:o,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))));if(n&&p)return t.h(t.Host,null,t.h(v,{nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancelled-event-page",part:"confirmed-event-page"},t.h("nylas-confirmed-event-card",{confirmedEventInfo:p,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))));if(n&&i&&g){window.location.assign(g);return}if(n&&i)return t.h(t.Host,null,t.h(v,{nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"booked-event-page",part:"booked-event-page"},t.h("nylas-booked-event-card",{selectedTimeslot:d,eventInfo:i,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))));if(n&&(!i||s)&&!a){const b=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return t.h(t.Host,null,t.h(v,{nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},s&&t.h(C,null,`${t.instance.t("rescheduleTitle")}`),t.h("div",{class:"select-date-page",part:"select-date-page"},t.h("div",{class:"left-panel"},t.h("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"}),t.h("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"})),t.h("div",{class:`right-panel ${s?"reschedule":""}`},t.h("h2",null,t.h("calendar-icon",null),t.h("span",{id:"selectedDate"},this.selectedDateLabel)),t.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},b&&t.h("span",{slot:"timeslot-picker-cta-label"},t.h("slot",{name:"timeslot-picker-cta-label"})))))))}return n&&!i&&a?t.h(t.Host,null,t.h(v,{nylasBranding:h,isLoading:this.isLoading,showNotification:this.showNotification},s&&t.h(C,null,`${t.instance.t("rescheduleTitle")}`),t.h("div",{class:"additional-data-page",part:"additional-data-page"},t.h("div",{class:"left-panel"},t.h("div",{class:"wrapper"},t.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone"}))),t.h("div",{class:`right-panel ${s?"reschedule":""}`},t.h("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"}))))):t.h(t.Host,null,t.h("slot",null))}get host(){return t.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"],rescheduleBookingRef:["rescheduleBookingRefChanged"],cancelBookingRef:["cancelBookingRefChanged"],organizerConfirmationBookingRef:["organizerConfirmationBookingRefChanged"],localization:["localizationChanged"],themeConfig:["themeConfigChanged"]}}};E.style=L;exports.nylas_scheduling=E;

package/dist/nylas-threads-refresh.entry-45d7d171.js

@@ -1,74 +0,0 @@
-import { r as f, c as p, d as i, h as o, H as u } from "./index-1322d804.js";
-import { R as m } from "./register-component-ea95564d-843da1da.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, 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, r);
-  else
-    for (var l = t.length - 1; l >= 0; l--)
-      (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);
-};
-const d = class {
-  constructor(t) {
-    f(this, t), this.refresh = p(this, "refresh", 7), this.threshold = 100, this.onTouchStart = (e) => {
-      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) => {
-      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, i("[nylas-threads-refresh] Constructor"), this.updateState = this.updateState.bind(this);
-  }
-  connectedCallback() {
-  }
-  async componentWillLoad() {
-    i("[nylas-threads-refresh] Component will load");
-  }
-  componentDidLoad() {
-    var t, e, s;
-    i("[nylas-threads-refresh] Component did load"), (t = this.containerElement) == null || t.addEventListener("touchstart", this.onTouchStart), (e = this.containerElement) == null || e.addEventListener("touchmove", this.onTouchMove), (s = this.containerElement) == null || s.addEventListener("touchend", this.onTouchEnd);
-  }
-  disconnectedCallback() {
-    var t, e, s;
-    i("[nylas-threads-refresh] Component disconnected"), (t = this.containerElement) == null || t.removeEventListener("touchstart", this.onTouchStart), (e = this.containerElement) == null || e.removeEventListener("touchmove", this.onTouchMove), (s = this.containerElement) == null || s.removeEventListener("touchend", this.onTouchEnd);
-  }
-  async updateState(t) {
-    this.state = t;
-  }
-  render() {
-    return o(u, { key: "0e7150c1fd50e5422e124ac007132ae2ecc0006b" }, o("div", { key: "730765ce38847fdbe691f2b9cfeda44e1a46259b", class: "container", ref: (t) => this.containerElement = t }, o("button", { key: "55427e329f0405960f22f736f10722e620931516", 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: "585886ff635733f5e0398ca9cfe11944860f5a61", class: "content", ref: (t) => this.contentElement = t }, o("slot", { key: "f61cab9fae1aae81ecb0e7a6544ddb4b845c91b4" }))));
-  }
-};
-v([
-  m({
-    name: "nylas-threads-refresh",
-    eventToProps: {
-      refresh: async (t, e) => {
-        i("[nylas-threads-refresh] Refreshing threads");
-        const { updateState: s } = t.detail;
-        await s("loading"), await e.threads.getThreads(void 0, "overwrite", !1), await s("ready");
-      }
-    },
-    fireRegisterEvent: !0
-  }),
-  c("design:type", Function),
-  c("design:paramtypes", []),
-  c("design:returntype", void 0)
-], d.prototype, "render", null);
-d.style = y;
-export {
-  d as nylas_threads_refresh
-};

package/dist/nylas-threads-refresh.entry-6636e7b1.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-c4e817ef.cjs"),d=require("./register-component-ea95564d-a64ee107.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:"0e7150c1fd50e5422e124ac007132ae2ecc0006b"},s.h("div",{key:"730765ce38847fdbe691f2b9cfeda44e1a46259b",class:"container",ref:t=>this.containerElement=t},s.h("button",{key:"55427e329f0405960f22f736f10722e620931516",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:"585886ff635733f5e0398ca9cfe11944860f5a61",class:"content",ref:t=>this.contentElement=t},s.h("slot",{key:"f61cab9fae1aae81ecb0e7a6544ddb4b845c91b4"}))))}};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-4460aa9b.js

@@ -1,69 +0,0 @@
-import { r as u, c as y, d as l, h as i, H as f } from "./index-1322d804.js";
-import { R as p } from "./register-component-ea95564d-843da1da.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, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    a = Reflect.decorate(t, e, n, r);
-  else
-    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;
-}, d = function(t, e) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(t, e);
-};
-const h = class {
-  constructor(t) {
-    u(this, t), this.search = y(this, "search", 7), this.onSearch = async (e) => {
-      e.preventDefault(), e.stopPropagation();
-      const r = e.target.value;
-      r !== this.internalQuery && (this.internalQuery = r, this.search.emit(this.internalQuery));
-    }, this.query = "", this.internalQuery = "";
-  }
-  connectedCallback() {
-  }
-  disconnectedCallback() {
-  }
-  async componentWillLoad() {
-    l("[nylas-threads-search] Component will load");
-  }
-  async componentDidLoad() {
-    l("[nylas-threads-search] Component did load");
-  }
-  onQueryChange() {
-    this.internalQuery = this.query;
-  }
-  render() {
-    return i(f, { key: "6d49d740fb64cff220ddf6b74ca0393a3b6fd83a" }, i("sp-theme", { key: "fda27523444c0c7350cdfdf6d1a29dd1d63158f5", scale: "medium", color: "dark" }, i("sp-search", { key: "bb840884220a5008c144f90775ea10291c507b51", quiet: !0, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery })));
-  }
-  static get watchers() {
-    return {
-      query: ["onQueryChange"]
-    };
-  }
-};
-g([
-  p({
-    name: "nylas-pagination",
-    stateToProps: /* @__PURE__ */ 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
-  }),
-  d("design:type", Function),
-  d("design:paramtypes", []),
-  d("design:returntype", void 0)
-], h.prototype, "render", null);
-h.style = b;
-export {
-  h as nylas_threads_search
-};

package/dist/nylas-threads-search.entry-ae87695a.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-c4e817ef.cjs"),h=require("./register-component-ea95564d-a64ee107.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},d=function(t,e){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,e)};const l=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:"6d49d740fb64cff220ddf6b74ca0393a3b6fd83a"},a.h("sp-theme",{key:"fda27523444c0c7350cdfdf6d1a29dd1d63158f5",scale:"medium",color:"dark"},a.h("sp-search",{key:"bb840884220a5008c144f90775ea10291c507b51",quiet:!0,onSubmit:this.onSearch,onBlur:this.onSearch,value:this.internalQuery})))}static get watchers(){return{query:["onQueryChange"]}}};f([h.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}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],l.prototype,"render",null);l.style=y;exports.nylas_threads_search=l;