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

package/dist/nylas-web-elements/warning-icon.entry.js

@@ -9,7 +9,7 @@ const WarningIcon = class {
         this.height = '16';
     }
     render() {
-        return (h("svg", { key: '17a6924f3361b1cfc5d64fb4c07e8ec769617bb3', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cc403a3f0c8ec9bdb7c497de7235d24cc5c5cae7', d: "M10.149 7.054a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5Zm0 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.834 2.906a1.5 1.5 0 0 1 2.63 0l6.558 11.925a1.5 1.5 0 0 1-1.314 2.223H3.59a1.5 1.5 0 0 1-1.314-2.223L8.834 2.906Zm1.753.482a.5.5 0 0 0-.876 0L3.15 15.313a.5.5 0 0 0 .439.741h13.117a.5.5 0 0 0 .439-.741l-6.56-11.925Z", fill: "currentColor" })));
+        return (h("svg", { key: '9cbf680bd395a0537c848758fe4e58aee376e0c1', width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8e7a1fd6b1bcf424e569e7844165e6f7cc9078e9', d: "M10.149 7.054a.5.5 0 0 1 .5.5v4a.5.5 0 1 1-1 0v-4a.5.5 0 0 1 .5-.5Zm0 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.834 2.906a1.5 1.5 0 0 1 2.63 0l6.558 11.925a1.5 1.5 0 0 1-1.314 2.223H3.59a1.5 1.5 0 0 1-1.314-2.223L8.834 2.906Zm1.753.482a.5.5 0 0 0-.876 0L3.15 15.313a.5.5 0 0 0 .439.741h13.117a.5.5 0 0 0 .439-.741l-6.56-11.925Z", fill: "currentColor" })));
     }
 };
 WarningIcon.style = iconCss;

package/dist/types/common/component-types.d.ts

@@ -13,6 +13,7 @@ import { NylasEventTitle } from '../components/scheduler-editor/nylas-event-titl
 import { NylasEventDuration } from '../components/scheduler-editor/nylas-event-duration/nylas-event-duration';
 import { NylasEventDescription } from '../components/scheduler-editor/nylas-event-description/nylas-event-description';
 import { NylasEditorTabs } from '../components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs';
+import { NylasListConfigurations } from '../components/scheduler-editor/nylas-list-configurations/nylas-list-configurations';
 export type EventOverride<Connector extends BaseNylasConnectorInterface> = Record<string, (event: CustomEvent<any>, connector?: Connector) => Promise<void>>;
 export type SchedulerComponents = NylasTimeslotPicker | NylasDatePicker | NylasLocaleSwitch | NylasBookingForm | NylasSelectedEventCard | NylasBookedEventCard;
 export type NylasTimeslotPickerEventEmitterProperties = Exclude<ExtractEventEmitterProperties<NylasTimeslotPicker>, undefined>;
@@ -33,7 +34,8 @@ export type NylasEventTitleEventEmitterProperties = Exclude<ExtractEventEmitterP
 export type NylasEventDurationEventEmitterProperties = Exclude<ExtractEventEmitterProperties<NylasEventDuration>, undefined>;
 export type NylasEventDescriptionEventEmitterProperties = Exclude<ExtractEventEmitterProperties<NylasEventDescription>, undefined>;
 export type NylasEditorTabsEventEmitterProperties = Exclude<ExtractEventEmitterProperties<NylasEditorTabs>, undefined>;
-export type NylasSchedulerEditorEventEmitterProperties = NylasAvailabilityPickerEventEmitterProperties | NylasCalendarPickerEventEmitterProperties | NylasBookingCalendarPickerEventEmitterProperties | NylasEventTitleEventEmitterProperties | NylasEventDurationEventEmitterProperties | NylasEventDescriptionEventEmitterProperties | NylasEditorTabsEventEmitterProperties;
+export type NylasListConfigurationsEventEmitterProperties = Exclude<ExtractEventEmitterProperties<NylasListConfigurations>, undefined>;
+export type NylasSchedulerEditorEventEmitterProperties = NylasAvailabilityPickerEventEmitterProperties | NylasCalendarPickerEventEmitterProperties | NylasBookingCalendarPickerEventEmitterProperties | NylasEventTitleEventEmitterProperties | NylasEventDurationEventEmitterProperties | NylasEventDescriptionEventEmitterProperties | NylasEditorTabsEventEmitterProperties | NylasListConfigurationsEventEmitterProperties;
 export type SchedulerEditorEventOverride = Partial<{
     [P in NylasSchedulerEditorEventEmitterProperties as P['key']]: (event: CustomEvent<P['eventType']>, connector?: NylasSchedulerConnectorInterface) => Promise<void>;
 }> & EventOverride<NylasSchedulerConfigConnectorInterface>;

package/dist/types/common/nylas-api-request.d.ts

@@ -1,4 +1,5 @@
 import type { NylasSessions } from '@nylas/identity';
+import { DataResponseReturnType } from './types';
 export type NylasRequestArgs = {
     method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
     path: string;
@@ -20,7 +21,7 @@ export type AuthArgs = {
     state?: string;
 };
 export declare abstract class NylasApiRequest {
-    abstract request<T>(args: NylasRequestArgs): Promise<T>;
+    abstract request<T = any>(args: NylasRequestArgs): Promise<DataResponseReturnType<T>>;
     abstract currentUser(): Promise<User | null>;
     abstract authenticationUrl(authArgs?: AuthArgs): Promise<string | undefined>;
 }
@@ -29,7 +30,7 @@ export declare class NylasIdentityRequestWrapper implements NylasApiRequest {
     private activeGrantId?;
     constructor(session: NylasSessions);
     setActiveGrantId(grantId: string): void;
-    request<T>({ method, path, body, headers }: NylasRequestArgs): Promise<T>;
+    request<T>({ method, path, body, headers }: NylasRequestArgs): Promise<DataResponseReturnType<T>>;
     currentUser(): Promise<User | null>;
     authenticationUrl(authArgs?: AuthArgs): Promise<string | undefined>;
 }

package/dist/types/common/register-component.d.ts

@@ -8,6 +8,7 @@ export interface RegisteredComponent<H extends ComponentInterface, B extends Bas
     storeToProps?: Map<string, keyof H>;
     stateToProps?: Map<MailboxStores, keyof H>;
     eventToProps?: Map<ExtractEventEmitterKeys<H>, (event: CustomEvent<EventEmitterEventType<H[ExtractEventEmitterKeys<H>]>>, nylasConnector: B) => Promise<void>>;
+    localPropsToProp?: Map<string, keyof H>;
     authToProp?: keyof H;
     connectorToProp?: keyof H;
     registrationEventName?: string;

package/dist/types/common/types.d.ts

@@ -1,4 +1,4 @@
-import { Message } from '@nylas/core';
+import { Message, NylasErrorResponse } from '@nylas/core';
 import { EventEmitter } from '../stencil-public-runtime';
 export type DataState = 'loading' | 'ready';
 type StoresType = unknown;
@@ -61,4 +61,6 @@ export type NylasEvent = {
     description: string;
     status: string;
 };
+export type DataResponseError = Exclude<NylasErrorResponse['error'], undefined>;
+export type DataResponseReturnType<T = any> = [T, null] | [null, DataResponseError];
 export {};

package/dist/types/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.d.ts

@@ -3,15 +3,17 @@ import { Event, EventEmitter } from '../../../stencil-public-runtime';
 import { User } from "../../../common/nylas-api-request";
 type SchedulerEventDetail = {
     config: Partial<Configuration>;
-    action: 'create' | 'update';
+    action: 'create' | 'edit';
     resetLoadingState?: (e: CustomEvent) => void;
 };
 export declare class NylasEditorTabs {
     private formRef;
+    host: HTMLNylasEditorTabsElement;
     calendars?: Calendar[];
     config?: Configuration;
     currentUser?: User;
-    action: 'create' | 'update';
+    schedulerPreviewLink: string;
+    action: 'create' | 'edit';
     activeTab: string;
     isLoading: boolean;
     hasUnsavedChanges: boolean;
@@ -34,6 +36,8 @@ export declare class NylasEditorTabs {
         minCancellationNotice?: number;
     }>;
     schedulerConfigChanged: EventEmitter<SchedulerEventDetail>;
+    cancelButtonClick: EventEmitter<void>;
+    previewButtonClicked: EventEmitter<HTMLNylasEditorTabsElement>;
     configChangedHandler(newConfig: Configuration): void;
     connectedCallback(): void;
     componentWillLoad(): void;

package/dist/types/components/scheduler-editor/nylas-list-configurations/nylas-list-configurations.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { Configuration } from '@nylas/core';
+export declare class NylasListConfigurations {
+    host: HTMLNylasListConfigurationsElement;
+    configurations: Configuration[];
+    schedulerPreviewLink: string;
+    initListConfigurations: EventEmitter<HTMLNylasListConfigurationsElement>;
+    createButtonClick: EventEmitter<HTMLNylasListConfigurationsElement>;
+    editButtonClick: EventEmitter<{
+        host: HTMLNylasListConfigurationsElement;
+        configuration: Configuration;
+    }>;
+    deleteButtonClick: EventEmitter<{
+        host: HTMLNylasListConfigurationsElement;
+        configuration: Configuration;
+    }>;
+    private state;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    getState(): Promise<"loading" | "error" | "loaded">;
+    setState(state: 'loading' | 'loaded' | 'error'): Promise<void>;
+    render(): any;
+}

package/dist/types/components/scheduler-editor/nylas-scheduler-editor/LoginRequired.d.ts

@@ -0,0 +1,4 @@
+export type LoginRequiredProps = {
+    authenticationUrl: (provider?: string) => Promise<string>;
+};
+export declare const LoginRequired: ({ authenticationUrl }: LoginRequiredProps) => any;

package/dist/types/components/scheduler-editor/nylas-scheduler-editor/nylas-scheduler-editor.d.ts

@@ -1,19 +1,21 @@
 import type { SchedulerEditorEventOverride } from "../../../common/component-types";
+import { type NylasApiRequest } from "../../../common/nylas-api-request";
 import { RegisteredComponent } from "../../../common/register-component";
 import { NylasSchedulerConfigConnector } from "../../../connector/nylas-scheduler-config-connector/index";
 import { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from "../../../stores/scheduler-config-store";
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { type NylasApiRequest } from "../../../common/nylas-api-request";
 import { Config } from '@nylas/identity';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class NylasSchedulerEditor {
     private stores?;
     private baseProvider?;
     private nylasSchedulerConfigConnector?;
     private host;
+    defaultRequiresSessionAuth: boolean;
     configurationId?: string;
     nylasApiRequest?: NylasApiRequest;
     nylasSessionsConfig?: Config;
     eventOverrides: SchedulerEditorEventOverride;
+    schedulerPreviewLink: string;
     readonly defaultSchedulerConfigStoreState?: NylasSchedulerConfigStoreState;
     readonly mode: 'app' | 'composable';
     readonly init: EventEmitter<HTMLNylasSchedulerEditorElement>;
@@ -25,12 +27,14 @@ export declare class NylasSchedulerEditor {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
     componentDisconnected(): void;
-    private loggedInHandler;
+    defaultRequiresSessionAuthChanged(newRequireSessionAuth: boolean): void;
     configurationIdChanged(newConfigurationId: string): Promise<void>;
     store(): Promise<NylasSchedulerConfigStoreType | undefined>;
     schedulerConnector(): Promise<NylasSchedulerConfigConnector | undefined>;
     registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void>;
     unregisterComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void>;
+    private loggedInHandler;
     private handleSchedulerConfigCloseClicked;
+    private authenticationUrl;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -346,6 +346,10 @@ export namespace Components {
         "calendars"?: Calendar[];
         "config"?: Configuration;
         "currentUser"?: User;
+        /**
+          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+         */
+        "schedulerPreviewLink": string;
     }
     /**
      * The `nylas-event-description` component is a form input for the description of an event.
@@ -414,6 +418,21 @@ export namespace Components {
         "availableDaysInFuture"?: number;
         "name": string;
     }
+    /**
+     * The `nylas-list-configurations` component displays a list of scheduling configurations.
+     */
+    interface NylasListConfigurations {
+        /**
+          * The list of configurations to display.
+         */
+        "configurations": Configuration[];
+        "getState": () => Promise<"loading" | "error" | "loaded">;
+        /**
+          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+         */
+        "schedulerPreviewLink": string;
+        "setState": (state: 'loading' | 'loaded' | 'error') => Promise<void>;
+    }
     interface NylasListFolders {
         "folders"?: Folder[];
         "selectedFolder"?: string;
@@ -647,6 +666,10 @@ export namespace Components {
           * * The configuration id to use for the scheduler editor. If provided, then the scheduler editor will try and fetch the configuration with the provided id. If found, it will automatically load the editor with the configuration settings for editing.
          */
         "configurationId"?: string;
+        /**
+          * The default require session auth flag to used to set the default value for the requireSessionAuth property when creating a configuration. If set to true, then a session token must be provided to the <nylas-scheduling/> component. If set to false, then a session token is not required and the configuration id can passed to the <nylas-scheduling/> component instead.
+         */
+        "defaultRequiresSessionAuth": boolean;
         /**
           * The default scheduler config store state. Used to set the initial state of the scheduler config store.
          */
@@ -672,6 +695,10 @@ export namespace Components {
           * @returns Promise<NylasSchedulerConfigConnector | undefined>
          */
         "schedulerConnector": () => Promise<NylasSchedulerConfigConnector | undefined>;
+        /**
+          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+         */
+        "schedulerPreviewLink": string;
         /**
           * This method is used to get the NylasSchedulerConfigStore instance. You can use this instance to update or get the state of the store.
           * @returns Promise<NylasSchedulerConfigStoreType | undefined>
@@ -1036,6 +1063,10 @@ export interface NylasLimitFutureBookingsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasLimitFutureBookingsElement;
 }
+export interface NylasListConfigurationsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasListConfigurationsElement;
+}
 export interface NylasListFoldersCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasListFoldersElement;
@@ -1551,6 +1582,8 @@ declare global {
     };
     interface HTMLNylasEditorTabsElementEventMap {
         "schedulerConfigChanged": SchedulerEventDetail;
+        "cancelButtonClick": void;
+        "previewButtonClicked": HTMLNylasEditorTabsElement;
     }
     /**
      * The `nylas-editor-tabs` component is a UI component that displays the editor tabs for the scheduler editor.
@@ -1696,6 +1729,35 @@ declare global {
         prototype: HTMLNylasLimitFutureBookingsElement;
         new (): HTMLNylasLimitFutureBookingsElement;
     };
+    interface HTMLNylasListConfigurationsElementEventMap {
+        "initListConfigurations": HTMLNylasListConfigurationsElement;
+        "createButtonClick": HTMLNylasListConfigurationsElement;
+        "editButtonClick": {
+    host: HTMLNylasListConfigurationsElement;
+    configuration: Configuration;
+  };
+        "deleteButtonClick": {
+    host: HTMLNylasListConfigurationsElement;
+    configuration: Configuration;
+  };
+    }
+    /**
+     * The `nylas-list-configurations` component displays a list of scheduling configurations.
+     */
+    interface HTMLNylasListConfigurationsElement extends Components.NylasListConfigurations, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasListConfigurationsElementEventMap>(type: K, listener: (this: HTMLNylasListConfigurationsElement, ev: NylasListConfigurationsCustomEvent<HTMLNylasListConfigurationsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLNylasListConfigurationsElementEventMap>(type: K, listener: (this: HTMLNylasListConfigurationsElement, ev: NylasListConfigurationsCustomEvent<HTMLNylasListConfigurationsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLNylasListConfigurationsElement: {
+        prototype: HTMLNylasListConfigurationsElement;
+        new (): HTMLNylasListConfigurationsElement;
+    };
     interface HTMLNylasListFoldersElementEventMap {
         "folderSelected": Folder;
     }
@@ -2265,6 +2327,7 @@ declare global {
         "nylas-form-card": HTMLNylasFormCardElement;
         "nylas-if-state": HTMLNylasIfStateElement;
         "nylas-limit-future-bookings": HTMLNylasLimitFutureBookingsElement;
+        "nylas-list-configurations": HTMLNylasListConfigurationsElement;
         "nylas-list-folders": HTMLNylasListFoldersElement;
         "nylas-list-threads": HTMLNylasListThreadsElement;
         "nylas-locale-switch": HTMLNylasLocaleSwitchElement;
@@ -2722,7 +2785,19 @@ declare namespace LocalJSX {
         "calendars"?: Calendar[];
         "config"?: Configuration;
         "currentUser"?: User;
+        /**
+          * Event emitted when the user clicks the cancel button.
+         */
+        "onCancelButtonClick"?: (event: NylasEditorTabsCustomEvent<void>) => void;
+        /**
+          * Event emitted when the user clicks the cancel button.
+         */
+        "onPreviewButtonClicked"?: (event: NylasEditorTabsCustomEvent<HTMLNylasEditorTabsElement>) => void;
         "onSchedulerConfigChanged"?: (event: NylasEditorTabsCustomEvent<SchedulerEventDetail>) => void;
+        /**
+          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+         */
+        "schedulerPreviewLink"?: string;
     }
     /**
      * The `nylas-event-description` component is a form input for the description of an event.
@@ -2810,6 +2885,41 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
     }
+    /**
+     * The `nylas-list-configurations` component displays a list of scheduling configurations.
+     */
+    interface NylasListConfigurations {
+        /**
+          * The list of configurations to display.
+         */
+        "configurations"?: Configuration[];
+        /**
+          * Event emitted when the user clicks the create event button.
+         */
+        "onCreateButtonClick"?: (event: NylasListConfigurationsCustomEvent<HTMLNylasListConfigurationsElement>) => void;
+        /**
+          * Event emitted when the user clicks the delete event button.
+         */
+        "onDeleteButtonClick"?: (event: NylasListConfigurationsCustomEvent<{
+    host: HTMLNylasListConfigurationsElement;
+    configuration: Configuration;
+  }>) => void;
+        /**
+          * Event emitted when the user clicks the edit event button.
+         */
+        "onEditButtonClick"?: (event: NylasListConfigurationsCustomEvent<{
+    host: HTMLNylasListConfigurationsElement;
+    configuration: Configuration;
+  }>) => void;
+        /**
+          * Event emitted when the component is initialized.
+         */
+        "onInitListConfigurations"?: (event: NylasListConfigurationsCustomEvent<HTMLNylasListConfigurationsElement>) => void;
+        /**
+          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+         */
+        "schedulerPreviewLink"?: string;
+    }
     interface NylasListFolders {
         "folders"?: Folder[];
         "onFolderSelected"?: (event: NylasListFoldersCustomEvent<Folder>) => void;
@@ -3036,6 +3146,10 @@ declare namespace LocalJSX {
           * * The configuration id to use for the scheduler editor. If provided, then the scheduler editor will try and fetch the configuration with the provided id. If found, it will automatically load the editor with the configuration settings for editing.
          */
         "configurationId"?: string;
+        /**
+          * The default require session auth flag to used to set the default value for the requireSessionAuth property when creating a configuration. If set to true, then a session token must be provided to the <nylas-scheduling/> component. If set to false, then a session token is not required and the configuration id can passed to the <nylas-scheduling/> component instead.
+         */
+        "defaultRequiresSessionAuth"?: boolean;
         /**
           * The default scheduler config store state. Used to set the initial state of the scheduler config store.
          */
@@ -3072,6 +3186,10 @@ declare namespace LocalJSX {
           * This event is fired when the close button on scheduler config is clicked.
          */
         "onSchedulerConfigCloseClicked"?: (event: NylasSchedulerEditorCustomEvent<HTMLNylasSchedulerEditorElement>) => void;
+        /**
+          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+         */
+        "schedulerPreviewLink"?: string;
     }
     /**
      * The `nylas-scheduling` component is used to display the Nylas Scheduling UI.
@@ -3438,6 +3556,7 @@ declare namespace LocalJSX {
         "nylas-form-card": NylasFormCard;
         "nylas-if-state": NylasIfState;
         "nylas-limit-future-bookings": NylasLimitFutureBookings;
+        "nylas-list-configurations": NylasListConfigurations;
         "nylas-list-folders": NylasListFolders;
         "nylas-list-threads": NylasListThreads;
         "nylas-locale-switch": NylasLocaleSwitch;
@@ -3591,6 +3710,10 @@ declare module "@stencil/core" {
              * The `nylas-limit-future-bookings` component is a form input for the description of an event.
              */
             "nylas-limit-future-bookings": LocalJSX.NylasLimitFutureBookings & JSXBase.HTMLAttributes<HTMLNylasLimitFutureBookingsElement>;
+            /**
+             * The `nylas-list-configurations` component displays a list of scheduling configurations.
+             */
+            "nylas-list-configurations": LocalJSX.NylasListConfigurations & JSXBase.HTMLAttributes<HTMLNylasListConfigurationsElement>;
             "nylas-list-folders": LocalJSX.NylasListFolders & JSXBase.HTMLAttributes<HTMLNylasListFoldersElement>;
             "nylas-list-threads": LocalJSX.NylasListThreads & JSXBase.HTMLAttributes<HTMLNylasListThreadsElement>;
             /**

package/dist/types/connector/nylas-scheduler-config-connector/index.d.ts

@@ -3,10 +3,10 @@ import { NylasSchedulerConfigStoreType } from "../../stores/scheduler-config-sto
 import { NylasSchedulerConfigAPIConnector } from '../shared/api/scheduler-config';
 type NylasSchedulerConfigConnectorOptions = {
     nylasSchedulerConfigStore: NylasSchedulerConfigStoreType;
-    nylasApiRequest: NylasApiRequest;
+    nylasApiRequest?: NylasApiRequest;
 };
 export declare class NylasSchedulerConfigConnector {
-    nylasApiRequest: NylasApiRequest;
+    nylasApiRequest?: NylasApiRequest;
     nylasSchedulerConfigStore: NylasSchedulerConfigStoreType;
     private _schedulerConfigConnector;
     constructor({ nylasApiRequest, nylasSchedulerConfigStore }: NylasSchedulerConfigConnectorOptions);

package/dist/types/connector/shared/api/scheduler-config.d.ts

@@ -1,19 +1,56 @@
 import { NylasApiRequest } from "../../../common/nylas-api-request";
 import { NylasSchedulerConfigStoreType } from "../../../stores/scheduler-config-store";
-import { Calendar, Configuration, NylasErrorResponse } from '@nylas/core';
+import { Calendar, Configuration } from '@nylas/core';
 type NylasSchedulerConfigAPIConnectorOptions = {
-    nylasApiRequest: NylasApiRequest;
+    nylasApiRequest?: NylasApiRequest;
     nylasSchedulerConfigStore: NylasSchedulerConfigStoreType;
 };
 export declare class NylasSchedulerConfigAPIConnector {
-    private nylasApiRequest;
+    private nylasApiRequest?;
     private nylasSchedulerConfigStore;
     constructor({ nylasApiRequest, nylasSchedulerConfigStore }: NylasSchedulerConfigAPIConnectorOptions);
     currentUser(): Promise<import("@/common/nylas-api-request").User | null>;
-    getCalendars(): Promise<NylasErrorResponse | Calendar[]>;
-    getConfigurationById(configurationId: string, forceFetch?: boolean): Promise<NylasErrorResponse | Configuration>;
-    getConfigurations(): Promise<NylasErrorResponse | Configuration[]>;
-    createConfiguration(configuration: Omit<Partial<Configuration>, 'id'>): Promise<NylasErrorResponse | Configuration>;
-    updateConfiguration(configuration: Partial<Configuration>): Promise<NylasErrorResponse | Configuration>;
+    getCalendars(): Promise<[null, {
+        type?: string | undefined;
+        code?: string | number | undefined;
+        title?: string | undefined;
+        message?: string | undefined;
+        provider_error?: Record<string, never> | undefined;
+    }] | [null, null] | [Calendar[], null]>;
+    getConfigurationById(configurationId: string, forceFetch?: boolean): Promise<[null, {
+        type?: string | undefined;
+        code?: string | number | undefined;
+        title?: string | undefined;
+        message?: string | undefined;
+        provider_error?: Record<string, never> | undefined;
+    }] | [null, null] | [Configuration, null]>;
+    getConfigurations(): Promise<[null, {
+        type?: string | undefined;
+        code?: string | number | undefined;
+        title?: string | undefined;
+        message?: string | undefined;
+        provider_error?: Record<string, never> | undefined;
+    }] | [null, null] | [Configuration[], null]>;
+    createConfiguration(configuration: Omit<Partial<Configuration>, 'id'>): Promise<[null, {
+        type?: string | undefined;
+        code?: string | number | undefined;
+        title?: string | undefined;
+        message?: string | undefined;
+        provider_error?: Record<string, never> | undefined;
+    }] | [null, null] | [Configuration, null]>;
+    updateConfiguration(configuration: Partial<Configuration>): Promise<[null, {
+        type?: string | undefined;
+        code?: string | number | undefined;
+        title?: string | undefined;
+        message?: string | undefined;
+        provider_error?: Record<string, never> | undefined;
+    }] | [null, null] | [Configuration, null]>;
+    deleteConfiguration(configurationId: string): Promise<[null, {
+        type?: string | undefined;
+        code?: string | number | undefined;
+        title?: string | undefined;
+        message?: string | undefined;
+        provider_error?: Record<string, never> | undefined;
+    }] | [null, null] | [Configuration, null]>;
 }
 export {};

package/dist/types/stores/scheduler-config-store.d.ts

@@ -5,6 +5,8 @@ export interface NylasSchedulerConfigStoreState {
     configurations: Configuration[];
     calendars: Calendar[];
     currentUser: User | null;
+    action: 'create' | 'edit' | null;
+    defaultRequiresSessionAuth: boolean;
 }
 export type NylasSchedulerConfigStoreType = ReturnType<typeof CreateNylasSchedulerConfigStore>;
 export declare function CreateNylasSchedulerConfigStore(defaultState?: Partial<NylasSchedulerConfigStoreState>): import("@stencil/store").ObservableMap<NylasSchedulerConfigStoreState>;

package/dist/types/utils/utils.d.ts

@@ -1,4 +1,5 @@
-import { EmailName, Message } from '@nylas/core';
+import { DataResponseError, DataResponseReturnType } from "../common/types";
+import { Configuration, EmailName, Message } from '@nylas/core';
 import dayjs from 'dayjs';
 export declare function format(first: string, middle: string, last: string): string;
 export declare function removeUndefined(obj: any): {
@@ -38,3 +39,5 @@ export declare function convertTo24HourFormat(timeStr: string): string;
 export declare function timeToMinutes(time: any): number;
 export declare function minutesToTime(minutes: any): string;
 export declare function getBrowser(): "Edge (Chromium)" | "Chrome" | "Safari" | "Firefox" | "Internet Explorer" | "Edge (Legacy)" | "Unknown";
+export declare function dataResponse<T = any>(data: T, error?: DataResponseError | null): DataResponseReturnType<T>;
+export declare function parsePreviewLink(link: string, config?: Partial<Configuration>): string;

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@nylas/web-elements",
-  "version": "1.1.0-canary.4",
+  "version": "1.1.0-canary.5",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "es2015": "dist/esm/index.js",
   "es2017": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
-  "collection": "dist/collection/collection-manifest.json",
   "unpkg": "dist/nylas-web-elements/nylas-web-elements.esm.js",
   "type": "module",
   "publishConfig": {

package/dist/cjs/google-logo-icon_3.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"google-logo-icon.microsoft-logo-icon.nylas-editor-tabs.entry.cjs.js","mappings":"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","names":["iconCss","h","debug","Host","RegisterComponent"],"sources":["src/common/icons/icon.css?tag=google-logo-icon&encapsulation=scoped","src/common/icons/google-logo.tsx","src/common/icons/icon.css?tag=microsoft-logo-icon&encapsulation=scoped","src/common/icons/microsoft-logo.tsx","src/components/scheduler-editor/nylas-editor-tabs/tab-contents.tsx","src/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.scss?tag=nylas-editor-tabs&encapsulation=scoped","src/components/scheduler-editor/nylas-editor-tabs/nylas-editor-tabs.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'google-logo-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class GoogleLogoIcon {\n  @Prop() width: string = '24';\n  @Prop() height: string = '24';\n\n  render() {\n    // Spam icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_959_12452)\">\n          <path\n            d=\"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z\"\n            fill=\"#4285F4\"\n          />\n          <path\n            d=\"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z\"\n            fill=\"#34A853\"\n          />\n          <path\n            d=\"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z\"\n            fill=\"#FBBC05\"\n          />\n          <path\n            d=\"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z\"\n            fill=\"#EA4335\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_959_12452\">\n            <rect width={24} height={24} fill=\"white\" />\n          </clipPath>\n        </defs>\n      </svg>\n    );\n  }\n}\n",":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'microsoft-logo-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class MicrosoftLogoIcon {\n  @Prop() width: string = '22';\n  @Prop() height: string = '22';\n\n  render() {\n    // Spam icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 22 22\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z\" fill=\"#F35325\" />\n        <path d=\"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z\" fill=\"#81BC06\" />\n        <path d=\"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z\" fill=\"#05A6F0\" />\n        <path d=\"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z\" fill=\"#FFBA08\" />\n      </svg>\n    );\n  }\n}\n","import { h } from '@stencil/core';\n\nexport type TabContentsProps = {\n  id: string;\n  formState: any;\n  activeTab: string;\n  calendars?: any[];\n};\n\nexport default function TabContents({ id, formState, activeTab, calendars }: TabContentsProps) {\n  switch (activeTab) {\n    case 'eventInfo':\n      const eventTitle = formState.title;\n      const eventDescription = formState.description;\n      const eventDuration = parseInt(formState.duration);\n      const location = formState.location;\n      // const eventParticipants = formState.participants;\n\n      return (\n        <div key={id}>\n          <nylas-event-info>\n            <div slot=\"inputs\">\n              <nylas-event-title name=\"title\" eventTitle={eventTitle} exportparts=\"net, net__title, net__dropdown-content\" />\n              <nylas-event-duration\n                name=\"duration\"\n                eventDurationMinutes={eventDuration}\n                exportparts=\"ned, ned__input, ned__dropdown, ned__dropdown-button, ned__dropdown-content\"\n              />\n              <nylas-location-component name=\"location\" eventLocation={location} exportparts=\"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content\" />\n              <nylas-event-description name=\"description\" eventDescription={eventDescription} exportparts=\"nedesc, nedesc__textarea\" />\n            </div>\n          </nylas-event-info>\n          {/* <nylas-additional-participants\n              name=\"participants\"\n              eventParticipants={eventParticipants}\n              exportparts={'nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant, nap__add-participant'}\n            /> */}\n        </div>\n      );\n    case 'availability':\n      const openHours = formState.availability;\n      const timezone = openHours?.[0]?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone;\n      const organizer = formState.participants?.find(p => p.is_organizer);\n      const organizerEmail = organizer?.email ?? 'primary';\n      const selectedCalendars = formState.calendarIds.length > 0 ? formState.calendarIds : [organizerEmail];\n      const bookingCalendar = formState.bookingCalendar == 'primary' ? organizerEmail : formState.bookingCalendar;\n      return (\n        <div key={id}>\n          <nylas-booking-calendar-picker\n            name=\"booking-calendar\"\n            calendars={calendars ?? []}\n            defaultBookingCalendar={bookingCalendar}\n            exportparts={'nbcp, nbcp__header, nbcp__input-label, nbcp__dropdown, nbcp__dropdown-button, nbcp__dropdown-content'}\n          />\n          <nylas-calendar-picker\n            name=\"calendars\"\n            calendars={calendars ?? []}\n            defaultSelectedCalendars={selectedCalendars}\n            organizerEmail={organizerEmail}\n            exportparts={'ncp ncp__header, ncp__dropdown, ncp__dropdown-button, ncp__dropdown-content'}\n          />\n          <nylas-availability-picker\n            name=\"availability\"\n            openHours={openHours}\n            defaultTimezone={timezone}\n            exportparts={\n              'nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times'\n            }\n          />\n        </div>\n      );\n    case 'bookingOptions':\n      return (\n        <div key={id}>\n          {id == 'new' && <p>Config</p>}\n          <nylas-buffer-time\n            name=\"buffer-time\"\n            buffer={formState.buffer}\n            exportparts={\n              'nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview'\n            }\n          />\n          <nylas-custom-booking-flow\n            name=\"booking-type\"\n            bookingType={formState.bookingType}\n            exportparts={'ncbf, ncbf__header, ncbf__dropdown, ncbf__dropdown-button, ncbf__dropdown-content'}\n          />\n          <nylas-event-limits>\n            <div slot=\"inputs\">\n              <nylas-limit-future-bookings\n                name=\"limit-future-bookings\"\n                availableDaysInFuture={formState.availableDaysInFuture}\n                exportparts=\"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content\"\n              />\n              <nylas-min-cancellation-notice\n                name=\"min-cancellation-notice\"\n                minCancellationNotice={formState.minCancellationNotice}\n                exportparts=\"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content\"\n              />\n            </div>\n          </nylas-event-limits>\n        </div>\n      );\n  }\n}\n","@import '../../../common/styles/variables.scss';\n@import '../../../common/mixins/buttons.scss';\n\n:host {\n  display: block;\n  @include default-css-variables;\n}\n\n.scheduler-editor {\n  display: flex;\n  flex-direction: column;\n  .form-contents {\n    display: grid;\n    grid-template-columns: minmax(224px, 25%) 1fr;\n    @media #{$mobile} {\n      display: table-column-group;\n    }\n    .tabs {\n      display: flex;\n      flex-direction: column;\n      border-right: 1px solid var(--nylas-base-200);\n      background-color: var(--nylas-base-25);\n      .tab {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.5rem 1rem;\n        color: var(--nylas-base-900);\n        background: var(--nylas-base-0);\n        border: none;\n        height: 56px;\n        font-family: var(--nylas-font-family);\n        font-size: 16px;\n        font-weight: 500;\n        line-height: 24px;\n        cursor: pointer;\n        &:not(:first-of-type) {\n          margin-top: 0.25rem;\n        }\n        &.active {\n          font-weight: 600;\n          background: var(--nylas-base-0);\n          color: var(--nylas-primary);\n          border-left: 4px solid var(--nylas-primary);\n          box-shadow: 0px 1px 2px 0px #0000000f;\n          box-shadow: 0px 1px 3px 0px #0000001a;\n        }\n      }\n    }\n    .tab-content {\n      max-width: 692px;\n      nylas-event-info,\n      nylas-event-limits {\n        div[slot='inputs'] {\n          display: flex;\n          flex-direction: column;\n          gap: 1rem;\n        }\n      }\n    }\n  }\n}\n\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n  height: 80px;\n  padding: 0 1rem;\n  border-top: 1px solid var(--nylas-base-200);\n  .unsaved-changes {\n    color: var(--nylas-base-600);\n  }\n  .saved-changes {\n    color: var(--nylas-success);\n  }\n  button {\n    @include primary-button;\n    width: 148px;\n    span {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n    }\n  }\n}\n","import { RegisterComponent } from '@/common/register-component';\nimport { NylasSchedulerConfigConnector } from '@/connector/nylas-scheduler-config-connector';\nimport { debug } from '@/utils/utils';\nimport { BookingType, Calendar, Configuration } from '@nylas/core';\nimport { Component, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { NylasSchedulerEditor } from '../nylas-scheduler-editor/nylas-scheduler-editor';\nimport TabContents from './tab-contents';\nimport { User } from '@/common/nylas-api-request';\n\ntype SchedulerEventDetail = {\n  config: Partial<Configuration>;\n  action: 'create' | 'update';\n  resetLoadingState?: (e: CustomEvent) => void;\n};\n\n/**\n * The `nylas-editor-tabs` component is a UI component that displays the editor tabs for the scheduler editor.\n * @part nap__title - [nylas-additional-participants] The title of the component.\n * @part nap__subtitle - [nylas-additional-participants] The subtitle of the component.\n * @part nap__content - [nylas-additional-participants] The content of the component.\n * @part nap__input - [nylas-additional-participants] The input of the component.\n * @part nap__remove-participant - [nylas-additional-participants] The remove participant button of the component.\n * @part nap__add-participant - [nylas-additional-participants] The add participant button of the component.\n * @part nap__header - [nylas-availability-picker] The header of the availability picker\n * @part nap__select-timezone - [nylas-availability-picker] The timezone selection container\n * @part nap__select-timezone-button -[nylas-availability-picker]  The timezone selection button\n * @part nap__select-timezone-dropdown-content -[nylas-availability-picker] The timezone selection dropdown content\n * @part nap__availability - [nylas-availability-picker] The availability container\n * @part nap__day - [nylas-availability-picker] The day container\n * @part nap__time-ranges - [nylas-availability-picker] The time ranges container\n * @part nap__time-range - [nylas-availability-picker] The time range container\n * @part nap__add-time-range - [nylas-availability-picker] The add time range button\n * @part nap__time-picker-container -[nylas-availability-picker]  The time picker container\n * @part nap__time-picker-input - [nylas-availability-picker]  The time picker input\n * @part nap__time-picker-times - [nylas-availability-picker] The time picker times\n * @part nbcp - [nylas-booking-calendar-picker] The booking calendar picker container\n * @part nbcp__header - [nylas-booking-calendar-picker] The header of the booking calendar picker\n * @part nbcp__input-label - [nylas-booking-calendar-picker] The input label of the booking calendar picker\n * @part nbcp__dropdown - [nylas-booking-calendar-picker] The dropdown container\n * @part nbcp__dropdown-button - [nylas-booking-calendar-picker] The dropdown button\n * @part nbcp__dropdown-content - [nylas-booking-calendar-picker] The dropdown content\n * @part nbt - [nylas-buffer-time] The buffer time container\n * @part nbt__header - [nylas-buffer-time] The header of the buffer time\n * @part nbt__body - [nylas-buffer-time] The body of the buffer time\n * @part nbt__dropdown-before - [nylas-buffer-time] The before buffer dropdown container\n * @part nbt__dropdown-button-before - [nylas-buffer-time] The before buffer dropdown button\n * @part nbt__dropdown-content-before - [nylas-buffer-time] The before buffer dropdown content\n * @part nbt__dropdown-after - [nylas-buffer-time] The after buffer dropdown container\n * @part nbt__dropdown-button-after - [nylas-buffer-time] The after buffer dropdown button\n * @part nbt__dropdown-content-after - [nylas-buffer-time] The after buffer dropdown content\n * @part nbt__preview - [nylas-buffer-time] The buffer time preview\n * @part ncp - [nylas-calendar-picker] The calendar picker container\n * @part ncp__header - [nylas-calendar-picker] The header of the calendar picker\n * @part ncp__dropdown - [nylas-calendar-picker] The dropdown container\n * @part ncp__dropdown-button - [nylas-calendar-picker] The dropdown button\n * @part ncp__dropdown-content - [nylas-calendar-picker] The dropdown content\n * @part ncbf - [nylas-custom-booking-flow] The custom booking flow container\n * @part ncbf__header - [nylas-custom-booking-flow] The header of the custom booking flow\n * @part ncbf__dropdown - [nylas-custom-booking-flow] The dropdown container\n * @part ncbf__dropdown-button - [nylas-custom-booking-flow] The dropdown button\n * @part ncbf__dropdown-content - [nylas-custom-booking-flow] The dropdown content\n * @part nedesc - [nylas-event-description] The event description container\n * @part nedesc__textarea - [nylas-event-description] The event description textarea\n * @part ned - [nylas-event-duration] The event duration container\n * @part ned__input - [nylas-event-duration] The event duration input\n * @part ned__dropdown - [nylas-event-duration] The event duration dropdown\n * @part ned__dropdown-button - [nylas-event-duration] The event duration dropdown button\n * @part ned__dropdown-content - [nylas-event-duration] The event duration dropdown content\n * @part net - [nylas-event-title] The event title container\n * @part net__title - [nylas-event-title] The event title input\n * @part net__dropdown-content - [nylas-event-title] The token options container\n * @part nlfb - [nylas-limit-future-bookings] The limit future bookings container\n * @part nlfb__number-dropdown - [nylas-limit-future-bookings] The number dropdown container\n * @part nlfb__number-dropdown-button - [nylas-limit-future-bookings] The number dropdown button\n * @part nlfb__number-dropdown-content - [nylas-limit-future-bookings] The number dropdown content\n * @part nlfb__period-dropdown - [nylas-limit-future-bookings] The period dropdown container\n * @part nlfb__period-dropdown-button - [nylas-limit-future-bookings] The period dropdown button\n * @part nlfb__period-dropdown-content - [nylas-limit-future-bookings] The period dropdown content\n * @part nel - [nylas-location-component] The event location container\n * @part nel__location - [nylas-location-component] The event location input\n * @part nel__dropdown - [nylas-location-component] The dropdown container\n * @part nel__dropdown-button - [nylas-location-component] The dropdown button\n * @part nel__dropdown-content - [nylas-location-component] The dropdown content\n * @part nmcn - [nylas-min-cancellation-notice] The minimum cancellation notice container\n * @part nmcn__number-dropdown - [nylas-min-cancellation-notice] The number dropdown container\n * @part nmcn__number-dropdown-button - [nylas-min-cancellation-notice] The number dropdown button\n * @part nmcn__number-dropdown-content - [nylas-min-cancellation-notice] The number dropdown content\n * @part nmcn__period-dropdown - [nylas-min-cancellation-notice] The period dropdown container\n * @part nmcn__period-dropdown-button - [nylas-min-cancellation-notice] The period dropdown button\n * @part nmcn__period-dropdown-content - [nylas-min-cancellation-notice] The period dropdown content\n */\n@Component({\n  tag: 'nylas-editor-tabs',\n  styleUrl: 'nylas-editor-tabs.scss',\n  scoped: true,\n})\nexport class NylasEditorTabs {\n  private formRef!: HTMLFormElement;\n  @Prop() calendars?: Calendar[];\n  @Prop() config?: Configuration;\n  @Prop() currentUser?: User;\n  @State() action: 'create' | 'update' = 'create';\n  @State() activeTab: string = 'eventInfo';\n  @State() isLoading: boolean = false;\n  @State() hasUnsavedChanges: boolean = false;\n  @State() changesSaved: boolean = false;\n  @State() formState: Partial<{\n    title: string;\n    description: string;\n    duration: string;\n    availability?: any;\n    calendarIds: string[];\n    participants?: any[];\n    bookingCalendar?: string;\n    location?: string;\n    bookingType?: string;\n    buffer?: { before: number; after: number };\n    availableDaysInFuture?: number;\n    minCancellationNotice?: number;\n  }> = {};\n\n  @Event() schedulerConfigChanged!: EventEmitter<SchedulerEventDetail>;\n\n  @Watch('config')\n  configChangedHandler(newConfig: Configuration) {\n    debug('[nylas-editor-tabs]', 'configChangedHandler', newConfig, this.config);\n    this.formState = {\n      ...this.getFormStateFromConfig(newConfig),\n    };\n\n    if (newConfig.id) {\n      this.action = 'update';\n    } else {\n      this.action = 'create';\n    }\n  }\n\n  connectedCallback() {\n    debug('[nylas-editor-tabs]', 'connectedCallback');\n  }\n\n  componentWillLoad() {\n    debug('[nylas-editor-tabs]', 'componentWillLoad');\n    this.formState = this.getFormStateFromConfig(this.config);\n  }\n\n  componentDidLoad() {\n    debug('[nylas-editor-tabs]', 'componentDidLoad');\n  }\n\n  disconnectedCallback() {\n    debug('[nylas-editor-tabs]', 'disconnectedCallback');\n  }\n\n  @Listen('valueChanged')\n  handleValueChanged(event: CustomEvent) {\n    debug('[nylas-editor-tabs]', 'handleValueChanged', event);\n    this.formState = { ...this.formState, [event.detail.name]: event.detail.value };\n    this.hasUnsavedChanges = true;\n  }\n\n  getFormStateFromConfig(config?: Configuration) {\n    const organizerParticipant = config?.participants?.find(p => p.is_organizer);\n    return {\n      title: config?.event_booking?.title ?? '',\n      description: config?.event_booking?.description ?? '',\n      duration: config?.availability?.duration_minutes?.toString() ?? '10',\n      availability: organizerParticipant?.availability?.open_hours ?? undefined,\n      calendarIds: organizerParticipant?.availability?.calendar_ids ?? [],\n      participants: config?.participants ?? [],\n      bookingCalendar: organizerParticipant?.booking?.calendar_id ?? organizerParticipant?.email ?? '',\n      location: this.config?.event_booking?.location ?? '',\n      bookingType: this.config?.event_booking?.booking_type ?? 'booking',\n      buffer: this.config?.availability?.availability_rules?.buffer ?? { before: 0, after: 0 },\n      availableDaysInFuture: this.config?.scheduler?.available_days_in_future ?? 30,\n      minCancellationNotice: this.config?.scheduler?.min_cancellation_notice ?? 0,\n    };\n  }\n\n  updateFormState() {\n    const formData = new FormData(this.formRef);\n    formData.forEach((value, key) => {\n      switch (key) {\n        case 'title':\n          this.formState.title = value.toString();\n          break;\n        case 'description':\n          this.formState.description = value.toString();\n          break;\n        case 'duration':\n          this.formState.duration = value.toString();\n          break;\n        case 'availability':\n          this.formState.availability = JSON.parse(value.toString());\n          break;\n        case 'participants':\n          this.formState.participants = JSON.parse(value.toString());\n          break;\n        case 'calendars':\n          this.formState.calendarIds = value.toString().split(',');\n          break;\n        case 'booking-calendar':\n          this.formState.bookingCalendar = value.toString();\n          break;\n        case 'location':\n          this.formState.location = value.toString();\n          break;\n        case 'booking-type':\n          this.formState.bookingType = value.toString();\n          break;\n        case 'buffer-time':\n          this.formState.buffer = JSON.parse(value.toString());\n          break;\n        case 'limit-future-bookings':\n          this.formState.availableDaysInFuture = parseInt(value.toString());\n          break;\n        case 'min-cancellation-notice':\n          this.formState.minCancellationNotice = parseInt(value.toString());\n          break;\n      }\n    });\n    this.formState = { ...this.formState };\n  }\n\n  setActiveTab(e: Event, tabName: string) {\n    e.preventDefault();\n    this.updateFormState();\n    this.activeTab = tabName;\n  }\n\n  formSubmissionHandler = async (event: Event) => {\n    event.preventDefault();\n    this.isLoading = true;\n    this.hasUnsavedChanges = false;\n    this.updateFormState();\n    const { title, description, duration, availability, calendarIds, bookingCalendar, location, bookingType, buffer, availableDaysInFuture, minCancellationNotice } =\n      this.formState;\n\n    const organizer = this.config?.participants?.find(p => p.is_organizer);\n\n    const configObject: Partial<Configuration> = {\n      ...(this.config?.id && { id: this.config.id }),\n      version: this.config?.version ?? '1.0.0',\n      availability: {\n        duration_minutes: duration ? parseInt(duration) : 0,\n        availability_rules: {\n          availability_method: this.config?.availability?.availability_rules?.availability_method ?? 'collective',\n          buffer: buffer || { before: 0, after: 0 },\n          default_open_hours: this.config?.availability?.availability_rules?.default_open_hours ?? [],\n          round_robin_group_id: this.config?.availability?.availability_rules?.round_robin_group_id ?? '',\n        },\n      },\n      participants: [\n        {\n          name: organizer?.name ?? organizer?.email ?? this.currentUser?.name ?? this.currentUser?.email ?? '',\n          email: organizer?.email ?? this.currentUser?.email ?? '',\n          is_organizer: true,\n          availability: {\n            calendar_ids: calendarIds?.length ? calendarIds : ['primary'],\n            open_hours: availability ?? [],\n          },\n          booking: {\n            calendar_id: bookingCalendar && bookingCalendar !== '' ? bookingCalendar : 'primary',\n          },\n        },\n      ],\n      event_booking: {\n        title: title?.toString() ?? '',\n        description: description?.toString() ?? '',\n        location: location?.toString() ?? '',\n        booking_type: (bookingType?.toString() as BookingType) ?? 'booking',\n      },\n      scheduler: {\n        available_days_in_future: availableDaysInFuture ?? 30,\n        min_cancellation_notice: minCancellationNotice ?? 0,\n      },\n    };\n    const resetLoadingState = (_e: CustomEvent) => {\n      this.isLoading = false;\n      this.changesSaved = true;\n      setTimeout(() => {\n        this.changesSaved = false;\n      }, 5000);\n    };\n    this.schedulerConfigChanged.emit({ config: configObject, resetLoadingState, action: this.action });\n  };\n\n  @RegisterComponent<NylasEditorTabs, NylasSchedulerConfigConnector, Exclude<NylasSchedulerEditor['stores'], undefined>>({\n    name: 'nylas-editor-tabs',\n    stateToProps: new Map([\n      ['schedulerConfig.calendars', 'calendars'],\n      ['schedulerConfig.config', 'config'],\n      ['schedulerConfig.currentUser', 'currentUser'],\n    ]),\n    eventToProps: {\n      schedulerConfigChanged: async (event: CustomEvent<SchedulerEventDetail>, nylasSchedulerConfigConnector: NylasSchedulerConfigConnector) => {\n        const { resetLoadingState, action, config } = event.detail;\n        if (resetLoadingState) {\n          resetLoadingState(event);\n        }\n\n        // If we have an ID, we are updating an existing configuration\n        if (action === 'update') {\n          await nylasSchedulerConfigConnector.schedulerConfig.updateConfiguration(config);\n        } else {\n          await nylasSchedulerConfigConnector.schedulerConfig.createConfiguration(config);\n        }\n      },\n    },\n    fireRegisterEvent: true,\n  })\n  render() {\n    debug('[nylas-editor-tabs]', 'render', this.formState);\n    return (\n      <Host>\n        <form onSubmit={this.formSubmissionHandler} class=\"scheduler-editor\" ref={el => (this.formRef = el as HTMLFormElement)}>\n          <div class=\"form-contents\">\n            <div class=\"tabs\">\n              <button class={{ tab: true, active: this.activeTab == 'eventInfo' }} onClick={e => this.setActiveTab(e, 'eventInfo')}>\n                <calendar-info-icon width=\"16\" height=\"16\" />\n                Event Info\n              </button>\n              <button class={{ tab: true, active: this.activeTab == 'availability' }} onClick={e => this.setActiveTab(e, 'availability')}>\n                <calendar-patterns-icon width=\"16\" height=\"16\" />\n                Availability\n              </button>\n              <button class={{ tab: true, active: this.activeTab == 'bookingOptions' }} onClick={e => this.setActiveTab(e, 'bookingOptions')}>\n                <flow-icon width=\"16\" height=\"16\" />\n                Booking Options\n              </button>\n            </div>\n            <div class=\"tab-content\">\n              <TabContents formState={this.formState} activeTab={this.activeTab} calendars={this.calendars} id={this.config?.id ?? 'new'} />\n            </div>\n          </div>\n          <div class=\"footer\">\n            <p\n              class={{\n                'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,\n                'saved-changes': this.changesSaved,\n              }}\n            >\n              {this.hasUnsavedChanges && !this.changesSaved ? 'Unsaved changes' : this.changesSaved ? 'Changes saved!' : ''}\n            </p>\n            <button-component type=\"submit\" disabled={this.isLoading}>\n              {this.isLoading ? (\n                <span>\n                  Saving\n                  <loading-icon />{' '}\n                </span>\n              ) : this.action == 'create' ? (\n                'Create'\n              ) : (\n                'Save changes'\n              )}\n            </button-component>\n          </div>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"version":3}