@nylas/react 1.1.0-canary.9 → 1.1.0

package/dist/nylas-mailbox-toolbar-button.entry-f752e925.js

@@ -0,0 +1,82 @@
+import { r as y, d as c, h as l, H as f, g as u } from "./index-5ccfd9df.js";
+import { R as m } from "./register-component-887199a9-b41dfa7a.js";
+import "react";
+import "react-dom";
+const h = ":host{display:block}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)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}", p = h;
+var g = function(t, o, e, n) {
+  var r = arguments.length, a = r < 3 ? o : n === null ? n = Object.getOwnPropertyDescriptor(o, e) : n, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    a = Reflect.decorate(t, o, e, n);
+  else
+    for (var i = t.length - 1; i >= 0; i--)
+      (s = t[i]) && (a = (r < 3 ? s(a) : r > 3 ? s(o, e, a) : s(o, e)) || a);
+  return r > 3 && a && Object.defineProperty(o, e, a), a;
+}, d = function(t, o) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(t, o);
+};
+const b = class {
+  constructor(t) {
+    y(this, t), this.onClick = async () => {
+      const o = this.method;
+      if (c("[nylas-mailbox-toolbar-button] onClick", { method: o, mailboxConnector: this.mailboxConnector }), this.mailboxConnector && o) {
+        const e = this.callMethod(this.mailboxConnector, o);
+        e && await e();
+      }
+    }, this.method = void 0, this.dataState = void 0, this.iconOnly = !1, this.mailboxConnector = void 0;
+  }
+  connectedCallback() {
+  }
+  disconnectedCallback() {
+  }
+  async componentWillLoad() {
+    c("[nylas-if-state] Component will load");
+  }
+  async componentDidLoad() {
+    c("[nylas-if-state] Component did load");
+  }
+  callMethod(t, o) {
+    const e = o.split(".");
+    let n = t;
+    for (const s of e.slice(0, -1))
+      if (n = n[s], !n)
+        return;
+    const r = e[e.length - 1], a = n[r];
+    if (typeof a == "function")
+      return a.bind(n);
+  }
+  renderByState(t) {
+    return t ? l("slot", { name: "loading" }, "Loading...") : l("slot", null, "Click");
+  }
+  hasSlot(t) {
+    return !!this.host.querySelector(`[slot="${t}"]`);
+  }
+  render() {
+    var n;
+    let t = !1;
+    const o = (n = this.mailboxConnector) == null ? void 0 : n.nylasMailboxStore;
+    if (typeof o < "u") {
+      const r = String(this.dataState);
+      t = this.dataState ? o.get(r) === "loading" : !1;
+    }
+    const e = t ? "state-loading" : "state-ready";
+    return l(f, { key: "9c8421b3b6f462e0421d6176e29259ad943767cb" }, l("sp-theme", { key: "5f1b8bad28f85527ba69175f753c415a695f50d4", scale: "medium", color: "dark" }, l("sp-button", { onClick: this.onClick, disabled: t, key: e, "icon-only": this.iconOnly, label: this.renderByState(t) }, this.hasSlot("icon") && l("div", { slot: "icon", class: "slot" }, l("slot", { name: "icon" })), !this.iconOnly && this.renderByState(t))));
+  }
+  get host() {
+    return u(this);
+  }
+};
+g([
+  m({
+    name: "nylas-mailbox-toolbar-button",
+    connectorToProp: "mailboxConnector",
+    fireRegisterEvent: !0
+  }),
+  d("design:type", Function),
+  d("design:paramtypes", []),
+  d("design:returntype", void 0)
+], b.prototype, "render", null);
+b.style = p;
+export {
+  b as nylas_mailbox_toolbar_button
+};

package/dist/nylas-mailbox.entry-99c27b6c.js

