@nylas/web-elements 1.1.0-canary.7 → 1.1.0-canary.9

package/dist/nylas-web-elements/{p-7c55dfa0.entry.js → p-78e7f732.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as n,H as s,a as e}from"./p-68c2fadf.js";import{R as o}from"./p-eaa9151b.js";import{a}from"./p-41dc0d93.js";import"./p-cb65c223.js";const r=":host{display:contents}.container{height:var(--container-height, 100dvh);overflow-y:var(--container-overflow-y, auto)}.pagination{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;font-size:0.875rem;font-weight:600;color:var(--nylas-color-primary-600)}.pagination sp-button svg{animation:rotate 1s linear infinite}sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}sp-button chevron-icon svg{width:15px;height:15px}.next chevron-icon{transform:rotate(180deg)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";const l=r;var c=undefined&&undefined.__decorate||function(t,i,n,s){var e=arguments.length,o=e<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,n):s,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(t,i,n,s);else for(var r=t.length-1;r>=0;r--)if(a=t[r])o=(e<3?a(o):e>3?a(i,n,o):a(i,n))||o;return e>3&&o&&Object.defineProperty(i,n,o),o};var h=undefined&&undefined.__metadata||function(t,i){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,i)};const d=class{constructor(n){t(this,n);this.next=i(this,"next",7);this.previous=i(this,"previous",7);this.state="ready";this.hasNextPage=false;this.hasPreviousPage=false;this.scrollTarget="container";this.mobileOnlyInfiniteScroll=true;this.mobileViewPortWidth=768;a(`[nylas-pagination] Constructed`);this.isScrollAtContainerBottom=this.isScrollAtContainerBottom.bind(this);this.isScrollAtPageBottom=this.isScrollAtPageBottom.bind(this);this.nextPage=this.nextPage.bind(this);this.previousPage=this.previousPage.bind(this);this.handlePageScroll=this.handlePageScroll.bind(this);this.handleContainerScroll=this.handleContainerScroll.bind(this)}connectedCallback(){a(`[nylas-pagination] Component connected`)}async componentWillLoad(){a(`[nylas-pagination] Component will load`)}async componentDidLoad(){a(`[nylas-pagination] Component did load`);if(this.containerElement){this.containerElement.addEventListener("scroll",this.handleContainerScroll)}}async componentWillRender(){a(`[nylas-pagination] Component will render`)}disconnectedCallback(){a(`[nylas-pagination] Component disconnected`);if(this.containerElement){this.containerElement.removeEventListener("scroll",this.handleContainerScroll)}}handlePageScroll(t){if(this.isScrollAtPageBottom()&&this.canScroll&&this.scrollTarget==="page"){this.nextPage()}}async nextPage(){const t=this.host.children.length>0;this.next.emit({hasChildren:t})}async previousPage(){const t=this.host.children.length>0;this.previous.emit({hasChildren:t})}handleContainerScroll(t){if(this.isScrollAtContainerBottom()&&this.canScroll&&this.scrollTarget==="container"){this.nextPage()}}isScrollAtContainerBottom(){if(!this.containerElement){return false}return this.containerElement&&this.containerElement.scrollTop+this.containerElement.clientHeight>=this.containerElement.scrollHeight}isScrollAtPageBottom(){return window.innerHeight+window.scrollY>=document.body.offsetHeight}get canScroll(){const t=this.host.children.length>0;return this.state==="ready"&&t&&(!this.mobileOnlyInfiniteScroll||window.innerWidth<this.mobileViewPortWidth)}render(){const t=this.host.children.length>0;if(t){return n(s,null,n("div",{class:"container",ref:t=>this.containerElement=t},n("slot",null),this.canScroll&&n("div",{class:"pagination"},n("sp-theme",{scale:"medium",color:"dark"},this.state==="ready"&&this.hasNextPage&&n("sp-button",{onClick:this.nextPage},n("div",{slot:"icon"},n("refresh-icon",{class:"refres-icon"}))," ","Load more...")))))}return n(s,null,n("sp-theme",{scale:"medium",color:"dark"},this.hasPreviousPage&&n("sp-button",{class:"previous",parr:"previous",onClick:this.previousPage},n("div",{slot:"icon"},n("chevron-icon",{class:"previous-icon"}))," ","Previous"),this.hasPreviousPage&&this.hasNextPage&&" ",this.hasNextPage&&n("sp-button",{class:"next",parr:"next",onClick:this.nextPage},n("div",{slot:"icon"},n("chevron-icon",{class:"next-icon"}))," ","Next")))}get host(){return e(this)}};c([o({name:"nylas-pagination",stateToProps:new Map([["mailbox.hasNextThreadPage","hasNextPage"],["mailbox.hasPreviousThreadPage","hasPreviousPage"],["mailbox.state","state"]]),eventToProps:{next:async(t,i)=>{a(`[nylas-pagination] Next page event fired`);const{hasChildren:n}=t.detail;await i.threads.nextThreadPage(n?"append":"overwrite",!n)},previous:async(t,i)=>{a(`[nylas-pagination] Previous page event fired`);const{hasChildren:n}=t.detail;await i.threads.previousThreadPage(n?"append":"overwrite",!n)}},fireRegisterEvent:true}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],d.prototype,"render",null);d.style=l;export{d as nylas_mailbox_pagination};
-//# sourceMappingURL=p-7c55dfa0.entry.js.map
+import{r as t,c as i,h as n,H as e,a as s}from"./p-68c2fadf.js";import{R as o}from"./p-8b53becf.js";import{a}from"./p-01e86103.js";import"./p-cb65c223.js";const r=":host{display:contents}.container{height:var(--container-height, 100dvh);overflow-y:var(--container-overflow-y, auto)}.pagination{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0;list-style:none;font-size:0.875rem;font-weight:600;color:var(--nylas-color-primary-600)}.pagination sp-button svg{animation:rotate 1s linear infinite}sp-button{border-radius:var(--nylas-border-radius);background-color:var(--nylas-color-primary-400);color:var(--nylas-color-primary-900);fill:var(--nylas-color-primary-900)}sp-button:hover{background-color:var(--nylas-color-primary-500)}sp-button:disabled{background-color:var(--nylas-color-primary-200);color:var(--nylas-color-primary-600);cursor:not-allowed}sp-button chevron-icon svg{width:15px;height:15px}.next chevron-icon{transform:rotate(180deg)}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";const l=r;var c=undefined&&undefined.__decorate||function(t,i,n,e){var s=arguments.length,o=s<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,n):e,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")o=Reflect.decorate(t,i,n,e);else for(var r=t.length-1;r>=0;r--)if(a=t[r])o=(s<3?a(o):s>3?a(i,n,o):a(i,n))||o;return s>3&&o&&Object.defineProperty(i,n,o),o};var h=undefined&&undefined.__metadata||function(t,i){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,i)};const d=class{constructor(n){t(this,n);this.next=i(this,"next",7);this.previous=i(this,"previous",7);this.state="ready";this.hasNextPage=false;this.hasPreviousPage=false;this.scrollTarget="container";this.mobileOnlyInfiniteScroll=true;this.mobileViewPortWidth=768;a(`[nylas-pagination] Constructed`);this.isScrollAtContainerBottom=this.isScrollAtContainerBottom.bind(this);this.isScrollAtPageBottom=this.isScrollAtPageBottom.bind(this);this.nextPage=this.nextPage.bind(this);this.previousPage=this.previousPage.bind(this);this.handlePageScroll=this.handlePageScroll.bind(this);this.handleContainerScroll=this.handleContainerScroll.bind(this)}connectedCallback(){a(`[nylas-pagination] Component connected`)}async componentWillLoad(){a(`[nylas-pagination] Component will load`)}async componentDidLoad(){a(`[nylas-pagination] Component did load`);if(this.containerElement){this.containerElement.addEventListener("scroll",this.handleContainerScroll)}}async componentWillRender(){a(`[nylas-pagination] Component will render`)}disconnectedCallback(){a(`[nylas-pagination] Component disconnected`);if(this.containerElement){this.containerElement.removeEventListener("scroll",this.handleContainerScroll)}}handlePageScroll(t){if(this.isScrollAtPageBottom()&&this.canScroll&&this.scrollTarget==="page"){this.nextPage()}}async nextPage(){const t=this.host.children.length>0;this.next.emit({hasChildren:t})}async previousPage(){const t=this.host.children.length>0;this.previous.emit({hasChildren:t})}handleContainerScroll(t){if(this.isScrollAtContainerBottom()&&this.canScroll&&this.scrollTarget==="container"){this.nextPage()}}isScrollAtContainerBottom(){if(!this.containerElement){return false}return this.containerElement&&this.containerElement.scrollTop+this.containerElement.clientHeight>=this.containerElement.scrollHeight}isScrollAtPageBottom(){return window.innerHeight+window.scrollY>=document.body.offsetHeight}get canScroll(){const t=this.host.children.length>0;return this.state==="ready"&&t&&(!this.mobileOnlyInfiniteScroll||window.innerWidth<this.mobileViewPortWidth)}render(){const t=this.host.children.length>0;if(t){return n(e,null,n("div",{class:"container",ref:t=>this.containerElement=t},n("slot",null),this.canScroll&&n("div",{class:"pagination"},n("sp-theme",{scale:"medium",color:"dark"},this.state==="ready"&&this.hasNextPage&&n("sp-button",{onClick:this.nextPage},n("div",{slot:"icon"},n("refresh-icon",{class:"refres-icon"}))," ","Load more...")))))}return n(e,null,n("sp-theme",{scale:"medium",color:"dark"},this.hasPreviousPage&&n("sp-button",{class:"previous",parr:"previous",onClick:this.previousPage},n("div",{slot:"icon"},n("chevron-icon",{class:"previous-icon"}))," ","Previous"),this.hasPreviousPage&&this.hasNextPage&&" ",this.hasNextPage&&n("sp-button",{class:"next",parr:"next",onClick:this.nextPage},n("div",{slot:"icon"},n("chevron-icon",{class:"next-icon"}))," ","Next")))}get host(){return s(this)}};c([o({name:"nylas-pagination",stateToProps:new Map([["mailbox.hasNextThreadPage","hasNextPage"],["mailbox.hasPreviousThreadPage","hasPreviousPage"],["mailbox.state","state"]]),eventToProps:{next:async(t,i)=>{a(`[nylas-pagination] Next page event fired`);const{hasChildren:n}=t.detail;await i.threads.nextThreadPage(n?"append":"overwrite",!n)},previous:async(t,i)=>{a(`[nylas-pagination] Previous page event fired`);const{hasChildren:n}=t.detail;await i.threads.previousThreadPage(n?"append":"overwrite",!n)}},fireRegisterEvent:true}),h("design:type",Function),h("design:paramtypes",[]),h("design:returntype",void 0)],d.prototype,"render",null);d.style=l;export{d as nylas_mailbox_pagination};
+//# sourceMappingURL=p-78e7f732.entry.js.map

package/dist/nylas-web-elements/{p-eaa9151b.js → p-8b53becf.js}

@@ -1,2 +1,2 @@
-import{a as e,e as t}from"./p-41dc0d93.js";import{a as n}from"./p-68c2fadf.js";function r(e,t,n="registerComponent"){return new CustomEvent(n,{bubbles:true,composed:true,detail:t})}function o(e,t,n="unregisterComponent"){return new CustomEvent(n,{bubbles:true,composed:true,detail:t})}function s(s){return(c,i)=>{const u=s.name;e(`[${u}] Registering component ${u} being called on ${i}`);const a=c.componentWillLoad;if(!a){t(`[${u}] componentWillLoad lifecycle method in ${u} missing. Required for RegisterComponent decorator.`);return}const l=c.connectedCallback;if(!l){t(`[${u}] connectedCallback lifecycle method in ${u} missing. Required for RegisterComponent decorator.`);return}const p=c.disconnectedCallback;if(!p){t(`[${u}] disconnectedCallback lifecycle method in ${u} missing. Required for RegisterComponent decorator.`);return}if(s.storeToProps&&s.stateToProps){const e=Array.from(s.storeToProps.values());const n=Array.from(s.stateToProps.values());const r=e.filter((e=>n.includes(e)));if(r.length>0){t(`[${u}] Overlapping prop keys detected in ${u} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${r.join(", ")}`);return}}const m=new Map;if(s.eventToProps){Object.keys(s.eventToProps).forEach((e=>{m.set(e,s.eventToProps?.[e])}))}c.connectedCallback=function(){e(`[~${u}] connectedCallback called`);const t=l?.call(this);const r=n(this);if(r.dataset.nylasId){return t}Object.defineProperty(r,"registerNylasComponent",{get(){return true},enumerable:true});Object.defineProperty(r,"stateToProps",{get(){return s.stateToProps},enumerable:true});Object.defineProperty(r,"getStoresToProp",{get(){return s.getStoresToProp},enumerable:true});Object.defineProperty(r,"storeToProps",{get(){return s.storeToProps},enumerable:true});Object.defineProperty(r,"eventToProps",{get(){return m},enumerable:true});Object.defineProperty(r,"authToProp",{get(){return s.authToProp},enumerable:true});Object.defineProperty(r,"connectorToProp",{get(){return s.connectorToProp},enumerable:true});Object.defineProperty(r,"localPropsToProp",{get(){return s.localPropsToProp},enumerable:true});return t};if(s.fireRegisterEvent){c.componentWillLoad=function(){const t=a?.call(this);const o=n(this);const i={element:o,...s,eventToProps:m};const l=r(c,i,s.registrationEventName);if(o.dispatchEvent(l)){e(`[${u}] Component ${u} successfully fired registration event`)}return t};c.disconnectedCallback=function(){const t=p?.call(this);const r=n(this);const i={element:r,...s,eventToProps:m};const a=o(c,i,s.unregistrationEventName);if(r.dispatchEvent(a)){e(`[${u}] Component ${u} successfully fired unregistration event`)}return t}}}}export{s as R};
-//# sourceMappingURL=p-eaa9151b.js.map
+import{a as e,e as t}from"./p-01e86103.js";import{a as n}from"./p-68c2fadf.js";function r(e,t,n="registerComponent"){return new CustomEvent(n,{bubbles:true,composed:true,detail:t})}function o(e,t,n="unregisterComponent"){return new CustomEvent(n,{bubbles:true,composed:true,detail:t})}function s(s){return(c,i)=>{const u=s.name;e(`[${u}] Registering component ${u} being called on ${i}`);const a=c.componentWillLoad;if(!a){t(`[${u}] componentWillLoad lifecycle method in ${u} missing. Required for RegisterComponent decorator.`);return}const l=c.connectedCallback;if(!l){t(`[${u}] connectedCallback lifecycle method in ${u} missing. Required for RegisterComponent decorator.`);return}const p=c.disconnectedCallback;if(!p){t(`[${u}] disconnectedCallback lifecycle method in ${u} missing. Required for RegisterComponent decorator.`);return}if(s.storeToProps&&s.stateToProps){const e=Array.from(s.storeToProps.values());const n=Array.from(s.stateToProps.values());const r=e.filter((e=>n.includes(e)));if(r.length>0){t(`[${u}] Overlapping prop keys detected in ${u} for storeToProps and stateToProps. Make sure to only define them once. Overlapping keys: ${r.join(", ")}`);return}}const m=new Map;if(s.eventToProps){Object.keys(s.eventToProps).forEach((e=>{m.set(e,s.eventToProps?.[e])}))}c.connectedCallback=function(){e(`[~${u}] connectedCallback called`);const t=l?.call(this);const r=n(this);if(r.dataset.nylasId){return t}Object.defineProperty(r,"registerNylasComponent",{get(){return true},enumerable:true});Object.defineProperty(r,"stateToProps",{get(){return s.stateToProps},enumerable:true});Object.defineProperty(r,"getStoresToProp",{get(){return s.getStoresToProp},enumerable:true});Object.defineProperty(r,"storeToProps",{get(){return s.storeToProps},enumerable:true});Object.defineProperty(r,"eventToProps",{get(){return m},enumerable:true});Object.defineProperty(r,"authToProp",{get(){return s.authToProp},enumerable:true});Object.defineProperty(r,"connectorToProp",{get(){return s.connectorToProp},enumerable:true});Object.defineProperty(r,"localPropsToProp",{get(){return s.localPropsToProp},enumerable:true});return t};if(s.fireRegisterEvent){c.componentWillLoad=function(){const t=a?.call(this);const o=n(this);const i={element:o,...s,eventToProps:m};const l=r(c,i,s.registrationEventName);if(o.dispatchEvent(l)){e(`[${u}] Component ${u} successfully fired registration event`)}return t};c.disconnectedCallback=function(){const t=p?.call(this);const r=n(this);const i={element:r,...s,eventToProps:m};const a=o(c,i,s.unregistrationEventName);if(r.dispatchEvent(a)){e(`[${u}] Component ${u} successfully fired unregistration event`)}return t}}}}export{s as R};
+//# sourceMappingURL=p-8b53becf.js.map

package/dist/nylas-web-elements/{p-e22aa0b0.js → p-8f88a748.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./p-41dc0d93.js";import{X as e,Z as s}from"./p-9ea458c3.js";import{c as r}from"./p-cabb2e68.js";class a{constructor(t,e){this.nylasAuth=t;this.nylasAuthStore=e}async validateSession(){const e=await this.isAccessTokenValid();if(!e){this.logout()}else{let e=await this.nylasAuth.getTokenInfo();if(e){const s=5*60*1e3;const r=Math.floor(Date.now()/1e3);if(e.expires_in&&e.expires_in-r<s){t("[NylasAuthConnectorMixin] Refreshing access token");e=await this.nylasAuth.refreshAccessToken();if(!e){t("[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out.");this.logout();return}}this.nylasAuthStore.state.tokenInfo=e}}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(t,e,s){return this.nylasAuth.getHostedAuthRedirectURL(t,e,s)}async manageHostedAuthCodeExchange(t){const e=new URL(t);const s=e.searchParams.get("code");if(s){const t=await this.nylasAuth.exchangeAuthCodeForTokenInfo(s);if(t){this.nylasAuthStore.state.tokenInfo=t;this.nylasAuthStore.state.isAuthenticated=true;return t}}return null}}class n{constructor(t,e,s){this.nylasAuth=t;this.nylasAuthStore=e;this.nylasMailboxStore=s}async getMessages(){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}this.nylasMailboxStore.state.state="loading";const t=this.nylasMailboxStore.state.messgeQueryParams;const r=new URLSearchParams;for(const e in t){const s=t[e]?.toString();if(s){r.append(e,s)}}const a=`/v3/grants/me/messages?${r.toString()}`;const n=await this.nylasAuth.nylasAPIRequest(a);if(e(n)){throw new s(n.error)}const i=n.data;this.nylasMailboxStore.state.messages=i;this.nylasMailboxStore.state.state="ready";return i}async getThreadMessages(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}const r=await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/messages?thread_id=${t}&fields=include_headers`);if(e(r)){throw new s(r.error)}const a=r.data;this.nylasMailboxStore.state.messages=a;return a}downloadMessageAttachments(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}const e=[];const s=t.attachments||[];for(const r of s){const s=this.nylasAuth.nylasDownloadFileRequest(`/v3/grants/me/attachments/${r.id}?message_id=${t.id}`);e.push(s)}return e}async summarizeText(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}const r=await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/mailbox/summarize`,"POST",{message:{body:t}},true,this.nylasAuth.config.elementsApiUri);if(e(r)){throw new s(r.error)}return r.data.summary}async textToSpeech(t,e){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}return this.nylasAuth.nylasAPIRequest(`/v3/grants/me/mailbox/tts`,"POST",{text:t},false,this.nylasAuth.config.elementsApiUri,{...e?{signal:e?.signal}:{}})}}class i{constructor(t,e,s,r){this.nylasAuth=t;this.nylasAuthStore=e;this.nylasMailboxStore=s;this.router=r}async getThreads(t,r="overwrite",a=true){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing thread:read-only scope")}if(a){this.nylasMailboxStore.state.state="loading"}const n=t||this.nylasMailboxStore.state.threadsQueryParams;const i=new URLSearchParams;for(const t in n){const e=n[t]?.toString();if(typeof e!=="undefined"&&e!==null){i.append(t,e)}}if(n.search_query_native){this.router.navigate(`/?query=${n.search_query_native}`,true)}else if(this.nylasMailboxStore.state.threadsQueryParams.search_query_native&&!n.search_query_native){this.router.navigate("/",true)}if(!n.page_token){this.nylasMailboxStore.state.previousThreadPageTokens=[]}this.nylasMailboxStore.state.threadsQueryParams=n;const o=`/v3/grants/me/threads?${i.toString()}`;const h=await this.nylasAuth.nylasAPIRequest(o);if(e(h)){throw new s(h.error)}const c=h.data;switch(r){case"prepend":this.nylasMailboxStore.state.threads=[...c,...this.nylasMailboxStore.state.threads];break;case"append":this.nylasMailboxStore.state.threads=[...this.nylasMailboxStore.state.threads,...c];break;case"overwrite":default:this.nylasMailboxStore.state.threads=c;break}if(h.next_cursor){this.nylasMailboxStore.state.nextThreadPageToken=h.next_cursor}else{this.nylasMailboxStore.state.nextThreadPageToken=null}if(a){this.nylasMailboxStore.state.state="ready"}return c}async getThread(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing thread:read-only scope")}const r=this.nylasMailboxStore.state.threads.find((e=>e.id===t));if(r){return r}this.nylasMailboxStore.state.state="loading";const a=`/v3/grants/me/threads/${t}`;const n=await this.nylasAuth.nylasAPIRequest(a);if(e(n)){throw new s(n.error)}const i=n.data;this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map((t=>{if(t.id===i.id){return i}return t}));this.nylasMailboxStore.state.state="ready";return i}async nextThreadPage(t="overwrite",e=true){if(!this.nylasMailboxStore.state.nextThreadPageToken){throw new Error("No next page token")}this.nylasMailboxStore.state.previousThreadPageTokens=Array.from(new Set([...this.nylasMailboxStore.state.previousThreadPageTokens,this.nylasMailboxStore.state.threadsQueryParams.page_token??null]));const s=this.nylasMailboxStore.state.nextThreadPageToken;return this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:s},t,e)}async previousThreadPage(t="overwrite",e=true){if(!this.nylasMailboxStore.state.previousThreadPageTokens.length){throw new Error("No previous page token")}const s=[...this.nylasMailboxStore.state.previousThreadPageTokens];const r=s.pop();this.nylasMailboxStore.state.previousThreadPageTokens=s;return this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:r??undefined},t,e)}updateThreadQueryParams(t){this.nylasMailboxStore.state.threadsQueryParams={...this.nylasMailboxStore.state.threadsQueryParams,...t}}back(){this.router.navigate("/",true);this.nylasMailboxStore.state.selectedThread=null}unSelectThread(){this.nylasMailboxStore.state.selectedThread=null}async selectThread(e){this.router.navigate(`/thread/${e.id}`,true);this.nylasMailboxStore.state.selectedThread=e;if(e.unread){this.markThreadAsRead(e).catch((e=>{t("Error marking thread as read",e)}))}}async markThreadAsRead(t){return this.updateThread(t,{unread:false})}async updateThread(t,r){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email","modify")){throw new Error("Missing thread:modify scope")}const a=`/v3/grants/me/threads/${t.id}`;const n=await this.nylasAuth.nylasAPIRequest(a,"PUT",r);if(e(n)){throw new s(n.error)}const i=n.data;this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map((t=>{if(t.id===i.id){return i}return t}));this.nylasMailboxStore.state.selectedThread=i;return i}}class o{constructor(t,e,s){this.nylasAuth=t;this.nylasAuthStore=e;this.nylasMailboxStore=s}async getFolders(){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing thread:read-only scope")}this.nylasMailboxStore.state.state="loading";const t=`/v3/grants/me/folders`;const r=await this.nylasAuth.nylasAPIRequest(t);if(e(r)){throw new s(r.error)}const a=r.data;this.nylasMailboxStore.state.folders=a;this.nylasMailboxStore.state.state="ready";return a}async selectFolder(t){this.nylasMailboxStore.state.threadsQueryParams={in:t.id,...this.nylasMailboxStore.state.threadsQueryParams||{}}}}class h extends Event{constructor(t,e){super(t,e);this.oldURL=e.oldURL;this.newURL=e.newURL}}class c{constructor(){this.routeChangeListeners=[];t("HashRouter constructor")}destroy(){t("HashRouter destroy");window.removeEventListener("hashchange",this.onRouteChange.bind(this))}init(){t("HashRouter init");window.addEventListener("hashchange",this.onRouteChange.bind(this));if(typeof HashChangeEvent!=="undefined"){const t=new HashChangeEvent("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}else{const t=new h("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}}addRouteChangeListener(e,s){t("HashRouter addRouteChangeListener");this.routeChangeListeners.push([e,s])}navigate(e,s){t("HashRouter navigate");if(s){return window.history.pushState(null,"",`#${e}`)}window.location.hash=e}setRoute(e){t("HashRouter setRoute");window.location.hash=e}matchRoute(e,s){const r=e.split("/");const a=s.split("/");t(`HashRouter matchRoute route=${e} path=${s}`,{routeParts:r,pathParts:a});if(r[1]===""&&a[0]===""){return true}if(r.length!==a.length){return false}for(let t=0;t<r.length;t++){const e=r[t];const s=a[t];if(e.startsWith(":")){continue}if(e!==s){return false}}return true}getRouteParams(e){t("HashRouter getRouteParams");const s={};const r=e.split("/");const a=window.location.hash.split("/");r.forEach(((t,e)=>{if(t.startsWith(":")){const r=t.substring(1);s[r]=a[e]}}));return s}getRouteWithParams(e,s){t("HashRouter getRouteWithParams");let r=e;Object.keys(s).forEach((t=>{r=r.replace(`:${t}`,s[t])}));return r}getRoute(){t("HashRouter getRoute");return window.location.hash}onRouteChange(e){this.routeChangeListeners.forEach((async([s,r])=>{const a=e.newURL.indexOf("#")===-1?"":e.newURL.substring(e.newURL.indexOf("#")+1);t(`HashRouter onRouteChange route=${s} path=${a}`,{event:e});if(!this.matchRoute(s,a)){t(`HashRouter onRouteChange route=${s} path=${a} does not match`);return}const n=this.getRouteParams(s);await r(s,a,n)}))}getBasePath(){t("HashRouter getBasePath");return""}}function d(t={}){const e={isAuthenticated:false,tokenInfo:null,state:"ready",...t};const s=r(e);s.reset=()=>{for(const t in e){const r=e[t];s.set(t,r)}};return s}function u(t={}){const e={state:"ready",messages:[],threads:[],folders:[],selectedThread:null,nextThreadPageToken:null,previousThreadPageTokens:[],searchQuery:"",hasNextThreadPage:false,hasPreviousThreadPage:false,selectedFolder:"inbox",threadsQueryParams:{in:"inbox"},messgeQueryParams:{fields:"include_headers"},...t};const s=r({...e});s.onChange("nextThreadPageToken",(t=>{s.set("hasNextThreadPage",t!==null)}));s.onChange("previousThreadPageTokens",(t=>{s.set("hasPreviousThreadPage",t.length>0)}));s.onChange("threadsQueryParams",(t=>{s.set("selectedFolder",t.in||"inbox");s.set("searchQuery",t.search_query_native||"")}));s.reset=()=>{for(const t in e){const r=e[t];s.set(t,r)}};return s}export{d as C,c as H,a as N,i as a,n as b,o as c,u as d};
-//# sourceMappingURL=p-e22aa0b0.js.map
+import{a as t}from"./p-01e86103.js";import{X as e,Z as s}from"./p-39aa2263.js";import{c as r}from"./p-cabb2e68.js";class a{constructor(t,e){this.nylasAuth=t;this.nylasAuthStore=e}async validateSession(){const e=await this.isAccessTokenValid();if(!e){this.logout()}else{let e=await this.nylasAuth.getTokenInfo();if(e){const s=5*60*1e3;const r=Math.floor(Date.now()/1e3);if(e.expires_in&&e.expires_in-r<s){t("[NylasAuthConnectorMixin] Refreshing access token");e=await this.nylasAuth.refreshAccessToken();if(!e){t("[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out.");this.logout();return}}this.nylasAuthStore.state.tokenInfo=e}}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(t,e,s){return this.nylasAuth.getHostedAuthRedirectURL(t,e,s)}async manageHostedAuthCodeExchange(t){const e=new URL(t);const s=e.searchParams.get("code");if(s){const t=await this.nylasAuth.exchangeAuthCodeForTokenInfo(s);if(t){this.nylasAuthStore.state.tokenInfo=t;this.nylasAuthStore.state.isAuthenticated=true;return t}}return null}}class n{constructor(t,e,s){this.nylasAuth=t;this.nylasAuthStore=e;this.nylasMailboxStore=s}async getMessages(){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}this.nylasMailboxStore.state.state="loading";const t=this.nylasMailboxStore.state.messgeQueryParams;const r=new URLSearchParams;for(const e in t){const s=t[e]?.toString();if(s){r.append(e,s)}}const a=`/v3/grants/me/messages?${r.toString()}`;const n=await this.nylasAuth.nylasAPIRequest(a);if(e(n)){throw new s(n.error)}const i=n.data;this.nylasMailboxStore.state.messages=i;this.nylasMailboxStore.state.state="ready";return i}async getThreadMessages(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}const r=await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/messages?thread_id=${t}&fields=include_headers`);if(e(r)){throw new s(r.error)}const a=r.data;this.nylasMailboxStore.state.messages=a;return a}downloadMessageAttachments(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}const e=[];const s=t.attachments||[];for(const r of s){const s=this.nylasAuth.nylasDownloadFileRequest(`/v3/grants/me/attachments/${r.id}?message_id=${t.id}`);e.push(s)}return e}async summarizeText(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}const r=await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/mailbox/summarize`,"POST",{message:{body:t}},true,this.nylasAuth.config.elementsApiUri);if(e(r)){throw new s(r.error)}return r.data.summary}async textToSpeech(t,e){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing message:read-only scope")}return this.nylasAuth.nylasAPIRequest(`/v3/grants/me/mailbox/tts`,"POST",{text:t},false,this.nylasAuth.config.elementsApiUri,{...e?{signal:e?.signal}:{}})}}class i{constructor(t,e,s,r){this.nylasAuth=t;this.nylasAuthStore=e;this.nylasMailboxStore=s;this.router=r}async getThreads(t,r="overwrite",a=true){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing thread:read-only scope")}if(a){this.nylasMailboxStore.state.state="loading"}const n=t||this.nylasMailboxStore.state.threadsQueryParams;const i=new URLSearchParams;for(const t in n){const e=n[t]?.toString();if(typeof e!=="undefined"&&e!==null){i.append(t,e)}}if(n.search_query_native){this.router.navigate(`/?query=${n.search_query_native}`,true)}else if(this.nylasMailboxStore.state.threadsQueryParams.search_query_native&&!n.search_query_native){this.router.navigate("/",true)}if(!n.page_token){this.nylasMailboxStore.state.previousThreadPageTokens=[]}this.nylasMailboxStore.state.threadsQueryParams=n;const o=`/v3/grants/me/threads?${i.toString()}`;const h=await this.nylasAuth.nylasAPIRequest(o);if(e(h)){throw new s(h.error)}const c=h.data;switch(r){case"prepend":this.nylasMailboxStore.state.threads=[...c,...this.nylasMailboxStore.state.threads];break;case"append":this.nylasMailboxStore.state.threads=[...this.nylasMailboxStore.state.threads,...c];break;case"overwrite":default:this.nylasMailboxStore.state.threads=c;break}if(h.next_cursor){this.nylasMailboxStore.state.nextThreadPageToken=h.next_cursor}else{this.nylasMailboxStore.state.nextThreadPageToken=null}if(a){this.nylasMailboxStore.state.state="ready"}return c}async getThread(t){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing thread:read-only scope")}const r=this.nylasMailboxStore.state.threads.find((e=>e.id===t));if(r){return r}this.nylasMailboxStore.state.state="loading";const a=`/v3/grants/me/threads/${t}`;const n=await this.nylasAuth.nylasAPIRequest(a);if(e(n)){throw new s(n.error)}const i=n.data;this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map((t=>{if(t.id===i.id){return i}return t}));this.nylasMailboxStore.state.state="ready";return i}async nextThreadPage(t="overwrite",e=true){if(!this.nylasMailboxStore.state.nextThreadPageToken){throw new Error("No next page token")}this.nylasMailboxStore.state.previousThreadPageTokens=Array.from(new Set([...this.nylasMailboxStore.state.previousThreadPageTokens,this.nylasMailboxStore.state.threadsQueryParams.page_token??null]));const s=this.nylasMailboxStore.state.nextThreadPageToken;return this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:s},t,e)}async previousThreadPage(t="overwrite",e=true){if(!this.nylasMailboxStore.state.previousThreadPageTokens.length){throw new Error("No previous page token")}const s=[...this.nylasMailboxStore.state.previousThreadPageTokens];const r=s.pop();this.nylasMailboxStore.state.previousThreadPageTokens=s;return this.getThreads({...this.nylasMailboxStore.state.threadsQueryParams,page_token:r??undefined},t,e)}updateThreadQueryParams(t){this.nylasMailboxStore.state.threadsQueryParams={...this.nylasMailboxStore.state.threadsQueryParams,...t}}back(){this.router.navigate("/",true);this.nylasMailboxStore.state.selectedThread=null}unSelectThread(){this.nylasMailboxStore.state.selectedThread=null}async selectThread(e){this.router.navigate(`/thread/${e.id}`,true);this.nylasMailboxStore.state.selectedThread=e;if(e.unread){this.markThreadAsRead(e).catch((e=>{t("Error marking thread as read",e)}))}}async markThreadAsRead(t){return this.updateThread(t,{unread:false})}async updateThread(t,r){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email","modify")){throw new Error("Missing thread:modify scope")}const a=`/v3/grants/me/threads/${t.id}`;const n=await this.nylasAuth.nylasAPIRequest(a,"PUT",r);if(e(n)){throw new s(n.error)}const i=n.data;this.nylasMailboxStore.state.threads=this.nylasMailboxStore.state.threads.map((t=>{if(t.id===i.id){return i}return t}));this.nylasMailboxStore.state.selectedThread=i;return i}}class o{constructor(t,e,s){this.nylasAuth=t;this.nylasAuthStore=e;this.nylasMailboxStore=s}async getFolders(){if(!this.nylasAuthStore.state.isAuthenticated){throw new Error("Not authenticated")}if(!this.nylasAuth.hasScopeByType("email",["read-only","modify"])){throw new Error("Missing thread:read-only scope")}this.nylasMailboxStore.state.state="loading";const t=`/v3/grants/me/folders`;const r=await this.nylasAuth.nylasAPIRequest(t);if(e(r)){throw new s(r.error)}const a=r.data;this.nylasMailboxStore.state.folders=a;this.nylasMailboxStore.state.state="ready";return a}async selectFolder(t){this.nylasMailboxStore.state.threadsQueryParams={in:t.id,...this.nylasMailboxStore.state.threadsQueryParams||{}}}}class h extends Event{constructor(t,e){super(t,e);this.oldURL=e.oldURL;this.newURL=e.newURL}}class c{constructor(){this.routeChangeListeners=[];t("HashRouter constructor")}destroy(){t("HashRouter destroy");window.removeEventListener("hashchange",this.onRouteChange.bind(this))}init(){t("HashRouter init");window.addEventListener("hashchange",this.onRouteChange.bind(this));if(typeof HashChangeEvent!=="undefined"){const t=new HashChangeEvent("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}else{const t=new h("hashchange",{oldURL:"",newURL:window.location.href});this.onRouteChange(t)}}addRouteChangeListener(e,s){t("HashRouter addRouteChangeListener");this.routeChangeListeners.push([e,s])}navigate(e,s){t("HashRouter navigate");if(s){return window.history.pushState(null,"",`#${e}`)}window.location.hash=e}setRoute(e){t("HashRouter setRoute");window.location.hash=e}matchRoute(e,s){const r=e.split("/");const a=s.split("/");t(`HashRouter matchRoute route=${e} path=${s}`,{routeParts:r,pathParts:a});if(r[1]===""&&a[0]===""){return true}if(r.length!==a.length){return false}for(let t=0;t<r.length;t++){const e=r[t];const s=a[t];if(e.startsWith(":")){continue}if(e!==s){return false}}return true}getRouteParams(e){t("HashRouter getRouteParams");const s={};const r=e.split("/");const a=window.location.hash.split("/");r.forEach(((t,e)=>{if(t.startsWith(":")){const r=t.substring(1);s[r]=a[e]}}));return s}getRouteWithParams(e,s){t("HashRouter getRouteWithParams");let r=e;Object.keys(s).forEach((t=>{r=r.replace(`:${t}`,s[t])}));return r}getRoute(){t("HashRouter getRoute");return window.location.hash}onRouteChange(e){this.routeChangeListeners.forEach((async([s,r])=>{const a=e.newURL.indexOf("#")===-1?"":e.newURL.substring(e.newURL.indexOf("#")+1);t(`HashRouter onRouteChange route=${s} path=${a}`,{event:e});if(!this.matchRoute(s,a)){t(`HashRouter onRouteChange route=${s} path=${a} does not match`);return}const n=this.getRouteParams(s);await r(s,a,n)}))}getBasePath(){t("HashRouter getBasePath");return""}}function d(t={}){const e={isAuthenticated:false,tokenInfo:null,state:"ready",...t};const s=r(e);s.reset=()=>{for(const t in e){const r=e[t];s.set(t,r)}};return s}function u(t={}){const e={state:"ready",messages:[],threads:[],folders:[],selectedThread:null,nextThreadPageToken:null,previousThreadPageTokens:[],searchQuery:"",hasNextThreadPage:false,hasPreviousThreadPage:false,selectedFolder:"inbox",threadsQueryParams:{in:"inbox"},messgeQueryParams:{fields:"include_headers"},...t};const s=r({...e});s.onChange("nextThreadPageToken",(t=>{s.set("hasNextThreadPage",t!==null)}));s.onChange("previousThreadPageTokens",(t=>{s.set("hasPreviousThreadPage",t.length>0)}));s.onChange("threadsQueryParams",(t=>{s.set("selectedFolder",t.in||"inbox");s.set("searchQuery",t.search_query_native||"")}));s.reset=()=>{for(const t in e){const r=e[t];s.set(t,r)}};return s}export{d as C,c as H,a as N,i as a,n as b,o as c,u as d};
+//# sourceMappingURL=p-8f88a748.js.map

package/dist/nylas-web-elements/p-8ffc644d.entry.js

@@ -0,0 +1,2 @@
+import{h as e,F as t,r as n,c as s,H as i,a}from"./p-68c2fadf.js";import{N as o,n as r}from"./p-39aa2263.js";import{a as l,h as d}from"./p-01e86103.js";import{N as c,C as h,E as p}from"./p-ab09a78d.js";import"./p-cb65c223.js";import"./p-cabb2e68.js";class u{constructor({schedulerAPIURL:e,nylasSchedulerStore:t,sessionId:n,configId:s}){if(!e){throw new Error("schedulerAPIURL is required")}if(!t){throw new Error("nylasSchedulerStore is required")}if(!n&&!s){throw new Error("sessionId is required for private configs, if not config id is required for public configs")}if(e==="/"){const t=new URL(window.location.href);e=t.origin}this.configId=s;this.sessionId=n;this.schedulerAPIURL=e;this.nylasSchedulerStore=t}init(){l("NylasConnector init")}get schedulerStore(){return this.nylasSchedulerStore}get scheduler(){if(this._schedulerAPIConnector){return this._schedulerAPIConnector}this._schedulerAPIConnector=new c({schedulerAPIURL:this.schedulerAPIURL,schedulerStore:this.schedulerStore,sessionId:this.sessionId,configId:this.configId});return this._schedulerAPIConnector}resetStores(){this.nylasSchedulerStore.reset()}}const g=(n,s)=>{const i=n.isLoading;const a=n.showNotification;const o=n.nylasBranding;return e(t,null,a&&e("nylas-notification",null),i&&e("div",{class:"loading"},e("div",{class:"left"},e("div",{class:"skeleton"})),e("div",{class:"right"},e("div",{class:"skeleton"}),e("div",{class:"skeleton"}),e("div",{class:"skeleton"}),e("div",{class:"skeleton"}),e("div",{class:"skeleton"}))),!i&&s,e("div",{class:"footer"},o&&e(t,null,"Powered by ",e("nylas-logo",null))))};const f=(t,n)=>e("div",{class:"message-banner"},n);const b=':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;--nylas-font-family:"Inter", sans-serif;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:"slnt" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin-top:1rem}.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;background:var(--nylas-base-50)}@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-top-left-radius:inherit;background:var(--nylas-base-0)}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{padding:0.5rem 4px 0}}.border{margin-left:-20px;margin-right:-20px;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:16px;border-left: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;height:auto}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;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:250px}}.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-200);min-height:24px}.footer svg{fill:var(--nylas-base-500)}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}';const m=b;const y={title:"Something went wrong...",type:r.Error,category:p.Component};const v=class{constructor(e){n(this,e);this.init=s(this,"init",7);this.schedulerWillLoad=s(this,"schedulerWillLoad",7);this.schedulerDidLoad=s(this,"schedulerDidLoad",7);this.nylasSchedulerError=s(this,"nylasSchedulerError",7);this.mode="app";this.defaultSchedulerState=undefined;this.sessionId=undefined;this.schedulerApiUrl="https://api.us.nylas.com";this.bookingInfo=undefined;this.rescheduleBookingId=undefined;this.cancelBookingId=undefined;this.configurationId=undefined;this.nylasBranding=true;this.eventOverrides={};this.isLoading=undefined;this.themeConfig=undefined;this.showNotification=true;this.automaticComponentRegistration=true;this.selectedDateLabel=(new Date).toLocaleDateString(undefined,{dateStyle:"full"})||"No date selected"}connectedCallback(){l(`[nylas-scheduler] connectedCallback`)}async componentWillLoad(){l(`[nylas-scheduler] Component will load`);const e=this.schedulerWillLoad.emit(this.host);if(e.defaultPrevented){return}if(!this.checkIfSessionIdOrConfigIdExists()){return}this.stores={scheduler:h({bookingInfo:this.bookingInfo,nylasBranding:this.nylasBranding,...this.defaultSchedulerState})};this.baseProvider=new o(this.host,this.stores,this.automaticComponentRegistration,this.eventOverrides);const t=this.baseProvider?.getStore("scheduler");this.nylasSchedulerConnector=new u({schedulerAPIURL:this.schedulerApiUrl,sessionId:this.sessionId,configId:this.configurationId,nylasSchedulerStore:t});this.init.emit(this.host);this.baseProvider?.componentWillLoad(this.nylasSchedulerConnector);if(this.themeConfig){for(const[e,t]of Object.entries(this.themeConfig)){this.host.style.setProperty(`${e}`,t)}}}async componentDidLoad(){this.baseProvider?.componentDidLoad();if(!this.checkIfSessionIdOrConfigIdExists()){return}const e=await(this.nylasSchedulerConnector?.scheduler.getUISettings());if(!e||"error"in e){this.nylasSchedulerError.emit({...this.getErrorObject(e?.error)})}const t=this.baseProvider?.getStore("scheduler");const n=t?.get("configSettings")?.scheduler?.available_days_in_future;const s=t?.get("selectedTimeslot");if(s&&s?.start_time){if(!this.isTimeslotValid(s)){return}if(t?.get("showBookingForm")){t?.set("selectedDate",s.start_time);return}}const i=t?.get("selectedDate");const a=t?.get("availability");let o;if(a&&a.length>0){return}if(!i){const e=new Date;const{startTime:t,endTime:s,endTimeForAvailableDaysInFuture:i}=this.validateAvailableDaysInFuture(e,n||30);if(e.getTime()<i*1e3){o=await(this.nylasSchedulerConnector?.scheduler.getAvailability(t,s))}}else{const{startTime:e,endTime:t,endTimeForAvailableDaysInFuture:s}=this.validateAvailableDaysInFuture(i,n||30);if(i.getTime()<s*1e3){o=await(this.nylasSchedulerConnector?.scheduler.getAvailability(e,t))}}if(!o||"error"in o){this.nylasSchedulerError.emit({...this.getErrorObject(o?.error)})}if(!i){let e=new Date;const n=t?.get("availability").find((e=>new Date(e.start_time)>new Date));if(n){e=n.start_time}t?.set("selectedDate",e)}}componentDisconnected(){this.baseProvider?.componentDisconnected()}bookingInfoChanged(e){this.stores?.scheduler.set("bookingInfo",e)}async registerComponentHandler(e){this.baseProvider?.registerComponent(e.detail)}async unregisterComponentHandler(e){this.baseProvider?.unregisterComponent(e.detail)}async monthChangedHandler(e){const t=e.detail;const n=this.nylasSchedulerConnector?.schedulerStore?.get("configSettings")?.scheduler?.available_days_in_future;const{startTime:s,endTime:i,endTimeForAvailableDaysInFuture:a}=this.validateAvailableDaysInFuture(t,n||30);if(s<a&&t.getTime()<a*1e3){const e=await(this.nylasSchedulerConnector?.scheduler.getAvailability(s,i));if(!e||"error"in e){this.nylasSchedulerError.emit({...this.getErrorObject(e?.error)})}}}async bookButtonClickedHandler(e){if(this.rescheduleBookingId){const t=await(this.nylasSchedulerConnector?.scheduler.rescheduleBooking(this.rescheduleBookingId,e.detail));if(!t||"error"in t){this.nylasSchedulerError.emit({...this.getErrorObject(t?.error)})}return}const t=await(this.nylasSchedulerConnector?.scheduler.bookTimeslot(e.detail));if(!t||"error"in t){this.nylasSchedulerError.emit({...this.getErrorObject(t?.error)})}}dateSelectedHandler(e){const t=e.detail;this.selectedDateLabel=t?t.toLocaleDateString(undefined,{dateStyle:"full"}):"No date selected"}cancelBookedEventErrorHandler(e){this.nylasSchedulerError.emit({...this.getErrorObject(e.detail.error)})}cancelBookedEventValidationErrorHandler(e){this.nylasSchedulerError.emit({...this.getErrorObject(e.detail.error)})}rescheduleBookedEventErrorHandler(e){this.nylasSchedulerError.emit({...this.getErrorObject(e.detail.error)})}async getNylasSchedulerStore(){return this.baseProvider?.getStore("scheduler")}async getNylasSchedulerConnector(){return this.nylasSchedulerConnector}async getRef(){return this.host}getErrorObject(e){return{title:e?.title||y.title,category:e?.category||y.category,type:r.Error,description:e?.message||"",id:(new Date).getTime().toString(),ttl:"none"}}checkIfSessionIdOrConfigIdExists(){if(!this.sessionId&&!this.configurationId){this.nylasSchedulerError.emit({title:"No sessionId!",category:p.Component,type:r.Error,description:"Session ID is required",id:(new Date).getTime().toString(),ttl:"none"});return false}return true}isTimeslotValid(e){const t=new Date(e.start_time);if(t<new Date){this.nylasSchedulerError.emit({title:"Invalid tiemslot!",category:p.Component,type:r.Error,description:"The selected timeslot is invalid.",id:(new Date).getTime().toString(),ttl:"none"});return false}return true}validateAvailableDaysInFuture(e,t){const n=new Date;const s=new Date(e.getFullYear(),e.getMonth(),1).getTime()/1e3;const i=new Date(e.getFullYear(),e.getMonth()+1,1).getTime()/1e3;const a=Math.floor(d(n,t).getTime()/1e3);const o=Math.min(a,i);return{startTime:s,endTime:o,endTimeForAvailableDaysInFuture:a}}render(){const t=this.mode==="app";const n=this.baseProvider?.getStore("scheduler");const s=n?.get("eventInfo");const a=n?.get("showBookingForm");const o=n?.get("cancelledEventInfo");const r=n?.get("cancelBookingId")||this.cancelBookingId;const l=n?.get("selectedTimeslot");const d=n?.get("rescheduleBookingId")||this.rescheduleBookingId;const c=n?.get("nylasBranding")||this.nylasBranding;if(t&&r&&!o){return e(i,null,e(g,{nylasBranding:c,isLoading:this.isLoading,showNotification:this.showNotification},e("div",{class:"cancel-flow-page",part:"cancel-flow-page"},e("nylas-cancel-booking-form",{cancelBookingId:r,exportparts:"ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label"}))))}if(t&&o){return e(i,null,e(g,{nylasBranding:c,isLoading:this.isLoading,showNotification:this.showNotification},e("div",{class:"cancelled-event-page",part:"cancelled-event-page"},e("nylas-cancelled-event-card",{cancelledEventInfo:o,exportparts:"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card"}))))}if(t&&s){return e(i,null,e(g,{nylasBranding:c,isLoading:this.isLoading,showNotification:this.showNotification},e("div",{class:"booked-event-page",part:"booked-event-page"},e("nylas-booked-event-card",{selectedTimeslot:l,eventInfo:s,exportparts:"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta"}))))}if(t&&(!s||!!d)&&!a){const t=this.host.querySelector('[slot="timeslot-picker-cta-label"]');return e(i,null,e(g,{nylasBranding:c,isLoading:this.isLoading,showNotification:this.showNotification},d&&e(f,null,"Choose another time slot to reschedule your meeting"),e("div",{class:"select-date-page",part:"select-date-page"},e("div",{class:"left-panel"},e("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"}),e("div",{class:"border"}),e("nylas-locale-switch",null)),e("div",{class:"right-panel"},e("h2",null,e("calendar-icon",null),e("span",{id:"selectedDate"},this.selectedDateLabel)),e("nylas-timeslot-picker",{exportparts:"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary"},t&&e("span",{slot:"timeslot-picker-cta-label"},e("slot",{name:"timeslot-picker-cta-label"})))))))}if(t&&!s&&a){const t=this.host.querySelector('[slot="custom-booking-form"]');return e(i,null,e(g,{nylasBranding:c,isLoading:this.isLoading,showNotification:this.showNotification},d&&e(f,null,"Choose another time slot to reschedule your meeting"),e("div",{class:"additional-data-page",part:"additional-data-page"},e("div",{class:"left-panel"},e("div",{class:"wrapper"},e("nylas-selected-event-card",{exportparts:"nsec, nsec__card, nsec__icon, nsec__date, nsec__time"}))),e("div",{class:"right-panel"},e("nylas-booking-form",{exportparts:"nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline"},t&&e("div",{slot:"custom-booking-form"},e("slot",{name:"custom-booking-form"})))))))}return e(i,null,e("slot",null))}get host(){return a(this)}static get watchers(){return{bookingInfo:["bookingInfoChanged"]}}};v.style=m;export{v as nylas_scheduling};
+//# sourceMappingURL=p-8ffc644d.entry.js.map

package/dist/nylas-web-elements/p-8ffc644d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NylasSchedulerConnector","constructor","schedulerAPIURL","nylasSchedulerStore","sessionId","configId","Error","url","URL","window","location","href","origin","this","init","debug","schedulerStore","scheduler","_schedulerAPIConnector","NylaSchedulerAPIConnector","resetStores","reset","SchedulerView","props","children","isLoading","showNotification","nylasBranding","h","Fragment","class","MessageBanner","_props","nylasSchedulingCss","NylasSchedulingStyle0","genericError","title","type","NotificationType","category","ErrorCategory","Component","NylasScheduling","Date","toLocaleDateString","undefined","dateStyle","connectedCallback","componentWillLoad","schedulerWillLoadEvent","schedulerWillLoad","emit","host","defaultPrevented","checkIfSessionIdOrConfigIdExists","stores","CreateNylasSchedulerStore","bookingInfo","defaultSchedulerState","baseProvider","NylasBaseProvider","automaticComponentRegistration","eventOverrides","getStore","nylasSchedulerConnector","schedulerApiUrl","configurationId","themeConfig","key","value","Object","entries","style","setProperty","componentDidLoad","settings","getUISettings","nylasSchedulerError","getErrorObject","error","availableDaysInFuture","get","available_days_in_future","selectedTimeslot","start_time","isTimeslotValid","set","selectedDate","availability","result","length","today","startTime","endTime","endTimeForAvailableDaysInFuture","validateAvailableDaysInFuture","getTime","getAvailability","_selectedDate","firstAvailableDate","find","timeslot","componentDisconnected","bookingInfoChanged","newVal","registerComponentHandler","event","registerComponent","detail","unregisterComponentHandler","unregisterComponent","monthChangedHandler","date","bookButtonClickedHandler","rescheduleBookingId","rescheduleBooking","bookTimeslot","dateSelectedHandler","selectedDateLabel","cancelBookedEventErrorHandler","cancelBookedEventValidationErrorHandler","rescheduleBookedEventErrorHandler","getNylasSchedulerStore","getNylasSchedulerConnector","getRef","description","message","id","toString","ttl","startDate","getFullYear","getMonth","endTimeForCurrentMonth","Math","floor","addDaysToCurrentDate","min","render","showDefaultScheduler","mode","eventInfo","showBookingForm","cancelledEventInfo","cancelBookingId","Host","part","exportparts","timeslotPickerCTALabel","querySelector","slot","name","customTemplateSlot"],"sources":["src/connector/nylas-scheduler-connector/index.ts","src/components/scheduler/nylas-scheduler/scheduler-view.tsx","src/components/scheduler/nylas-scheduler/message-banner.tsx","src/components/scheduler/nylas-scheduler/nylas-scheduling.scss?tag=nylas-scheduling&encapsulation=shadow","src/components/scheduler/nylas-scheduler/nylas-scheduling.tsx"],"sourcesContent":["import { NylasSchedulerStoreType } from '@/stores/scheduler-store';\nimport { debug } from '@/utils/utils';\nimport { NylasSchedulerConnectorInterface } from '../connector-interface';\nimport { NylaSchedulerAPIConnector } from '../shared/api/scheduler';\n\ntype NylasSchedulerConnectorOptions = {\n  schedulerAPIURL: string;\n  nylasSchedulerStore: NylasSchedulerStoreType;\n  sessionId?: string;\n  configId?: string;\n};\n/**\n * Base class for the Nylas connector.\n */\nexport class NylasSchedulerConnector implements NylasSchedulerConnectorInterface {\n  public schedulerAPIURL: string;\n  public nylasSchedulerStore: NylasSchedulerStoreType;\n  public sessionId: string | undefined;\n  public configId: string | undefined;\n\n  private _schedulerAPIConnector: NylaSchedulerAPIConnector | undefined;\n\n  constructor({ schedulerAPIURL, nylasSchedulerStore, sessionId, configId }: NylasSchedulerConnectorOptions) {\n    if (!schedulerAPIURL) {\n      throw new Error('schedulerAPIURL is required');\n    }\n\n    if (!nylasSchedulerStore) {\n      throw new Error('nylasSchedulerStore is required');\n    }\n\n    if (!sessionId && !configId) {\n      throw new Error('sessionId is required for private configs, if not config id is required for public configs');\n    }\n\n    // If the url is only /, then we need to add the base url.\n    // We assume that the base url is the same as the current url.\n    if (schedulerAPIURL === '/') {\n      const url = new URL(window.location.href);\n      schedulerAPIURL = url.origin;\n    }\n\n    this.configId = configId;\n    this.sessionId = sessionId;\n    this.schedulerAPIURL = schedulerAPIURL;\n    this.nylasSchedulerStore = nylasSchedulerStore;\n  }\n\n  public init() {\n    debug('NylasConnector init');\n  }\n\n  public get schedulerStore() {\n    return this.nylasSchedulerStore;\n  }\n\n  public get scheduler() {\n    if (this._schedulerAPIConnector) {\n      return this._schedulerAPIConnector;\n    }\n    this._schedulerAPIConnector = new NylaSchedulerAPIConnector({\n      schedulerAPIURL: this.schedulerAPIURL,\n      schedulerStore: this.schedulerStore,\n      sessionId: this.sessionId,\n      configId: this.configId,\n    });\n    return this._schedulerAPIConnector;\n  }\n\n  public resetStores() {\n    this.nylasSchedulerStore.reset();\n  }\n}\nexport type PublicMethods<T> = {\n  [K in keyof T]: T[K] extends Function ? (string extends K ? never : K) : never;\n}[keyof T];\n\nexport type NylasSchedulerConnectorPublicMethods = PublicMethods<NylasSchedulerConnector>;\n","import { Fragment, FunctionalComponent, h } from '@stencil/core';\n\nexport type SchedulerViewProps = {\n  isLoading?: boolean;\n  showNotification?: boolean;\n  nylasBranding?: boolean;\n};\n\n/**\n * The Scheduler view component.\n */\nexport const SchedulerView: FunctionalComponent<SchedulerViewProps> = (props: SchedulerViewProps, children) => {\n  const isLoading = props.isLoading;\n  const showNotification = props.showNotification;\n  const nylasBranding = props.nylasBranding;\n\n  return (\n    <Fragment>\n      {showNotification && <nylas-notification></nylas-notification>}\n\n      {isLoading && (\n        <div class={'loading'}>\n          <div class={'left'}>\n            <div class={'skeleton'} />\n          </div>\n          <div class={'right'}>\n            <div class={'skeleton'} />\n            <div class={'skeleton'} />\n            <div class={'skeleton'} />\n            <div class={'skeleton'} />\n            <div class={'skeleton'} />\n          </div>\n        </div>\n      )}\n      {!isLoading && children}\n      <div class={'footer'}>\n        {nylasBranding && (\n          <Fragment>\n            Powered by&nbsp;\n            <nylas-logo />\n          </Fragment>\n        )}\n      </div>\n    </Fragment>\n  );\n};\n","import { FunctionalComponent, h } from '@stencil/core';\n\nexport type HeaderBannerProps = {};\n\nexport const MessageBanner: FunctionalComponent<HeaderBannerProps> = (_props: HeaderBannerProps, children) => <div class=\"message-banner\">{children}</div>;\n","@import '../../../common/styles/variables.scss';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  overflow: visible;\n  border-radius: var(--nylas-border-radius-2x);\n  width: fit-content;\n  @media #{$mobile} {\n    width: auto;\n    min-width: 325px;\n  }\n  background: var(--nylas-base-0);\n  position: relative;\n  box-shadow:\n    0px 4px 6px -2px rgba(0, 0, 0, 0.05),\n    0px 10px 15px -3px rgba(0, 0, 0, 0.1);\n  @include default-css-variables;\n  font-family: var(--nylas-font-family);\n  font-optical-sizing: auto;\n  font-style: normal;\n  font-variation-settings: 'slnt' 0;\n}\n\n:root {\n  font-family: inherit;\n}\n\n.error {\n  padding: 8rem 12rem;\n  color: var(--nylas-base-0);\n  background-color: var(--nylas-error);\n  margin: 1.5rem;\n  border-radius: var(--nylas-border-radius-2x);\n}\n\n.message-banner {\n  text-align: right;\n  color: var(--nylas-base-800);\n  padding: 1rem;\n  border-bottom: 1px solid var(--nylas-color-primary-200);\n  margin-top: 1rem;\n}\n\n.loading {\n  margin: 1.5rem;\n  display: flex;\n  gap: 1rem;\n\n  .skeleton {\n    border-radius: var(--nylas-border-radius-2x);\n    animation: pulsate 1.5s infinite;\n    &:nth-child(2) {\n      animation-delay: -100ms;\n    }\n    &:nth-child(3) {\n      animation-delay: -200ms;\n    }\n    &:nth-child(4) {\n      animation-delay: -300ms;\n    }\n    &:nth-child(5) {\n      animation-delay: -400ms;\n    }\n  }\n\n  .left .skeleton {\n    height: 100%;\n    width: 400px;\n  }\n  .right .skeleton {\n    height: 5rem;\n    width: 300px;\n    margin-bottom: 1rem;\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n\n@keyframes pulsate {\n  0% {\n    background-color: var(--nylas-base-50);\n  }\n  50% {\n    background-color: var(--nylas-base-100);\n  }\n  100% {\n    background-color: var(--nylas-base-50);\n  }\n}\n\n.select-date-page,\n.additional-data-page,\n.booked-event-page,\n.cancelled-event-page,\n.cancel-flow-page {\n  border-top-left-radius: var(--nylas-border-radius-2x);\n  border-top-right-radius: var(--nylas-border-radius-2x);\n}\n\n.select-date-page,\n.additional-data-page {\n  display: flex;\n\n  @media #{$mobile} {\n    flex-direction: column;\n  }\n}\n\n.booked-event-page {\n  background-color: var(--nylas-base-50);\n}\n\n.cancelled-event-page,\n.cancel-flow-page {\n  padding: 1rem;\n  height: 496px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.booked-event-page,\n.cancelled-event-page,\n.cancel-flow-page {\n  min-width: 784px;\n  @media #{$mobile} {\n    min-width: 90%;\n  }\n  background: var(--nylas-base-50);\n}\n\n.left-panel {\n  padding: 1rem 20px 0;\n  gap: 1rem;\n  height: 512px;\n  min-width: 384px;\n  border-top-left-radius: inherit;\n  background: var(--nylas-base-0);\n  @media #{$mobile} {\n    border-top-right-radius: inherit;\n    min-width: unset;\n    height: auto;\n  }\n}\n\n.select-date-page .left-panel {\n  @media #{$mobile} {\n    padding: 0.5rem 4px 0;\n  }\n}\n\n.border {\n  margin-left: -20px; // Offset left padding\n  margin-right: -20px; // Offset right padding\n  border-top-width: 1px;\n  height: 1px;\n  background-color: var(--nylas-base-200);\n  @media #{$mobile} {\n    display: none;\n  }\n}\n\n.right-panel {\n  min-width: 360px;\n  width: 360px;\n  background-color: var(--nylas-base-50);\n  height: 512px;\n  padding-top: 16px;\n  border-left: 1px solid var(--nylas-base-200);\n  border-top-right-radius: inherit;\n  @media #{$mobile} {\n    border-top-right-radius: 0px;\n    width: inherit;\n    min-width: unset;\n    height: auto;\n  }\n  h2 {\n    display: flex;\n    margin: 0;\n    height: 48px;\n    gap: 0.5rem;\n    justify-content: center;\n    align-items: center;\n    width: auto;\n    font-size: 1.125rem;\n    line-height: 1.5rem;\n    font-weight: 500;\n    text-align: center;\n    color: var(--nylas-base-800);\n  }\n}\n\n.additional-data-page {\n  .left-panel {\n    background-color: var(--nylas-base-50);\n  }\n  .right-panel {\n    background-color: var(--nylas-base-0);\n  }\n}\n\nnylas-selected-event-card {\n  height: 496px;\n\n  @media #{$mobile} {\n    height: 250px;\n  }\n}\n\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  padding: 16px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--nylas-base-500);\n  border-top: 1px solid var(--nylas-base-200);\n  min-height: 24px;\n  svg {\n    fill: var(--nylas-base-500);\n  }\n}\n\n.footer svg {\n  margin-top: 1px;\n}\n\nnylas-selected-event-card::part(nsec__timezone) {\n  position: absolute;\n  bottom: 0;\n}\n","import { NylasBaseProvider } from '@/common/abstract-provider';\nimport { RegisteredComponent } from '@/common/register-component';\nimport type { SchedulerEventOverride } from '@/common/component-types';\nimport { NylasSchedulerConnector } from '@/connector/nylas-scheduler-connector';\nimport { CreateNylasSchedulerStore, NylasSchedulerStoreState, NylasSchedulerStoreType } from '@/stores/scheduler-store';\nimport { NylasSchedulerBookingData, ThemeConfig, Notification, NotificationType, NylasSchedulerErrorResponse, Timeslot } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { addDaysToCurrentDate, debug } from '@/utils/utils';\nimport { SchedulerView } from './scheduler-view';\nimport { ErrorCategory } from '@/connector/nylas-scheduler-connector/errors';\nimport { MessageBanner } from './message-banner';\n\nconst genericError = { title: 'Something went wrong...', type: NotificationType.Error, category: ErrorCategory.Component };\n\n/**\n * The `nylas-scheduling` component is used to display the Nylas Scheduling UI.\n *\n * @slot custom-booking-form - This slot is used to pass a custom booking form to the Nylas Scheduling component.\n * @slot timeslot-picker-cta-label - This slot is used to pass a custom label to the timeslot picker CTA. The default label is \"Next\".\n *\n * @part ndp - [nylas-date-picker] The date picker host.\n * @part ndp__month-header - [nylas-date-picker] The month header.\n * @part ndp__month-button - [nylas-date-picker] The month button.\n * @part ndp__day - [nylas-date-picker] The day.\n * @part ndp__date - [nylas-date-picker] The date.\n * @part ndp__date--selected - [nylas-date-picker] The selected date.\n * @part ndp__date--current-day - [nylas-date-picker] The current day.\n * @part ndp__date--current-month - [nylas-date-picker] The dates in the current month.\n * @part ntp - [nylas-timeslot-picker] The timeslot picker component.\n * @part ntp__timeslot - [nylas-timeslot-picker] The timeslot button.\n * @part ntp__timeslot--selected - [nylas-timeslot-picker] The selected timeslot button.\n * @part ntp__button-primary - [nylas-timeslot-picker] The timeslot picker CTA.\n * @part nsec - [nylas-selected-event-card] The selected event card component.\n * @part nsec__card - [nylas-selected-event-card] The card component.\n * @part nsec__icon - [nylas-selected-event-card] The calendar icon.\n * @part nsec__date - [nylas-selected-event-card] The date selected.\n * @part nsec__time - [nylas-selected-event-card] The timeslot selected.\n * @part nbf - [nylas-booking-form] The booking form host.\n * @part nbf__input-label - [nylas-booking-form] The input label.\n * @part nbf__input-textfield - [nylas-booking-form] The input textfield.\n * @part nbf__button-ghost - [nylas-booking-form] The ghost button for adding guests.\n * @part nbf__button-primary - [nylas-booking-form] The primary button for booking.\n * @part nbf__button-outline - [nylas-booking-form] The outline button for canceling.\n * @part ncec - [nylas-cancelled-event-card] The cancelled event card host.\n * @part ncec__icon - [nylas-cancelled-event-card] The calendar icon.\n * @part ncec__title - [nylas-cancelled-event-card] The title of the cancelled event card.\n * @part ncec__description - [nylas-cancelled-event-card] The description of the cancelled event card.\n * @part ncec__button-outline - [nylas-cancelled-event-card] The close button CTA.\n * @part ncec__card - [nylas-cancelled-event-card] The cancelled event card.\n * @part nbec - [nylas-booked-event-card] The booked event card host.\n * @part nbec__card - [nylas-booked-event-card] The booked event card.\n * @part nbec__title - [nylas-booked-event-card] The title of the booked event card.\n * @part nbec__description - [nylas-booked-event-card] The description of the booked event card.\n * @part nbec__button-outline - [nylas-booked-event-card] The cancel & reschedule button CTA.\n * @part nbec__cancel-cta - [nylas-booked-event-card] The cancel button CTA.\n * @part nbec__reschedule-cta - [nylas-booked-event-card] The reschedule button CTA.\n */\n@Component({\n  tag: 'nylas-scheduling',\n  styleUrl: 'nylas-scheduling.scss',\n  shadow: true,\n})\nexport class NylasScheduling {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: { scheduler: NylasSchedulerStoreType };\n\n  /**\n   * This is a base provide that defines the common methods and properties\n   * that all providers should have.\n   *\n   * Because stencil does not support abstract classes, we have to use a\n   * property to store the base provider instance.\n   */\n  private baseProvider?: NylasBaseProvider<Exclude<typeof this.stores, undefined>>;\n\n  /**\n   * The Nylas Scheduler Connector instance.\n   * The branins of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasSchedulerConnector?: NylasSchedulerConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasSchedulingElement;\n\n  /**\n   * This is used to set the mode for the Nylas Scheduler.\n   * The mode can be either `app` or `composable`. The default mode is `app`.\n   * - `app`: This mode is used to show the default Nylas Scheduler UI.\n   * - `composable`: This mode is used to show the composable Nylas Scheduler UI\n   *    by passing the individual scheduler components as children.\n   */\n  @Prop() readonly mode: 'app' | 'composable' = 'app';\n\n  /**\n   * The default scheduler store state.\n   * Used to set the initial state of the scheduler store.\n   */\n  @Prop({ attribute: 'default-scheduler-store-state' }) readonly defaultSchedulerState?: Partial<NylasSchedulerStoreState>;\n\n  /**\n   * The session ID for the Nylas Scheduler.\n   * This is used to authenticate the user.\n   */\n  @Prop() readonly sessionId?: string;\n\n  /**\n   * The URL for the Nylas Scheduler API. (staging or production URL)\n   */\n  @Prop() readonly schedulerApiUrl: string = 'https://api.us.nylas.com';\n\n  /**\n   * This enables passing the bookingInfo object to the Scheduler UI for direct booking event creation.\n   * When used with timeslotConfirmedHandler, it bypasses the additional data page and immediately\n   * invokes the handler after booking.\n   */\n  @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n  /**\n   * Booking Id required for rescheduling flow.\n   */\n  @Prop() readonly rescheduleBookingId?: string;\n\n  /**\n   * Booking Id required for cancelling flow.\n   */\n  @Prop() readonly cancelBookingId?: string;\n\n  /**\n   * The config ID for the Nylas Scheduler. This should be passed in when using a public config,\n   * in which case the sessionId is not required.\n   */\n  @Prop() readonly configurationId?: string;\n\n  /**\n   * This prop lets you hide the Nylas branding.\n   * Default is true.\n   */\n  @Prop() readonly nylasBranding?: boolean = true;\n\n  /**\n   * This provides an easy way to override the default function of the event emitter.\n   * An example of this is the `timeslotConfirmed` event. By default, this event will set the scheduler store state for `showBookingForm` to `true` which will\n   * show the booking form. However, if you want to override this behavior, you can pass in the prop `eventOverride` like:\n   * ```html\n   * <nylas-scheduling eventOverride={{\"timeslotConfirmed\": (event, nylasConnector) => { console.log(\"Timeslot confirmed event fired!\"); } }} />\n   * ```\n   */\n  @Prop({ attribute: 'event-overrides' }) readonly eventOverrides: SchedulerEventOverride = {};\n\n  /**\n   * The loading state. This is used to set the loading state for the Nylas Scheduler when fetching data.\n   */\n  @Prop() readonly isLoading?: boolean;\n\n  /**\n   * Theme config, used to automatically generate a theme with color palette and\n   * CSS variables to customize the look and feel of the Nylas Scheduler.\n   */\n  @Prop() readonly themeConfig?: ThemeConfig;\n\n  /*\n   * Displays notifications for errors by default. When enabled (`true`), errors\n   * automatically appear as notifications. Disabling this feature (`false`) allows\n   * the parent application to capture and manage errors by listening to the\n   * `nylasSchedulerError` event, providing flexibility in error handling.\n   */\n  @Prop() readonly showNotification?: boolean = true;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   * @default true\n   */\n  @State() automaticComponentRegistration: boolean = true;\n\n  /**\n   * The selected date label for the Nylas Scheduler.\n   * This is used to set the initial date label for the Nylas Scheduler.\n   */\n  @State() selectedDateLabel: string = new Date().toLocaleDateString(undefined, { dateStyle: 'full' }) || 'No date selected';\n\n  /**\n   * This event is fired when the provider is initialized.\n   * It can be used to set the initial state of the provider,\n   * or to prevent the provider from firing some default behavior.\n   */\n  @Event({ cancelable: true }) init!: EventEmitter<HTMLNylasSchedulingElement>;\n\n  /**\n   * This event is fired when the scheduler component enters componentWillLoad lifecycle.\n   */\n  @Event() schedulerWillLoad!: EventEmitter<HTMLNylasSchedulingElement>;\n\n  /**\n   * This event is fired when the scheduler component enters componentDidLoad lifecycle.\n   */\n  @Event() schedulerDidLoad!: EventEmitter<HTMLNylasSchedulingElement>;\n\n  @Event({\n    eventName: 'nylasSchedulerError',\n  })\n  nylasSchedulerError!: EventEmitter<Notification>;\n\n  /**\n   * This function is called when the component is connected to the DOM.\n   * At this point in the component lifecycle, the base provider has not yet\n   * been initialized. So avoid using the base provider in this method or stores\n   * in this method.\n   */\n  connectedCallback() {\n    debug(`[nylas-scheduler] connectedCallback`);\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-scheduler] Component will load`);\n\n    // Emit the schedulerWillLoad event to allow the parent application to set the initial\n    // state of the provider or to prevent the provider from firing some default behavior.\n    const schedulerWillLoadEvent = this.schedulerWillLoad.emit(this.host);\n    if (schedulerWillLoadEvent.defaultPrevented) {\n      return;\n    }\n\n    if (!this.checkIfSessionIdOrConfigIdExists()) {\n      return;\n    }\n\n    this.stores = {\n      scheduler: CreateNylasSchedulerStore({\n        bookingInfo: this.bookingInfo,\n        nylasBranding: this.nylasBranding,\n        ...this.defaultSchedulerState,\n      }),\n    };\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    const nylasSchedulerStore = this.baseProvider?.getStore('scheduler');\n    this.nylasSchedulerConnector = new NylasSchedulerConnector({\n      schedulerAPIURL: this.schedulerApiUrl,\n      sessionId: this.sessionId,\n      configId: this.configurationId,\n      nylasSchedulerStore,\n    });\n    this.init.emit(this.host);\n\n    this.baseProvider?.componentWillLoad(this.nylasSchedulerConnector);\n    // Override theme\n    if (this.themeConfig) {\n      for (const [key, value] of Object.entries(this.themeConfig)) {\n        this.host.style.setProperty(`${key}`, value);\n      }\n    }\n  }\n\n  async componentDidLoad() {\n    this.baseProvider?.componentDidLoad();\n\n    // If sessionId is not provided, do not fetch availability\n    if (!this.checkIfSessionIdOrConfigIdExists()) {\n      return;\n    }\n\n    const settings = await this.nylasSchedulerConnector?.scheduler.getUISettings();\n    if (!settings || 'error' in settings) {\n      this.nylasSchedulerError.emit({ ...this.getErrorObject(settings?.error) });\n    }\n\n    const nylasSchedulerStore = this.baseProvider?.getStore('scheduler');\n    const availableDaysInFuture = nylasSchedulerStore?.get('configSettings')?.scheduler?.available_days_in_future;\n    const selectedTimeslot = nylasSchedulerStore?.get('selectedTimeslot');\n\n    if (selectedTimeslot && selectedTimeslot?.start_time) {\n      if (!this.isTimeslotValid(selectedTimeslot)) {\n        return;\n      }\n\n      // If the selected timeslot is already set, do not fetch availability\n      if (nylasSchedulerStore?.get('showBookingForm')) {\n        nylasSchedulerStore?.set('selectedDate', selectedTimeslot.start_time);\n        return;\n      }\n    }\n\n    const selectedDate = nylasSchedulerStore?.get('selectedDate');\n    const availability = nylasSchedulerStore?.get('availability');\n    let result;\n\n    if (availability && availability.length > 0) {\n      return;\n    }\n\n    if (!selectedDate) {\n      const today = new Date();\n      const { startTime, endTime, endTimeForAvailableDaysInFuture } = this.validateAvailableDaysInFuture(today, availableDaysInFuture || 30);\n      if (today.getTime() < endTimeForAvailableDaysInFuture * 1000) {\n        result = await this.nylasSchedulerConnector?.scheduler.getAvailability(startTime, endTime);\n      }\n    } else {\n      const { startTime, endTime, endTimeForAvailableDaysInFuture } = this.validateAvailableDaysInFuture(selectedDate, availableDaysInFuture || 30);\n      if (selectedDate.getTime() < endTimeForAvailableDaysInFuture * 1000) {\n        result = await this.nylasSchedulerConnector?.scheduler.getAvailability(startTime, endTime);\n      }\n    }\n\n    if (!result || 'error' in result) {\n      this.nylasSchedulerError.emit({ ...this.getErrorObject(result?.error) });\n    }\n\n    if (!selectedDate) {\n      let _selectedDate = new Date();\n      const firstAvailableDate = nylasSchedulerStore?.get('availability').find((timeslot: any) => new Date(timeslot.start_time) > new Date());\n      if (firstAvailableDate) {\n        _selectedDate = firstAvailableDate.start_time;\n      }\n      nylasSchedulerStore?.set('selectedDate', _selectedDate);\n    }\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\n  }\n\n  @Watch('bookingInfo')\n  bookingInfoChanged(newVal?: NylasSchedulerBookingData) {\n    this.stores?.scheduler.set('bookingInfo', newVal);\n  }\n\n  /**\n   * This is a custom event handler that is used to register a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to register\n   * @returns Promise<void>\n   */\n  @Listen('registerComponent')\n  async registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.registerComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to unregister a component with the provider.\n   * It is used by components that have the `@RegisterComponent` decorator.\n   * @param event A custom event that contains the component to unregister\n   * @returns Promise<void>\n   */\n  @Listen('unregisterComponent')\n  async unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void> {\n    this.baseProvider?.unregisterComponent(event.detail);\n  }\n\n  /**\n   * This is a custom event handler that is used to refetch the availability when the month is changed.\n   */\n  @Listen('monthChanged')\n  async monthChangedHandler(event: CustomEvent<Date>) {\n    const date = event.detail;\n    const availableDaysInFuture = this.nylasSchedulerConnector?.schedulerStore?.get('configSettings')?.scheduler?.available_days_in_future;\n    const { startTime, endTime, endTimeForAvailableDaysInFuture } = this.validateAvailableDaysInFuture(date, availableDaysInFuture || 30);\n\n    if (startTime < endTimeForAvailableDaysInFuture && date.getTime() < endTimeForAvailableDaysInFuture * 1000) {\n      const result = await this.nylasSchedulerConnector?.scheduler.getAvailability(startTime, endTime);\n\n      if (!result || 'error' in result) {\n        this.nylasSchedulerError.emit({ ...this.getErrorObject(result?.error) });\n      }\n    }\n  }\n\n  /**\n   * This is a custom event handler to book an event.\n   */\n  @Listen('detailsConfirmed')\n  async bookButtonClickedHandler(event: CustomEvent<NylasSchedulerBookingData>) {\n    if (this.rescheduleBookingId) {\n      const result = await this.nylasSchedulerConnector?.scheduler.rescheduleBooking(this.rescheduleBookingId, event.detail);\n      if (!result || 'error' in result) {\n        this.nylasSchedulerError.emit({ ...this.getErrorObject(result?.error) });\n      }\n      return;\n    }\n    const result = await this.nylasSchedulerConnector?.scheduler.bookTimeslot(event.detail);\n    if (!result || 'error' in result) {\n      this.nylasSchedulerError.emit({ ...this.getErrorObject(result?.error) });\n    }\n  }\n\n  /**\n   * This is a custom event handler to update the selected date label.\n   */\n  @Listen('dateSelected')\n  dateSelectedHandler(event: CustomEvent<Date>) {\n    const date = event.detail;\n    this.selectedDateLabel = date ? date.toLocaleDateString(undefined, { dateStyle: 'full' }) : 'No date selected';\n  }\n\n  /**\n   * This is an event handler to handle the error (if any) when the\n   * cancel booking button is clicked on the cancel booking form.\n   */\n  @Listen('cancelBookedEventError')\n  cancelBookedEventErrorHandler(event: CustomEvent<NylasSchedulerErrorResponse>) {\n    this.nylasSchedulerError.emit({ ...this.getErrorObject(event.detail.error) });\n  }\n\n  @Listen('cancelBookedEventValidationError')\n  cancelBookedEventValidationErrorHandler(event: CustomEvent<NylasSchedulerErrorResponse>) {\n    this.nylasSchedulerError.emit({ ...this.getErrorObject(event.detail.error) });\n  }\n\n  /**\n   * This is an event handler to handle the error (if any) when the\n   * reschedule button is clicked on the booked event card.\n   */\n  @Listen('rescheduleBookedEventError')\n  rescheduleBookedEventErrorHandler(event: CustomEvent<NylasSchedulerErrorResponse>) {\n    this.nylasSchedulerError.emit({ ...this.getErrorObject(event.detail.error) });\n  }\n\n  /**\n   * This method is used to retrieve the NylasScheduler instance\n   * @returns The NylasScheduler instance\n   */\n  @Method()\n  async getNylasSchedulerStore(): Promise<NylasSchedulerStoreType | undefined> {\n    return this.baseProvider?.getStore('scheduler');\n  }\n\n  /**\n   * This method is used to retrieve the NylasConnector instance\n   * @returns The NylasConnector instance\n   */\n  @Method()\n  async getNylasSchedulerConnector() {\n    return this.nylasSchedulerConnector;\n  }\n\n  @Method()\n  async getRef() {\n    return this.host;\n  }\n\n  private getErrorObject(error: NylasSchedulerErrorResponse['error']): Notification {\n    return {\n      title: error?.title || genericError.title,\n      category: error?.category || genericError.category,\n      type: NotificationType.Error,\n      description: error?.message || '',\n      id: new Date().getTime().toString(),\n      ttl: 'none',\n    };\n  }\n\n  private checkIfSessionIdOrConfigIdExists(): boolean {\n    if (!this.sessionId && !this.configurationId) {\n      this.nylasSchedulerError.emit({\n        title: 'No sessionId!',\n        category: ErrorCategory.Component,\n        type: NotificationType.Error,\n        description: 'Session ID is required',\n        id: new Date().getTime().toString(),\n        ttl: 'none',\n      });\n      return false;\n    }\n    return true;\n  }\n\n  private isTimeslotValid(timeslot: Timeslot): boolean {\n    const selectedDate = new Date(timeslot.start_time);\n    if (selectedDate < new Date()) {\n      this.nylasSchedulerError.emit({\n        title: 'Invalid tiemslot!',\n        category: ErrorCategory.Component,\n        type: NotificationType.Error,\n        description: 'The selected timeslot is invalid.',\n        id: new Date().getTime().toString(),\n        ttl: 'none',\n      });\n      return false;\n    }\n    return true;\n  }\n\n  private validateAvailableDaysInFuture(\n    startDate: Date,\n    availableDaysInFuture: number,\n  ): {\n    startTime: number;\n    endTime: number;\n    endTimeForAvailableDaysInFuture: number;\n  } {\n    const today = new Date();\n    const startTime = new Date(startDate.getFullYear(), startDate.getMonth(), 1).getTime() / 1000;\n    const endTimeForCurrentMonth = new Date(startDate.getFullYear(), startDate.getMonth() + 1, 1).getTime() / 1000;\n    const endTimeForAvailableDaysInFuture = Math.floor(addDaysToCurrentDate(today, availableDaysInFuture).getTime() / 1000);\n    const endTime = Math.min(endTimeForAvailableDaysInFuture, endTimeForCurrentMonth);\n    return { startTime, endTime, endTimeForAvailableDaysInFuture };\n  }\n\n  render() {\n    const showDefaultScheduler = this.mode === 'app';\n    const nylasSchedulerStore = this.baseProvider?.getStore('scheduler');\n    const eventInfo = nylasSchedulerStore?.get('eventInfo');\n    const showBookingForm = nylasSchedulerStore?.get('showBookingForm');\n    const cancelledEventInfo = nylasSchedulerStore?.get('cancelledEventInfo');\n    const cancelBookingId = nylasSchedulerStore?.get('cancelBookingId') || this.cancelBookingId;\n    const selectedTimeslot = nylasSchedulerStore?.get('selectedTimeslot') as Timeslot;\n    const rescheduleBookingId = nylasSchedulerStore?.get('rescheduleBookingId') || this.rescheduleBookingId;\n    const nylasBranding = nylasSchedulerStore?.get('nylasBranding') || this.nylasBranding;\n\n    if (showDefaultScheduler && cancelBookingId && !cancelledEventInfo) {\n      return (\n        <Host>\n          <SchedulerView nylasBranding={nylasBranding} isLoading={this.isLoading} showNotification={this.showNotification}>\n            <div class=\"cancel-flow-page\" part=\"cancel-flow-page\">\n              <nylas-cancel-booking-form cancelBookingId={cancelBookingId} exportparts=\"ncbf, ncbf__input-textfield, ncbf__button-cta, ncbf__button-outline, ncbf__input-label\" />\n            </div>\n          </SchedulerView>\n        </Host>\n      );\n    }\n\n    // Cancelled event card is shown when the event is cancelled\n    if (showDefaultScheduler && cancelledEventInfo) {\n      return (\n        <Host>\n          <SchedulerView nylasBranding={nylasBranding} isLoading={this.isLoading} showNotification={this.showNotification}>\n            <div class=\"cancelled-event-page\" part=\"cancelled-event-page\">\n              <nylas-cancelled-event-card\n                cancelledEventInfo={cancelledEventInfo}\n                exportparts=\"ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card\"\n              />\n            </div>\n          </SchedulerView>\n        </Host>\n      );\n    }\n    // Booked event card is shown when the event is booked\n    if (showDefaultScheduler && eventInfo) {\n      return (\n        <Host>\n          <SchedulerView nylasBranding={nylasBranding} isLoading={this.isLoading} showNotification={this.showNotification}>\n            <div class=\"booked-event-page\" part=\"booked-event-page\">\n              <nylas-booked-event-card\n                selectedTimeslot={selectedTimeslot}\n                eventInfo={eventInfo}\n                exportparts=\"nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta\"\n              />\n            </div>\n          </SchedulerView>\n        </Host>\n      );\n    }\n    // Date and time picker is shown when the event is not booked and no additional data is shown\n    if (showDefaultScheduler && (!eventInfo || !!rescheduleBookingId) && !showBookingForm) {\n      const timeslotPickerCTALabel = this.host.querySelector('[slot=\"timeslot-picker-cta-label\"]');\n      return (\n        <Host>\n          <SchedulerView nylasBranding={nylasBranding} isLoading={this.isLoading} showNotification={this.showNotification}>\n            {rescheduleBookingId && <MessageBanner>Choose another time slot to reschedule your meeting</MessageBanner>}\n            <div class=\"select-date-page\" part=\"select-date-page\">\n              <div class=\"left-panel\">\n                <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\"></nylas-date-picker>\n                <div class=\"border\"></div>\n                <nylas-locale-switch></nylas-locale-switch>\n              </div>\n              <div class=\"right-panel\">\n                <h2>\n                  <calendar-icon></calendar-icon>\n                  <span id=\"selectedDate\">{this.selectedDateLabel}</span>\n                </h2>\n                <nylas-timeslot-picker exportparts=\"ntp, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary\">\n                  {timeslotPickerCTALabel && (\n                    <span slot=\"timeslot-picker-cta-label\">\n                      <slot name=\"timeslot-picker-cta-label\"></slot>\n                    </span>\n                  )}\n                </nylas-timeslot-picker>\n              </div>\n            </div>\n          </SchedulerView>\n        </Host>\n      );\n    }\n    // Additional data is shown when the time is selected, event is not booked and additional data is shown\n    if (showDefaultScheduler && !eventInfo && showBookingForm) {\n      // Check if a \"custom-booking-form\" slot is provided\n      const customTemplateSlot = this.host.querySelector('[slot=\"custom-booking-form\"]');\n\n      return (\n        <Host>\n          <SchedulerView nylasBranding={nylasBranding} isLoading={this.isLoading} showNotification={this.showNotification}>\n            {rescheduleBookingId && <MessageBanner>Choose another time slot to reschedule your meeting</MessageBanner>}\n            <div class=\"additional-data-page\" part=\"additional-data-page\">\n              <div class=\"left-panel\">\n                <div class=\"wrapper\">\n                  <nylas-selected-event-card exportparts=\"nsec, nsec__card, nsec__icon, nsec__date, nsec__time\"></nylas-selected-event-card>\n                </div>\n              </div>\n              <div class=\"right-panel\">\n                <nylas-booking-form exportparts=\"nbf, nbf__input-label, nbf__input-textfield, nbf__button-ghost, nbf__button-primary, nbf__button-outline\">\n                  {customTemplateSlot && (\n                    <div slot=\"custom-booking-form\">\n                      <slot name=\"custom-booking-form\"></slot>\n                    </div>\n                  )}\n                </nylas-booking-form>\n              </div>\n            </div>\n          </SchedulerView>\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}