@nylas/react 1.0.0-prealpha1 → 1.0.2-canary.0

package/dist/nylas-provider.entry-1dc58829.js

@@ -0,0 +1,155 @@
+import { r as C, c as h, h as g, H as S, g as f } from "./index-e834697b.js";
+import { N as m, e as A } from "./index-10914bc1-1a809477.js";
+import { d as a } from "./utils-df5c1963-d9833bcb.js";
+import { C as b, N as p } from "./auth-store-764d3768-3e9c24a0.js";
+import { C as v, H as P, N as _, a as N, b as w } from "./mailbox-store-6b9425dc-c249fa99.js";
+import { C as I, N as x } from "./scheduler-store-81058220-263a5f44.js";
+import { C as M, N as E } from "./scheduler-config-store-a059f30b-ff3efc00.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-57e89916-af061c86.js";
+class L {
+  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() {
+    a("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 x({
+      schedulerAPIURL: this.schedulerAPIURL,
+      schedulerStore: this.schedulerStore
+    }), this._schedulerAPIConnector);
+  }
+  get schedulerConfig() {
+    return this._schedulerConfigConnector ? this._schedulerConfigConnector : (this._schedulerConfigConnector = new E({
+      nylasAuth: this.nylasAuth,
+      nylasAuthStore: this.nylasAuthStore,
+      nylasSchedulerConfigStore: this.nylasSchedulerConfigStore
+    }), this._schedulerConfigConnector);
+  }
+  getAuth() {
+    return this.nylasAuth;
+  }
+  resetStores() {
+    this.nylasAuthStore.reset(), this.nylasMailboxStore.reset();
+  }
+  async logout() {
+    await this.nylasAuth.logout(), this.resetStores();
+  }
+}
+const R = ":host{display:contents}", T = R, U = class {
+  constructor(e) {
+    C(this, e), this.init = h(this, "init", 7), this.loggedIn = h(this, "loggedIn", 7), this.loggedOut = h(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() {
+    a("[nylas-provider] connectedCallback");
+  }
+  async componentWillLoad() {
+    var n, i, c, u, d, y;
+    a("[nylas-provider] componentWillLoad"), this.stores = {
+      auth: b(),
+      mailbox: v(),
+      scheduler: I(),
+      schedulerConfig: M()
+    }, this.baseProvider = new m(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
+    const e = new P();
+    this.nylasAuth = A({
+      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 L(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: "1994d94960cafdb4c1dc7b54f155a2a65190a3d9" }, g("slot", { key: "d2a28ba4a86d0df9bd1ceeaf450f376c80ad2ea6" }));
+  }
+  get host() {
+    return f(this);
+  }
+};
+U.style = T;
+export {
+  U as nylas_provider
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-cee193d2.cjs"),C=require("./index-10914bc1-93ff6f46.cjs"),l=require("./utils-df5c1963-1c47e21c.cjs"),S=require("./auth-store-764d3768-ce84fc6a.cjs"),o=require("./mailbox-store-6b9425dc-a0366cf2.cjs"),f=require("./scheduler-store-81058220-a20698af.cjs"),b=require("./scheduler-config-store-a059f30b-06c1aa21.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");class m{constructor(t,s,n,i,c,h,a="https://api.us.nylas.com"){this.router=t,this.schedulerAPIURL=a,this.nylasAuth=s,this.nylasAuthStore=n,this.nylasMailboxStore=i,this.nylasSchedulerStore=c,this.nylasSchedulerConfigStore=h}init(){l.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 S.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 f.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore}),this._schedulerAPIConnector)}get schedulerConfig(){return this._schedulerConfigConnector?this._schedulerConfigConnector:(this._schedulerConfigConnector=new b.NylasSchedulerConfigAPIConnector({nylasAuth:this.nylasAuth,nylasAuthStore:this.nylasAuthStore,nylasSchedulerConfigStore:this.nylasSchedulerConfigStore}),this._schedulerConfigConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasAuthStore.reset(),this.nylasMailboxStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}const v=":host{display:contents}",P=v,A=class{constructor(e){r.registerInstance(this,e),this.init=r.createEvent(this,"init",7),this.loggedIn=r.createEvent(this,"loggedIn",7),this.loggedOut=r.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(){l.debug("[nylas-provider] connectedCallback")}async componentWillLoad(){var h,a,u,d,g,y;l.debug("[nylas-provider] componentWillLoad"),this.stores={auth:S.CreateNylasAuthStore(),mailbox:o.CreateNylasMailboxStore(),scheduler:f.CreateNylasSchedulerStore(),schedulerConfig:b.CreateNylasSchedulerConfigStore()},this.baseProvider=new C.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const e=new o.HashRouter;this.nylasAuth=C.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 s=(a=this.baseProvider)==null?void 0:a.getStore("auth");if(!s)throw new Error("The auth store is not set");const n=(u=this.baseProvider)==null?void 0:u.getStore("scheduler");if(!n)throw new Error("The scheduler store is not set");const i=(d=this.baseProvider)==null?void 0:d.getStore("schedulerConfig");if(!i)throw new Error("The scheduler config store is not set");this.nylasConnector=new m(e,this.nylasAuth,s,t,n,i),this.init.emit(this.host).defaultPrevented||await((g=this.nylasConnector)==null?void 0:g.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 r.h(r.Host,{key:"1994d94960cafdb4c1dc7b54f155a2a65190a3d9"},r.h("slot",{key:"d2a28ba4a86d0df9bd1ceeaf450f376c80ad2ea6"}))}get host(){return r.getElement(this)}};A.style=P;exports.nylas_provider=A;

package/dist/nylas-scheduler-config.entry-2382ac1b.js

@@ -0,0 +1,114 @@
+import { r as u, c as r, h as s, H as c, g } from "./index-e834697b.js";
+import { N as f, e as y } from "./index-10914bc1-1a809477.js";
+import { C, N as p } from "./auth-store-764d3768-3e9c24a0.js";
+import { d as o } from "./utils-df5c1963-d9833bcb.js";
+import { C as S, N as m } from "./scheduler-config-store-a059f30b-ff3efc00.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-57e89916-af061c86.js";
+class b {
+  constructor({ nylasAuth: t, nylasAuthStore: n, nylasSchedulerConfigStore: i }) {
+    this.nylasAuth = t, this.nylasAuthStore = n, this.nylasSchedulerConfigStore = i;
+  }
+  init() {
+    o("NylasSchedulerConfigConnector init");
+  }
+  get authStore() {
+    return this.nylasAuthStore;
+  }
+  get auth() {
+    return this._authConnector ? this._authConnector : (this._authConnector = new p(this.nylasAuth, this.nylasAuthStore), this._authConnector);
+  }
+  get schedulerConfigStore() {
+    return this.nylasSchedulerConfigStore;
+  }
+  get schedulerConfig() {
+    return this._schedulerConfigConnector ? this._schedulerConfigConnector : (this._schedulerConfigConnector = new m({
+      nylasAuth: this.nylasAuth,
+      nylasAuthStore: this.nylasAuthStore,
+      nylasSchedulerConfigStore: this.nylasSchedulerConfigStore
+    }), this._schedulerConfigConnector);
+  }
+  getAuth() {
+    return this.nylasAuth;
+  }
+  getTokenInfo() {
+    return this.nylasAuth.getTokenInfo();
+  }
+  resetStores() {
+    o("NylasSchedulerConfigConnector resetStores"), this.nylasAuthStore.reset(), this.nylasSchedulerConfigStore.reset();
+  }
+  async logout() {
+    o("NylasSchedulerConfigConnector logout"), await this.auth.logout(), this.resetStores();
+  }
+}
+const v = ":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}div.scheduler-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;width:858px;margin:0;font-size:18px;line-height:24px;font-weight:600}@media screen and (max-width: 768px){div.scheduler-editor-header h1.scheduler-editor-title{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary)}div.scheduler-editor-header button:disabled{cursor:not-allowed}nylas-scheduler-editor{width:100%}", x = v, w = class {
+  constructor(e) {
+    u(this, e), this.init = r(this, "init", 7), this.loggedIn = r(this, "loggedIn", 7), this.loggedOut = r(this, "loggedOut", 7), this.schedulerConfigCloseClicked = r(this, "schedulerConfigCloseClicked", 7), this.handleAuthChange = async (t) => {
+      var n;
+      t ? this.loggedIn.emit(this.host) : this.loggedOut.emit(this.host).defaultPrevented || await ((n = this.nylasSchedulerConfigConnector) == null ? void 0 : n.logout());
+    }, this.handleSchedulerConfigCloseClicked = (t) => {
+      this.schedulerConfigCloseClicked.emit(this.host);
+    }, this.authConfig = void 0, this.eventOverrides = {}, this.defaultAuthStoreState = void 0, this.defaultSchedulerConfigStoreState = void 0, this.mode = "app", this.automaticComponentRegistration = !0, this.loggedInUser = "";
+  }
+  connectedCallback() {
+    o("[nylas-scheduler-config] connectedCallback");
+  }
+  async componentWillLoad() {
+    var i, a, l, h;
+    o("[nylas-scheduler-config] componentWillLoad"), this.stores = {
+      auth: C(this.defaultAuthStoreState),
+      schedulerConfig: S({
+        ...this.defaultSchedulerConfigStoreState
+      })
+    }, this.baseProvider = new f(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides), this.nylasAuth = y({
+      apiUri: "https://api.us.nylas.com",
+      elementsApiUri: "https://elements.us.nylas.com",
+      storageType: "indexeddb",
+      clientId: "YOUR_CLIENT_ID",
+      defaultScopes: [],
+      redirectURI: "/",
+      ...this.authConfig
+    });
+    const e = (i = this.baseProvider) == null ? void 0 : i.getStore("auth"), t = this.baseProvider.getStore("schedulerConfig");
+    if (this.nylasSchedulerConfigConnector = new b({
+      nylasAuth: this.nylasAuth,
+      nylasAuthStore: this.stores.auth,
+      nylasSchedulerConfigStore: t
+    }), !this.init.emit(this.host).defaultPrevented) {
+      await ((a = this.nylasSchedulerConfigConnector) == null ? void 0 : a.auth.validateSession());
+      const d = await ((l = this.nylasSchedulerConfigConnector) == null ? void 0 : l.auth.getTokenInfo());
+      d && (this.loggedInUser = d.email);
+    }
+    this.handleAuthChange(e.state.isAuthenticated), (h = this.baseProvider) == null || h.componentWillLoad(this.nylasSchedulerConfigConnector);
+  }
+  async componentDidLoad() {
+    var e, t, n;
+    o("[nylas-scheduler-config] componentDidLoad"), (e = this.baseProvider) == null || e.componentDidLoad(), await ((n = (t = this.nylasSchedulerConfigConnector) == null ? void 0 : t.schedulerConfig) == null ? void 0 : n.getCalendars());
+  }
+  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 schedulerConfigChangedHandler(e) {
+    console.log("schedulerConfigChanged", e.detail);
+  }
+  render() {
+    return this.mode === "app" ? s(c, null, s("div", { class: "scheduler-editor-header" }, s("h1", { class: "scheduler-editor-title" }, s("calendar-icon", { width: "18", height: "18" }), "Schedule editor"), s("button", { class: "scheduler-editor-close", onClick: (t) => this.handleSchedulerConfigCloseClicked(t), part: "nsc-close-button" }, s("close-icon", { width: "18", height: "18" }))), s("nylas-scheduler-editor", null)) : s(c, null, s("slot", null));
+  }
+  get host() {
+    return g(this);
+  }
+};
+w.style = x;
+export {
+  w as nylas_scheduler_config
+};

package/dist/nylas-scheduler-config.entry-477d2171.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index-cee193d2.cjs"),d=require("./index-10914bc1-93ff6f46.cjs"),c=require("./auth-store-764d3768-ce84fc6a.cjs"),o=require("./utils-df5c1963-1c47e21c.cjs"),u=require("./scheduler-config-store-a059f30b-06c1aa21.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");class f{constructor({nylasAuth:t,nylasAuthStore:n,nylasSchedulerConfigStore:r}){this.nylasAuth=t,this.nylasAuthStore=n,this.nylasSchedulerConfigStore=r}init(){o.debug("NylasSchedulerConfigConnector init")}get authStore(){return this.nylasAuthStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new c.NylasAuthConnector(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get schedulerConfigStore(){return this.nylasSchedulerConfigStore}get schedulerConfig(){return this._schedulerConfigConnector?this._schedulerConfigConnector:(this._schedulerConfigConnector=new u.NylasSchedulerConfigAPIConnector({nylasAuth:this.nylasAuth,nylasAuthStore:this.nylasAuthStore,nylasSchedulerConfigStore:this.nylasSchedulerConfigStore}),this._schedulerConfigConnector)}getAuth(){return this.nylasAuth}getTokenInfo(){return this.nylasAuth.getTokenInfo()}resetStores(){o.debug("NylasSchedulerConfigConnector resetStores"),this.nylasAuthStore.reset(),this.nylasSchedulerConfigStore.reset()}async logout(){o.debug("NylasSchedulerConfigConnector logout"),await this.auth.logout(),this.resetStores()}}const y=":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}div.scheduler-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;width:858px;margin:0;font-size:18px;line-height:24px;font-weight:600}@media screen and (max-width: 768px){div.scheduler-editor-header h1.scheduler-editor-title{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary)}div.scheduler-editor-header button:disabled{cursor:not-allowed}nylas-scheduler-editor{width:100%}",C=y,g=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.schedulerConfigCloseClicked=s.createEvent(this,"schedulerConfigCloseClicked",7),this.handleAuthChange=async t=>{var n;t?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host).defaultPrevented||await((n=this.nylasSchedulerConfigConnector)==null?void 0:n.logout())},this.handleSchedulerConfigCloseClicked=t=>{this.schedulerConfigCloseClicked.emit(this.host)},this.authConfig=void 0,this.eventOverrides={},this.defaultAuthStoreState=void 0,this.defaultSchedulerConfigStoreState=void 0,this.mode="app",this.automaticComponentRegistration=!0,this.loggedInUser=""}connectedCallback(){o.debug("[nylas-scheduler-config] connectedCallback")}async componentWillLoad(){var r,i,a,l;o.debug("[nylas-scheduler-config] componentWillLoad"),this.stores={auth:c.CreateNylasAuthStore(this.defaultAuthStoreState),schedulerConfig:u.CreateNylasSchedulerConfigStore({...this.defaultSchedulerConfigStoreState})},this.baseProvider=new d.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides),this.nylasAuth=d.es({apiUri:"https://api.us.nylas.com",elementsApiUri:"https://elements.us.nylas.com",storageType:"indexeddb",clientId:"YOUR_CLIENT_ID",defaultScopes:[],redirectURI:"/",...this.authConfig});const e=(r=this.baseProvider)==null?void 0:r.getStore("auth"),t=this.baseProvider.getStore("schedulerConfig");if(this.nylasSchedulerConfigConnector=new f({nylasAuth:this.nylasAuth,nylasAuthStore:this.stores.auth,nylasSchedulerConfigStore:t}),!this.init.emit(this.host).defaultPrevented){await((i=this.nylasSchedulerConfigConnector)==null?void 0:i.auth.validateSession());const h=await((a=this.nylasSchedulerConfigConnector)==null?void 0:a.auth.getTokenInfo());h&&(this.loggedInUser=h.email)}this.handleAuthChange(e.state.isAuthenticated),(l=this.baseProvider)==null||l.componentWillLoad(this.nylasSchedulerConfigConnector)}async componentDidLoad(){var e,t,n;o.debug("[nylas-scheduler-config] componentDidLoad"),(e=this.baseProvider)==null||e.componentDidLoad(),await((n=(t=this.nylasSchedulerConfigConnector)==null?void 0:t.schedulerConfig)==null?void 0:n.getCalendars())}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 schedulerConfigChangedHandler(e){console.log("schedulerConfigChanged",e.detail)}render(){return this.mode==="app"?s.h(s.Host,null,s.h("div",{class:"scheduler-editor-header"},s.h("h1",{class:"scheduler-editor-title"},s.h("calendar-icon",{width:"18",height:"18"}),"Schedule editor"),s.h("button",{class:"scheduler-editor-close",onClick:t=>this.handleSchedulerConfigCloseClicked(t),part:"nsc-close-button"},s.h("close-icon",{width:"18",height:"18"}))),s.h("nylas-scheduler-editor",null)):s.h(s.Host,null,s.h("slot",null))}get host(){return s.getElement(this)}};g.style=C;exports.nylas_scheduler_config=g;

package/dist/nylas-scheduler-editor.entry-1a95d313.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index-cee193d2.cjs"),g=require("./register-component-486ea571-cdfe1ef9.cjs"),h=require("./utils-df5c1963-1c47e21c.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");const v=":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;width:inherit}.scheduler-editor{display:flex;flex-direction:column}.scheduler-editor .form-contents{display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor .form-contents{display:table-column-group}}.scheduler-editor .form-contents .tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor .form-contents .tabs .tab{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;cursor:pointer}.scheduler-editor .form-contents .tabs .tab:not(:first-of-type){margin-top:0.25rem}.scheduler-editor .form-contents .tabs .tab.active{background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor .form-contents .tab-content{max-width:692px}.footer{display:flex;justify-content:flex-end;align-items:center;height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}.footer button{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}.footer button:hover{background:var(--nylas-base-600)}.footer button:active{background:var(--nylas-base-800)}.footer button:disabled{background:var(--nylas-base-300);cursor:not-allowed}",x=v;var S=function(e,t,n,r){var l=arguments.length,i=l<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,n,r);else for(var o=e.length-1;o>=0;o--)(s=e[o])&&(i=(l<3?s(i):l>3?s(t,n,i):s(t,n))||i);return l>3&&i&&Object.defineProperty(t,n,i),i},p=function(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)};const y=class{constructor(e){a.registerInstance(this,e),this.schedulerConfigChanged=a.createEvent(this,"schedulerConfigChanged",7),this.formSubmissionHandler=async t=>{var d,f;t.preventDefault(),this.updateFormState();const{title:n,description:r,duration:l,availability:i,calendarIds:s,participants:o}=this.formState;console.log("participants: ",o);const c=(f=(d=this.config)==null?void 0:d.participants)==null?void 0:f.find(u=>u.is_organizer),b={availability:{duration_minutes:parseInt(l)},participants:[{name:(c==null?void 0:c.name)??"",email:(c==null?void 0:c.email)??"",is_organizer:!0,availability:{calendar_ids:s.length?s:["primary"],open_hours:i??[]}}],event_booking:{title:(n==null?void 0:n.toString())??"",description:(r==null?void 0:r.toString())??""}};this.schedulerConfigChanged.emit(b)},this.calendars=void 0,this.config=void 0,this.activeTab="eventInfo",this.formState=this.getFormStateFromConfig()}configChangedHandler(e){h.debug("nylas-scheduler-editor","configChangedHandler",e),this.formState=this.getFormStateFromConfig()}connectedCallback(){h.debug("nylas-scheduler-editor","connectedCallback")}componentWillLoad(){h.debug("nylas-scheduler-editor","componentWillLoad")}componentDidLoad(){h.debug("nylas-scheduler-editor","componentDidLoad")}disconnectedCallback(){h.debug("nylas-scheduler-editor","disconnectedCallback")}getFormStateFromConfig(){var t,n,r,l,i,s,o,c,b,d,f,u;const e=(n=(t=this.config)==null?void 0:t.participants)==null?void 0:n.find(m=>m.is_organizer);return{title:((l=(r=this.config)==null?void 0:r.event_booking)==null?void 0:l.title)??"",description:((s=(i=this.config)==null?void 0:i.event_booking)==null?void 0:s.description)??"",duration:((b=(c=(o=this.config)==null?void 0:o.availability)==null?void 0:c.duration_minutes)==null?void 0:b.toString())??"10",availability:((d=e==null?void 0:e.availability)==null?void 0:d.open_hours)??void 0,calendarIds:((f=e==null?void 0:e.availability)==null?void 0:f.calendar_ids)??[],participants:((u=this.config)==null?void 0:u.participants)??[]}}updateFormState(){new FormData(this.formRef).forEach((t,n)=>{switch(n){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"calendars":this.formState.calendarIds=t.toString().split(",");break}}),this.formState={...this.formState}}setActiveTab(e,t){e.preventDefault(),this.updateFormState(),this.activeTab=t}renderTabContent(e){var t;switch(this.activeTab){case"eventInfo":const n=e.title,r=e.description,l=parseInt(e.duration),i=e.participants;return a.h("div",null,a.h("nylas-event-info",null,a.h("div",{slot:"inputs"},a.h("nylas-event-title",{name:"title",eventTitle:n}),a.h("nylas-event-duration",{name:"duration",eventDurationMinutes:l}),a.h("nylas-event-description",{name:"description",eventDescription:r}))),a.h("nylas-additional-participants",{name:"participants",eventParticipants:i}));case"availability":const s=e.availability,o=(t=e.participants)==null?void 0:t.find(d=>d.is_organizer),c=(o==null?void 0:o.email)??"primary",b=e.calendarIds.length>0?e.calendarIds:[c];return a.h("div",null,a.h("nylas-calendar-picker",{name:"calendars",calendars:this.calendars??[],defaultSelectedCalendars:b,organizerEmail:c}),a.h("nylas-availability-picker",{name:"availability",openHours:s}))}}render(){return a.h(a.Host,{key:"5041540c34973d7e3e4ea881f9ae0312d116910d"},a.h("form",{key:"e97d08f968108913f8313fc7c155646abc40f9b0",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:e=>this.formRef=e},a.h("div",{key:"10b20fef8c742f4ef50a4d41baccff514b661a9f",class:"form-contents"},a.h("div",{key:"abaef8139309661b1398aea8e0c7ff8378b3bec5",class:"tabs"},a.h("button",{key:"6d40952899d50e48ffe8531e4d7bfe70dedb5882",class:{tab:!0,active:this.activeTab=="eventInfo"},onClick:e=>this.setActiveTab(e,"eventInfo")},a.h("calendar-info-icon",{key:"fe8510f782a12d6e755d1656fe9af67b86314bf0",width:"16",height:"16"}),"Event Info"),a.h("button",{key:"4d821f8550f8e36e6a421a783034c0500fd178c6",class:{tab:!0,active:this.activeTab=="availability"},onClick:e=>this.setActiveTab(e,"availability")},a.h("calendar-patterns-icon",{key:"93c0b506aeac709c6e39c6a514fc46bec052dcc7",width:"16",height:"16"}),"Availability")),a.h("div",{key:"843934d16b0208234e400be7f1c92b5f67c36884",class:"tab-content"},this.renderTabContent(this.formState))),a.h("div",{key:"0a5b6a63138970cc1cc876894d7ec2340f5ab107",class:"footer"},a.h("button",{key:"ed49e3934719b08b08a81f095565249f109d64fb",type:"submit"},"Save changes"))))}static get watchers(){return{config:["configChangedHandler"]}}};S([g.RegisterComponent({name:"nylas-scheduler-editor",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.config","config"]]),fireRegisterEvent:!0}),p("design:type",Function),p("design:paramtypes",[]),p("design:returntype",void 0)],y.prototype,"render",null);y.style=x;exports.nylas_scheduler_editor=y;

