@nylas/web-elements 1.0.0-prealpha1

package/dist/collection/components/mailbox/nylas-list-threads/test/nylas-list-threads.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-list-threads.e2e.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-list-threads/test/nylas-list-threads.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2CAA2C,CAAC,CAAC;QAEnE,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACtD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,2CAA2C,CAAC,CAAC;QAEnE,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACxD,SAAS,CAAC,WAAW,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAE1C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC;QACnE,MAAM,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAG3C,MAAM,SAAS,GAAG,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAiB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import threads from '@/common/mocks/threads';\nimport { newE2EPage } from '@stencil/core/testing';\n\ndescribe('nylas-list-threads', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<nylas-list-threads></nylas-list-threads>');\n\n    const element = await page.find('nylas-list-threads');\n    expect(element).toHaveClass('hydrated');\n  });\n\n  it('renders threas when passed via props', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<nylas-list-threads></nylas-list-threads>');\n\n    const component = await page.find('nylas-list-threads');\n    component.setProperty('threads', threads);\n\n    await page.waitForChanges();\n\n    const items = await page.findAll('nylas-list-threads >>> .thread');\n    expect(items).toHaveLength(threads.length);\n\n    // Get the first item and find the .subject element\n    const firstItem = await items[0].find('.subject');\n    expect(firstItem).toEqualText(threads[0].subject as string);\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-list-threads/test/nylas-list-threads.spec.js