@@ -0,0 +1,134 @@
+import { r as p, c as l, d as S, h as f, H as M, g as _ } from "./index-5ccfd9df.js";
+import { N as v, e as w } from "./index.es-c9454237-00ccd1e6.js";
+import { C as P, a as N, H as I, N as E, b as L, c as O, d as R } from "./mailbox-store-edc386fc-8bc7558b.js";
+import "react";
+import "react-dom";
+class T {
+  constructor(e, s, o, i) {
+    this.router = e, this.nylasAuth = s, this.nylasAuthStore = o, this.nylasMailboxStore = i;
+  }
+  init() {
+    S("NylasMailboxConnector init");
+  }
+  get mailboxStore() {
+    return this.nylasMailboxStore;
+  }
+  get authStore() {
+    return this.nylasAuthStore;
+  }
+  get auth() {
+    return this._authConnector ? this._authConnector : (this._authConnector = new E(this.nylasAuth, this.nylasAuthStore), this._authConnector);
+  }
+  get threads() {
+    return this._threadConnector ? this._threadConnector : (this._threadConnector = new L(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router), this._threadConnector);
+  }
+  get messages() {
+    return this._messageConnector ? this._messageConnector : (this._messageConnector = new O(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._messageConnector);
+  }
+  get folders() {
+    return this._foldersConnector ? this._foldersConnector : (this._foldersConnector = new R(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._foldersConnector);
+  }
+  getAuth() {
+    return this.nylasAuth;
+  }
+  resetStores() {
+    this.nylasMailboxStore.reset(), this.nylasAuthStore.reset();
+  }
+  async logout() {
+    await this.nylasAuth.logout(), this.resetStores();
+  }
+}
+const H = ":host{display:contents}", k = H, D = class {
+  constructor(t) {
+    p(this, t), this.init = l(this, "init", 7), this.loggedIn = l(this, "loggedIn", 7), this.loggedOut = l(this, "loggedOut", 7), this.handleAuthChange = async (e) => {
+      var s;
+      e ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host).defaultPrevented || await ((s = this.nylasMailboxConnector) == null ? void 0 : s.logout());
+    }, this.automaticComponentRegistration = !0, this.eventOverrides = {}, this.authConfig = void 0, this.defaultAuthStoreState = void 0, this.defaultMailboxStoreState = void 0;
+  }
+  connectedCallback() {
+    S("[nylas-mailbox] connectedCallback");
+  }
+  async componentWillLoad() {
+    var o, i, d, u, c, y, g;
+    this.stores = {
+      auth: P(this.defaultAuthStoreState),
+      mailbox: N(this.defaultMailboxStoreState)
+    }, this.baseProvider = new v(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.router = new I(), this.nylasAuth = w({
+      apiUri: "https://api.us.nylas.com",
+      elementsApiUri: "https://elements.us.nylas.com",
+      storageType: "indexeddb",
+      clientId: "YOUR_CLIENT_ID",
+      defaultScopes: [],
+      redirectURI: "/",
+      ...this.authConfig
+    });
+    const t = (o = this.baseProvider) == null ? void 0 : o.getStore("auth");
+    if (!t)
+      throw new Error("Auth store is not defined");
+    const e = (i = this.baseProvider) == null ? void 0 : i.getStore("mailbox");
+    if (!e)
+      throw new Error("Mailbox store is not defined");
+    this.nylasMailboxConnector = new T(this.router, this.nylasAuth, t, e), this.init.emit(this.host).defaultPrevented || await ((d = this.nylasMailboxConnector) == null ? void 0 : d.auth.validateSession()), (u = this.router) == null || u.addRouteChangeListener("/thread/:threadId", async (x, A, b) => {
+      var a, r;
+      const h = b.threadId, n = await ((a = this.nylasMailboxConnector) == null ? void 0 : a.threads.getThread(h));
+      n && ((r = this.nylasMailboxConnector) == null || r.mailboxStore.set("selectedThread", n));
+    }), (c = this.router) == null || c.addRouteChangeListener("/", async (x, A, b) => {
+      var n, a, r, C;
+      if (!t.state.isAuthenticated)
+        return;
+      (n = this.nylasMailboxConnector) == null || n.threads.unSelectThread(), (a = this.nylasMailboxConnector) == null || a.folders.getFolders();
+      const h = window.location.hash.split("?")[1];
+      if (h) {
+        const m = new URLSearchParams(h).get("query");
+        m && await ((r = this.nylasMailboxConnector) == null ? void 0 : r.threads.getThreads({
+          search_query_native: m,
+          page_token: void 0
+        }));
+      } else
+        (C = this.nylasMailboxConnector) == null || C.threads.getThreads();
+    }), (y = this.router) == null || y.init(), this.handleAuthChange(t.state.isAuthenticated), (g = this.baseProvider) == null || g.componentWillLoad(this.nylasMailboxConnector);
+  }
+  async componentDidLoad() {
+    var e, s;
+    const t = (e = this.baseProvider) == null ? void 0 : e.getStore("auth");
+    if (!t)
+      throw new Error("Auth store is not defined");
+    t.onChange("isAuthenticated", this.handleAuthChange), (s = this.baseProvider) == null || s.componentDidLoad();
+  }
+  componentDisconnected() {
+    var t;
+    (t = this.baseProvider) == null || t.componentDisconnected();
+  }
+  async registerComponentHandler(t) {
+    var e;
+    (e = this.baseProvider) == null || e.registerComponent(t.detail);
+  }
+  async unregisterComponentHandler(t) {
+    var e;
+    (e = this.baseProvider) == null || e.unregisterComponent(t.detail);
+  }
+  async getMailboxStore() {
+    var t;
+    return (t = this.baseProvider) == null ? void 0 : t.getStore("mailbox");
+  }
+  async getAuthStore() {
+    var t;
+    return (t = this.baseProvider) == null ? void 0 : t.getStore("auth");
+  }
+  async getNylasAuth() {
+    return this.nylasAuth;
+  }
+  async getNylasMailboxConnector() {
+    return this.nylasMailboxConnector;
+  }
+  render() {
+    return f(M, { key: "395fe746fb348b7cbc6ae34d2d5de5bb7f889042" }, f("slot", { key: "3272722932c82fff7cdb15119db24aefa82d3363" }));
+  }
+  get host() {
+    return _(this);
+  }
+};
+D.style = k;
+export {
+  D as nylas_mailbox
+};

package/dist/nylas-mailbox.entry-b3974f4e.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-eb33703c.cjs"),m=require("./index.es-c9454237-b64161d1.cjs"),n=require("./mailbox-store-edc386fc-156b7236.cjs");require("react");require("react-dom");class v{constructor(e,o,r,l){this.router=e,this.nylasAuth=o,this.nylasAuthStore=r,this.nylasMailboxStore=l}init(){s.debug("NylasMailboxConnector init")}get mailboxStore(){return this.nylasMailboxStore}get authStore(){return this.nylasAuthStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new n.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get threads(){return this._threadConnector?this._threadConnector:(this._threadConnector=new n.NylasThreadsConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router),this._threadConnector)}get messages(){return this._messageConnector?this._messageConnector:(this._messageConnector=new n.NylasMessagesConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._messageConnector)}get folders(){return this._foldersConnector?this._foldersConnector:(this._foldersConnector=new n.NylasFoldersConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._foldersConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasMailboxStore.reset(),this.nylasAuthStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const _=":host{display:contents}",p=_,x=class{constructor(t){s.registerInstance(this,t),this.init=s.createEvent(this,"init",7),this.loggedIn=s.createEvent(this,"loggedIn",7),this.loggedOut=s.createEvent(this,"loggedOut",7),this.handleAuthChange=async e=>{var o;e?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host).defaultPrevented||await((o=this.nylasMailboxConnector)==null?void 0:o.logout())},this.automaticComponentRegistration=!0,this.eventOverrides={},this.authConfig=void 0,this.defaultAuthStoreState=void 0,this.defaultMailboxStoreState=void 0}connectedCallback(){s.debug("[nylas-mailbox] connectedCallback")}async componentWillLoad(){var r,l,u,c,y,g,b;this.stores={auth:n.CreateNylasAuthStore(this.defaultAuthStoreState),mailbox:n.CreateNylasMailboxStore(this.defaultMailboxStoreState)},this.baseProvider=new m.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.router=new n.HashRouter,this.nylasAuth=m.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=(r=this.baseProvider)==null?void 0:r.getStore("auth");if(!t)throw new Error("Auth store is not defined");const e=(l=this.baseProvider)==null?void 0:l.getStore("mailbox");if(!e)throw new Error("Mailbox store is not defined");this.nylasMailboxConnector=new v(this.router,this.nylasAuth,t,e),this.init.emit(this.host).defaultPrevented||await((u=this.nylasMailboxConnector)==null?void 0:u.auth.validateSession()),(c=this.router)==null||c.addRouteChangeListener("/thread/:threadId",async(A,M,C)=>{var a,h;const d=C.threadId,i=await((a=this.nylasMailboxConnector)==null?void 0:a.threads.getThread(d));i&&((h=this.nylasMailboxConnector)==null||h.mailboxStore.set("selectedThread",i))}),(y=this.router)==null||y.addRouteChangeListener("/",async(A,M,C)=>{var i,a,h,S;if(!t.state.isAuthenticated)return;(i=this.nylasMailboxConnector)==null||i.threads.unSelectThread(),(a=this.nylasMailboxConnector)==null||a.folders.getFolders();const d=window.location.hash.split("?")[1];if(d){const f=new URLSearchParams(d).get("query");f&&await((h=this.nylasMailboxConnector)==null?void 0:h.threads.getThreads({search_query_native:f,page_token:void 0}))}else(S=this.nylasMailboxConnector)==null||S.threads.getThreads()}),(g=this.router)==null||g.init(),this.handleAuthChange(t.state.isAuthenticated),(b=this.baseProvider)==null||b.componentWillLoad(this.nylasMailboxConnector)}async componentDidLoad(){var e,o;const t=(e=this.baseProvider)==null?void 0:e.getStore("auth");if(!t)throw new Error("Auth store is not defined");t.onChange("isAuthenticated",this.handleAuthChange),(o=this.baseProvider)==null||o.componentDidLoad()}componentDisconnected(){var t;(t=this.baseProvider)==null||t.componentDisconnected()}async registerComponentHandler(t){var e;(e=this.baseProvider)==null||e.registerComponent(t.detail)}async unregisterComponentHandler(t){var e;(e=this.baseProvider)==null||e.unregisterComponent(t.detail)}async getMailboxStore(){var t;return(t=this.baseProvider)==null?void 0:t.getStore("mailbox")}async getAuthStore(){var t;return(t=this.baseProvider)==null?void 0:t.getStore("auth")}async getNylasAuth(){return this.nylasAuth}async getNylasMailboxConnector(){return this.nylasMailboxConnector}render(){return s.h(s.Host,{key:"395fe746fb348b7cbc6ae34d2d5de5bb7f889042"},s.h("slot",{key:"3272722932c82fff7cdb15119db24aefa82d3363"}))}get host(){return s.getElement(this)}};x.style=p;exports.nylas_mailbox=x;

package/dist/nylas-provider.entry-a3ad02a5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-eb33703c.cjs"),g=require("./index.es-c9454237-b64161d1.cjs"),o=require("./mailbox-store-edc386fc-156b7236.cjs"),S=require("./scheduler-store-fe281404-c3e477f6.cjs"),b=require("./scheduler-config-store-2a3b403d-a5e3433a.cjs");require("react");require("react-dom");class f{constructor(t,r,n,i,l,h,a="https://api.us.nylas.com"){this.router=t,this.schedulerAPIURL=a,this.nylasAuth=r,this.nylasAuthStore=n,this.nylasMailboxStore=i,this.nylasSchedulerStore=l,this.nylasSchedulerConfigStore=h}init(){s.debug("NylasConnector init")}get authStore(){return this.nylasAuthStore}get mailboxStore(){return this.nylasMailboxStore}get schedulerStore(){return this.nylasSchedulerStore}get schedulerConfigStore(){return this.nylasSchedulerConfigStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new o.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get threads(){return this._threadConnector?this._threadConnector:(this._threadConnector=new o.NylasThreadsConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore,this.router),this._threadConnector)}get messages(){return this._messageConnector?this._messageConnector:(this._messageConnector=new o.NylasMessagesConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._messageConnector)}get folders(){return this._foldersConnector?this._foldersConnector:(this._foldersConnector=new o.NylasFoldersConnector(this.nylasAuth,this.nylasAuthStore,this.nylasMailboxStore),this._foldersConnector)}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new S.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore}),this._schedulerAPIConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasAuthStore.reset(),this.nylasMailboxStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const m=":host{display:contents}",A=m,C=class{constructor(e){s.registerInstance(this,e),this.init=s.createEvent(this,"init",7),this.loggedIn=s.createEvent(this,"loggedIn",7),this.loggedOut=s.createEvent(this,"loggedOut",7),this.handleAuthChange=async t=>{t?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host)},this.authConfig=void 0,this.eventOverrides={},this.automaticComponentRegistration=!0}connectedCallback(){s.debug("[nylas-provider] connectedCallback")}async componentWillLoad(){var h,a,c,u,d,y;s.debug("[nylas-provider] componentWillLoad"),this.stores={auth:o.CreateNylasAuthStore(),mailbox:o.CreateNylasMailboxStore(),scheduler:S.CreateNylasSchedulerStore(),schedulerConfig:b.CreateNylasSchedulerConfigStore()},this.baseProvider=new g.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const e=new o.HashRouter;this.nylasAuth=g.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const t=(h=this.baseProvider)==null?void 0:h.getStore("mailbox");if(!t)throw new Error("The mailbox store is not set");const r=(a=this.baseProvider)==null?void 0:a.getStore("auth");if(!r)throw new Error("The auth store is not set");const n=(c=this.baseProvider)==null?void 0:c.getStore("scheduler");if(!n)throw new Error("The scheduler store is not set");const i=(u=this.baseProvider)==null?void 0:u.getStore("schedulerConfig");if(!i)throw new Error("The scheduler config store is not set");this.nylasConnector=new f(e,this.nylasAuth,r,t,n,i),this.init.emit(this.host).defaultPrevented||await((d=this.nylasConnector)==null?void 0:d.auth.validateSession()),this.handleAuthChange(r.state.isAuthenticated),(y=this.baseProvider)==null||y.componentWillLoad(this.nylasConnector)}componentDidLoad(){var t,r;const e=(t=this.baseProvider)==null?void 0:t.getStore("auth");e==null||e.onChange("isAuthenticated",this.handleAuthChange),(r=this.baseProvider)==null||r.componentDidLoad()}componentDisconnected(){var e;(e=this.baseProvider)==null||e.componentDisconnected()}async registerComponentHandler(e){var t;(t=this.baseProvider)==null||t.registerComponent(e.detail)}async unregisterComponentHandler(e){var t;(t=this.baseProvider)==null||t.unregisterComponent(e.detail)}async getNylasAuth(){return this.nylasAuth}async getNylasConnector(){return this.nylasConnector}async getMailboxStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("mailbox")}async getAuthStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("auth")}async getNylasSchedulerStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("scheduler")}async getNylasSchedulerConfigStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("schedulerConfig")}render(){return s.h(s.Host,{key:"c934d7ca989356e7211731804b409d8efce0f69d"},s.h("slot",{key:"d00a03e31fbeb09a7f5e35ab4d5a195dba973db8"}))}get host(){return s.getElement(this)}};C.style=A;exports.nylas_provider=C;

package/dist/nylas-provider.entry-c206aa32.js

@@ -0,0 +1,145 @@
+import { r as C, c as a, d as h, h as g, H as S, g as m } from "./index-5ccfd9df.js";
+import { N as b, e as f } from "./index.es-c9454237-00ccd1e6.js";
+import { C as A, a as p, H as v, N as P, b as _, c as N, d as w } from "./mailbox-store-edc386fc-8bc7558b.js";
+import { C as x, N as I } from "./scheduler-store-fe281404-bddb1b6a.js";
+import { C as M } from "./scheduler-config-store-2a3b403d-73610089.js";
+import "react";
+import "react-dom";
+class E {
+  constructor(t, s, r, o, l, n, i = "https://api.us.nylas.com") {
+    this.router = t, this.schedulerAPIURL = i, this.nylasAuth = s, this.nylasAuthStore = r, this.nylasMailboxStore = o, this.nylasSchedulerStore = l, this.nylasSchedulerConfigStore = n;
+  }
+  init() {
+    h("NylasConnector init");
+  }
+  get authStore() {
+    return this.nylasAuthStore;
+  }
+  get mailboxStore() {
+    return this.nylasMailboxStore;
+  }
+  get schedulerStore() {
+    return this.nylasSchedulerStore;
+  }
+  get schedulerConfigStore() {
+    return this.nylasSchedulerConfigStore;
+  }
+  get auth() {
+    return this._authConnector ? this._authConnector : (this._authConnector = new P(this.nylasAuth, this.nylasAuthStore), this._authConnector);
+  }
+  get threads() {
+    return this._threadConnector ? this._threadConnector : (this._threadConnector = new _(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore, this.router), this._threadConnector);
+  }
+  get messages() {
+    return this._messageConnector ? this._messageConnector : (this._messageConnector = new N(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._messageConnector);
+  }
+  get folders() {
+    return this._foldersConnector ? this._foldersConnector : (this._foldersConnector = new w(this.nylasAuth, this.nylasAuthStore, this.nylasMailboxStore), this._foldersConnector);
+  }
+  get scheduler() {
+    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new I({
+      schedulerAPIURL: this.schedulerAPIURL,
+      schedulerStore: this.schedulerStore
+    }), this._schedulerAPIConnector);
+  }
+  getAuth() {
+    return this.nylasAuth;
+  }
+  resetStores() {
+    this.nylasAuthStore.reset(), this.nylasMailboxStore.reset();
+  }
+  async logout() {
+    await this.nylasAuth.logout(), this.resetStores();
+  }
+}
+const L = ":host{display:contents}", R = L, T = class {
+  constructor(e) {
+    C(this, e), this.init = a(this, "init", 7), this.loggedIn = a(this, "loggedIn", 7), this.loggedOut = a(this, "loggedOut", 7), this.handleAuthChange = async (t) => {
+      t ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host);
+    }, this.authConfig = void 0, this.eventOverrides = {}, this.automaticComponentRegistration = !0;
+  }
+  connectedCallback() {
+    h("[nylas-provider] connectedCallback");
+  }
+  async componentWillLoad() {
+    var n, i, c, u, d, y;
+    h("[nylas-provider] componentWillLoad"), this.stores = {
+      auth: A(),
+      mailbox: p(),
+      scheduler: x(),
+      schedulerConfig: M()
+    }, this.baseProvider = new b(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
+    const e = new v();
+    this.nylasAuth = f({
+      apiUri: "https://api.us.nylas.com",
+      elementsApiUri: "https://elements.us.nylas.com",
+      storageType: "indexeddb",
+      clientId: "YOUR_CLIENT_ID",
+      defaultScopes: [],
+      redirectURI: "/",
+      ...this.authConfig
+    });
+    const t = (n = this.baseProvider) == null ? void 0 : n.getStore("mailbox");
+    if (!t)
+      throw new Error("The mailbox store is not set");
+    const s = (i = this.baseProvider) == null ? void 0 : i.getStore("auth");
+    if (!s)
+      throw new Error("The auth store is not set");
+    const r = (c = this.baseProvider) == null ? void 0 : c.getStore("scheduler");
+    if (!r)
+      throw new Error("The scheduler store is not set");
+    const o = (u = this.baseProvider) == null ? void 0 : u.getStore("schedulerConfig");
+    if (!o)
+      throw new Error("The scheduler config store is not set");
+    this.nylasConnector = new E(e, this.nylasAuth, s, t, r, o), this.init.emit(this.host).defaultPrevented || await ((d = this.nylasConnector) == null ? void 0 : d.auth.validateSession()), this.handleAuthChange(s.state.isAuthenticated), (y = this.baseProvider) == null || y.componentWillLoad(this.nylasConnector);
+  }
+  componentDidLoad() {
+    var t, s;
+    const e = (t = this.baseProvider) == null ? void 0 : t.getStore("auth");
+    e == null || e.onChange("isAuthenticated", this.handleAuthChange), (s = this.baseProvider) == null || s.componentDidLoad();
+  }
+  componentDisconnected() {
+    var e;
+    (e = this.baseProvider) == null || e.componentDisconnected();
+  }
+  async registerComponentHandler(e) {
+    var t;
+    (t = this.baseProvider) == null || t.registerComponent(e.detail);
+  }
+  async unregisterComponentHandler(e) {
+    var t;
+    (t = this.baseProvider) == null || t.unregisterComponent(e.detail);
+  }
+  async getNylasAuth() {
+    return this.nylasAuth;
+  }
+  async getNylasConnector() {
+    return this.nylasConnector;
+  }
+  async getMailboxStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("mailbox");
+  }
+  async getAuthStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("auth");
+  }
+  async getNylasSchedulerStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("scheduler");
+  }
+  async getNylasSchedulerConfigStore() {
+    var e;
+    return (e = this.baseProvider) == null ? void 0 : e.getStore("schedulerConfig");
+  }
+  render() {
+    return g(S, { key: "c934d7ca989356e7211731804b409d8efce0f69d" }, g("slot", { key: "d00a03e31fbeb09a7f5e35ab4d5a195dba973db8" }));
+  }
+  get host() {
+    return m(this);
+  }
+};
+T.style = R;
+export {
+  T as nylas_provider
+};

