@nylas/web-elements 1.0.0-prealpha1

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

@@ -0,0 +1,423 @@
+import { NylasBaseProvider } from "../../common/abstract-provider";
+import { NylasConnector } from "../../connector/nylas-connector/index";
+import { HashRouter } from "../../routers/hash-router";
+import { CreateNylasAuthStore } from "../../stores/auth-store";
+import { CreateNylasMailboxStore } from "../../stores/mailbox-store";
+import { CreateNylasSchedulerStore } from "../../stores/scheduler-store";
+import { NylasAuth } from "@nylas/core";
+import { Host, h } from "@stencil/core";
+import { debug } from "../../utils/utils";
+export class NylasProvider {
+    constructor() {
+        this.handleAuthChange = async (isAuthenticated) => {
+            if (isAuthenticated) {
+                this.loggedIn.emit(this.host);
+            }
+            else {
+                this.loggedOut.emit(this.host);
+            }
+        };
+        this.authConfig = undefined;
+        this.eventOverrides = {};
+        this.automaticComponentRegistration = true;
+    }
+    connectedCallback() {
+        debug('[nylas-provider] connectedCallback');
+    }
+    async componentWillLoad() {
+        debug('[nylas-provider] componentWillLoad');
+        this.stores = {
+            auth: CreateNylasAuthStore(),
+            mailbox: CreateNylasMailboxStore(),
+            scheduler: CreateNylasSchedulerStore(),
+        };
+        this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
+        const 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 nylasMailboxStore = this.baseProvider?.getStore('mailbox');
+        if (!nylasMailboxStore) {
+            throw new Error('The mailbox store is not set');
+        }
+        const nylasAuthStore = this.baseProvider?.getStore('auth');
+        if (!nylasAuthStore) {
+            throw new Error('The auth store is not set');
+        }
+        const nylasSchedulerStore = this.baseProvider?.getStore('scheduler');
+        if (!nylasSchedulerStore) {
+            throw new Error('The scheduler store is not set');
+        }
+        this.nylasConnector = new NylasConnector(router, this.nylasAuth, nylasAuthStore, nylasMailboxStore, nylasSchedulerStore);
+        const initEvent = this.init.emit(this.host);
+        if (!initEvent.defaultPrevented) {
+            await this.nylasConnector?.auth.validateSession();
+        }
+        this.handleAuthChange(nylasAuthStore.state.isAuthenticated);
+        this.baseProvider?.componentWillLoad(this.nylasConnector);
+    }
+    componentDidLoad() {
+        const nylasAuthStore = this.baseProvider?.getStore('auth');
+        nylasAuthStore?.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 getNylasAuth() {
+        return this.nylasAuth;
+    }
+    async getNylasConnector() {
+        return this.nylasConnector;
+    }
+    async getMailboxStore() {
+        return this.baseProvider?.getStore('mailbox');
+    }
+    async getAuthStore() {
+        return this.baseProvider?.getStore('auth');
+    }
+    async getNylasSchedulerStore() {
+        return this.baseProvider?.getStore('scheduler');
+    }
+    render() {
+        return (h(Host, { key: 'ff2cfa488faf8587aae9b577b59f536921dc125a' }, h("slot", { key: 'a5faaff431a3140912330969ea744fbc1519c121' })));
+    }
+    static get is() { return "nylas-provider"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["nylas-provider.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["nylas-provider.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "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."
+                }
+            },
+            "eventOverrides": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EventOverride<Exclude<typeof this.nylasConnector, undefined>>",
+                    "resolved": "{ [x: string]: (event: CustomEvent<any>, connector?: NylasConnector | 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": "{}"
+            },
+            "automaticComponentRegistration": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "true"
+                        }],
+                    "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"
+            }
+        };
+    }
+    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": "HTMLNylasProviderElement",
+                    "resolved": "HTMLNylasProviderElement",
+                    "references": {
+                        "HTMLNylasProviderElement": {
+                            "location": "global",
+                            "id": "global::HTMLNylasProviderElement"
+                        }
+                    }
+                }
+            }, {
+                "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": "HTMLNylasProviderElement",
+                    "resolved": "HTMLNylasProviderElement",
+                    "references": {
+                        "HTMLNylasProviderElement": {
+                            "location": "global",
+                            "id": "global::HTMLNylasProviderElement"
+                        }
+                    }
+                }
+            }, {
+                "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": "HTMLNylasProviderElement",
+                    "resolved": "HTMLNylasProviderElement",
+                    "references": {
+                        "HTMLNylasProviderElement": {
+                            "location": "global",
+                            "id": "global::HTMLNylasProviderElement"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "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"
+                        }]
+                }
+            },
+            "getNylasConnector": {
+                "complexType": {
+                    "signature": "() => Promise<NylasConnector | undefined>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "NylasConnector": {
+                            "location": "import",
+                            "path": "@/connector/nylas-connector",
+                            "id": "src/connector/nylas-connector/index.ts::NylasConnector"
+                        }
+                    },
+                    "return": "Promise<NylasConnector | undefined>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve the NylasConnector instance",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "The NylasConnector instance"
+                        }]
+                }
+            },
+            "getMailboxStore": {
+                "complexType": {
+                    "signature": "() => Promise<NylasMailboxStoreType | undefined>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "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"
+                        },
+                        "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"
+                        }]
+                }
+            },
+            "getNylasSchedulerStore": {
+                "complexType": {
+                    "signature": "() => Promise<NylasSchedulerStoreType | undefined>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "NylasSchedulerStoreType": {
+                            "location": "import",
+                            "path": "@/stores/scheduler-store",
+                            "id": "src/stores/scheduler-store.ts::NylasSchedulerStoreType"
+                        }
+                    },
+                    "return": "Promise<ObservableMap<NylasSchedulerStoreState> | undefined>"
+                },
+                "docs": {
+                    "text": "This method is used to retrieve the NylasScheduler instance",
+                    "tags": [{
+                            "name": "returns",
+                            "text": "The NylasScheduler 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-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-provider.js","sourceRoot":"","sources":["../../../src/components/nylas-provider/nylas-provider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NylasBaseProvider } from '@/common/abstract-provider';\nimport { RegisteredComponent } from '@/common/register-component';\nimport { NylasConnector } from '@/connector/nylas-connector';\nimport { HashRouter } from '@/routers/hash-router';\nimport { CreateNylasAuthStore, NylasAuthStoreType } from '@/stores/auth-store';\nimport { CreateNylasMailboxStore, NylasMailboxStoreType } from '@/stores/mailbox-store';\nimport { CreateNylasSchedulerStore, NylasSchedulerStoreType } from '@/stores/scheduler-store';\nimport type { NylasAuthType } from '@nylas/core';\nimport { AuthConfg, NylasAuth } from '@nylas/core';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, h } from '@stencil/core';\nimport type { EventOverride } from '@/common/component-types';\nimport { debug } from '@/utils/utils';\n\n/**\n * The Nylas Provider component.\n * This component is used to manage the Nylas Provider.\n * It is used to manage the Nylas Auth instance, the Nylas Connector instance,\n * and the Nylas Store instance.\n */\n@Component({\n  tag: 'nylas-provider',\n  styleUrl: 'nylas-provider.css',\n  shadow: true,\n})\nexport class NylasProvider {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    auth: NylasAuthStoreType;\n    mailbox: NylasMailboxStoreType;\n    scheduler: NylasSchedulerStoreType;\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   * The Nylas Mailbox Connector instance.\n   * The branins of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasConnector?: NylasConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasProviderElement;\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   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: EventOverride<Exclude<typeof this.nylasConnector, undefined>> = {};\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  @Prop() automaticComponentRegistration: boolean = true;\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<HTMLNylasProviderElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) loggedIn!: EventEmitter<HTMLNylasProviderElement>;\n\n  /**\n   * This event is fired when the the NyalsAuth isAuthenticated state changes\n   * to true.\n   */\n  @Event({ cancelable: true }) loggedOut!: EventEmitter<HTMLNylasProviderElement>;\n\n  connectedCallback() {\n    debug('[nylas-provider] connectedCallback');\n  }\n\n  async componentWillLoad() {\n    debug('[nylas-provider] componentWillLoad');\n\n    this.stores = {\n      auth: CreateNylasAuthStore(),\n      mailbox: CreateNylasMailboxStore(),\n      scheduler: CreateNylasSchedulerStore(),\n    };\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    const router = new HashRouter();\n\n    /**\n     * Create the NylasAuth instance.\n     * This is 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 nylasMailboxStore = this.baseProvider?.getStore('mailbox');\n    if (!nylasMailboxStore) {\n      throw new Error('The mailbox store is not set');\n    }\n\n    const nylasAuthStore = this.baseProvider?.getStore('auth');\n    if (!nylasAuthStore) {\n      throw new Error('The auth store is not set');\n    }\n\n    const nylasSchedulerStore = this.baseProvider?.getStore('scheduler');\n    if (!nylasSchedulerStore) {\n      throw new Error('The scheduler store is not set');\n    }\n\n    this.nylasConnector = new NylasConnector(router, this.nylasAuth, nylasAuthStore, nylasMailboxStore, nylasSchedulerStore);\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.nylasConnector?.auth.validateSession();\n    }\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(nylasAuthStore.state.isAuthenticated);\n\n    this.baseProvider?.componentWillLoad(this.nylasConnector);\n  }\n\n  componentDidLoad() {\n    const nylasAuthStore = this.baseProvider?.getStore('auth');\n    nylasAuthStore?.onChange('isAuthenticated', this.handleAuthChange);\n\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 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      this.loggedOut.emit(this.host);\n    }\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 NylasConnector instance\n   * @returns The NylasConnector instance\n   */\n  @Method()\n  async getNylasConnector() {\n    return this.nylasConnector;\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 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  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,10 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe('nylas-provider', () => {
+    it('renders', async () => {
+        const page = await newE2EPage();
+        await page.setContent('<nylas-provider></nylas-provider>');
+        const element = await page.find('nylas-provider');
+        expect(element).toHaveClass('hydrated');
+    });
+});
+//# sourceMappingURL=nylas-provider.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-provider.e2e.js","sourceRoot":"","sources":["../../../../src/components/nylas-provider/test/nylas-provider.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;QAE3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAClD,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';\n\ndescribe('nylas-provider', () => {\n  it('renders', async () => {\n    const page = await newE2EPage();\n    await page.setContent('<nylas-provider></nylas-provider>');\n\n    const element = await page.find('nylas-provider');\n    expect(element).toHaveClass('hydrated');\n  });\n});\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"nylas-provider.spec.js","sourceRoot":"","sources":["../../../../src/components/nylas-provider/test/nylas-provider.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,oCAAoC,EAAE,GAAG,EAAE;IACnD,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE;YAE3B,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,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,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,aAAa,CAAC;YAC3B,IAAI,EAAE,uCAAuC;SAC9C,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 NylasConnector\njest.mock('../../../connector/nylas-connector', () => {\n  return {\n    NylasConnector: 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 { NylasProvider } from '../nylas-provider';\n\ndescribe('nylas-provider', () => {\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: [NylasProvider],\n      html: `<nylas-provider>test</nylas-provider>`,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

package/dist/collection/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.css

@@ -0,0 +1,155 @@
+:host {
+  display: block;
+}
+
+sp-theme {
+  height: inherit;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  font-family: var(--nylas-font-family);
+}
+
+.event-card-wrapper {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  background-color: var(--nylas-base-0);
+  color: var(--nylas-base-900);
+  border-radius: var(--nylas-border-radius-3x);
+  position: relative;
+  margin-top: 1rem;
+  margin-bottom: 2rem;
+  width: 424px;
+  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06);
+}
+
+.calendar-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 50%;
+  position: absolute;
+  top: -1.25rem;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: var(--nylas-base-0);
+  border: 1px solid var(--nylas-base-200);
+}
+
+.booked-event-header {
+  margin: 1.5rem 0;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  font-size: 1rem;
+  font-weight: 400;
+}
+.booked-event-header h2 {
+  color: var(--nylas-base-600);
+  margin-top: 1.5rem;
+  margin-bottom: 0.5rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+}
+
+.booking-date-time,
+.booking-participants {
+  padding: 0 1rem;
+  margin-top: 1.5rem;
+  margin-left: 3rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-self: flex-start;
+  position: relative;
+}
+.booking-date-time svg,
+.booking-participants svg {
+  color: var(--nylas-base-700);
+  position: absolute;
+  left: -10px;
+}
+.booking-date-time .block,
+.booking-participants .block {
+  display: block;
+}
+.booking-date-time h3,
+.booking-participants h3 {
+  color: var(--nylas-base-600);
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.25rem;
+}
+.booking-date-time p,
+.booking-participants p {
+  font-size: 0.875rem;
+  margin: 0;
+  font-weight: 400;
+}
+
+.booking-participants {
+  margin-bottom: 1.5rem;
+}
+
+.booked-event-timezone {
+  display: flex;
+  color: var(--nylas-base-600);
+  margin-bottom: 1.5rem;
+  gap: 4px;
+  margin: 2rem;
+  align-items: center;
+  align-self: flex-end;
+}
+
+.footer {
+  padding: 0.5rem;
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0.5rem;
+  box-sizing: border-box;
+  background-color: var(--nylas-base-25);
+  width: 100%;
+  border-radius: 0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);
+}
+
+sp-button {
+  background-color: var(--nylas-base-0);
+  color: var(--nylas-base-700);
+  border: 1px solid var(--nylas-base-200);
+  border-radius: var(--nylas-border-radius-2x);
+  font-size: 1rem;
+  padding-top: 2px;
+}
+sp-button.cancel {
+  color: var(--nylas-error);
+}
+sp-button.cancel:hover {
+  border-color: var(--nylas-error);
+}
+sp-button.cancel:active {
+  color: var(--nylas-error-pressed);
+  border-color: var(--nylas-error-pressed);
+}
+sp-button.reschedule:hover {
+  border-color: var(--nylas-primary);
+}
+sp-button.reschedule:active {
+  border-color: var(--nylas-base-600);
+}
+
+sp-divider {
+  background-color: var(--nylas-base-200);
+  height: 1px;
+}
+
+calendar-check-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}