@@ -0,0 +1,25 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { NylasListThreads } from "../nylas-list-threads";
+import threads from "../../../../common/mocks/threads";
+describe('nylas-list-threads', () => {
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [NylasListThreads],
+            html: `<nylas-list-threads></nylas-list-threads>`,
+        });
+        expect(page.root).toMatchSnapshot();
+    });
+    it('renders with threads', async () => {
+        const page = await newSpecPage({
+            components: [NylasListThreads],
+            html: `<nylas-list-threads></nylas-list-threads>`,
+        });
+        if (!page.root) {
+            throw new Error('No root element');
+        }
+        page.root.threads = threads;
+        await page.waitForChanges();
+        expect(page.root).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=nylas-list-threads.spec.js.map

package/dist/collection/components/mailbox/nylas-list-threads/test/nylas-list-threads.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-list-threads.spec.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-list-threads/test/nylas-list-threads.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAE7C,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,gBAAgB,CAAC;YAC9B,IAAI,EAAE,2CAA2C;SAClD,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,gBAAgB,CAAC;YAC9B,IAAI,EAAE,2CAA2C;SAClD,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { NylasListThreads } from '../nylas-list-threads';\nimport threads from '@/common/mocks/threads';\n\ndescribe('nylas-list-threads', () => {\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [NylasListThreads],\n      html: `<nylas-list-threads></nylas-list-threads>`,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('renders with threads', async () => {\n    const page = await newSpecPage({\n      components: [NylasListThreads],\n      html: `<nylas-list-threads></nylas-list-threads>`,\n    });\n\n    if (!page.root) {\n      throw new Error('No root element');\n    }\n\n    page.root.threads = threads;\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-mailbox/nylas-mailbox.css

@@ -0,0 +1,3 @@
+:host {
+  display: contents;
+}

package/dist/collection/components/mailbox/nylas-mailbox/nylas-mailbox.js

@@ -0,0 +1,474 @@
+import { NylasBaseProvider } from "../../../common/abstract-provider";
+import { NylasMailboxConnector } from "../../../connector/nylas-mailbox-connector/index";
+import { HashRouter } from "../../../routers/hash-router";
+import { CreateNylasAuthStore } from "../../../stores/auth-store";
+import { CreateNylasMailboxStore } from "../../../stores/mailbox-store";
+import { NylasAuth } from "@nylas/core";
+import { Host, h } from "@stencil/core";
+import { debug } from "../../../utils/utils";
+export class NylasMailbox {
+    constructor() {
+        this.handleAuthChange = async (isAuthenticated) => {
+            if (isAuthenticated) {
+                this.loggedIn.emit(this.host);
+            }
+            else {
+                const loggedOutEvent = this.loggedOut.emit(this.host);
+                if (!loggedOutEvent.defaultPrevented) {
+                    await this.nylasMailboxConnector?.logout();
+                }
+            }
+        };
+        this.automaticComponentRegistration = true;
+        this.eventOverrides = {};
+        this.authConfig = undefined;
+        this.defaultAuthStoreState = undefined;
+        this.defaultMailboxStoreState = undefined;
+    }
+    connectedCallback() {
+        debug('[nylas-mailbox] connectedCallback');
+    }
+    async componentWillLoad() {
+        this.stores = {
+            auth: CreateNylasAuthStore(this.defaultAuthStoreState),
+            mailbox: CreateNylasMailboxStore(this.defaultMailboxStoreState),
+        };
+        this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
+        this.router = new HashRouter();
+        this.nylasAuth = NylasAuth({
+            apiUri: 'https://api.us.nylas.com',
+            elementsApiUri: 'https://elements.us.nylas.com',
+            storageType: 'indexeddb',
+            clientId: 'YOUR_CLIENT_ID',
+            defaultScopes: [],
+            redirectURI: '/',
+            ...this.authConfig,
+        });
+        const authStore = this.baseProvider?.getStore('auth');
+        if (!authStore) {
+            throw new Error('Auth store is not defined');
+        }
+        const mailboxStore = this.baseProvider?.getStore('mailbox');
+        if (!mailboxStore) {
+            throw new Error('Mailbox store is not defined');
+        }
+        this.nylasMailboxConnector = new NylasMailboxConnector(this.router, this.nylasAuth, authStore, mailboxStore);
+        const initEvent = this.init.emit(this.host);
+        if (!initEvent.defaultPrevented) {
+            await this.nylasMailboxConnector?.auth.validateSession();
+        }
+        this.router?.addRouteChangeListener(`/thread/:threadId`, async (_route, _path, routeParams) => {
+            const threadId = routeParams.threadId;
+            const thread = await this.nylasMailboxConnector?.threads.getThread(threadId);
+            if (thread) {
+                this.nylasMailboxConnector?.mailboxStore.set('selectedThread', thread);
+            }
+        });
+        this.router?.addRouteChangeListener(`/`, async (_route, _path, _routeParams) => {
+            if (!authStore.state.isAuthenticated) {
+                return;
+            }
+            this.nylasMailboxConnector?.threads.unSelectThread();
+            this.nylasMailboxConnector?.folders.getFolders();
+            const queryParams = window.location.hash.split('?')[1];
+            if (queryParams) {
+                const params = new URLSearchParams(queryParams);
+                const searchQuery = params.get('query');
+                if (searchQuery) {
+                    await this.nylasMailboxConnector?.threads.getThreads({
+                        search_query_native: searchQuery,
+                        page_token: undefined,
+                    });
+                }
+            }
+            else {
+                this.nylasMailboxConnector?.threads.getThreads();
+            }
+        });
+        this.router?.init();
+        this.handleAuthChange(authStore.state.isAuthenticated);
+        this.baseProvider?.componentWillLoad(this.nylasMailboxConnector);
+    }
+    async componentDidLoad() {
+        const authStore = this.baseProvider?.getStore('auth');
+        if (!authStore) {
+            throw new Error('Auth store is not defined');
+        }
+        authStore.onChange('isAuthenticated', this.handleAuthChange);
+        this.baseProvider?.componentDidLoad();
+    }
+    componentDisconnected() {
+        this.baseProvider?.componentDisconnected();
+    }
+    async registerComponentHandler(event) {
+        this.baseProvider?.registerComponent(event.detail);
+    }
+    async unregisterComponentHandler(event) {
+        this.baseProvider?.unregisterComponent(event.detail);
+    }
+    async getMailboxStore() {
+        return this.baseProvider?.getStore('mailbox');
+    }
+    async getAuthStore() {
+        return this.baseProvider?.getStore('auth');
+    }
+    async getNylasAuth() {
+        return this.nylasAuth;
+    }
+    async getNylasMailboxConnector() {
+        return this.nylasMailboxConnector;
+    }
+    render() {
+        return (h(Host, { key: '08e87a3218f672e8944102d626b690aefb3bab3f' }, h("slot", { key: '05ab1ca1539a00ea199bb9cb25c8b96af8d6ab66' })));
+    }
+    static get is() { return "nylas-mailbox"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["nylas-mailbox.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["nylas-mailbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "automaticComponentRegistration": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Automatically register components that have the `@RegisterComponent` decorator.\nIf this is set to false, you will need to manually register components using the\n`registerComponent` method."
+                },
+                "attribute": "automatic-component-registration",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "eventOverrides": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>>",
+                    "resolved": "{ [x: string]: (event: CustomEvent<any>, connector?: NylasMailboxConnector | undefined) => Promise<void>; }",
+                    "references": {
+                        "EventOverride": {
+                            "location": "import",
+                            "path": "@/common/component-types",
+                            "id": "src/common/component-types.ts::EventOverride"
+                        },
+                        "Exclude": {
+                            "location": "global",
+                            "id": "global::Exclude"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "This provides a way to override the default event handlers."
+                },
+                "defaultValue": "{}"
+            },
+            "authConfig": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "AuthConfg",
+                    "resolved": "undefined | { apiUri: string; elementsApiUri: string; clientId: string; defaultScopes: string[]; storageType: \"indexeddb\" | \"localstorage\"; redirectURI: string; }",
+                    "references": {
+                        "AuthConfg": {
+                            "location": "import",
+                            "path": "@nylas/core",
+                            "id": "../nylas-js-core/dist/index.d.ts::AuthConfg"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The Nylas Auth configuration.\nUsed to manage all things authentication with Nylas."
+                }
+            },
+            "defaultAuthStoreState": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "NylasAuthStoreState",
+                    "resolved": "NylasAuthStoreState | undefined",
+                    "references": {
+                        "NylasAuthStoreState": {
+                            "location": "import",
+                            "path": "@/stores/auth-store",
+                            "id": "src/stores/auth-store.ts::NylasAuthStoreState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The default auth store state.\nUsed to set the initial state of the auth store."
+                }
+            },
+            "defaultMailboxStoreState": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "NylasMailboxStoreState",
+                    "resolved": "NylasMailboxStoreState | undefined",
+                    "references": {
+                        "NylasMailboxStoreState": {
+                            "location": "import",
+                            "path": "@/stores/mailbox-store",
+                            "id": "src/stores/mailbox-store.ts::NylasMailboxStoreState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The default mailbox store state.\nUsed to set the initial state of the mailbox store."
+                }
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "init",
+                "name": "init",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event is fired when the provider is initialized.\nIt can be used to set the initial state of the provider,\nor to prevent the provider from firing some default behavior."
+                },
+                "complexType": {
+                    "original": "HTMLNylasMailboxElement",
+                    "resolved": "HTMLNylasMailboxElement",
+                    "references": {
+                        "HTMLNylasMailboxElement": {
+                            "location": "global",
+                            "id": "global::HTMLNylasMailboxElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "loggedIn",
+                "name": "loggedIn",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event is fired when the the NyalsAuth isAuthenticated state changes\nto true."
+                },
+                "complexType": {
+                    "original": "HTMLNylasMailboxElement",
+                    "resolved": "HTMLNylasMailboxElement",
+                    "references": {
+                        "HTMLNylasMailboxElement": {
+                            "location": "global",
+                            "id": "global::HTMLNylasMailboxElement"
+                        }
+                    }
+                }
+            }, {
+                "method": "loggedOut",
+                "name": "loggedOut",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event is fired when the the NyalsAuth isAuthenticated state changes\nto true."
+                },
+                "complexType": {
+                    "original": "HTMLNylasMailboxElement",
+                    "resolved": "HTMLNylasMailboxElement",
+                    "references": {
+                        "HTMLNylasMailboxElement": {
+                            "location": "global",
+                            "id": "global::HTMLNylasMailboxElement"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "getMailboxStore": {
+                "complexType": {
+                    "signature": "() => Promise<NylasMailboxStoreType | undefined>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "NylasMailboxStoreState": {
+                            "location": "import",
+                            "path": "@/stores/mailbox-store",
+                            "id": "src/stores/mailbox-store.ts::NylasMailboxStoreState"
+                        },
+                        "NylasMailboxStoreType": {
+                            "location": "import",
+                            "path": "@/stores/mailbox-store",
+                            "id": "src/stores/mailbox-store.ts::NylasMailboxStoreType"
+                        }
+                    },
+                    "return": "Promise<ObservableMap<NylasMailboxStoreState> | undefined>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve the mailboxStore instance",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "The mailboxStore instance"
+                        }]
+                }
+            },
+            "getAuthStore": {
+                "complexType": {
+                    "signature": "() => Promise<NylasAuthStoreType | undefined>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "NylasAuthStoreState": {
+                            "location": "import",
+                            "path": "@/stores/auth-store",
+                            "id": "src/stores/auth-store.ts::NylasAuthStoreState"
+                        },
+                        "NylasAuthStoreType": {
+                            "location": "import",
+                            "path": "@/stores/auth-store",
+                            "id": "src/stores/auth-store.ts::NylasAuthStoreType"
+                        }
+                    },
+                    "return": "Promise<ObservableMap<NylasAuthStoreState> | undefined>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve the authStore instance",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "The authStore instance"
+                        }]
+                }
+            },
+            "getNylasAuth": {
+                "complexType": {
+                    "signature": "() => Promise<NylasAuthType | undefined>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "AuthConfg": {
+                            "location": "import",
+                            "path": "@nylas/core",
+                            "id": "../nylas-js-core/dist/index.d.ts::AuthConfg"
+                        },
+                        "RequestInit": {
+                            "location": "global",
+                            "id": "global::RequestInit"
+                        },
+                        "T": {
+                            "location": "global",
+                            "id": "global::T"
+                        },
+                        "ReadableStream": {
+                            "location": "global",
+                            "id": "global::ReadableStream"
+                        },
+                        "Uint8Array": {
+                            "location": "global",
+                            "id": "global::Uint8Array"
+                        },
+                        "T_2": {
+                            "location": "global",
+                            "id": "global::T_2"
+                        },
+                        "T_3": {
+                            "location": "global",
+                            "id": "global::T_3"
+                        },
+                        "Blob": {
+                            "location": "global",
+                            "id": "global::Blob"
+                        },
+                        "NylasAuthType": {
+                            "location": "import",
+                            "path": "@nylas/core",
+                            "id": "../nylas-js-core/dist/index.d.ts::NylasAuthType"
+                        }
+                    },
+                    "return": "Promise<{ config: AuthConfg; getHostedAuthRedirectURL(scopes?: string[] | undefined, email?: string | undefined, provider?: string | undefined): Promise<string>; nylasAPIRequest: { <T>(path: string, method?: string | undefined, body?: any, parseJSON?: boolean | undefined, domain?: string | undefined, request?: RequestInit | undefined): Promise<T>; <T_1>(path: string, method: string, body: any, parseJSON: false, domain?: string | undefined, request?: RequestInit | undefined): Promise<ReadableStream<Uint8Array> | null>; <T_2>(path: string, method: string, body: any, parseJSON: true, domain?: string | undefined, request?: RequestInit | undefined): Promise<T_2>; <T_3>(path: string, method: string, body: any, parseJSON: boolean, domain?: string | undefined, request?: RequestInit | undefined): Promise<T_3 | ReadableStream<Uint8Array> | null>; }; exchangeAuthCodeForTokenInfo(code: string): Promise<TokenExchangeResponse | null>; nylasDownloadFileRequest(path: string, method?: string | undefined, body?: any): Promise<Blob>; logout(): Promise<void>; isAuthenticated(): Promise<boolean>; getTokenInfo(): Promise<TokenInfo | null>; isAccessTokenValid(): Promise<boolean>; refreshAccessToken(): Promise<TokenExchangeResponse | null>; hasScopeByType(service: \"email\" | undefined, types: string | string[]): Promise<boolean>; hasScope(scope: string | string[]): Promise<boolean>; } | undefined>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve the NylasAuth instance",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "The NylasAuth instance"
+                        }]
+                }
+            },
+            "getNylasMailboxConnector": {
+                "complexType": {
+                    "signature": "() => Promise<NylasMailboxConnector | undefined>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "NylasMailboxConnector": {
+                            "location": "import",
+                            "path": "@/connector/nylas-mailbox-connector",
+                            "id": "src/connector/nylas-mailbox-connector/index.ts::NylasMailboxConnector"
+                        }
+                    },
+                    "return": "Promise<NylasMailboxConnector | undefined>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve the NylasMailboxConnector instance",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "The NylasMailboxConnector instance"
+                        }]
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "registerComponent",
+                "method": "registerComponentHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "unregisterComponent",
+                "method": "unregisterComponentHandler",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=nylas-mailbox.js.map