package/dist/nylas-scheduler-editor.entry-c0479087.js

@@ -0,0 +1,140 @@
+import { r as g, c as v, h as a, H as x } from "./index-e834697b.js";
+import { R as k } from "./register-component-486ea571-1f151779.js";
+import { d as p } from "./utils-df5c1963-d9833bcb.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-57e89916-af061c86.js";
+const S = ":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;width:inherit}.scheduler-editor{display:flex;flex-direction:column}.scheduler-editor .form-contents{display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor .form-contents{display:table-column-group}}.scheduler-editor .form-contents .tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor .form-contents .tabs .tab{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;cursor:pointer}.scheduler-editor .form-contents .tabs .tab:not(:first-of-type){margin-top:0.25rem}.scheduler-editor .form-contents .tabs .tab.active{background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor .form-contents .tab-content{max-width:692px}.footer{display:flex;justify-content:flex-end;align-items:center;height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}.footer button{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer}.footer button:hover{background:var(--nylas-base-600)}.footer button:active{background:var(--nylas-base-800)}.footer button:disabled{background:var(--nylas-base-300);cursor:not-allowed}", C = S;
+var _ = function(e, t, n, r) {
+  var l = arguments.length, i = l < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, s;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    i = Reflect.decorate(e, t, n, r);
+  else
+    for (var o = e.length - 1; o >= 0; o--)
+      (s = e[o]) && (i = (l < 3 ? s(i) : l > 3 ? s(t, n, i) : s(t, n)) || i);
+  return l > 3 && i && Object.defineProperty(t, n, i), i;
+}, u = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const y = class {
+  constructor(e) {
+    g(this, e), this.schedulerConfigChanged = v(this, "schedulerConfigChanged", 7), this.formSubmissionHandler = async (t) => {
+      var d, b;
+      t.preventDefault(), this.updateFormState();
+      const { title: n, description: r, duration: l, availability: i, calendarIds: s, participants: o } = this.formState;
+      console.log("participants: ", o);
+      const c = (b = (d = this.config) == null ? void 0 : d.participants) == null ? void 0 : b.find((h) => h.is_organizer), f = {
+        availability: {
+          duration_minutes: parseInt(l)
+        },
+        participants: [
+          {
+            name: (c == null ? void 0 : c.name) ?? "",
+            email: (c == null ? void 0 : c.email) ?? "",
+            is_organizer: !0,
+            availability: {
+              calendar_ids: s.length ? s : ["primary"],
+              open_hours: i ?? []
+            }
+          }
+        ],
+        event_booking: {
+          title: (n == null ? void 0 : n.toString()) ?? "",
+          description: (r == null ? void 0 : r.toString()) ?? ""
+        }
+      };
+      this.schedulerConfigChanged.emit(f);
+    }, this.calendars = void 0, this.config = void 0, this.activeTab = "eventInfo", this.formState = this.getFormStateFromConfig();
+  }
+  configChangedHandler(e) {
+    p("nylas-scheduler-editor", "configChangedHandler", e), this.formState = this.getFormStateFromConfig();
+  }
+  connectedCallback() {
+    p("nylas-scheduler-editor", "connectedCallback");
+  }
+  componentWillLoad() {
+    p("nylas-scheduler-editor", "componentWillLoad");
+  }
+  componentDidLoad() {
+    p("nylas-scheduler-editor", "componentDidLoad");
+  }
+  disconnectedCallback() {
+    p("nylas-scheduler-editor", "disconnectedCallback");
+  }
+  getFormStateFromConfig() {
+    var t, n, r, l, i, s, o, c, f, d, b, h;
+    const e = (n = (t = this.config) == null ? void 0 : t.participants) == null ? void 0 : n.find((m) => m.is_organizer);
+    return {
+      title: ((l = (r = this.config) == null ? void 0 : r.event_booking) == null ? void 0 : l.title) ?? "",
+      description: ((s = (i = this.config) == null ? void 0 : i.event_booking) == null ? void 0 : s.description) ?? "",
+      duration: ((f = (c = (o = this.config) == null ? void 0 : o.availability) == null ? void 0 : c.duration_minutes) == null ? void 0 : f.toString()) ?? "10",
+      availability: ((d = e == null ? void 0 : e.availability) == null ? void 0 : d.open_hours) ?? void 0,
+      calendarIds: ((b = e == null ? void 0 : e.availability) == null ? void 0 : b.calendar_ids) ?? [],
+      participants: ((h = this.config) == null ? void 0 : h.participants) ?? []
+    };
+  }
+  updateFormState() {
+    new FormData(this.formRef).forEach((t, n) => {
+      switch (n) {
+        case "title":
+          this.formState.title = t.toString();
+          break;
+        case "description":
+          this.formState.description = t.toString();
+          break;
+        case "duration":
+          this.formState.duration = t.toString();
+          break;
+        case "availability":
+          this.formState.availability = JSON.parse(t.toString());
+          break;
+        case "participants":
+          this.formState.participants = JSON.parse(t.toString());
+          break;
+        case "calendars":
+          this.formState.calendarIds = t.toString().split(",");
+          break;
+      }
+    }), this.formState = { ...this.formState };
+  }
+  setActiveTab(e, t) {
+    e.preventDefault(), this.updateFormState(), this.activeTab = t;
+  }
+  renderTabContent(e) {
+    var t;
+    switch (this.activeTab) {
+      case "eventInfo":
+        const n = e.title, r = e.description, l = parseInt(e.duration), i = e.participants;
+        return a("div", null, a("nylas-event-info", null, a("div", { slot: "inputs" }, a("nylas-event-title", { name: "title", eventTitle: n }), a("nylas-event-duration", { name: "duration", eventDurationMinutes: l }), a("nylas-event-description", { name: "description", eventDescription: r }))), a("nylas-additional-participants", { name: "participants", eventParticipants: i }));
+      case "availability":
+        const s = e.availability, o = (t = e.participants) == null ? void 0 : t.find((d) => d.is_organizer), c = (o == null ? void 0 : o.email) ?? "primary", f = e.calendarIds.length > 0 ? e.calendarIds : [c];
+        return a("div", null, a("nylas-calendar-picker", { name: "calendars", calendars: this.calendars ?? [], defaultSelectedCalendars: f, organizerEmail: c }), a("nylas-availability-picker", { name: "availability", openHours: s }));
+    }
+  }
+  render() {
+    return a(x, { key: "5041540c34973d7e3e4ea881f9ae0312d116910d" }, a("form", { key: "e97d08f968108913f8313fc7c155646abc40f9b0", onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: (e) => this.formRef = e }, a("div", { key: "10b20fef8c742f4ef50a4d41baccff514b661a9f", class: "form-contents" }, a("div", { key: "abaef8139309661b1398aea8e0c7ff8378b3bec5", class: "tabs" }, a("button", { key: "6d40952899d50e48ffe8531e4d7bfe70dedb5882", class: { tab: !0, active: this.activeTab == "eventInfo" }, onClick: (e) => this.setActiveTab(e, "eventInfo") }, a("calendar-info-icon", { key: "fe8510f782a12d6e755d1656fe9af67b86314bf0", width: "16", height: "16" }), "Event Info"), a("button", { key: "4d821f8550f8e36e6a421a783034c0500fd178c6", class: { tab: !0, active: this.activeTab == "availability" }, onClick: (e) => this.setActiveTab(e, "availability") }, a("calendar-patterns-icon", { key: "93c0b506aeac709c6e39c6a514fc46bec052dcc7", width: "16", height: "16" }), "Availability")), a("div", { key: "843934d16b0208234e400be7f1c92b5f67c36884", class: "tab-content" }, this.renderTabContent(this.formState))), a("div", { key: "0a5b6a63138970cc1cc876894d7ec2340f5ab107", class: "footer" }, a("button", { key: "ed49e3934719b08b08a81f095565249f109d64fb", type: "submit" }, "Save changes"))));
+  }
+  static get watchers() {
+    return {
+      config: ["configChangedHandler"]
+    };
+  }
+};
+_([
+  k({
+    name: "nylas-scheduler-editor",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.calendars", "calendars"],
+      ["schedulerConfig.config", "config"]
+    ]),
+    fireRegisterEvent: !0
+  }),
+  u("design:type", Function),
+  u("design:paramtypes", []),
+  u("design:returntype", void 0)
+], y.prototype, "render", null);
+y.style = C;
+export {
+  y as nylas_scheduler_editor
+};

