@nylas/web-elements 1.0.2-canary.2 → 1.1.0-canary.3

package/dist/types/components.d.ts

@@ -6,8 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DataState, InternalAttachment, NylasEvent } from "./common/types";
-import { NylasAuthStoreState as NylasAuthStoreState1, NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
-import { AuthConfig, Calendar, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, SchedulerConfig, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+import { NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
+import { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+import { NylasApiRequest, User } from "./common/nylas-api-request";
 import { Stores, Transitions } from "./components/nylas-if-state/nylas-if-state";
 import { TokenInfo } from "@nylas/core/dist/auth";
 import { NylasAuthConnectorInterface, NylasMailboxConnectorInterface } from "./connector/connector-interface";
@@ -20,12 +21,15 @@ import { MethodsOfNylasMailboxConnector } from "./components/mailbox/nylas-mailb
 import { NylasConnector } from "./connector/nylas-connector/index";
 import { AvailabilityTimeslot, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
 import { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from "./stores/scheduler-config-store";
+import { Config } from "@nylas/identity";
+import { NylasSchedulerConfigConnector } from "./connector/nylas-scheduler-config-connector/index";
 import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
 import { SummarizeEvent } from "./components/mailbox/nylas-summarize-message-button/nylas-summarize-message-button";
 import { RefreshEvent } from "./components/mailbox/nylas-threads-refresh/nylas-threads-refresh";
 export { DataState, InternalAttachment, NylasEvent } from "./common/types";
-export { NylasAuthStoreState as NylasAuthStoreState1, NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
-export { AuthConfig, Calendar, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, SchedulerConfig, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+export { NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
+export { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+export { NylasApiRequest, User } from "./common/nylas-api-request";
 export { Stores, Transitions } from "./components/nylas-if-state/nylas-if-state";
 export { TokenInfo } from "@nylas/core/dist/auth";
 export { NylasAuthConnectorInterface, NylasMailboxConnectorInterface } from "./connector/connector-interface";
@@ -38,6 +42,8 @@ export { MethodsOfNylasMailboxConnector } from "./components/mailbox/nylas-mailb
 export { NylasConnector } from "./connector/nylas-connector/index";
 export { AvailabilityTimeslot, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
 export { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from "./stores/scheduler-config-store";
+export { Config } from "@nylas/identity";
+export { NylasSchedulerConfigConnector } from "./connector/nylas-scheduler-config-connector/index";
 export { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
 export { SummarizeEvent } from "./components/mailbox/nylas-summarize-message-button/nylas-summarize-message-button";
 export { RefreshEvent } from "./components/mailbox/nylas-threads-refresh/nylas-threads-refresh";
@@ -58,6 +64,16 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface ButtonComponent {
+        "blurHandler"?: (event: FocusEvent) => void;
+        "clickHandler"?: (event: MouseEvent) => void;
+        "disabled": boolean;
+        "focusHandler"?: (event: FocusEvent) => void;
+        "mouseOutHandler"?: (event: MouseEvent) => void;
+        "mouseOverHandler"?: (event: MouseEvent) => void;
+        "type": string;
+        "variant": ButtonType;
+    }
     interface CalendarCancelIcon {
         "height": string;
         "width": string;
@@ -110,6 +126,10 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface GoogleLogoIcon {
+        "height": string;
+        "width": string;
+    }
     interface InboxIcon {
         "height": string;
         "width": string;
@@ -134,6 +154,10 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface MicrosoftLogoIcon {
+        "height": string;
+        "width": string;
+    }
     interface MultiSelectDropdown {
         /**
           * The label of the dropdown
@@ -320,7 +344,8 @@ export namespace Components {
      */
     interface NylasEditorTabs {
         "calendars"?: Calendar[];
-        "config"?: SchedulerConfig;
+        "config"?: Configuration;
+        "currentUser"?: User;
     }
     /**
      * The `nylas-event-description` component is a form input for the description of an event.
@@ -342,6 +367,12 @@ export namespace Components {
      */
     interface NylasEventInfo {
     }
+    /**
+     * The `nylas-event-limits` component is a input form for the event information.
+     * ```
+     */
+    interface NylasEventLimits {
+    }
     /**
      * The `nylas-event-title` component is a form input for the title of an event.
      */
@@ -376,6 +407,13 @@ export namespace Components {
         "state"?: string;
         "transition": Transitions;
     }
+    /**
+     * The `nylas-limit-future-bookings` component is a form input for the description of an event.
+     */
+    interface NylasLimitFutureBookings {
+        "availableDaysInFuture"?: number;
+        "name": string;
+    }
     interface NylasListFolders {
         "folders"?: Folder[];
         "selectedFolder"?: string;
@@ -533,6 +571,13 @@ export namespace Components {
          */
         "method": MethodsOfNylasMailboxConnector;
     }
+    /**
+     * The `nylas-min-cancellation-notice` component is a form input for the description of an event.
+     */
+    interface NylasMinCancellationNotice {
+        "minCancellationNotice"?: number;
+        "name": string;
+    }
     /**
      * The `nylas-notification` component is a UI component that displays notifications.
      */
@@ -599,13 +644,9 @@ export namespace Components {
      */
     interface NylasSchedulerEditor {
         /**
-          * The Nylas Auth configuration. Used to manage all things authentication with Nylas.
+          * * 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.
          */
-        "authConfig"?: AuthConfig;
-        /**
-          * The default auth store state. Used to set the initial state of the auth store.
-         */
-        "defaultAuthStoreState"?: NylasAuthStoreState1;
+        "configurationId"?: string;
         /**
           * The default scheduler config store state. Used to set the initial state of the scheduler config store.
          */
@@ -618,6 +659,24 @@ export namespace Components {
           * The is used to set the mode for the scheduler config. The mode can be 'app' or 'composable'. The default mode is 'app'.
          */
         "mode": 'app' | 'composable';
+        /**
+          * The Nylas Api Request instance. Used to make requests to the Nylas API.
+         */
+        "nylasApiRequest"?: NylasApiRequest;
+        /**
+          * The Nylas Sessions configuration. Used to configure the Nylas Sessions instance.
+         */
+        "nylasSessionsConfig"?: Config;
+        /**
+          * This method is used to get the NylasSchedulerConfigConnector instance. You can use this instance to make requests to the Nylas API.
+          * @returns Promise<NylasSchedulerConfigConnector | undefined>
+         */
+        "schedulerConnector": () => Promise<NylasSchedulerConfigConnector | undefined>;
+        /**
+          * 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>
+         */
+        "store": () => Promise<NylasSchedulerConfigStoreType | undefined>;
     }
     /**
      * The `nylas-scheduling` component is used to display the Nylas Scheduling UI.
@@ -662,6 +721,10 @@ export namespace Components {
           * This is used to set the mode for the Nylas Scheduler. The mode can be either `app` or `composable`. The default mode is `app`. - `app`: This mode is used to show the default Nylas Scheduler UI. - `composable`: This mode is used to show the composable Nylas Scheduler UI    by passing the individual scheduler components as children.
          */
         "mode": 'app' | 'composable';
+        /**
+          * This prop lets you hide the Nylas branding. Default is true.
+         */
+        "nylasBranding"?: boolean;
         /**
           * Booking Id required for rescheduling flow.
          */
@@ -830,6 +893,9 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    /**
+     * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+     */
     interface SelectDropdown {
         /**
           * The default selected option
@@ -843,6 +909,10 @@ export namespace Components {
           * The options to display in the dropdown
          */
         "options": DropdownOption[];
+        /**
+          * Show pluralized label for the selected option. This is s tring that is appended to the selected option label as a suffix.
+         */
+        "pluralizedLabel": string;
         /**
           * Should show search input
          */
@@ -864,6 +934,17 @@ export namespace Components {
         "height": string;
         "width": string;
     }
+    interface TimePeriodSelector {
+        /**
+          * The default selected number.
+         */
+        "defaultSelectedNumber": number;
+        /**
+          * The default selected time period.
+         */
+        "defaultSelectedPeriod": string;
+        "timePeriods": string[];
+    }
     interface TooltipComponent {
         /**
           * The position of the tooltip.
@@ -951,6 +1032,10 @@ export interface NylasEventTitleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasEventTitleElement;
 }
+export interface NylasLimitFutureBookingsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasLimitFutureBookingsElement;
+}
 export interface NylasListFoldersCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasListFoldersElement;
@@ -979,6 +1064,10 @@ export interface NylasMailboxPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasMailboxPaginationElement;
 }
+export interface NylasMinCancellationNoticeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLNylasMinCancellationNoticeElement;
+}
 export interface NylasProviderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLNylasProviderElement;
@@ -1019,6 +1108,10 @@ export interface SelectDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSelectDropdownElement;
 }
+export interface TimePeriodSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTimePeriodSelectorElement;
+}
 declare global {
     interface HTMLAddCircleIconElement extends Components.AddCircleIcon, HTMLStencilElement {
     }
@@ -1044,6 +1137,12 @@ declare global {
         prototype: HTMLBoldIconElement;
         new (): HTMLBoldIconElement;
     };
+    interface HTMLButtonComponentElement extends Components.ButtonComponent, HTMLStencilElement {
+    }
+    var HTMLButtonComponentElement: {
+        prototype: HTMLButtonComponentElement;
+        new (): HTMLButtonComponentElement;
+    };
     interface HTMLCalendarCancelIconElement extends Components.CalendarCancelIcon, HTMLStencilElement {
     }
     var HTMLCalendarCancelIconElement: {
@@ -1122,6 +1221,12 @@ declare global {
         prototype: HTMLGlobeIconElement;
         new (): HTMLGlobeIconElement;
     };
+    interface HTMLGoogleLogoIconElement extends Components.GoogleLogoIcon, HTMLStencilElement {
+    }
+    var HTMLGoogleLogoIconElement: {
+        prototype: HTMLGoogleLogoIconElement;
+        new (): HTMLGoogleLogoIconElement;
+    };
     interface HTMLInboxIconElement extends Components.InboxIcon, HTMLStencilElement {
     }
     var HTMLInboxIconElement: {
@@ -1158,6 +1263,12 @@ declare global {
         prototype: HTMLLocationOffIconElement;
         new (): HTMLLocationOffIconElement;
     };
+    interface HTMLMicrosoftLogoIconElement extends Components.MicrosoftLogoIcon, HTMLStencilElement {
+    }
+    var HTMLMicrosoftLogoIconElement: {
+        prototype: HTMLMicrosoftLogoIconElement;
+        new (): HTMLMicrosoftLogoIconElement;
+    };
     interface HTMLMultiSelectDropdownElementEventMap {
         "selectedOptionsChanged": {
     value: string[];
@@ -1514,6 +1625,16 @@ declare global {
         prototype: HTMLNylasEventInfoElement;
         new (): HTMLNylasEventInfoElement;
     };
+    /**
+     * The `nylas-event-limits` component is a input form for the event information.
+     * ```
+     */
+    interface HTMLNylasEventLimitsElement extends Components.NylasEventLimits, HTMLStencilElement {
+    }
+    var HTMLNylasEventLimitsElement: {
+        prototype: HTMLNylasEventLimitsElement;
+        new (): HTMLNylasEventLimitsElement;
+    };
     interface HTMLNylasEventTitleElementEventMap {
         "valueChanged": {
     value: string;
@@ -1552,6 +1673,29 @@ declare global {
         prototype: HTMLNylasIfStateElement;
         new (): HTMLNylasIfStateElement;
     };
+    interface HTMLNylasLimitFutureBookingsElementEventMap {
+        "valueChanged": {
+    value: string;
+    name: string;
+  };
+    }
+    /**
+     * The `nylas-limit-future-bookings` component is a form input for the description of an event.
+     */
+    interface HTMLNylasLimitFutureBookingsElement extends Components.NylasLimitFutureBookings, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasLimitFutureBookingsElementEventMap>(type: K, listener: (this: HTMLNylasLimitFutureBookingsElement, ev: NylasLimitFutureBookingsCustomEvent<HTMLNylasLimitFutureBookingsElementEventMap[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 HTMLNylasLimitFutureBookingsElementEventMap>(type: K, listener: (this: HTMLNylasLimitFutureBookingsElement, ev: NylasLimitFutureBookingsCustomEvent<HTMLNylasLimitFutureBookingsElementEventMap[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 HTMLNylasLimitFutureBookingsElement: {
+        prototype: HTMLNylasLimitFutureBookingsElement;
+        new (): HTMLNylasLimitFutureBookingsElement;
+    };
     interface HTMLNylasListFoldersElementEventMap {
         "folderSelected": Folder;
     }
@@ -1713,6 +1857,29 @@ declare global {
         prototype: HTMLNylasMailboxToolbarButtonElement;
         new (): HTMLNylasMailboxToolbarButtonElement;
     };
+    interface HTMLNylasMinCancellationNoticeElementEventMap {
+        "valueChanged": {
+    value: string;
+    name: string;
+  };
+    }
+    /**
+     * The `nylas-min-cancellation-notice` component is a form input for the description of an event.
+     */
+    interface HTMLNylasMinCancellationNoticeElement extends Components.NylasMinCancellationNotice, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLNylasMinCancellationNoticeElementEventMap>(type: K, listener: (this: HTMLNylasMinCancellationNoticeElement, ev: NylasMinCancellationNoticeCustomEvent<HTMLNylasMinCancellationNoticeElementEventMap[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 HTMLNylasMinCancellationNoticeElementEventMap>(type: K, listener: (this: HTMLNylasMinCancellationNoticeElement, ev: NylasMinCancellationNoticeCustomEvent<HTMLNylasMinCancellationNoticeElementEventMap[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 HTMLNylasMinCancellationNoticeElement: {
+        prototype: HTMLNylasMinCancellationNoticeElement;
+        new (): HTMLNylasMinCancellationNoticeElement;
+    };
     /**
      * The `nylas-notification` component is a UI component that displays notifications.
      */
@@ -1961,6 +2128,9 @@ declare global {
     name: string;
   };
     }
+    /**
+     * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+     */
     interface HTMLSelectDropdownElement extends Components.SelectDropdown, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSelectDropdownElementEventMap>(type: K, listener: (this: HTMLSelectDropdownElement, ev: SelectDropdownCustomEvent<HTMLSelectDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -1999,6 +2169,23 @@ declare global {
         prototype: HTMLStopIconElement;
         new (): HTMLStopIconElement;
     };
+    interface HTMLTimePeriodSelectorElementEventMap {
+        "timePeriodChanged": { number: number; period: string };
+    }
+    interface HTMLTimePeriodSelectorElement extends Components.TimePeriodSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTimePeriodSelectorElementEventMap>(type: K, listener: (this: HTMLTimePeriodSelectorElement, ev: TimePeriodSelectorCustomEvent<HTMLTimePeriodSelectorElementEventMap[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 HTMLTimePeriodSelectorElementEventMap>(type: K, listener: (this: HTMLTimePeriodSelectorElement, ev: TimePeriodSelectorCustomEvent<HTMLTimePeriodSelectorElementEventMap[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 HTMLTimePeriodSelectorElement: {
+        prototype: HTMLTimePeriodSelectorElement;
+        new (): HTMLTimePeriodSelectorElement;
+    };
     interface HTMLTooltipComponentElement extends Components.TooltipComponent, HTMLStencilElement {
     }
     var HTMLTooltipComponentElement: {
@@ -2034,6 +2221,7 @@ declare global {
         "archive-icon": HTMLArchiveIconElement;
         "arrow-icon": HTMLArrowIconElement;
         "bold-icon": HTMLBoldIconElement;
+        "button-component": HTMLButtonComponentElement;
         "calendar-cancel-icon": HTMLCalendarCancelIconElement;
         "calendar-check-icon": HTMLCalendarCheckIconElement;
         "calendar-icon": HTMLCalendarIconElement;
@@ -2047,12 +2235,14 @@ declare global {
         "folder-icon": HTMLFolderIconElement;
         "forward-icon": HTMLForwardIconElement;
         "globe-icon": HTMLGlobeIconElement;
+        "google-logo-icon": HTMLGoogleLogoIconElement;
         "inbox-icon": HTMLInboxIconElement;
         "info-icon": HTMLInfoIconElement;
         "italic-icon": HTMLItalicIconElement;
         "loading-icon": HTMLLoadingIconElement;
         "location-icon": HTMLLocationIconElement;
         "location-off-icon": HTMLLocationOffIconElement;
+        "microsoft-logo-icon": HTMLMicrosoftLogoIconElement;
         "multi-select-dropdown": HTMLMultiSelectDropdownElement;
         "nylas-additional-participants": HTMLNylasAdditionalParticipantsElement;
         "nylas-availability-picker": HTMLNylasAvailabilityPickerElement;
@@ -2070,9 +2260,11 @@ declare global {
         "nylas-event-description": HTMLNylasEventDescriptionElement;
         "nylas-event-duration": HTMLNylasEventDurationElement;
         "nylas-event-info": HTMLNylasEventInfoElement;
+        "nylas-event-limits": HTMLNylasEventLimitsElement;
         "nylas-event-title": HTMLNylasEventTitleElement;
         "nylas-form-card": HTMLNylasFormCardElement;
         "nylas-if-state": HTMLNylasIfStateElement;
+        "nylas-limit-future-bookings": HTMLNylasLimitFutureBookingsElement;
         "nylas-list-folders": HTMLNylasListFoldersElement;
         "nylas-list-threads": HTMLNylasListThreadsElement;
         "nylas-locale-switch": HTMLNylasLocaleSwitchElement;
@@ -2082,6 +2274,7 @@ declare global {
         "nylas-mailbox": HTMLNylasMailboxElement;
         "nylas-mailbox-pagination": HTMLNylasMailboxPaginationElement;
         "nylas-mailbox-toolbar-button": HTMLNylasMailboxToolbarButtonElement;
+        "nylas-min-cancellation-notice": HTMLNylasMinCancellationNoticeElement;
         "nylas-notification": HTMLNylasNotificationElement;
         "nylas-provider": HTMLNylasProviderElement;
         "nylas-scheduler-editor": HTMLNylasSchedulerEditorElement;
@@ -2105,6 +2298,7 @@ declare global {
         "spam-icon": HTMLSpamIconElement;
         "star-icon": HTMLStarIconElement;
         "stop-icon": HTMLStopIconElement;
+        "time-period-selector": HTMLTimePeriodSelectorElement;
         "tooltip-component": HTMLTooltipComponentElement;
         "translate-icon": HTMLTranslateIconElement;
         "trash-icon": HTMLTrashIconElement;
@@ -2129,6 +2323,16 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface ButtonComponent {
+        "blurHandler"?: (event: FocusEvent) => void;
+        "clickHandler"?: (event: MouseEvent) => void;
+        "disabled"?: boolean;
+        "focusHandler"?: (event: FocusEvent) => void;
+        "mouseOutHandler"?: (event: MouseEvent) => void;
+        "mouseOverHandler"?: (event: MouseEvent) => void;
+        "type"?: string;
+        "variant"?: ButtonType;
+    }
     interface CalendarCancelIcon {
         "height"?: string;
         "width"?: string;
@@ -2181,6 +2385,10 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface GoogleLogoIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface InboxIcon {
         "height"?: string;
         "width"?: string;
@@ -2205,6 +2413,10 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface MicrosoftLogoIcon {
+        "height"?: string;
+        "width"?: string;
+    }
     interface MultiSelectDropdown {
         /**
           * The label of the dropdown
@@ -2508,7 +2720,8 @@ declare namespace LocalJSX {
      */
     interface NylasEditorTabs {
         "calendars"?: Calendar[];
-        "config"?: SchedulerConfig;
+        "config"?: Configuration;
+        "currentUser"?: User;
         "onSchedulerConfigChanged"?: (event: NylasEditorTabsCustomEvent<SchedulerEventDetail>) => void;
     }
     /**
@@ -2539,6 +2752,12 @@ declare namespace LocalJSX {
      */
     interface NylasEventInfo {
     }
+    /**
+     * The `nylas-event-limits` component is a input form for the event information.
+     * ```
+     */
+    interface NylasEventLimits {
+    }
     /**
      * The `nylas-event-title` component is a form input for the title of an event.
      */
@@ -2580,6 +2799,17 @@ declare namespace LocalJSX {
         "state"?: string;
         "transition"?: Transitions;
     }
+    /**
+     * The `nylas-limit-future-bookings` component is a form input for the description of an event.
+     */
+    interface NylasLimitFutureBookings {
+        "availableDaysInFuture"?: number;
+        "name"?: string;
+        "onValueChanged"?: (event: NylasLimitFutureBookingsCustomEvent<{
+    value: string;
+    name: string;
+  }>) => void;
+    }
     interface NylasListFolders {
         "folders"?: Folder[];
         "onFolderSelected"?: (event: NylasListFoldersCustomEvent<Folder>) => void;
@@ -2744,6 +2974,17 @@ declare namespace LocalJSX {
          */
         "method": MethodsOfNylasMailboxConnector;
     }
+    /**
+     * The `nylas-min-cancellation-notice` component is a form input for the description of an event.
+     */
+    interface NylasMinCancellationNotice {
+        "minCancellationNotice"?: number;
+        "name"?: string;
+        "onValueChanged"?: (event: NylasMinCancellationNoticeCustomEvent<{
+    value: string;
+    name: string;
+  }>) => void;
+    }
     /**
      * The `nylas-notification` component is a UI component that displays notifications.
      */
@@ -2792,13 +3033,9 @@ declare namespace LocalJSX {
      */
     interface NylasSchedulerEditor {
         /**
-          * The Nylas Auth configuration. Used to manage all things authentication with Nylas.
-         */
-        "authConfig"?: AuthConfig;
-        /**
-          * The default auth store state. Used to set the initial state of the auth store.
+          * * 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.
          */
-        "defaultAuthStoreState"?: NylasAuthStoreState1;
+        "configurationId"?: string;
         /**
           * The default scheduler config store state. Used to set the initial state of the scheduler config store.
          */
@@ -2812,7 +3049,15 @@ declare namespace LocalJSX {
          */
         "mode"?: 'app' | 'composable';
         /**
-          * This event is fired when the provider is initialized. It can be used to set the initial state of the provider, or to prevent the provider from firing some default behavior.
+          * The Nylas Api Request instance. Used to make requests to the Nylas API.
+         */
+        "nylasApiRequest"?: NylasApiRequest;
+        /**
+          * The Nylas Sessions configuration. Used to configure the Nylas Sessions instance.
+         */
+        "nylasSessionsConfig"?: Config;
+        /**
+          * This event is fired when the provider is initialized. By default, this event handles determining if the user is logged in or not. In addition, it fetches the provided configuration if a valid configuration id is provided.
          */
         "onInit"?: (event: NylasSchedulerEditorCustomEvent<HTMLNylasSchedulerEditorElement>) => void;
         /**
@@ -2860,6 +3105,10 @@ declare namespace LocalJSX {
           * This is used to set the mode for the Nylas Scheduler. The mode can be either `app` or `composable`. The default mode is `app`. - `app`: This mode is used to show the default Nylas Scheduler UI. - `composable`: This mode is used to show the composable Nylas Scheduler UI    by passing the individual scheduler components as children.
          */
         "mode"?: 'app' | 'composable';
+        /**
+          * This prop lets you hide the Nylas branding. Default is true.
+         */
+        "nylasBranding"?: boolean;
         /**
           * This event is fired when the provider is initialized. It can be used to set the initial state of the provider, or to prevent the provider from firing some default behavior.
          */
@@ -3058,6 +3307,9 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    /**
+     * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+     */
     interface SelectDropdown {
         /**
           * The default selected option
@@ -3078,6 +3330,10 @@ declare namespace LocalJSX {
           * The options to display in the dropdown
          */
         "options"?: DropdownOption[];
+        /**
+          * Show pluralized label for the selected option. This is s tring that is appended to the selected option label as a suffix.
+         */
+        "pluralizedLabel"?: string;
         /**
           * Should show search input
          */
@@ -3099,6 +3355,18 @@ declare namespace LocalJSX {
         "height"?: string;
         "width"?: string;
     }
+    interface TimePeriodSelector {
+        /**
+          * The default selected number.
+         */
+        "defaultSelectedNumber"?: number;
+        /**
+          * The default selected time period.
+         */
+        "defaultSelectedPeriod"?: string;
+        "onTimePeriodChanged"?: (event: TimePeriodSelectorCustomEvent<{ number: number; period: string }>) => void;
+        "timePeriods"?: string[];
+    }
     interface TooltipComponent {
         /**
           * The position of the tooltip.
@@ -3126,6 +3394,7 @@ declare namespace LocalJSX {
         "archive-icon": ArchiveIcon;
         "arrow-icon": ArrowIcon;
         "bold-icon": BoldIcon;
+        "button-component": ButtonComponent;
         "calendar-cancel-icon": CalendarCancelIcon;
         "calendar-check-icon": CalendarCheckIcon;
         "calendar-icon": CalendarIcon;
@@ -3139,12 +3408,14 @@ declare namespace LocalJSX {
         "folder-icon": FolderIcon;
         "forward-icon": ForwardIcon;
         "globe-icon": GlobeIcon;
+        "google-logo-icon": GoogleLogoIcon;
         "inbox-icon": InboxIcon;
         "info-icon": InfoIcon;
         "italic-icon": ItalicIcon;
         "loading-icon": LoadingIcon;
         "location-icon": LocationIcon;
         "location-off-icon": LocationOffIcon;
+        "microsoft-logo-icon": MicrosoftLogoIcon;
         "multi-select-dropdown": MultiSelectDropdown;
         "nylas-additional-participants": NylasAdditionalParticipants;
         "nylas-availability-picker": NylasAvailabilityPicker;
@@ -3162,9 +3433,11 @@ declare namespace LocalJSX {
         "nylas-event-description": NylasEventDescription;
         "nylas-event-duration": NylasEventDuration;
         "nylas-event-info": NylasEventInfo;
+        "nylas-event-limits": NylasEventLimits;
         "nylas-event-title": NylasEventTitle;
         "nylas-form-card": NylasFormCard;
         "nylas-if-state": NylasIfState;
+        "nylas-limit-future-bookings": NylasLimitFutureBookings;
         "nylas-list-folders": NylasListFolders;
         "nylas-list-threads": NylasListThreads;
         "nylas-locale-switch": NylasLocaleSwitch;
@@ -3174,6 +3447,7 @@ declare namespace LocalJSX {
         "nylas-mailbox": NylasMailbox;
         "nylas-mailbox-pagination": NylasMailboxPagination;
         "nylas-mailbox-toolbar-button": NylasMailboxToolbarButton;
+        "nylas-min-cancellation-notice": NylasMinCancellationNotice;
         "nylas-notification": NylasNotification;
         "nylas-provider": NylasProvider;
         "nylas-scheduler-editor": NylasSchedulerEditor;
@@ -3197,6 +3471,7 @@ declare namespace LocalJSX {
         "spam-icon": SpamIcon;
         "star-icon": StarIcon;
         "stop-icon": StopIcon;
+        "time-period-selector": TimePeriodSelector;
         "tooltip-component": TooltipComponent;
         "translate-icon": TranslateIcon;
         "trash-icon": TrashIcon;
@@ -3212,6 +3487,7 @@ declare module "@stencil/core" {
             "archive-icon": LocalJSX.ArchiveIcon & JSXBase.HTMLAttributes<HTMLArchiveIconElement>;
             "arrow-icon": LocalJSX.ArrowIcon & JSXBase.HTMLAttributes<HTMLArrowIconElement>;
             "bold-icon": LocalJSX.BoldIcon & JSXBase.HTMLAttributes<HTMLBoldIconElement>;
+            "button-component": LocalJSX.ButtonComponent & JSXBase.HTMLAttributes<HTMLButtonComponentElement>;
             "calendar-cancel-icon": LocalJSX.CalendarCancelIcon & JSXBase.HTMLAttributes<HTMLCalendarCancelIconElement>;
             "calendar-check-icon": LocalJSX.CalendarCheckIcon & JSXBase.HTMLAttributes<HTMLCalendarCheckIconElement>;
             "calendar-icon": LocalJSX.CalendarIcon & JSXBase.HTMLAttributes<HTMLCalendarIconElement>;
@@ -3225,12 +3501,14 @@ declare module "@stencil/core" {
             "folder-icon": LocalJSX.FolderIcon & JSXBase.HTMLAttributes<HTMLFolderIconElement>;
             "forward-icon": LocalJSX.ForwardIcon & JSXBase.HTMLAttributes<HTMLForwardIconElement>;
             "globe-icon": LocalJSX.GlobeIcon & JSXBase.HTMLAttributes<HTMLGlobeIconElement>;
+            "google-logo-icon": LocalJSX.GoogleLogoIcon & JSXBase.HTMLAttributes<HTMLGoogleLogoIconElement>;
             "inbox-icon": LocalJSX.InboxIcon & JSXBase.HTMLAttributes<HTMLInboxIconElement>;
             "info-icon": LocalJSX.InfoIcon & JSXBase.HTMLAttributes<HTMLInfoIconElement>;
             "italic-icon": LocalJSX.ItalicIcon & JSXBase.HTMLAttributes<HTMLItalicIconElement>;
             "loading-icon": LocalJSX.LoadingIcon & JSXBase.HTMLAttributes<HTMLLoadingIconElement>;
             "location-icon": LocalJSX.LocationIcon & JSXBase.HTMLAttributes<HTMLLocationIconElement>;
             "location-off-icon": LocalJSX.LocationOffIcon & JSXBase.HTMLAttributes<HTMLLocationOffIconElement>;
+            "microsoft-logo-icon": LocalJSX.MicrosoftLogoIcon & JSXBase.HTMLAttributes<HTMLMicrosoftLogoIconElement>;
             "multi-select-dropdown": LocalJSX.MultiSelectDropdown & JSXBase.HTMLAttributes<HTMLMultiSelectDropdownElement>;
             /**
              * The `nylas-additional-participants` component is a form input for adding additional participants to an event.
@@ -3295,6 +3573,11 @@ declare module "@stencil/core" {
              * ```
              */
             "nylas-event-info": LocalJSX.NylasEventInfo & JSXBase.HTMLAttributes<HTMLNylasEventInfoElement>;
+            /**
+             * The `nylas-event-limits` component is a input form for the event information.
+             * ```
+             */
+            "nylas-event-limits": LocalJSX.NylasEventLimits & JSXBase.HTMLAttributes<HTMLNylasEventLimitsElement>;
             /**
              * The `nylas-event-title` component is a form input for the title of an event.
              */
@@ -3304,6 +3587,10 @@ declare module "@stencil/core" {
              */
             "nylas-form-card": LocalJSX.NylasFormCard & JSXBase.HTMLAttributes<HTMLNylasFormCardElement>;
             "nylas-if-state": LocalJSX.NylasIfState & JSXBase.HTMLAttributes<HTMLNylasIfStateElement>;
+            /**
+             * 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>;
             "nylas-list-folders": LocalJSX.NylasListFolders & JSXBase.HTMLAttributes<HTMLNylasListFoldersElement>;
             "nylas-list-threads": LocalJSX.NylasListThreads & JSXBase.HTMLAttributes<HTMLNylasListThreadsElement>;
             /**
@@ -3336,6 +3623,10 @@ declare module "@stencil/core" {
             "nylas-mailbox": LocalJSX.NylasMailbox & JSXBase.HTMLAttributes<HTMLNylasMailboxElement>;
             "nylas-mailbox-pagination": LocalJSX.NylasMailboxPagination & JSXBase.HTMLAttributes<HTMLNylasMailboxPaginationElement>;
             "nylas-mailbox-toolbar-button": LocalJSX.NylasMailboxToolbarButton & JSXBase.HTMLAttributes<HTMLNylasMailboxToolbarButtonElement>;
+            /**
+             * The `nylas-min-cancellation-notice` component is a form input for the description of an event.
+             */
+            "nylas-min-cancellation-notice": LocalJSX.NylasMinCancellationNotice & JSXBase.HTMLAttributes<HTMLNylasMinCancellationNoticeElement>;
             /**
              * The `nylas-notification` component is a UI component that displays notifications.
              */
@@ -3378,11 +3669,15 @@ declare module "@stencil/core" {
             "reply-all-icon": LocalJSX.ReplyAllIcon & JSXBase.HTMLAttributes<HTMLReplyAllIconElement>;
             "reply-icon": LocalJSX.ReplyIcon & JSXBase.HTMLAttributes<HTMLReplyIconElement>;
             "search-icon": LocalJSX.SearchIcon & JSXBase.HTMLAttributes<HTMLSearchIconElement>;
+            /**
+             * The `select-dropdown` component is a dropdown that allows users to select an option from a list of options.
+             */
             "select-dropdown": LocalJSX.SelectDropdown & JSXBase.HTMLAttributes<HTMLSelectDropdownElement>;
             "sent-icon": LocalJSX.SentIcon & JSXBase.HTMLAttributes<HTMLSentIconElement>;
             "spam-icon": LocalJSX.SpamIcon & JSXBase.HTMLAttributes<HTMLSpamIconElement>;
             "star-icon": LocalJSX.StarIcon & JSXBase.HTMLAttributes<HTMLStarIconElement>;
             "stop-icon": LocalJSX.StopIcon & JSXBase.HTMLAttributes<HTMLStopIconElement>;
+            "time-period-selector": LocalJSX.TimePeriodSelector & JSXBase.HTMLAttributes<HTMLTimePeriodSelectorElement>;
             "tooltip-component": LocalJSX.TooltipComponent & JSXBase.HTMLAttributes<HTMLTooltipComponentElement>;
             "translate-icon": LocalJSX.TranslateIcon & JSXBase.HTMLAttributes<HTMLTranslateIconElement>;
             "trash-icon": LocalJSX.TrashIcon & JSXBase.HTMLAttributes<HTMLTrashIconElement>;