package/dist/nylas-reminder-emails.entry-414ce6fe.js

@@ -0,0 +1,129 @@
+import { r as y, c as p, d as s, h as n, H as _, g as b } from "./index-5ccfd9df.js";
+import { R as h } from "./register-component-887199a9-b41dfa7a.js";
+import "react";
+import "react-dom";
+const u = ':host{display:block;--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;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}', f = u;
+var g = function(e, a, r, i) {
+  var t = arguments.length, l = t < 3 ? a : i === null ? i = Object.getOwnPropertyDescriptor(a, r) : i, d;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    l = Reflect.decorate(e, a, r, i);
+  else
+    for (var m = e.length - 1; m >= 0; m--)
+      (d = e[m]) && (l = (t < 3 ? d(l) : t > 3 ? d(a, r, l) : d(a, r)) || l);
+  return t > 3 && l && Object.defineProperty(a, r, l), l;
+}, o = function(e, a) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, a);
+};
+const c = class {
+  constructor(e) {
+    y(this, e), this.valueChanged = p(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.eventReminders = [], this.participants = [], this.name = "reminder-overrides", this.reminders = this.eventReminders ?? [], this.reminderErrors = {}, this.editingReminderIndex = null;
+  }
+  connectedCallback() {
+    s("nylas-reminder-emails", "connectedCallback");
+  }
+  disconnectedCallback() {
+    s("nylas-reminder-emails", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    s("nylas-reminder-emails", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    s("nylas-reminder-emails", "componentDidLoad"), this.updateRemindersFormValue();
+  }
+  componentWillUpdate() {
+    s("nylas-reminder-emails", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    s("nylas-reminder-emails", "componentDidUpdate");
+  }
+  componentWillRender() {
+    s("nylas-reminder-emails", "componentWillRender");
+  }
+  componentDidRender() {
+    s("nylas-reminder-emails", "componentDidRender");
+  }
+  elementNameChangedHandler(e) {
+    s("nylas-reminder-emails", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  handleValueChanged(e) {
+    s("nylas-reminder-emails", "handleValueChanged", e);
+    const { name: a, value: r } = e.detail;
+    if (a.startsWith("reminder-time-")) {
+      const [i, t] = a.split(/(\d+)/), l = [...this.reminders];
+      l[t].reminder_minutes = parseInt(r), this.internals.setFormValue(JSON.stringify(l), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(l), name: "reminder-overrides" });
+    }
+  }
+  addReminder() {
+    s("nylas-reminder-emails", "addReminder"), this.reminders = [
+      ...this.reminders,
+      {
+        reminder_method: "email",
+        reminder_minutes: 30
+      }
+    ], this.editingReminderIndex = this.reminders.length - 1, this.updateRemindersFormValue();
+  }
+  deleteReminder(e) {
+    this.reminders.splice(e, 1), this.editingReminderIndex = null, this.updateRemindersFormValue();
+  }
+  updateRemindersFormValue() {
+    s("nylas-reminder-emails", "updateRemindersFormValue"), this.internals.setFormValue(JSON.stringify(this.reminders), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(this.reminders), name: "reminder-overrides" });
+  }
+  formatReminderTime(e) {
+    switch (!0) {
+      case e > 24 * 60:
+        return `${e / 60 / 24} days`;
+      case e === 24 * 60:
+        return "1 day";
+      case (e > 90 || e === 60):
+        return `${e / 60} hours`;
+      default:
+        return `${e} minute${e > 1 ? "s" : ""} `;
+    }
+  }
+  render() {
+    var a;
+    const e = (a = this.participants.find((r) => r.is_organizer)) == null ? void 0 : a.name;
+    return n(_, { key: "0b5c4dbfe8b109adfe7145b8e10b10a29bffb064" }, n("div", { key: "558ac940116d4f21071b1a63737a239765eb2186", class: "cards-container" }, this.reminders.map((r, i) => n("div", { class: "nylas-reminder-email", part: "nre" }, n("div", { class: "header", part: "nre__header" }, n("div", null, n("h3", null, "Upcoming meeting", e ? ` with ${e} ` : ""), n("p", null, "Reminder before event")), this.editingReminderIndex !== i ? n("button-component", { variant: "basic", key: `edit-${i} `, clickHandler: (t) => {
+      t.preventDefault(), this.editingReminderIndex = i;
+    } }, n("edit-icon", { width: "16", height: "16" }), "Edit") : n("button-component", { variant: "basic", class: "delete-btn", key: `delete -${i} `, clickHandler: (t) => {
+      t.preventDefault(), this.deleteReminder(i);
+    } }, n("trash-icon", { width: "16", height: "16" }))), this.editingReminderIndex === i ? n("div", { class: "nylas-reminder-email__body", part: "nre__body" }, n("div", { class: "nylas-reminder-email__section" }, n("div", { class: "nylas-reminder-email__row" }, n("label", null, "Send confirmation email when", n("span", { class: "label-icon" }, n("tooltip-component", null, n("info-icon", { slot: "tooltip-icon" }), n("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation immediately after your booking is set up.")))), n("nylas-reminder-time", { name: `reminder-time-${i}`, eventReminderTimeMinutes: r.reminder_minutes, exportparts: `nrt, nrt__input_dropdown: nre__reminder-input_dropdown,
+                          nrt__input_dropdown-input: nre__reminder-input_dropdown-input,
+                          nrt__input_dropdown-content: nre__reminder-input_dropdown-content,
+                          ` })))) : n("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, n("p", null, n("span", { class: "summary-icon" }, n("person-clipboard-icon", null)), "All host & guests"), n("p", null, n("span", { class: "summary-icon" }, n("clock-icon", null)), this.formatReminderTime(r.reminder_minutes), " before the event"))))), n("button-component", { key: "0a79bebfbe16d8db1676df646367cd432f4dbcac", class: "create-reminder", variant: "basic", clickHandler: (r) => {
+      r.preventDefault(), this.addReminder();
+    } }, n("plus-icon", { key: "21df172c101f4d1f313cc0d876ff404ecf651a4e", width: "16", height: "16" }), "New reminder"));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return b(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"]
+    };
+  }
+};
+g([
+  h({
+    name: "nylas-reminder-emails",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.eventReminders", "reminders"]]),
+    eventToProps: {
+      valueChanged: async (e, a) => {
+        const { valueChanged: r } = e.detail;
+        r && r(e);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  o("design:type", Function),
+  o("design:paramtypes", []),
+  o("design:returntype", void 0)
+], c.prototype, "render", null);
+c.style = f;
+export {
+  c as nylas_reminder_emails
+};

package/dist/nylas-reminder-emails.entry-59c07bfe.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-eb33703c.cjs"),c=require("./register-component-887199a9-003f96c5.cjs");require("react");require("react-dom");const y=':host{display:block;--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;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}',p=y;var h=function(n,a,r,i){var s=arguments.length,l=s<3?a:i===null?i=Object.getOwnPropertyDescriptor(a,r):i,t;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(n,a,r,i);else for(var d=n.length-1;d>=0;d--)(t=n[d])&&(l=(s<3?t(l):s>3?t(a,r,l):t(a,r))||l);return s>3&&l&&Object.defineProperty(a,r,l),l},m=function(n,a){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,a)};const o=class{constructor(n){e.registerInstance(this,n),this.valueChanged=e.createEvent(this,"valueChanged",7),n.$hostElement$["s-ei"]?this.internals=n.$hostElement$["s-ei"]:(this.internals=n.$hostElement$.attachInternals(),n.$hostElement$["s-ei"]=this.internals),this.eventReminders=[],this.participants=[],this.name="reminder-overrides",this.reminders=this.eventReminders??[],this.reminderErrors={},this.editingReminderIndex=null}connectedCallback(){e.debug("nylas-reminder-emails","connectedCallback")}disconnectedCallback(){e.debug("nylas-reminder-emails","disconnectedCallback")}componentWillLoad(){e.debug("nylas-reminder-emails","componentWillLoad"),this.host.setAttribute("name",this.name)}componentDidLoad(){e.debug("nylas-reminder-emails","componentDidLoad"),this.updateRemindersFormValue()}componentWillUpdate(){e.debug("nylas-reminder-emails","componentWillUpdate")}componentDidUpdate(){e.debug("nylas-reminder-emails","componentDidUpdate")}componentWillRender(){e.debug("nylas-reminder-emails","componentWillRender")}componentDidRender(){e.debug("nylas-reminder-emails","componentDidRender")}elementNameChangedHandler(n){e.debug("nylas-reminder-emails","elementNameChangedHandler",n),this.host.setAttribute("name",n)}handleValueChanged(n){e.debug("nylas-reminder-emails","handleValueChanged",n);const{name:a,value:r}=n.detail;if(a.startsWith("reminder-time-")){const[i,s]=a.split(/(\d+)/),l=[...this.reminders];l[s].reminder_minutes=parseInt(r),this.internals.setFormValue(JSON.stringify(l),"reminder-overrides"),this.valueChanged.emit({value:JSON.stringify(l),name:"reminder-overrides"})}}addReminder(){e.debug("nylas-reminder-emails","addReminder"),this.reminders=[...this.reminders,{reminder_method:"email",reminder_minutes:30}],this.editingReminderIndex=this.reminders.length-1,this.updateRemindersFormValue()}deleteReminder(n){this.reminders.splice(n,1),this.editingReminderIndex=null,this.updateRemindersFormValue()}updateRemindersFormValue(){e.debug("nylas-reminder-emails","updateRemindersFormValue"),this.internals.setFormValue(JSON.stringify(this.reminders),"reminder-overrides"),this.valueChanged.emit({value:JSON.stringify(this.reminders),name:"reminder-overrides"})}formatReminderTime(n){switch(!0){case n>24*60:return`${n/60/24} days`;case n===24*60:return"1 day";case(n>90||n===60):return`${n/60} hours`;default:return`${n} minute${n>1?"s":""} `}}render(){var a;const n=(a=this.participants.find(r=>r.is_organizer))==null?void 0:a.name;return e.h(e.Host,{key:"0b5c4dbfe8b109adfe7145b8e10b10a29bffb064"},e.h("div",{key:"558ac940116d4f21071b1a63737a239765eb2186",class:"cards-container"},this.reminders.map((r,i)=>e.h("div",{class:"nylas-reminder-email",part:"nre"},e.h("div",{class:"header",part:"nre__header"},e.h("div",null,e.h("h3",null,"Upcoming meeting",n?` with ${n} `:""),e.h("p",null,"Reminder before event")),this.editingReminderIndex!==i?e.h("button-component",{variant:"basic",key:`edit-${i} `,clickHandler:s=>{s.preventDefault(),this.editingReminderIndex=i}},e.h("edit-icon",{width:"16",height:"16"}),"Edit"):e.h("button-component",{variant:"basic",class:"delete-btn",key:`delete -${i} `,clickHandler:s=>{s.preventDefault(),this.deleteReminder(i)}},e.h("trash-icon",{width:"16",height:"16"}))),this.editingReminderIndex===i?e.h("div",{class:"nylas-reminder-email__body",part:"nre__body"},e.h("div",{class:"nylas-reminder-email__section"},e.h("div",{class:"nylas-reminder-email__row"},e.h("label",null,"Send confirmation email when",e.h("span",{class:"label-icon"},e.h("tooltip-component",null,e.h("info-icon",{slot:"tooltip-icon"}),e.h("span",{slot:"tooltip-content"},"You and your guests will receive a confirmation immediately after your booking is set up.")))),e.h("nylas-reminder-time",{name:`reminder-time-${i}`,eventReminderTimeMinutes:r.reminder_minutes,exportparts:`nrt, nrt__input_dropdown: nre__reminder-input_dropdown,
+                          nrt__input_dropdown-input: nre__reminder-input_dropdown-input,
+                          nrt__input_dropdown-content: nre__reminder-input_dropdown-content,
+                          `})))):e.h("div",{class:"nylas-reminder-email__summary",part:"nre__summary"},e.h("p",null,e.h("span",{class:"summary-icon"},e.h("person-clipboard-icon",null)),"All host & guests"),e.h("p",null,e.h("span",{class:"summary-icon"},e.h("clock-icon",null)),this.formatReminderTime(r.reminder_minutes)," before the event"))))),e.h("button-component",{key:"0a79bebfbe16d8db1676df646367cd432f4dbcac",class:"create-reminder",variant:"basic",clickHandler:r=>{r.preventDefault(),this.addReminder()}},e.h("plus-icon",{key:"21df172c101f4d1f313cc0d876ff404ecf651a4e",width:"16",height:"16"}),"New reminder"))}static get formAssociated(){return!0}get host(){return e.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"]}}};h([c.RegisterComponent({name:"nylas-reminder-emails",stateToProps:new Map([["schedulerConfig.eventReminders","reminders"]]),eventToProps:{valueChanged:async(n,a)=>{const{valueChanged:r}=n.detail;r&&r(n)}},fireRegisterEvent:!0}),m("design:type",Function),m("design:paramtypes",[]),m("design:returntype",void 0)],o.prototype,"render",null);o.style=p;exports.nylas_reminder_emails=o;