@nylas/web-elements 1.1.0-canary.3 → 1.1.0-canary.5

package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.js

@@ -1,19 +1,30 @@
 import { NylasBaseProvider } from "../../../common/abstract-provider";
+import { NylasIdentityRequestWrapper } from "../../../common/nylas-api-request";
 import { NylasSchedulerConfigConnector } from "../../../connector/nylas-scheduler-config-connector/index";
 import { CreateNylasSchedulerConfigStore } from "../../../stores/scheduler-config-store";
 import { debug } from "../../../utils/utils";
-import { Host, h } from "@stencil/core";
-import { NylasIdentityRequestWrapper } from "../../../common/nylas-api-request";
 import { NylasSessions } from "@nylas/identity";
+import { Host, h } from "@stencil/core";
+import { LoginRequired } from "./LoginRequired";
 export class NylasSchedulerEditor {
     constructor() {
         this.handleSchedulerConfigCloseClicked = (_event) => {
             this.schedulerConfigCloseClicked.emit(this.host);
         };
+        this.authenticationUrl = async (provider) => {
+            if (!this.nylasApiRequest) {
+                console.error(`[nylas-scheduler-editor] Nylas API Request is not initialized.`);
+                return '';
+            }
+            const url = await this.nylasApiRequest.authenticationUrl({ provider });
+            return url || '';
+        };
+        this.defaultRequiresSessionAuth = true;
         this.configurationId = undefined;
         this.nylasApiRequest = undefined;
         this.nylasSessionsConfig = undefined;
         this.eventOverrides = {};
+        this.schedulerPreviewLink = '';
         this.defaultSchedulerConfigStoreState = undefined;
         this.mode = 'app';
         this.automaticComponentRegistration = true;
@@ -28,15 +39,23 @@ export class NylasSchedulerEditor {
                 ...this.defaultSchedulerConfigStoreState,
             }),
         };
+        this.stores?.schedulerConfig?.set('defaultRequiresSessionAuth', this.defaultRequiresSessionAuth);
         if (!this.nylasApiRequest && this.nylasSessionsConfig) {
             const nylasSession = new NylasSessions(this.nylasSessionsConfig);
+            await nylasSession.isLoggedIn();
+            nylasSession.onLoginSuccess(async () => {
+                const currentUser = await this.nylasSchedulerConfigConnector?.schedulerConfig?.currentUser();
+                if (currentUser) {
+                    this.loggedIn.emit(this.host);
+                    this.loggedInHandler(currentUser);
+                }
+            });
+            nylasSession.onLoginFail(async () => {
+                this.stores?.schedulerConfig?.set('currentUser', null);
+                this.loggedOut.emit(this.host);
+            });
             this.nylasApiRequest = new NylasIdentityRequestWrapper(nylasSession);
         }
