@nylas/web-elements 1.0.0-prealpha1

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import { c as createStore } from './index-2b85580a.js';
+import './index-b2270b4a.js';
+
+const store = createStore({});
+
+export { store as NylasThemeStore };
+
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":";;;MAgBM,KAAK,GAAG,WAAW,CAAa,EAAE;;;;","names":[],"sources":["src/common/nylas-theme/index.ts"],"sourcesContent":["import { createStore } from '@stencil/store';\n\nexport type NylasTheme = Partial<{\n  '--nylas-color-primary-50': string;\n  '--nylas-color-primary-100': string;\n  '--nylas-color-primary-200': string;\n  '--nylas-color-primary-300': string;\n  '--nylas-color-primary-400': string;\n  '--nylas-color-primary-500': string;\n  '--nylas-color-primary-600': string;\n  '--nylas-color-primary-700': string;\n  '--nylas-color-primary-800': string;\n  '--nylas-color-primary-900': string;\n  '--nylas-color-primary-950': string;\n}>;\n\nconst store = createStore<NylasTheme>({});\n\nexport default store;\n"],"version":3}

package/dist/esm/loader.js

@@ -0,0 +1,13 @@
+import { b as bootstrapLazy } from './index-b2270b4a.js';
+export { s as setNonce } from './index-b2270b4a.js';
+import { g as globalScripts } from './app-globals-47969cee.js';
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  globalScripts();
+  return bootstrapLazy([["nylas-scheduler",[[1,"nylas-scheduler",{"mode":[1],"defaultSchedulerStoreState":[16],"sessionId":[1,"session-id"],"schedulerApiUrl":[1,"scheduler-api-url"],"bookingInfo":[16],"rescheduleId":[1,"reschedule-id"],"eventOverrides":[16],"loadingState":[16],"themeConfig":[16],"automaticComponentRegistration":[32],"selectedDateLabel":[32],"getNylasSchedulerStore":[64],"getNylasSchedulerConnector":[64],"getRef":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"],[0,"monthChanged","monthChangedHandler"],[0,"detailsConfirmed","bookButtonClickedHandler"],[0,"cancelButtonClicked","cancelButtonClickedHandler"],[0,"dateSelected","selectedDateChanged"]],{"bookingInfo":["bookingInfoChanged"]}]]],["nylas-view-thread",[[1,"nylas-view-thread",{"draft":[16],"thread":[16],"messages":[16],"attachments":[16],"state":[32],"internalMessages":[32],"showAllEmails":[32],"showComposer":[32]},null,{"thread":["threadChanged"],"messages":["updateInternalMessages"]}]]],["nylas-list-folders",[[1,"nylas-list-folders",{"folders":[16],"selectedFolder":[1,"selected-folder"],"defaultFolders":[32],"otherFolders":[32]},null,{"folders":["watchFolders"]}]]],["nylas-mailbox-pagination",[[1,"nylas-mailbox-pagination",{"state":[1],"hasNextPage":[4,"has-next-page"],"hasPreviousPage":[4,"has-previous-page"],"scrollTarget":[1,"scroll-target"],"mobileOnlyInfiniteScroll":[4,"mobile-only-infinite-scroll"],"mobileViewPortWidth":[2,"mobile-view-port-width"],"nextPage":[64],"previousPage":[64]},[[9,"scroll","handlePageScroll"]]]]],["nylas-threads-refresh",[[1,"nylas-threads-refresh",{"start":[32],"state":[32],"pulling":[32],"updateState":[64]}]]],["nylas-if-state_3",[[1,"nylas-if-state",{"state":[1],"isStateSet":[4,"is-state-set"],"isBoolean":[4,"is-boolean"],"getStore":[16],"transition":[1],"show":[32],"classes":[32]},null,{"getStore":["onGetStoreChange"]}],[1,"nylas-login",{"isAuthenticated":[4,"is-authenticated"],"nylasConnector":[16],"scopes":[16],"loginMethod":[1,"login-method"],"companyName":[1,"company-name"],"logoUrl":[1,"logo-url"],"logoWidth":[1,"logo-width"],"providers":[1],"buttonText":[1,"button-text"],"email":[32]}],[1,"nylas-mailbox",{"automaticComponentRegistration":[4,"automatic-component-registration"],"eventOverrides":[16],"authConfig":[16],"defaultAuthStoreState":[16],"defaultMailboxStoreState":[16],"getMailboxStore":[64],"getAuthStore":[64],"getNylasAuth":[64],"getNylasMailboxConnector":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"]]]]],["document-refresh-icon",[[2,"document-refresh-icon",{"width":[1],"height":[1]}]]],["nylas-list-threads",[[1,"nylas-list-threads",{"threads":[16],"isAuthenticated":[4,"is-authenticated"],"tokenInfo":[16],"state":[1],"showCheckbox":[4,"show-checkbox"]}]]],["nylas-mailbox-toolbar-button",[[1,"nylas-mailbox-toolbar-button",{"method":[1],"dataState":[1,"data-state"],"iconOnly":[4,"icon-only"],"mailboxConnector":[16]}]]],["nylas-open-hours-picker",[[1,"nylas-open-hours-picker",{"openHours":[16],"startTime":[1040],"endTime":[1040],"stepMinutes":[2,"step-minutes"],"dragThreshold":[2,"drag-threshold"],"mobileViewPortWidth":[2,"mobile-view-port-width"],"intervalMinutes":[32],"times":[32],"availableTimes":[32],"draggingStartDate":[32],"draggingEndDate":[32],"inverse":[32],"isMobile":[32]},[[9,"resize","onResize"]],{"openHours":["whenOpenHoursChanged"],"availableTimes":["availableTimesChanged"],"inverse":["inverseChanged"]}]]],["nylas-provider",[[1,"nylas-provider",{"authConfig":[16],"eventOverrides":[16],"automaticComponentRegistration":[4,"automatic-component-registration"],"getNylasAuth":[64],"getNylasConnector":[64],"getMailboxStore":[64],"getAuthStore":[64],"getNylasSchedulerStore":[64]},[[0,"registerComponent","registerComponentHandler"],[0,"unregisterComponent","unregisterComponentHandler"]]]]],["nylas-threads-search",[[1,"nylas-threads-search",{"query":[1],"internalQuery":[32]},null,{"query":["onQueryChange"]}]]],["arrow-icon",[[2,"arrow-icon",{"width":[1],"height":[1]}]]],["calendar-cancel-icon",[[2,"calendar-cancel-icon",{"width":[1],"height":[1]}]]],["calendar-icon",[[2,"calendar-icon",{"width":[1],"height":[1]}]]],["refresh-icon",[[2,"refresh-icon",{"width":[1],"height":[1]}]]],["translate-icon",[[2,"translate-icon",{"width":[1],"height":[1]}]]],["close-icon_2",[[2,"close-icon",{"width":[1],"height":[1]}],[2,"warning-icon",{"width":[1],"height":[1]}]]],["play-icon_2",[[2,"play-icon",{"width":[1],"height":[1]}],[2,"stop-icon",{"width":[1],"height":[1]}]]],["chevron-icon",[[2,"chevron-icon",{"width":[1],"height":[1]}]]],["globe-icon",[[2,"globe-icon",{"width":[1],"height":[1]}]]],["loading-icon",[[1,"loading-icon",{"width":[1],"height":[1]}]]],["bold-icon_3",[[2,"bold-icon",{"width":[1],"height":[1]}],[2,"italic-icon",{"width":[1],"height":[1]}],[2,"underline-icon",{"width":[1],"height":[1]}]]],["forward-icon_6",[[1,"nylas-composer",{"message":[16],"viewEmailElement":[16]},null,{"message":["watchBody"]}],[1,"nylas-summarize-message-button",{"message":[16],"state":[32],"updateState":[64],"playAudio":[64]}],[2,"forward-icon",{"width":[1],"height":[1]}],[1,"nylas-view-email",{"message":[16],"parent":[16],"attachments":[16],"detectDarkMode":[4,"detect-dark-mode"],"state":[32],"sanitizedBody":[32],"styles":[32],"viewEmailElement":[32],"hoistedFontURLs":[32]},[[9,"resize","handleScroll"]],{"message":["messageChanged"],"viewEmailElement":["viewEmailElementChanged"]}],[2,"reply-all-icon",{"width":[1],"height":[1]}],[2,"reply-icon",{"width":[1],"height":[1]}]]],["calendar-check-icon_3",[[2,"calendar-check-icon",{"width":[1],"height":[1]}],[2,"checkmark-circle-icon",{"width":[1],"height":[1]}],[2,"people-icon",{"width":[1],"height":[1]}]]],["archive-icon_7",[[2,"archive-icon",{"width":[1],"height":[1]}],[2,"folder-icon",{"width":[1],"height":[1]}],[2,"inbox-icon",{"width":[1],"height":[1]}],[2,"sent-icon",{"width":[1],"height":[1]}],[2,"spam-icon",{"width":[1],"height":[1]}],[2,"star-icon",{"width":[1],"height":[1]}],[2,"trash-icon",{"width":[1],"height":[1]}]]],["nylas-booked-event-card_9",[[1,"nylas-booked-event-card",{"eventInfo":[16],"bookingFlow":[1,"booking-flow"],"bookingInfo":[8,"booking-info"]}],[1,"nylas-locale-switch",{"selectedTimezone":[1025,"selected-timezone"],"selectedLanguage":[1025,"selected-language"]}],[1,"nylas-notification",{"ttl":[2],"allowedCategories":[16],"notifications":[32]},[[16,"nylasSchedulerError","onError"],[16,"nylasSchedulerWarning","onWarning"],[16,"nylasSchedulerInfo","onInfo"],[16,"nylasSchedulerSuccess","onSuccess"]]],[1,"nylas-selected-event-card",{"selectedDate":[16],"selectedTimeslot":[16],"selectedTimezone":[1,"selected-timezone"],"startTime":[32],"endTime":[32]},null,{"selectedTimeslot":["handleSelectedTimeslotChange"]}],[1,"nylas-booking-form",{"bookedEventLoading":[4,"booked-event-loading"],"bookedEventError":[8,"booked-event-error"],"bookingInfo":[8,"booking-info"],"eventInfo":[16],"name":[32],"email":[32],"guestEmails":[32],"isNameValid":[32],"isEmailValid":[32]},null,{"bookingInfo":["bookingInfoChangedHandler"]}],[1,"nylas-cancelled-event-card",{"cancelledEvent":[16]}],[1,"nylas-date-picker",{"selectableDates":[16],"selectedDate":[16],"loadingState":[8,"loading-state"],"month":[32],"dates":[32]}],[2,"nylas-logo",{"width":[1],"height":[1]}],[1,"nylas-timeslot-picker",{"selectedDate":[16],"availability":[16],"selectedTimeslot":[16],"loadingState":[16],"selectedTimezone":[1,"selected-timezone"],"times":[32],"hoveredTimeslotIndex":[32],"selectedTimeslotIndex":[32]},null,{"selectedDate":["selectedDateChanged"],"availability":["availabilityChanged"]}]]]], options);
+};
+
+export { defineCustomElements };
+
+//# sourceMappingURL=loader.js.map

