@nylas/react 1.0.2-canary.2 → 1.1.0-canary.10

package/dist/{info-icon_2.entry-9307db18.js → info-icon_2.entry-0e2105da.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o, g as n } from "./index-ce40ad47.js";
+import { r as e, h as o, g as n } from "./index-fd39ea9d.js";
 import "react";
 import "react-dom";
 const a = ".sc-info-icon-h{display:flex}", i = a, s = class {
@@ -6,7 +6,7 @@ const a = ".sc-info-icon-h{display:flex}", i = a, s = class {
     e(this, t), this.width = "14", this.height = "14";
   }
   render() {
-    return o("svg", { key: "f53c8bccce25f788d59548b73637616b8f680fd5", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, o("path", { key: "6bdf7329b72807db1901acd6552b8779d0c05d14", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return o("svg", { key: "6f050e856e1f4cbade2935875bd35a8df6fd5c1c", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, o("path", { key: "f96fc4aa622802adc7ba1dc0fe014bd67405f75a", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
 };
 s.style = i;
@@ -21,7 +21,7 @@ const r = '.tooltip-container{position:relative;display:flex;--nylas-primary:#25
     t.target.nextElementSibling.style.visibility = "hidden", t.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return o("div", { key: "46a9b12ea82e91115247b73a9a9533e5c0e147f6", class: "tooltip-container" }, o("span", { key: "dbc4f00337ac428733b2f16b853aab46df850a5a", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, o("slot", { key: "599c7a8691a185424981d79c10af3d16b643c4ca", name: "tooltip-icon" }, "i")), o("span", { key: "0ddd2b67fbb31b934a1b114c439fa71297653a25", class: `tooltip-content ${this.position}` }, o("slot", { key: "35057ecec77ae5bf60ab64c661d442ec759b7c00", name: "tooltip-content" }, "This is a help text.")));
+    return o("div", { key: "e5f137458d3664942d02b31f221b3b5ae2bd9658", class: "tooltip-container" }, o("span", { key: "4838a8e46e43d2f490c81381c3759142868ce45c", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, o("slot", { key: "a4864cffceabaf3bf353647733add76685ac1581", name: "tooltip-icon" }, "i")), o("span", { key: "15cbc68f4e0e07bddff0e7adbb76fd6ffce4b9a4", class: `tooltip-content ${this.position}` }, o("slot", { key: "836a48731f8a24bc4ecbbb097a514ca263dfc887", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return n(this);

package/dist/{info-icon_2.entry-81e95048.cjs → info-icon_2.entry-808e6516.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-457dcf0b.cjs");require("react");require("react-dom");const i=".sc-info-icon-h{display:flex}",a=i,o=class{constructor(e){t.registerInstance(this,e),this.width="14",this.height="14"}render(){return t.h("svg",{key:"f53c8bccce25f788d59548b73637616b8f680fd5",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"6bdf7329b72807db1901acd6552b8779d0c05d14",fill:"currentColor",d:"M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z"}))}};o.style=a;const s='.tooltip-container{position:relative;display:flex;--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}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}',r=s,n=class{constructor(e){t.registerInstance(this,e),this.position="bottom"}showTooltip(e){e.target.nextElementSibling.style.visibility="visible",e.target.nextElementSibling.style.opacity="1"}hideTooltip(e){e.target.nextElementSibling.style.visibility="hidden",e.target.nextElementSibling.style.opacity="0"}render(){return t.h("div",{key:"46a9b12ea82e91115247b73a9a9533e5c0e147f6",class:"tooltip-container"},t.h("span",{key:"dbc4f00337ac428733b2f16b853aab46df850a5a",class:"info-icon",tabindex:"0",onFocus:this.showTooltip.bind(this),onBlur:this.hideTooltip.bind(this)},t.h("slot",{key:"599c7a8691a185424981d79c10af3d16b643c4ca",name:"tooltip-icon"},"i")),t.h("span",{key:"0ddd2b67fbb31b934a1b114c439fa71297653a25",class:`tooltip-content ${this.position}`},t.h("slot",{key:"35057ecec77ae5bf60ab64c661d442ec759b7c00",name:"tooltip-content"},"This is a help text.")))}get el(){return t.getElement(this)}};n.style=r;exports.info_icon=o;exports.tooltip_component=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-5f0940e0.cjs");require("react");require("react-dom");const i=".sc-info-icon-h{display:flex}",a=i,o=class{constructor(e){t.registerInstance(this,e),this.width="14",this.height="14"}render(){return t.h("svg",{key:"6f050e856e1f4cbade2935875bd35a8df6fd5c1c",width:this.width,height:this.height,fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"f96fc4aa622802adc7ba1dc0fe014bd67405f75a",fill:"currentColor",d:"M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z"}))}};o.style=a;const s='.tooltip-container{position:relative;display:flex;--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}.tooltip-content{visibility:hidden;background-color:var(--nylas-base-800);color:var(--nylas-base-0);text-align:left;border-radius:6px;padding:5px 0;position:absolute;z-index:1;opacity:0;transition:opacity 0.3s;padding:0.5rem 1rem;max-width:200px;width:max-content}.tooltip-content.top{bottom:0;left:0;margin-bottom:1.25rem;transform:translateX(-50%)}.tooltip-content.right{top:50%;left:0%;margin-left:1.25rem;transform:translateY(-50%)}.tooltip-content.bottom{top:0;left:0;margin-top:1.25rem;transform:translateX(-50%)}.tooltip-content.left{top:50%;right:0%;margin-right:1.25rem;transform:translateY(-50%)}.tooltip-container:hover .tooltip-content,.tooltip-container:focus-within .tooltip-content{visibility:visible;opacity:1}.tooltip-content::after{content:"";position:absolute;top:-0.75rem;left:50%;transform:rotate(180deg);border-width:6px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-content.top::after{top:100%;left:50%;transform:rotate(0deg)}.tooltip-content.bottom::after{top:-0.75rem;left:50%;transform:rotate(180deg)}.tooltip-content.left::after{top:47.5%;left:100%;transform:rotate(270deg)}.tooltip-content.right::after{top:47.5%;left:-0.75rem;transform:rotate(90deg)}',r=s,n=class{constructor(e){t.registerInstance(this,e),this.position="bottom"}showTooltip(e){e.target.nextElementSibling.style.visibility="visible",e.target.nextElementSibling.style.opacity="1"}hideTooltip(e){e.target.nextElementSibling.style.visibility="hidden",e.target.nextElementSibling.style.opacity="0"}render(){return t.h("div",{key:"e5f137458d3664942d02b31f221b3b5ae2bd9658",class:"tooltip-container"},t.h("span",{key:"4838a8e46e43d2f490c81381c3759142868ce45c",class:"info-icon",tabindex:"0",onFocus:this.showTooltip.bind(this),onBlur:this.hideTooltip.bind(this)},t.h("slot",{key:"a4864cffceabaf3bf353647733add76685ac1581",name:"tooltip-icon"},"i")),t.h("span",{key:"15cbc68f4e0e07bddff0e7adbb76fd6ffce4b9a4",class:`tooltip-content ${this.position}`},t.h("slot",{key:"836a48731f8a24bc4ecbbb097a514ca263dfc887",name:"tooltip-content"},"This is a help text.")))}get el(){return t.getElement(this)}};n.style=r;exports.info_icon=o;exports.tooltip_component=n;

package/dist/loading-icon.entry-17efa7ca.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-5f0940e0.cjs");require("react");require("react-dom");const i=".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}",n=i,t=class{constructor(a){e.registerInstance(this,a),this.width="15",this.height="15"}render(){return e.h("div",{key:"20e081b4657135796ba486fe3b3ba4eb7e24df55",class:"wave"},e.h("div",{key:"ba8f7cd30e8dbdc4ca5fae882662563661948493",class:"dot"}),e.h("div",{key:"57edfc7797ee57ab9ae22fef20a5abcb84c3bc6b",class:"dot"}),e.h("div",{key:"c56c73301414ebaf6b66112dd3745d7e72f11508",class:"dot"}))}};t.style=n;exports.loading_icon=t;

package/dist/loading-icon.entry-a3b845bf.js

@@ -0,0 +1,15 @@
+import { r as t, h as e } from "./index-fd39ea9d.js";
+import "react";
+import "react-dom";
+const i = ".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}", n = i, o = class {
+  constructor(a) {
+    t(this, a), this.width = "15", this.height = "15";
+  }
+  render() {
+    return e("div", { key: "20e081b4657135796ba486fe3b3ba4eb7e24df55", class: "wave" }, e("div", { key: "ba8f7cd30e8dbdc4ca5fae882662563661948493", class: "dot" }), e("div", { key: "57edfc7797ee57ab9ae22fef20a5abcb84c3bc6b", class: "dot" }), e("div", { key: "c56c73301414ebaf6b66112dd3745d7e72f11508", class: "dot" }));
+  }
+};
+o.style = n;
+export {
+  o as loading_icon
+};

package/dist/{mailbox-store-e721b17c-cf9a43dd.js → mailbox-store-76540d24-5f0d1dff.js}

@@ -1,11 +1,57 @@
-import { c as m, X as l, Z as u } from "./index-10914bc1-346f04fa.js";
-import { d as n } from "./utils-0cd66d04-89ab163d.js";
+import { d as o, e as f } from "./index-fd39ea9d.js";
+import { X as u, Z as d } from "./index.es-be19d2df-ff4f0a10.js";
 class S {
+  constructor(t, e) {
+    this.nylasAuth = t, this.nylasAuthStore = e;
+  }
+  async validateSession() {
+    const t = await this.isAccessTokenValid();
+    if (!t)
+      this.logout();
+    else {
+      let e = await this.nylasAuth.getTokenInfo();
+      if (e) {
+        const a = Math.floor(Date.now() / 1e3);
+        if (e.expires_in && e.expires_in - a < 3e5 && (o("[NylasAuthConnectorMixin] Refreshing access token"), e = await this.nylasAuth.refreshAccessToken(), !e)) {
+          o("[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out."), this.logout();
+          return;
+        }
+        this.nylasAuthStore.state.tokenInfo = e;
+      }
+    }
+    this.nylasAuthStore.state.isAuthenticated = t;
+  }
+  async isAuthenticated() {
+    return this.nylasAuth.isAuthenticated();
+  }
+  async getTokenInfo() {
+    return this.nylasAuth.getTokenInfo();
+  }
+  async isAccessTokenValid() {
+    return this.nylasAuth.isAccessTokenValid();
+  }
+  async logout() {
+    await this.nylasAuth.logout();
+  }
+  async getHostedAuthRedirectURL(t, e, s) {
+    return this.nylasAuth.getHostedAuthRedirectURL(t, e, s);
+  }
+  async manageHostedAuthCodeExchange(t) {
+    const s = new URL(t).searchParams.get("code");
+    if (s) {
+      const a = await this.nylasAuth.exchangeAuthCodeForTokenInfo(s);
+      if (a)
+        return this.nylasAuthStore.state.tokenInfo = a, this.nylasAuthStore.state.isAuthenticated = !0, a;
+    }
+    return null;
+  }
+}
+class A {
   constructor(t, e, s) {
     this.nylasAuth = t, this.nylasAuthStore = e, this.nylasMailboxStore = s;
   }
   async getMessages() {
-    var o;
+    var n;
     if (!this.nylasAuthStore.state.isAuthenticated)
       throw new Error("Not authenticated");
     if (!this.nylasAuth.hasScopeByType("email", ["read-only", "modify"]))
@@ -13,12 +59,12 @@ class S {
     this.nylasMailboxStore.state.state = "loading";
     const t = this.nylasMailboxStore.state.messgeQueryParams, e = new URLSearchParams();
     for (const i in t) {
-      const h = (o = t[i]) == null ? void 0 : o.toString();
-      h && e.append(i, h);
+      const l = (n = t[i]) == null ? void 0 : n.toString();
+      l && e.append(i, l);
     }
     const s = `/v3/grants/me/messages?${e.toString()}`, a = await this.nylasAuth.nylasAPIRequest(s);
-    if (l(a))
-      throw new u(a.error);
+    if (u(a))
+      throw new d(a.error);
     const r = a.data;
     return this.nylasMailboxStore.state.messages = r, this.nylasMailboxStore.state.state = "ready", r;
   }
@@ -28,8 +74,8 @@ class S {
     if (!this.nylasAuth.hasScopeByType("email", ["read-only", "modify"]))
       throw new Error("Missing message:read-only scope");
     const e = await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/messages?thread_id=${t}&fields=include_headers`);
-    if (l(e))
-      throw new u(e.error);
+    if (u(e))
+      throw new d(e.error);
     const s = e.data;
     return this.nylasMailboxStore.state.messages = s, s;
   }
@@ -55,8 +101,8 @@ class S {
         body: t
       }
     }, !0, this.nylasAuth.config.elementsApiUri);
-    if (l(e))
-      throw new u(e.error);
+    if (u(e))
+      throw new d(e.error);
     return e.data.summary;
   }
   async textToSpeech(t, e) {
@@ -71,12 +117,12 @@ class S {
     });
   }
 }
-class x {
+class T {
   constructor(t, e, s, a) {
     this.nylasAuth = t, this.nylasAuthStore = e, this.nylasMailboxStore = s, this.router = a;
   }
   async getThreads(t, e = "overwrite", s = !0) {
-    var c;
+    var y;
     if (!this.nylasAuthStore.state.isAuthenticated)
       throw new Error("Not authenticated");
     if (!this.nylasAuth.hasScopeByType("email", ["read-only", "modify"]))
@@ -84,42 +130,42 @@ class x {
     s && (this.nylasMailboxStore.state.state = "loading");
     const a = t || this.nylasMailboxStore.state.threadsQueryParams, r = new URLSearchParams();
     for (const g in a) {
-      const y = (c = a[g]) == null ? void 0 : c.toString();
-      typeof y < "u" && y !== null && r.append(g, y);
+      const c = (y = a[g]) == null ? void 0 : y.toString();
+      typeof c < "u" && c !== null && r.append(g, c);
     }
     a.search_query_native ? this.router.navigate(`/?query=${a.search_query_native}`, !0) : this.nylasMailboxStore.state.threadsQueryParams.search_query_native && !a.search_query_native && this.router.navigate("/", !0), a.page_token || (this.nylasMailboxStore.state.previousThreadPageTokens = []), this.nylasMailboxStore.state.threadsQueryParams = a;
-    const o = `/v3/grants/me/threads?${r.toString()}`, i = await this.nylasAuth.nylasAPIRequest(o);
-    if (l(i))
-      throw new u(i.error);
-    const h = i.data;
+    const n = `/v3/grants/me/threads?${r.toString()}`, i = await this.nylasAuth.nylasAPIRequest(n);
+    if (u(i))
+      throw new d(i.error);
+    const l = i.data;
     switch (e) {
       case "prepend":
-        this.nylasMailboxStore.state.threads = [...h, ...this.nylasMailboxStore.state.threads];
+        this.nylasMailboxStore.state.threads = [...l, ...this.nylasMailboxStore.state.threads];
         break;
       case "append":
-        this.nylasMailboxStore.state.threads = [...this.nylasMailboxStore.state.threads, ...h];
+        this.nylasMailboxStore.state.threads = [...this.nylasMailboxStore.state.threads, ...l];
         break;
       case "overwrite":
       default:
-        this.nylasMailboxStore.state.threads = h;
+        this.nylasMailboxStore.state.threads = l;
         break;
     }
-    return i.next_cursor ? this.nylasMailboxStore.state.nextThreadPageToken = i.next_cursor : this.nylasMailboxStore.state.nextThreadPageToken = null, s && (this.nylasMailboxStore.state.state = "ready"), h;
+    return i.next_cursor ? this.nylasMailboxStore.state.nextThreadPageToken = i.next_cursor : this.nylasMailboxStore.state.nextThreadPageToken = null, s && (this.nylasMailboxStore.state.state = "ready"), l;
   }
   async getThread(t) {
     if (!this.nylasAuthStore.state.isAuthenticated)
       throw new Error("Not authenticated");
     if (!this.nylasAuth.hasScopeByType("email", ["read-only", "modify"]))
       throw new Error("Missing thread:read-only scope");
-    const e = this.nylasMailboxStore.state.threads.find((o) => o.id === t);
+    const e = this.nylasMailboxStore.state.threads.find((n) => n.id === t);
     if (e)
       return e;
     this.nylasMailboxStore.state.state = "loading";
     const s = `/v3/grants/me/threads/${t}`, a = await this.nylasAuth.nylasAPIRequest(s);
-    if (l(a))
-      throw new u(a.error);
+    if (u(a))
+      throw new d(a.error);
     const r = a.data;
-    return this.nylasMailboxStore.state.threads = this.nylasMailboxStore.state.threads.map((o) => o.id === r.id ? r : o), this.nylasMailboxStore.state.state = "ready", r;
+    return this.nylasMailboxStore.state.threads = this.nylasMailboxStore.state.threads.map((n) => n.id === r.id ? r : n), this.nylasMailboxStore.state.state = "ready", r;
   }
   async nextThreadPage(t = "overwrite", e = !0) {
     if (!this.nylasMailboxStore.state.nextThreadPageToken)
@@ -154,7 +200,7 @@ class x {
   }
   async selectThread(t) {
     this.router.navigate(`/thread/${t.id}`, !0), this.nylasMailboxStore.state.selectedThread = t, t.unread && this.markThreadAsRead(t).catch((e) => {
-      n("Error marking thread as read", e);
+      o("Error marking thread as read", e);
     });
   }
   async markThreadAsRead(t) {
@@ -166,13 +212,13 @@ class x {
     if (!this.nylasAuth.hasScopeByType("email", "modify"))
       throw new Error("Missing thread:modify scope");
     const s = `/v3/grants/me/threads/${t.id}`, a = await this.nylasAuth.nylasAPIRequest(s, "PUT", e);
-    if (l(a))
-      throw new u(a.error);
+    if (u(a))
+      throw new d(a.error);
     const r = a.data;
-    return this.nylasMailboxStore.state.threads = this.nylasMailboxStore.state.threads.map((o) => o.id === r.id ? r : o), this.nylasMailboxStore.state.selectedThread = r, r;
+    return this.nylasMailboxStore.state.threads = this.nylasMailboxStore.state.threads.map((n) => n.id === r.id ? r : n), this.nylasMailboxStore.state.selectedThread = r, r;
   }
 }
-class T {
+class x {
   constructor(t, e, s) {
     this.nylasAuth = t, this.nylasAuthStore = e, this.nylasMailboxStore = s;
   }
@@ -183,8 +229,8 @@ class T {
       throw new Error("Missing thread:read-only scope");
     this.nylasMailboxStore.state.state = "loading";
     const t = "/v3/grants/me/folders", e = await this.nylasAuth.nylasAPIRequest(t);
-    if (l(e))
-      throw new u(e.error);
+    if (u(e))
+      throw new d(e.error);
     const s = e.data;
     return this.nylasMailboxStore.state.folders = s, this.nylasMailboxStore.state.state = "ready", s;
   }
@@ -195,76 +241,76 @@ class T {
     };
   }
 }
-class w extends Event {
+class m extends Event {
   constructor(t, e) {
     super(t, e), this.oldURL = e.oldURL, this.newURL = e.newURL;
   }
 }
 class P {
   constructor() {
-    this.routeChangeListeners = [], n("HashRouter constructor");
+    this.routeChangeListeners = [], o("HashRouter constructor");
   }
   destroy() {
-    n("HashRouter destroy"), window.removeEventListener("hashchange", this.onRouteChange.bind(this));
+    o("HashRouter destroy"), window.removeEventListener("hashchange", this.onRouteChange.bind(this));
   }
   init() {
-    if (n("HashRouter init"), window.addEventListener("hashchange", this.onRouteChange.bind(this)), typeof HashChangeEvent < "u") {
+    if (o("HashRouter init"), window.addEventListener("hashchange", this.onRouteChange.bind(this)), typeof HashChangeEvent < "u") {
       const t = new HashChangeEvent("hashchange", { oldURL: "", newURL: window.location.href });
       this.onRouteChange(t);
     } else {
-      const t = new w("hashchange", { oldURL: "", newURL: window.location.href });
+      const t = new m("hashchange", { oldURL: "", newURL: window.location.href });
       this.onRouteChange(t);
     }
   }
   addRouteChangeListener(t, e) {
-    n("HashRouter addRouteChangeListener"), this.routeChangeListeners.push([t, e]);
+    o("HashRouter addRouteChangeListener"), this.routeChangeListeners.push([t, e]);
   }
   navigate(t, e) {
-    if (n("HashRouter navigate"), e)
+    if (o("HashRouter navigate"), e)
       return window.history.pushState(null, "", `#${t}`);
     window.location.hash = t;
   }
   setRoute(t) {
-    n("HashRouter setRoute"), window.location.hash = t;
+    o("HashRouter setRoute"), window.location.hash = t;
   }
   matchRoute(t, e) {
     const s = t.split("/"), a = e.split("/");
-    if (n(`HashRouter matchRoute route=${t} path=${e}`, { routeParts: s, pathParts: a }), s[1] === "" && a[0] === "")
+    if (o(`HashRouter matchRoute route=${t} path=${e}`, { routeParts: s, pathParts: a }), s[1] === "" && a[0] === "")
       return !0;
     if (s.length !== a.length)
       return !1;
     for (let r = 0; r < s.length; r++) {
-      const o = s[r], i = a[r];
-      if (!o.startsWith(":") && o !== i)
+      const n = s[r], i = a[r];
+      if (!n.startsWith(":") && n !== i)
         return !1;
     }
     return !0;
   }
   getRouteParams(t) {
-    n("HashRouter getRouteParams");
+    o("HashRouter getRouteParams");
     const e = {}, s = t.split("/"), a = window.location.hash.split("/");
-    return s.forEach((r, o) => {
+    return s.forEach((r, n) => {
       if (r.startsWith(":")) {
         const i = r.substring(1);
-        e[i] = a[o];
+        e[i] = a[n];
       }
     }), e;
   }
   getRouteWithParams(t, e) {
-    n("HashRouter getRouteWithParams");
+    o("HashRouter getRouteWithParams");
     let s = t;
     return Object.keys(e).forEach((a) => {
       s = s.replace(`:${a}`, e[a]);
     }), s;
   }
   getRoute() {
-    return n("HashRouter getRoute"), window.location.hash;
+    return o("HashRouter getRoute"), window.location.hash;
   }
   onRouteChange(t) {
     this.routeChangeListeners.forEach(async ([e, s]) => {
       const a = t.newURL.indexOf("#") === -1 ? "" : t.newURL.substring(t.newURL.indexOf("#") + 1);
-      if (n(`HashRouter onRouteChange route=${e} path=${a}`, { event: t }), !this.matchRoute(e, a)) {
-        n(`HashRouter onRouteChange route=${e} path=${a} does not match`);
+      if (o(`HashRouter onRouteChange route=${e} path=${a}`, { event: t }), !this.matchRoute(e, a)) {
+        o(`HashRouter onRouteChange route=${e} path=${a} does not match`);
         return;
       }
       const r = this.getRouteParams(e);
@@ -272,10 +318,24 @@ class P {
     });
   }
   getBasePath() {
-    return n("HashRouter getBasePath"), "";
+    return o("HashRouter getBasePath"), "";
   }
 }
-function b(d = {}) {
+function b(h = {}) {
+  const t = {
+    isAuthenticated: !1,
+    tokenInfo: null,
+    state: "ready",
+    ...h
+  }, e = f(t);
+  return e.reset = () => {
+    for (const s in t) {
+      const a = t[s];
+      e.set(s, a);
+    }
+  }, e;
+}
+function M(h = {}) {
   const t = {
     state: "ready",
     messages: [],
@@ -294,8 +354,8 @@ function b(d = {}) {
     messgeQueryParams: {
       fields: "include_headers"
     },
-    ...d
-  }, e = m({ ...t });
+    ...h
+  }, e = f({ ...t });
   return e.onChange("nextThreadPageToken", (s) => {
     e.set("hasNextThreadPage", s !== null);
   }), e.onChange("previousThreadPageTokens", (s) => {
@@ -312,7 +372,9 @@ function b(d = {}) {
 export {
   b as C,
   P as H,
-  x as N,
-  S as a,
-  T as b
+  S as N,
+  M as a,
+  T as b,
+  A as c,
+  x as d
 };

package/dist/mailbox-store-76540d24-ad0e366a.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./index-5f0940e0.cjs"),i=require("./index.es-be19d2df-9ba9a7a6.cjs");class g{constructor(t,e){this.nylasAuth=t,this.nylasAuthStore=e}async validateSession(){const t=await this.isAccessTokenValid();if(!t)this.logout();else{let e=await this.nylasAuth.getTokenInfo();if(e){const a=Math.floor(Date.now()/1e3);if(e.expires_in&&e.expires_in-a<3e5&&(n.debug("[NylasAuthConnectorMixin] Refreshing access token"),e=await this.nylasAuth.refreshAccessToken(),!e)){n.debug("[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out."),this.logout();return}this.nylasAuthStore.state.tokenInfo=e}}this.nylasAuthStore.state.isAuthenticated=t}async isAuthenticated(){return this.nylasAuth.isAuthenticated()}async getTokenInfo(){return this.nylasAuth.getTokenInfo()}async isAccessTokenValid(){return this.nylasAuth.isAccessTokenValid()}async logout(){await this.nylasAuth.logout()}async getHostedAuthRedirectURL(t,e,s){return this.nylasAuth.getHostedAuthRedirectURL(t,e,s)}async manageHostedAuthCodeExchange(t){const s=new URL(t).searchParams.get("code");if(s){const a=await this.nylasAuth.exchangeAuthCodeForTokenInfo(s);if(a)return this.nylasAuthStore.state.tokenInfo=a,this.nylasAuthStore.state.isAuthenticated=!0,a}return null}}class f{constructor(t,e,s){this.nylasAuth=t,this.nylasAuthStore=e,this.nylasMailboxStore=s}async getMessages(){var o;if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");this.nylasMailboxStore.state.state="loading";const t=this.nylasMailboxStore.state.messgeQueryParams,e=new URLSearchParams;for(const h in t){const u=(o=t[h])==null?void 0:o.toString();u&&e.append(h,u)}const s=`/v3/grants/me/messages?${e.toString()}`,a=await this.nylasAuth.nylasAPIRequest(s);if(i.Xr(a))throw new i.Zr(a.error);const r=a.data;return this.nylasMailboxStore.state.messages=r,this.nylasMailboxStore.state.state="ready",r}async getThreadMessages(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");const e=await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/messages?thread_id=${t}&fields=include_headers`);if(i.Xr(e))throw new i.Zr(e.error);const s=e.data;return this.nylasMailboxStore.state.messages=s,s}downloadMessageAttachments(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");const e=[],s=t.attachments||[];for(const a of s){const r=this.nylasAuth.nylasDownloadFileRequest(`/v3/grants/me/attachments/${a.id}?message_id=${t.id}`);e.push(r)}return e}async summarizeText(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");const e=await this.nylasAuth.nylasAPIRequest("/v3/grants/me/mailbox/summarize","POST",{message:{body:t}},!0,this.nylasAuth.config.elementsApiUri);if(i.Xr(e))throw new i.Zr(e.error);return e.data.summary}async textToSpeech(t,e){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing message:read-only scope");return this.nylasAuth.nylasAPIRequest("/v3/grants/me/mailbox/tts","POST",{text:t},!1,this.nylasAuth.config.elementsApiUri,{...e?{signal:e==null?void 0:e.signal}:{}})}}class w{constructor(t,e,s,a){this.nylasAuth=t,this.nylasAuthStore=e,this.nylasMailboxStore=s,this.router=a}async getThreads(t,e="overwrite",s=!0){var c;if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing thread:read-only scope");s&&(this.nylasMailboxStore.state.state="loading");const a=t||this.nylasMailboxStore.state.threadsQueryParams,r=new URLSearchParams;for(const y in a){const d=(c=a[y])==null?void 0:c.toString();typeof d<"u"&&d!==null&&r.append(y,d)}a.search_query_native?this.router.navigate(`/?query=${a.search_query_native}`,!0):this.nylasMailboxStore.state.threadsQueryParams.search_query_native&&!a.search_query_native&&this.router.navigate("/",!0),a.page_token||(this.nylasMailboxStore.state.previousThreadPageTokens=[]),this.nylasMailboxStore.state.threadsQueryParams=a;const o=`/v3/grants/me/threads?${r.toString()}`,h=await this.nylasAuth.nylasAPIRequest(o);if(i.Xr(h))throw new i.Zr(h.error);const u=h.data;switch(e){case"prepend":this.nylasMailboxStore.state.threads=[...u,...this.nylasMailboxStore.state.threads];break;case"append":this.nylasMailboxStore.state.threads=[...this.nylasMailboxStore.state.threads,...u];break;case"overwrite":default:this.nylasMailboxStore.state.threads=u;break}return h.next_cursor?this.nylasMailboxStore.state.nextThreadPageToken=h.next_cursor:this.nylasMailboxStore.state.nextThreadPageToken=null,s&&(this.nylasMailboxStore.state.state="ready"),u}async getThread(t){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing thread:read-only scope");const e=this.nylasMailboxStore.state.threads.find(o=>o.id===t);if(e)return e;this.nylasMailboxStore.state.state="loading";const s=`/v3/grants/me/threads/${t}`,a=await this.nylasAuth.nylasAPIRequest(s);if(i.Xr(a))throw new i.Zr(a.error);const r=a.data;return this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map(o=>o.id===r.id?r:o),this.nylasMailboxStore.state.state="ready",r}async nextThreadPage(t="overwrite",e=!0){if(!this.nylasMailboxStore.state.nextThreadPageToken)throw new Error("No next page token");this.nylasMailboxStore.state.previousThreadPageTokens=Array.from(new Set([...this.nylasMailboxStore.state.previousThreadPageTokens,this.nylasMailboxStore.state.threadsQueryParams.page_token??null]));const s=this.nylasMailboxStore.state.nextThreadPageToken;return this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:s},t,e)}async previousThreadPage(t="overwrite",e=!0){if(!this.nylasMailboxStore.state.previousThreadPageTokens.length)throw new Error("No previous page token");const s=[...this.nylasMailboxStore.state.previousThreadPageTokens],a=s.pop();return this.nylasMailboxStore.state.previousThreadPageTokens=s,this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:a??void 0},t,e)}updateThreadQueryParams(t){this.nylasMailboxStore.state.threadsQueryParams={...this.nylasMailboxStore.state.threadsQueryParams,...t}}back(){this.router.navigate("/",!0),this.nylasMailboxStore.state.selectedThread=null}unSelectThread(){this.nylasMailboxStore.state.selectedThread=null}async selectThread(t){this.router.navigate(`/thread/${t.id}`,!0),this.nylasMailboxStore.state.selectedThread=t,t.unread&&this.markThreadAsRead(t).catch(e=>{n.debug("Error marking thread as read",e)})}async markThreadAsRead(t){return this.updateThread(t,{unread:!1})}async updateThread(t,e){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email","modify"))throw new Error("Missing thread:modify scope");const s=`/v3/grants/me/threads/${t.id}`,a=await this.nylasAuth.nylasAPIRequest(s,"PUT",e);if(i.Xr(a))throw new i.Zr(a.error);const r=a.data;return this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map(o=>o.id===r.id?r:o),this.nylasMailboxStore.state.selectedThread=r,r}}class m{constructor(t,e,s){this.nylasAuth=t,this.nylasAuthStore=e,this.nylasMailboxStore=s}async getFolders(){if(!this.nylasAuthStore.state.isAuthenticated)throw new Error("Not authenticated");if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"]))throw new Error("Missing thread:read-only scope");this.nylasMailboxStore.state.state="loading";const t="/v3/grants/me/folders",e=await this.nylasAuth.nylasAPIRequest(t);if(i.Xr(e))throw new i.Zr(e.error);const s=e.data;return this.nylasMailboxStore.state.folders=s,this.nylasMailboxStore.state.state="ready",s}async selectFolder(t){this.nylasMailboxStore.state.threadsQueryParams={in:t.id,...this.nylasMailboxStore.state.threadsQueryParams||{}}}}class p extends Event{constructor(t,e){super(t,e),this.oldURL=e.oldURL,this.newURL=e.newURL}}class S{constructor(){this.routeChangeListeners=[],n.debug("HashRouter constructor")}destroy(){n.debug("HashRouter destroy"),window.removeEventListener("hashchange",this.onRouteChange.bind(this))}init(){if(n.debug("HashRouter init"),window.addEventListener("hashchange",this.onRouteChange.bind(this)),typeof HashChangeEvent<"u"){const t=new HashChangeEvent("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}else{const t=new p("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}}addRouteChangeListener(t,e){n.debug("HashRouter addRouteChangeListener"),this.routeChangeListeners.push([t,e])}navigate(t,e){if(n.debug("HashRouter navigate"),e)return window.history.pushState(null,"",`#${t}`);window.location.hash=t}setRoute(t){n.debug("HashRouter setRoute"),window.location.hash=t}matchRoute(t,e){const s=t.split("/"),a=e.split("/");if(n.debug(`HashRouter matchRoute route=${t} path=${e}`,{routeParts:s,pathParts:a}),s[1]===""&&a[0]==="")return!0;if(s.length!==a.length)return!1;for(let r=0;r<s.length;r++){const o=s[r],h=a[r];if(!o.startsWith(":")&&o!==h)return!1}return!0}getRouteParams(t){n.debug("HashRouter getRouteParams");const e={},s=t.split("/"),a=window.location.hash.split("/");return s.forEach((r,o)=>{if(r.startsWith(":")){const h=r.substring(1);e[h]=a[o]}}),e}getRouteWithParams(t,e){n.debug("HashRouter getRouteWithParams");let s=t;return Object.keys(e).forEach(a=>{s=s.replace(`:${a}`,e[a])}),s}getRoute(){return n.debug("HashRouter getRoute"),window.location.hash}onRouteChange(t){this.routeChangeListeners.forEach(async([e,s])=>{const a=t.newURL.indexOf("#")===-1?"":t.newURL.substring(t.newURL.indexOf("#")+1);if(n.debug(`HashRouter onRouteChange route=${e} path=${a}`,{event:t}),!this.matchRoute(e,a)){n.debug(`HashRouter onRouteChange route=${e} path=${a} does not match`);return}const r=this.getRouteParams(e);await s(e,a,r)})}getBasePath(){return n.debug("HashRouter getBasePath"),""}}function A(l={}){const t={isAuthenticated:!1,tokenInfo:null,state:"ready",...l},e=n.createStore(t);return e.reset=()=>{for(const s in t){const a=t[s];e.set(s,a)}},e}function x(l={}){const t={state:"ready",messages:[],threads:[],folders:[],selectedThread:null,nextThreadPageToken:null,previousThreadPageTokens:[],searchQuery:"",hasNextThreadPage:!1,hasPreviousThreadPage:!1,selectedFolder:"inbox",threadsQueryParams:{in:"inbox"},messgeQueryParams:{fields:"include_headers"},...l},e=n.createStore({...t});return e.onChange("nextThreadPageToken",s=>{e.set("hasNextThreadPage",s!==null)}),e.onChange("previousThreadPageTokens",s=>{e.set("hasPreviousThreadPage",s.length>0)}),e.onChange("threadsQueryParams",s=>{e.set("selectedFolder",s.in||"inbox"),e.set("searchQuery",s.search_query_native||"")}),e.reset=()=>{for(const s in t){const a=t[s];e.set(s,a)}},e}exports.CreateNylasAuthStore=A;exports.CreateNylasMailboxStore=x;exports.HashRouter=S;exports.NylasAuthConnector=g;exports.NylasFoldersConnector=m;exports.NylasMessagesConnector=f;exports.NylasThreadsConnector=w;

package/dist/{nylas-additional-participants.entry-1653dec7.js → nylas-additional-participants.entry-4120ea2e.js}

@@ -1,19 +1,17 @@
-import { r as y, h as i, H as b, g as f } from "./index-ce40ad47.js";
-import { R as _ } from "./register-component-d056a880-f3003d6c.js";
-import { d as n } from "./utils-0cd66d04-89ab163d.js";
+import { r as y, d as n, h as i, H as f, g as _ } from "./index-fd39ea9d.js";
+import { R as u } from "./register-component-83e24412-35c484c4.js";
 import "react";
 import "react-dom";
-import "./_commonjsHelpers-57e89916-af061c86.js";
-const u = ':host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-nylas-base-600-aaa, #3e4784);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__block{display:flex;justify-content:space-between;gap:0.5rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--Nylas-base-Nylas-base-300, #b3b8d8)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--Nylas-base-Nylas-base-50, #f8f9fc)}.nylas-additional-participants__input{flex:1;padding:12px 16px;border-right:1px solid var(--Nylas-base-Nylas-base-300, #b3b8d8)}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input_wrapper_invalid{border:1px solid var(--nylas-error, #cc4841);color:var(--Nylas-base-Nylas-base-400, #717bbc)}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}', m = u;
+const b = ':host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;padding:12px 16px;border-right:1px solid var(--nylas-base-300)}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}', m = b;
 var h = function(a, t, e, r) {
   var l = arguments.length, s = l < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, e) : r, p;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     s = Reflect.decorate(a, t, e, r);
   else
-    for (var d = a.length - 1; d >= 0; d--)
-      (p = a[d]) && (s = (l < 3 ? p(s) : l > 3 ? p(t, e, s) : p(t, e)) || s);
+    for (var o = a.length - 1; o >= 0; o--)
+      (p = a[o]) && (s = (l < 3 ? p(s) : l > 3 ? p(t, e, s) : p(t, e)) || s);
   return l > 3 && s && Object.defineProperty(t, e, s), s;
-}, o = function(a, t) {
+}, d = function(a, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
     return Reflect.metadata(a, t);
 };
@@ -51,15 +49,15 @@ const c = class {
     this.participants[t].is_valid = r, this.internals.setFormValue(JSON.stringify(this.participants), "participants");
   }
   render() {
-    return i(b, { key: "f7e9e11d09521eaaca5a7c0f617bb89d2d63b1c4" }, i("nylas-form-card", { key: "58e42cf68f3e5dc8d76a5c29be28332506c4ac02" }, i("h3", { key: "df04fd60229abedc20d18611012b3b4d119ec17a", slot: "header-title", class: "nylas-additional-participants__title" }, "Additional participants"), i("p", { key: "794d5d650ee886a3d985f87b3ea46527dcae8e6a", slot: "header-subtitle", class: "nylas-additional-participants__subtitle" }, "Add anyone else who would be joining for this event."), i("div", { key: "acf2f231f0c18f8389c7618e7b301d94aa819c2e", slot: "content", class: "nylas-additional-participants__content" }, i("div", { key: "ed87166cfc0f33f515c780412a71a6b7dccbd61b" }, this.participants.map((a, t) => i("div", { class: "nylas-additional-participants__input_group" }, i("label", null, a.is_organizer ? "Organizer" : `Participant ${t}`), i("div", { class: `nylas-additional-participants__input_wrapper ${a.is_organizer && "nylas-additional-participants__input_wrapper_organizer"} ${a.is_valid === !1 && "nylas-additional-participants__input_wrapper_invalid"}` }, i("div", { class: "nylas-additional-participants__input" }, i("input", { type: "text", value: a.email, onInput: (e) => {
+    return i(f, { key: "2cee2dd98939f98fdfc950f609fce3f6045ced9f" }, i("nylas-form-card", { key: "e587c19e99fa1b40c9d876123fd50cde51e8882c" }, i("h3", { key: "6c4a90291f5918e98d62e03b599619ff4f345391", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), i("p", { key: "ad4fac5ca4cdb1430f889c723215d9a1538a266f", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), i("div", { key: "80b29a9b1275363dac86274be18cc52210e59de7", slot: "content", class: "nylas-additional-participants__content" }, i("div", { key: "5adf8a7d2be8c780dbc5859b8b634efc114536c2" }, this.participants.map((a, t) => i("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, i("label", null, a.is_organizer ? "Organizer" : `Participant ${t}`), i("div", { part: "nap__input_wrapper", class: `nylas-additional-participants__input_wrapper ${a.is_organizer && "nylas-additional-participants__input_wrapper_organizer"} ${a.is_valid === !1 && "nylas-additional-participants__input_wrapper_invalid"}` }, i("div", { class: "nylas-additional-participants__input", part: "nap__input" }, i("input", { type: "text", value: a.email, onInput: (e) => {
       this.onParticipantChange(e, t);
-    }, readOnly: a.is_organizer, onBlur: () => this.validate(a.email, t) })), !a.is_organizer && i("button", { onClick: () => this.removeParticipant(a.email) }, i("close-icon", null)))))))));
+    }, readOnly: a.is_organizer, onBlur: () => this.validate(a.email, t) })), !a.is_organizer && i("button", { onClick: () => this.removeParticipant(a.email), part: "nap__remove-participant" }, i("close-icon", null)))))))));
   }
   static get formAssociated() {
     return !0;
   }
   get host() {
-    return f(this);
+    return _(this);
   }
   static get watchers() {
     return {
@@ -68,14 +66,14 @@ const c = class {
   }
 };
 h([
-  _({
+  u({
     name: "nylas-additional-participants",
     eventToProps: {},
     fireRegisterEvent: !0
   }),
-  o("design:type", Function),
-  o("design:paramtypes", []),
-  o("design:returntype", void 0)
+  d("design:type", Function),
+  d("design:paramtypes", []),
+  d("design:returntype", void 0)
 ], c.prototype, "render", null);
 c.style = m;
 export {

package/dist/nylas-additional-participants.entry-7e2446cb.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-5f0940e0.cjs"),c=require("./register-component-83e24412-0b25de7f.cjs");require("react");require("react-dom");const y=':host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;padding:12px 16px;border-right:1px solid var(--nylas-base-300)}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}',u=y;var f=function(a,i,n,s){var r=arguments.length,e=r<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,n):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(a,i,n,s);else for(var p=a.length-1;p>=0;p--)(l=a[p])&&(e=(r<3?l(e):r>3?l(i,n,e):l(i,n))||e);return r>3&&e&&Object.defineProperty(i,n,e),e},d=function(a,i){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(a,i)};const o=class{constructor(a){t.registerInstance(this,a),a.$hostElement$["s-ei"]?this.internals=a.$hostElement$["s-ei"]:(this.internals=a.$hostElement$.attachInternals(),a.$hostElement$["s-ei"]=this.internals),this.name="participants",this.eventParticipants=void 0,this.participants=this.eventParticipants??[],this.participantsValid=!0}elementNameChangedHandler(a){t.debug("nylas-additional-participants","elementNameChangedHandler",a),this.host.setAttribute("name",a)}connectedCallback(){t.debug("nylas-additional-participants","connectedCallback")}componentWillLoad(){t.debug("nylas-additional-participants","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){t.debug("nylas-additional-participants","componentDidLoad"),this.internals.setFormValue(JSON.stringify(this.participants),"participants")}disconnectedCallback(){t.debug("nylas-additional-participants","disconnectedCallback")}onParticipantChange(a,i){t.debug("nylas-additional-participants","onParticipantChange"),this.participants[i].email=a.target.value,this.internals.setFormValue(JSON.stringify(this.participants),"participants")}addParticipant(){t.debug("nylas-additional-participants","addParticipant"),this.participants=[...this.participants,{email:"",is_organizer:!1,availability:{calendar_ids:["primary"]}}],this.internals.setFormValue(JSON.stringify(this.participants),"participants")}removeParticipant(a){t.debug("nylas-additional-participants","addParticipant"),this.participants=this.participants.filter(i=>i.email!==a),this.internals.setFormValue(JSON.stringify(this.participants),"participants")}validate(a,i){t.debug("nylas-additional-participants","validate");const s=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(a).toLowerCase());this.participants[i].is_valid=s,this.internals.setFormValue(JSON.stringify(this.participants),"participants")}render(){return t.h(t.Host,{key:"2cee2dd98939f98fdfc950f609fce3f6045ced9f"},t.h("nylas-form-card",{key:"e587c19e99fa1b40c9d876123fd50cde51e8882c"},t.h("h3",{key:"6c4a90291f5918e98d62e03b599619ff4f345391",slot:"header-title",class:"nylas-additional-participants__title",part:"nap__title"},"Additional participants"),t.h("p",{key:"ad4fac5ca4cdb1430f889c723215d9a1538a266f",slot:"header-subtitle",class:"nylas-additional-participants__subtitle",part:"nap__subtitle"},"Add anyone else who would be joining for this event."),t.h("div",{key:"80b29a9b1275363dac86274be18cc52210e59de7",slot:"content",class:"nylas-additional-participants__content"},t.h("div",{key:"5adf8a7d2be8c780dbc5859b8b634efc114536c2"},this.participants.map((a,i)=>t.h("div",{class:"nylas-additional-participants__input_group",part:"nap__input_group"},t.h("label",null,a.is_organizer?"Organizer":`Participant ${i}`),t.h("div",{part:"nap__input_wrapper",class:`nylas-additional-participants__input_wrapper ${a.is_organizer&&"nylas-additional-participants__input_wrapper_organizer"} ${a.is_valid===!1&&"nylas-additional-participants__input_wrapper_invalid"}`},t.h("div",{class:"nylas-additional-participants__input",part:"nap__input"},t.h("input",{type:"text",value:a.email,onInput:n=>{this.onParticipantChange(n,i)},readOnly:a.is_organizer,onBlur:()=>this.validate(a.email,i)})),!a.is_organizer&&t.h("button",{onClick:()=>this.removeParticipant(a.email),part:"nap__remove-participant"},t.h("close-icon",null)))))))))}static get formAssociated(){return!0}get host(){return t.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};f([c.RegisterComponent({name:"nylas-additional-participants",eventToProps:{},fireRegisterEvent:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],o.prototype,"render",null);o.style=u;exports.nylas_additional_participants=o;