-        if (!this.nylasApiRequest) {
-            debug(`[nylas-scheduler-editor] No NylasApiRequest provided. Unable to continue.`);
-            console.error(`[nylas-scheduler-editor] No NylasApiRequest provided. Unable to continue.`);
-            return;
-        }
         this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);
         const nylasSchedulerConfigStore = this.baseProvider.getStore('schedulerConfig');
         this.nylasSchedulerConfigConnector = new NylasSchedulerConfigConnector({
@@ -47,33 +66,39 @@ export class NylasSchedulerEditor {
         if (!initEvent.defaultPrevented) {
             const currentUser = await this.nylasSchedulerConfigConnector?.schedulerConfig?.currentUser();
             if (currentUser) {
-                this.stores?.schedulerConfig?.set('currentUser', currentUser);
-                if (this.configurationId) {
-                    await this.nylasSchedulerConfigConnector?.schedulerConfig?.getConfigurationById(this.configurationId);
-                }
                 this.loggedIn.emit(this.host);
+                await this.loggedInHandler(currentUser);
             }
             else {
                 this.stores?.schedulerConfig?.set('currentUser', null);
                 this.loggedOut.emit(this.host);
             }
         }
+        this.stores?.schedulerConfig?.onChange('config', async (config) => {
+            if (config && config.id) {
+                this.configurationId = config.id;
+            }
+        });
         this.baseProvider?.componentWillLoad(this.nylasSchedulerConfigConnector);
     }
     async componentDidLoad() {
         debug(`[nylas-scheduler-editor] componentDidLoad`);
         this.baseProvider?.componentDidLoad();
-        await this.nylasSchedulerConfigConnector?.schedulerConfig?.getCalendars();
     }
     componentDisconnected() {
         this.baseProvider?.componentDisconnected();
     }
+    defaultRequiresSessionAuthChanged(newRequireSessionAuth) {
+        this.stores?.schedulerConfig?.set('defaultRequiresSessionAuth', newRequireSessionAuth);
+    }
     async configurationIdChanged(newConfigurationId) {
         if (newConfigurationId) {
             await this.nylasSchedulerConfigConnector?.schedulerConfig?.getConfigurationById(newConfigurationId);
+            this.stores?.schedulerConfig?.set('action', 'edit');
         }
         else {
             this.stores?.schedulerConfig?.set('config', {});
+            this.stores?.schedulerConfig?.set('action', null);
         }
     }
     async store() {
@@ -88,34 +113,20 @@ export class NylasSchedulerEditor {
     async unregisterComponentHandler(event) {
         this.baseProvider?.unregisterComponent(event.detail);
     }
+    async loggedInHandler(currentUser) {
+        this.stores?.schedulerConfig?.set('currentUser', currentUser);
+        if (!this.nylasSchedulerConfigConnector) {
+            return;
+        }
+        if (this.configurationId) {
+            await this.nylasSchedulerConfigConnector.schedulerConfig?.getConfigurationById(this.configurationId);
+        }
+        await this.nylasSchedulerConfigConnector.schedulerConfig?.getCalendars();
+    }
     render() {
         const defaultEditor = this.mode === 'app';
         if (defaultEditor) {
-            return (h(Host, null, h("div", { class: "scheduler-editor-header", part: "nse__header" }, h("h1", { class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { width: "18", height: "18" }), "Scheduler editor"), h("button", { class: "scheduler-editor-close", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && h("nylas-editor-tabs", null), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h("div", { class: 'login-required' }, h("div", { class: 'card' }, h("p", null, "Log into your account to use the Scheduler Editor."), h("button", { class: "google-button", onClick: async () => {
-                    const authUrl = await this.nylasApiRequest?.authenticationUrl({ provider: 'google' });
-                    if (authUrl) {
-                        window.location.href = authUrl;
-                    }
-                    else {
-                        console.error(`[nylas-scheduler-editor] Unable to get authentication URL.`);
-                    }
-                } }, h("span", { class: "icon" }, h("google-logo-icon", { width: "15", height: "15" })), "Continue with Google"), h("button", { class: "microsoft-button", onClick: async () => {
-                    const authUrl = await this.nylasApiRequest?.authenticationUrl({ provider: 'microsoft' });
-                    if (authUrl) {
-                        window.location.href = authUrl;
-                    }
-                    else {
-                        console.error(`[nylas-scheduler-editor] Unable to get authentication URL.`);
-                    }
-                } }, h("span", { class: "icon" }, h("microsoft-logo-icon", { width: "15", height: "15" })), "Continue with Microsoft"), h("button", { class: "other-provider-button", onClick: async () => {
-                    const authUrl = await this.nylasApiRequest?.authenticationUrl();
-                    if (authUrl) {
-                        window.location.href = authUrl;
-                    }
-                    else {
-                        console.error(`[nylas-scheduler-editor] Unable to get authentication URL.`);
-                    }
-                } }, "View all providers ", h("chevron-icon", { width: "17", height: "17" })), h("small", { class: "disclaimer-text" }, "* You will be redirected to authenticate your account.")))))));
+            return (h(Host, null, h("div", { class: "scheduler-editor-header", part: "nse__header" }, h("h1", { class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { width: "18", height: "18" }), "Scheduler editor"), h("button", { class: "scheduler-editor-close", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (h("div", { class: "list-configurations" }, h("nylas-list-configurations", null))), this.stores?.schedulerConfig?.state.currentUser && (this.stores.schedulerConfig.state.action === 'create' || this.stores.schedulerConfig.state.action === 'edit') && (h("nylas-editor-tabs", null)), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })))));
         }
         return (h(Host, null, h("slot", null)));
     }
@@ -133,9 +144,27 @@ export class NylasSchedulerEditor {
     }
     static get properties() {
         return {
+            "defaultRequiresSessionAuth": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The default require session auth flag to used to set the default value for the requireSessionAuth\nproperty when creating a configuration. If set to true, then a session token must be provided\nto the <nylas-scheduling/> component. If set to false, then a session token is not required\nand the configuration id can passed to the <nylas-scheduling/> component instead."
+                },
+                "attribute": "default-requires-session-auth",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "configurationId": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "string",
                     "resolved": "string | undefined",
@@ -152,7 +181,7 @@ export class NylasSchedulerEditor {
             },
             "nylasApiRequest": {
                 "type": "unknown",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "NylasApiRequest",
                     "resolved": "NylasApiRequest | undefined",
@@ -197,7 +226,7 @@ export class NylasSchedulerEditor {
                 "mutable": false,
                 "complexType": {
                     "original": "SchedulerEditorEventOverride",
-                    "resolved": "Partial<{ valueChanged: (event: CustomEvent<{ value: OpenHours[]; name: string; } | { value: string[]; name: string; valueChangedHandler?: ((event: CustomEvent<{ value: string[]; name: string; }>) => void) | undefined; } | { value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; } | { value: string; name: string; } | { value: string; name: string; } | { value: string; name: string; }>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; schedulerConfigChanged: (event: CustomEvent<SchedulerEventDetail>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; }> & EventOverride<NylasSchedulerConfigConnectorInterface>",
+                    "resolved": "Partial<{ valueChanged: (event: CustomEvent<{ value: OpenHours[]; name: string; } | { value: string[]; name: string; valueChangedHandler?: ((event: CustomEvent<{ value: string[]; name: string; }>) => void) | undefined; } | { value: string; name: string; valueChanged?: ((event: CustomEvent<{ value: string; name: string; }>) => void) | undefined; } | { value: string; name: string; } | { value: string; name: string; } | { value: string; name: string; }>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; schedulerConfigChanged: (event: CustomEvent<SchedulerEventDetail>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; cancelButtonClick: (event: CustomEvent<void>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; previewButtonClicked: (event: CustomEvent<HTMLNylasEditorTabsElement>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; initListConfigurations: (event: CustomEvent<HTMLNylasListConfigurationsElement>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; createButtonClick: (event: CustomEvent<HTMLNylasListConfigurationsElement>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; editButtonClick: (event: CustomEvent<{ host: HTMLNylasListConfigurationsElement; configuration: Configuration; }>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; deleteButtonClick: (event: CustomEvent<{ host: HTMLNylasListConfigurationsElement; configuration: Configuration; }>, connector?: NylasSchedulerConnectorInterface | undefined) => Promise<void>; }> & EventOverride<NylasSchedulerConfigConnectorInterface>",
                     "references": {
                         "SchedulerEditorEventOverride": {
                             "location": "import",
@@ -214,6 +243,24 @@ export class NylasSchedulerEditor {
                 },
                 "defaultValue": "{}"
             },
+            "schedulerPreviewLink": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The scheduler preview link to use when the user clicks on the preview button.\nYou can use a placeholder `{config.id}` to replace the configuration id anywhere in the link."
+                },
+                "attribute": "scheduler-preview-link",
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "defaultSchedulerConfigStoreState": {
                 "type": "unknown",
                 "mutable": false,
@@ -405,6 +452,9 @@ export class NylasSchedulerEditor {
     static get elementRef() { return "host"; }
     static get watchers() {
         return [{
+                "propName": "defaultRequiresSessionAuth",
+                "methodName": "defaultRequiresSessionAuthChanged"
+            }, {
                 "propName": "configurationId",
                 "methodName": "configurationIdChanged"
             }];

package/dist/collection/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"nylas-scheduler-editor.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NylasBaseProvider } from '@/common/abstract-provider';\nimport type { SchedulerEditorEventOverride } from '@/common/component-types';\nimport { RegisteredComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { CreateNylasSchedulerConfigStore, NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from '@/stores/scheduler-config-store';\nimport { debug } from '@/utils/utils';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasIdentityRequestWrapper, type NylasApiRequest } from '@/common/nylas-api-request';\nimport { Config, NylasSessions } from '@nylas/identity';\n\n/**\n * The `nylas-scheduler-editor` component is a form that allows users to configure the settings for the Nylas Scheduler.\n *\n * @slot login-required - This slot is used to display a message when the user is not logged in.\n */\n@Component({\n  tag: 'nylas-scheduler-editor',\n  styleUrl: 'nylas-scheduler-editor.scss',\n  shadow: true,\n})\nexport class NylasSchedulerEditor {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    schedulerConfig: NylasSchedulerConfigStoreType;\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 Scheduler Config Connector instance.\n   * The brains of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasSchedulerConfigConnector?: NylasSchedulerConfigConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasSchedulerEditorElement;\n\n  /***\n   * The configuration id to use for the scheduler editor.\n   * If provided, then the scheduler editor will try and fetch the configuration\n   * with the provided id. If found, it will automatically load the editor\n   * with the configuration settings for editing.\n   */\n  @Prop() configurationId?: string;\n\n  /**\n   * The Nylas Api Request instance.\n   * Used to make requests to the Nylas API.\n   */\n  @Prop() nylasApiRequest?: NylasApiRequest;\n\n  /**\n   * The Nylas Sessions configuration.\n   * Used to configure the Nylas Sessions instance.\n   */\n  @Prop() nylasSessionsConfig?: Config;\n\n  /**\n   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: SchedulerEditorEventOverride = {};\n\n  /**\n   * The default scheduler config store state.\n   * Used to set the initial state of the scheduler config store.\n   */\n  @Prop({ attribute: 'default-scheduler-config-store-state' }) readonly defaultSchedulerConfigStoreState?: NylasSchedulerConfigStoreState;\n\n  /**\n   * The is used to set the mode for the scheduler config.\n   * The mode can be 'app' or 'composable'.\n   * The default mode is 'app'.\n   */\n  @Prop({ attribute: 'mode' }) readonly mode: 'app' | 'composable' = 'app';\n\n  /**\n   * This event is fired when the provider is initialized.\n   * By default, this event handles determining if the user is logged in or not.\n   * In addition, it fetches the provided configuration if a valid configuration id is provided.\n   */\n  @Event({ cancelable: true }) readonly init!: EventEmitter<HTMLNylasSchedulerEditorElement>;\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<HTMLNylasSchedulerEditorElement>;\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<HTMLNylasSchedulerEditorElement>;\n\n  /**\n   * This event is fired when the close button on scheduler config is clicked.\n   */\n  @Event({ cancelable: true }) readonly schedulerConfigCloseClicked!: EventEmitter<HTMLNylasSchedulerEditorElement>;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   * @default true\n   */\n  @State() automaticComponentRegistration: boolean = true;\n\n  connectedCallback() {\n    debug(`[nylas-scheduler-editor] connectedCallback`);\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-scheduler-editor] componentWillLoad`);\n    this.stores = {\n      schedulerConfig: CreateNylasSchedulerConfigStore({\n        ...this.defaultSchedulerConfigStoreState,\n      }),\n    };\n\n    if (!this.nylasApiRequest && this.nylasSessionsConfig) {\n      const nylasSession = new NylasSessions(this.nylasSessionsConfig);\n      this.nylasApiRequest = new NylasIdentityRequestWrapper(nylasSession);\n    }\n\n    if (!this.nylasApiRequest) {\n      debug(`[nylas-scheduler-editor] No NylasApiRequest provided. Unable to continue.`);\n      console.error(`[nylas-scheduler-editor] No NylasApiRequest provided. Unable to continue.`);\n      return;\n    }\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    const nylasSchedulerConfigStore = this.baseProvider.getStore('schedulerConfig');\n    this.nylasSchedulerConfigConnector = new NylasSchedulerConfigConnector({\n      nylasApiRequest: this.nylasApiRequest,\n      nylasSchedulerConfigStore: nylasSchedulerConfigStore,\n    });\n\n    const initEvent = this.init.emit(this.host);\n    if (!initEvent.defaultPrevented) {\n      const currentUser = await this.nylasSchedulerConfigConnector?.schedulerConfig?.currentUser();\n      if (currentUser) {\n        this.stores?.schedulerConfig?.set('currentUser', currentUser);\n        if (this.configurationId) {\n          await this.nylasSchedulerConfigConnector?.schedulerConfig?.getConfigurationById(this.configurationId);\n        }\n        this.loggedIn.emit(this.host);\n      } else {\n        this.stores?.schedulerConfig?.set('currentUser', null);\n        this.loggedOut.emit(this.host);\n      }\n    }\n\n    this.baseProvider?.componentWillLoad(this.nylasSchedulerConfigConnector);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-scheduler-editor] componentDidLoad`);\n    this.baseProvider?.componentDidLoad();\n\n    await this.nylasSchedulerConfigConnector?.schedulerConfig?.getCalendars();\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\n  }\n\n  /**\n   * Watch for changes to the configuration id and automatically fetch the configuration\n   * when the configuration id changes. If the configuration id is cleared, then the\n   * configuration is cleared as well.\n   * @param newConfigurationId A new configuration id to fetch\n   */\n  @Watch('configurationId')\n  async configurationIdChanged(newConfigurationId: string) {\n    if (newConfigurationId) {\n      await this.nylasSchedulerConfigConnector?.schedulerConfig?.getConfigurationById(newConfigurationId);\n    } else {\n      // Clear the configuration\n      this.stores?.schedulerConfig?.set('config', {});\n    }\n  }\n\n  /**\n   * This method is used to get the NylasSchedulerConfigStore instance.\n   * You can use this instance to update or get the state of the store.\n   * @returns Promise<NylasSchedulerConfigStoreType | undefined>\n   */\n  @Method()\n  async store(): Promise<NylasSchedulerConfigStoreType | undefined> {\n    return this.stores?.schedulerConfig;\n  }\n\n  /**\n   * This method is used to get the NylasSchedulerConfigConnector instance.\n   * You can use this instance to make requests to the Nylas API.\n   * @returns Promise<NylasSchedulerConfigConnector | undefined>\n   */\n  @Method()\n  async schedulerConnector(): Promise<NylasSchedulerConfigConnector | undefined> {\n    return this.nylasSchedulerConfigConnector;\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  private handleSchedulerConfigCloseClicked = (_event: Event) => {\n    this.schedulerConfigCloseClicked.emit(this.host);\n  };\n\n  render() {\n    const defaultEditor = this.mode === 'app';\n\n    if (defaultEditor) {\n      return (\n        <Host>\n          <div class=\"scheduler-editor-header\" part=\"nse__header\">\n            <h1 class=\"scheduler-editor-title\" part=\"nse__title\">\n              <calendar-icon width=\"18\" height=\"18\" />\n              Scheduler editor\n            </h1>\n            <button class=\"scheduler-editor-close\" onClick={e => this.handleSchedulerConfigCloseClicked(e)} part=\"nse__close-button\">\n              <close-icon width=\"18\" height=\"18\" />\n            </button>\n          </div>\n          {this.stores?.schedulerConfig?.state.currentUser && <nylas-editor-tabs></nylas-editor-tabs>}\n          {!this.stores?.schedulerConfig?.state.currentUser && (\n            <slot name=\"login-required\">\n              <div class={'login-required'}>\n                <div class={'card'}>\n                  <p>Log into your account to use the Scheduler Editor.</p>\n\n                  <button\n                    class=\"google-button\"\n                    onClick={async () => {\n                      const authUrl = await this.nylasApiRequest?.authenticationUrl({ provider: 'google' });\n                      if (authUrl) {\n                        window.location.href = authUrl;\n                      } else {\n                        console.error(`[nylas-scheduler-editor] Unable to get authentication URL.`);\n                      }\n                    }}\n                  >\n                    <span class=\"icon\">\n                      <google-logo-icon width=\"15\" height=\"15\" />\n                    </span>\n                    Continue with Google\n                  </button>\n\n                  <button\n                    class=\"microsoft-button\"\n                    onClick={async () => {\n                      const authUrl = await this.nylasApiRequest?.authenticationUrl({ provider: 'microsoft' });\n                      if (authUrl) {\n                        window.location.href = authUrl;\n                      } else {\n                        console.error(`[nylas-scheduler-editor] Unable to get authentication URL.`);\n                      }\n                    }}\n                  >\n                    <span class=\"icon\">\n                      <microsoft-logo-icon width=\"15\" height=\"15\" />\n                    </span>\n                    Continue with Microsoft\n                  </button>\n\n                  <button\n                    class=\"other-provider-button\"\n                    onClick={async () => {\n                      const authUrl = await this.nylasApiRequest?.authenticationUrl();\n                      if (authUrl) {\n                        window.location.href = authUrl;\n                      } else {\n                        console.error(`[nylas-scheduler-editor] Unable to get authentication URL.`);\n                      }\n                    }}\n                  >\n                    View all providers <chevron-icon width=\"17\" height=\"17\" />\n                  </button>\n\n                  <small class=\"disclaimer-text\">* You will be redirected to authenticate your account.</small>\n                </div>\n              </div>\n            </slot>\n          )}\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"nylas-scheduler-editor.js","sourceRoot":"","sources":["../../../../src/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { NylasBaseProvider } from '@/common/abstract-provider';\nimport type { SchedulerEditorEventOverride } from '@/common/component-types';\nimport { NylasIdentityRequestWrapper, User, type NylasApiRequest } from '@/common/nylas-api-request';\nimport { RegisteredComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { CreateNylasSchedulerConfigStore, NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from '@/stores/scheduler-config-store';\nimport { debug } from '@/utils/utils';\nimport { Config, NylasSessions } from '@nylas/identity';\nimport { Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h } from '@stencil/core';\nimport { LoginRequired } from './LoginRequired';\n\n/**\n * The `nylas-scheduler-editor` component is a form that allows users to configure the settings for the Nylas Scheduler.\n *\n * @slot login-required - This slot is used to display a message when the user is not logged in.\n */\n@Component({\n  tag: 'nylas-scheduler-editor',\n  styleUrl: 'nylas-scheduler-editor.scss',\n  shadow: true,\n})\nexport class NylasSchedulerEditor {\n  /**\n   * Stores to be used by the provider.\n   */\n  private stores?: {\n    schedulerConfig: NylasSchedulerConfigStoreType;\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 Scheduler Config Connector instance.\n   * The brains of the provider. It manages data fetching and state synchronization.\n   */\n  private nylasSchedulerConfigConnector?: NylasSchedulerConfigConnector;\n\n  /**\n   * The host element.\n   * Used to manage the host element of the provider.\n   */\n  @Element() private host!: HTMLNylasSchedulerEditorElement;\n\n  /**\n   * The default require session auth flag to used to set the default value for the requireSessionAuth\n   * property when creating a configuration. If set to true, then a session token must be provided\n   * to the <nylas-scheduling/> component. If set to false, then a session token is not required\n   * and the configuration id can passed to the <nylas-scheduling/> component instead.\n   */\n  @Prop({ mutable: true }) defaultRequiresSessionAuth: boolean = true;\n\n  /***\n   * The configuration id to use for the scheduler editor.\n   * If provided, then the scheduler editor will try and fetch the configuration\n   * with the provided id. If found, it will automatically load the editor\n   * with the configuration settings for editing.\n   */\n  @Prop({ mutable: true }) configurationId?: string;\n\n  /**\n   * The Nylas Api Request instance.\n   * Used to make requests to the Nylas API.\n   */\n  @Prop({ mutable: true }) nylasApiRequest?: NylasApiRequest;\n\n  /**\n   * The Nylas Sessions configuration.\n   * Used to configure the Nylas Sessions instance.\n   */\n  @Prop() nylasSessionsConfig?: Config;\n\n  /**\n   * This provides a way to override the default event handlers.\n   */\n  @Prop() eventOverrides: SchedulerEditorEventOverride = {};\n\n  /**\n   * The scheduler preview link to use when the user clicks on the preview button.\n   * You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.\n   */\n  @Prop({ attribute: 'scheduler-preview-link' }) schedulerPreviewLink: string = '';\n\n  /**\n   * The default scheduler config store state.\n   * Used to set the initial state of the scheduler config store.\n   */\n  @Prop({ attribute: 'default-scheduler-config-store-state' }) readonly defaultSchedulerConfigStoreState?: NylasSchedulerConfigStoreState;\n\n  /**\n   * The is used to set the mode for the scheduler config.\n   * The mode can be 'app' or 'composable'.\n   * The default mode is 'app'.\n   */\n  @Prop({ attribute: 'mode' }) readonly mode: 'app' | 'composable' = 'app';\n\n  /**\n   * This event is fired when the provider is initialized.\n   * By default, this event handles determining if the user is logged in or not.\n   * In addition, it fetches the provided configuration if a valid configuration id is provided.\n   */\n  @Event({ cancelable: true }) readonly init!: EventEmitter<HTMLNylasSchedulerEditorElement>;\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<HTMLNylasSchedulerEditorElement>;\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<HTMLNylasSchedulerEditorElement>;\n\n  /**\n   * This event is fired when the close button on scheduler config is clicked.\n   */\n  @Event({ cancelable: true }) readonly schedulerConfigCloseClicked!: EventEmitter<HTMLNylasSchedulerEditorElement>;\n\n  /**\n   * Automatically register components that have the `@RegisterComponent` decorator.\n   * If this is set to false, you will need to manually register components using the\n   * `registerComponent` method.\n   * @default true\n   */\n  @State() automaticComponentRegistration: boolean = true;\n\n  connectedCallback() {\n    debug(`[nylas-scheduler-editor] connectedCallback`);\n  }\n\n  async componentWillLoad() {\n    debug(`[nylas-scheduler-editor] componentWillLoad`);\n    this.stores = {\n      schedulerConfig: CreateNylasSchedulerConfigStore({\n        ...this.defaultSchedulerConfigStoreState,\n      }),\n    };\n\n    // Update our store state\n    this.stores?.schedulerConfig?.set('defaultRequiresSessionAuth', this.defaultRequiresSessionAuth);\n\n    if (!this.nylasApiRequest && this.nylasSessionsConfig) {\n      const nylasSession = new NylasSessions(this.nylasSessionsConfig);\n\n      // We must check if the user is logged in before continuing\n      // otherwise, a PCKE code will not be generated and the user\n      // will not be able to log in.\n      await nylasSession.isLoggedIn();\n\n      // Watch for login events so that we can automatically update the state\n      nylasSession.onLoginSuccess(async () => {\n        const currentUser = await this.nylasSchedulerConfigConnector?.schedulerConfig?.currentUser();\n        if (currentUser) {\n          this.loggedIn.emit(this.host);\n          this.loggedInHandler(currentUser);\n        }\n      });\n\n      // Watch for logout events so that we can automatically update the state\n      nylasSession.onLoginFail(async () => {\n        this.stores?.schedulerConfig?.set('currentUser', null);\n        this.loggedOut.emit(this.host);\n      });\n\n      this.nylasApiRequest = new NylasIdentityRequestWrapper(nylasSession);\n    }\n\n    this.baseProvider = new NylasBaseProvider(this.host, this.stores, this.automaticComponentRegistration, this.eventOverrides);\n\n    const nylasSchedulerConfigStore = this.baseProvider.getStore('schedulerConfig');\n    this.nylasSchedulerConfigConnector = new NylasSchedulerConfigConnector({\n      nylasApiRequest: this.nylasApiRequest,\n      nylasSchedulerConfigStore: nylasSchedulerConfigStore,\n    });\n\n    const initEvent = this.init.emit(this.host);\n    if (!initEvent.defaultPrevented) {\n      const currentUser = await this.nylasSchedulerConfigConnector?.schedulerConfig?.currentUser();\n      if (currentUser) {\n        this.loggedIn.emit(this.host);\n        await this.loggedInHandler(currentUser);\n      } else {\n        this.stores?.schedulerConfig?.set('currentUser', null);\n        this.loggedOut.emit(this.host);\n      }\n    }\n\n    // Watch for store changes\n    this.stores?.schedulerConfig?.onChange('config', async config => {\n      if (config && config.id) {\n        this.configurationId = config.id;\n      }\n    });\n\n    this.baseProvider?.componentWillLoad(this.nylasSchedulerConfigConnector);\n  }\n\n  async componentDidLoad() {\n    debug(`[nylas-scheduler-editor] componentDidLoad`);\n    this.baseProvider?.componentDidLoad();\n  }\n\n  componentDisconnected() {\n    this.baseProvider?.componentDisconnected();\n  }\n\n  /**\n   * Watch for changes to the defaultRequiresSessionAuth property and update the\n   * defaultRequiresSessionAuth property in the scheduler config store.\n   * @param newRequireSessionAuth The new value for the defaultRequiresSessionAuth property\n   */\n  @Watch('defaultRequiresSessionAuth')\n  defaultRequiresSessionAuthChanged(newRequireSessionAuth: boolean) {\n    this.stores?.schedulerConfig?.set('defaultRequiresSessionAuth', newRequireSessionAuth);\n  }\n\n  /**\n   * Watch for changes to the configuration id and automatically fetch the configuration\n   * when the configuration id changes. If the configuration id is cleared, then the\n   * configuration is cleared as well.\n   * @param newConfigurationId The new configuration id\n   */\n  @Watch('configurationId')\n  async configurationIdChanged(newConfigurationId: string) {\n    if (newConfigurationId) {\n      await this.nylasSchedulerConfigConnector?.schedulerConfig?.getConfigurationById(newConfigurationId);\n      this.stores?.schedulerConfig?.set('action', 'edit');\n    } else {\n      // Clear the configuration\n      this.stores?.schedulerConfig?.set('config', {});\n      this.stores?.schedulerConfig?.set('action', null);\n    }\n  }\n\n  /**\n   * This method is used to get the NylasSchedulerConfigStore instance.\n   * You can use this instance to update or get the state of the store.\n   * @returns Promise<NylasSchedulerConfigStoreType | undefined>\n   */\n  @Method()\n  async store(): Promise<NylasSchedulerConfigStoreType | undefined> {\n    return this.stores?.schedulerConfig;\n  }\n\n  /**\n   * This method is used to get the NylasSchedulerConfigConnector instance.\n   * You can use this instance to make requests to the Nylas API.\n   * @returns Promise<NylasSchedulerConfigConnector | undefined>\n   */\n  @Method()\n  async schedulerConnector(): Promise<NylasSchedulerConfigConnector | undefined> {\n    return this.nylasSchedulerConfigConnector;\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   * Upon login, set the current user and fetch the configuration and calendars.\n   * @param currentUser The current user that is logged in\n   */\n  private async loggedInHandler(currentUser: User) {\n    this.stores?.schedulerConfig?.set('currentUser', currentUser);\n\n    if (!this.nylasSchedulerConfigConnector) {\n      return;\n    }\n\n    if (this.configurationId) {\n      await this.nylasSchedulerConfigConnector.schedulerConfig?.getConfigurationById(this.configurationId);\n    }\n\n    await this.nylasSchedulerConfigConnector.schedulerConfig?.getCalendars();\n  }\n\n  /**\n   * This is a custom event handler that is used to update the state of the provider.\n   */\n  private handleSchedulerConfigCloseClicked = (_event: Event) => {\n    this.schedulerConfigCloseClicked.emit(this.host);\n  };\n\n  /**\n   * This method is used to get the authentication URL for a provider.\n   * @param provider The provider to get the authentication URL for (e.g. google, microsoft, etc.)\n   * @returns Promise<string> The authentication URL to redirect the user for the provider\n   */\n  private authenticationUrl = async (provider?: string) => {\n    if (!this.nylasApiRequest) {\n      console.error(`[nylas-scheduler-editor] Nylas API Request is not initialized.`);\n      return '';\n    }\n    const url = await this.nylasApiRequest.authenticationUrl({ provider });\n\n    return url || '';\n  };\n\n  render() {\n    const defaultEditor = this.mode === 'app';\n\n    if (defaultEditor) {\n      return (\n        <Host>\n          <div class=\"scheduler-editor-header\" part=\"nse__header\">\n            <h1 class=\"scheduler-editor-title\" part=\"nse__title\">\n              <calendar-icon width=\"18\" height=\"18\" />\n              Scheduler editor\n            </h1>\n            <button class=\"scheduler-editor-close\" onClick={e => this.handleSchedulerConfigCloseClicked(e)} part=\"nse__close-button\">\n              <close-icon width=\"18\" height=\"18\" />\n            </button>\n          </div>\n          {this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (\n            <div class=\"list-configurations\">\n              <nylas-list-configurations></nylas-list-configurations>\n            </div>\n          )}\n          {this.stores?.schedulerConfig?.state.currentUser && (this.stores.schedulerConfig.state.action === 'create' || this.stores.schedulerConfig.state.action === 'edit') && (\n            <nylas-editor-tabs></nylas-editor-tabs>\n          )}\n          {!this.stores?.schedulerConfig?.state.currentUser && (\n            <slot name=\"login-required\">\n              <LoginRequired authenticationUrl={this.authenticationUrl} />\n            </slot>\n          )}\n        </Host>\n      );\n    }\n\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/scheduler-editor/nylas-time-window-picker/nylas-time-window-picker.js

@@ -230,7 +230,7 @@ export class TimeInput {
         }
     }
     render() {
-        return (h(Host, { key: 'ce9cc8b8d7672d0e8389051d271e2369598f3e0f' }, h("div", { key: 'c12333b0675d581b6f84b5d332d05deeceabab32', class: "time-picker", part: "time-picker" }, h("input", { key: '65e951f23fce142c529933e8f0311a124b32c948', type: "text", name: this.name, id: this.name, part: "time-input", class: {
+        return (h(Host, { key: '68fb5327c6e823e29aafa4fd7e81bddac7ab19e9' }, h("div", { key: 'c1f7edbdc95926f66fb627cfe0eb7044611518a5', class: "time-picker", part: "time-picker" }, h("input", { key: 'f1c274637b24b9e4e88798ab83524efb8e75de36', type: "text", name: this.name, id: this.name, part: "time-input", class: {
                 'time-input': true,
                 'error': !!this.err || this.hasError,
             }, ref: el => (this.timeInput = el), value: this.time, onClick: () => {

package/dist/collection/connector/nylas-scheduler-config-connector/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/connector/nylas-scheduler-config-connector/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAOlF,MAAM,OAAO,6BAA6B;IAMxC,YAAY,EAAE,eAAe,EAAE,yBAAyB,EAAwC;QAC9F,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;IAC7D,CAAC;IAEM,IAAI;QACT,KAAK,CAAC,oCAAoC,CAAC,CAAC;IAC9C,CAAC;IAED,IAAW,oBAAoB;QAC7B,OAAO,IAAI,CAAC,yBAAyB,CAAC;IACxC,CAAC;IAED,IAAW,eAAe;QACxB,IAAI,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC,yBAAyB,CAAC;QACxC,CAAC;QAED,IAAI,CAAC,yBAAyB,GAAG,IAAI,gCAAgC,CAAC;YACpE,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,yBAAyB,EAAE,IAAI,CAAC,yBAAyB;SAC1D,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,yBAAyB,CAAC;IACxC,CAAC;IAEM,WAAW;QAChB,KAAK,CAAC,2CAA2C,CAAC,CAAC;QACnD,IAAI,CAAC,yBAAyB,CAAC,KAAK,EAAE,CAAC;IACzC,CAAC;IAEM,KAAK,CAAC,MAAM;QACjB,KAAK,CAAC,sCAAsC,CAAC,CAAC;QAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;CACF","sourcesContent":["import { NylasApiRequest } from '@/common/nylas-api-request';\nimport { NylasSchedulerConfigStoreType } from '@/stores/scheduler-config-store';\nimport { debug } from '@/utils/utils';\nimport { NylasSchedulerConfigAPIConnector } from '../shared/api/scheduler-config';\n\ntype NylasSchedulerConfigConnectorOptions = {\n  nylasSchedulerConfigStore: NylasSchedulerConfigStoreType;\n  nylasApiRequest: NylasApiRequest;\n};\n\nexport class NylasSchedulerConfigConnector {\n  public nylasApiRequest: NylasApiRequest;\n  public nylasSchedulerConfigStore: NylasSchedulerConfigStoreType;\n\n  private _schedulerConfigConnector: NylasSchedulerConfigAPIConnector | undefined;\n\n  constructor({ nylasApiRequest, nylasSchedulerConfigStore }: NylasSchedulerConfigConnectorOptions) {\n    this.nylasApiRequest = nylasApiRequest;\n    this.nylasSchedulerConfigStore = nylasSchedulerConfigStore;\n  }\n\n  public init() {\n    debug('NylasSchedulerConfigConnector init');\n  }\n\n  public get schedulerConfigStore() {\n    return this.nylasSchedulerConfigStore;\n  }\n\n  public get schedulerConfig() {\n    if (this._schedulerConfigConnector) {\n      return this._schedulerConfigConnector;\n    }\n\n    this._schedulerConfigConnector = new NylasSchedulerConfigAPIConnector({\n      nylasApiRequest: this.nylasApiRequest,\n      nylasSchedulerConfigStore: this.nylasSchedulerConfigStore,\n    });\n    return this._schedulerConfigConnector;\n  }\n\n  public resetStores() {\n    debug('NylasSchedulerConfigConnector resetStores');\n    this.nylasSchedulerConfigStore.reset();\n  }\n\n  public async logout() {\n    debug('NylasSchedulerConfigConnector logout');\n    this.resetStores();\n  }\n}\n\nexport type PublicMethods<T> = {\n  [K in keyof T]: T[K] extends Function ? (string extends K ? never : K) : never;\n}[keyof T];\n\nexport type NylasSchedulerConfigConnectorPublicMethods = PublicMethods<NylasSchedulerConfigConnector>;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/connector/nylas-scheduler-config-connector/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,gCAAgC,EAAE,MAAM,gCAAgC,CAAC;AAOlF,MAAM,OAAO,6BAA6B;IAMxC,YAAY,EAAE,eAAe,EAAE,yBAAyB,EAAwC;QAC9F,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,yBAAyB,GAAG,yBAAyB,CAAC;IAC7D,CAAC;IAEM,IAAI;QACT,KAAK,CAAC,oCAAoC,CAAC,CAAC;IAC9C,CAAC;IAED,IAAW,oBAAoB;QAC7B,OAAO,IAAI,CAAC,yBAAyB,CAAC;IACxC,CAAC;IAED,IAAW,eAAe;QACxB,IAAI,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACnC,OAAO,IAAI,CAAC,yBAAyB,CAAC;QACxC,CAAC;QAED,IAAI,CAAC,yBAAyB,GAAG,IAAI,gCAAgC,CAAC;YACpE,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,yBAAyB,EAAE,IAAI,CAAC,yBAAyB;SAC1D,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,yBAAyB,CAAC;IACxC,CAAC;IAEM,WAAW;QAChB,KAAK,CAAC,2CAA2C,CAAC,CAAC;QACnD,IAAI,CAAC,yBAAyB,CAAC,KAAK,EAAE,CAAC;IACzC,CAAC;IAEM,KAAK,CAAC,MAAM;QACjB,KAAK,CAAC,sCAAsC,CAAC,CAAC;QAC9C,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;CACF","sourcesContent":["import { NylasApiRequest } from '@/common/nylas-api-request';\nimport { NylasSchedulerConfigStoreType } from '@/stores/scheduler-config-store';\nimport { debug } from '@/utils/utils';\nimport { NylasSchedulerConfigAPIConnector } from '../shared/api/scheduler-config';\n\ntype NylasSchedulerConfigConnectorOptions = {\n  nylasSchedulerConfigStore: NylasSchedulerConfigStoreType;\n  nylasApiRequest?: NylasApiRequest;\n};\n\nexport class NylasSchedulerConfigConnector {\n  public nylasApiRequest?: NylasApiRequest;\n  public nylasSchedulerConfigStore: NylasSchedulerConfigStoreType;\n\n  private _schedulerConfigConnector: NylasSchedulerConfigAPIConnector | undefined;\n\n  constructor({ nylasApiRequest, nylasSchedulerConfigStore }: NylasSchedulerConfigConnectorOptions) {\n    this.nylasApiRequest = nylasApiRequest;\n    this.nylasSchedulerConfigStore = nylasSchedulerConfigStore;\n  }\n\n  public init() {\n    debug('NylasSchedulerConfigConnector init');\n  }\n\n  public get schedulerConfigStore() {\n    return this.nylasSchedulerConfigStore;\n  }\n\n  public get schedulerConfig() {\n    if (this._schedulerConfigConnector) {\n      return this._schedulerConfigConnector;\n    }\n\n    this._schedulerConfigConnector = new NylasSchedulerConfigAPIConnector({\n      nylasApiRequest: this.nylasApiRequest,\n      nylasSchedulerConfigStore: this.nylasSchedulerConfigStore,\n    });\n    return this._schedulerConfigConnector;\n  }\n\n  public resetStores() {\n    debug('NylasSchedulerConfigConnector resetStores');\n    this.nylasSchedulerConfigStore.reset();\n  }\n\n  public async logout() {\n    debug('NylasSchedulerConfigConnector logout');\n    this.resetStores();\n  }\n}\n\nexport type PublicMethods<T> = {\n  [K in keyof T]: T[K] extends Function ? (string extends K ? never : K) : never;\n}[keyof T];\n\nexport type NylasSchedulerConfigConnectorPublicMethods = PublicMethods<NylasSchedulerConfigConnector>;\n"]}

package/dist/collection/connector/shared/api/scheduler-config.js

@@ -1,3 +1,4 @@
+import { dataResponse } from "../../../utils/utils";
 import { isNylasErrorResponse } from "@nylas/core";
 export class NylasSchedulerConfigAPIConnector {
     constructor({ nylasApiRequest, nylasSchedulerConfigStore }) {
@@ -5,37 +6,63 @@ export class NylasSchedulerConfigAPIConnector {
         this.nylasSchedulerConfigStore = nylasSchedulerConfigStore;
     }
     async currentUser() {
+        if (!this.nylasApiRequest) {
+            console.warn('Nylas API Request is not initialized');
+            return null;
+        }
         return this.nylasApiRequest.currentUser();
     }
     async getCalendars() {
-        const response = await this.nylasApiRequest.request({
+        if (!this.nylasApiRequest) {
+            console.warn('Nylas API Request is not initialized');
+            return dataResponse(null, {
+                message: 'Error fetching calendars: Nylas API Request is not initialized',
+            });
+        }
+        const [response, error] = await this.nylasApiRequest.request({
             method: 'GET',
             path: `calendars`,
         });
+        if (error) {
+            return dataResponse(null, {
+                message: 'Error fetching calendars: ' + error.message,
+            });
+        }
         if (isNylasErrorResponse(response)) {
-            return {
-                error: 'Error fetching calendars: ' + response.error?.message,
-            };
+            return dataResponse(null, {
+                message: 'Error fetching calendars: ' + response.error?.message,
+            });
         }
         this.nylasSchedulerConfigStore.state.calendars = response.data;
-        return response?.data;
+        return dataResponse(response.data);
     }
     async getConfigurationById(configurationId, forceFetch = false) {
+        if (!this.nylasApiRequest) {
+            console.warn('Nylas API Request is not initialized');
+            return dataResponse(null, {
+                message: 'Error fetching configuration: Nylas API Request is not initialized',
+            });
+        }
         if (!forceFetch) {
             const existingConfig = this.nylasSchedulerConfigStore.state.configurations.find(c => c.id === configurationId);
             if (existingConfig) {
                 this.nylasSchedulerConfigStore.state.config = existingConfig;
-                return existingConfig;
+                return dataResponse(existingConfig);
             }
         }
-        const response = await this.nylasApiRequest.request({
+        const [response, error] = await this.nylasApiRequest.request({
             method: 'GET',
             path: `scheduling/configurations/${configurationId}`,
         });
+        if (error) {
+            return dataResponse(null, {
+                message: 'Error fetching configuration: ' + error.message,
+            });
+        }
         if (isNylasErrorResponse(response)) {
-            return {
-                error: 'Error fetching configuration: ' + response.error?.message,
-            };
+            return dataResponse(null, {
+                message: 'Error fetching configuration: ' + response.error?.message,
+            });
         }
         this.nylasSchedulerConfigStore.state.config = response.data;
         if (this.nylasSchedulerConfigStore.state.configurations.find(c => c.id === configurationId)) {
@@ -44,46 +71,80 @@ export class NylasSchedulerConfigAPIConnector {
         else {
             this.nylasSchedulerConfigStore.state.configurations = [...this.nylasSchedulerConfigStore.state.configurations, response.data];
         }
-        return response?.data;
+        return dataResponse(response.data);
     }
     async getConfigurations() {
-        const response = await this.nylasApiRequest.request({
+        if (!this.nylasApiRequest) {
+            console.warn('Nylas API Request is not initialized');
+            return dataResponse(null, {
+                message: 'Error fetching configurations: Nylas API Request is not initialized',
+            });
+        }
+        const [response, error] = await this.nylasApiRequest.request({
             method: 'GET',
             path: `scheduling/configurations`,
         });
+        if (error) {
+            return dataResponse(null, {
+                message: 'Error fetching configurations: ' + error.message,
+            });
+        }
         if (isNylasErrorResponse(response)) {
-            return {
-                error: 'Error fetching configurations: ' + response.error?.message,
-            };
+            return dataResponse(null, {
+                message: 'Error fetching configurations: ' + response.error?.message,
+            });
         }
         this.nylasSchedulerConfigStore.state.configurations = response.data;
-        return response?.data;
+        return dataResponse(response.data);
     }
     async createConfiguration(configuration) {
-        const response = await this.nylasApiRequest.request({
+        if (!this.nylasApiRequest) {
+            console.warn('Nylas API Request is not initialized');
+            return dataResponse(null, {
+                message: 'Error creating configuration: Nylas API Request is not initialized',
+            });
+        }
+        configuration.requires_session_auth = this.nylasSchedulerConfigStore.state.defaultRequiresSessionAuth;
+        const [response, error] = await this.nylasApiRequest.request({
             method: 'POST',
             path: `scheduling/configurations`,
             body: configuration,
         });
+        if (error) {
+            return dataResponse(null, {
+                message: 'Error creating configuration: ' + error.message,
+            });
+        }
         if (isNylasErrorResponse(response)) {
-            return {
-                error: 'Error creating configuration: ' + response.error?.message,
-            };
+            return dataResponse(null, {
+                message: 'Error creating configuration: ' + response.error?.message,
+            });
         }
         this.nylasSchedulerConfigStore.state.config = response.data;
         this.nylasSchedulerConfigStore.state.configurations = [...this.nylasSchedulerConfigStore.state.configurations, response.data];
-        return response?.data;
+        return dataResponse(response.data);
     }
     async updateConfiguration(configuration) {
-        const response = await this.nylasApiRequest.request({
+        if (!this.nylasApiRequest) {
+            console.warn('Nylas API Request is not initialized');
+            return dataResponse(null, {
+                message: 'Error updating configuration: Nylas API Request is not initialized',
+            });
+        }
+        const [response, error] = await this.nylasApiRequest.request({
             method: 'PUT',
             path: `scheduling/configurations/${configuration.id}`,
             body: configuration,
         });
+        if (error) {
+            return dataResponse(null, {
+                message: 'Error updating configuration: ' + error.message,
+            });
+        }
         if (isNylasErrorResponse(response)) {
-            return {
-                error: 'Error updating configuration: ' + response.error?.message,
-            };
+            return dataResponse(null, {
+                message: 'Error updating configuration: ' + response.error?.message,
+            });
         }
         this.nylasSchedulerConfigStore.state.config = response.data;
         if (this.nylasSchedulerConfigStore.state.configurations.find(c => c.id === configuration.id)) {
@@ -92,7 +153,34 @@ export class NylasSchedulerConfigAPIConnector {
         else {
             this.nylasSchedulerConfigStore.state.configurations = [...this.nylasSchedulerConfigStore.state.configurations, response.data];
         }
-        return response?.data;
+        return dataResponse(response.data);
+    }
+    async deleteConfiguration(configurationId) {
+        if (!this.nylasApiRequest) {
+            console.warn('Nylas API Request is not initialized');
+            return dataResponse(null, {
+                message: 'Error deleting configuration: Nylas API Request is not initialized',
+            });
+        }
+        const [response, error] = await this.nylasApiRequest.request({
+            method: 'DELETE',
+            path: `scheduling/configurations/${configurationId}`,
+        });
+        if (error) {
+            return dataResponse(null, {
+                message: 'Error deleting configuration: ' + error.message,
+            });
+        }
+        if (isNylasErrorResponse(response)) {
+            return dataResponse(null, {
+                message: 'Error deleting configuration: ' + response.error?.message,
+            });
+        }
+        this.nylasSchedulerConfigStore.state.configurations = this.nylasSchedulerConfigStore.state.configurations.filter(c => c.id !== configurationId);
+        if (this.nylasSchedulerConfigStore.state.config?.id === configurationId) {
+            this.nylasSchedulerConfigStore.state.config = {};
+        }
+        return dataResponse(response.data);
     }
 }
 //# sourceMappingURL=scheduler-config.js.map