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

package/dist/{nylas-scheduler-editor.entry-d4a9afb1.js → nylas-scheduler-editor.entry-d56d6d2a.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-5efb84b8.js";
+import { N as NylasBaseProvider, X as Xr } from "./index.es-9cc0eb3c-65f8af0c.js";
+import { C as CreateNylasSchedulerConfigStore } from "./scheduler-config-store-9ccfba4d-fd62a421.js";
+import { p as process } from "./index-53420959-1c0d390d.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);

package/dist/nylas-scheduling.entry-0ad9b1d0.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-d36b8fb8.cjs"),m=require("./index.es-9cc0eb3c-8eefd4fc.cjs"),y=require("./scheduler-store-8a400448-44e0edad.cjs");require("react");require("react-dom");class C{constructor({schedulerAPIURL:e,nylasSchedulerStore:o,sessionId:i,configId:s}){if(!e)throw new Error("schedulerAPIURL is required");if(!o)throw new Error("nylasSchedulerStore is required");if(!i&&!s)throw new Error("sessionId is required for private configs, if not config id is required for public configs");e==="/"&&(e=new URL(window.location.href).origin),this.configId=s,this.sessionId=i,this.schedulerAPIURL=e,this.nylasSchedulerStore=o}init(){t.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new y.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId,configId:this.configId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}const b=(n,e)=>{const o=n.isLoading,i=n.showNotification,s=n.nylasBranding;return t.h(t.Fragment,null,i&&t.h("nylas-notification",null),o&&t.h("div",{class:"loading"},t.h("div",{class:"left"},t.h("div",{class:"skeleton"})),t.h("div",{class:"right"},t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}))),!o&&e,t.h("div",{class:"footer"},s&&t.h(t.Fragment,null,"Powered by ",t.h("nylas-logo",null))))},w=(n,e)=>t.h("div",{class:"message-banner"},e),E=':host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin-top:1rem}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:384px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{padding:0.5rem 4px 0;height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer svg{fill:var(--nylas-base-500)}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}',D=E,x={title:"Something went wrong...",type:m.nr.Error,category:y.ErrorCategory.Component},I=class{constructor(n){t.registerInstance(this,n),this.init=t.createEvent(this,"init",7),this.schedulerWillLoad=t.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=t.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=t.createEvent(this,"nylasSchedulerError",7),this.bookingRefExtracted=t.createEvent(this,"bookingRefExtracted",7),this.mode="app",this.defaultSchedulerState=void 0,this.sessionId=void 0,this.schedulerApiUrl="https://api.us.nylas.com",this.bookingInfo=void 0,this.rescheduleBookingRef=void 0,this.cancelBookingRef=void 0,this.configurationId=void 0,this.nylasBranding=!0,this.eventOverrides={},this.isLoading=void 0,this.themeConfig=void 0,this.showNotification=!0,this.automaticComponentRegistration=!0,this.selectedDateLabel=new Date().toLocaleDateString(void 0,{dateStyle:"full"})||"No date selected",this.refConfigId=void 0}connectedCallback(){t.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var o,i;if(t.debug("[nylas-scheduler] Component will load"),this.schedulerWillLoad.emit(this.host).defaultPrevented)return;if(this.stores={scheduler:y.CreateNylasSchedulerStore({bookingInfo:this.bookingInfo,nylasBranding:this.nylasBranding,...this.defaultSchedulerState})},this.baseProvider=new m.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.refConfigId=this.configurationId,this.rescheduleBookingRef){const[s,a]=t.compactStringToUUIDs(this.rescheduleBookingRef);this.refConfigId=s,this.stores.scheduler.set("rescheduleBookingId",a),this.bookingRefExtracted.emit({configurationId:s,bookingId:a})}else if(this.cancelBookingRef){const[s,a]=t.compactStringToUUIDs(this.cancelBookingRef);this.refConfigId=s,this.stores.scheduler.set("cancelBookingId",a),this.bookingRefExtracted.emit({configurationId:s,bookingId:a})}if(!this.checkIfSessionIdOrConfigIdExists())return;const e=(o=this.baseProvider)==null?void 0:o.getStore("scheduler");if(this.nylasSchedulerConnector=new C({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,configId:this.refConfigId,nylasSchedulerStore:e}),this.init.emit(this.host),(i=this.baseProvider)==null||i.componentWillLoad(this.nylasSchedulerConnector),this.themeConfig)for(const[s,a]of Object.entries(this.themeConfig))this.host.style.setProperty(`${s}`,a)}async componentDidLoad(){var d,l,h,g,c,v,k;if((d=this.baseProvider)==null||d.componentDidLoad(),!this.checkIfSessionIdOrConfigIdExists())return;const n=await((l=this.nylasSchedulerConnector)==null?void 0:l.scheduler.getUISettings());(!n||"error"in n)&&this.nylasSchedulerError.emit({...this.getErrorObject(n==null?void 0:n.error)});const e=(h=this.baseProvider)==null?void 0:h.getStore("scheduler"),o=(c=(g=e==null?void 0:e.get("configSettings"))==null?void 0:g.scheduler)==null?void 0:c.available_days_in_future,i=e==null?void 0:e.get("selectedTimeslot");if(i&&(i!=null&&i.start_time)){if(!this.isTimeslotValid(i))return;if(e!=null&&e.get("showBookingForm")){e==null||e.set("selectedDate",i.start_time);return}}const s=e==null?void 0:e.get("selectedDate"),a=e==null?void 0:e.get("availability");let r;if(!(a&&a.length>0)){if(s){const{startTime:u,endTime:f,endTimeForAvailableDaysInFuture:p}=this.validateAvailableDaysInFuture(s,o||30);s.getTime()<p*1e3&&(r=await((k=this.nylasSchedulerConnector)==null?void 0:k.scheduler.getAvailability(u,f)))}else{const u=new Date,{startTime:f,endTime:p,endTimeForAvailableDaysInFuture:_}=this.validateAvailableDaysInFuture(u,o||30);u.getTime()<_*1e3&&(r=await((v=this.nylasSchedulerConnector)==null?void 0:v.scheduler.getAvailability(f,p)))}if((!r||"error"in r)&&this.nylasSchedulerError.emit({...this.getErrorObject(r==null?void 0:r.error)}),!s){let u=new Date;const f=e==null?void 0:e.get("availability").find(p=>new Date(p.start_time)>new Date);f&&(u=f.start_time),e==null||e.set("selectedDate",u)}}}componentDisconnected(){var n;(n=this.baseProvider)==null||n.componentDisconnected()}bookingInfoChanged(n){var e;(e=this.stores)==null||e.scheduler.set("bookingInfo",n)}rescheduleBookingRefChanged(n){var e,o;if(n){const[i,s]=t.compactStringToUUIDs(n);(e=this.stores)==null||e.scheduler.set("rescheduleBookingId",s),this.refConfigId=i,(o=this.nylasSchedulerConnector)==null||o.scheduler.setConfigId(i)}}cancelBookingRefChanged(n){var e,o;if(n){const[i,s]=t.compactStringToUUIDs(n);(e=this.stores)==null||e.scheduler.set("cancelBookingId",s),this.refConfigId=i,(o=this.nylasSchedulerConnector)==null||o.scheduler.setConfigId(i)}}async registerComponentHandler(n){var e;(e=this.baseProvider)==null||e.registerComponent(n.detail)}async unregisterComponentHandler(n){var e;(e=this.baseProvider)==null||e.unregisterComponent(n.detail)}async monthChangedHandler(n){var r,d,l,h,g;const e=n.detail,o=(h=(l=(d=(r=this.nylasSchedulerConnector)==null?void 0:r.schedulerStore)==null?void 0:d.get("configSettings"))==null?void 0:l.scheduler)==null?void 0:h.available_days_in_future,{startTime:i,endTime:s,endTimeForAvailableDaysInFuture:a}=this.validateAvailableDaysInFuture(e,o||30);if(i<a&&e.getTime()<a*1e3){const c=await((g=this.nylasSchedulerConnector)==null?void 0:g.scheduler.getAvailability(i,s));(!c||"error"in c)&&this.nylasSchedulerError.emit({...this.getErrorObject(c==null?void 0:c.error)})}}async bookButtonClickedHandler(n){var s,a,r,d;const o=(a=(s=this.nylasSchedulerConnector)==null?void 0:s.schedulerStore)==null?void 0:a.get("rescheduleBookingId");if(o){const l=await((r=this.nylasSchedulerConnector)==null?void 0:r.scheduler.rescheduleBooking(o,n.detail));(!l||"error"in l)&&this.nylasSchedulerError.emit({...this.getErrorObject(l==null?void 0:l.error)});return}const i=await((d=this.nylasSchedulerConnector)==null?void 0:d.scheduler.bookTimeslot(n.detail));(!i||"error"in i)&&this.nylasSchedulerError.emit({...this.getErrorObject(i==null?void 0:i.error)})}dateSelectedHandler(n){const e=n.detail;this.selectedDateLabel=e?e.toLocaleDateString(void 0,{dateStyle:"full"}):"No date selected"}cancelBookedEventErrorHandler(n){this.nylasSchedulerError.emit({...this.getErrorObject(n.detail.error)})}cancelBookedEventValidationErrorHandler(n){this.nylasSchedulerError.emit({...this.getErrorObject(n.detail.error)})}rescheduleBookedEventErrorHandler(n){this.nylasSchedulerError.emit({...this.getErrorObject(n.detail.error)})}async getNylasSchedulerStore(){var n;return(n=this.baseProvider)==null?void 0:n.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(n){return{title:(n==null?void 0:n.title)||x.title,category:(n==null?void 0:n.category)||x.category,type:m.nr.Error,description:(n==null?void 0:n.message)||"",id:new Date().getTime().toString(),ttl:"none"}}checkIfSessionIdOrConfigIdExists(){return!this.sessionId&&!this.refConfigId?(this.nylasSchedulerError.emit({title:"No sessionId!",category:y.ErrorCategory.Component,type:m.nr.Error,description:"Session ID is required",id:new Date().getTime().toString(),ttl:"none"}),!1):!0}isTimeslotValid(n){return new Date(n.start_time)<new Date?(this.nylasSchedulerError.emit({title:"Invalid tiemslot!",category:y.ErrorCategory.Component,type:m.nr.Error,description:"The selected timeslot is invalid.",id:new Date().getTime().toString(),ttl:"none"}),!1):!0}validateAvailableDaysInFuture(n,e){const o=new Date,i=new Date(n.getFullYear(),n.getMonth(),1).getTime()/1e3,s=new Date(n.getFullYear(),n.getMonth()+1,1).getTime()/1e3,a=Math.floor(t.addDaysToCurrentDate(o,e).getTime()/1e3),r=Math.min(a,s);return{startTime:i<o.getTime()/1e3?Math.floor(o.getTime()/1e3):i,endTime:r,endTimeForAvailableDaysInFuture:a}}render(){var g;const n=this.mode==="app",e=(g=this.baseProvider)==null?void 0:g.getStore("scheduler"),o=e==null?void 0:e.get("eventInfo"),i=e==null?void 0:e.get("showBookingForm"),s=e==null?void 0:e.get("cancelledEventInfo"),a=e==null?void 0:e.get("cancelBookingId"),r=e==null?void 0:e.get("selectedTimeslot"),d=e==null?void 0:e.get("rescheduleBookingId"),l=(e==null?void 0:e.get("nylasBranding"))||this.nylasBranding,h=e==null?void 0:e.get("selectedDate");if(this.selectedDateLabel=h?h.toLocaleDateString(void 0,{dateStyle:"full"}):"No date selected",n&&a&&!s)return t.h(t.Host,null,t.h(b,{nylasBranding:l,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},t.h("nylas-cancel-booking-form",{selectedTimeslot:r,cancelBookingId:a,exportparts:"ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label"}))));if(n&&s)return t.h(t.Host,null,t.h(b,{nylasBranding:l,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},t.h("nylas-cancelled-event-card",{cancelledEventInfo:s,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))));if(n&&o)return t.h(t.Host,null,t.h(b,{nylasBranding:l,isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"booked-event-page",part:"booked-event-page"},t.h("nylas-booked-event-card",{selectedTimeslot:r,eventInfo:o,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))));if(n&&(!o||d)&&!i){const c=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return t.h(t.Host,null,t.h(b,{nylasBranding:l,isLoading:this.isLoading,showNotification:this.showNotification},d&&t.h(w,null,"Choose another time slot to reschedule your meeting"),t.h("div",{class:"select-date-page",part:"select-date-page"},t.h("div",{class:"left-panel"},t.h("nylas-date-picker",{exportparts:"ndp, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--selected, ndp__date--current-day, ndp__date--current-month"}),t.h("nylas-locale-switch",null)),t.h("div",{class:"right-panel"},t.h("h2",null,t.h("calendar-icon",null),t.h("span",{id:"selectedDate"},this.selectedDateLabel)),t.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},c&&t.h("span",{slot:"timeslot-picker-cta-label"},t.h("slot",{name:"timeslot-picker-cta-label"})))))))}if(n&&!o&&i){const c=this.host.querySelector('[slot="custom-booking-form"]');return t.h(t.Host,null,t.h(b,{nylasBranding:l,isLoading:this.isLoading,showNotification:this.showNotification},d&&t.h(w,null,"Choose another time slot to reschedule your meeting"),t.h("div",{class:"additional-data-page",part:"additional-data-page"},t.h("div",{class:"left-panel"},t.h("div",{class:"wrapper"},t.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time"}))),t.h("div",{class:"right-panel"},t.h("nylas-booking-form",{exportparts:"nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline"},c&&t.h("div",{slot:"custom-booking-form"},t.h("slot",{name:"custom-booking-form"})))))))}return t.h(t.Host,null,t.h("slot",null))}get host(){return t.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"],rescheduleBookingRef:["rescheduleBookingRefChanged"],cancelBookingRef:["cancelBookingRefChanged"]}}};I.style=D;exports.nylas_scheduling=I;