@nylas/react 2.0.4 → 2.1.0

package/dist/{nylas-scheduler-editor.entry-aa62c689.js → nylas-scheduler-editor.entry-40a48f47.js}

@@ -1,13 +1,71 @@
 var le = Object.defineProperty;
 var ce = (r, t, n) => t in r ? le(r, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[t] = n;
-var N = (r, t, n) => (ce(r, typeof t != "symbol" ? t + "" : t, n), n);
-import { d as dayjs, u as utc, t as timezone, p as process, c as commonjsGlobal, r as registerInstance, a as createEvent, b as debug, N as NylasIdentityRequestWrapper, i as instance, h, H as Host, g as getElement, e as createStore, B as Buffer, F as Fragment, f as dataResponse, j as getCalendarRange } from "./index-2084ffd9.js";
-import { N as NylasBaseProvider } from "./abstract-provider-97cdbfea-6b0e3547.js";
-import { X as Xr } from "./index.es-9e756df7-42d8a4cf.js";
+var P = (r, t, n) => (ce(r, typeof t != "symbol" ? t + "" : t, n), n);
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from "./index-025be398.js";
+import { N as NylasBaseProvider, c as createStore } from "./index-c510313d-1318f67a.js";
+import { d as dataResponse, a as dayjs, u as utc, t as timezone, p as process, c as commonjsGlobal, b as debug, i as instance, B as Buffer, g as getCalendarRange } from "./utils-31933f5d-15041585.js";
+import { X as Xr } from "./index.es-488bc919-ea63a7e9.js";
 import { L as LANGUAGE_CODE, a as LANGUAGE_MAP, C as CONFIGURATION_EVENT_TYPE } from "./constants-f51538ef-e0a5f026.js";
+import "@nylas/web-elements";
 import "react";
+import "@nylas/connect";
 import "react/jsx-runtime";
 import "react-dom";
+class NylasIdentityRequestWrapper {
+  constructor(t) {
+    this.defaultAuthArgs = [], this.session = t;
+  }
+  setActiveGrantId(t) {
+    this.activeGrantId = t;
+  }
+  async request({ method: t, path: n, body: s, headers: a }) {
+    try {
+      const l = await this.session.fetch(`grants/me/${n}`, {
+        method: t,
+        headers: a ? new Headers(a) : void 0,
+        body: s,
+        ...this.session.isMultiAccount() && this.activeGrantId ? { grant_id: this.activeGrantId } : {}
+      });
+      if (typeof l > "u")
+        throw new Error("Response is undefined");
+      return dataResponse(l);
+    } catch (l) {
+      let d = String(l);
+      return String(l).includes("Access token not found") && (d = "Session expired, please log in again. Redirecting...", setTimeout(() => {
+        localStorage.removeItem("grant"), localStorage.removeItem("user"), window.location.reload();
+      }, 1e3)), dataResponse(null, {
+        message: d
+      });
+    }
+  }
+  async currentUser() {
+    const t = this.session.isMultiAccount() ? this.activeGrantId : void 0, n = await this.session.getProfile(t);
+    if (await this.session.isLoggedIn()) {
+      const a = (await this.session.fetch("grants/me", {
+        method: "GET",
+        ...this.session.isMultiAccount() && this.activeGrantId ? { grant_id: this.activeGrantId } : {}
+      })).data;
+      if (!n || !a)
+        return null;
+      const l = a.email;
+      return {
+        id: n.sub,
+        email: l,
+        name: n.name,
+        provider: n.provider
+      };
+    }
+    return null;
+  }
+  async authenticationUrl(t) {
+    const n = (t == null ? void 0 : t.provider) || "google";
+    let a = this.defaultAuthArgs.find((l) => l.provider === n) || {};
+    return t && (a = { ...a, ...t }), this.session.auth(a);
+  }
+  setDefaultAuthArgs(t) {
+    this.defaultAuthArgs = t;
+  }
+}
 dayjs.extend(utc);
 dayjs.extend(timezone);
 class NylasSchedulerConfigAPIConnector {
@@ -235,9 +293,9 @@ class NylasSchedulerConfigAPIConnector {
     })) : (this.nylasSchedulerConfigStore.state.selectedGroupEvent = a.data, await this.getGroupEvents(n, this.nylasSchedulerConfigStore.state.selectedConfiguration), this.nylasSchedulerConfigStore.state.isLoading = !1, dataResponse(a.data));
   }
   async updateGroupEvent(t, n, s) {
-    var p, m, y, w, _, x, R, A, k, U, P, O, I, T;
+    var p, m, y, w, v, x, R, A, I, U, N, O, k, T;
     this.nylasSchedulerConfigStore.state.isLoading = !0;
-    const a = this.nylasSchedulerConfigStore.state.selectedGroupEvent, l = (p = a == null ? void 0 : a.event) == null ? void 0 : p.master_event_id, d = (m = a == null ? void 0 : a.event) == null ? void 0 : m.id, c = (w = (y = a == null ? void 0 : a.event) == null ? void 0 : y.when) == null ? void 0 : w.start_time, u = (x = (_ = a == null ? void 0 : a.group_event_info) == null ? void 0 : _.rrule) == null ? void 0 : x[0], f = u ? u.split(";").filter((S) => !S.startsWith("UNTIL")).join(";") : "", g = c ? dayjs(c * 1e3).subtract(1, "minute").format("YYYYMMDDTHHmmss[Z]") : "";
+    const a = this.nylasSchedulerConfigStore.state.selectedGroupEvent, l = (p = a == null ? void 0 : a.event) == null ? void 0 : p.master_event_id, d = (m = a == null ? void 0 : a.event) == null ? void 0 : m.id, c = (w = (y = a == null ? void 0 : a.event) == null ? void 0 : y.when) == null ? void 0 : w.start_time, u = (x = (v = a == null ? void 0 : a.group_event_info) == null ? void 0 : v.rrule) == null ? void 0 : x[0], f = u ? u.split(";").filter((S) => !S.startsWith("UNTIL")).join(";") : "", g = c ? dayjs(c * 1e3).subtract(1, "minute").format("YYYYMMDDTHHmmss[Z]") : "";
     if (n === "this")
       return this.updateGroupEventById({
         ...t,
@@ -245,32 +303,32 @@ class NylasSchedulerConfigAPIConnector {
         recurrence: l ? void 0 : t.recurrence
       }, s);
     if (n === "future" && l) {
-      const S = await this.createGroupEvent(t, s), v = {
+      const S = await this.createGroupEvent(t, s), _ = {
         location: (R = a == null ? void 0 : a.event) == null ? void 0 : R.location,
         conferencing: (A = a == null ? void 0 : a.event) == null ? void 0 : A.conferencing,
-        title: (k = a == null ? void 0 : a.event) == null ? void 0 : k.title,
+        title: (I = a == null ? void 0 : a.event) == null ? void 0 : I.title,
         description: (U = a == null ? void 0 : a.event) == null ? void 0 : U.description,
-        capacity: (P = a == null ? void 0 : a.group_event_info) == null ? void 0 : P.capacity,
+        capacity: (N = a == null ? void 0 : a.group_event_info) == null ? void 0 : N.capacity,
         calendar_id: (O = a == null ? void 0 : a.event) == null ? void 0 : O.calendar_id,
         recurrence: f ? [f + ";UNTIL=" + g] : [`RRULE:FREQ=DAILY;UNTIL=${g}`]
       };
       return await this.updateGroupEventById({
-        ...v,
+        ..._,
         id: l
-      }, s), [v, S];
+      }, s), [_, S];
     } else if (n === "all") {
-      const S = t == null ? void 0 : t.when, v = (I = a == null ? void 0 : a.event) == null ? void 0 : I.when, L = (T = this.nylasSchedulerConfigStore.state.masterGroupEvents) == null ? void 0 : T[l];
+      const S = t == null ? void 0 : t.when, _ = (k = a == null ? void 0 : a.event) == null ? void 0 : k.when, L = (T = this.nylasSchedulerConfigStore.state.masterGroupEvents) == null ? void 0 : T[l];
       let b = L == null ? void 0 : L.when;
-      return (S == null ? void 0 : S.start_time) !== (v == null ? void 0 : v.start_time) && (b = {
+      return (S == null ? void 0 : S.start_time) !== (_ == null ? void 0 : _.start_time) && (b = {
         ...b,
         start_time: (S == null ? void 0 : S.start_time) || (b == null ? void 0 : b.start_time)
-      }), (S == null ? void 0 : S.end_time) !== (v == null ? void 0 : v.end_time) && (b = {
+      }), (S == null ? void 0 : S.end_time) !== (_ == null ? void 0 : _.end_time) && (b = {
         ...b,
         end_time: (S == null ? void 0 : S.end_time) || (b == null ? void 0 : b.end_time)
-      }), (S == null ? void 0 : S.start_timezone) !== (v == null ? void 0 : v.start_timezone) && (b = {
+      }), (S == null ? void 0 : S.start_timezone) !== (_ == null ? void 0 : _.start_timezone) && (b = {
         ...b,
         start_timezone: (S == null ? void 0 : S.start_timezone) || (b == null ? void 0 : b.start_timezone)
-      }), (S == null ? void 0 : S.end_timezone) !== (v == null ? void 0 : v.end_timezone) && (b = {
+      }), (S == null ? void 0 : S.end_timezone) !== (_ == null ? void 0 : _.end_timezone) && (b = {
         ...b,
         end_timezone: (S == null ? void 0 : S.end_timezone) || (b == null ? void 0 : b.end_timezone)
       }), this.updateGroupEventById({
@@ -282,15 +340,15 @@ class NylasSchedulerConfigAPIConnector {
     throw this.nylasSchedulerConfigStore.state.isLoading = !1, new Error("Invalid option");
   }
   async deleteGroupEvent(t, n, s) {
-    var m, y, w, _, x, R, A, k, U, P, O, I;
+    var m, y, w, v, x, R, A, I, U, N, O, k;
     this.nylasSchedulerConfigStore.state.isLoading = !0;
-    const a = this.nylasSchedulerConfigStore.state.selectedGroupEvent, l = (m = a == null ? void 0 : a.event) == null ? void 0 : m.master_event_id, d = (y = a == null ? void 0 : a.event) == null ? void 0 : y.id, c = (_ = (w = a == null ? void 0 : a.event) == null ? void 0 : w.when) == null ? void 0 : _.start_time, u = (R = (x = a == null ? void 0 : a.group_event_info) == null ? void 0 : x.rrule) == null ? void 0 : R[0], f = u ? u.split(";").filter((T) => !T.startsWith("UNTIL")).join(";") : "", g = c ? dayjs(c * 1e3).format("YYYYMMDDTHHmmss[Z]") : "", p = {
+    const a = this.nylasSchedulerConfigStore.state.selectedGroupEvent, l = (m = a == null ? void 0 : a.event) == null ? void 0 : m.master_event_id, d = (y = a == null ? void 0 : a.event) == null ? void 0 : y.id, c = (v = (w = a == null ? void 0 : a.event) == null ? void 0 : w.when) == null ? void 0 : v.start_time, u = (R = (x = a == null ? void 0 : a.group_event_info) == null ? void 0 : x.rrule) == null ? void 0 : R[0], f = u ? u.split(";").filter((T) => !T.startsWith("UNTIL")).join(";") : "", g = c ? dayjs(c * 1e3).format("YYYYMMDDTHHmmss[Z]") : "", p = {
       location: (A = a == null ? void 0 : a.event) == null ? void 0 : A.location,
-      conferencing: (k = a == null ? void 0 : a.event) == null ? void 0 : k.conferencing,
+      conferencing: (I = a == null ? void 0 : a.event) == null ? void 0 : I.conferencing,
       title: (U = a == null ? void 0 : a.event) == null ? void 0 : U.title,
-      description: (P = a == null ? void 0 : a.event) == null ? void 0 : P.description,
+      description: (N = a == null ? void 0 : a.event) == null ? void 0 : N.description,
       capacity: (O = a == null ? void 0 : a.group_event_info) == null ? void 0 : O.capacity,
-      calendar_id: (I = a == null ? void 0 : a.event) == null ? void 0 : I.calendar_id,
+      calendar_id: (k = a == null ? void 0 : a.event) == null ? void 0 : k.calendar_id,
       recurrence: f ? [f + ";UNTIL=" + g] : [`RRULE:UNTIL=${g}`]
     };
     if (n === "this" && d)
@@ -411,7 +469,7 @@ class LocalStorage {
 const PKCE_KEY = "pkce", GRANT_KEY = "grant", USER_KEY = "user";
 class Storage {
   constructor(t) {
-    N(this, "Storage", new LocalStorage());
+    P(this, "Storage", new LocalStorage());
     if (t) {
       this.Storage = t;
       return;
@@ -487,8 +545,8 @@ class Storage {
 }
 class IndexedDBStorage {
   constructor() {
-    N(this, "databaseName", "identity-db");
-    N(this, "storeName", "identity");
+    P(this, "databaseName", "identity-db");
+    P(this, "storeName", "identity");
   }
   get(t) {
     const n = this;
@@ -714,11 +772,11 @@ var sha256 = { exports: {} };
         r[16] = this.block, r[t >> 2] |= EXTRA[t & 3], this.block = r[16], t >= 56 && (this.hashed || this.hash(), r[0] = this.block, r[16] = r[1] = r[2] = r[3] = r[4] = r[5] = r[6] = r[7] = r[8] = r[9] = r[10] = r[11] = r[12] = r[13] = r[14] = r[15] = 0), r[14] = this.hBytes << 3 | this.bytes >>> 29, r[15] = this.bytes << 3, this.hash();
       }
     }, Sha256.prototype.hash = function() {
-      var r = this.h0, t = this.h1, n = this.h2, s = this.h3, a = this.h4, l = this.h5, d = this.h6, c = this.h7, u = this.blocks, f, g, p, m, y, w, _, x, R, A, k;
+      var r = this.h0, t = this.h1, n = this.h2, s = this.h3, a = this.h4, l = this.h5, d = this.h6, c = this.h7, u = this.blocks, f, g, p, m, y, w, v, x, R, A, I;
       for (f = 16; f < 64; ++f)
         y = u[f - 15], g = (y >>> 7 | y << 25) ^ (y >>> 18 | y << 14) ^ y >>> 3, y = u[f - 2], p = (y >>> 17 | y << 15) ^ (y >>> 19 | y << 13) ^ y >>> 10, u[f] = u[f - 16] + g + u[f - 7] + p << 0;
-      for (k = t & n, f = 0; f < 64; f += 4)
-        this.first ? (this.is224 ? (x = 300032, y = u[0] - 1413257819, c = y - 150054599 << 0, s = y + 24177077 << 0) : (x = 704751109, y = u[0] - 210244248, c = y - 1521486534 << 0, s = y + 143694565 << 0), this.first = !1) : (g = (r >>> 2 | r << 30) ^ (r >>> 13 | r << 19) ^ (r >>> 22 | r << 10), p = (a >>> 6 | a << 26) ^ (a >>> 11 | a << 21) ^ (a >>> 25 | a << 7), x = r & t, m = x ^ r & n ^ k, _ = a & l ^ ~a & d, y = c + p + _ + K[f] + u[f], w = g + m, c = s + y << 0, s = y + w << 0), g = (s >>> 2 | s << 30) ^ (s >>> 13 | s << 19) ^ (s >>> 22 | s << 10), p = (c >>> 6 | c << 26) ^ (c >>> 11 | c << 21) ^ (c >>> 25 | c << 7), R = s & r, m = R ^ s & t ^ x, _ = c & a ^ ~c & l, y = d + p + _ + K[f + 1] + u[f + 1], w = g + m, d = n + y << 0, n = y + w << 0, g = (n >>> 2 | n << 30) ^ (n >>> 13 | n << 19) ^ (n >>> 22 | n << 10), p = (d >>> 6 | d << 26) ^ (d >>> 11 | d << 21) ^ (d >>> 25 | d << 7), A = n & s, m = A ^ n & r ^ R, _ = d & c ^ ~d & a, y = l + p + _ + K[f + 2] + u[f + 2], w = g + m, l = t + y << 0, t = y + w << 0, g = (t >>> 2 | t << 30) ^ (t >>> 13 | t << 19) ^ (t >>> 22 | t << 10), p = (l >>> 6 | l << 26) ^ (l >>> 11 | l << 21) ^ (l >>> 25 | l << 7), k = t & n, m = k ^ t & s ^ A, _ = l & d ^ ~l & c, y = a + p + _ + K[f + 3] + u[f + 3], w = g + m, a = r + y << 0, r = y + w << 0;
+      for (I = t & n, f = 0; f < 64; f += 4)
+        this.first ? (this.is224 ? (x = 300032, y = u[0] - 1413257819, c = y - 150054599 << 0, s = y + 24177077 << 0) : (x = 704751109, y = u[0] - 210244248, c = y - 1521486534 << 0, s = y + 143694565 << 0), this.first = !1) : (g = (r >>> 2 | r << 30) ^ (r >>> 13 | r << 19) ^ (r >>> 22 | r << 10), p = (a >>> 6 | a << 26) ^ (a >>> 11 | a << 21) ^ (a >>> 25 | a << 7), x = r & t, m = x ^ r & n ^ I, v = a & l ^ ~a & d, y = c + p + v + K[f] + u[f], w = g + m, c = s + y << 0, s = y + w << 0), g = (s >>> 2 | s << 30) ^ (s >>> 13 | s << 19) ^ (s >>> 22 | s << 10), p = (c >>> 6 | c << 26) ^ (c >>> 11 | c << 21) ^ (c >>> 25 | c << 7), R = s & r, m = R ^ s & t ^ x, v = c & a ^ ~c & l, y = d + p + v + K[f + 1] + u[f + 1], w = g + m, d = n + y << 0, n = y + w << 0, g = (n >>> 2 | n << 30) ^ (n >>> 13 | n << 19) ^ (n >>> 22 | n << 10), p = (d >>> 6 | d << 26) ^ (d >>> 11 | d << 21) ^ (d >>> 25 | d << 7), A = n & s, m = A ^ n & r ^ R, v = d & c ^ ~d & a, y = l + p + v + K[f + 2] + u[f + 2], w = g + m, l = t + y << 0, t = y + w << 0, g = (t >>> 2 | t << 30) ^ (t >>> 13 | t << 19) ^ (t >>> 22 | t << 10), p = (l >>> 6 | l << 26) ^ (l >>> 11 | l << 21) ^ (l >>> 25 | l << 7), I = t & n, m = I ^ t & s ^ A, v = l & d ^ ~l & c, y = a + p + v + K[f + 3] + u[f + 3], w = g + m, a = r + y << 0, r = y + w << 0;
       this.h0 = this.h0 + r << 0, this.h1 = this.h1 + t << 0, this.h2 = this.h2 + n << 0, this.h3 = this.h3 + s << 0, this.h4 = this.h4 + a << 0, this.h5 = this.h5 + l << 0, this.h6 = this.h6 + d << 0, this.h7 = this.h7 + c << 0;
     }, Sha256.prototype.hex = function() {
       this.finalize();
@@ -915,39 +973,39 @@ function fetchEventSource(r, t) {
     const y = Object.assign({}, s);
     y.accept || (y.accept = EventStreamContentType);
     let w;
-    function _() {
-      w.abort(), document.hidden || P();
+    function v() {
+      w.abort(), document.hidden || N();
     }
-    u || document.addEventListener("visibilitychange", _);
+    u || document.addEventListener("visibilitychange", v);
     let x = DefaultRetryInterval, R = 0;
     function A() {
-      document.removeEventListener("visibilitychange", _), window.clearTimeout(R), w.abort();
+      document.removeEventListener("visibilitychange", v), window.clearTimeout(R), w.abort();
     }
     n == null || n.addEventListener("abort", () => {
       A(), p();
     });
-    const k = f ?? window.fetch, U = a ?? defaultOnOpen;
-    async function P() {
+    const I = f ?? window.fetch, U = a ?? defaultOnOpen;
+    async function N() {
       var O;
       w = new AbortController();
       try {
-        const I = await k(r, Object.assign(Object.assign({}, g), { headers: y, signal: w.signal }));
-        await U(I), await getBytes(I.body, getLines(getMessages((T) => {
+        const k = await I(r, Object.assign(Object.assign({}, g), { headers: y, signal: w.signal }));
+        await U(k), await getBytes(k.body, getLines(getMessages((T) => {
           T ? y[LastEventId] = T : delete y[LastEventId];
         }, (T) => {
           x = T;
         }, l))), d == null || d(), A(), p();
-      } catch (I) {
+      } catch (k) {
         if (!w.signal.aborted)
           try {
-            const T = (O = c == null ? void 0 : c(I)) !== null && O !== void 0 ? O : x;
-            window.clearTimeout(R), R = window.setTimeout(P, T);
+            const T = (O = c == null ? void 0 : c(k)) !== null && O !== void 0 ? O : x;
+            window.clearTimeout(R), R = window.setTimeout(N, T);
           } catch (T) {
             A(), m(T);
           }
       }
     }
-    P();
+    N();
   });
 }
 function defaultOnOpen(r) {
@@ -1014,15 +1072,15 @@ function o(r, t) {
 n$1.prototype = new Error(), n$1.prototype.name = "InvalidTokenError";
 class NylasSessions {
   constructor(t) {
-    N(this, "clientId");
-    N(this, "redirectUri");
-    N(this, "accessType", "online");
-    N(this, "domain", "http://api.nylas.com");
-    N(this, "versioned", !1);
-    N(this, "Storage");
-    N(this, "hosted", !1);
-    N(this, "multiAccount", !1);
-    N(this, "loginId", "");
+    P(this, "clientId");
+    P(this, "redirectUri");
+    P(this, "accessType", "online");
+    P(this, "domain", "http://api.nylas.com");
+    P(this, "versioned", !1);
+    P(this, "Storage");
+    P(this, "hosted", !1);
+    P(this, "multiAccount", !1);
+    P(this, "loginId", "");
     if (this.clientId = t.clientId, this.redirectUri = t.redirectUri, t.domain && (this.domain = t.domain, this.domain.substring(this.domain.length - 3).includes("/v") && (this.versioned = !0)), t.multiAccount && (this.multiAccount = t.multiAccount), t.sw) {
       const n = new IndexedDBStorage();
       this.Storage = new Storage(n);
@@ -1618,7 +1676,7 @@ function ExpressFlow({ currentUser: r, calendars: t, selectedEventType: n }) {
       );
   }
 }
-const nylasSchedulerEditorCss = ':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 0px 6px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px -3px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{width:-moz-available;width:-webkit-fill-available;width:fill-available;min-width:325px}}:host nylas-notification{position:absolute;top:0;right:0}div.scheduler-editor-content{height:800px}@media screen and (max-width: 768px){div.scheduler-editor-content{height:auto}}div.scheduler-editor-content--group{height:800px}@media screen and (max-width: 768px){div.scheduler-editor-content--group{height:auto}}div.scheduler-editor-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900);min-width:924px}@media screen and (max-width: 768px){div.scheduler-editor-header{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;margin:0;font-size:18px;line-height:24px;font-weight:600}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);background-color:transparent}div.scheduler-editor-header button:disabled{cursor:not-allowed}div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-button){border:none;padding:4px;margin-right:8px}div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-button):hover{outline:none;color:var(--nylas-primary)}div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-content){min-width:132px}@media screen and (max-width: 768px){div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-content){width:-webkit-fill-available;width:fill-available;width:-moz-available}}nylas-select-event-type{height:inherit;width:calc(924px + 2rem)}@media screen and (max-width: 768px){nylas-select-event-type{width:auto}}nylas-editor-tabs,nylas-editor-tabs-group{width:auto;height:inherit}nylas-editor-tabs .row,nylas-editor-tabs-group .row{display:flex;gap:1rem}nylas-editor-tabs .composable,nylas-editor-tabs-group .composable{height:inherit;overflow:auto}nylas-editor-tabs nylas-event-info div[slot=inputs],nylas-editor-tabs nylas-event-limits div[slot=inputs],nylas-editor-tabs-group nylas-event-info div[slot=inputs],nylas-editor-tabs-group nylas-event-limits div[slot=inputs]{display:flex;flex-direction:column;gap:1rem}.card{display:flex;flex-direction:column;padding:2rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;max-width:fit-content;align-self:center}.login-required{height:inherit;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.login-required{height:auto}}.login-required p{margin:0 0 1rem}.login-required .microsoft-button,.login-required .google-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;margin-bottom:1rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;justify-content:center;gap:0.5rem;align-items:center}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;border:0;background-color:var(--nylas-base-0);height:48px;margin-bottom:1rem;font-size:0.95rem;justify-content:center;gap:0.25rem;align-items:center}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button svg{transform:rotate(180deg)}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .disclaimer-text{font-size:0.75rem;color:var(--nylas-base-600);align-self:center}.list-configurations{padding:2rem;height:inherit;background:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.list-configurations{height:auto;padding:2rem 1rem}}.list-configurations nylas-list-configurations{height:inherit;display:flex;flex-direction:column}', NylasSchedulerEditorStyle0 = nylasSchedulerEditorCss, NylasSchedulerEditor = class {
+const nylasSchedulerEditorCss = ':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 0px 6px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px -3px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}@media screen and (max-width: 768px){:host{width:-moz-available;width:-webkit-fill-available;width:fill-available;min-width:325px}}:host nylas-notification{position:absolute;top:0;right:0}div.scheduler-editor-content{height:800px}@media screen and (max-width: 768px){div.scheduler-editor-content{height:auto}}div.scheduler-editor-content slot[name=login-required]{height:inherit}div.scheduler-editor-content--group{height:800px}@media screen and (max-width: 768px){div.scheduler-editor-content--group{height:auto}}div.scheduler-editor-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900);min-width:924px}@media screen and (max-width: 768px){div.scheduler-editor-header{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;margin:0;font-size:18px;line-height:24px;font-weight:600}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer;color:var(--nylas-base-900)}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary);background-color:transparent}div.scheduler-editor-header button:disabled{cursor:not-allowed}div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-button){border:none;padding:4px;margin-right:8px}div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-button):hover{outline:none;color:var(--nylas-primary)}div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-content){min-width:132px}@media screen and (max-width: 768px){div.scheduler-editor-header div.language select-dropdown::part(sd_dropdown-content){width:-webkit-fill-available;width:fill-available;width:-moz-available}}nylas-select-event-type{height:inherit;width:calc(924px + 2rem)}@media screen and (max-width: 768px){nylas-select-event-type{width:auto}}nylas-editor-tabs,nylas-editor-tabs-group{width:auto;height:inherit}nylas-editor-tabs .row,nylas-editor-tabs-group .row{display:flex;gap:1rem}nylas-editor-tabs .composable,nylas-editor-tabs-group .composable{height:inherit;overflow:auto}nylas-editor-tabs nylas-event-info div[slot=inputs],nylas-editor-tabs nylas-event-limits div[slot=inputs],nylas-editor-tabs-group nylas-event-info div[slot=inputs],nylas-editor-tabs-group nylas-event-limits div[slot=inputs]{display:flex;flex-direction:column;gap:1rem}.card{display:flex;flex-direction:column;padding:2rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;color:var(--nylas-base-900);max-width:fit-content;align-self:center}.login-required{height:inherit;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.login-required{height:auto}}.login-required p{margin:0 0 1rem}.login-required .microsoft-button,.login-required .google-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;margin-bottom:1rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;justify-content:center;gap:0.5rem;align-items:center;color:var(--nylas-base-900)}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:16px;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;border:0;background-color:var(--nylas-base-0);height:48px;margin-bottom:1rem;font-size:0.95rem;justify-content:center;gap:0.25rem;align-items:center;color:var(--nylas-base-900)}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button svg{transform:rotate(180deg)}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .disclaimer-text{font-size:0.75rem;color:var(--nylas-base-600);align-self:center}.list-configurations{padding:2rem;height:inherit;background:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.list-configurations{height:auto;padding:2rem 1rem}}.list-configurations nylas-list-configurations{height:inherit;display:flex;flex-direction:column}', NylasSchedulerEditorStyle0 = nylasSchedulerEditorCss, NylasSchedulerEditor = class {
   constructor(r) {
     registerInstance(this, r), this.init = createEvent(this, "init", 7), this.loggedIn = createEvent(this, "loggedIn", 7), this.loggedOut = createEvent(this, "loggedOut", 7), this.schedulerConfigCloseClicked = createEvent(this, "schedulerConfigCloseClicked", 7), this.handleSchedulerConfigCloseClicked = (t) => {
       const n = this.schedulerConfigCloseClicked.emit(this.host);
@@ -1629,7 +1687,7 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
       max_fairness: !0,
       max_availability: !0,
       group: !0
-    }, this.automaticComponentRegistration = !0, this.selectedLanguage = this.defaultLanguage || LANGUAGE_CODE.en, this.langVersion = 0, this.version = "2.0.4";
+    }, this.themeConfig = void 0, this.automaticComponentRegistration = !0, this.selectedLanguage = this.defaultLanguage || LANGUAGE_CODE.en, this.langVersion = 0, this.version = "2.1.0";
   }
   connectedCallback() {
     debug("[nylas-scheduler-editor] connectedCallback");
@@ -1656,7 +1714,8 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
         selectedLanguage: this.defaultLanguage || LANGUAGE_CODE.en,
         nylasBranding: this.nylasBranding,
         experimentalFeatures: this.experimentalFeatures,
-        enableEventTypes: this.enableEventTypes
+        enableEventTypes: this.enableEventTypes,
+        themeConfig: this.themeConfig
       })
     }, !this.nylasApiRequest && this.nylasSessionsConfig) {
       const p = new NylasSessions(this.nylasSessionsConfig);
@@ -1664,8 +1723,8 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
         var y, w;
         const m = await ((w = (y = this.nylasSchedulerConfigConnector) == null ? void 0 : y.schedulerConfig) == null ? void 0 : w.currentUser());
         if (m) {
-          const _ = this.loggedIn.emit(this.host);
-          "loggedIn" in this.eventOverrides && await this.eventOverrides.loggedIn(_, this.nylasSchedulerConfigConnector), _.defaultPrevented || await this.loggedInHandler(m);
+          const v = this.loggedIn.emit(this.host);
+          "loggedIn" in this.eventOverrides && await this.eventOverrides.loggedIn(v, this.nylasSchedulerConfigConnector), v.defaultPrevented || await this.loggedInHandler(m);
         }
       }), p.onLoginFail(async () => {
         var y, w;
@@ -1695,11 +1754,11 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
     }
     (f = (u = this.stores) == null ? void 0 : u.schedulerConfig) == null || f.onChange("selectedConfiguration", async (p) => {
       p && p.id && (this.configurationId = p.id);
-    }), (g = this.baseProvider) == null || g.componentWillLoad(this.nylasSchedulerConfigConnector);
+    }), (g = this.baseProvider) == null || g.componentWillLoad(this.nylasSchedulerConfigConnector), this.applyThemeConfig(this.themeConfig);
   }
   async componentDidLoad() {
     var r;
-    debug("[nylas-scheduler-editor] componentDidLoad"), await ((r = this.baseProvider) == null ? void 0 : r.componentDidLoad()), this.updateLocalization(this.localization), this.version = "2.0.4";
+    debug("[nylas-scheduler-editor] componentDidLoad"), await ((r = this.baseProvider) == null ? void 0 : r.componentDidLoad()), this.updateLocalization(this.localization), this.version = "2.1.0";
   }
   async componentDisconnected() {
     var r;
@@ -1726,6 +1785,15 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
     var t, n;
     (n = (t = this.stores) == null ? void 0 : t.schedulerConfig) == null || n.set("enableEventTypes", r);
   }
+  themeConfigChanged(r) {
+    var t, n;
+    (n = (t = this.baseProvider) == null ? void 0 : t.getStore("schedulerConfig")) == null || n.set("themeConfig", r), this.applyThemeConfig(r);
+  }
+  applyThemeConfig(r) {
+    if (r)
+      for (const [t, n] of Object.entries(r))
+        this.host.style.setProperty(`${t}`, n);
+  }
   async store() {
     var r;
     return (r = this.stores) == null ? void 0 : r.schedulerConfig;
@@ -1754,17 +1822,17 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
     }
   }
   render() {
-    var a, l, d, c, u, f, g, p, m, y, w, _, x, R, A, k, U, P, O, I, T, S, v, L, b, $, X, j, z, Y, M, V, J, W, Z, Q, ee, te, ne, se, re, oe, ie, ae;
+    var a, l, d, c, u, f, g, p, m, y, w, v, x, R, A, I, U, N, O, k, T, S, _, L, b, $, X, j, z, Y, M, V, J, W, Z, Q, ee, te, ne, se, re, ie, oe, ae;
     const r = this.host.querySelector('[slot="custom-page-style-inputs"]'), t = (d = (l = (a = this.stores) == null ? void 0 : a.schedulerConfig) == null ? void 0 : l.state.selectedConfiguration) == null ? void 0 : d.id, n = Object.keys(LANGUAGE_MAP).map((q) => ({
       label: LANGUAGE_MAP[q],
       value: q
     })), s = ((u = (c = this.stores) == null ? void 0 : c.schedulerConfig) == null ? void 0 : u.state.selectedEventType) === CONFIGURATION_EVENT_TYPE.group || ((p = (g = (f = this.stores) == null ? void 0 : f.schedulerConfig) == null ? void 0 : g.state.selectedConfiguration) == null ? void 0 : p.type) === CONFIGURATION_EVENT_TYPE.group;
-    return h(Host, { key: "f2ff98b69f59cf94f68e0a72750db304d5f5781c" }, h("div", { key: "382bac7a0ba7735ce0c6704f825d8a18a3faf412", class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: "eb011947ed70b8f7b2bd73a1d57c8de743782acd", class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: "d6a3bdf5d3c7501e865c363a58cbfd78b9ee10b1", width: "18", height: "18" }), instance.t("schedulerEditorTitle"), h("tooltip-component", { key: "d2cde09b0b5ac91a306d81dba57838ce373cda92" }, h("info-icon", { key: "af00e8fa6ca5ef8baaaf5a9abdf14a7138b030fd", slot: "tooltip-icon" }), h("span", { key: "24a185bac54f44abf7ffe9bf3cd2723dc363a12f", slot: "tooltip-content" }, this.version))), h("div", { key: "6fdf10c991b049d0a96a09faddf056de7b80a1de", class: {
+    return h(Host, { key: "8125ba9d8bbd8c1604ec4e57d769882137c7a6c5" }, h("div", { key: "51222baddda6bd200080440ac46c390b5c754734", class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: "91e8379a5068634421d8f272a5251ab578496e05", class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: "1c040d10dff4fc86d257e446c8228033b9a02032", width: "18", height: "18" }), instance.t("schedulerEditorTitle"), h("tooltip-component", { key: "1e6c30c0958fbc8dde357d03c597eb70ce35271f" }, h("info-icon", { key: "4ebd6aea27a62c33849659066860c5de75c0b7c7", slot: "tooltip-icon" }), h("span", { key: "4ddc14ba968a1d0053f5a5fb07473333186a8476", slot: "tooltip-content" }, this.version))), h("div", { key: "679bbc03e8d3e155f843ae86af0ec037ee8c2d05", class: {
       language: !0
-    }, part: "nse__language" }, h("select-dropdown", { key: "d733d65ad4fd639f94b5fde41ae32725949fe429", name: "language", searchPlaceholder: instance.t("search"), options: n, withChevron: !1, defaultSelectedOption: n.find((q) => q.value == this.selectedLanguage), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: "9ae3abafd8aa09ec54f70c9d950eb1569eff6870", slot: "select-icon" }, h("translate-icon", { key: "e435ec08d11c784caca91cf97887e261409b559b", width: "20", height: "20" })))), h("button", { key: "2bd03fa6333f11f3da17f8ce1db6516a4f936a6f", class: "scheduler-editor-close", title: "logout", onClick: (q) => this.handleSchedulerConfigCloseClicked(q), part: "nse__close-button" }, h("close-icon", { key: "b7e1ab191b7bfd4c892e101c5662ebeb42ad67a2", width: "18", height: "18" }))), h("div", { key: "3a19a2dde27979aa7428a388e68b9eb8c8d266a2", class: {
+    }, part: "nse__language" }, h("select-dropdown", { key: "9f788d9d39f2a190ef388cacca206374e19da11c", name: "language", searchPlaceholder: instance.t("search"), options: n, withChevron: !1, themeConfig: this.themeConfig, defaultSelectedOption: n.find((q) => q.value == this.selectedLanguage), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, h("span", { key: "76aa9b5b9adea974e1e8a7ac1f47faee3fc8a320", slot: "select-icon" }, h("translate-icon", { key: "9dd3b210004d04b42c3d0209db60414c6c86c54c", width: "20", height: "20" })))), h("button", { key: "fa401a8ffb5f77caae60852e7a7be15f21868002", class: "scheduler-editor-close", title: "logout", onClick: (q) => this.handleSchedulerConfigCloseClicked(q), part: "nse__close-button" }, h("close-icon", { key: "96135ba113ecdad2d3223cc8df293d46b62565e5", width: "18", height: "18" }))), h("div", { key: "48970044629cfeafd07b4ccdb34e8d3ab67e0076", class: {
       "scheduler-editor-content": !0,
       "scheduler-editor-content--group": s
-    }, part: "nse__content" }, ((y = (m = this.stores) == null ? void 0 : m.schedulerConfig) == null ? void 0 : y.state.currentUser) && this.stores.schedulerConfig.state.action === null && h("div", { class: "list-configurations", part: "nse__list-configurations" }, h("nylas-list-configurations", { exportparts: "nlc__create-new-cta, actions__dropdown,  actions__dropdown-button, actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete" })), ((_ = (w = this.stores) == null ? void 0 : w.schedulerConfig) == null ? void 0 : _.state.currentUser) && this.stores.schedulerConfig.state.action === "create-select" && h("nylas-select-event-type", null), ((R = (x = this.stores) == null ? void 0 : x.schedulerConfig) == null ? void 0 : R.state.currentUser) && this.stores.schedulerConfig.state.action === "create" && s && h("nylas-editor-tabs-group", { mode: "composable" }, h(ExpressFlow, { selectedEventType: ((U = (k = (A = this.stores) == null ? void 0 : A.schedulerConfig) == null ? void 0 : k.state) == null ? void 0 : U.selectedEventType) || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: (O = (P = this.stores) == null ? void 0 : P.schedulerConfig) == null ? void 0 : O.state.currentUser, calendars: (S = (T = (I = this.stores) == null ? void 0 : I.schedulerConfig) == null ? void 0 : T.state) == null ? void 0 : S.calendars, selectedConfiguration: (b = (L = (v = this.stores) == null ? void 0 : v.schedulerConfig) == null ? void 0 : L.state) == null ? void 0 : b.selectedConfiguration })), ((X = ($ = this.stores) == null ? void 0 : $.schedulerConfig) == null ? void 0 : X.state.currentUser) && this.stores.schedulerConfig.state.action === "create" && !s && h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, { selectedEventType: ((Y = (z = (j = this.stores) == null ? void 0 : j.schedulerConfig) == null ? void 0 : z.state) == null ? void 0 : Y.selectedEventType) || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: (V = (M = this.stores) == null ? void 0 : M.schedulerConfig) == null ? void 0 : V.state.currentUser, calendars: (Z = (W = (J = this.stores) == null ? void 0 : J.schedulerConfig) == null ? void 0 : W.state) == null ? void 0 : Z.calendars, selectedConfiguration: (te = (ee = (Q = this.stores) == null ? void 0 : Q.schedulerConfig) == null ? void 0 : ee.state) == null ? void 0 : te.selectedConfiguration })), ((se = (ne = this.stores) == null ? void 0 : ne.schedulerConfig) == null ? void 0 : se.state.currentUser) && this.stores.schedulerConfig.state.action === "edit" && s && h("nylas-editor-tabs-group", { key: t, mode: this.mode }, this.mode === "composable" && h("slot", null), this.mode === "app" && r && h("div", { style: { display: "none" }, slot: "custom-page-style-inputs", key: t }, h("slot", { name: "custom-page-style-inputs" }))), ((oe = (re = this.stores) == null ? void 0 : re.schedulerConfig) == null ? void 0 : oe.state.currentUser) && this.stores.schedulerConfig.state.action === "edit" && !s && h("nylas-editor-tabs", { key: t, mode: this.mode }, this.mode === "composable" && h("slot", null), this.mode === "app" && r && h("div", { style: { display: "none" }, slot: "custom-page-style-inputs", key: t }, h("slot", { name: "custom-page-style-inputs" }))), !((ae = (ie = this.stores) == null ? void 0 : ie.schedulerConfig) != null && ae.state.currentUser) && h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl }))));
+    }, part: "nse__content" }, ((y = (m = this.stores) == null ? void 0 : m.schedulerConfig) == null ? void 0 : y.state.currentUser) && this.stores.schedulerConfig.state.action === null && h("div", { class: "list-configurations", part: "nse__list-configurations" }, h("nylas-list-configurations", { exportparts: "nlc__create-new-cta, actions__dropdown,  actions__dropdown-button, actions__dropdown-content, actions-Copy, actions-Preview, actions-Delete" })), ((v = (w = this.stores) == null ? void 0 : w.schedulerConfig) == null ? void 0 : v.state.currentUser) && this.stores.schedulerConfig.state.action === "create-select" && h("nylas-select-event-type", null), ((R = (x = this.stores) == null ? void 0 : x.schedulerConfig) == null ? void 0 : R.state.currentUser) && this.stores.schedulerConfig.state.action === "create" && s && h("nylas-editor-tabs-group", { mode: "composable" }, h(ExpressFlow, { selectedEventType: ((U = (I = (A = this.stores) == null ? void 0 : A.schedulerConfig) == null ? void 0 : I.state) == null ? void 0 : U.selectedEventType) || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: (O = (N = this.stores) == null ? void 0 : N.schedulerConfig) == null ? void 0 : O.state.currentUser, calendars: (S = (T = (k = this.stores) == null ? void 0 : k.schedulerConfig) == null ? void 0 : T.state) == null ? void 0 : S.calendars, selectedConfiguration: (b = (L = (_ = this.stores) == null ? void 0 : _.schedulerConfig) == null ? void 0 : L.state) == null ? void 0 : b.selectedConfiguration })), ((X = ($ = this.stores) == null ? void 0 : $.schedulerConfig) == null ? void 0 : X.state.currentUser) && this.stores.schedulerConfig.state.action === "create" && !s && h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, { selectedEventType: ((Y = (z = (j = this.stores) == null ? void 0 : j.schedulerConfig) == null ? void 0 : z.state) == null ? void 0 : Y.selectedEventType) || CONFIGURATION_EVENT_TYPE.one_on_one, currentUser: (V = (M = this.stores) == null ? void 0 : M.schedulerConfig) == null ? void 0 : V.state.currentUser, calendars: (Z = (W = (J = this.stores) == null ? void 0 : J.schedulerConfig) == null ? void 0 : W.state) == null ? void 0 : Z.calendars, selectedConfiguration: (te = (ee = (Q = this.stores) == null ? void 0 : Q.schedulerConfig) == null ? void 0 : ee.state) == null ? void 0 : te.selectedConfiguration })), ((se = (ne = this.stores) == null ? void 0 : ne.schedulerConfig) == null ? void 0 : se.state.currentUser) && this.stores.schedulerConfig.state.action === "edit" && s && h("nylas-editor-tabs-group", { key: t, mode: this.mode }, this.mode === "composable" && h("slot", null), this.mode === "app" && r && h("div", { style: { display: "none" }, slot: "custom-page-style-inputs", key: t }, h("slot", { name: "custom-page-style-inputs" }))), ((ie = (re = this.stores) == null ? void 0 : re.schedulerConfig) == null ? void 0 : ie.state.currentUser) && this.stores.schedulerConfig.state.action === "edit" && !s && h("nylas-editor-tabs", { key: t, mode: this.mode }, this.mode === "composable" && h("slot", null), this.mode === "app" && r && h("div", { style: { display: "none" }, slot: "custom-page-style-inputs", key: t }, h("slot", { name: "custom-page-style-inputs" }))), !((ae = (oe = this.stores) == null ? void 0 : oe.schedulerConfig) != null && ae.state.currentUser) && h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl }))));
   }
   get host() {
     return getElement(this);
@@ -1775,7 +1843,8 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
       localization: ["updateLocalization"],
       nylasBranding: ["updateNylasBranding"],
       experimentalFeatures: ["updateExperimentalFeatures"],
-      enableEventTypes: ["updateEnableEventTypes"]
+      enableEventTypes: ["updateEnableEventTypes"],
+      themeConfig: ["themeConfigChanged"]
     };
   }
 };