@nylas/react 2.0.3 → 2.0.6

package/dist/{nylas-scheduler-editor.entry-aa079dff.js → nylas-scheduler-editor.entry-0e4ba46d.js}

@@ -1,9 +1,9 @@
 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-ad781fbc.js";
-import { N as NylasBaseProvider } from "./abstract-provider-bdb7d9b4-22cf4a74.js";
-import { X as Xr } from "./index.es-ccb2a286-dfa2bfbe.js";
+var P = (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-140eb219.js";
+import { N as NylasBaseProvider } from "./abstract-provider-45ada3b4-abd3105d.js";
+import { X as Xr } from "./index.es-57d4a08f-184cbc01.js";
 import { L as LANGUAGE_CODE, a as LANGUAGE_MAP, C as CONFIGURATION_EVENT_TYPE } from "./constants-f51538ef-e0a5f026.js";
 import "react";
 import "react/jsx-runtime";
@@ -235,7 +235,7 @@ 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, _, x, R, A, k, U, N, O, I, 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]") : "";
     if (n === "this")
@@ -250,7 +250,7 @@ class NylasSchedulerConfigAPIConnector {
         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,
         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}`]
       };
@@ -282,13 +282,13 @@ 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, _, x, R, A, k, U, N, O, I;
     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 = {
       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,
       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,
       recurrence: f ? [f + ";UNTIL=" + g] : [`RRULE:UNTIL=${g}`]
@@ -411,7 +411,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 +487,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;
@@ -916,7 +916,7 @@ function fetchEventSource(r, t) {
     y.accept || (y.accept = EventStreamContentType);
     let w;
     function _() {
-      w.abort(), document.hidden || P();
+      w.abort(), document.hidden || N();
     }
     u || document.addEventListener("visibilitychange", _);
     let x = DefaultRetryInterval, R = 0;
@@ -927,7 +927,7 @@ function fetchEventSource(r, t) {
       A(), p();
     });
     const k = f ?? window.fetch, U = a ?? defaultOnOpen;
-    async function P() {
+    async function N() {
       var O;
       w = new AbortController();
       try {
@@ -941,13 +941,13 @@ function fetchEventSource(r, t) {
         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);
+            window.clearTimeout(R), R = window.setTimeout(N, T);
           } catch (T) {
             A(), m(T);
           }
       }
     }
-    P();
+    N();
   });
 }
 function defaultOnOpen(r) {
@@ -1014,15 +1014,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 +1618,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-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 +1629,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.2";
+    }, this.themeConfig = void 0, this.automaticComponentRegistration = !0, this.selectedLanguage = this.defaultLanguage || LANGUAGE_CODE.en, this.langVersion = 0, this.version = "2.0.6";
   }
   connectedCallback() {
     debug("[nylas-scheduler-editor] connectedCallback");
@@ -1656,7 +1656,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);
@@ -1695,11 +1696,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.2";
+    debug("[nylas-scheduler-editor] componentDidLoad"), await ((r = this.baseProvider) == null ? void 0 : r.componentDidLoad()), this.updateLocalization(this.localization), this.version = "2.0.6";
   }
   async componentDisconnected() {
     var r;
@@ -1726,6 +1727,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 +1764,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, _, x, R, A, k, U, N, 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;
     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" })), ((_ = (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 = (N = this.stores) == null ? void 0 : N.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 }))));
   }
   get host() {
     return getElement(this);
@@ -1775,7 +1785,8 @@ const nylasSchedulerEditorCss = ':host{display:flex;flex-direction:column;overfl
       localization: ["updateLocalization"],
       nylasBranding: ["updateNylasBranding"],
       experimentalFeatures: ["updateExperimentalFeatures"],
-      enableEventTypes: ["updateEnableEventTypes"]
+      enableEventTypes: ["updateEnableEventTypes"],
+      themeConfig: ["themeConfigChanged"]
     };
   }
 };