package/dist/nylas-scheduler.entry-69ecc3ae.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-cee193d2.cjs"),h=require("./index-10914bc1-93ff6f46.cjs"),p=require("./utils-df5c1963-1c47e21c.cjs"),g=require("./scheduler-store-81058220-a20698af.cjs");require("react");require("react-dom");require("./_commonjsHelpers-57e89916-4a3ae7d8.cjs");class y{constructor({schedulerAPIURL:n,nylasSchedulerStore:s,sessionId:i}){if(!n)throw new Error("schedulerAPIURL is required");if(!s)throw new Error("nylasSchedulerStore is required");if(!i)throw new Error("sessionId is required");n==="/"&&(n=new URL(window.location.href).origin),this.sessionId=i,this.schedulerAPIURL=n,this.nylasSchedulerStore=s}init(){p.debug("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new g.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId}),this._schedulerAPIConnector)}resetStores(){this.nylasSchedulerStore.reset()}}const c=(e,n)=>{const s=e.isLoading,i=e.showNotification;return t.h(t.Fragment,null,s&&t.h("div",{class:"loading"},t.h("div",{class:"left"},t.h("div",{class:"skeleton"})),t.h("div",{class:"right"},t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}),t.h("div",{class:"skeleton"}))),!s&&n,i&&t.h("nylas-notification",null),t.h("div",{class:"footer"},"Powered by  ",t.h("nylas-logo",null)))},v=":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);--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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:784px}@media screen and (max-width: 768px){.booked-event-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{padding:1rem 20px 0;gap:1rem;height:512px;min-width:384px;border:1px solid var(--nylas-base-200);border-top-left-radius:inherit}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset}}@media screen and (max-width: 768px){.additional-data-page .left-panel{height:325px}}@media screen and (max-width: 768px){.select-date-page .left-panel{padding:0.5rem 4px 0}}.border{margin-left:-1.25rem;margin-right:-1.25rem;border-top-width:1px;height:1px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:512px;padding-top:1rem;border:1px solid var(--nylas-base-200);border-top-right-radius:inherit}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset}}.right-panel h2{display:flex;margin:1.5rem 1rem 1rem;gap:0.25rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.75rem;font-weight:600;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:496px}@media screen and (max-width: 768px){nylas-selected-event-card{height:325px}}.footer{display:flex;justify-content:flex-end;align-items:center;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-100)}.footer svg{fill:var(--nylas-base-500)}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}",w=v,b={title:"Something went wrong...",type:h.nr.Error,category:g.ErrorCategory.Component},m=class{constructor(e){t.registerInstance(this,e),this.init=t.createEvent(this,"init",7),this.schedulerWillLoad=t.createEvent(this,"schedulerWillLoad",7),this.schedulerDidLoad=t.createEvent(this,"schedulerDidLoad",7),this.nylasSchedulerError=t.createEvent(this,"nylasSchedulerError",7),this.mode="app",this.defaultSchedulerStoreState=void 0,this.sessionId=void 0,this.schedulerApiUrl="https://api.us.nylas.com",this.bookingInfo=void 0,this.rescheduleBookingId=void 0,this.cancelBookingId=void 0,this.eventOverrides={},this.isLoading=void 0,this.themeConfig=void 0,this.showNotification=!0,this.automaticComponentRegistration=!0,this.selectedDateLabel=new Date().toLocaleDateString(void 0,{dateStyle:"full"})||"No date selected"}connectedCallback(){p.debug("[nylas-scheduler] connectedCallback")}async componentWillLoad(){var s,i;if(p.debug("[nylas-scheduler] Component will load"),this.schedulerWillLoad.emit(this.host).defaultPrevented||!this.checkIfSessionIdExists())return;this.stores={scheduler:g.CreateNylasSchedulerStore({bookingInfo:this.bookingInfo,...this.defaultSchedulerStoreState})},this.baseProvider=new h.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const n=(s=this.baseProvider)==null?void 0:s.getStore("scheduler");if(this.nylasSchedulerConnector=new y({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,nylasSchedulerStore:n}),this.init.emit(this.host),(i=this.baseProvider)==null||i.componentWillLoad(this.nylasSchedulerConnector),this.themeConfig)for(const[a,o]of Object.entries(this.themeConfig))this.host.style.setProperty(`${a}`,o)}async componentDidLoad(){var a,o,r,u;if((a=this.baseProvider)==null||a.componentDidLoad(),!this.checkIfSessionIdExists())return;const e=(o=this.baseProvider)==null?void 0:o.getStore("scheduler"),n=e==null?void 0:e.get("selectedTimeslot");if(n&&(n!=null&&n.start_time)){if(!this.isTimeslotValid(n))return;if(e!=null&&e.get("showBookingForm")){e==null||e.set("selectedDate",n.start_time);return}}const s=e==null?void 0:e.get("selectedDate");let i;if(!s)i=await((r=this.nylasSchedulerConnector)==null?void 0:r.scheduler.getAvailability());else{const d=new Date(s.getFullYear(),s.getMonth(),1).getTime()/1e3,l=new Date(s.getFullYear(),s.getMonth()+1,1).getTime()/1e3;i=await((u=this.nylasSchedulerConnector)==null?void 0:u.scheduler.getAvailability(d,l))}if((!i||"error"in i)&&this.nylasSchedulerError.emit({...this.getErrorObject(i==null?void 0:i.error)}),!s){let d=new Date;const l=e==null?void 0:e.get("availability").find(f=>new Date(f.start_time)>new Date);l&&(d=l.start_time),e==null||e.set("selectedDate",d)}}componentDisconnected(){var e;(e=this.baseProvider)==null||e.componentDisconnected()}bookingInfoChanged(e){var n;(n=this.stores)==null||n.scheduler.set("bookingInfo",e)}async registerComponentHandler(e){var n;(n=this.baseProvider)==null||n.registerComponent(e.detail)}async unregisterComponentHandler(e){var n;(n=this.baseProvider)==null||n.unregisterComponent(e.detail)}async monthChangedHandler(e){var o;const n=e.detail,s=new Date(n.getFullYear(),n.getMonth(),1).getTime()/1e3,i=new Date(n.getFullYear(),n.getMonth()+1,1).getTime()/1e3,a=await((o=this.nylasSchedulerConnector)==null?void 0:o.scheduler.getAvailability(s,i));(!a||"error"in a)&&this.nylasSchedulerError.emit({...this.getErrorObject(a==null?void 0:a.error)})}async bookButtonClickedHandler(e){var s,i,a,o;if(this.rescheduleBookingId){const r=await((s=this.nylasSchedulerConnector)==null?void 0:s.scheduler.rescheduleBooking(this.rescheduleBookingId,e.detail));!r||"error"in r?this.nylasSchedulerError.emit({...this.getErrorObject(r==null?void 0:r.error)}):(i=this.baseProvider)==null||i.getStore("scheduler").set("showThankYouMessage",!0);return}const n=await((a=this.nylasSchedulerConnector)==null?void 0:a.scheduler.bookTimeslot(e.detail));!n||"error"in n?this.nylasSchedulerError.emit({...this.getErrorObject(n==null?void 0:n.error)}):(o=this.baseProvider)==null||o.getStore("scheduler").set("showThankYouMessage",!0)}dateSelectedHandler(e){const n=e.detail;this.selectedDateLabel=n?n.toLocaleDateString(void 0,{dateStyle:"full"}):"No date selected"}cancelBookedEventErrorHandler(e){this.nylasSchedulerError.emit({...this.getErrorObject(e.detail.error)})}rescheduleBookedEventErrorHandler(e){this.nylasSchedulerError.emit({...this.getErrorObject(e.detail.error)})}async getNylasSchedulerStore(){var e;return(e=this.baseProvider)==null?void 0:e.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(e){return{title:(e==null?void 0:e.title)||b.title,category:(e==null?void 0:e.category)||b.category,type:h.nr.Error,description:(e==null?void 0:e.message)||"",id:new Date().getTime().toString()}}checkIfSessionIdExists(){return this.sessionId?!0:(this.nylasSchedulerError.emit({title:"No sessionId!",category:g.ErrorCategory.Component,type:h.nr.Error,description:"Session ID is required",id:new Date().getTime().toString(),ttl:"none"}),!1)}isTimeslotValid(e){return new Date(e.start_time)<new Date?(this.nylasSchedulerError.emit({title:"Invalid tiemslot!",category:g.ErrorCategory.Component,type:h.nr.Error,description:"The selected timeslot is invalid.",id:new Date().getTime().toString(),ttl:"none"}),!1):!0}render(){var d;const e=this.mode==="app",n=(d=this.baseProvider)==null?void 0:d.getStore("scheduler"),s=n==null?void 0:n.get("eventInfo"),i=n==null?void 0:n.get("showThankYouMessage"),a=n==null?void 0:n.get("showBookingForm"),o=n==null?void 0:n.get("cancelledEvent"),r=(n==null?void 0:n.get("cancelBookingId"))||this.cancelBookingId,u=n==null?void 0:n.get("selectedTimeslot");if(e&&r&&!o)return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancel-flow-page",part:"cancel-flow-page"},t.h("nylas-cancel-booking-form",{cancelBookingId:r,exportparts:"ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label"}))));if(e&&o)return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"cancelled-event-page",part:"cancelled-event-page"},t.h("nylas-cancelled-event-card",{cancelledEvent:o,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))));if(e&&i&&s)return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"booked-event-page",part:"booked-event-page"},t.h("nylas-booked-event-card",{selectedTimeslot:u,eventInfo:s,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))));if(e&&!i&&!a){const l=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"select-date-page",part:"select-date-page"},t.h("div",{class:"left-panel"},t.h("nylas-date-picker",{exportparts:"ndp, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--selected, ndp__date--current-day, ndp__date--current-month"}),t.h("div",{class:"border"}),t.h("nylas-locale-switch",null)),t.h("div",{class:"right-panel"},t.h("h2",null,t.h("calendar-icon",null),t.h("span",{id:"selectedDate"},this.selectedDateLabel)),t.h("nylas-timeslot-picker",{exportparts:"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},l&&t.h("span",{slot:"timeslot-picker-cta-label"},t.h("slot",{name:"timeslot-picker-cta-label"})))))))}if(e&&!i&&a){const l=this.host.querySelector('[slot="custom-booking-form"]');return t.h(t.Host,null,t.h(c,{isLoading:this.isLoading,showNotification:this.showNotification},t.h("div",{class:"additional-data-page",part:"additional-data-page"},t.h("div",{class:"left-panel"},t.h("div",{class:"wrapper"},t.h("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time"}))),t.h("div",{class:"right-panel"},t.h("nylas-booking-form",{exportparts:"nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline"},l&&t.h("div",{slot:"custom-booking-form"},t.h("slot",{name:"custom-booking-form"})))))))}return t.h(t.Host,null,t.h("slot",null))}get host(){return t.getElement(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"]}}};m.style=w;exports.nylas_scheduler=m;