@nylas/react 1.1.0-canary.7 → 1.1.0-canary.8

package/dist/mailbox-store-69c5c5f6-8ab4670b.js

@@ -0,0 +1,380 @@
+import { d as o, e as f } from "./index-f93f6948.js";
+import { X as u, Z as d } from "./index.es-df564f87-b773d34f.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 n;
+    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 i in t) {
+      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 (u(a))
+      throw new d(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 (u(e))
+      throw new d(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 (u(e))
+      throw new d(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 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 y;
+    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 g in a) {
+      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 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 = [...l, ...this.nylasMailboxStore.state.threads];
+        break;
+      case "append":
+        this.nylasMailboxStore.state.threads = [...this.nylasMailboxStore.state.threads, ...l];
+        break;
+      case "overwrite":
+      default:
+        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"), 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((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 (u(a))
+      throw new d(a.error);
+    const r = a.data;
+    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)
+      throw new Error("No next page token");
+    this.nylasMailboxStore.state.previousThreadPageTokens = Array.from(/* @__PURE__ */ 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) => {
+      o("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 (u(a))
+      throw new d(a.error);
+    const r = a.data;
+    return this.nylasMailboxStore.state.threads = this.nylasMailboxStore.state.threads.map((n) => n.id === r.id ? r : n), this.nylasMailboxStore.state.selectedThread = r, r;
+  }
+}
+class x {
+  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 (u(e))
+      throw new d(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 m extends Event {
+  constructor(t, e) {
+    super(t, e), this.oldURL = e.oldURL, this.newURL = e.newURL;
+  }
+}
+class P {
+  constructor() {
+    this.routeChangeListeners = [], o("HashRouter constructor");
+  }
+  destroy() {
+    o("HashRouter destroy"), window.removeEventListener("hashchange", this.onRouteChange.bind(this));
+  }
+  init() {
+    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 m("hashchange", { oldURL: "", newURL: window.location.href });
+      this.onRouteChange(t);
+    }
+  }
+  addRouteChangeListener(t, e) {
+    o("HashRouter addRouteChangeListener"), this.routeChangeListeners.push([t, e]);
+  }
+  navigate(t, e) {
+    if (o("HashRouter navigate"), e)
+      return window.history.pushState(null, "", `#${t}`);
+    window.location.hash = t;
+  }
+  setRoute(t) {
+    o("HashRouter setRoute"), window.location.hash = t;
+  }
+  matchRoute(t, e) {
+    const s = t.split("/"), a = e.split("/");
+    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 n = s[r], i = a[r];
+      if (!n.startsWith(":") && n !== i)
+        return !1;
+    }
+    return !0;
+  }
+  getRouteParams(t) {
+    o("HashRouter getRouteParams");
+    const e = {}, s = t.split("/"), a = window.location.hash.split("/");
+    return s.forEach((r, n) => {
+      if (r.startsWith(":")) {
+        const i = r.substring(1);
+        e[i] = a[n];
+      }
+    }), e;
+  }
+  getRouteWithParams(t, e) {
+    o("HashRouter getRouteWithParams");
+    let s = t;
+    return Object.keys(e).forEach((a) => {
+      s = s.replace(`:${a}`, e[a]);
+    }), s;
+  }
+  getRoute() {
+    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 (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);
+      await s(e, a, r);
+    });
+  }
+  getBasePath() {
+    return o("HashRouter getBasePath"), "";
+  }
+}
+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: [],
+    threads: [],
+    folders: [],
+    selectedThread: null,
+    nextThreadPageToken: null,
+    previousThreadPageTokens: [],
+    searchQuery: "",
+    hasNextThreadPage: !1,
+    hasPreviousThreadPage: !1,
+    selectedFolder: "inbox",
+    threadsQueryParams: {
+      in: "inbox"
+    },
+    messgeQueryParams: {
+      fields: "include_headers"
+    },
+    ...h
+  }, e = f({ ...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;
+}
+export {
+  b as C,
+  P as H,
+  S as N,
+  M as a,
+  T as b,
+  A as c,
+  x as d
+};

package/dist/nylas-additional-participants.entry-33a45477.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-93c50de4.cjs"),c=require("./register-component-b9cfcbaf-d40e1f3c.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;

package/dist/nylas-additional-participants.entry-4b214308.js

@@ -0,0 +1,81 @@
+import { r as y, d as n, h as i, H as f, g as _ } from "./index-f93f6948.js";
+import { R as u } from "./register-component-b9cfcbaf-c0147194.js";
+import "react";
+import "react-dom";
+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 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;
+}, d = function(a, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(a, t);
+};
+const c = class {
+  constructor(a) {
+    y(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) {
+    n("nylas-additional-participants", "elementNameChangedHandler", a), this.host.setAttribute("name", a);
+  }
+  connectedCallback() {
+    n("nylas-additional-participants", "connectedCallback");
+  }
+  componentWillLoad() {
+    n("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    n("nylas-additional-participants", "componentDidLoad"), this.internals.setFormValue(JSON.stringify(this.participants), "participants");
+  }
+  disconnectedCallback() {
+    n("nylas-additional-participants", "disconnectedCallback");
+  }
+  onParticipantChange(a, t) {
+    n("nylas-additional-participants", "onParticipantChange"), this.participants[t].email = a.target.value, this.internals.setFormValue(JSON.stringify(this.participants), "participants");
+  }
+  addParticipant() {
+    n("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) {
+    n("nylas-additional-participants", "addParticipant"), this.participants = this.participants.filter((t) => t.email !== a), this.internals.setFormValue(JSON.stringify(this.participants), "participants");
+  }
+  validate(a, t) {
+    n("nylas-additional-participants", "validate");
+    const r = /^(([^<>()\[\]\\.,;:\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[t].is_valid = r, this.internals.setFormValue(JSON.stringify(this.participants), "participants");
+  }
+  render() {
+    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), part: "nap__remove-participant" }, i("close-icon", null)))))))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"]
+    };
+  }
+};
+h([
+  u({
+    name: "nylas-additional-participants",
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  d("design:type", Function),
+  d("design:paramtypes", []),
+  d("design:returntype", void 0)
+], c.prototype, "render", null);
+c.style = m;
+export {
+  c as nylas_additional_participants
+};