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

package/dist/{nylas-scheduler-editor.entry-d4a9afb1.js → nylas-scheduler-editor.entry-1ca566d3.js}

@@ -1,10 +1,10 @@
 var P = Object.defineProperty;
 var O = (r, t, n) => t in r ? P(r, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : r[t] = n;
-var m = (r, t, n) => (O(r, typeof t != "symbol" ? t + "" : t, n), n);
-import { i as commonjsGlobal, r as registerInstance, c as createEvent, d as debug, N as NylasIdentityRequestWrapper, h, H as Host, g as getElement, B as Buffer, F as Fragment, j as dataResponse } from "./index-812162da.js";
-import { N as NylasBaseProvider, X as Xr } from "./index.es-9cc0eb3c-52226859.js";
-import { C as CreateNylasSchedulerConfigStore } from "./scheduler-config-store-4a50a03d-ee42ff96.js";
-import { p as process } from "./index-53420959-67beefed.js";
+var b = (r, t, n) => (O(r, typeof t != "symbol" ? t + "" : t, n), n);
+import { i as commonjsGlobal, r as registerInstance, c as createEvent, d as debug, N as NylasIdentityRequestWrapper, h, H as Host, g as getElement, B as Buffer, F as Fragment, j as dataResponse } from "./index-a68236be.js";
+import { N as NylasBaseProvider, X as Xr } from "./index.es-9cc0eb3c-e6c5dd2d.js";
+import { C as CreateNylasSchedulerConfigStore } from "./scheduler-config-store-9ccfba4d-84025740.js";
+import { p as process } from "./index-53420959-507f0a27.js";
 import "react";
 import "react-dom";
 class NylasSchedulerConfigAPIConnector {
@@ -51,21 +51,21 @@ class NylasSchedulerConfigAPIConnector {
       message: "Error fetching configuration: " + ((a = s.error) == null ? void 0 : a.message)
     }) : (this.nylasSchedulerConfigStore.state.selectedConfiguration = s.data, this.nylasSchedulerConfigStore.state.configurations.find((d) => d.id === t) ? this.nylasSchedulerConfigStore.state.configurations = this.nylasSchedulerConfigStore.state.configurations.map((d) => d.id === t ? s.data : d) : this.nylasSchedulerConfigStore.state.configurations = [...this.nylasSchedulerConfigStore.state.configurations, s.data], dataResponse(s.data));
   }
