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

package/dist/nylas-threads-search.entry-f92f7e30.js

@@ -0,0 +1,69 @@
+import { r as u, c as y, d, h as i, H as f } from "./index-f93f6948.js";
+import { R as p } from "./register-component-b9cfcbaf-c0147194.js";
+import "react";
+import "react-dom";
+const m = ":host{display:block}sp-search{width:100%;border:0}", b = m;
+var g = function(t, e, n, r) {
+  var s = arguments.length, a = s < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, n) : r, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    a = Reflect.decorate(t, e, n, r);
+  else
+    for (var c = t.length - 1; c >= 0; c--)
+      (o = t[c]) && (a = (s < 3 ? o(a) : s > 3 ? o(e, n, a) : o(e, n)) || a);
+  return s > 3 && a && Object.defineProperty(e, n, a), a;
+}, l = function(t, e) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(t, e);
+};
+const h = class {
+  constructor(t) {
+    u(this, t), this.search = y(this, "search", 7), this.onSearch = async (e) => {
+      e.preventDefault(), e.stopPropagation();
+      const r = e.target.value;
+      r !== this.internalQuery && (this.internalQuery = r, this.search.emit(this.internalQuery));
+    }, this.query = "", this.internalQuery = "";
+  }
+  connectedCallback() {
+  }
+  disconnectedCallback() {
+  }
+  async componentWillLoad() {
+    d("[nylas-threads-search] Component will load");
+  }
+  async componentDidLoad() {
+    d("[nylas-threads-search] Component did load");
+  }
+  onQueryChange() {
+    this.internalQuery = this.query;
+  }
+  render() {
+    return i(f, { key: "9e91a330bea4dc84fa96070591e95926f52ee0bb" }, i("sp-theme", { key: "6d1df81ced09a5b721d8f161e40450633ae2cd98", scale: "medium", color: "dark" }, i("sp-search", { key: "cb81bba4b4f1d279f1fd48bda9a2fb003cb65fcd", quiet: !0, onSubmit: this.onSearch, onBlur: this.onSearch, value: this.internalQuery })));
+  }
+  static get watchers() {
+    return {
+      query: ["onQueryChange"]
+    };
+  }
+};
+g([
+  p({
+    name: "nylas-pagination",
+    stateToProps: /* @__PURE__ */ new Map([["mailbox.searchQuery", "query"]]),
+    eventToProps: {
+      search: async (t, e) => {
+        await e.threads.getThreads({
+          search_query_native: t.detail || void 0,
+          page_token: void 0
+        });
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  l("design:type", Function),
+  l("design:paramtypes", []),
+  l("design:returntype", void 0)
+], h.prototype, "render", null);
+h.style = b;
+export {
+  h as nylas_threads_search
+};

package/dist/nylas-view-thread.entry-2f1474cf.js

@@ -0,0 +1,203 @@
+import { r as k, c as p, d, h as a, t as M, F as m, H as x, g as E, l as D, a as S, m as g } from "./index-f93f6948.js";
+import { R as T } from "./register-component-b9cfcbaf-c0147194.js";
+import "react";
+import "react-dom";
+function R(t, e, s, o, r) {
+  if (!o || !s || s.children.length > 0)
+    return;
+  d("[nylas-view-thread] Rendering email", { message: t, attachments: e, viewEmailElement: o });
+  const n = o.cloneNode(!0);
+  n.message = t.data, n.parent = r, s.appendChild(n);
+}
+const u = ({ viewEmailElement: t, message: e, attachments: s, onMessageClick: o, onShowContactDataClick: r, parent: n }) => {
+  var l, i, c, v, f, w, b;
+  return a(
+    m,
+    null,
+    a(
+      "div",
+      { key: e.id, class: "message" },
+      a(
+        "div",
+        { class: "sub-header", "data-id": e.data.id, onClick: o },
+        a("div", { class: "avatar" }, e.data.from && ((l = e.data.from[0]) == null ? void 0 : l.name) && ((c = (i = e.data.from[0]) == null ? void 0 : i.name[0]) == null ? void 0 : c.toUpperCase())),
+        a(
+          "div",
+          { class: "from" },
+          a("span", { class: "name" }, e.data.from && ((v = e.data.from[0]) == null ? void 0 : v.name)),
+          " ",
+          a("span", { class: "email" }, e.data.from && ((f = e.data.from[0]) == null ? void 0 : f.email))
+        ),
+        a(
+          "div",
+          { class: "date" },
+          new Date(e.data.date * 1e3).toLocaleTimeString(void 0, {
+            timeStyle: "short"
+          }),
+          " ",
+          "(",
+          D(new Date(e.data.date * 1e3)),
+          ")"
+        ),
+        a(
+          "sp-button-group",
+          { class: "buttons" },
+          a("nylas-summarize-message-button", { message: e.data })
+        ),
+        e.collapse && a("div", { class: "snippet" }, e.data.snippet),
+        !e.collapse && e.data.to && a(
+          "div",
+          { class: "to" },
+          a("span", null, "to"),
+          " ",
+          S(e.data.to),
+          " ",
+          a(
+            "button",
+            { type: "button", value: e.data.id, onClick: r, class: {
+              expand: !0,
+              "expand--showContactData": e.showContactData
+            } },
+            a("chevron-icon", null)
+          )
+        )
+      ),
+      e.showContactData && a(
+        "div",
+        { class: "address-info" },
+        a("div", { class: "label" }, "From"),
+        a("div", { class: "value" }, g((w = e.data) != null && w.from ? (b = e == null ? void 0 : e.data) == null ? void 0 : b.from[0] : { name: "", email: "" })),
+        e.data.to && a(
+          m,
+          null,
+          a("div", { class: "label" }, "To"),
+          a("div", { class: "value" }, e.data.to.map((h) => a("div", null, g(h))))
+        ),
+        typeof e.data.cc < "u" && e.data.cc.length > 0 && a(
+          m,
+          null,
+          a("div", { class: "label" }, "CC"),
+          a("div", { class: "value" }, e.data.cc.map((h) => a("div", null, g(h))))
+        )
+      ),
+      !e.collapse && t && a("div", { key: e.id, ref: (h) => R(e, s, h, t, n) }),
+      !e.collapse && !t && a("nylas-view-email", { key: e.id, message: e.data, parent: n })
+    ),
+    a("hr", null)
+  );
+}, A = ':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}', V = A;
+var _ = function(t, e, s, o) {
+  var r = arguments.length, n = r < 3 ? e : o === null ? o = Object.getOwnPropertyDescriptor(e, s) : o, l;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    n = Reflect.decorate(t, e, s, o);
+  else
+    for (var i = t.length - 1; i >= 0; i--)
+      (l = t[i]) && (n = (r < 3 ? l(n) : r > 3 ? l(e, s, n) : l(e, s)) || n);
+  return r > 3 && n && Object.defineProperty(e, s, n), n;
+}, y = function(t, e) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(t, e);
+};
+const C = class {
+  constructor(t) {
+    k(this, t), this.threadSelected = p(this, "threadSelected", 7), this.showContactDataClicked = p(this, "showContactDataClicked", 7), this.messageClicked = p(this, "messageClicked", 7), this.nylasViewEmailElement = null, this.nylasComposerElement = null, this.onShowContactDataClick = (e) => {
+      e.stopPropagation();
+      const o = e.target.value, r = this.internalMessages.find((l) => l.data.id === o);
+      if (!r) {
+        d(`[nylas-view-thread] Could not find message ${o}`);
+        return;
+      }
+      this.showContactDataClicked.emit(r.data).defaultPrevented || (r.showContactData = !r.showContactData, this.internalMessages = [...this.internalMessages]), d(`[nylas-view-thread] show contact data clicked ${o} ${r.showContactData ? "collapsed" : "expanded"}`);
+    }, this.onMessageClick = (e) => {
+      var l;
+      const o = e.target.dataset.id, r = this.internalMessages.find((i) => i.data.id === o);
+      if (!r) {
+        d(`[nylas-view-thread] Could not find message ${o}`);
+        return;
+      }
+      this.messageClicked.emit(r.data).defaultPrevented || (r.id !== ((l = this.internalMessages[this.internalMessages.length - 1]) == null ? void 0 : l.id) && (r.collapse = !r.collapse, r.collapse && (r.showContactData = !1)), this.internalMessages = [...this.internalMessages]), d(`[nylas-view-thread] message clicked ${o} ${r.collapse ? "collapsed" : "expanded"}`);
+    }, this.onShowAllEmailsClick = () => {
+      this.showAllEmails = !this.showAllEmails;
+    }, this.showComposerClick = () => {
+      this.showComposer = !this.showComposer;
+    }, this.draft = void 0, this.thread = void 0, this.messages = [], this.attachments = [], this.state = "loading", this.internalMessages = [], this.showAllEmails = !1, this.showComposer = !1;
+  }
+  connectedCallback() {
+  }
+  disconnectedCallback() {
+  }
+  async componentWillLoad() {
+    d("[nylas-view-thread] Component will load"), this.updateInternalMessages(this.messages);
+    const t = this.host.querySelector("template.nylas-view-email");
+    if (!t) {
+      d("[nylas-view-thread] Could not find template");
+      return;
+    }
+    const e = document.importNode(t.content, !0);
+    this.nylasViewEmailElement = e.querySelector("nylas-view-email");
+    const s = this.host.querySelector("template.nylas-composer");
+    if (!s) {
+      d("[nylas-view-thread] Could not find composer template");
+      return;
+    }
+    const o = document.importNode(s.content, !0);
+    this.nylasComposerElement = o.querySelector("nylas-composer");
+  }
+  async componentDidLoad() {
+    d("[nylas-view-thread] Component did load");
+  }
+  async threadChanged(t) {
+    d("[nylas-view-thread] Thread changed", { thread: t }), this.internalMessages = [], this.threadSelected.emit(t).defaultPrevented || d("[nylas-view-thread] Default event not prevented, initializing");
+  }
+  updateInternalMessages(t) {
+    d("[nylas-view-thread] Updating internal messages", { messages: t });
+    const e = t.sort((s, o) => s.date > o.date ? 1 : -1).map((s, o) => ({
+      id: s.id,
+      data: s,
+      collapse: o !== t.length - 1,
+      showContactData: !1
+    }));
+    this.internalMessages = e;
+  }
+  render() {
+    var r, n, l;
+    const t = this.internalMessages.length > 2 ? this.internalMessages[0] : null, e = this.internalMessages.slice(this.internalMessages.length - 2, this.internalMessages.length), s = this.internalMessages.slice(1, this.internalMessages.length - 2), o = this.internalMessages[this.internalMessages.length - 1];
+    return a(x, { key: "08d6981bb00f24f18212060a784da5ec7129197e" }, a("sp-theme", { key: "0f7f54486f61beb490fc96a0f84753868ef384aa", scale: "medium", color: "dark" }, a("div", { key: "9aad086eae2344a6d0d28b1fb4fb39921dcf53f0", class: "view-thread" }, a("div", { key: "fcef6cd0bfed78b7d6f9df5a2a8719a32b1e294f", class: "header" }, a("div", { key: "0673aebc8626e082deb3f0a9b9eb9c18a1841349", class: "subject" }, (r = this.thread) == null ? void 0 : r.subject), a("div", { key: "10ee64da01595dcb658f99b9a8d90c1fe9237816", class: "folders" }, (l = (n = this.thread) == null ? void 0 : n.folders) == null ? void 0 : l.map((i) => a("sp-tag", { size: "s" }, M(i.replace("CATEGORY_", "").replace("_", " ")))))), a("div", { key: "469007a98202e151206e4ac329956882f069b618", class: "messages" }, t && a(u, { message: t, attachments: this.attachments.filter((i) => i.messageId === t.id), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement }), s.length > 0 && this.messages.length > 1 && !this.showAllEmails && e.length > 0 && a(m, null, a("div", { class: "show-more" }, a("button", { type: "button", onClick: this.onShowAllEmailsClick }, a("span", { class: "avatar" }, s.length), " ", a("span", { class: "sr-only" }, "Show ", s.length, " more emails"))), a("hr", null)), s.length > 0 && this.showAllEmails && this.messages.length > 2 && s.map((i) => a(u, { message: i, attachments: this.attachments.filter((c) => c.messageId === (t == null ? void 0 : t.id)), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement })), e.length > 0 && e.map((i) => a(u, { message: i, attachments: this.attachments.filter((c) => c.messageId === (t == null ? void 0 : t.id)), onMessageClick: this.onMessageClick, onShowContactDataClick: this.onShowContactDataClick, parent: this.host, viewEmailElement: this.nylasViewEmailElement, composerElement: this.nylasComposerElement }))), !(this.showComposer && o) && a("div", { class: "reply-buttons" }, a("sp-button", { variant: "cta", type: "button", onClick: this.showComposerClick }, a("span", { slot: "icon" }, a("reply-icon", null)), a("span", null, "Reply")), a("sp-button", { variant: "cta", type: "button" }, a("span", { slot: "icon" }, a("reply-all-icon", null)), a("span", null, "Reply All")), a("sp-button", { variant: "cta", type: "button" }, a("span", { slot: "icon" }, a("forward-icon", null)), a("span", null, "Forward"))), this.showComposer && o && a("div", { class: "composer" }, a("nylas-composer", { message: o.data, onClose: this.showComposerClick, onSend: (i) => {
+      d("[nylas-view-thread] Send event", { message: i.detail.message, replyBody: i.detail.replyBody });
+    } })))));
+  }
+  get host() {
+    return E(this);
+  }
+  static get watchers() {
+    return {
+      thread: ["threadChanged"],
+      messages: ["updateInternalMessages"]
+    };
+  }
+};
+_([
+  T({
+    name: "nylas-view-thread",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["mailbox.selectedThread", "thread"],
+      ["mailbox.messages", "messages"],
+      ["mailbox.state", "state"]
+    ]),
+    eventToProps: {
+      threadSelected: async (t, e) => {
+        d("[nylas-view-thread] Nylas init event. Fetching thread messages.", { event: t });
+        const s = t.detail;
+        s && s.id && await e.messages.getThreadMessages(s.id);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  y("design:type", Function),
+  y("design:paramtypes", []),
+  y("design:returntype", void 0)
+], C.prototype, "render", null);
+C.style = V;
+export {
+  C as nylas_view_thread
+};

package/dist/nylas-view-thread.entry-56080c89.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-93c50de4.cjs"),f=require("./register-component-b9cfcbaf-d40e1f3c.cjs");require("react");require("react-dom");function w(t,a,s,o,r){if(!o||!s||s.children.length>0)return;e.debug("[nylas-view-thread] Rendering email",{message:t,attachments:a,viewEmailElement:o});const n=o.cloneNode(!0);n.message=t.data,n.parent=r,s.appendChild(n)}const c=({viewEmailElement:t,message:a,attachments:s,onMessageClick:o,onShowContactDataClick:r,parent:n})=>{var l,i,d,g,u,v,y;return e.h(e.Fragment,null,e.h("div",{key:a.id,class:"message"},e.h("div",{class:"sub-header","data-id":a.data.id,onClick:o},e.h("div",{class:"avatar"},a.data.from&&((l=a.data.from[0])==null?void 0:l.name)&&((d=(i=a.data.from[0])==null?void 0:i.name[0])==null?void 0:d.toUpperCase())),e.h("div",{class:"from"},e.h("span",{class:"name"},a.data.from&&((g=a.data.from[0])==null?void 0:g.name))," ",e.h("span",{class:"email"},a.data.from&&((u=a.data.from[0])==null?void 0:u.email))),e.h("div",{class:"date"},new Date(a.data.date*1e3).toLocaleTimeString(void 0,{timeStyle:"short"})," ","(",e.formatTimeAgo(new Date(a.data.date*1e3)),")"),e.h("sp-button-group",{class:"buttons"},e.h("nylas-summarize-message-button",{message:a.data})),a.collapse&&e.h("div",{class:"snippet"},a.data.snippet),!a.collapse&&a.data.to&&e.h("div",{class:"to"},e.h("span",null,"to")," ",e.formatParticipants(a.data.to)," ",e.h("button",{type:"button",value:a.data.id,onClick:r,class:{expand:!0,"expand--showContactData":a.showContactData}},e.h("chevron-icon",null)))),a.showContactData&&e.h("div",{class:"address-info"},e.h("div",{class:"label"},"From"),e.h("div",{class:"value"},e.formatRecipient((v=a.data)!=null&&v.from?(y=a==null?void 0:a.data)==null?void 0:y.from[0]:{name:"",email:""})),a.data.to&&e.h(e.Fragment,null,e.h("div",{class:"label"},"To"),e.h("div",{class:"value"},a.data.to.map(h=>e.h("div",null,e.formatRecipient(h))))),typeof a.data.cc<"u"&&a.data.cc.length>0&&e.h(e.Fragment,null,e.h("div",{class:"label"},"CC"),e.h("div",{class:"value"},a.data.cc.map(h=>e.h("div",null,e.formatRecipient(h)))))),!a.collapse&&t&&e.h("div",{key:a.id,ref:h=>w(a,s,h,t,n)}),!a.collapse&&!t&&e.h("nylas-view-email",{key:a.id,message:a.data,parent:n})),e.h("hr",null))},b=':host{display:block;font-size:inherit}.avatar{z-index:1;border-radius:100%;background-color:var(--nylas-color-primary-200);height:40px;width:40px;align-items:center;display:flex;justify-content:center;border:1px solid var(--nylas-color-primary-200)}.view-thread{display:grid;grid-auto-flow:row;width:100%}.view-thread .header{display:grid;grid-gap:1rem;align-items:center;margin-bottom:1rem}.view-thread .header .subject{font-size:1.25rem;font-weight:600;line-height:1.5rem}.view-thread .header .folders{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;overflow-x:auto;gap:1rem}.view-thread .header .folders .folder{padding:0 0.5rem;font-size:0.9rem;color:var(--nylas-color-primary-900);background-color:var(--nylas-color-primary-300)}.view-thread .messages{display:grid;gap:1rem}.view-thread .messages hr{margin:0;width:100%;border:1px solid var(--nylas-color-primary-200)}.view-thread .messages hr:last-of-type{display:none}.view-thread .messages .message{display:grid;grid-auto-flow:row;gap:1rem}.view-thread .messages .message:last-of-type .sub-header{cursor:default}.view-thread .messages .message .sub-header{display:grid;grid-template:"avatar from date buttons" "avatar to to buttons";grid-column-gap:1rem;grid-template-columns:auto 1fr auto auto;cursor:pointer}.view-thread .messages .message .sub-header>*{pointer-events:none}.view-thread .messages .message .sub-header .avatar{grid-area:avatar}.view-thread .messages .message .sub-header .from{grid-area:from}.view-thread .messages .message .sub-header .from span.email{display:none;color:var(--nylas-color-primary-400);font-weight:600}.view-thread .messages .message .sub-header .buttons{grid-area:buttons;align-self:center}.view-thread .messages .message .sub-header .buttons *{pointer-events:all}.view-thread .messages .message .sub-header .date{grid-area:date;align-self:center;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .snippet{width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--nylas-color-primary-600)}.view-thread .messages .message .sub-header .to{grid-area:to;color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to>span{color:var(--nylas-color-primary-400)}.view-thread .messages .message .sub-header .to button{border:0;background-color:transparent;cursor:pointer;pointer-events:all;padding:0;margin:0}.view-thread .messages .message .sub-header .to button>*{pointer-events:none}.view-thread .messages .message .sub-header .to button chevron-icon{display:inline-table;fill:var(--nylas-color-primary-400);width:15px;height:15px;vertical-align:middle}.view-thread .messages .message .sub-header .to button chevron-icon svg{width:15px;height:15px;transform:rotate(90deg)}.view-thread .messages .message .sub-header .to button.expand--showContactData chevron-icon svg{transform:rotate(270deg)}.view-thread .messages .message .address-info{display:grid;column-gap:1rem;row-gap:0.5rem;grid-template-columns:auto 1fr;grid-template-rows:1fr;padding:1rem 2rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-color-primary-200);align-items:flex-start;color:var(--nylas-color-primary-600)}.view-thread .messages .message .address-info .label{color:var(--nylas-color-primary-400);font-weight:600}.show-more{position:relative;display:flex;width:100%}.show-more .sr-only{display:none}.show-more button{position:relative;display:inline-flex;width:100%;padding:0;border:0;background-color:transparent;cursor:pointer;text-align:left;overflow:hidden}.show-more button span{border:1px solid var(--nylas-color-primary-400)}.show-more button:hover span{background-color:var(--nylas-color-primary-700)}.show-more button::after{border-top:1px solid rgba(100, 121, 143, 0.122);border-bottom:1px solid rgba(100, 121, 143, 0.122);content:"";height:4px;width:100%;position:absolute;top:50%}.loading{position:absolute;width:100%;height:100%;background-color:var(--loading__background-color);top:0;bottom:0;left:0;z-index:1;display:grid;justify-content:center;align-items:center;font-weight:600;overflow:hidden}.reply-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;gap:1rem;margin-top:1rem}.reply-buttons sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}.reply-buttons sp-button:hover{background-color:var(--nylas-color-primary-500)}.reply-buttons sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}.reply-buttons sp-button chevron-icon{display:inline-block}@media only screen and (min-width: 768px){.view-thread .messages .message .sub-header .from span.email{display:inline}}',C=b;var k=function(t,a,s,o){var r=arguments.length,n=r<3?a:o===null?o=Object.getOwnPropertyDescriptor(a,s):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(t,a,s,o);else for(var i=t.length-1;i>=0;i--)(l=t[i])&&(n=(r<3?l(n):r>3?l(a,s,n):l(a,s))||n);return r>3&&n&&Object.defineProperty(a,s,n),n},m=function(t,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(t,a)};const p=class{constructor(t){e.registerInstance(this,t),this.threadSelected=e.createEvent(this,"threadSelected",7),this.showContactDataClicked=e.createEvent(this,"showContactDataClicked",7),this.messageClicked=e.createEvent(this,"messageClicked",7),this.nylasViewEmailElement=null,this.nylasComposerElement=null,this.onShowContactDataClick=a=>{a.stopPropagation();const o=a.target.value,r=this.internalMessages.find(l=>l.data.id===o);if(!r){e.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.showContactDataClicked.emit(r.data).defaultPrevented||(r.showContactData=!r.showContactData,this.internalMessages=[...this.internalMessages]),e.debug(`[nylas-view-thread] show contact data clicked ${o} ${r.showContactData?"collapsed":"expanded"}`)},this.onMessageClick=a=>{var l;const o=a.target.dataset.id,r=this.internalMessages.find(i=>i.data.id===o);if(!r){e.debug(`[nylas-view-thread] Could not find message ${o}`);return}this.messageClicked.emit(r.data).defaultPrevented||(r.id!==((l=this.internalMessages[this.internalMessages.length-1])==null?void 0:l.id)&&(r.collapse=!r.collapse,r.collapse&&(r.showContactData=!1)),this.internalMessages=[...this.internalMessages]),e.debug(`[nylas-view-thread] message clicked ${o} ${r.collapse?"collapsed":"expanded"}`)},this.onShowAllEmailsClick=()=>{this.showAllEmails=!this.showAllEmails},this.showComposerClick=()=>{this.showComposer=!this.showComposer},this.draft=void 0,this.thread=void 0,this.messages=[],this.attachments=[],this.state="loading",this.internalMessages=[],this.showAllEmails=!1,this.showComposer=!1}connectedCallback(){}disconnectedCallback(){}async componentWillLoad(){e.debug("[nylas-view-thread] Component will load"),this.updateInternalMessages(this.messages);const t=this.host.querySelector("template.nylas-view-email");if(!t){e.debug("[nylas-view-thread] Could not find template");return}const a=document.importNode(t.content,!0);this.nylasViewEmailElement=a.querySelector("nylas-view-email");const s=this.host.querySelector("template.nylas-composer");if(!s){e.debug("[nylas-view-thread] Could not find composer template");return}const o=document.importNode(s.content,!0);this.nylasComposerElement=o.querySelector("nylas-composer")}async componentDidLoad(){e.debug("[nylas-view-thread] Component did load")}async threadChanged(t){e.debug("[nylas-view-thread] Thread changed",{thread:t}),this.internalMessages=[],this.threadSelected.emit(t).defaultPrevented||e.debug("[nylas-view-thread] Default event not prevented, initializing")}updateInternalMessages(t){e.debug("[nylas-view-thread] Updating internal messages",{messages:t});const a=t.sort((s,o)=>s.date>o.date?1:-1).map((s,o)=>({id:s.id,data:s,collapse:o!==t.length-1,showContactData:!1}));this.internalMessages=a}render(){var r,n,l;const t=this.internalMessages.length>2?this.internalMessages[0]:null,a=this.internalMessages.slice(this.internalMessages.length-2,this.internalMessages.length),s=this.internalMessages.slice(1,this.internalMessages.length-2),o=this.internalMessages[this.internalMessages.length-1];return e.h(e.Host,{key:"08d6981bb00f24f18212060a784da5ec7129197e"},e.h("sp-theme",{key:"0f7f54486f61beb490fc96a0f84753868ef384aa",scale:"medium",color:"dark"},e.h("div",{key:"9aad086eae2344a6d0d28b1fb4fb39921dcf53f0",class:"view-thread"},e.h("div",{key:"fcef6cd0bfed78b7d6f9df5a2a8719a32b1e294f",class:"header"},e.h("div",{key:"0673aebc8626e082deb3f0a9b9eb9c18a1841349",class:"subject"},(r=this.thread)==null?void 0:r.subject),e.h("div",{key:"10ee64da01595dcb658f99b9a8d90c1fe9237816",class:"folders"},(l=(n=this.thread)==null?void 0:n.folders)==null?void 0:l.map(i=>e.h("sp-tag",{size:"s"},e.toTitleCase(i.replace("CATEGORY_","").replace("_"," ")))))),e.h("div",{key:"469007a98202e151206e4ac329956882f069b618",class:"messages"},t&&e.h(c,{message:t,attachments:this.attachments.filter(i=>i.messageId===t.id),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}),s.length>0&&this.messages.length>1&&!this.showAllEmails&&a.length>0&&e.h(e.Fragment,null,e.h("div",{class:"show-more"},e.h("button",{type:"button",onClick:this.onShowAllEmailsClick},e.h("span",{class:"avatar"},s.length)," ",e.h("span",{class:"sr-only"},"Show ",s.length," more emails"))),e.h("hr",null)),s.length>0&&this.showAllEmails&&this.messages.length>2&&s.map(i=>e.h(c,{message:i,attachments:this.attachments.filter(d=>d.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement})),a.length>0&&a.map(i=>e.h(c,{message:i,attachments:this.attachments.filter(d=>d.messageId===(t==null?void 0:t.id)),onMessageClick:this.onMessageClick,onShowContactDataClick:this.onShowContactDataClick,parent:this.host,viewEmailElement:this.nylasViewEmailElement,composerElement:this.nylasComposerElement}))),!(this.showComposer&&o)&&e.h("div",{class:"reply-buttons"},e.h("sp-button",{variant:"cta",type:"button",onClick:this.showComposerClick},e.h("span",{slot:"icon"},e.h("reply-icon",null)),e.h("span",null,"Reply")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("reply-all-icon",null)),e.h("span",null,"Reply All")),e.h("sp-button",{variant:"cta",type:"button"},e.h("span",{slot:"icon"},e.h("forward-icon",null)),e.h("span",null,"Forward"))),this.showComposer&&o&&e.h("div",{class:"composer"},e.h("nylas-composer",{message:o.data,onClose:this.showComposerClick,onSend:i=>{e.debug("[nylas-view-thread] Send event",{message:i.detail.message,replyBody:i.detail.replyBody})}})))))}get host(){return e.getElement(this)}static get watchers(){return{thread:["threadChanged"],messages:["updateInternalMessages"]}}};k([f.RegisterComponent({name:"nylas-view-thread",stateToProps:new Map([["mailbox.selectedThread","thread"],["mailbox.messages","messages"],["mailbox.state","state"]]),eventToProps:{threadSelected:async(t,a)=>{e.debug("[nylas-view-thread] Nylas init event. Fetching thread messages.",{event:t});const s=t.detail;s&&s.id&&await a.messages.getThreadMessages(s.id)}},fireRegisterEvent:!0}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],p.prototype,"render",null);p.style=C;exports.nylas_view_thread=p;

package/dist/people-icon.entry-431e5044.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-93c50de4.cjs");require("react");require("react-dom");const c=".sc-people-icon-h{display:flex}",a=c,t=class{constructor(i){e.registerInstance(this,i),this.width="20",this.height="20"}render(){return e.h("svg",{key:"8f73408ea9a46988a9f1a9f804fab7ddc87c64d1",xmlns:"http://www.w3.org/2000/svg",width:this.width,height:this.height,fill:"none",viewBox:"0 0 20 20"},e.h("path",{key:"d0a57fb5c109d50e01a113dd137edf66efccbb02",fill:"currentColor",d:"M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"}))}};t.style=a;exports.people_icon=t;

package/dist/people-icon.entry-b4778e15.js

@@ -0,0 +1,15 @@
+import { r as a, h as e } from "./index-f93f6948.js";
+import "react";
+import "react-dom";
+const o = ".sc-people-icon-h{display:flex}", s = o, c = class {
+  constructor(t) {
+    a(this, t), this.width = "20", this.height = "20";
+  }
+  render() {
+    return e("svg", { key: "8f73408ea9a46988a9f1a9f804fab7ddc87c64d1", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, e("path", { key: "d0a57fb5c109d50e01a113dd137edf66efccbb02", fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" }));
+  }
+};
+c.style = s;
+export {
+  c as people_icon
+};

package/dist/play-icon_2.entry-24ffa01f.js

@@ -0,0 +1,25 @@
+import { r as o, h as t } from "./index-f93f6948.js";
+import "react";
+import "react-dom";
+const e = ".sc-play-icon-h{display:flex}", i = e, c = class {
+  constructor(s) {
+    o(this, s), this.width = "15", this.height = "15";
+  }
+  render() {
+    return t("svg", { key: "01461bf1925b9c4a5b755ee500c5c9d9ea9a4c9c", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "c60c140ea197f53c9f5df04e3a2ef0e8736787c2", d: "M21 12L3 21V3L21 12Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+  }
+};
+c.style = i;
+const h = ".sc-stop-icon-h{display:flex}", n = h, r = class {
+  constructor(s) {
+    o(this, s), this.width = "15", this.height = "15";
+  }
+  render() {
+    return t("svg", { key: "f6149723fe23e788bd2a2b7fb075fb929222cb31", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, t("path", { key: "4f6c453999391dae9f8271f341c9ffac4458fd79", d: "M4 4H20V20H4V4Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+  }
+};
+r.style = n;
+export {
+  c as play_icon,
+  r as stop_icon
+};

package/dist/play-icon_2.entry-f97db395.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-93c50de4.cjs");require("react");require("react-dom");const o=".sc-play-icon-h{display:flex}",c=o,s=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"01461bf1925b9c4a5b755ee500c5c9d9ea9a4c9c",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"c60c140ea197f53c9f5df04e3a2ef0e8736787c2",d:"M21 12L3 21V3L21 12Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};s.style=c;const n=".sc-stop-icon-h{display:flex}",h=n,i=class{constructor(e){t.registerInstance(this,e),this.width="15",this.height="15"}render(){return t.h("svg",{key:"f6149723fe23e788bd2a2b7fb075fb929222cb31",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"auto",xmlns:"http://www.w3.org/2000/svg"},t.h("path",{key:"4f6c453999391dae9f8271f341c9ffac4458fd79",d:"M4 4H20V20H4V4Z",stroke:"auto","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}))}};i.style=h;exports.play_icon=s;exports.stop_icon=i;

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-823fdc6f.cjs");require("react");require("react-dom");exports.AddCircleIcon=o.AddCircleIcon;exports.ArchiveIcon=o.ArchiveIcon;exports.ArrowIcon=o.ArrowIcon;exports.BoldIcon=o.BoldIcon;exports.ButtonComponent=o.ButtonComponent;exports.CalendarCancelIcon=o.CalendarCancelIcon;exports.CalendarCheckIcon=o.CalendarCheckIcon;exports.CalendarIcon=o.CalendarIcon;exports.CalendarInfoIcon=o.CalendarInfoIcon;exports.CalendarPatternsIcon=o.CalendarPatternsIcon;exports.CheckmarkCircleIcon=o.CheckmarkCircleIcon;exports.ChevronIcon=o.ChevronIcon;exports.CloseIcon=o.CloseIcon;exports.DocumentRefreshIcon=o.DocumentRefreshIcon;exports.FlowIcon=o.FlowIcon;exports.FolderIcon=o.FolderIcon;exports.ForwardIcon=o.ForwardIcon;exports.GlobeIcon=o.GlobeIcon;exports.GoogleLogoIcon=o.GoogleLogoIcon;exports.InboxIcon=o.InboxIcon;exports.InfoIcon=o.InfoIcon;exports.ItalicIcon=o.ItalicIcon;exports.LoadingIcon=o.LoadingIcon;exports.LocationIcon=o.LocationIcon;exports.LocationOffIcon=o.LocationOffIcon;exports.MicrosoftLogoIcon=o.MicrosoftLogoIcon;exports.MultiSelectDropdown=o.MultiSelectDropdown;exports.NylasAdditionalParticipants=o.NylasAdditionalParticipants;exports.NylasAvailabilityPicker=o.NylasAvailabilityPicker;exports.NylasBookedEventCard=o.NylasBookedEventCard;exports.NylasBookingCalendarPicker=o.NylasBookingCalendarPicker;exports.NylasBookingForm=o.NylasBookingForm;exports.NylasBufferTime=o.NylasBufferTime;exports.NylasCalendarPicker=o.NylasCalendarPicker;exports.NylasCancelBookingForm=o.NylasCancelBookingForm;exports.NylasCancelledEventCard=o.NylasCancelledEventCard;exports.NylasComposer=o.NylasComposer;exports.NylasCustomBookingFlow=o.NylasCustomBookingFlow;exports.NylasDatePicker=o.NylasDatePicker;exports.NylasEditorTabs=o.NylasEditorTabs;exports.NylasEventDescription=o.NylasEventDescription;exports.NylasEventDuration=o.NylasEventDuration;exports.NylasEventInfo=o.NylasEventInfo;exports.NylasEventLimits=o.NylasEventLimits;exports.NylasEventTitle=o.NylasEventTitle;exports.NylasFormCard=o.NylasFormCard;exports.NylasIdentityRequestWrapper=o.NylasIdentityRequestWrapper;exports.NylasIfState=o.NylasIfState;exports.NylasLimitFutureBookings=o.NylasLimitFutureBookings;exports.NylasListConfigurations=o.NylasListConfigurations;exports.NylasListFolders=o.NylasListFolders;exports.NylasListThreads=o.NylasListThreads;exports.NylasLocaleSwitch=o.NylasLocaleSwitch;exports.NylasLocationComponent=o.NylasLocationComponent;exports.NylasLogin=o.NylasLogin;exports.NylasLogo=o.NylasLogo;exports.NylasMailbox=o.NylasMailbox;exports.NylasMailboxPagination=o.NylasMailboxPagination;exports.NylasMailboxToolbarButton=o.NylasMailboxToolbarButton;exports.NylasMinCancellationNotice=o.NylasMinCancellationNotice;exports.NylasNotification=o.NylasNotification;exports.NylasProvider=o.NylasProvider;exports.NylasSchedulerEditor=o.NylasSchedulerEditor;exports.NylasScheduling=o.NylasScheduling;exports.NylasSelectedEventCard=o.NylasSelectedEventCard;exports.NylasSummarizeMessageButton=o.NylasSummarizeMessageButton;exports.NylasThreadsRefresh=o.NylasThreadsRefresh;exports.NylasThreadsSearch=o.NylasThreadsSearch;exports.NylasTimeWindowPicker=o.NylasTimeWindowPicker;exports.NylasTimeslotPicker=o.NylasTimeslotPicker;exports.NylasViewEmail=o.NylasViewEmail;exports.NylasViewThread=o.NylasViewThread;exports.PeopleIcon=o.PeopleIcon;exports.PlayIcon=o.PlayIcon;exports.RefreshIcon=o.RefreshIcon;exports.ReplyAllIcon=o.ReplyAllIcon;exports.ReplyIcon=o.ReplyIcon;exports.SearchIcon=o.SearchIcon;exports.SelectDropdown=o.SelectDropdown;exports.SentIcon=o.SentIcon;exports.SpamIcon=o.SpamIcon;exports.StarIcon=o.StarIcon;exports.StopIcon=o.StopIcon;exports.TimePeriodSelector=o.TimePeriodSelector;exports.TooltipComponent=o.TooltipComponent;exports.TranslateIcon=o.TranslateIcon;exports.TrashIcon=o.TrashIcon;exports.UnderlineIcon=o.UnderlineIcon;exports.WarningIcon=o.WarningIcon;exports.applyPolyfills=o.applyPolyfills;exports.defineCustomElements=o.defineCustomElements;exports.setNonce=o.setNonce;exports.useNylasMailboxElement=o.useNylasMailboxElement;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-93c50de4.cjs");require("react");require("react-dom");exports.AddCircleIcon=o.AddCircleIcon;exports.ArchiveIcon=o.ArchiveIcon;exports.ArrowIcon=o.ArrowIcon;exports.BoldIcon=o.BoldIcon;exports.ButtonComponent=o.ButtonComponent;exports.CalendarCancelIcon=o.CalendarCancelIcon;exports.CalendarCheckIcon=o.CalendarCheckIcon;exports.CalendarIcon=o.CalendarIcon;exports.CalendarInfoIcon=o.CalendarInfoIcon;exports.CalendarPatternsIcon=o.CalendarPatternsIcon;exports.CheckmarkCircleIcon=o.CheckmarkCircleIcon;exports.ChevronIcon=o.ChevronIcon;exports.CloseIcon=o.CloseIcon;exports.DocumentRefreshIcon=o.DocumentRefreshIcon;exports.FlowIcon=o.FlowIcon;exports.FolderIcon=o.FolderIcon;exports.ForwardIcon=o.ForwardIcon;exports.GlobeIcon=o.GlobeIcon;exports.GoogleLogoIcon=o.GoogleLogoIcon;exports.InboxIcon=o.InboxIcon;exports.InfoIcon=o.InfoIcon;exports.ItalicIcon=o.ItalicIcon;exports.LoadingIcon=o.LoadingIcon;exports.LocationIcon=o.LocationIcon;exports.LocationOffIcon=o.LocationOffIcon;exports.MicrosoftLogoIcon=o.MicrosoftLogoIcon;exports.MultiSelectDropdown=o.MultiSelectDropdown;exports.NylasAdditionalParticipants=o.NylasAdditionalParticipants;exports.NylasAvailabilityPicker=o.NylasAvailabilityPicker;exports.NylasBookedEventCard=o.NylasBookedEventCard;exports.NylasBookingCalendarPicker=o.NylasBookingCalendarPicker;exports.NylasBookingForm=o.NylasBookingForm;exports.NylasBufferTime=o.NylasBufferTime;exports.NylasCalendarPicker=o.NylasCalendarPicker;exports.NylasCancelBookingForm=o.NylasCancelBookingForm;exports.NylasCancelledEventCard=o.NylasCancelledEventCard;exports.NylasComposer=o.NylasComposer;exports.NylasCustomBookingFlow=o.NylasCustomBookingFlow;exports.NylasDatePicker=o.NylasDatePicker;exports.NylasEditorTabs=o.NylasEditorTabs;exports.NylasEventDescription=o.NylasEventDescription;exports.NylasEventDuration=o.NylasEventDuration;exports.NylasEventInfo=o.NylasEventInfo;exports.NylasEventLimits=o.NylasEventLimits;exports.NylasEventTitle=o.NylasEventTitle;exports.NylasFormCard=o.NylasFormCard;exports.NylasIdentityRequestWrapper=o.NylasIdentityRequestWrapper;exports.NylasIfState=o.NylasIfState;exports.NylasLimitFutureBookings=o.NylasLimitFutureBookings;exports.NylasListConfigurations=o.NylasListConfigurations;exports.NylasListFolders=o.NylasListFolders;exports.NylasListThreads=o.NylasListThreads;exports.NylasLocaleSwitch=o.NylasLocaleSwitch;exports.NylasLocationComponent=o.NylasLocationComponent;exports.NylasLogin=o.NylasLogin;exports.NylasLogo=o.NylasLogo;exports.NylasMailbox=o.NylasMailbox;exports.NylasMailboxPagination=o.NylasMailboxPagination;exports.NylasMailboxToolbarButton=o.NylasMailboxToolbarButton;exports.NylasMinCancellationNotice=o.NylasMinCancellationNotice;exports.NylasNotification=o.NylasNotification;exports.NylasProvider=o.NylasProvider;exports.NylasSchedulerEditor=o.NylasSchedulerEditor;exports.NylasScheduling=o.NylasScheduling;exports.NylasSelectedEventCard=o.NylasSelectedEventCard;exports.NylasSummarizeMessageButton=o.NylasSummarizeMessageButton;exports.NylasThreadsRefresh=o.NylasThreadsRefresh;exports.NylasThreadsSearch=o.NylasThreadsSearch;exports.NylasTimeWindowPicker=o.NylasTimeWindowPicker;exports.NylasTimeslotPicker=o.NylasTimeslotPicker;exports.NylasViewEmail=o.NylasViewEmail;exports.NylasViewThread=o.NylasViewThread;exports.PeopleIcon=o.PeopleIcon;exports.PlayIcon=o.PlayIcon;exports.RefreshIcon=o.RefreshIcon;exports.ReplyAllIcon=o.ReplyAllIcon;exports.ReplyIcon=o.ReplyIcon;exports.SearchIcon=o.SearchIcon;exports.SelectDropdown=o.SelectDropdown;exports.SentIcon=o.SentIcon;exports.SpamIcon=o.SpamIcon;exports.StarIcon=o.StarIcon;exports.StopIcon=o.StopIcon;exports.TimePeriodSelector=o.TimePeriodSelector;exports.TooltipComponent=o.TooltipComponent;exports.TranslateIcon=o.TranslateIcon;exports.TrashIcon=o.TrashIcon;exports.UnderlineIcon=o.UnderlineIcon;exports.WarningIcon=o.WarningIcon;exports.applyPolyfills=o.applyPolyfills;exports.defineCustomElements=o.defineCustomElements;exports.setNonce=o.setNonce;exports.useNylasMailboxElement=o.useNylasMailboxElement;

package/dist/react.js

@@ -1,8 +1,8 @@
-import { A as e, b as l, e as i, B as c, f as t, C as r, g as y, h as N, i as I, j as d, k as C, l as m, m as p, D as f, F as h, n as u, o as g, G as k, p as S, I as L, q as P, r as T, L as v, t as E, v as B, M as w, w as b, x as F, y as M, z as x, E as A, H as D, J as R, K as W, O as q, P as z, Q as G, R as V, S as j, T as O, U, V as H, W as J, X as K, Y as Q, Z as X, N as Y, _ as Z, $ as _, a0 as $, a1 as aa, a2 as sa, a3 as oa, a4 as na, a5 as ea, a6 as la, a7 as ia, a8 as ca, a9 as ta, aa as ra, ab as ya, ac as Na, ad as Ia, ae as da, af as Ca, ag as ma, ah as pa, ai as fa, aj as ha, ak as ua, al as ga, am as ka, an as Sa, ao as La, ap as Pa, aq as Ta, ar as va, as as Ea, at as Ba, au as wa, av as ba, aw as Fa, ax as Ma, ay as xa, az as Aa, aA as Da, aB as Ra, aC as Wa, aD as qa, a as za, d as Ga, s as Va, u as ja } from "./index-1fd24ccf.js";
+import { T as n, U as l, V as i, W as c, X as t, Y as r, Z as y, _ as N, $ as I, a0 as d, a1 as C, a2 as m, a3 as b, a4 as p, a5 as f, a6 as h, a7 as u, a8 as g, a9 as S, aa as k, ab as P, ac as T, ad as L, ae as E, af as v, ag as B, ah as w, ai as F, aj as M, ak as R, al as x, am as A, an as D, ao as W, ap as V, aq as G, ar as U, as as q, at as z, au as O, av as Q, aw as X, ax as Y, ay as Z, az as _, aA as $, N as j, aB as H, aC as J, aD as K, aE as aa, aF as sa, aG as oa, aH as ea, aI as na, aJ as la, aK as ia, aL as ca, aM as ta, aN as ra, aO as ya, aP as Na, aQ as Ia, aR as da, aS as Ca, aT as ma, aU as ba, aV as pa, aW as fa, aX as ha, aY as ua, aZ as ga, a_ as Sa, a$ as ka, b0 as Pa, b1 as Ta, b2 as La, b3 as Ea, b4 as va, b5 as Ba, b6 as wa, b7 as Fa, b8 as Ma, b9 as Ra, ba as xa, bb as Aa, bc as Da, bd as Wa, be as Va, Q as Ga, R as Ua, S as qa, P as za } from "./index-f93f6948.js";
 import "react";
 import "react-dom";
 export {
-  e as AddCircleIcon,
+  n as AddCircleIcon,
   l as ArchiveIcon,
   i as ArrowIcon,
   c as BoldIcon,
@@ -14,49 +14,49 @@ export {
   d as CalendarPatternsIcon,
   C as CheckmarkCircleIcon,
   m as ChevronIcon,
-  p as CloseIcon,
-  f as DocumentRefreshIcon,
-  h as FlowIcon,
-  u as FolderIcon,
-  g as ForwardIcon,
-  k as GlobeIcon,
+  b as CloseIcon,
+  p as DocumentRefreshIcon,
+  f as FlowIcon,
+  h as FolderIcon,
+  u as ForwardIcon,
+  g as GlobeIcon,
   S as GoogleLogoIcon,
-  L as InboxIcon,
+  k as InboxIcon,
   P as InfoIcon,
   T as ItalicIcon,
-  v as LoadingIcon,
+  L as LoadingIcon,
   E as LocationIcon,
-  B as LocationOffIcon,
-  w as MicrosoftLogoIcon,
-  b as MultiSelectDropdown,
+  v as LocationOffIcon,
+  B as MicrosoftLogoIcon,
+  w as MultiSelectDropdown,
   F as NylasAdditionalParticipants,
   M as NylasAvailabilityPicker,
-  x as NylasBookedEventCard,
-  A as NylasBookingCalendarPicker,
-  D as NylasBookingForm,
-  R as NylasBufferTime,
+  R as NylasBookedEventCard,
+  x as NylasBookingCalendarPicker,
+  A as NylasBookingForm,
+  D as NylasBufferTime,
   W as NylasCalendarPicker,
-  q as NylasCancelBookingForm,
-  z as NylasCancelledEventCard,
-  G as NylasComposer,
-  V as NylasCustomBookingFlow,
-  j as NylasDatePicker,
+  V as NylasCancelBookingForm,
+  G as NylasCancelledEventCard,
+  U as NylasComposer,
+  q as NylasCustomBookingFlow,
+  z as NylasDatePicker,
   O as NylasEditorTabs,
-  U as NylasEventDescription,
-  H as NylasEventDuration,
-  J as NylasEventInfo,
-  K as NylasEventLimits,
-  Q as NylasEventTitle,
-  X as NylasFormCard,
-  Y as NylasIdentityRequestWrapper,
-  Z as NylasIfState,
-  _ as NylasLimitFutureBookings,
-  $ as NylasListConfigurations,
+  Q as NylasEventDescription,
+  X as NylasEventDuration,
+  Y as NylasEventInfo,
+  Z as NylasEventLimits,
+  _ as NylasEventTitle,
+  $ as NylasFormCard,
+  j as NylasIdentityRequestWrapper,
+  H as NylasIfState,
+  J as NylasLimitFutureBookings,
+  K as NylasListConfigurations,
   aa as NylasListFolders,
   sa as NylasListThreads,
   oa as NylasLocaleSwitch,
-  na as NylasLocationComponent,
-  ea as NylasLogin,
+  ea as NylasLocationComponent,
+  na as NylasLogin,
   la as NylasLogo,
   ia as NylasMailbox,
   ca as NylasMailboxPagination,
@@ -68,31 +68,31 @@ export {
   da as NylasScheduling,
   Ca as NylasSelectedEventCard,
   ma as NylasSummarizeMessageButton,
-  pa as NylasThreadsRefresh,
-  fa as NylasThreadsSearch,
-  ha as NylasTimeWindowPicker,
-  ua as NylasTimeslotPicker,
-  ga as NylasViewEmail,
-  ka as NylasViewThread,
+  ba as NylasThreadsRefresh,
+  pa as NylasThreadsSearch,
+  fa as NylasTimeWindowPicker,
+  ha as NylasTimeslotPicker,
+  ua as NylasViewEmail,
+  ga as NylasViewThread,
   Sa as PeopleIcon,
-  La as PlayIcon,
+  ka as PlayIcon,
   Pa as RefreshIcon,
   Ta as ReplyAllIcon,
-  va as ReplyIcon,
+  La as ReplyIcon,
   Ea as SearchIcon,
-  Ba as SelectDropdown,
-  wa as SentIcon,
-  ba as SpamIcon,
+  va as SelectDropdown,
+  Ba as SentIcon,
+  wa as SpamIcon,
   Fa as StarIcon,
   Ma as StopIcon,
-  xa as TimePeriodSelector,
-  Aa as TooltipComponent,
-  Da as TranslateIcon,
-  Ra as TrashIcon,
+  Ra as TimePeriodSelector,
+  xa as TooltipComponent,
+  Aa as TranslateIcon,
+  Da as TrashIcon,
   Wa as UnderlineIcon,
-  qa as WarningIcon,
-  za as applyPolyfills,
-  Ga as defineCustomElements,
-  Va as setNonce,
-  ja as useNylasMailboxElement
+  Va as WarningIcon,
+  Ga as applyPolyfills,
+  Ua as defineCustomElements,
+  qa as setNonce,
+  za as useNylasMailboxElement
 };

package/dist/refresh-icon.entry-8395104b.js

@@ -0,0 +1,15 @@
+import { r as s, h as c } from "./index-f93f6948.js";
+import "react";
+import "react-dom";
+const t = ".sc-refresh-icon-h{display:flex}", l = t, h = class {
+  constructor(e) {
+    s(this, e), this.width = "15", this.height = "15";
+  }
+  render() {
+    return c("svg", { key: "aee09fcff1a6eff44a8ab2dd03b53d016bd807f7", fill: "auto", width: this.width, height: this.height, viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, c("path", { key: "ead150b54eb753b97fd36ef63a3d96545a92245a", d: "M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z" }));
+  }
+};
+h.style = l;
+export {
+  h as refresh_icon
+};

package/dist/refresh-icon.entry-cf4416b8.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-93c50de4.cjs");require("react");require("react-dom");const t=".sc-refresh-icon-h{display:flex}",i=t,c=class{constructor(s){e.registerInstance(this,s),this.width="15",this.height="15"}render(){return e.h("svg",{key:"aee09fcff1a6eff44a8ab2dd03b53d016bd807f7",fill:"auto",width:this.width,height:this.height,viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},e.h("path",{key:"ead150b54eb753b97fd36ef63a3d96545a92245a",d:"M15.544 28.080c-0.002-0.006-0.008-0.010-0.012-0.015l-2.873-4.489c-0.204-0.335-0.646-0.454-0.992-0.266l-0.256 0.157c-0.344 0.188-0.337 0.673-0.133 1.008l1.841 2.857c-0.157-0.035-0.316-0.063-0.471-0.103-3.224-0.843-5.953-3.026-7.485-5.988-1.448-2.797-1.72-5.99-0.766-8.992s3.118-5.452 5.915-6.899c0.476-0.247 0.662-0.832 0.416-1.308-0.246-0.477-0.832-0.663-1.308-0.416-3.258 1.686-5.763 4.54-6.874 8.036s-0.794 7.215 0.892 10.473c1.786 3.448 4.963 5.989 8.72 6.973 0.043 0.011 0.087 0.017 0.13 0.028l-2.541 1.288c-0.344 0.189-0.458 0.613-0.254 0.948l0.098 0.256c0.205 0.335 0.557 0.454 0.9 0.266l4.651-2.381c0.006-0.004 0.012-0.003 0.018-0.007l0.312-0.171c0.172-0.095 0.287-0.249 0.332-0.422 0.047-0.172 0.025-0.364-0.076-0.531zM28.559 10.025c-1.783-3.447-4.862-5.988-8.618-6.972-0.267-0.070-0.541-0.124-0.814-0.179l2.494-1.265c0.344-0.189 0.549-0.614 0.345-0.949l-0.099-0.255c-0.205-0.336-0.648-0.454-0.991-0.267l-4.651 2.381c-0.006 0.003-0.012 0.002-0.018 0.006l-0.312 0.171c-0.173 0.095-0.287 0.249-0.332 0.422-0.047 0.172-0.025 0.364 0.077 0.53l0.185 0.304c0.003 0.006 0.008 0.010 0.012 0.016l2.873 4.489c0.203 0.335 0.646 0.454 0.991 0.266l0.226-0.157c0.344-0.188 0.366-0.673 0.163-1.008l-1.85-2.87c0.407 0.063 0.811 0.138 1.207 0.242 3.226 0.845 5.856 3.027 7.387 5.986 1.448 2.797 1.72 5.99 0.765 8.991s-3.020 5.451-5.818 6.901c-0.476 0.247-0.662 0.831-0.415 1.308 0.172 0.332 0.511 0.524 0.863 0.524 0.15 0 0.302-0.035 0.446-0.109 3.259-1.686 5.664-4.54 6.776-8.035 1.111-3.497 0.794-7.217-0.893-10.473z"}))}};c.style=i;exports.refresh_icon=c;