@nylas/react 1.1.3 → 1.1.4

package/dist/{nylas-login.entry-d9bf3974.js → nylas-login.entry-3f7c195e.js}

@@ -1,9 +1,9 @@
-import { r as h, c as p, h as o, H as u } from "./index-a282e817.js";
-import { R as m } from "./register-component-a7ea27ad-fa2c4b17.js";
+import { r as h, c as p, h as o, H as u } from "./index-e475e0c0.js";
+import { R as m } from "./register-component-679c1308-de697ecb.js";
 import "react";
 import "react-dom";
-const g = ":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}", y = g;
-var f = function(n, t, i, e) {
+const g = ":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}", f = g;
+var y = function(n, t, i, e) {
   var a = arguments.length, r = a < 3 ? t : e === null ? e = Object.getOwnPropertyDescriptor(t, i) : e, s;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
     r = Reflect.decorate(n, t, i, e);
@@ -51,12 +51,12 @@ const d = class {
   render() {
     var t;
     const n = ((t = this.providers) == null ? void 0 : t.split(",")) || [];
-    return o(u, { key: "4c5d0679d95ab3eb085c77ff3a4b6a787e18d299" }, this.loginMethod === "redirect" && o("div", { class: "redirect-container" }, !this.isAuthenticated && o("sp-button", { part: "button", onClick: this._handleLoginRedirect }, this.buttonText)), this.loginMethod === "emebded" && o("main", { class: "login-container" }, o("section", { class: "login-box" }, o("header", null, o("img", { src: this.logoUrl, alt: `${this.companyName} logo`, width: "100%", style: {
+    return o(u, { key: "c19348287c1ee1aac3efb379ff4c6e1f7b79601b" }, this.loginMethod === "redirect" && o("div", { class: "redirect-container" }, !this.isAuthenticated && o("button", { part: "button", onClick: this._handleLoginRedirect }, this.buttonText)), this.loginMethod === "emebded" && o("main", { class: "login-container" }, o("section", { class: "login-box" }, o("header", null, o("img", { src: this.logoUrl, alt: `${this.companyName} logo`, width: "100%", style: {
       minWidth: this.logoWidth
     } }), o("h1", null, "Welcome")), o("p", null, "Log in to your account to continue to ", this.companyName), o("div", { class: "login-methods" }, n.includes("google") && o("button", { class: "login-google", onClick: this._onGoogleButtonClick }, o("svg", { xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "18", height: "18", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 256 262" }, o("path", { fill: "#4285F4", d: "M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z" }), o("path", { fill: "#34A853", d: "M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z" }), o("path", { fill: "#FBBC05", d: "M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z" }), o("path", { fill: "#EA4335", d: "M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z" })), "Continue with Google"), n.includes("microsoft") && o("button", { class: "login-microsoft", onClick: this._onMicrosoftButtonClick }, o("svg", { xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "img", width: "18", height: "18", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 448 512" }, o("path", { fill: "#F3F3F3", d: "M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z" })), "Continue with Microsoft")), o("form", { class: "login-form", method: "POST", onSubmit: this._onFormSubmit }, o("label", { htmlFor: "email" }, "Email"), o("input", { type: "email", id: "email", name: "email", required: !0, value: this.email }), o("button", { type: "submit" }, "Next")))));
   }
 };
-f([
+y([
   m({
     name: "nylas-login",
     connectorToProp: "nylasConnector",
@@ -67,7 +67,7 @@ f([
   c("design:paramtypes", []),
   c("design:returntype", void 0)
 ], d.prototype, "render", null);
-d.style = y;
+d.style = f;
 export {
   d as nylas_login
 };

package/dist/{nylas-login.entry-05e1df3e.cjs → nylas-login.entry-78b968d1.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-11f33e47.cjs"),h=require("./register-component-a7ea27ad-2343f3df.cjs");require("react");require("react-dom");const u=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}",p=u;var g=function(n,o,i,e){var a=arguments.length,r=a<3?o:e===null?e=Object.getOwnPropertyDescriptor(o,i):e,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(n,o,i,e);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r},c=function(n,o){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,o)};const d=class{constructor(n){t.registerInstance(this,n),this.buttonClick=t.createEvent(this,"buttonClick",7),this._handleLoginRedirect=async()=>{var e;const o=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes));this.buttonClick.emit({url:o}).defaultPrevented||o&&(window.location.href=o)},this._onGoogleButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"google"));i&&(window.location.href=i)},this._onMicrosoftButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"microsoft"));i&&(window.location.href=i)},this._onFormSubmit=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,this.email));i&&(window.location.href=i)},this.isAuthenticated=!1,this.nylasConnector=void 0,this.scopes=void 0,this.loginMethod="redirect",this.companyName="Nylas",this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg",this.logoWidth="min-content",this.providers="google,microsoft",this.buttonText="Login",this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){var o;await((o=this.nylasConnector)==null?void 0:o.auth.manageHostedAuthCodeExchange(window.location.href))&&window.history.replaceState({},document.title,window.location.pathname)}render(){var o;const n=((o=this.providers)==null?void 0:o.split(","))||[];return t.h(t.Host,{key:"4c5d0679d95ab3eb085c77ff3a4b6a787e18d299"},this.loginMethod==="redirect"&&t.h("div",{class:"redirect-container"},!this.isAuthenticated&&t.h("sp-button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&t.h("main",{class:"login-container"},t.h("section",{class:"login-box"},t.h("header",null,t.h("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),t.h("h1",null,"Welcome")),t.h("p",null,"Log in to your account to continue to ",this.companyName),t.h("div",{class:"login-methods"},n.includes("google")&&t.h("button",{class:"login-google",onClick:this._onGoogleButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},t.h("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),t.h("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),t.h("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),t.h("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),n.includes("microsoft")&&t.h("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},t.h("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),t.h("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},t.h("label",{htmlFor:"email"},"Email"),t.h("input",{type:"email",id:"email",name:"email",required:!0,value:this.email}),t.h("button",{type:"submit"},"Next")))))}};g([h.RegisterComponent({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=p;exports.nylas_login=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-6b9d4b01.cjs"),h=require("./register-component-679c1308-b5a96acf.cjs");require("react");require("react-dom");const u=":host{font-family:'Arial', sans-serif;background:var(--nylas-color-primary-50);color:var(--nylas-color-primary-800);margin:0;display:contents}input{box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100%}.login-box{width:300px;padding:20px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-color-primary-50);text-align:center}.login-box h1{margin-top:0;margin-bottom:0.5em}.login-box p{margin-bottom:1em}.login-methods button{display:block;width:100%;padding:10px 10px 10px 50px;margin-bottom:10px;border:none;border-radius:var(--nylas-border-radius);border:1px solid var(--nylas-color-primary-300);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-600);cursor:pointer;transition:background 0.3s ease;position:relative;text-align:left}.login-methods button svg{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.login-methods button:hover{background:var(--nylas-color-primary-200);}.login-form label{display:block;margin-bottom:5px;text-align:left}.login-form input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--nylas-color-primary-200);border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-100);color:var(--nylas-color-primary-800);}.login-form button{width:100%;padding:10px;border:none;border-radius:var(--nylas-border-radius);background:var(--nylas-color-primary-500);color:var(--nylas-color-primary-50);cursor:pointer;transition:background 0.3s ease}.login-form button:hover{background:var(--nylas-color-primary-600);}",p=u;var g=function(n,o,i,e){var a=arguments.length,r=a<3?o:e===null?e=Object.getOwnPropertyDescriptor(o,i):e,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(n,o,i,e);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(r=(a<3?s(r):a>3?s(o,i,r):s(o,i))||r);return a>3&&r&&Object.defineProperty(o,i,r),r},c=function(n,o){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,o)};const d=class{constructor(n){t.registerInstance(this,n),this.buttonClick=t.createEvent(this,"buttonClick",7),this._handleLoginRedirect=async()=>{var e;const o=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes));this.buttonClick.emit({url:o}).defaultPrevented||o&&(window.location.href=o)},this._onGoogleButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"google"));i&&(window.location.href=i)},this._onMicrosoftButtonClick=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,void 0,"microsoft"));i&&(window.location.href=i)},this._onFormSubmit=async o=>{var e;o.preventDefault();const i=await((e=this.nylasConnector)==null?void 0:e.auth.getHostedAuthRedirectURL(this.scopes,this.email));i&&(window.location.href=i)},this.isAuthenticated=!1,this.nylasConnector=void 0,this.scopes=void 0,this.loginMethod="redirect",this.companyName="Nylas",this.logoUrl="https://www.nylas.com/wp-content/uploads/main-logo.svg",this.logoWidth="min-content",this.providers="google,microsoft",this.buttonText="Login",this.email=""}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){}async componentDidLoad(){var o;await((o=this.nylasConnector)==null?void 0:o.auth.manageHostedAuthCodeExchange(window.location.href))&&window.history.replaceState({},document.title,window.location.pathname)}render(){var o;const n=((o=this.providers)==null?void 0:o.split(","))||[];return t.h(t.Host,{key:"c19348287c1ee1aac3efb379ff4c6e1f7b79601b"},this.loginMethod==="redirect"&&t.h("div",{class:"redirect-container"},!this.isAuthenticated&&t.h("button",{part:"button",onClick:this._handleLoginRedirect},this.buttonText)),this.loginMethod==="emebded"&&t.h("main",{class:"login-container"},t.h("section",{class:"login-box"},t.h("header",null,t.h("img",{src:this.logoUrl,alt:`${this.companyName} logo`,width:"100%",style:{minWidth:this.logoWidth}}),t.h("h1",null,"Welcome")),t.h("p",null,"Log in to your account to continue to ",this.companyName),t.h("div",{class:"login-methods"},n.includes("google")&&t.h("button",{class:"login-google",onClick:this._onGoogleButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 256 262"},t.h("path",{fill:"#4285F4",d:"M255.6 131.6c0-8.2-.8-16.2-2.2-23.9H130v45.3h70.3c-3 16.1-12.4 29.7-26.3 38.9v32.4h42.6c25-23 39.4-56.7 39.4-97.7z"}),t.h("path",{fill:"#34A853",d:"M130 262c35.3 0 64.9-11.7 86.5-31.7l-42.6-32.4c-11.7 7.9-26.7 12.6-43.9 12.6-33.7 0-62.3-22.7-72.5-53.4H14.5v33.3A130.3 130.3 0 00130 262z"}),t.h("path",{fill:"#FBBC05",d:"M57.5 158.1a72.7 72.7 0 010-54.2V70.6H14.5a130.4 130.4 0 000 120.8l43-33.3z"}),t.h("path",{fill:"#EA4335",d:"M130 51.6c19 0 36 6.5 49.4 19.2l37-36C195 13.1 165.2 0 130 0A130.3 130.3 0 0014.5 70.6l43 33.3c10.2-30.7 38.8-53.3 72.5-53.3z"})),"Continue with Google"),n.includes("microsoft")&&t.h("button",{class:"login-microsoft",onClick:this._onMicrosoftButtonClick},t.h("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"img",width:"18",height:"18",preserveAspectRatio:"xMidYMid meet",viewBox:"0 0 448 512"},t.h("path",{fill:"#F3F3F3",d:"M0 32v192h192V32H0zm256 0v192h192V32H256zm192 256v192h-192V288h192zM0 224v192h192V224H0z"})),"Continue with Microsoft")),t.h("form",{class:"login-form",method:"POST",onSubmit:this._onFormSubmit},t.h("label",{htmlFor:"email"},"Email"),t.h("input",{type:"email",id:"email",name:"email",required:!0,value:this.email}),t.h("button",{type:"submit"},"Next")))))}};g([h.RegisterComponent({name:"nylas-login",connectorToProp:"nylasConnector",stateToProps:new Map([["auth.isAuthenticated","isAuthenticated"]]),fireRegisterEvent:!0}),c("design:type",Function),c("design:paramtypes",[]),c("design:returntype",void 0)],d.prototype,"render",null);d.style=p;exports.nylas_login=d;

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

@@ -0,0 +1,264 @@
+import { r as g, c as u, d as r, h as d, H as y, g as f, a as C } from "./index-e475e0c0.js";
+import { N as A, e as R } from "./index.es-b475d61f-bfa2cba2.js";
+import { C as S, N as p } from "./scheduler-store-908886c8-b0f43cb9.js";
+import { C as m } from "./scheduler-config-store-2a3b403d-e5210f72.js";
+import "react";
+import "react-dom";
+class w {
+  constructor(t, e) {
+    this.nylasAuth = t, this.nylasAuthStore = e;
+  }
+  async validateSession() {
+    const t = await this.isAccessTokenValid();
+    if (!t)
+      this.logout();
+    else {
+      let e = await this.nylasAuth.getTokenInfo();
+      if (e) {
+        const o = Math.floor(Date.now() / 1e3);
+        if (e.expires_in && e.expires_in - o < 3e5 && (r("[NylasAuthConnectorMixin] Refreshing access token"), e = await this.nylasAuth.refreshAccessToken(), !e)) {
+          r("[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out."), this.logout();
+          return;
+        }
+        this.nylasAuthStore.state.tokenInfo = e;
+      }
+    }
+    this.nylasAuthStore.state.isAuthenticated = t;
+  }
+  async isAuthenticated() {
+    return this.nylasAuth.isAuthenticated();
+  }
+  async getTokenInfo() {
+    return this.nylasAuth.getTokenInfo();
+  }
+  async isAccessTokenValid() {
+    return this.nylasAuth.isAccessTokenValid();
+  }
+  async logout() {
+    await this.nylasAuth.logout();
+  }
+  async getHostedAuthRedirectURL(t, e, n) {
+    return this.nylasAuth.getHostedAuthRedirectURL(t, e, n);
+  }
+  async manageHostedAuthCodeExchange(t) {
+    const n = new URL(t).searchParams.get("code");
+    if (n) {
+      const o = await this.nylasAuth.exchangeAuthCodeForTokenInfo(n);
+      if (o)
+        return this.nylasAuthStore.state.tokenInfo = o, this.nylasAuthStore.state.isAuthenticated = !0, o;
+    }
+    return null;
+  }
+}
+class P {
+  constructor(t, e, n, o, a, i = "https://api.us.nylas.com") {
+    this.router = t, this.schedulerAPIURL = i, this.nylasAuth = e, this.nylasAuthStore = n, this.nylasSchedulerStore = o, this.nylasSchedulerConfigStore = a;
+  }
+  init() {
+    r("NylasConnector init");
+  }
+  get authStore() {
+    return this.nylasAuthStore;
+  }
+  get schedulerStore() {
+    return this.nylasSchedulerStore;
+  }
+  get schedulerConfigStore() {
+    return this.nylasSchedulerConfigStore;
+  }
+  get auth() {
+    return this._authConnector ? this._authConnector : (this._authConnector = new w(this.nylasAuth, this.nylasAuthStore), this._authConnector);
+  }
+  get scheduler() {
+    return this._schedulerAPIConnector ? this._schedulerAPIConnector : (this._schedulerAPIConnector = new p({
+      schedulerAPIURL: this.schedulerAPIURL,
+      schedulerStore: this.schedulerStore
+    }), this._schedulerAPIConnector);
+  }
+  getAuth() {
+    return this.nylasAuth;
+  }
+  resetStores() {
+    this.nylasAuthStore.reset();
+  }
+  async logout() {
+    await this.nylasAuth.logout(), this.resetStores();
+  }
+}
+class v extends Event {
+  constructor(t, e) {
+    super(t, e), this.oldURL = e.oldURL, this.newURL = e.newURL;
+  }
+}
+class L {
+  constructor() {
+    this.routeChangeListeners = [], r("HashRouter constructor");
+  }
+  destroy() {
+    r("HashRouter destroy"), window.removeEventListener("hashchange", this.onRouteChange.bind(this));
+  }
+  init() {
+    if (r("HashRouter init"), window.addEventListener("hashchange", this.onRouteChange.bind(this)), typeof HashChangeEvent < "u") {
+      const t = new HashChangeEvent("hashchange", { oldURL: "", newURL: window.location.href });
+      this.onRouteChange(t);
+    } else {
+      const t = new v("hashchange", { oldURL: "", newURL: window.location.href });
+      this.onRouteChange(t);
+    }
+  }
+  addRouteChangeListener(t, e) {
+    r("HashRouter addRouteChangeListener"), this.routeChangeListeners.push([t, e]);
+  }
+  navigate(t, e) {
+    if (r("HashRouter navigate"), e)
+      return window.history.pushState(null, "", `#${t}`);
+    window.location.hash = t;
+  }
+  setRoute(t) {
+    r("HashRouter setRoute"), window.location.hash = t;
+  }
+  matchRoute(t, e) {
+    const n = t.split("/"), o = e.split("/");
+    if (r(`HashRouter matchRoute route=${t} path=${e}`, { routeParts: n, pathParts: o }), n[1] === "" && o[0] === "")
+      return !0;
+    if (n.length !== o.length)
+      return !1;
+    for (let a = 0; a < n.length; a++) {
+      const i = n[a], h = o[a];
+      if (!i.startsWith(":") && i !== h)
+        return !1;
+    }
+    return !0;
+  }
+  getRouteParams(t) {
+    r("HashRouter getRouteParams");
+    const e = {}, n = t.split("/"), o = window.location.hash.split("/");
+    return n.forEach((a, i) => {
+      if (a.startsWith(":")) {
+        const h = a.substring(1);
+        e[h] = o[i];
+      }
+    }), e;
+  }
+  getRouteWithParams(t, e) {
+    r("HashRouter getRouteWithParams");
+    let n = t;
+    return Object.keys(e).forEach((o) => {
+      n = n.replace(`:${o}`, e[o]);
+    }), n;
+  }
+  getRoute() {
+    return r("HashRouter getRoute"), window.location.hash;
+  }
+  onRouteChange(t) {
+    this.routeChangeListeners.forEach(async ([e, n]) => {
+      const o = t.newURL.indexOf("#") === -1 ? "" : t.newURL.substring(t.newURL.indexOf("#") + 1);
+      if (r(`HashRouter onRouteChange route=${e} path=${o}`, { event: t }), !this.matchRoute(e, o)) {
+        r(`HashRouter onRouteChange route=${e} path=${o} does not match`);
+        return;
+      }
+      const a = this.getRouteParams(e);
+      await n(e, o, a);
+    });
+  }
+  getBasePath() {
+    return r("HashRouter getBasePath"), "";
+  }
+}
+function b(s = {}) {
+  const t = {
+    isAuthenticated: !1,
+    tokenInfo: null,
+    state: "ready",
+    ...s
+  }, e = C(t);
+  return e.reset = () => {
+    for (const n in t) {
+      const o = t[n];
+      e.set(n, o);
+    }
+  }, e;
+}
+const H = ":host{display:contents}", I = H, k = class {
+  constructor(s) {
+    g(this, s), this.init = u(this, "init", 7), this.loggedIn = u(this, "loggedIn", 7), this.loggedOut = u(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() {
+    r("[nylas-provider] connectedCallback");
+  }
+  async componentWillLoad() {
+    var a, i, h, c, l;
+    r("[nylas-provider] componentWillLoad"), this.stores = {
+      auth: b(),
+      scheduler: S(),
+      schedulerConfig: m()
+    }, this.baseProvider = new A(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
+    const s = new L();
+    this.nylasAuth = R({
+      apiUri: "https://api.us.nylas.com",
+      elementsApiUri: "https://elements.us.nylas.com",
+      storageType: "indexeddb",
+      clientId: "YOUR_CLIENT_ID",
+      defaultScopes: [],
+      redirectURI: "/",
+      ...this.authConfig
+    });
+    const t = (a = this.baseProvider) == null ? void 0 : a.getStore("auth");
+    if (!t)
+      throw new Error("The auth store is not set");
+    const e = (i = this.baseProvider) == null ? void 0 : i.getStore("scheduler");
+    if (!e)
+      throw new Error("The scheduler store is not set");
+    const n = (h = this.baseProvider) == null ? void 0 : h.getStore("schedulerConfig");
+    if (!n)
+      throw new Error("The scheduler config store is not set");
+    this.nylasConnector = new P(s, this.nylasAuth, t, e, n), this.init.emit(this.host).defaultPrevented || await ((c = this.nylasConnector) == null ? void 0 : c.auth.validateSession()), this.handleAuthChange(t.state.isAuthenticated), (l = this.baseProvider) == null || l.componentWillLoad(this.nylasConnector);
+  }
+  componentDidLoad() {
+    var t, e;
+    const s = (t = this.baseProvider) == null ? void 0 : t.getStore("auth");
+    s == null || s.onChange("isAuthenticated", this.handleAuthChange), (e = this.baseProvider) == null || e.componentDidLoad();
+  }
+  componentDisconnected() {
+    var s;
+    (s = this.baseProvider) == null || s.componentDisconnected();
+  }
+  async registerComponentHandler(s) {
+    var t;
+    (t = this.baseProvider) == null || t.registerComponent(s.detail);
+  }
+  async unregisterComponentHandler(s) {
+    var t;
+    (t = this.baseProvider) == null || t.unregisterComponent(s.detail);
+  }
+  async getNylasAuth() {
+    return this.nylasAuth;
+  }
+  async getNylasConnector() {
+    return this.nylasConnector;
+  }
+  async getAuthStore() {
+    var s;
+    return (s = this.baseProvider) == null ? void 0 : s.getStore("auth");
+  }
+  async getNylasSchedulerStore() {
+    var s;
+    return (s = this.baseProvider) == null ? void 0 : s.getStore("scheduler");
+  }
+  async getNylasSchedulerConfigStore() {
+    var s;
+    return (s = this.baseProvider) == null ? void 0 : s.getStore("schedulerConfig");
+  }
+  render() {
+    return d(y, { key: "e4c9c9acb330cbbc466495c3153d54318b28d943" }, d("slot", { key: "7a5b931d0ca83c251074eba2aeb4f243f131ae05" }));
+  }
+  get host() {
+    return f(this);
+  }
+};
+k.style = I;
+export {
+  k as nylas_provider
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-6b9d4b01.cjs"),l=require("./index.es-b475d61f-68a74a28.cjs"),d=require("./scheduler-store-908886c8-62d14677.cjs"),y=require("./scheduler-config-store-2a3b403d-e6f5bcab.cjs");require("react");require("react-dom");class f{constructor(e,t){this.nylasAuth=e,this.nylasAuthStore=t}async validateSession(){const e=await this.isAccessTokenValid();if(!e)this.logout();else{let t=await this.nylasAuth.getTokenInfo();if(t){const r=Math.floor(Date.now()/1e3);if(t.expires_in&&t.expires_in-r<3e5&&(o.debug("[NylasAuthConnectorMixin] Refreshing access token"),t=await this.nylasAuth.refreshAccessToken(),!t)){o.debug("[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out."),this.logout();return}this.nylasAuthStore.state.tokenInfo=t}}this.nylasAuthStore.state.isAuthenticated=e}async isAuthenticated(){return this.nylasAuth.isAuthenticated()}async getTokenInfo(){return this.nylasAuth.getTokenInfo()}async isAccessTokenValid(){return this.nylasAuth.isAccessTokenValid()}async logout(){await this.nylasAuth.logout()}async getHostedAuthRedirectURL(e,t,n){return this.nylasAuth.getHostedAuthRedirectURL(e,t,n)}async manageHostedAuthCodeExchange(e){const n=new URL(e).searchParams.get("code");if(n){const r=await this.nylasAuth.exchangeAuthCodeForTokenInfo(n);if(r)return this.nylasAuthStore.state.tokenInfo=r,this.nylasAuthStore.state.isAuthenticated=!0,r}return null}}class C{constructor(e,t,n,r,i,a="https://api.us.nylas.com"){this.router=e,this.schedulerAPIURL=a,this.nylasAuth=t,this.nylasAuthStore=n,this.nylasSchedulerStore=r,this.nylasSchedulerConfigStore=i}init(){o.debug("NylasConnector init")}get authStore(){return this.nylasAuthStore}get schedulerStore(){return this.nylasSchedulerStore}get schedulerConfigStore(){return this.nylasSchedulerConfigStore}get auth(){return this._authConnector?this._authConnector:(this._authConnector=new f(this.nylasAuth,this.nylasAuthStore),this._authConnector)}get scheduler(){return this._schedulerAPIConnector?this._schedulerAPIConnector:(this._schedulerAPIConnector=new d.NylaSchedulerAPIConnector({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore}),this._schedulerAPIConnector)}getAuth(){return this.nylasAuth}resetStores(){this.nylasAuthStore.reset()}async logout(){await this.nylasAuth.logout(),this.resetStores()}}class A extends Event{constructor(e,t){super(e,t),this.oldURL=t.oldURL,this.newURL=t.newURL}}class R{constructor(){this.routeChangeListeners=[],o.debug("HashRouter constructor")}destroy(){o.debug("HashRouter destroy"),window.removeEventListener("hashchange",this.onRouteChange.bind(this))}init(){if(o.debug("HashRouter init"),window.addEventListener("hashchange",this.onRouteChange.bind(this)),typeof HashChangeEvent<"u"){const e=new HashChangeEvent("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(e)}else{const e=new A("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(e)}}addRouteChangeListener(e,t){o.debug("HashRouter addRouteChangeListener"),this.routeChangeListeners.push([e,t])}navigate(e,t){if(o.debug("HashRouter navigate"),t)return window.history.pushState(null,"",`#${e}`);window.location.hash=e}setRoute(e){o.debug("HashRouter setRoute"),window.location.hash=e}matchRoute(e,t){const n=e.split("/"),r=t.split("/");if(o.debug(`HashRouter matchRoute route=${e} path=${t}`,{routeParts:n,pathParts:r}),n[1]===""&&r[0]==="")return!0;if(n.length!==r.length)return!1;for(let i=0;i<n.length;i++){const a=n[i],h=r[i];if(!a.startsWith(":")&&a!==h)return!1}return!0}getRouteParams(e){o.debug("HashRouter getRouteParams");const t={},n=e.split("/"),r=window.location.hash.split("/");return n.forEach((i,a)=>{if(i.startsWith(":")){const h=i.substring(1);t[h]=r[a]}}),t}getRouteWithParams(e,t){o.debug("HashRouter getRouteWithParams");let n=e;return Object.keys(t).forEach(r=>{n=n.replace(`:${r}`,t[r])}),n}getRoute(){return o.debug("HashRouter getRoute"),window.location.hash}onRouteChange(e){this.routeChangeListeners.forEach(async([t,n])=>{const r=e.newURL.indexOf("#")===-1?"":e.newURL.substring(e.newURL.indexOf("#")+1);if(o.debug(`HashRouter onRouteChange route=${t} path=${r}`,{event:e}),!this.matchRoute(t,r)){o.debug(`HashRouter onRouteChange route=${t} path=${r} does not match`);return}const i=this.getRouteParams(t);await n(t,r,i)})}getBasePath(){return o.debug("HashRouter getBasePath"),""}}function S(s={}){const e={isAuthenticated:!1,tokenInfo:null,state:"ready",...s},t=o.createStore(e);return t.reset=()=>{for(const n in e){const r=e[n];t.set(n,r)}},t}const b=":host{display:contents}",w=b,g=class{constructor(s){o.registerInstance(this,s),this.init=o.createEvent(this,"init",7),this.loggedIn=o.createEvent(this,"loggedIn",7),this.loggedOut=o.createEvent(this,"loggedOut",7),this.handleAuthChange=async e=>{e?this.loggedIn.emit(this.host):this.loggedOut.emit(this.host)},this.authConfig=void 0,this.eventOverrides={},this.automaticComponentRegistration=!0}connectedCallback(){o.debug("[nylas-provider] connectedCallback")}async componentWillLoad(){var i,a,h,u,c;o.debug("[nylas-provider] componentWillLoad"),this.stores={auth:S(),scheduler:d.CreateNylasSchedulerStore(),schedulerConfig:y.CreateNylasSchedulerConfigStore()},this.baseProvider=new l.NylasBaseProvider(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const s=new R;this.nylasAuth=l.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=(i=this.baseProvider)==null?void 0:i.getStore("auth");if(!e)throw new Error("The auth store is not set");const t=(a=this.baseProvider)==null?void 0:a.getStore("scheduler");if(!t)throw new Error("The scheduler store is not set");const n=(h=this.baseProvider)==null?void 0:h.getStore("schedulerConfig");if(!n)throw new Error("The scheduler config store is not set");this.nylasConnector=new C(s,this.nylasAuth,e,t,n),this.init.emit(this.host).defaultPrevented||await((u=this.nylasConnector)==null?void 0:u.auth.validateSession()),this.handleAuthChange(e.state.isAuthenticated),(c=this.baseProvider)==null||c.componentWillLoad(this.nylasConnector)}componentDidLoad(){var e,t;const s=(e=this.baseProvider)==null?void 0:e.getStore("auth");s==null||s.onChange("isAuthenticated",this.handleAuthChange),(t=this.baseProvider)==null||t.componentDidLoad()}componentDisconnected(){var s;(s=this.baseProvider)==null||s.componentDisconnected()}async registerComponentHandler(s){var e;(e=this.baseProvider)==null||e.registerComponent(s.detail)}async unregisterComponentHandler(s){var e;(e=this.baseProvider)==null||e.unregisterComponent(s.detail)}async getNylasAuth(){return this.nylasAuth}async getNylasConnector(){return this.nylasConnector}async getAuthStore(){var s;return(s=this.baseProvider)==null?void 0:s.getStore("auth")}async getNylasSchedulerStore(){var s;return(s=this.baseProvider)==null?void 0:s.getStore("scheduler")}async getNylasSchedulerConfigStore(){var s;return(s=this.baseProvider)==null?void 0:s.getStore("schedulerConfig")}render(){return o.h(o.Host,{key:"e4c9c9acb330cbbc466495c3153d54318b28d943"},o.h("slot",{key:"7a5b931d0ca83c251074eba2aeb4f243f131ae05"}))}get host(){return o.getElement(this)}};g.style=w;exports.nylas_provider=g;

package/dist/nylas-reminder-emails.entry-ec79b757.js

@@ -0,0 +1,168 @@
+import { r as y, c as p, d as t, h as n, H as _, g as h } from "./index-e475e0c0.js";
+import { R as g } from "./register-component-679c1308-de697ecb.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 .reminder-open-close-toggle{display:flex;gap:16px}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:hover,.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.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}', b = u;
+var f = function(e, r, i, a) {
+  var s = arguments.length, l = s < 3 ? r : a === null ? a = Object.getOwnPropertyDescriptor(r, i) : a, o;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    l = Reflect.decorate(e, r, i, a);
+  else
+    for (var d = e.length - 1; d >= 0; d--)
+      (o = e[d]) && (l = (s < 3 ? o(l) : s > 3 ? o(r, i, l) : o(r, i)) || l);
+  return s > 3 && l && Object.defineProperty(r, i, l), l;
+}, m = function(e, r) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, r);
+};
+const c = class {
+  constructor(e) {
+    var r, i, a;
+    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.selectedConfiguration = void 0, this.name = "reminder-overrides", this.reminders = ((i = (r = this.selectedConfiguration) == null ? void 0 : r.event_booking) == null ? void 0 : i.reminders) ?? [], this.reminderErrors = {}, this.participants = ((a = this.selectedConfiguration) == null ? void 0 : a.participants) ?? [];
+  }
+  connectedCallback() {
+    t("nylas-reminder-emails", "connectedCallback");
+  }
+  disconnectedCallback() {
+    t("nylas-reminder-emails", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    t("nylas-reminder-emails", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    t("nylas-reminder-emails", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : this.updateRemindersFormValue();
+  }
+  componentWillUpdate() {
+    t("nylas-reminder-emails", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    t("nylas-reminder-emails", "componentDidUpdate");
+  }
+  componentWillRender() {
+    t("nylas-reminder-emails", "componentWillRender");
+  }
+  componentDidRender() {
+    t("nylas-reminder-emails", "componentDidRender");
+  }
+  elementNameChangedHandler(e) {
+    t("nylas-reminder-emails", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var r;
+    t("nylas-reminder-emails", "selectedConfigurationChangedHandler", e), this.reminders = ((r = e == null ? void 0 : e.event_booking) == null ? void 0 : r.reminders) ?? [], this.participants = (e == null ? void 0 : e.participants) ?? [], this.updateRemindersFormValue();
+  }
+  handleValueChanged(e) {
+    t("nylas-reminder-emails", "handleValueChanged", e);
+    const { name: r, value: i } = e.detail;
+    if (r.startsWith("reminder-time-")) {
+      const [a, s] = r.split(/(\d+)/), l = [...this.reminders];
+      l[s].minutes_before_event = parseInt(i), this.reminders = [...l], this.updateRemindersFormValue();
+    }
+  }
+  handleNylasFormDropdownChanged(e) {
+    t("nylas-reminder-emails", "handleNylasFormDropdownChanged", e);
+    const { name: r, value: i } = e.detail;
+    if (!r.startsWith("recipient-"))
+      return;
+    const [a, s] = r.split(/(\d+)/), l = [...this.reminders];
+    l[s].recipient = i, this.reminders = [...l], this.updateRemindersFormValue();
+  }
+  addReminder() {
+    t("nylas-reminder-emails", "addReminder"), this.reminders = [
+      ...this.reminders,
+      {
+        type: "email",
+        minutes_before_event: 30,
+        editing: !0,
+        recipient: "all"
+      }
+    ], this.updateRemindersFormValue();
+  }
+  deleteReminder(e) {
+    this.reminders = this.reminders.filter((r, i) => i !== e).map((r) => ({ ...r })), this.updateRemindersFormValue();
+  }
+  updateRemindersFormValue() {
+    t("nylas-reminder-emails", "updateRemindersFormValue");
+    const e = this.reminders.map((r) => {
+      const i = { ...r };
+      return delete i.editing, i;
+    });
+    this.internals.setFormValue(JSON.stringify(e), "reminder-overrides"), this.valueChanged.emit({ value: JSON.stringify(e), 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 i;
+    const e = (i = this.participants.find((a) => a.is_organizer)) == null ? void 0 : i.name, r = [
+      {
+        label: "All host & guests",
+        value: "all"
+      },
+      {
+        label: "All event guests",
+        value: "guest"
+      },
+      {
+        label: "Only event host",
+        value: "host"
+      }
+    ];
+    return n(_, { key: "f1982a2fe4c71ae1345b184767d015ba34336f1f" }, n("div", { key: "02f612577517fcc9ca50e5278c8e4cf2492aa29e", class: "cards-container" }, this.reminders.map((a, s) => {
+      var l;
+      return 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")), a.editing ? n("div", { class: "reminder-open-close-toggle" }, n("button-component", { variant: "basic", class: "delete-btn", tooltip: "Delete reminder", key: `delete -${s} `, clickHandler: (o) => {
+        o.preventDefault(), this.deleteReminder(s);
+      } }, n("trash-icon", { width: "16", height: "16" })), n("span", { class: `chevron ${a.editing ? "open" : "closed"}`, onClick: () => {
+        a.editing = !a.editing, this.reminders = [...this.reminders];
+      } }, n("chevron-icon", { width: "24", height: "24" }))) : n("button-component", { variant: "basic", key: `edit-${s} `, clickHandler: (o) => {
+        o.preventDefault(), a.editing = !0, this.reminders = [...this.reminders];
+      } }, n("edit-icon", { width: "16", height: "16" }), "Edit")), a.editing ? 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, "Email recipients"), n("select-dropdown", { name: `recipient-${s}`, options: r, defaultSelectedOption: r.find((o) => o.value === a.recipient) ?? r[0], withSearch: !1 })), 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" }, "The recipients will receive a reminder email at the specified time before the event.")))), n("nylas-reminder-time", { name: `reminder-time-${s}`, eventReminderTimeMinutes: a.minutes_before_event, 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)), (l = r.find((o) => o.value === a.recipient)) == null ? void 0 : l.label), n("p", null, n("span", { class: "summary-icon" }, n("clock-icon", null)), this.formatReminderTime(a.minutes_before_event), " before the event")));
+    })), n("button-component", { key: "5f0c78b6e6caca06bb8b3c8346480f3cde3ee8f9", class: "create-reminder", variant: "basic", clickHandler: (a) => {
+      a.preventDefault(), this.addReminder();
+    } }, n("plus-icon", { key: "b72802d4c496bcdad8f26986b43a8d70828fae68", width: "16", height: "16" }), "New reminder"));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return h(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"]
+    };
+  }
+};
+f([
+  g({
+    name: "nylas-reminder-emails",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
+    eventToProps: {
+      valueChanged: async (e, r) => {
+        const { valueChanged: i } = e.detail;
+        i && i(e);
+      }
+    },
+    fireRegisterEvent: !0
+  }),
+  m("design:type", Function),
+  m("design:paramtypes", []),
+  m("design:returntype", void 0)
+], c.prototype, "render", null);
+c.style = b;
+export {
+  c as nylas_reminder_emails
+};

package/dist/nylas-reminder-emails.entry-ee76db24.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-6b9d4b01.cjs"),c=require("./register-component-679c1308-b5a96acf.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 .reminder-open-close-toggle{display:flex;gap:16px}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:hover,.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.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,r,i,a){var s=arguments.length,l=s<3?r:a===null?a=Object.getOwnPropertyDescriptor(r,i):a,t;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(n,r,i,a);else for(var o=n.length-1;o>=0;o--)(t=n[o])&&(l=(s<3?t(l):s>3?t(r,i,l):t(r,i))||l);return s>3&&l&&Object.defineProperty(r,i,l),l},d=function(n,r){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(n,r)};const m=class{constructor(n){var r,i,a;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.selectedConfiguration=void 0,this.name="reminder-overrides",this.reminders=((i=(r=this.selectedConfiguration)==null?void 0:r.event_booking)==null?void 0:i.reminders)??[],this.reminderErrors={},this.participants=((a=this.selectedConfiguration)==null?void 0:a.participants)??[]}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.selectedConfiguration?this.selectedConfigurationChangedHandler(this.selectedConfiguration):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)}selectedConfigurationChangedHandler(n){var r;e.debug("nylas-reminder-emails","selectedConfigurationChangedHandler",n),this.reminders=((r=n==null?void 0:n.event_booking)==null?void 0:r.reminders)??[],this.participants=(n==null?void 0:n.participants)??[],this.updateRemindersFormValue()}handleValueChanged(n){e.debug("nylas-reminder-emails","handleValueChanged",n);const{name:r,value:i}=n.detail;if(r.startsWith("reminder-time-")){const[a,s]=r.split(/(\d+)/),l=[...this.reminders];l[s].minutes_before_event=parseInt(i),this.reminders=[...l],this.updateRemindersFormValue()}}handleNylasFormDropdownChanged(n){e.debug("nylas-reminder-emails","handleNylasFormDropdownChanged",n);const{name:r,value:i}=n.detail;if(!r.startsWith("recipient-"))return;const[a,s]=r.split(/(\d+)/),l=[...this.reminders];l[s].recipient=i,this.reminders=[...l],this.updateRemindersFormValue()}addReminder(){e.debug("nylas-reminder-emails","addReminder"),this.reminders=[...this.reminders,{type:"email",minutes_before_event:30,editing:!0,recipient:"all"}],this.updateRemindersFormValue()}deleteReminder(n){this.reminders=this.reminders.filter((r,i)=>i!==n).map(r=>({...r})),this.updateRemindersFormValue()}updateRemindersFormValue(){e.debug("nylas-reminder-emails","updateRemindersFormValue");const n=this.reminders.map(r=>{const i={...r};return delete i.editing,i});this.internals.setFormValue(JSON.stringify(n),"reminder-overrides"),this.valueChanged.emit({value:JSON.stringify(n),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 i;const n=(i=this.participants.find(a=>a.is_organizer))==null?void 0:i.name,r=[{label:"All host & guests",value:"all"},{label:"All event guests",value:"guest"},{label:"Only event host",value:"host"}];return e.h(e.Host,{key:"f1982a2fe4c71ae1345b184767d015ba34336f1f"},e.h("div",{key:"02f612577517fcc9ca50e5278c8e4cf2492aa29e",class:"cards-container"},this.reminders.map((a,s)=>{var l;return 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")),a.editing?e.h("div",{class:"reminder-open-close-toggle"},e.h("button-component",{variant:"basic",class:"delete-btn",tooltip:"Delete reminder",key:`delete -${s} `,clickHandler:t=>{t.preventDefault(),this.deleteReminder(s)}},e.h("trash-icon",{width:"16",height:"16"})),e.h("span",{class:`chevron ${a.editing?"open":"closed"}`,onClick:()=>{a.editing=!a.editing,this.reminders=[...this.reminders]}},e.h("chevron-icon",{width:"24",height:"24"}))):e.h("button-component",{variant:"basic",key:`edit-${s} `,clickHandler:t=>{t.preventDefault(),a.editing=!0,this.reminders=[...this.reminders]}},e.h("edit-icon",{width:"16",height:"16"}),"Edit")),a.editing?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,"Email recipients"),e.h("select-dropdown",{name:`recipient-${s}`,options:r,defaultSelectedOption:r.find(t=>t.value===a.recipient)??r[0],withSearch:!1})),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"},"The recipients will receive a reminder email at the specified time before the event.")))),e.h("nylas-reminder-time",{name:`reminder-time-${s}`,eventReminderTimeMinutes:a.minutes_before_event,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)),(l=r.find(t=>t.value===a.recipient))==null?void 0:l.label),e.h("p",null,e.h("span",{class:"summary-icon"},e.h("clock-icon",null)),this.formatReminderTime(a.minutes_before_event)," before the event")))})),e.h("button-component",{key:"5f0c78b6e6caca06bb8b3c8346480f3cde3ee8f9",class:"create-reminder",variant:"basic",clickHandler:a=>{a.preventDefault(),this.addReminder()}},e.h("plus-icon",{key:"b72802d4c496bcdad8f26986b43a8d70828fae68",width:"16",height:"16"}),"New reminder"))}static get formAssociated(){return!0}get host(){return e.getElement(this)}static get watchers(){return{name:["elementNameChangedHandler"],selectedConfiguration:["selectedConfigurationChangedHandler"]}}};h([c.RegisterComponent({name:"nylas-reminder-emails",stateToProps:new Map([["schedulerConfig.selectedConfiguration","selectedConfiguration"]]),eventToProps:{valueChanged:async(n,r)=>{const{valueChanged:i}=n.detail;i&&i(n)}},fireRegisterEvent:!0}),d("design:type",Function),d("design:paramtypes",[]),d("design:returntype",void 0)],m.prototype,"render",null);m.style=p;exports.nylas_reminder_emails=m;