@nylas/react 1.1.3 → 1.1.4

package/dist/nylas-view-thread.entry-c066f522.js

@@ -1,203 +0,0 @@
-import { r as k, c as p, d, h as a, t as M, F as m, H as x, g as E, s as D, a as S, v as g } from "./index-a282e817.js";
-import { R as T } from "./register-component-a7ea27ad-fa2c4b17.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, y, 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 && ((y = e.data.from[0]) == null ? void 0 : y.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;
-}, v = 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: "95ab8e5e5e9e8a986132a98e0ea325d9200702a9" }, a("sp-theme", { key: "6b51c27dcac47e5607a0f35401b53c66066d69b0", scale: "medium", color: "dark" }, a("div", { key: "28753bfffd987848a4e8308490423930395f0375", class: "view-thread" }, a("div", { key: "4b95425cc9a6a8e2c81d747852d9da5f07bd67b4", class: "header" }, a("div", { key: "d5960331681445ad3766b333a8195d951e74c6e6", class: "subject" }, (r = this.thread) == null ? void 0 : r.subject), a("div", { key: "3cbd5fe0ffb99ed1648cff0fd1af5b3ff30d0848", 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: "a95eb69dbc861e3473f7d5f9fda4ff4ef4f8fdd3", 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
-  }),
-  v("design:type", Function),
-  v("design:paramtypes", []),
-  v("design:returntype", void 0)
-], C.prototype, "render", null);
-C.style = V;
-export {
-  C as nylas_view_thread
-};

package/dist/play-icon_2.entry-801c85bc.cjs

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

package/dist/play-icon_2.entry-efca8f00.js

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