package/dist/esm/loader.js.map

@@ -0,0 +1 @@
+{"file":"loader.js","mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,CAAC,GAAG,EAAE,OAAO,KAAK;AACtD,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AACtD,EAAE,aAAa,EAAE,CAAC;AAClB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;","names":[],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}

package/dist/esm/loading-icon.entry.js

@@ -0,0 +1,20 @@
+import { r as registerInstance, h } from './index-b2270b4a.js';
+
+const loadingCss = ".wave{display:flex;align-items:center;justify-content:center}.dot{width:4px;height:4px;background-color:var(--dot-color, white);border-radius:50%;margin:0 2px;animation:wave 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:0.2s}.dot:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}}";
+const LoadingIconStyle0 = loadingCss;
+
+const LoadingIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("div", { key: '236ae2f76a43a73bf12500c37a1315a798ee6682', class: "wave" }, h("div", { key: '53991ce94d24ad556b00eaf5a1110ce5ff442333', class: "dot" }), h("div", { key: 'd0a4ba7f5c52e2942370b630a58dc7843d717ba3', class: "dot" }), h("div", { key: 'a14c7426974e5d6eae289967b301dce3e6d2db39', class: "dot" })));
+    }
+};
+LoadingIcon.style = LoadingIconStyle0;
+
+export { LoadingIcon as loading_icon };
+
+//# sourceMappingURL=loading-icon.entry.js.map

