@nylas/react 1.0.1-prealpha1 → 1.0.2-canary.0

package/dist/{nylas-open-hours-picker.entry-42942946.js → nylas-open-hours-picker.entry-7e7060fe.js}

@@ -1,24 +1,25 @@
-import { r as y, c as D, h, H as M, g as H } from "./index-98d3a4da.js";
-import { d as f, g as b, c as w } from "./utils-5074a070-ce33ee6b.js";
-import { t as p, d as c, a as T, b as m } from "./duration-bddc4a13-179ce826.js";
+import { r as y, c as D, h, H as M, g as H } from "./index-e834697b.js";
+import { d as p, g as b, c as w } from "./utils-df5c1963-d9833bcb.js";
+import { t as f, d as c, a as T, b as m } from "./duration-bddc4a13-179ce826.js";
 import "react";
 import "react-dom";
-const S = p((t) => {
+import "./_commonjsHelpers-57e89916-af061c86.js";
+const S = f((t) => {
   t.setTime(t - t.getMilliseconds() - t.getSeconds() * T);
 }, (t, e) => {
   t.setTime(+t + e * c);
 }, (t, e) => (e - t) / c, (t) => t.getMinutes()), k = S.range;
-p((t) => {
+f((t) => {
   t.setUTCSeconds(0, 0);
 }, (t, e) => {
   t.setTime(+t + e * c);
 }, (t, e) => (e - t) / c, (t) => t.getUTCMinutes());
-const x = p((t) => {
+const x = f((t) => {
   t.setTime(t - t.getMilliseconds() - t.getSeconds() * T - t.getMinutes() * c);
 }, (t, e) => {
   t.setTime(+t + e * m);
 }, (t, e) => (e - t) / m, (t) => t.getHours()), v = x.range;
-p((t) => {
+f((t) => {
   t.setUTCMinutes(0, 0, 0);
 }, (t, e) => {
   t.setTime(+t + e * m);
@@ -27,12 +28,12 @@ const C = ':host{display:block;font-size:inherit;font-family:inherit;--nylas-gri
   constructor(t) {
     y(this, t), this.openHoursChanged = D(this, "openHoursChanged", 7), this.dragStartTime = 0, this.onSelectedHoursWeel = (e) => {
       e.preventDefault(), e.stopPropagation();
-      const { deltaY: s } = e, a = s > 0 ? -1 : 1;
-      if (this.intervalMinutes === this.stepMinutes && a === -1 || this.intervalMinutes === 60 && a === 1)
+      const { deltaY: s } = e, i = s > 0 ? -1 : 1;
+      if (this.intervalMinutes === this.stepMinutes && i === -1 || this.intervalMinutes === 60 && i === 1)
         return;
-      this.intervalMinutes = this.intervalMinutes + a * this.stepMinutes;
-      const i = new Date(this.startTime);
-      i.setHours(this.endTime.getHours(), 0, 0, 0), this.intervalMinutes < 60 ? this.times = k(this.startTime, i, this.intervalMinutes) : this.times = v(this.startTime, i, this.intervalMinutes / 60);
+      this.intervalMinutes = this.intervalMinutes + i * this.stepMinutes;
+      const a = new Date(this.startTime);
+      a.setHours(this.endTime.getHours(), 0, 0, 0), this.intervalMinutes < 60 ? this.times = k(this.startTime, a, this.intervalMinutes) : this.times = v(this.startTime, a, this.intervalMinutes / 60);
     }, this.onContextMenu = (e) => {
       e.preventDefault(), e.stopPropagation(), this.inverse = !this.inverse;
     }, this.onMouseDown = (e, s) => {
@@ -40,92 +41,92 @@ const C = ':host{display:block;font-size:inherit;font-family:inherit;--nylas-gri
     }, this.onMouseOver = (e, s) => {
       this.isDragging() && (this.draggingEndDate = s);
     }, this.onMouseUp = (e, s) => {
-      if (this.host.querySelectorAll(".hovered").forEach((i) => {
-        i.classList.remove("hovered");
+      if (this.host.querySelectorAll(".hovered").forEach((a) => {
+        a.classList.remove("hovered");
       }), this.isDragging() && this.draggingStartDate && this.draggingEndDate) {
-        const i = [];
+        const a = [];
         let r = this.draggingStartDate, o = this.draggingEndDate;
         o.setMinutes(o.getMinutes() + this.intervalMinutes);
         const n = r.getDay(), u = o.getDay();
         if (n === u)
-          i.push({ start: r, end: o });
+          a.push({ start: r, end: o });
         else if (u > n)
           for (let l = 0; l <= u - n; l++) {
             const d = new Date(r), g = new Date(r);
-            d.setDate(r.getDate() + l), g.setDate(r.getDate() + l), g.setHours(o.getHours()), i.push({ start: d, end: g });
+            d.setDate(r.getDate() + l), g.setDate(r.getDate() + l), g.setHours(o.getHours()), a.push({ start: d, end: g });
           }
-        for (let l of i)
+        for (let l of a)
           this.updateAvailableTimes(l.start, l.end);
       }
       this.draggingStartDate = null, this.draggingEndDate = null, e.preventDefault(), e.stopPropagation();
     }, this.onTimeClick = (e) => {
       if (this.isDragging()) {
-        f("dragging for more than threshold, skipping click event");
+        p("dragging for more than threshold, skipping click event");
         return;
       }
       this.draggingStartDate = null;
-      const s = new Date(e), a = new Date(e);
-      a.setMinutes(a.getMinutes() + this.intervalMinutes), this.updateAvailableTimes(s, a);
+      const s = new Date(e), i = new Date(e);
+      i.setMinutes(i.getMinutes() + this.intervalMinutes), this.updateAvailableTimes(s, i);
     }, this.isDragging = () => {
       const e = (/* @__PURE__ */ new Date()).getTime();
       return this.draggingStartDate && e - this.dragStartTime > this.dragThreshold;
     }, this.updateAvailableTimes = (e, s) => {
-      const { availableTimes: a } = this, i = a.findIndex((n) => e.getTime() >= n.start.getTime() && s.getTime() <= n.end.getTime());
-      if (i !== -1) {
-        a.splice(i, 1), this.availableTimes = [...a];
+      const { availableTimes: i } = this, a = i.findIndex((n) => e.getTime() >= n.start.getTime() && s.getTime() <= n.end.getTime());
+      if (a !== -1) {
+        i.splice(a, 1), this.availableTimes = [...i];
         return;
       }
-      const r = a.findIndex((n) => e.getTime() === n.end.getTime());
+      const r = i.findIndex((n) => e.getTime() === n.end.getTime());
       if (r !== -1) {
-        a[r].end = s, this.availableTimes = [...a];
+        i[r].end = s, this.availableTimes = [...i];
         return;
       }
-      const o = a.findIndex((n) => s.getTime() === n.start.getTime());
+      const o = i.findIndex((n) => s.getTime() === n.start.getTime());
       if (o !== -1) {
-        a[o].start = e, this.availableTimes = [...a];
+        i[o].start = e, this.availableTimes = [...i];
         return;
       }
-      this.availableTimes = [...a, { start: e, end: s }];
+      this.availableTimes = [...i, { start: e, end: s }];
     }, this.isAvailableTime = (e) => this.availableTimes.some((s) => s.start.getTime() <= e.getTime() && s.end.getTime() > e.getTime()), this.getSelectedDate = (e) => {
       const s = new Date(this.startTime);
       s.setDate(e % 7 + 1);
-      const a = Math.floor(e / 7);
-      return s.setHours(this.times[a].getHours()), s.setMinutes(this.times[a].getMinutes()), s;
+      const i = Math.floor(e / 7);
+      return s.setHours(this.times[i].getHours()), s.setMinutes(this.times[i].getMinutes()), s;
     }, this.isHovering = (e) => !this.draggingStartDate || !this.draggingEndDate ? !1 : e.getDay() >= this.draggingStartDate.getDay() && e.getHours() >= this.draggingStartDate.getHours() && e.getHours() <= this.draggingEndDate.getHours() && e.getDay() <= this.draggingEndDate.getDay(), this.calculateAvailableTimes = (e) => {
       const s = [];
-      for (const a of e)
-        for (const i of a.days) {
-          if (a.start === a.end)
+      for (const i of e)
+        for (const a of i.days) {
+          if (i.start === i.end)
             continue;
-          const [r, o] = a.start.split(":").map((g) => parseInt(g, 10)), [n, u] = a.end.split(":").map((g) => parseInt(g, 10)), l = new Date(this.startTime);
-          l.setDate(l.getDate() + i), l.setHours(r), l.setMinutes(o);
+          const [r, o] = i.start.split(":").map((g) => parseInt(g, 10)), [n, u] = i.end.split(":").map((g) => parseInt(g, 10)), l = new Date(this.startTime);
+          l.setDate(l.getDate() + a), l.setHours(r), l.setMinutes(o);
           const d = new Date(this.startTime);
-          d.setDate(d.getDate() + i), d.setHours(n), d.setMinutes(u), s.push({ start: l, end: d });
+          d.setDate(d.getDate() + a), d.setHours(n), d.setMinutes(u), s.push({ start: l, end: d });
         }
-      return s.sort((a, i) => a.start.getTime() - i.start.getTime()), f("availableTimes", s), s;
+      return s.sort((i, a) => i.start.getTime() - a.start.getTime()), p("availableTimes", s), s;
     }, this.calculateOpenHours = () => {
       const e = {}, s = [];
-      let a = [...this.availableTimes];
-      if (a.sort((i, r) => i.start.getTime() - r.start.getTime()), this.inverse) {
-        const i = [...a];
-        a = [];
+      let i = [...this.availableTimes];
+      if (i.sort((a, r) => a.start.getTime() - r.start.getTime()), this.inverse) {
+        const a = [...i];
+        i = [];
         let r = this.startTime;
-        for (const o of i) {
+        for (const o of a) {
           const n = o.start;
-          a.push({ start: r, end: n }), r = o.end;
+          i.push({ start: r, end: n }), r = o.end;
         }
-        a.push({ start: r, end: this.endTime });
+        i.push({ start: r, end: this.endTime });
       }
-      a.sort((i, r) => i.start.getTime() - r.start.getTime());
-      for (const i of a) {
-        const r = i.start.getDay(), o = i.end.getDay(), n = new Date(i.start);
-        n.setDate(n.getDate() + 1), n.setHours(0, 0, 0, 0), (r > o || o > r) && (a.push({ start: n, end: i.end }), i.end = new Date(i.start), i.end.setHours(23, 0, 0, 0));
-        const u = b(i.start), l = b(i.end), d = `${u}-${l}`;
+      i.sort((a, r) => a.start.getTime() - r.start.getTime());
+      for (const a of i) {
+        const r = a.start.getDay(), o = a.end.getDay(), n = new Date(a.start);
+        n.setDate(n.getDate() + 1), n.setHours(0, 0, 0, 0), (r > o || o > r) && (i.push({ start: n, end: a.end }), a.end = new Date(a.start), a.end.setHours(23, 0, 0, 0));
+        const u = b(a.start), l = b(a.end), d = `${u}-${l}`;
         e[d] ? e[d].push(r) : e[d] = [r];
       }
-      for (const i in e) {
-        const [r, o] = i.split("-"), u = {
-          days: e[i],
+      for (const a in e) {
+        const [r, o] = a.split("-"), u = {
+          days: e[a],
           start: r,
           end: o,
           timezone: w()
@@ -134,8 +135,8 @@ const C = ':host{display:block;font-size:inherit;font-family:inherit;--nylas-gri
       }
       this.openHoursChanged.emit(s);
     }, this.getNumberOfDatesBetween = (e, s) => {
-      const a = Math.abs(s.getTime() - e.getTime());
-      return Math.ceil(a / (1e3 * 60 * 60 * 24));
+      const i = Math.abs(s.getTime() - e.getTime());
+      return Math.ceil(i / (1e3 * 60 * 60 * 24));
     }, this.openHours = [], this.startTime = new Date(2024, 8, 1, 8, 0, 0, 0), this.endTime = new Date(2024, 8, 7, 18, 0, 0, 0), this.stepMinutes = 15, this.dragThreshold = 150, this.mobileViewPortWidth = 768, this.intervalMinutes = 60, this.times = [], this.availableTimes = [], this.draggingStartDate = null, this.draggingEndDate = null, this.inverse = !1, this.isMobile = !1;
   }
   componentWillLoad() {
@@ -157,17 +158,17 @@ const C = ':host{display:block;font-size:inherit;font-family:inherit;--nylas-gri
     this.isMobile = t <= this.mobileViewPortWidth;
   }
   render() {
-    return h(M, { key: "d5bbd9de6ab37f3f65d15b3dc5707b01a851956d" }, h("div", { key: "5ff3bdae2037ba3899332c0aca490c2b4cc80196", class: "open-hours", part: "open-hours" }, h("div", { key: "c8de6bcc08a63326182fad04ea4e1808c628c609", class: "days", part: "days" }, Array.from({ length: this.getNumberOfDatesBetween(this.startTime, this.endTime) }).map((t, e) => {
+    return h(M, { key: "7d7260510342c7d666f9596eddee704088451dbb" }, h("div", { key: "8ebc305e29157af40c432ec8ff0e182c206cfda0", class: "open-hours", part: "open-hours" }, h("div", { key: "df2e84e8387773ff864c56b78d5fbb3f8f7db606", class: "days", part: "days" }, Array.from({ length: this.getNumberOfDatesBetween(this.startTime, this.endTime) }).map((t, e) => {
       const s = new Date(this.startTime);
       return s.setDate(s.getDate() + e), h("span", null, s.toLocaleDateString(void 0, { weekday: this.isMobile ? "short" : "long" }));
-    })), h("div", { key: "3592ca8e4b4de1302cca7fdca24cfb6ed09c7d41", class: "hours", part: "hours" }, this.times.map((t) => h("span", null, t.toLocaleTimeString(void 0, { timeStyle: "short" })))), h("div", { key: "48ead6932850e177cfbd43a6227720c8c86145ea", class: {
+    })), h("div", { key: "88dff2631e52fed25458d0545dfaba0e0586b8ec", class: "hours", part: "hours" }, this.times.map((t) => h("span", null, t.toLocaleTimeString(void 0, { timeStyle: "short" })))), h("div", { key: "53f658bf52ea9367376fb297ce50d8849bf99841", class: {
       "selected-hours": !0,
       inverse: this.inverse
     }, part: "selected-hours", onWheel: this.onSelectedHoursWeel, onContextMenu: this.onContextMenu }, Array.from({ length: this.getNumberOfDatesBetween(this.startTime, this.endTime) * this.times.length }).map((t, e) => h("div", { part: "hour", class: {
       hour: !0,
       selected: this.isAvailableTime(this.getSelectedDate(e)),
       hovered: this.isHovering(this.getSelectedDate(e))
-    }, onMouseDown: (s) => this.onMouseDown(s, this.getSelectedDate(e)), onMouseUp: (s) => this.onMouseUp(s, this.getSelectedDate(e)), onMouseOver: (s) => this.onMouseOver(s, this.getSelectedDate(e)), onClick: () => this.onTimeClick(this.getSelectedDate(e)) }, " ")))), h("div", { key: "ca2aa5bef7a0e31b29b4a1a759fcefcabc6f0785", class: "legend", part: "legend" }, h("div", { key: "a7b3b3a0a02c8dfbac69f8cad10c392e3a2e3e84", class: "available", part: "available" }, h("span", { key: "dcfcd5d5fd2934672fb0069825ab98e50c886682", class: "box", part: "box" }), h("span", { key: "37cc29e78d063c1087d46a1cc5de6dbe46677031", class: "label", part: "label" }, "Available")), h("div", { key: "9db85b0c8c208aa764f2ea0c6e3371dcea0594e0", class: "unavailable", part: "unavailable" }, h("span", { key: "c0a3ef91cc2a8f418329d2c6d91feb7d90e4658f", class: "box", part: "box" }), h("span", { key: "0f21587a4222836b2273e19094b8c0c35b88de20", class: "label", part: "label" }, "Unavailable"))));
+    }, onMouseDown: (s) => this.onMouseDown(s, this.getSelectedDate(e)), onMouseUp: (s) => this.onMouseUp(s, this.getSelectedDate(e)), onMouseOver: (s) => this.onMouseOver(s, this.getSelectedDate(e)), onClick: () => this.onTimeClick(this.getSelectedDate(e)) }, " ")))), h("div", { key: "2f0459102a39a37ee38ff550b7fe7d303bfa9fef", class: "legend", part: "legend" }, h("div", { key: "b2ce6eb4496270ae2577164f2fecb9145e7120d5", class: "available", part: "available" }, h("span", { key: "0fe60c643e3d9cee77509109bbb99059f1900716", class: "box", part: "box" }), h("span", { key: "3f03d82fe8b20dab316910ced828682880057a4d", class: "label", part: "label" }, "Available")), h("div", { key: "188ea3df5640bcd2fe197bf00e2dfd4ede0189cf", class: "unavailable", part: "unavailable" }, h("span", { key: "9b313c8a36f2752a8327612efd665ea275175fb5", class: "box", part: "box" }), h("span", { key: "772d25822bd93b80d434f8bb501b4487b5d6a04a", class: "label", part: "label" }, "Unavailable"))));
   }
   get host() {
     return H(this);

package/dist/nylas-provider.entry-1dc58829.js

@@ -0,0 +1,155 @@
+import { r as C, c as h, h as g, H as S, g as f } from "./index-e834697b.js";
+import { N as m, e as A } from "./index-10914bc1-1a809477.js";
+import { d as a } from "./utils-df5c1963-d9833bcb.js";
+import { C as b, N as p } from "./auth-store-764d3768-3e9c24a0.js";
+import { C as v, H as P, N as _, a as N, b as w } from "./mailbox-store-6b9425dc-c249fa99.js";
+import { C as I, N as x } from "./scheduler-store-81058220-263a5f44.js";
+import { C as M, N as E } from "./scheduler-config-store-a059f30b-ff3efc00.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-57e89916-af061c86.js";
+class L {
+  constructor(t, s, r, o, l, n, i = "https://api.us.nylas.com") {
+    this.router = t, this.schedulerAPIURL = i, this.nylasAuth = s, this.nylasAuthStore = r, this.nylasMailboxStore = o, this.nylasSchedulerStore = l, this.nylasSchedulerConfigStore = n;
+  }
+  init() {
+    a("NylasConnector init");
+  }
+  get authStore() {
+    return this.nylasAuthStore;
+  }
+  get mailboxStore() {
+    return this.nylasMailboxStore;
+  }
+  get schedulerStore() {
+    return this.nylasSchedulerStore;
+  }
+  get schedulerConfigStore() {
+    return this.nylasSchedulerConfigStore;
+  }
+  get auth() {
+    return this._authConnector ? this._authConnector : (this._authConnector = new p(this.nylasAuth, this.nylasAuthStore), this._authConnector);
+  }
+  get threads() {
+    return this._threadConnector ? this._threadConnector : (this._threadConnector = new _(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router), this._threadConnector);
+  }
+  get messages() {
+    return this._messageConnector ? this._messageConnector : (this._messageConnector = new N(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._messageConnector);
+  }
+  get folders() {
+    return this._foldersConnector ? this._foldersConnector : (this._foldersConnector = new w(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._foldersConnector);
+  }
+  get scheduler() {
+    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new x({
+      schedulerAPIURL: this.schedulerAPIURL,
+      schedulerStore: this.schedulerStore
+    }), this._schedulerAPIConnector);
+  }
+  get schedulerConfig() {
+    return this._schedulerConfigConnector ? this._schedulerConfigConnector : (this._schedulerConfigConnector = new E({
+      nylasAuth: this.nylasAuth,
+      nylasAuthStore: this.nylasAuthStore,
+      nylasSchedulerConfigStore: this.nylasSchedulerConfigStore
+    }), this._schedulerConfigConnector);
+  }
+  getAuth() {
+    return this.nylasAuth;
+  }
+  resetStores() {
+    this.nylasAuthStore.reset(), this.nylasMailboxStore.reset();
+  }
+  async logout() {
+    await this.nylasAuth.logout(), this.resetStores();
+  }
+}
+const R = ":host{display:contents}", T = R, U = class {
+  constructor(e) {
+    C(this, e), this.init = h(this, "init", 7), this.loggedIn = h(this, "loggedIn", 7), this.loggedOut = h(this, "loggedOut", 7), this.handleAuthChange = async (t) => {
+      t ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host);
+    }, this.authConfig = void 0, this.eventOverrides = {}, this.automaticComponentRegistration = !0;
+  }
+  connectedCallback() {
+    a("[nylas-provider] connectedCallback");
+  }
+  async componentWillLoad() {
+    var n, i, c, u, d, y;
+    a("[nylas-provider] componentWillLoad"), this.stores = {
+      auth: b(),
+      mailbox: v(),
+      scheduler: I(),
+      schedulerConfig: M()
+    }, this.baseProvider = new m(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
+    const e = new P();
+    this.nylasAuth = A({
+      apiUri: "https://api.us.nylas.com",
+      elementsApiUri: "https://elements.us.nylas.com",
+      storageType: "indexeddb",
+      clientId: "YOUR_CLIENT_ID",
+      defaultScopes: [],
+      redirectURI: "/",
+      ...this.authConfig
+    });
+    const t = (n = this.baseProvider) == null ? void 0 : n.getStore("mailbox");
+    if (!t)
+      throw new Error("The mailbox store is not set");
+    const s = (i = this.baseProvider) == null ? void 0 : i.getStore("auth");
+    if (!s)
+      throw new Error("The auth store is not set");
+    const r = (c = this.baseProvider) == null ? void 0 : c.getStore("scheduler");
+    if (!r)
+      throw new Error("The scheduler store is not set");
+    const o = (u = this.baseProvider) == null ? void 0 : u.getStore("schedulerConfig");
+    if (!o)
+      throw new Error("The scheduler config store is not set");
+    this.nylasConnector = new L(e, this.nylasAuth, s, t, r, o), this.init.emit(this.host).defaultPrevented || await ((d = this.nylasConnector) == null ? void 0 : d.auth.validateSession()), this.handleAuthChange(s.state.isAuthenticated), (y = this.baseProvider) == null || y.componentWillLoad(this.nylasConnector);
+  }
+  componentDidLoad() {
+    var t, s;
+    const e = (t = this.baseProvider) == null ? void 0 : t.getStore("auth");
+    e == null || e.onChange("isAuthenticated", this.handleAuthChange), (s = this.baseProvider) == null || s.componentDidLoad();
+  }
+  componentDisconnected() {
+    var e;
+    (e = this.baseProvider) == null || e.componentDisconnected();
+  }
+  async registerComponentHandler(e) {
+    var t;
+    (t = this.baseProvider) == null || t.registerComponent(e.detail);
+  }
+  async unregisterComponentHandler(e) {
+    var t;
+    (t = this.baseProvider) == null || t.unregisterComponent(e.detail);
+  }
+  async getNylasAuth() {
+    return this.nylasAuth;
+  }
+  async getNylasConnector() {
+    return this.nylasConnector;
+  }
+  async getMailboxStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("mailbox");
+  }
+  async getAuthStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("auth");
+  }
+  async getNylasSchedulerStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("scheduler");
+  }
+  async getNylasSchedulerConfigStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("schedulerConfig");
+  }
+  render() {
+    return g(S, { key: "1994d94960cafdb4c1dc7b54f155a2a65190a3d9" }, g("slot", { key: "d2a28ba4a86d0df9bd1ceeaf450f376c80ad2ea6" }));
+  }
+  get host() {
+    return f(this);
+  }
+};
+U.style = T;
+export {
+  U as nylas_provider
+};

package/dist/nylas-provider.entry-cb1ef04e.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-cee193d2.cjs"),C=require("./index-10914bc1-93ff6f46.cjs"),l=require("./utils-df5c1963-1c47e21c.cjs"),S=require("./auth-store-764d3768-ce84fc6a.cjs"),o=require("./mailbox-store-6b9425dc-a0366cf2.cjs"),f=require("./scheduler-store-81058220-a20698af.cjs"),b=require("./scheduler-config-store-a059f30b-06c1aa21.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");class m{constructor(t,s,n,i,c,h,a="https://api.us.nylas.com"){this.router=t,this.schedulerAPIURL=a,this.nylasAuth=s,this.nylasAuthStore=n,this.nylasMailboxStore=i,this.nylasSchedulerStore=c,this.nylasSchedulerConfigStore=h}init(){l.debug("NylasConnector init")}get authStore(){return this.nylasAuthStore}get mailboxStore(){return this.nylasMailboxStore}get schedulerStore(){return this.nylasSchedulerStore}get schedulerConfigStore(){return this.nylasSchedulerConfigStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new S.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get threads(){return this._threadConnector?this._threadConnector:(this._threadConnector=new o.NylasThreadsConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router),this._threadConnector)}get messages(){return this._messageConnector?this._messageConnector:(this._messageConnector=new o.NylasMessagesConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._messageConnector)}get folders(){return this._foldersConnector?this._foldersConnector:(this._foldersConnector=new o.NylasFoldersConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._foldersConnector)}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new f.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore}),this._schedulerAPIConnector)}get schedulerConfig(){return this._schedulerConfigConnector?this._schedulerConfigConnector:(this._schedulerConfigConnector=new b.NylasSchedulerConfigAPIConnector({nylasAuth:this.nylasAuth,nylasAuthStore:this.nylasAuthStore,nylasSchedulerConfigStore:this.nylasSchedulerConfigStore}),this._schedulerConfigConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasAuthStore.reset(),this.nylasMailboxStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const v=":host{display:contents}",P=v,A=class{constructor(e){r.registerInstance(this,e),this.init=r.createEvent(this,"init",7),this.loggedIn=r.createEvent(this,"loggedIn",7),this.loggedOut=r.createEvent(this,"loggedOut",7),this.handleAuthChange=async t=>{t?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host)},this.authConfig=void 0,this.eventOverrides={},this.automaticComponentRegistration=!0}connectedCallback(){l.debug("[nylas-provider] connectedCallback")}async componentWillLoad(){var h,a,u,d,g,y;l.debug("[nylas-provider] componentWillLoad"),this.stores={auth:S.CreateNylasAuthStore(),mailbox:o.CreateNylasMailboxStore(),scheduler:f.CreateNylasSchedulerStore(),schedulerConfig:b.CreateNylasSchedulerConfigStore()},this.baseProvider=new C.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const e=new o.HashRouter;this.nylasAuth=C.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=(h=this.baseProvider)==null?void 0:h.getStore("mailbox");if(!t)throw new Error("The mailbox store is not set");const s=(a=this.baseProvider)==null?void 0:a.getStore("auth");if(!s)throw new Error("The auth store is not set");const n=(u=this.baseProvider)==null?void 0:u.getStore("scheduler");if(!n)throw new Error("The scheduler store is not set");const i=(d=this.baseProvider)==null?void 0:d.getStore("schedulerConfig");if(!i)throw new Error("The scheduler config store is not set");this.nylasConnector=new m(e,this.nylasAuth,s,t,n,i),this.init.emit(this.host).defaultPrevented||await((g=this.nylasConnector)==null?void 0:g.auth.validateSession()),this.handleAuthChange(s.state.isAuthenticated),(y=this.baseProvider)==null||y.componentWillLoad(this.nylasConnector)}componentDidLoad(){var t,s;const e=(t=this.baseProvider)==null?void 0:t.getStore("auth");e==null||e.onChange("isAuthenticated",this.handleAuthChange),(s=this.baseProvider)==null||s.componentDidLoad()}componentDisconnected(){var e;(e=this.baseProvider)==null||e.componentDisconnected()}async registerComponentHandler(e){var t;(t=this.baseProvider)==null||t.registerComponent(e.detail)}async unregisterComponentHandler(e){var t;(t=this.baseProvider)==null||t.unregisterComponent(e.detail)}async getNylasAuth(){return this.nylasAuth}async getNylasConnector(){return this.nylasConnector}async getMailboxStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("mailbox")}async getAuthStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("auth")}async getNylasSchedulerStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("scheduler")}async getNylasSchedulerConfigStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("schedulerConfig")}render(){return r.h(r.Host,{key:"1994d94960cafdb4c1dc7b54f155a2a65190a3d9"},r.h("slot",{key:"d2a28ba4a86d0df9bd1ceeaf450f376c80ad2ea6"}))}get host(){return r.getElement(this)}};A.style=P;exports.nylas_provider=A;

package/dist/nylas-scheduler-config.entry-2382ac1b.js

@@ -0,0 +1,114 @@
+import { r as u, c as r, h as s, H as c, g } from "./index-e834697b.js";
+import { N as f, e as y } from "./index-10914bc1-1a809477.js";
+import { C, N as p } from "./auth-store-764d3768-3e9c24a0.js";
+import { d as o } from "./utils-df5c1963-d9833bcb.js";
+import { C as S, N as m } from "./scheduler-config-store-a059f30b-ff3efc00.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-57e89916-af061c86.js";
+class b {
+  constructor({ nylasAuth: t, nylasAuthStore: n, nylasSchedulerConfigStore: i }) {
+    this.nylasAuth = t, this.nylasAuthStore = n, this.nylasSchedulerConfigStore = i;
+  }
+  init() {
+    o("NylasSchedulerConfigConnector init");
+  }
+  get authStore() {
+    return this.nylasAuthStore;
+  }
+  get auth() {
+    return this._authConnector ? this._authConnector : (this._authConnector = new p(this.nylasAuth, this.nylasAuthStore), this._authConnector);
+  }
+  get schedulerConfigStore() {
+    return this.nylasSchedulerConfigStore;
+  }
+  get schedulerConfig() {
+    return this._schedulerConfigConnector ? this._schedulerConfigConnector : (this._schedulerConfigConnector = new m({
+      nylasAuth: this.nylasAuth,
+      nylasAuthStore: this.nylasAuthStore,
+      nylasSchedulerConfigStore: this.nylasSchedulerConfigStore
+    }), this._schedulerConfigConnector);
+  }
+  getAuth() {
+    return this.nylasAuth;
+  }
+  getTokenInfo() {
+    return this.nylasAuth.getTokenInfo();
+  }
+  resetStores() {
+    o("NylasSchedulerConfigConnector resetStores"), this.nylasAuthStore.reset(), this.nylasSchedulerConfigStore.reset();
+  }
+  async logout() {
+    o("NylasSchedulerConfigConnector logout"), await this.auth.logout(), this.resetStores();
+  }
+}
+const v = ":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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}div.scheduler-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;width:858px;margin:0;font-size:18px;line-height:24px;font-weight:600}@media screen and (max-width: 768px){div.scheduler-editor-header h1.scheduler-editor-title{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary)}div.scheduler-editor-header button:disabled{cursor:not-allowed}nylas-scheduler-editor{width:100%}", x = v, w = class {
+  constructor(e) {
+    u(this, e), this.init = r(this, "init", 7), this.loggedIn = r(this, "loggedIn", 7), this.loggedOut = r(this, "loggedOut", 7), this.schedulerConfigCloseClicked = r(this, "schedulerConfigCloseClicked", 7), this.handleAuthChange = async (t) => {
+      var n;
+      t ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host).defaultPrevented || await ((n = this.nylasSchedulerConfigConnector) == null ? void 0 : n.logout());
+    }, this.handleSchedulerConfigCloseClicked = (t) => {
+      this.schedulerConfigCloseClicked.emit(this.host);
+    }, this.authConfig = void 0, this.eventOverrides = {}, this.defaultAuthStoreState = void 0, this.defaultSchedulerConfigStoreState = void 0, this.mode = "app", this.automaticComponentRegistration = !0, this.loggedInUser = "";
+  }
+  connectedCallback() {
+    o("[nylas-scheduler-config] connectedCallback");
+  }
+  async componentWillLoad() {
+    var i, a, l, h;
+    o("[nylas-scheduler-config] componentWillLoad"), this.stores = {
+      auth: C(this.defaultAuthStoreState),
+      schedulerConfig: S({
+        ...this.defaultSchedulerConfigStoreState
+      })
+    }, this.baseProvider = new f(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.nylasAuth = y({
+      apiUri: "https://api.us.nylas.com",
+      elementsApiUri: "https://elements.us.nylas.com",
+      storageType: "indexeddb",
+      clientId: "YOUR_CLIENT_ID",
+      defaultScopes: [],
+      redirectURI: "/",
+      ...this.authConfig
+    });
+    const e = (i = this.baseProvider) == null ? void 0 : i.getStore("auth"), t = this.baseProvider.getStore("schedulerConfig");
+    if (this.nylasSchedulerConfigConnector = new b({
+      nylasAuth: this.nylasAuth,
+      nylasAuthStore: this.stores.auth,
+      nylasSchedulerConfigStore: t
+    }), !this.init.emit(this.host).defaultPrevented) {
+      await ((a = this.nylasSchedulerConfigConnector) == null ? void 0 : a.auth.validateSession());
+      const d = await ((l = this.nylasSchedulerConfigConnector) == null ? void 0 : l.auth.getTokenInfo());
+      d && (this.loggedInUser = d.email);
+    }
+    this.handleAuthChange(e.state.isAuthenticated), (h = this.baseProvider) == null || h.componentWillLoad(this.nylasSchedulerConfigConnector);
+  }
+  async componentDidLoad() {
+    var e, t, n;
+    o("[nylas-scheduler-config] componentDidLoad"), (e = this.baseProvider) == null || e.componentDidLoad(), await ((n = (t = this.nylasSchedulerConfigConnector) == null ? void 0 : t.schedulerConfig) == null ? void 0 : n.getCalendars());
+  }
+  componentDisconnected() {
+    var e;
+    (e = this.baseProvider) == null || e.componentDisconnected();
+  }
+  async registerComponentHandler(e) {
+    var t;
+    (t = this.baseProvider) == null || t.registerComponent(e.detail);
+  }
+  async unregisterComponentHandler(e) {
+    var t;
+    (t = this.baseProvider) == null || t.unregisterComponent(e.detail);
+  }
+  async schedulerConfigChangedHandler(e) {
+    console.log("schedulerConfigChanged", e.detail);
+  }
+  render() {
+    return this.mode === "app" ? s(c, null, s("div", { class: "scheduler-editor-header" }, s("h1", { class: "scheduler-editor-title" }, s("calendar-icon", { width: "18", height: "18" }), "Schedule editor"), s("button", { class: "scheduler-editor-close", onClick: (t) => this.handleSchedulerConfigCloseClicked(t), part: "nsc-close-button" }, s("close-icon", { width: "18", height: "18" }))), s("nylas-scheduler-editor", null)) : s(c, null, s("slot", null));
+  }
+  get host() {
+    return g(this);
+  }
+};
+w.style = x;
+export {
+  w as nylas_scheduler_config
+};

package/dist/nylas-scheduler-config.entry-477d2171.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-cee193d2.cjs"),d=require("./index-10914bc1-93ff6f46.cjs"),c=require("./auth-store-764d3768-ce84fc6a.cjs"),o=require("./utils-df5c1963-1c47e21c.cjs"),u=require("./scheduler-config-store-a059f30b-06c1aa21.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");class f{constructor({nylasAuth:t,nylasAuthStore:n,nylasSchedulerConfigStore:r}){this.nylasAuth=t,this.nylasAuthStore=n,this.nylasSchedulerConfigStore=r}init(){o.debug("NylasSchedulerConfigConnector init")}get authStore(){return this.nylasAuthStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new c.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get schedulerConfigStore(){return this.nylasSchedulerConfigStore}get schedulerConfig(){return this._schedulerConfigConnector?this._schedulerConfigConnector:(this._schedulerConfigConnector=new u.NylasSchedulerConfigAPIConnector({nylasAuth:this.nylasAuth,nylasAuthStore:this.nylasAuthStore,nylasSchedulerConfigStore:this.nylasSchedulerConfigStore}),this._schedulerConfigConnector)}getAuth(){return this.nylasAuth}getTokenInfo(){return this.nylasAuth.getTokenInfo()}resetStores(){o.debug("NylasSchedulerConfigConnector resetStores"),this.nylasAuthStore.reset(),this.nylasSchedulerConfigStore.reset()}async logout(){o.debug("NylasSchedulerConfigConnector logout"),await this.auth.logout(),this.resetStores()}}const y=":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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}div.scheduler-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;width:858px;margin:0;font-size:18px;line-height:24px;font-weight:600}@media screen and (max-width: 768px){div.scheduler-editor-header h1.scheduler-editor-title{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary)}div.scheduler-editor-header button:disabled{cursor:not-allowed}nylas-scheduler-editor{width:100%}",C=y,g=class{constructor(e){s.registerInstance(this,e),this.init=s.createEvent(this,"init",7),this.loggedIn=s.createEvent(this,"loggedIn",7),this.loggedOut=s.createEvent(this,"loggedOut",7),this.schedulerConfigCloseClicked=s.createEvent(this,"schedulerConfigCloseClicked",7),this.handleAuthChange=async t=>{var n;t?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host).defaultPrevented||await((n=this.nylasSchedulerConfigConnector)==null?void 0:n.logout())},this.handleSchedulerConfigCloseClicked=t=>{this.schedulerConfigCloseClicked.emit(this.host)},this.authConfig=void 0,this.eventOverrides={},this.defaultAuthStoreState=void 0,this.defaultSchedulerConfigStoreState=void 0,this.mode="app",this.automaticComponentRegistration=!0,this.loggedInUser=""}connectedCallback(){o.debug("[nylas-scheduler-config] connectedCallback")}async componentWillLoad(){var r,i,a,l;o.debug("[nylas-scheduler-config] componentWillLoad"),this.stores={auth:c.CreateNylasAuthStore(this.defaultAuthStoreState),schedulerConfig:u.CreateNylasSchedulerConfigStore({...this.defaultSchedulerConfigStoreState})},this.baseProvider=new d.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.nylasAuth=d.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const e=(r=this.baseProvider)==null?void 0:r.getStore("auth"),t=this.baseProvider.getStore("schedulerConfig");if(this.nylasSchedulerConfigConnector=new f({nylasAuth:this.nylasAuth,nylasAuthStore:this.stores.auth,nylasSchedulerConfigStore:t}),!this.init.emit(this.host).defaultPrevented){await((i=this.nylasSchedulerConfigConnector)==null?void 0:i.auth.validateSession());const h=await((a=this.nylasSchedulerConfigConnector)==null?void 0:a.auth.getTokenInfo());h&&(this.loggedInUser=h.email)}this.handleAuthChange(e.state.isAuthenticated),(l=this.baseProvider)==null||l.componentWillLoad(this.nylasSchedulerConfigConnector)}async componentDidLoad(){var e,t,n;o.debug("[nylas-scheduler-config] componentDidLoad"),(e=this.baseProvider)==null||e.componentDidLoad(),await((n=(t=this.nylasSchedulerConfigConnector)==null?void 0:t.schedulerConfig)==null?void 0:n.getCalendars())}componentDisconnected(){var e;(e=this.baseProvider)==null||e.componentDisconnected()}async registerComponentHandler(e){var t;(t=this.baseProvider)==null||t.registerComponent(e.detail)}async unregisterComponentHandler(e){var t;(t=this.baseProvider)==null||t.unregisterComponent(e.detail)}async schedulerConfigChangedHandler(e){console.log("schedulerConfigChanged",e.detail)}render(){return this.mode==="app"?s.h(s.Host,null,s.h("div",{class:"scheduler-editor-header"},s.h("h1",{class:"scheduler-editor-title"},s.h("calendar-icon",{width:"18",height:"18"}),"Schedule editor"),s.h("button",{class:"scheduler-editor-close",onClick:t=>this.handleSchedulerConfigCloseClicked(t),part:"nsc-close-button"},s.h("close-icon",{width:"18",height:"18"}))),s.h("nylas-scheduler-editor",null)):s.h(s.Host,null,s.h("slot",null))}get host(){return s.getElement(this)}};g.style=C;exports.nylas_scheduler_config=g;

package/dist/nylas-scheduler-editor.entry-1a95d313.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-cee193d2.cjs"),g=require("./register-component-486ea571-cdfe1ef9.cjs"),h=require("./utils-df5c1963-1c47e21c.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");const v=":host{display:block;--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;width:inherit}.scheduler-editor{display:flex;flex-direction:column}.scheduler-editor .form-contents{display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor .form-contents{display:table-column-group}}.scheduler-editor .form-contents .tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor .form-contents .tabs .tab{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;cursor:pointer}.scheduler-editor .form-contents .tabs .tab:not(:first-of-type){margin-top:0.25rem}.scheduler-editor .form-contents .tabs .tab.active{background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor .form-contents .tab-content{max-width:692px}.footer{display:flex;justify-content:flex-end;align-items:center;height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}.footer button{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}.footer button:hover{background:var(--nylas-base-600)}.footer button:active{background:var(--nylas-base-800)}.footer button:disabled{background:var(--nylas-base-300);cursor:not-allowed}",x=v;var S=function(e,t,n,r){var l=arguments.length,i=l<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(s=e[o])&&(i=(l<3?s(i):l>3?s(t,n,i):s(t,n))||i);return l>3&&i&&Object.defineProperty(t,n,i),i},p=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const y=class{constructor(e){a.registerInstance(this,e),this.schedulerConfigChanged=a.createEvent(this,"schedulerConfigChanged",7),this.formSubmissionHandler=async t=>{var d,f;t.preventDefault(),this.updateFormState();const{title:n,description:r,duration:l,availability:i,calendarIds:s,participants:o}=this.formState;console.log("participants: ",o);const c=(f=(d=this.config)==null?void 0:d.participants)==null?void 0:f.find(u=>u.is_organizer),b={availability:{duration_minutes:parseInt(l)},participants:[{name:(c==null?void 0:c.name)??"",email:(c==null?void 0:c.email)??"",is_organizer:!0,availability:{calendar_ids:s.length?s:["primary"],open_hours:i??[]}}],event_booking:{title:(n==null?void 0:n.toString())??"",description:(r==null?void 0:r.toString())??""}};this.schedulerConfigChanged.emit(b)},this.calendars=void 0,this.config=void 0,this.activeTab="eventInfo",this.formState=this.getFormStateFromConfig()}configChangedHandler(e){h.debug("nylas-scheduler-editor","configChangedHandler",e),this.formState=this.getFormStateFromConfig()}connectedCallback(){h.debug("nylas-scheduler-editor","connectedCallback")}componentWillLoad(){h.debug("nylas-scheduler-editor","componentWillLoad")}componentDidLoad(){h.debug("nylas-scheduler-editor","componentDidLoad")}disconnectedCallback(){h.debug("nylas-scheduler-editor","disconnectedCallback")}getFormStateFromConfig(){var t,n,r,l,i,s,o,c,b,d,f,u;const e=(n=(t=this.config)==null?void 0:t.participants)==null?void 0:n.find(m=>m.is_organizer);return{title:((l=(r=this.config)==null?void 0:r.event_booking)==null?void 0:l.title)??"",description:((s=(i=this.config)==null?void 0:i.event_booking)==null?void 0:s.description)??"",duration:((b=(c=(o=this.config)==null?void 0:o.availability)==null?void 0:c.duration_minutes)==null?void 0:b.toString())??"10",availability:((d=e==null?void 0:e.availability)==null?void 0:d.open_hours)??void 0,calendarIds:((f=e==null?void 0:e.availability)==null?void 0:f.calendar_ids)??[],participants:((u=this.config)==null?void 0:u.participants)??[]}}updateFormState(){new FormData(this.formRef).forEach((t,n)=>{switch(n){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"calendars":this.formState.calendarIds=t.toString().split(",");break}}),this.formState={...this.formState}}setActiveTab(e,t){e.preventDefault(),this.updateFormState(),this.activeTab=t}renderTabContent(e){var t;switch(this.activeTab){case"eventInfo":const n=e.title,r=e.description,l=parseInt(e.duration),i=e.participants;return a.h("div",null,a.h("nylas-event-info",null,a.h("div",{slot:"inputs"},a.h("nylas-event-title",{name:"title",eventTitle:n}),a.h("nylas-event-duration",{name:"duration",eventDurationMinutes:l}),a.h("nylas-event-description",{name:"description",eventDescription:r}))),a.h("nylas-additional-participants",{name:"participants",eventParticipants:i}));case"availability":const s=e.availability,o=(t=e.participants)==null?void 0:t.find(d=>d.is_organizer),c=(o==null?void 0:o.email)??"primary",b=e.calendarIds.length>0?e.calendarIds:[c];return a.h("div",null,a.h("nylas-calendar-picker",{name:"calendars",calendars:this.calendars??[],defaultSelectedCalendars:b,organizerEmail:c}),a.h("nylas-availability-picker",{name:"availability",openHours:s}))}}render(){return a.h(a.Host,{key:"5041540c34973d7e3e4ea881f9ae0312d116910d"},a.h("form",{key:"e97d08f968108913f8313fc7c155646abc40f9b0",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e},a.h("div",{key:"10b20fef8c742f4ef50a4d41baccff514b661a9f",class:"form-contents"},a.h("div",{key:"abaef8139309661b1398aea8e0c7ff8378b3bec5",class:"tabs"},a.h("button",{key:"6d40952899d50e48ffe8531e4d7bfe70dedb5882",class:{tab:!0,active:this.activeTab=="eventInfo"},onClick:e=>this.setActiveTab(e,"eventInfo")},a.h("calendar-info-icon",{key:"fe8510f782a12d6e755d1656fe9af67b86314bf0",width:"16",height:"16"}),"Event Info"),a.h("button",{key:"4d821f8550f8e36e6a421a783034c0500fd178c6",class:{tab:!0,active:this.activeTab=="availability"},onClick:e=>this.setActiveTab(e,"availability")},a.h("calendar-patterns-icon",{key:"93c0b506aeac709c6e39c6a514fc46bec052dcc7",width:"16",height:"16"}),"Availability")),a.h("div",{key:"843934d16b0208234e400be7f1c92b5f67c36884",class:"tab-content"},this.renderTabContent(this.formState))),a.h("div",{key:"0a5b6a63138970cc1cc876894d7ec2340f5ab107",class:"footer"},a.h("button",{key:"ed49e3934719b08b08a81f095565249f109d64fb",type:"submit"},"Save changes"))))}static get watchers(){return{config:["configChangedHandler"]}}};S([g.RegisterComponent({name:"nylas-scheduler-editor",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.config","config"]]),fireRegisterEvent:!0}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],y.prototype,"render",null);y.style=x;exports.nylas_scheduler_editor=y;