-  async getConfigurations() {
-    var s;
+  async getConfigurations(t) {
+    var a;
     if (!this.nylasApiRequest)
       return console.warn("Nylas API Request is not initialized"), dataResponse(null, {
         message: "Error fetching configurations: Nylas API Request is not initialized"
       });
-    const [t, n] = await this.nylasApiRequest.request({
+    const n = 50, [s, c] = await this.nylasApiRequest.request({
       method: "GET",
-      path: "scheduling/configurations"
+      path: `scheduling/configurations?limit=${n}${t ? `&page_token=${t}` : ""}`
     });
-    return n ? dataResponse(null, {
-      message: "Error fetching configurations: " + n.message
-    }) : Xr(t) ? dataResponse(null, {
-      message: "Error fetching configurations: " + ((s = t.error) == null ? void 0 : s.message)
-    }) : (this.nylasSchedulerConfigStore.state.configurations = t.data, dataResponse(t.data));
+    return c ? dataResponse(null, {
+      message: "Error fetching configurations: " + c.message
+    }) : Xr(s) ? dataResponse(null, {
+      message: "Error fetching configurations: " + ((a = s.error) == null ? void 0 : a.message)
+    }) : (this.nylasSchedulerConfigStore.state.configurations = s.data, this.nylasSchedulerConfigStore.state.listConfigurationsNextCursor = s.next_cursor || null, dataResponse(s.data));
   }
   async createConfiguration(t) {
     var c;
@@ -162,7 +162,7 @@ class LocalStorage {
 const PKCE_KEY = "pkce", GRANT_KEY = "grant", USER_KEY = "user";
 class Storage {
   constructor(t) {
-    m(this, "Storage", new LocalStorage());
+    b(this, "Storage", new LocalStorage());
     if (t) {
       this.Storage = t;
       return;
@@ -238,8 +238,8 @@ class Storage {
 }
 class IndexedDBStorage {
   constructor() {
-    m(this, "databaseName", "identity-db");
-    m(this, "storeName", "identity");
+    b(this, "databaseName", "identity-db");
+    b(this, "storeName", "identity");
   }
   get(t) {
     const n = this;
@@ -265,11 +265,11 @@ class IndexedDBStorage {
       }, a.onerror = () => {
         c(a.error);
       }, a.onsuccess = (d) => {
-        const l = d.target.result, u = l.transaction(this.storeName, "readwrite"), g = u.objectStore(this.storeName).delete(t);
-        g.onsuccess = () => {
+        const l = d.target.result, u = l.transaction(this.storeName, "readwrite"), y = u.objectStore(this.storeName).delete(t);
+        y.onsuccess = () => {
           s(null);
-        }, g.onerror = () => {
-          c(g.error);
+        }, y.onerror = () => {
+          c(y.error);
         }, u.oncomplete = () => {
           l.close();
         };
@@ -284,11 +284,11 @@ class IndexedDBStorage {
       }, a.onupgradeneeded = (d) => {
         d.target.result.createObjectStore(this.storeName);
       }, a.onsuccess = (d) => {
-        const l = d.target.result, u = l.transaction(this.storeName, "readwrite"), g = u.objectStore(this.storeName).put(n, t);
-        g.onsuccess = () => {
+        const l = d.target.result, u = l.transaction(this.storeName, "readwrite"), y = u.objectStore(this.storeName).put(n, t);
+        y.onsuccess = () => {
           s(n);
-        }, g.onerror = () => {
-          c(g.error);
+        }, y.onerror = () => {
+          c(y.error);
         }, u.oncomplete = () => {
           l.close();
         };
@@ -465,11 +465,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, c = this.h4, a = this.h5, d = this.h6, l = this.h7, u = this.blocks, f, g, y, w, p, S, b, x, R, _, A;
+      var r = this.h0, t = this.h1, n = this.h2, s = this.h3, c = this.h4, a = this.h5, d = this.h6, l = this.h7, u = this.blocks, f, y, g, w, p, S, m, x, R, _, A;
       for (f = 16; f < 64; ++f)
-        p = u[f - 15], g = (p >>> 7 | p << 25) ^ (p >>> 18 | p << 14) ^ p >>> 3, p = u[f - 2], y = (p >>> 17 | p << 15) ^ (p >>> 19 | p << 13) ^ p >>> 10, u[f] = u[f - 16] + g + u[f - 7] + y << 0;
+        p = u[f - 15], y = (p >>> 7 | p << 25) ^ (p >>> 18 | p << 14) ^ p >>> 3, p = u[f - 2], g = (p >>> 17 | p << 15) ^ (p >>> 19 | p << 13) ^ p >>> 10, u[f] = u[f - 16] + y + u[f - 7] + g << 0;
       for (A = t & n, f = 0; f < 64; f += 4)
-        this.first ? (this.is224 ? (x = 300032, p = u[0] - 1413257819, l = p - 150054599 << 0, s = p + 24177077 << 0) : (x = 704751109, p = u[0] - 210244248, l = p - 1521486534 << 0, s = p + 143694565 << 0), this.first = !1) : (g = (r >>> 2 | r << 30) ^ (r >>> 13 | r << 19) ^ (r >>> 22 | r << 10), y = (c >>> 6 | c << 26) ^ (c >>> 11 | c << 21) ^ (c >>> 25 | c << 7), x = r & t, w = x ^ r & n ^ A, b = c & a ^ ~c & d, p = l + y + b + K[f] + u[f], S = g + w, l = s + p << 0, s = p + S << 0), g = (s >>> 2 | s << 30) ^ (s >>> 13 | s << 19) ^ (s >>> 22 | s << 10), y = (l >>> 6 | l << 26) ^ (l >>> 11 | l << 21) ^ (l >>> 25 | l << 7), R = s & r, w = R ^ s & t ^ x, b = l & c ^ ~l & a, p = d + y + b + K[f + 1] + u[f + 1], S = g + w, d = n + p << 0, n = p + S << 0, g = (n >>> 2 | n << 30) ^ (n >>> 13 | n << 19) ^ (n >>> 22 | n << 10), y = (d >>> 6 | d << 26) ^ (d >>> 11 | d << 21) ^ (d >>> 25 | d << 7), _ = n & s, w = _ ^ n & r ^ R, b = d & l ^ ~d & c, p = a + y + b + K[f + 2] + u[f + 2], S = g + w, a = t + p << 0, t = p + S << 0, g = (t >>> 2 | t << 30) ^ (t >>> 13 | t << 19) ^ (t >>> 22 | t << 10), y = (a >>> 6 | a << 26) ^ (a >>> 11 | a << 21) ^ (a >>> 25 | a << 7), A = t & n, w = A ^ t & s ^ _, b = a & d ^ ~a & l, p = c + y + b + K[f + 3] + u[f + 3], S = g + w, c = r + p << 0, r = p + S << 0;
+        this.first ? (this.is224 ? (x = 300032, p = u[0] - 1413257819, l = p - 150054599 << 0, s = p + 24177077 << 0) : (x = 704751109, p = u[0] - 210244248, l = p - 1521486534 << 0, s = p + 143694565 << 0), this.first = !1) : (y = (r >>> 2 | r << 30) ^ (r >>> 13 | r << 19) ^ (r >>> 22 | r << 10), g = (c >>> 6 | c << 26) ^ (c >>> 11 | c << 21) ^ (c >>> 25 | c << 7), x = r & t, w = x ^ r & n ^ A, m = c & a ^ ~c & d, p = l + g + m + K[f] + u[f], S = y + w, l = s + p << 0, s = p + S << 0), y = (s >>> 2 | s << 30) ^ (s >>> 13 | s << 19) ^ (s >>> 22 | s << 10), g = (l >>> 6 | l << 26) ^ (l >>> 11 | l << 21) ^ (l >>> 25 | l << 7), R = s & r, w = R ^ s & t ^ x, m = l & c ^ ~l & a, p = d + g + m + K[f + 1] + u[f + 1], S = y + w, d = n + p << 0, n = p + S << 0, y = (n >>> 2 | n << 30) ^ (n >>> 13 | n << 19) ^ (n >>> 22 | n << 10), g = (d >>> 6 | d << 26) ^ (d >>> 11 | d << 21) ^ (d >>> 25 | d << 7), _ = n & s, w = _ ^ n & r ^ R, m = d & l ^ ~d & c, p = a + g + m + K[f + 2] + u[f + 2], S = y + w, a = t + p << 0, t = p + S << 0, y = (t >>> 2 | t << 30) ^ (t >>> 13 | t << 19) ^ (t >>> 22 | t << 10), g = (a >>> 6 | a << 26) ^ (a >>> 11 | a << 21) ^ (a >>> 25 | a << 7), A = t & n, w = A ^ t & s ^ _, m = a & d ^ ~a & l, p = c + g + m + K[f + 3] + u[f + 3], S = y + w, c = r + p << 0, r = p + S << 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 + c << 0, this.h5 = this.h5 + a << 0, this.h6 = this.h6 + d << 0, this.h7 = this.h7 + l << 0;
     }, Sha256.prototype.hex = function() {
       this.finalize();
@@ -530,12 +530,12 @@ var sha256 = { exports: {} };
       } else
         throw new Error(ERROR);
       r.length > 64 && (r = new Sha256(t, !0).update(r).array());
-      var f = [], g = [];
+      var f = [], y = [];
       for (s = 0; s < 64; ++s) {
-        var y = r[s] || 0;
-        f[s] = 92 ^ y, g[s] = 54 ^ y;
+        var g = r[s] || 0;
+        f[s] = 92 ^ g, y[s] = 54 ^ g;
       }
-      Sha256.call(this, t, n), this.update(g), this.oKeyPad = f, this.inner = !0, this.sharedMemory = n;
+      Sha256.call(this, t, n), this.update(y), this.oKeyPad = f, this.inner = !0, this.sharedMemory = n;
     }
     HmacSha256.prototype = new Sha256(), HmacSha256.prototype.finalize = function() {
       if (Sha256.prototype.finalize.call(this), this.inner) {
@@ -618,21 +618,21 @@ function getMessages(r, t, n) {
     if (d.length === 0)
       n == null || n(s), s = newMessage();
     else if (l > 0) {
-      const u = c.decode(d.subarray(0, l)), f = l + (d[l + 1] === 32 ? 2 : 1), g = c.decode(d.subarray(f));
+      const u = c.decode(d.subarray(0, l)), f = l + (d[l + 1] === 32 ? 2 : 1), y = c.decode(d.subarray(f));
       switch (u) {
         case "data":
           s.data = s.data ? s.data + `
-` + g : g;
+` + y : y;
           break;
         case "event":
-          s.event = g;
+          s.event = y;
           break;
         case "id":
-          r(s.id = g);
+          r(s.id = y);
           break;
         case "retry":
-          const y = parseInt(g, 10);
-          isNaN(y) || t(s.retry = y);
+          const g = parseInt(y, 10);
+          isNaN(g) || t(s.retry = g);
           break;
       }
     }
@@ -661,37 +661,37 @@ var __rest = function(r, t) {
 };
 const EventStreamContentType = "text/event-stream", DefaultRetryInterval = 1e3, LastEventId = "last-event-id";
 function fetchEventSource(r, t) {
-  var { signal: n, headers: s, onopen: c, onmessage: a, onclose: d, onerror: l, openWhenHidden: u, fetch: f } = t, g = __rest(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
-  return new Promise((y, w) => {
+  var { signal: n, headers: s, onopen: c, onmessage: a, onclose: d, onerror: l, openWhenHidden: u, fetch: f } = t, y = __rest(t, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+  return new Promise((g, w) => {
     const p = Object.assign({}, s);
     p.accept || (p.accept = EventStreamContentType);
     let S;
-    function b() {
+    function m() {
       S.abort(), document.hidden || k();
     }
-    u || document.addEventListener("visibilitychange", b);
+    u || document.addEventListener("visibilitychange", m);
     let x = DefaultRetryInterval, R = 0;
     function _() {
-      document.removeEventListener("visibilitychange", b), window.clearTimeout(R), S.abort();
+      document.removeEventListener("visibilitychange", m), window.clearTimeout(R), S.abort();
     }
     n == null || n.addEventListener("abort", () => {
-      _(), y();
+      _(), g();
     });
-    const A = f ?? window.fetch, U = c ?? defaultOnOpen;
+    const A = f ?? window.fetch, I = c ?? defaultOnOpen;
     async function k() {
-      var I;
+      var U;
       S = new AbortController();
       try {
-        const T = await A(r, Object.assign(Object.assign({}, g), { headers: p, signal: S.signal }));
-        await U(T), await getBytes(T.body, getLines(getMessages((v) => {
+        const T = await A(r, Object.assign(Object.assign({}, y), { headers: p, signal: S.signal }));
+        await I(T), await getBytes(T.body, getLines(getMessages((v) => {
           v ? p[LastEventId] = v : delete p[LastEventId];
         }, (v) => {
           x = v;
-        }, a))), d == null || d(), _(), y();
+        }, a))), d == null || d(), _(), g();
       } catch (T) {
         if (!S.signal.aborted)
           try {
-            const v = (I = l == null ? void 0 : l(T)) !== null && I !== void 0 ? I : x;
+            const v = (U = l == null ? void 0 : l(T)) !== null && U !== void 0 ? U : x;
             window.clearTimeout(R), R = window.setTimeout(k, v);
           } catch (v) {
             _(), w(v);
@@ -765,15 +765,15 @@ function o(r, t) {
 n$1.prototype = new Error(), n$1.prototype.name = "InvalidTokenError";
 class NylasSessions {
   constructor(t) {
-    m(this, "clientId");
-    m(this, "redirectUri");
-    m(this, "accessType", "online");
-    m(this, "domain", "http://api.nylas.com");
-    m(this, "versioned", !1);
-    m(this, "Storage");
-    m(this, "hosted", !1);
-    m(this, "multiAccount", !1);
-    m(this, "loginId", "");
+    b(this, "clientId");
+    b(this, "redirectUri");
+    b(this, "accessType", "online");
+    b(this, "domain", "http://api.nylas.com");
+    b(this, "versioned", !1);
+    b(this, "Storage");
+    b(this, "hosted", !1);
+    b(this, "multiAccount", !1);
+    b(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);
@@ -1006,17 +1006,17 @@ class NylasSessions {
         code: s,
         grant_type: "authorization_code",
         code_verifier: u
-      }, y = await (await fetch(`${this.domain}/connect/token`, {
+      }, g = await (await fetch(`${this.domain}/connect/token`, {
         method: "POST",
         headers: new Headers({ "content-type": "application/json" }),
         body: JSON.stringify(f)
       })).json();
-      if (y) {
-        if (y.error) {
-          const p = { detail: y };
+      if (g) {
+        if (g.error) {
+          const p = { detail: g };
           return window.dispatchEvent(new CustomEvent("onLoginFail", p)), !0;
         }
-        const w = await this.handleCodeExchangeResponse(y);
+        const w = await this.handleCodeExchangeResponse(g);
         if (w.valid) {
           c && (w.data.state = c);
           const p = { detail: w.data };
@@ -1028,8 +1028,8 @@ class NylasSessions {
       }
       return this.Storage.removePKCE(), !0;
     } catch (f) {
-      const g = { detail: f };
-      return window.dispatchEvent(new CustomEvent("onLoginFail", g)), window.history.pushState({}, document.title, window.location.pathname), !1;
+      const y = { detail: f };
+      return window.dispatchEvent(new CustomEvent("onLoginFail", y)), window.history.pushState({}, document.title, window.location.pathname), !1;
     }
   }
   // Token Exchange for session  maintenece
@@ -1051,13 +1051,13 @@ class NylasSessions {
       })).json();
       if (d) {
         if (d.error) {
-          const g = { detail: d };
-          return window.dispatchEvent(new CustomEvent("onTokenRefreshFail", g)), !0;
+          const y = { detail: d };
+          return window.dispatchEvent(new CustomEvent("onTokenRefreshFail", y)), !0;
         }
         const l = getTimestamp();
         if (d.expires_in = l + d.expires_in, this.Storage.setGrant(d, this.multiAccount), !await this.validateIDToken(t)) {
-          const g = { detail: d };
-          return window.dispatchEvent(new CustomEvent("onTokenRefreshFail", g)), !0;
+          const y = { detail: d };
+          return window.dispatchEvent(new CustomEvent("onTokenRefreshFail", y)), !0;
         }
         const f = { detail: d };
         return window.dispatchEvent(new CustomEvent("onTokenRefreshSuccess", f)), !0;
@@ -1093,19 +1093,19 @@ class NylasSessions {
       return;
     const f = setInterval(async () => {
       if (u.closed) {
-        const g = {
+        const y = {
           detail: { error_description: "OAuth provider window closed" }
         };
-        window.dispatchEvent(new CustomEvent("onLoginFail", g)), f && clearInterval(f);
+        window.dispatchEvent(new CustomEvent("onLoginFail", y)), f && clearInterval(f);
         return;
       }
       try {
-        const g = u.location.href.split("?");
-        if (!g[0])
+        const y = u.location.href.split("?");
+        if (!y[0])
           return;
-        const y = u.location.search;
-        if (u.history.pushState({}, document.title, window.location.pathname), g[0] === this.redirectUri && g.length > 1) {
-          const w = await this.codeExchange(y);
+        const g = u.location.search;
+        if (u.history.pushState({}, document.title, window.location.pathname), y[0] === this.redirectUri && y.length > 1) {
+          const w = await this.codeExchange(g);
           u.close(), w && location.reload(), f && clearInterval(f);
           return;
         }
@@ -1164,11 +1164,11 @@ class NylasSessions {
       const f = await (u == null ? void 0 : u.json());
       if (!await this.isAuthenticatedResponse(u.status, f)) {
         if (d > 1) {
-          const y = await this.getProfile(n.grant_id);
-          if (y) {
-            y.status = "unauthorized", await this.Storage.setUserToken(y);
+          const g = await this.getProfile(n.grant_id);
+          if (g) {
+            g.status = "unauthorized", await this.Storage.setUserToken(g);
             const w = {
-              detail: { user: y }
+              detail: { user: g }
             };
             window.dispatchEvent(new CustomEvent("onSessionExpired", w));
           }
@@ -1192,7 +1192,7 @@ class NylasSessions {
       const w = await this.getAccessToken();
       f.append("Authorization", `Bearer ${w}`);
     }
-    const g = await fetch(u.toString(), {
+    const y = await fetch(u.toString(), {
       method: n || "GET",
       headers: f,
       mode: "cors",
@@ -1200,7 +1200,7 @@ class NylasSessions {
       body: s ? JSON.stringify(s) : void 0,
       ...d || {}
     });
-    return c ? await g.json() : g.body;
+    return c ? await y.json() : y.body;
   }
   // Checks if the response is not 401
   async isAuthenticatedResponse(t, n) {
@@ -1301,60 +1301,79 @@ const LoginRequired = ({ authenticationUrl: r }) => h(
     ),
     h("small", { class: "disclaimer-text" }, "* You will be redirected to authenticate your account.")
   )
-), ExpressFlow = () => h(
-  Fragment,
-  null,
-  h(
-    "nylas-event-info",
+);
+function ExpressFlow({ selectedConfiguration: r, currentUser: t, calendars: n }) {
+  var c;
+  const s = ((c = r.participants) == null ? void 0 : c.find((a) => a.is_organizer)) ?? t;
+  return h(
+    Fragment,
     null,
     h(
-      "div",
-      { slot: "inputs" },
-      h("nylas-event-title", null),
-      h("nylas-event-duration", null),
-      h("nylas-event-location", null)
-    )
-  ),
-  h("nylas-booking-calendar-picker", null)
-), 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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@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-editor-tabs{width:auto}nylas-editor-tabs nylas-event-info div[slot=inputs],nylas-editor-tabs 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:554px;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:1rem;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:1rem;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:554px;background:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.list-configurations{height:auto}}.list-configurations nylas-list-configurations{height:inherit;display:flex;flex-direction:column}', NylasSchedulerEditorStyle0 = nylasSchedulerEditorCss, NylasSchedulerEditor = class {
+      "nylas-event-info",
+      null,
+      h(
+        "div",
+        { slot: "inputs" },
+        h("nylas-event-title", null),
+        h("nylas-event-duration", null),
+        h("nylas-event-location", null)
+      )
+    ),
+    h("nylas-booking-calendar-picker", { calendars: n, currentUser: t, defaultBookingCalendar: s == null ? void 0 : s.email })
+  );
+}
+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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}@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-editor-tabs{width:auto}nylas-editor-tabs nylas-event-info div[slot=inputs],nylas-editor-tabs 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:554px;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:1rem;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:1rem;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:554px;background:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.list-configurations{height:auto}}.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) => {
       this.schedulerConfigCloseClicked.emit(this.host).defaultPrevented || (localStorage.removeItem("grant"), localStorage.removeItem("user"), window.location.reload());
-    }, this.authenticationUrl = async (t) => this.nylasApiRequest ? await this.nylasApiRequest.authenticationUrl({ provider: t }) || "" : (console.error("[nylas-scheduler-editor] Nylas API Request is not initialized."), ""), this.configurationId = void 0, this.nylasApiRequest = void 0, this.nylasSessionsConfig = void 0, this.defaultAuthArgs = void 0, this.eventOverrides = {}, this.schedulerPreviewLink = "", this.defaultSchedulerConfigState = void 0, this.mode = "app", this.additionalParticipants = void 0, this.automaticComponentRegistration = !0;
+    }, this.authenticationUrl = async (t) => this.nylasApiRequest ? await this.nylasApiRequest.authenticationUrl({ provider: t }) || "" : (console.error("[nylas-scheduler-editor] Nylas API Request is not initialized."), ""), this.configurationId = void 0, this.nylasApiRequest = void 0, this.nylasSessionsConfig = void 0, this.defaultAuthArgs = void 0, this.eventOverrides = {}, this.schedulerPreviewLink = "", this.defaultSchedulerConfigState = void 0, this.mode = "app", this.additionalParticipants = void 0, this.hideEditorTabs = [], this.conferenceProviders = void 0, this.automaticComponentRegistration = !0;
   }
   connectedCallback() {
     debug("[nylas-scheduler-editor] connectedCallback");
   }
   async componentWillLoad() {
-    var n, s, c, a, d, l, u;
-    if (debug("[nylas-scheduler-editor] componentWillLoad"), this.stores = {
+    var s, c, a, d, l, u, f, y;
+    debug("[nylas-scheduler-editor] componentWillLoad");
+    const r = (s = this.additionalParticipants) == null ? void 0 : s.filter((g) => {
+      var p;
+      const w = ((p = g.calendars) == null ? void 0 : p.length) > 0 ? g.calendars.filter((S) => S.id && S.name) : [];
+      if (g.name && g.email && w.length > 0)
+        return {
+          name: g.name,
+          email: g.email,
+          calendars: w
+        };
+    });
+    if (this.stores = {
       schedulerConfig: CreateNylasSchedulerConfigStore({
         ...this.defaultSchedulerConfigState,
-        additionalParticipants: this.additionalParticipants
+        additionalParticipants: r,
+        conferenceProviders: this.conferenceProviders,
+        hideEditorTabs: this.hideEditorTabs
       })
     }, !this.nylasApiRequest && this.nylasSessionsConfig) {
-      const f = new NylasSessions(this.nylasSessionsConfig);
-      await f.isLoggedIn(), f.onLoginSuccess(async () => {
-        var y, w;
-        const g = await ((w = (y = this.nylasSchedulerConfigConnector) == null ? void 0 : y.schedulerConfig) == null ? void 0 : w.currentUser());
-        g && (this.loggedIn.emit(this.host), this.loggedInHandler(g));
-      }), f.onLoginFail(async () => {
-        var g, y;
-        (y = (g = this.stores) == null ? void 0 : g.schedulerConfig) == null || y.set("currentUser", null), this.loggedOut.emit(this.host);
-      }), this.nylasApiRequest = new NylasIdentityRequestWrapper(f);
+      const g = new NylasSessions(this.nylasSessionsConfig);
+      await g.isLoggedIn(), g.onLoginSuccess(async () => {
+        var p, S;
+        const w = await ((S = (p = this.nylasSchedulerConfigConnector) == null ? void 0 : p.schedulerConfig) == null ? void 0 : S.currentUser());
+        w && (this.loggedIn.emit(this.host), this.loggedInHandler(w));
+      }), g.onLoginFail(async () => {
+        var w, p;
+        (p = (w = this.stores) == null ? void 0 : w.schedulerConfig) == null || p.set("currentUser", null), this.loggedOut.emit(this.host);
+      }), this.nylasApiRequest = new NylasIdentityRequestWrapper(g);
     }
     this.nylasApiRequest && this.defaultAuthArgs && this.nylasApiRequest.setDefaultAuthArgs(this.defaultAuthArgs), this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
-    const r = this.baseProvider.getStore("schedulerConfig");
+    const t = this.baseProvider.getStore("schedulerConfig");
     if (this.nylasSchedulerConfigConnector = new NylasSchedulerConfigConnector({
       nylasApiRequest: this.nylasApiRequest,
-      nylasSchedulerConfigStore: r
+      nylasSchedulerConfigStore: t
     }), !this.init.emit(this.host).defaultPrevented) {
-      const f = await ((s = (n = this.nylasSchedulerConfigConnector) == null ? void 0 : n.schedulerConfig) == null ? void 0 : s.currentUser());
-      f ? (this.loggedIn.emit(this.host), await this.loggedInHandler(f)) : ((a = (c = this.stores) == null ? void 0 : c.schedulerConfig) == null || a.set("currentUser", null), this.loggedOut.emit(this.host));
+      const g = await ((a = (c = this.nylasSchedulerConfigConnector) == null ? void 0 : c.schedulerConfig) == null ? void 0 : a.currentUser());
+      g ? (this.loggedIn.emit(this.host), await this.loggedInHandler(g)) : ((l = (d = this.stores) == null ? void 0 : d.schedulerConfig) == null || l.set("currentUser", null), this.loggedOut.emit(this.host));
     }
-    (l = (d = this.stores) == null ? void 0 : d.schedulerConfig) == null || l.onChange("selectedConfiguration", async (f) => {
-      f && f.id && (this.configurationId = f.id);
-    }), (u = this.baseProvider) == null || u.componentWillLoad(this.nylasSchedulerConfigConnector);
+    (f = (u = this.stores) == null ? void 0 : u.schedulerConfig) == null || f.onChange("selectedConfiguration", async (g) => {
+      g && g.id && (this.configurationId = g.id);
+    }), (y = this.baseProvider) == null || y.componentWillLoad(this.nylasSchedulerConfigConnector);
   }
   async componentDidLoad() {
     var r;
@@ -1394,8 +1413,8 @@ const LoginRequired = ({ authenticationUrl: r }) => h(
     }
   }
   render() {
-    var r, t, n, s, c, a, d, l;
-    return h(Host, { key: "9cff01340fae6ec631ddeaa1656eeedc47af9179" }, h("div", { key: "1c79bfbdf35dd6a1ebb7624d4b9f660e6e5acf14", class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: "cc5b67f761d7f00ad88ec0d22a983d9e72634df2", class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: "730375a8d474dc546a33e6fd264b51576562292c", width: "18", height: "18" }), "Scheduler editor"), h("button", { key: "41b1c5604d6f4c4e6c057f69241e4aab92682396", class: "scheduler-editor-close", title: "logout", onClick: (u) => this.handleSchedulerConfigCloseClicked(u), part: "nse__close-button" }, h("close-icon", { key: "09f961c3ab6601edf9bfbc89b97bd7fdbff90a6b", width: "18", height: "18" }))), ((t = (r = this.stores) == null ? void 0 : r.schedulerConfig) == null ? void 0 : t.state.currentUser) && this.stores.schedulerConfig.state.action === null && h("div", { class: "list-configurations" }, h("nylas-list-configurations", null)), ((s = (n = this.stores) == null ? void 0 : n.schedulerConfig) == null ? void 0 : s.state.currentUser) && this.stores.schedulerConfig.state.action === "create" && h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, null)), ((a = (c = this.stores) == null ? void 0 : c.schedulerConfig) == null ? void 0 : a.state.currentUser) && this.stores.schedulerConfig.state.action === "edit" && h("nylas-editor-tabs", { mode: this.mode }, this.mode === "composable" && h("slot", null)), !((l = (d = this.stores) == null ? void 0 : d.schedulerConfig) != null && l.state.currentUser) && h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })));
+    var r, t, n, s, c, a, d, l, u, f, y, g, w, p, S, m;
+    return h(Host, { key: "843aa39842caf2c85154b6b70120bf7f66d6e13b" }, h("div", { key: "bb75d22d48ac322be916635dbbb6229b1077db36", class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: "ae180ddc9c742c58e91cfeae59c76129f2b8d4b1", class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: "6f96e2158cccdddbad611fb64fa5d37795a60ee7", width: "18", height: "18" }), "Scheduler editor"), h("button", { key: "f24abc88ac228e1b0c05689cbe9b33560d87a7a5", class: "scheduler-editor-close", title: "logout", onClick: (x) => this.handleSchedulerConfigCloseClicked(x), part: "nse__close-button" }, h("close-icon", { key: "916d5d1c0506995603598e6a56d16586690a509b", width: "18", height: "18" }))), ((t = (r = this.stores) == null ? void 0 : r.schedulerConfig) == null ? void 0 : t.state.currentUser) && this.stores.schedulerConfig.state.action === null && h("div", { class: "list-configurations" }, h("nylas-list-configurations", null)), ((s = (n = this.stores) == null ? void 0 : n.schedulerConfig) == null ? void 0 : s.state.currentUser) && this.stores.schedulerConfig.state.action === "create" && h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, { currentUser: (a = (c = this.stores) == null ? void 0 : c.schedulerConfig) == null ? void 0 : a.state.currentUser, calendars: (u = (l = (d = this.stores) == null ? void 0 : d.schedulerConfig) == null ? void 0 : l.state) == null ? void 0 : u.calendars, selectedConfiguration: (g = (y = (f = this.stores) == null ? void 0 : f.schedulerConfig) == null ? void 0 : y.state) == null ? void 0 : g.selectedConfiguration })), ((p = (w = this.stores) == null ? void 0 : w.schedulerConfig) == null ? void 0 : p.state.currentUser) && this.stores.schedulerConfig.state.action === "edit" && h("nylas-editor-tabs", { mode: this.mode }, this.mode === "composable" && h("slot", null)), !((m = (S = this.stores) == null ? void 0 : S.schedulerConfig) != null && m.state.currentUser) && h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })));
   }
   get host() {
     return getElement(this);