package/dist/esm/loading-icon.entry.js.map

@@ -0,0 +1 @@
+{"file":"loading-icon.entry.js","mappings":";;AAAA,MAAM,UAAU,GAAG,4WAA4W,CAAC;AAChY,0BAAe,UAAU;;MCMZ,WAAW;;;qBACE,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QAEE,4DAAK,KAAK,EAAC,MAAM,IACf,4DAAK,KAAK,EAAC,KAAK,GAAO,EACvB,4DAAK,KAAK,EAAC,KAAK,GAAO,EACvB,4DAAK,KAAK,EAAC,KAAK,GAAO,CACnB,EACN;KACH;;;;;;","names":[],"sources":["src/common/icons/loading.css?tag=loading-icon&encapsulation=shadow","src/common/icons/loading.tsx"],"sourcesContent":[".wave {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.dot {\n  width: 4px;\n  height: 4px;\n  background-color: var(--dot-color, white);\n  border-radius: 50%;\n  margin: 0 2px;\n  animation: wave 1.5s infinite ease-in-out;\n}\n\n.dot:nth-child(2) {\n  animation-delay: 0.2s;\n}\n\n.dot:nth-child(3) {\n  animation-delay: 0.4s;\n}\n\n@keyframes wave {\n  0%,\n  60%,\n  100% {\n    transform: translateY(0);\n  }\n  30% {\n    transform: translateY(-4px);\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'loading-icon',\n  styleUrl: 'loading.css',\n  shadow: true,\n})\nexport class LoadingIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    return (\n      // Loading icon svg\n      <div class=\"wave\">\n        <div class=\"dot\"></div>\n        <div class=\"dot\"></div>\n        <div class=\"dot\"></div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/mailbox-store-0019772c.js

@@ -0,0 +1,521 @@
+import { d as debug } from './utils-5074a070.js';
+import { X as Xr, Z as Zr } from './index.es-6f3582a1.js';
+import { c as createStore } from './index-2b85580a.js';
+
+class NylasAuthConnector {
+    constructor(nylasAuth, nylasAuthStore) {
+        this.nylasAuth = nylasAuth;
+        this.nylasAuthStore = nylasAuthStore;
+    }
+    async validateSession() {
+        const isAuthenticated = await this.isAccessTokenValid();
+        if (!isAuthenticated) {
+            this.logout();
+        }
+        else {
+            let tokenInfo = await this.nylasAuth.getTokenInfo();
+            if (tokenInfo) {
+                const expireTimeCheck = 5 * 60 * 1000;
+                const currentTimeInSeconds = Math.floor(Date.now() / 1000);
+                if (tokenInfo.expires_in && tokenInfo.expires_in - currentTimeInSeconds < expireTimeCheck) {
+                    debug('[NylasAuthConnectorMixin] Refreshing access token');
+                    tokenInfo = await this.nylasAuth.refreshAccessToken();
+                    if (!tokenInfo) {
+                        debug('[NylasAuthConnectorMixin] Token is expired and could not be refreshed. Logging out.');
+                        this.logout();
+                        return;
+                    }
+                }
+                this.nylasAuthStore.state.tokenInfo = tokenInfo;
+            }
+        }
+        this.nylasAuthStore.state.isAuthenticated = isAuthenticated;
+    }
+    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(scopes, email, provider) {
+        return this.nylasAuth.getHostedAuthRedirectURL(scopes, email, provider);
+    }
+    async manageHostedAuthCodeExchange(currentUrl) {
+        const url = new URL(currentUrl);
+        const code = url.searchParams.get('code');
+        if (code) {
+            const tokenInfo = await this.nylasAuth.exchangeAuthCodeForTokenInfo(code);
+            if (tokenInfo) {
+                this.nylasAuthStore.state.tokenInfo = tokenInfo;
+                this.nylasAuthStore.state.isAuthenticated = true;
+                return tokenInfo;
+            }
+        }
+        return null;
+    }
+}
+
+class NylasMessagesConnector {
+    constructor(nylasAuth, nylasAuthStore, nylasMailboxStore) {
+        this.nylasAuth = nylasAuth;
+        this.nylasAuthStore = nylasAuthStore;
+        this.nylasMailboxStore = nylasMailboxStore;
+    }
+    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 queryParams = this.nylasMailboxStore.state.messgeQueryParams;
+        const params = new URLSearchParams();
+        for (const key in queryParams) {
+            const value = queryParams[key]?.toString();
+            if (value) {
+                params.append(key, value);
+            }
+        }
+        const path = `/v3/grants/me/messages?${params.toString()}`;
+        const response = await this.nylasAuth.nylasAPIRequest(path);
+        if (Xr(response)) {
+            throw new Zr(response.error);
+        }
+        const messages = response.data;
+        this.nylasMailboxStore.state.messages = messages;
+        this.nylasMailboxStore.state.state = 'ready';
+        return messages;
+    }
+    async getThreadMessages(threadId) {
+        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 response = await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/messages?thread_id=${threadId}&fields=include_headers`);
+        if (Xr(response)) {
+            throw new Zr(response.error);
+        }
+        const messages = response.data;
+        this.nylasMailboxStore.state.messages = messages;
+        return messages;
+    }
+    downloadMessageAttachments(message) {
+        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 blobPromises = [];
+        const attachments = message.attachments || [];
+        for (const attachment of attachments) {
+            const blob = this.nylasAuth.nylasDownloadFileRequest(`/v3/grants/me/attachments/${attachment.id}?message_id=${message.id}`);
+            blobPromises.push(blob);
+        }
+        return blobPromises;
+    }
+    async summarizeText(text) {
+        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 response = await this.nylasAuth.nylasAPIRequest(`/v3/grants/me/mailbox/summarize`, 'POST', {
+            message: {
+                body: text,
+            },
+        }, true, this.nylasAuth.config.elementsApiUri);
+        if (Xr(response)) {
+            throw new Zr(response.error);
+        }
+        return response.data.summary;
+    }
+    async textToSpeech(text, abortController) {
+        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,
+        }, false, this.nylasAuth.config.elementsApiUri, {
+            ...(abortController ? { signal: abortController?.signal } : {}),
+        });
+    }
+}
+
+class NylasThreadsConnector {
+    constructor(nylasAuth, nylasAuthStore, nylasMailboxStore, router) {
+        this.nylasAuth = nylasAuth;
+        this.nylasAuthStore = nylasAuthStore;
+        this.nylasMailboxStore = nylasMailboxStore;
+        this.router = router;
+    }
+    async getThreads(overrideQueryParams, updateMethod = 'overwrite', updateState = 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 (updateState) {
+            this.nylasMailboxStore.state.state = 'loading';
+        }
+        const queryParams = overrideQueryParams || this.nylasMailboxStore.state.threadsQueryParams;
+        const params = new URLSearchParams();
+        for (const key in queryParams) {
+            const value = queryParams[key]?.toString();
+            if (typeof value !== 'undefined' && value !== null) {
+                params.append(key, value);
+            }
+        }
+        if (queryParams.search_query_native) {
+            this.router.navigate(`/?query=${queryParams.search_query_native}`, true);
+        }
+        else if (this.nylasMailboxStore.state.threadsQueryParams.search_query_native && !queryParams.search_query_native) {
+            this.router.navigate('/', true);
+        }
+        if (!queryParams.page_token) {
+            this.nylasMailboxStore.state.previousThreadPageTokens = [];
+        }
+        this.nylasMailboxStore.state.threadsQueryParams = queryParams;
+        const path = `/v3/grants/me/threads?${params.toString()}`;
+        const response = await this.nylasAuth.nylasAPIRequest(path);
+        if (Xr(response)) {
+            throw new Zr(response.error);
+        }
+        const threads = response.data;
+        switch (updateMethod) {
+            case 'prepend':
+                this.nylasMailboxStore.state.threads = [...threads, ...this.nylasMailboxStore.state.threads];
+                break;
+            case 'append':
+                this.nylasMailboxStore.state.threads = [...this.nylasMailboxStore.state.threads, ...threads];
+                break;
+            case 'overwrite':
+            default:
+                this.nylasMailboxStore.state.threads = threads;
+                break;
+        }
+        if (response.next_cursor) {
+            this.nylasMailboxStore.state.nextThreadPageToken = response.next_cursor;
+        }
+        else {
+            this.nylasMailboxStore.state.nextThreadPageToken = null;
+        }
+        if (updateState) {
+            this.nylasMailboxStore.state.state = 'ready';
+        }
+        return threads;
+    }
+    async getThread(threadId) {
+        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 storeThread = this.nylasMailboxStore.state.threads.find(t => t.id === threadId);
+        if (storeThread) {
+            return storeThread;
+        }
+        this.nylasMailboxStore.state.state = 'loading';
+        const path = `/v3/grants/me/threads/${threadId}`;
+        const response = await this.nylasAuth.nylasAPIRequest(path);
+        if (Xr(response)) {
+            throw new Zr(response.error);
+        }
+        const thread = response.data;
+        this.nylasMailboxStore.state.threads = this.nylasMailboxStore.state.threads.map(t => {
+            if (t.id === thread.id) {
+                return thread;
+            }
+            return t;
+        });
+        this.nylasMailboxStore.state.state = 'ready';
+        return thread;
+    }
+    async nextThreadPage(updateMethod = 'overwrite', updateLoadingState = 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 nextPageToken = this.nylasMailboxStore.state.nextThreadPageToken;
+        return this.getThreads({
+            ...this.nylasMailboxStore.state.threadsQueryParams,
+            page_token: nextPageToken,
+        }, updateMethod, updateLoadingState);
+    }
+    async previousThreadPage(aupdateMethod = 'overwrite', updateLoadingState = true) {
+        if (!this.nylasMailboxStore.state.previousThreadPageTokens.length) {
+            throw new Error('No previous page token');
+        }
+        const previousThreadPageTokens = [...this.nylasMailboxStore.state.previousThreadPageTokens];
+        const pageToken = previousThreadPageTokens.pop();
+        this.nylasMailboxStore.state.previousThreadPageTokens = previousThreadPageTokens;
+        return this.getThreads({
+            ...this.nylasMailboxStore.state.threadsQueryParams,
+            page_token: pageToken ?? undefined,
+        }, aupdateMethod, updateLoadingState);
+    }
+    updateThreadQueryParams(params) {
+        this.nylasMailboxStore.state.threadsQueryParams = {
+            ...this.nylasMailboxStore.state.threadsQueryParams,
+            ...params,
+        };
+    }
+    back() {
+        this.router.navigate('/', true);
+        this.nylasMailboxStore.state.selectedThread = null;
+    }
+    unSelectThread() {
+        this.nylasMailboxStore.state.selectedThread = null;
+    }
+    async selectThread(thread) {
+        this.router.navigate(`/thread/${thread.id}`, true);
+        this.nylasMailboxStore.state.selectedThread = thread;
+        if (thread.unread) {
+            this.markThreadAsRead(thread).catch(error => {
+                debug('Error marking thread as read', error);
+            });
+        }
+    }
+    async markThreadAsRead(thread) {
+        return this.updateThread(thread, { unread: false });
+    }
+    async updateThread(thread, updateThread) {
+        if (!this.nylasAuthStore.state.isAuthenticated) {
+            throw new Error('Not authenticated');
+        }
+        if (!this.nylasAuth.hasScopeByType('email', 'modify')) {
+            throw new Error('Missing thread:modify scope');
+        }
+        const path = `/v3/grants/me/threads/${thread.id}`;
+        const response = await this.nylasAuth.nylasAPIRequest(path, 'PUT', updateThread);
+        if (Xr(response)) {
+            throw new Zr(response.error);
+        }
+        const updatedThread = response.data;
+        this.nylasMailboxStore.state.threads = this.nylasMailboxStore.state.threads.map(t => {
+            if (t.id === updatedThread.id) {
+                return updatedThread;
+            }
+            return t;
+        });
+        this.nylasMailboxStore.state.selectedThread = updatedThread;
+        return updatedThread;
+    }
+}
+
+class NylasFoldersConnector {
+    constructor(nylasAuth, nylasAuthStore, nylasMailboxStore) {
+        this.nylasAuth = nylasAuth;
+        this.nylasAuthStore = nylasAuthStore;
+        this.nylasMailboxStore = nylasMailboxStore;
+    }
+    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 path = `/v3/grants/me/folders`;
+        const response = await this.nylasAuth.nylasAPIRequest(path);
+        if (Xr(response)) {
+            throw new Zr(response.error);
+        }
+        const folders = response.data;
+        this.nylasMailboxStore.state.folders = folders;
+        this.nylasMailboxStore.state.state = 'ready';
+        return folders;
+    }
+    async selectFolder(folder) {
+        this.nylasMailboxStore.state.threadsQueryParams = {
+            in: folder.id,
+            ...(this.nylasMailboxStore.state.threadsQueryParams || {}),
+        };
+    }
+}
+
+class PolyFillHashChangeEvent extends Event {
+    constructor(type, eventInitDict) {
+        super(type, eventInitDict);
+        this.oldURL = eventInitDict.oldURL;
+        this.newURL = eventInitDict.newURL;
+    }
+}
+class HashRouter {
+    constructor() {
+        this.routeChangeListeners = [];
+        debug('HashRouter constructor');
+    }
+    destroy() {
+        debug('HashRouter destroy');
+        window.removeEventListener('hashchange', this.onRouteChange.bind(this));
+    }
+    init() {
+        debug('HashRouter init');
+        window.addEventListener('hashchange', this.onRouteChange.bind(this));
+        if (typeof HashChangeEvent !== 'undefined') {
+            const event = new HashChangeEvent('hashchange', { oldURL: '', newURL: window.location.href });
+            this.onRouteChange(event);
+        }
+        else {
+            const event = new PolyFillHashChangeEvent('hashchange', { oldURL: '', newURL: window.location.href });
+            this.onRouteChange(event);
+        }
+    }
+    addRouteChangeListener(route, listener) {
+        debug('HashRouter addRouteChangeListener');
+        this.routeChangeListeners.push([route, listener]);
+    }
+    navigate(route, shallow) {
+        debug('HashRouter navigate');
+        if (shallow) {
+            return window.history.pushState(null, '', `#${route}`);
+        }
+        window.location.hash = route;
+    }
+    setRoute(route) {
+        debug('HashRouter setRoute');
+        window.location.hash = route;
+    }
+    matchRoute(route, path) {
+        const routeParts = route.split('/');
+        const pathParts = path.split('/');
+        debug(`HashRouter matchRoute route=${route} path=${path}`, { routeParts, pathParts });
+        if (routeParts[1] === '' && pathParts[0] === '') {
+            return true;
+        }
+        if (routeParts.length !== pathParts.length) {
+            return false;
+        }
+        for (let i = 0; i < routeParts.length; i++) {
+            const routePart = routeParts[i];
+            const pathPart = pathParts[i];
+            if (routePart.startsWith(':')) {
+                continue;
+            }
+            if (routePart !== pathPart) {
+                return false;
+            }
+        }
+        return true;
+    }
+    getRouteParams(route) {
+        debug('HashRouter getRouteParams');
+        const routeParams = {};
+        const routeParts = route.split('/');
+        const routeConfigParts = window.location.hash.split('/');
+        routeParts.forEach((routePart, index) => {
+            if (routePart.startsWith(':')) {
+                const key = routePart.substring(1);
+                routeParams[key] = routeConfigParts[index];
+            }
+        });
+        return routeParams;
+    }
+    getRouteWithParams(route, routeParams) {
+        debug('HashRouter getRouteWithParams');
+        let routeWithParams = route;
+        Object.keys(routeParams).forEach(key => {
+            routeWithParams = routeWithParams.replace(`:${key}`, routeParams[key]);
+        });
+        return routeWithParams;
+    }
+    getRoute() {
+        debug('HashRouter getRoute');
+        return window.location.hash;
+    }
+    onRouteChange(event) {
+        this.routeChangeListeners.forEach(async ([route, listener]) => {
+            const path = event.newURL.indexOf('#') === -1 ? '' : event.newURL.substring(event.newURL.indexOf('#') + 1);
+            debug(`HashRouter onRouteChange route=${route} path=${path}`, { event });
+            if (!this.matchRoute(route, path)) {
+                debug(`HashRouter onRouteChange route=${route} path=${path} does not match`);
+                return;
+            }
+            const routeParams = this.getRouteParams(route);
+            await listener(route, path, routeParams);
+        });
+    }
+    getBasePath() {
+        debug('HashRouter getBasePath');
+        return '';
+    }
+}
+
+function CreateNylasAuthStore(defaultState = {}) {
+    const defaultNylasStoreState = {
+        isAuthenticated: false,
+        tokenInfo: null,
+        state: 'ready',
+        ...defaultState,
+    };
+    const store = createStore(defaultNylasStoreState);
+    store.reset = () => {
+        for (const key in defaultNylasStoreState) {
+            const value = defaultNylasStoreState[key];
+            store.set(key, value);
+        }
+    };
+    return store;
+}
+
+function CreateNylasMailboxStore(defaultState = {}) {
+    const defaultNylasStoreState = {
+        state: 'ready',
+        messages: [],
+        threads: [],
+        folders: [],
+        selectedThread: null,
+        nextThreadPageToken: null,
+        previousThreadPageTokens: [],
+        searchQuery: '',
+        hasNextThreadPage: false,
+        hasPreviousThreadPage: false,
+        selectedFolder: 'inbox',
+        threadsQueryParams: {
+            in: 'inbox',
+        },
+        messgeQueryParams: {
+            fields: 'include_headers',
+        },
+        ...defaultState,
+    };
+    const store = createStore({ ...defaultNylasStoreState });
+    store.onChange('nextThreadPageToken', nextThreadPageToken => {
+        store.set('hasNextThreadPage', nextThreadPageToken !== null);
+    });
+    store.onChange('previousThreadPageTokens', previousThreadPageTokens => {
+        store.set('hasPreviousThreadPage', previousThreadPageTokens.length > 0);
+    });
+    store.onChange('threadsQueryParams', threadsQueryParams => {
+        store.set('selectedFolder', threadsQueryParams.in || 'inbox');
+        store.set('searchQuery', threadsQueryParams.search_query_native || '');
+    });
+    store.reset = () => {
+        for (const key in defaultNylasStoreState) {
+            const value = defaultNylasStoreState[key];
+            store.set(key, value);
+        }
+    };
+    return store;
+}
+
+export { CreateNylasAuthStore as C, HashRouter as H, NylasAuthConnector as N, NylasThreadsConnector as a, NylasMessagesConnector as b, NylasFoldersConnector as c, CreateNylasMailboxStore as d };
+
+//# sourceMappingURL=mailbox-store-0019772c.js.map