package/dist/collection/components/mailbox/nylas-mailbox/nylas-mailbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-mailbox.js","sourceRoot":"","sources":["../../../../src/components/mailbox/nylas-mailbox/nylas-mailbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NylasBaseProvider } from '@/common/abstract-provider';\nimport { RegisteredComponent } from '@/common/register-component';\nimport type { EventOverride } from '@/common/component-types';\nimport { NylasMailboxConnector } from '@/connector/nylas-mailbox-connector';\nimport { HashRouter } from '@/routers/hash-router';\nimport { RouterInterface } from '@/routers/router-interface';\nimport { CreateNylasAuthStore, NylasAuthStoreState, NylasAuthStoreType } from '@/stores/auth-store';\nimport { CreateNylasMailboxStore, NylasMailboxStoreState, NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { AuthConfg, NylasAuth, NylasAuthType } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, h } from '@stencil/core';\nimport { debug } from '@/utils/utils';\n\n/**\n * The Nylas Mailbox component.\n * This component is used as a provider for all other Nylas Mailbox components.\n * It is responsible for managing the NylasAuth and NylasMailboxConnector instances.\n * It also manages the state of the NylasAuth and NylasMailboxStore instances.\n * @example\n * <nylas-mailbox\n *  auth-config={{\n *  clientId: 'YOUR_CLIENT_ID',\n *  }}\n * default-auth-store-state={{\n * threadQueryParams: {\n *  limit: 10,\n * }}\n * >\n *  <nylas-mailbox-thread-list></nylas-mailbox-thread-list>\n * </nylas-mailbox>\n */\n@Component({\n  tag: 'nylas-mailbox',\n  styleUrl: 'nylas-mailbox.css',\n  shadow: true,\n})\nexport class NylasMailbox {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    auth: NylasAuthStoreType;\n    mailbox: NylasMailboxStoreType;\n  };\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 Auth instance.\n   * Used to manage all things authentication with Nylas.\n   */\n  private nylasAuth?: NylasAuthType;\n\n  /**\n   * A router instance.\n   */\n  private router?: RouterInterface;\n\n  /**\n   * The Nylas Mailbox Connector instance.\n   * The branins of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasMailboxConnector?: NylasMailboxConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasMailboxElement;\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   */\n  @Prop() readonly automaticComponentRegistration: boolean = true;\n\n  /**\n   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: EventOverride<Exclude<typeof this.nylasMailboxConnector, undefined>> = {};\n\n  /**\n   * The Nylas Auth configuration.\n   * Used to manage all things authentication with Nylas.\n   */\n  @Prop({ attribute: 'auth-config' }) readonly authConfig?: AuthConfg;\n\n  /**\n   * The default auth store state.\n   * Used to set the initial state of the auth store.\n   */\n  @Prop({ attribute: 'default-auth-store-state' }) readonly defaultAuthStoreState?: NylasAuthStoreState;\n\n  /**\n   * The default mailbox store state.\n   * Used to set the initial state of the mailbox store.\n   */\n  @Prop({ attribute: 'default-mailbox-store-state' }) readonly defaultMailboxStoreState?: NylasMailboxStoreState;\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 }) readonly init!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedIn!: EventEmitter<HTMLNylasMailboxElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) readonly loggedOut!: EventEmitter<HTMLNylasMailboxElement>;\n\n  connectedCallback() {\n    debug('[nylas-mailbox] connectedCallback');\n  }\n\n  async componentWillLoad() {\n    this.stores = {\n      auth: CreateNylasAuthStore(this.defaultAuthStoreState),\n      mailbox: CreateNylasMailboxStore(this.defaultMailboxStoreState),\n    };\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    /**\n     * Create the router instance.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router = new HashRouter();\n\n    /**\n     * Create the NylasAuth instance.\n     * This will be used to manage all things authentication with Nylas.\n     */\n    this.nylasAuth = NylasAuth({\n      apiUri: 'https://api.us.nylas.com',\n      elementsApiUri: 'https://elements.us.nylas.com',\n      storageType: 'indexeddb',\n      clientId: 'YOUR_CLIENT_ID',\n      defaultScopes: [],\n      redirectURI: '/',\n      ...this.authConfig,\n    });\n\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    const mailboxStore = this.baseProvider?.getStore('mailbox');\n    if (!mailboxStore) {\n      throw new Error('Mailbox store is not defined');\n    }\n\n    this.nylasMailboxConnector = new NylasMailboxConnector(this.router, this.nylasAuth, authStore, mailboxStore);\n\n    const initEvent = this.init.emit(this.host);\n    if (!initEvent.defaultPrevented) {\n      /**\n       * By default, on init, we will validate the session.\n       * This will check if the user is logged in and if the session is still valid.\n       * If the session is not valid, the user will be logged out.\n       */\n      await this.nylasMailboxConnector?.auth.validateSession();\n    }\n\n    // Handle our router\n    this.router?.addRouteChangeListener(`/thread/:threadId`, async (_route, _path, routeParams) => {\n      const threadId = routeParams.threadId;\n      const thread = await this.nylasMailboxConnector?.threads.getThread(threadId);\n      if (thread) {\n        this.nylasMailboxConnector?.mailboxStore.set('selectedThread', thread);\n      }\n    });\n    this.router?.addRouteChangeListener(`/`, async (_route, _path, _routeParams) => {\n      if (!authStore.state.isAuthenticated) {\n        return;\n      }\n      // Reset the selected thread\n      this.nylasMailboxConnector?.threads.unSelectThread();\n      this.nylasMailboxConnector?.folders.getFolders();\n\n      // If we have a query param, search for threads\n      const queryParams = window.location.hash.split('?')[1];\n      if (queryParams) {\n        const params = new URLSearchParams(queryParams);\n        const searchQuery = params.get('query');\n        if (searchQuery) {\n          await this.nylasMailboxConnector?.threads.getThreads({\n            search_query_native: searchQuery,\n            page_token: undefined,\n          });\n        }\n      } else {\n        this.nylasMailboxConnector?.threads.getThreads();\n      }\n    });\n\n    /**\n     * Initialize the router.\n     * This will be used to manage the routing of the provider.\n     */\n    this.router?.init();\n\n    /**\n     * Listen for changes in the NylasAuth isAuthenticated state.\n     * This is used to fire the loggedIn and loggedOut events.\n     */\n    this.handleAuthChange(authStore.state.isAuthenticated);\n    this.baseProvider?.componentWillLoad(this.nylasMailboxConnector);\n  }\n\n  async componentDidLoad() {\n    const authStore = this.baseProvider?.getStore('auth');\n    if (!authStore) {\n      throw new Error('Auth store is not defined');\n    }\n\n    authStore.onChange('isAuthenticated', this.handleAuthChange);\n    this.baseProvider?.componentDidLoad();\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\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 method is used to retrieve the mailboxStore instance\n   * @returns The mailboxStore instance\n   */\n  @Method()\n  async getMailboxStore(): Promise<NylasMailboxStoreType | undefined> {\n    return this.baseProvider?.getStore('mailbox');\n  }\n\n  /**\n   * This method is used to retrieve the authStore instance\n   * @returns The authStore instance\n   */\n  @Method()\n  async getAuthStore(): Promise<NylasAuthStoreType | undefined> {\n    return this.baseProvider?.getStore('auth');\n  }\n\n  /**\n   * This method is used to retrieve the NylasAuth instance\n   * @returns The NylasAuth instance\n   */\n  @Method()\n  async getNylasAuth(): Promise<NylasAuthType | undefined> {\n    return this.nylasAuth;\n  }\n\n  /**\n   * This method is used to retrieve the NylasMailboxConnector instance\n   * @returns The NylasMailboxConnector instance\n   */\n  @Method()\n  async getNylasMailboxConnector() {\n    return this.nylasMailboxConnector;\n  }\n\n  /**\n   * This method is used to handle changes in the NylasAuth isAuthenticated state\n   * @param isAuthenticated isAuthenticated state\n   * @returns void\n   */\n  private handleAuthChange = async (isAuthenticated: boolean) => {\n    if (isAuthenticated) {\n      this.loggedIn.emit(this.host);\n    } else {\n      const loggedOutEvent = this.loggedOut.emit(this.host);\n      if (!loggedOutEvent.defaultPrevented) {\n        await this.nylasMailboxConnector?.logout();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/mailbox/nylas-mailbox/test/nylas-mailbox.e2e.js

@@ -0,0 +1,16 @@
+import { newE2EPage } from "@stencil/core/testing";
+import { IDBFactory } from "fake-indexeddb";
+import "fake-indexeddb/auto";
+const indexedDB = new IDBFactory();
+describe('nylas-mailbox', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<nylas-mailbox></nylas-mailbox>');
+        await page.evaluate(() => {
+            window.indexedDB = indexedDB;
+        });
+        const element = await page.find('nylas-mailbox');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=nylas-mailbox.e2e.js.map

package/dist/collection/components/mailbox/nylas-mailbox/test/nylas-mailbox.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-mailbox.e2e.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-mailbox/test/nylas-mailbox.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,qBAAqB,CAAC;AAE7B,MAAM,SAAS,GAAG,IAAI,UAAU,EAAE,CAAC;AAEnC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC;QAEzD,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;YACvB,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC;QAC/B,CAAC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACjD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\nimport { IDBFactory } from 'fake-indexeddb';\nimport 'fake-indexeddb/auto';\n\nconst indexedDB = new IDBFactory();\n\ndescribe('nylas-mailbox', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n\n    await page.setContent('<nylas-mailbox></nylas-mailbox>');\n\n    await page.evaluate(() => {\n      window.indexedDB = indexedDB;\n    });\n\n    const element = await page.find('nylas-mailbox');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

package/dist/collection/components/mailbox/nylas-mailbox/test/nylas-mailbox.spec.js

@@ -0,0 +1,32 @@
+jest.mock('@nylas/core', () => {
+    return {
+        NylasAuth: jest.fn(),
+    };
+});
+jest.mock('../../../../connector/nylas-mailbox-connector', () => {
+    return {
+        NylasMailboxConnector: jest.fn(() => {
+            return {
+                auth: {
+                    validateSession: jest.fn(),
+                },
+                logout: jest.fn(),
+            };
+        }),
+    };
+});
+import { newSpecPage } from "@stencil/core/testing";
+import { NylasMailbox } from "../nylas-mailbox";
+describe('nylas-mailbox', () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    it('renders', async () => {
+        const page = await newSpecPage({
+            components: [NylasMailbox],
+            html: `<nylas-mailbox></nylas-mailbox>`,
+        });
+        expect(page.root).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=nylas-mailbox.spec.js.map

package/dist/collection/components/mailbox/nylas-mailbox/test/nylas-mailbox.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-mailbox.spec.js","sourceRoot":"","sources":["../../../../../src/components/mailbox/nylas-mailbox/test/nylas-mailbox.spec.tsx"],"names":[],"mappings":"AACA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,OAAO;QACL,SAAS,EAAE,IAAI,CAAC,EAAE,EAAE;KACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAGH,IAAI,CAAC,IAAI,CAAC,+CAA+C,EAAE,GAAG,EAAE;IAC9D,OAAO;QACL,qBAAqB,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE;YAElC,OAAO;gBACL,IAAI,EAAE;oBACJ,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE;iBAC3B;gBACD,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;aAClB,CAAC;QACJ,CAAC,CAAC;KACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE;QAEd,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QACH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["// Mock NylasAuth\njest.mock('@nylas/core', () => {\n  return {\n    NylasAuth: jest.fn(),\n  };\n});\n\n// Mock NylasMailboxConnector\njest.mock('../../../../connector/nylas-mailbox-connector', () => {\n  return {\n    NylasMailboxConnector: jest.fn(() => {\n      // Mock implementation or return value\n      return {\n        auth: {\n          validateSession: jest.fn(),\n        },\n        logout: jest.fn(),\n      };\n    }),\n  };\n});\n\nimport { newSpecPage } from '@stencil/core/testing';\nimport { NylasMailbox } from '../nylas-mailbox';\n\ndescribe('nylas-mailbox', () => {\n  beforeEach(() => {\n    // Clear and reset the mock before each test if needed\n    jest.clearAllMocks();\n  });\n\n  it('renders', async () => {\n    const page = await newSpecPage({\n      components: [NylasMailbox],\n      html: `<nylas-mailbox></nylas-mailbox>`,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}