@nylas/web-elements 1.1.0-canary.8 → 1.1.0-canary.9

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

@@ -40,6 +40,16 @@ export type AvailabilityResponse = {
     }[];
     duration: number;
 };
+export type UISettingsResponse = {
+    scheduler: {
+        available_days_in_future: number;
+        min_cancellation_notice: number;
+    };
+    organizer: {
+        name: string;
+        email: string;
+    };
+};
 export type ExtractEventEmitterKeys<T> = {
     [K in keyof T]: T[K] extends EventEmitter<any> ? K : never;
 }[keyof T];

package/dist/types/components/scheduler/nylas-booked-event-card/nylas-booked-event-card.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { NylasSchedulerBookingData } from '../../..';
+import { ConfigSettings, NylasSchedulerBookingData } from '../../..';
 import { NylasEvent } from "../../../common/types";
 import { NylasSchedulerErrorResponse, Timeslot } from '@nylas/core';
 export declare class NylasBookedEventCard {
@@ -8,6 +8,7 @@ export declare class NylasBookedEventCard {
     readonly bookingInfo?: NylasSchedulerBookingData;
     readonly selectedTimezone: string;
     readonly selectedTimeslot: Timeslot;
+    readonly configSettings?: ConfigSettings;
     readonly cancelBookingButtonClicked: EventEmitter<{
         bookingId: string;
     }>;
@@ -16,6 +17,12 @@ export declare class NylasBookedEventCard {
         errorHandler?: (error: NylasSchedulerErrorResponse) => void;
     }>;
     readonly rescheduleBookedEventError: EventEmitter<NylasSchedulerErrorResponse>;
+    readonly cancelBookedEventValidationError: EventEmitter<{
+        error: {
+            title: string;
+            message: string;
+        };
+    }>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): Promise<void>;

package/dist/types/components/scheduler/nylas-cancelled-event-card/nylas-cancelled-event-card.d.ts

@@ -1,8 +1,14 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { NylasEvent } from '../../..';
+import { NylasEvent, NylasSchedulerErrorResponse } from '../../..';
+import { ConfigSettings } from "../../../stores/scheduler-store";
 export declare class NylasCancelledEventCard {
     readonly cancelledEventInfo: Partial<NylasEvent>;
-    readonly closeCancelEventCardClicked: EventEmitter<void>;
+    isClosing: boolean;
+    readonly configSettings?: ConfigSettings;
+    readonly closeCancelEventCardClicked: EventEmitter<{
+        errorHandler?: (error: NylasSchedulerErrorResponse) => void;
+    }>;
+    readonly cancelledEventCardError: EventEmitter<NylasSchedulerErrorResponse>;
     connectedCallback(): void;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;

package/dist/types/components/scheduler/nylas-date-picker/nylas-date-picker.d.ts

@@ -1,10 +1,13 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { ConfigSettings } from "../../../stores/scheduler-store";
 export declare class NylasDatePicker {
     selectableDates?: Date[];
     selectedDate?: Date;
+    configSettings?: ConfigSettings;
     readonly isLoading?: boolean;
     month: Date;
     dates: Date[];
+    disableNextMonthButton: boolean;
     dateSelected: EventEmitter<Date>;
     monthChanged: EventEmitter<Date>;
     connectedCallback(): void;

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

@@ -39,6 +39,7 @@ export declare class NylasScheduling {
     bookButtonClickedHandler(event: CustomEvent<NylasSchedulerBookingData>): Promise<void>;
     dateSelectedHandler(event: CustomEvent<Date>): void;
     cancelBookedEventErrorHandler(event: CustomEvent<NylasSchedulerErrorResponse>): void;
+    cancelBookedEventValidationErrorHandler(event: CustomEvent<NylasSchedulerErrorResponse>): void;
     rescheduleBookedEventErrorHandler(event: CustomEvent<NylasSchedulerErrorResponse>): void;
     getNylasSchedulerStore(): Promise<NylasSchedulerStoreType | undefined>;
     getNylasSchedulerConnector(): Promise<NylasSchedulerConnector | undefined>;
@@ -46,5 +47,6 @@ export declare class NylasScheduling {
     private getErrorObject;
     private checkIfSessionIdOrConfigIdExists;
     private isTimeslotValid;
+    private validateAvailableDaysInFuture;
     render(): any;
 }

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

@@ -4,7 +4,7 @@ type OpenHours = {
     days: number[];
     start: string;
     end: string;
-    timezone?: string;
+    timezone: string;
 };
 type Schedule = {
     SUN: {

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

@@ -12,10 +12,11 @@ export declare class NylasEditorTabs {
     host: HTMLNylasEditorTabsElement;
     calendars?: Calendar[];
     selectedConfiguration?: Configuration;
+    defaultRequiresSessionAuth: boolean;
     currentUser?: User;
     schedulerPreviewLink: string;
-    action: 'create' | 'edit';
     mode?: 'app' | 'composable';
+    action: 'create' | 'edit';
     activeTab: string;
     isLoading: boolean;
     hasUnsavedChanges: boolean;

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

@@ -17,7 +17,7 @@ export declare class NylasSchedulerEditor {
     defaultAuthArgs?: AuthArgs;
     eventOverrides: SchedulerEditorEventOverride;
     schedulerPreviewLink: string;
-    readonly defaultSchedulerConfigStoreState?: Partial<NylasSchedulerConfigStoreState>;
+    readonly defaultSchedulerConfigState?: Partial<NylasSchedulerConfigStoreState>;
     readonly mode: 'app' | 'composable';
     readonly init: EventEmitter<HTMLNylasSchedulerEditorElement>;
     readonly loggedIn: EventEmitter<HTMLNylasSchedulerEditorElement>;
@@ -28,7 +28,6 @@ export declare class NylasSchedulerEditor {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
     componentDisconnected(): void;
-    defaultRequiresSessionAuthChanged(newRequireSessionAuth: boolean): void;
     configurationIdChanged(newConfigurationId: string): Promise<void>;
     store(): Promise<NylasSchedulerConfigStoreType | undefined>;
     schedulerConnector(): Promise<NylasSchedulerConfigConnector | undefined>;

package/dist/types/components.d.ts

@@ -7,8 +7,9 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, ThemeConfig, Thread, Timeslot } from "@nylas/core";
 import { DataState, InternalAttachment, NylasEvent } from "./common/types";
-import { NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
+import { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 import { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
+import { AvailabilityTimeslot, ConfigSettings as ConfigSettings1, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
 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";
@@ -19,7 +20,6 @@ import { NylasMailboxConnector } from "./connector/nylas-mailbox-connector/index
 import { PaginationEvent } from "./components/mailbox/nylas-mailbox-pagination/nylas-mailbox-pagination";
 import { MethodsOfNylasMailboxConnector } from "./components/mailbox/nylas-mailbox-toolbar-button/nylas-mailbox-toolbar-button";
 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";
@@ -28,8 +28,9 @@ import { SummarizeEvent } from "./components/mailbox/nylas-summarize-message-but
 import { RefreshEvent } from "./components/mailbox/nylas-threads-refresh/nylas-threads-refresh";
 export { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, ThemeConfig, Thread, Timeslot } from "@nylas/core";
 export { DataState, InternalAttachment, NylasEvent } from "./common/types";
-export { NylasEvent as NylasEvent1, NylasSchedulerBookingData } from ".";
+export { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 export { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
+export { AvailabilityTimeslot, ConfigSettings as ConfigSettings1, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
 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";
@@ -40,7 +41,6 @@ export { NylasMailboxConnector } from "./connector/nylas-mailbox-connector/index
 export { PaginationEvent } from "./components/mailbox/nylas-mailbox-pagination/nylas-mailbox-pagination";
 export { MethodsOfNylasMailboxConnector } from "./components/mailbox/nylas-mailbox-toolbar-button/nylas-mailbox-toolbar-button";
 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";
@@ -196,6 +196,10 @@ export namespace Components {
           * The booking info used to book / reschedule the event.
          */
         "bookingInfo"?: NylasSchedulerBookingData;
+        /**
+          * The config settings for the scheduler.
+         */
+        "configSettings"?: ConfigSettings;
         /**
           * The booked event.
          */
@@ -303,6 +307,10 @@ export namespace Components {
           * The participant's name who booked the event / is logged in.
          */
         "cancelledEventInfo": Partial<NylasEvent1>;
+        /**
+          * The config settings for the scheduler.
+         */
+        "configSettings"?: ConfigSettings;
     }
     interface NylasComposer {
         /**
@@ -335,6 +343,10 @@ export namespace Components {
      * The `nylas-date-picker` component is a UI component that allows users to select a date.
      */
     interface NylasDatePicker {
+        /**
+          * The config settings.
+         */
+        "configSettings"?: ConfigSettings;
         /**
           * The loading state.
          */
@@ -352,13 +364,29 @@ export namespace Components {
      * The `nylas-editor-tabs` component is a UI component that displays the editor tabs for the scheduler editor.
      */
     interface NylasEditorTabs {
+        /**
+          * The list of calendars to use in the editor when configuring availability.
+         */
         "calendars"?: Calendar[];
+        /**
+          * The current user to use in the editor.
+         */
         "currentUser"?: User;
+        /**
+          * 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 mode of the editor. - `app`: The editor is used as a standalone app. - `composable`: The editor is used as a composable component.
+         */
         "mode"?: 'app' | 'composable';
         /**
           * 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 selected configuration to use in the editor when editing an existing configuration or creating a new one.
+         */
         "selectedConfiguration"?: Configuration;
     }
     /**
@@ -385,13 +413,11 @@ export namespace Components {
     }
     /**
      * The `nylas-event-info` component is a input form for the event information.
-     * ```
      */
     interface NylasEventInfo {
     }
     /**
      * The `nylas-event-limits` component is a input form for the event information.
-     * ```
      */
     interface NylasEventLimits {
     }
@@ -712,7 +738,7 @@ export namespace Components {
         /**
           * The default scheduler config store state. Used to set the initial state of the scheduler config store.
          */
-        "defaultSchedulerConfigStoreState"?: Partial<NylasSchedulerConfigStoreState>;
+        "defaultSchedulerConfigState"?: Partial<NylasSchedulerConfigStoreState>;
         /**
           * This provides a way to override the default event handlers.
          */
@@ -1398,6 +1424,12 @@ declare global {
         "cancelBookingButtonClicked": { bookingId: string };
         "rescheduleButtonClicked": { bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void };
         "rescheduleBookedEventError": NylasSchedulerErrorResponse;
+        "cancelBookedEventValidationError": {
+    error: {
+      title: string;
+      message: string;
+    };
+  };
     }
     /**
      * The `nylas-booked-event-card` component is a UI component that displays the booked event card.
@@ -1537,7 +1569,8 @@ declare global {
         new (): HTMLNylasCancelBookingFormElement;
     };
     interface HTMLNylasCancelledEventCardElementEventMap {
-        "closeCancelEventCardClicked": void;
+        "closeCancelEventCardClicked": { errorHandler?: (error: NylasSchedulerErrorResponse1) => void };
+        "cancelledEventCardError": NylasSchedulerErrorResponse1;
     }
     /**
      * The `nylas-cancelled-event-card` component is a UI component that displays the cancelled event card.
@@ -1693,7 +1726,6 @@ declare global {
     };
     /**
      * The `nylas-event-info` component is a input form for the event information.
-     * ```
      */
     interface HTMLNylasEventInfoElement extends Components.NylasEventInfo, HTMLStencilElement {
     }
@@ -1703,7 +1735,6 @@ declare global {
     };
     /**
      * The `nylas-event-limits` component is a input form for the event information.
-     * ```
      */
     interface HTMLNylasEventLimitsElement extends Components.NylasEventLimits, HTMLStencilElement {
     }
@@ -2578,10 +2609,23 @@ declare namespace LocalJSX {
           * The booking info used to book / reschedule the event.
          */
         "bookingInfo"?: NylasSchedulerBookingData;
+        /**
+          * The config settings for the scheduler.
+         */
+        "configSettings"?: ConfigSettings;
         /**
           * The booked event.
          */
         "eventInfo": NylasEvent;
+        /**
+          * This event is fired when an error occurs while cancelling the booking.
+         */
+        "onCancelBookedEventValidationError"?: (event: NylasBookedEventCardCustomEvent<{
+    error: {
+      title: string;
+      message: string;
+    };
+  }>) => void;
         /**
           * Cancel booking button clicked event.
          */
@@ -2757,10 +2801,18 @@ declare namespace LocalJSX {
           * The participant's name who booked the event / is logged in.
          */
         "cancelledEventInfo": Partial<NylasEvent1>;
+        /**
+          * The config settings for the scheduler.
+         */
+        "configSettings"?: ConfigSettings;
+        /**
+          * This event is fired when an error occurs.
+         */
+        "onCancelledEventCardError"?: (event: NylasCancelledEventCardCustomEvent<NylasSchedulerErrorResponse1>) => void;
         /**
           * This event is fired when the close button is clicked on the cancelled event card.
          */
-        "onCloseCancelEventCardClicked"?: (event: NylasCancelledEventCardCustomEvent<void>) => void;
+        "onCloseCancelEventCardClicked"?: (event: NylasCancelledEventCardCustomEvent<{ errorHandler?: (error: NylasSchedulerErrorResponse1) => void }>) => void;
     }
     interface NylasComposer {
         /**
@@ -2812,6 +2864,10 @@ declare namespace LocalJSX {
      * The `nylas-date-picker` component is a UI component that allows users to select a date.
      */
     interface NylasDatePicker {
+        /**
+          * The config settings.
+         */
+        "configSettings"?: ConfigSettings;
         /**
           * The loading state.
          */
@@ -2837,8 +2893,21 @@ declare namespace LocalJSX {
      * The `nylas-editor-tabs` component is a UI component that displays the editor tabs for the scheduler editor.
      */
     interface NylasEditorTabs {
+        /**
+          * The list of calendars to use in the editor when configuring availability.
+         */
         "calendars"?: Calendar[];
+        /**
+          * The current user to use in the editor.
+         */
         "currentUser"?: User;
+        /**
+          * 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 mode of the editor. - `app`: The editor is used as a standalone app. - `composable`: The editor is used as a composable component.
+         */
         "mode"?: 'app' | 'composable';
         /**
           * Event emitted when the user clicks the cancel button.
@@ -2852,11 +2921,17 @@ declare namespace LocalJSX {
           * Event emitted when the user clicks the cancel button.
          */
         "onPreviewButtonClicked"?: (event: NylasEditorTabsCustomEvent<HTMLNylasEditorTabsElement>) => void;
+        /**
+          * Event emitted when the configuration is changed.
+         */
         "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 selected configuration to use in the editor when editing an existing configuration or creating a new one.
+         */
         "selectedConfiguration"?: Configuration;
     }
     /**
@@ -2891,13 +2966,11 @@ declare namespace LocalJSX {
     }
     /**
      * The `nylas-event-info` component is a input form for the event information.
-     * ```
      */
     interface NylasEventInfo {
     }
     /**
      * The `nylas-event-limits` component is a input form for the event information.
-     * ```
      */
     interface NylasEventLimits {
     }
@@ -3241,7 +3314,7 @@ declare namespace LocalJSX {
         /**
           * The default scheduler config store state. Used to set the initial state of the scheduler config store.
          */
-        "defaultSchedulerConfigStoreState"?: Partial<NylasSchedulerConfigStoreState>;
+        "defaultSchedulerConfigState"?: Partial<NylasSchedulerConfigStoreState>;
         /**
           * This provides a way to override the default event handlers.
          */
@@ -3777,12 +3850,10 @@ declare module "@stencil/core" {
             "nylas-event-duration": LocalJSX.NylasEventDuration & JSXBase.HTMLAttributes<HTMLNylasEventDurationElement>;
             /**
              * The `nylas-event-info` component is a input form for the event information.
-             * ```
              */
             "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>;
             /**

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

@@ -1,4 +1,4 @@
-import { AvailabilityResponse, NylasEvent } from "../../../common/types";
+import { AvailabilityResponse, NylasEvent, UISettingsResponse } from "../../../common/types";
 import { NylasSchedulerStoreType } from '../../../components';
 import type { NylasResponse, NylasSchedulerBookingData, NylasSchedulerResponse, Timeslot } from '@nylas/core';
 type NylasSchedulerAPIConnectorOptions = {
@@ -22,11 +22,14 @@ export declare class NylaSchedulerAPIConnector {
     toggleAdditionalData(value: boolean): void;
     setParticipantName(name: string): void;
     setParticipantEmail(email: string): void;
+    private resetStoreStateAndFetchAvailability;
     setReschedule(bookingID: string): Promise<NylasSchedulerResponse<AvailabilityResponse>>;
     setCancel(bookingID: string): Promise<void>;
+    resetCancel(): Promise<NylasSchedulerResponse<AvailabilityResponse>>;
     bookTimeslot(data?: NylasSchedulerBookingData & {
         timeslot?: Timeslot;
     }): Promise<NylasSchedulerResponse<NylasEvent>>;
+    getUISettings(): Promise<NylasSchedulerResponse<UISettingsResponse>>;
     getAvailability(startTime?: number, endTime?: number): Promise<NylasSchedulerResponse<AvailabilityResponse>>;
     cancelBooking(bookingId: string): Promise<NylasSchedulerResponse<Partial<NylasEvent>>>;
     rescheduleBooking(bookingId: string, data: NylasSchedulerBookingData): Promise<NylasSchedulerResponse<NylasEvent>>;

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

@@ -7,7 +7,6 @@ export interface NylasSchedulerConfigStoreState {
     calendars: Calendar[];
     currentUser: User | null;
     action: 'create' | 'edit' | null;
-    defaultRequiresSessionAuth: boolean;
 }
 export type NylasSchedulerConfigStoreType = ReturnType<typeof CreateNylasSchedulerConfigStore>;
 export type CreateNylasSchedulerConfigStoreReturnType = ObservableMap<NylasSchedulerConfigStoreState> & {

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

@@ -8,6 +8,16 @@ export type AvailabilityTimeslot = {
 export type LoadingState = {
     api: 'availability' | 'createBooking' | 'cancelBooking' | 'rescheduleBooking';
 };
+export type ConfigSettings = {
+    scheduler: {
+        available_days_in_future: number;
+        min_cancellation_notice: number;
+    };
+    organizer: {
+        name: string;
+        email: string;
+    };
+};
 export interface NylasSchedulerStoreState {
     selectedDate: Date | null;
     selectedLanguage: string;
@@ -24,6 +34,7 @@ export interface NylasSchedulerStoreState {
     cancelBookingId?: string;
     isLoading: boolean;
     nylasBranding?: boolean;
+    configSettings?: ConfigSettings;
 }
 export type NylasSchedulerStoreType = ReturnType<typeof CreateNylasSchedulerStore>;
 export declare function CreateNylasSchedulerStore(defaultState?: Partial<NylasSchedulerStoreState>): import("@stencil/store").ObservableMap<NylasSchedulerStoreState>;

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

@@ -42,3 +42,7 @@ export declare function getBrowser(): "Edge (Chromium)" | "Chrome" | "Safari" |
 export declare function dataResponse<T = any>(data: T, error?: DataResponseError | null): DataResponseReturnType<T>;
 export declare function parsePreviewLink(link: string, config?: Partial<Configuration>): string;
 export declare function isNonPrintableKey(event: any): boolean;
+export declare function addDaysToCurrentDate(startDate: any, days: any): Date;
+export declare function addMinutesToCurrentTime(startDate: any, minutes: any): Date;
+export declare function isObject(item: any): any;
+export declare function mergeDeep(target: any, source: any): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "1.1.0-canary.8",
+  "version": "1.1.0-canary.9",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -38,7 +38,7 @@
     "quill": "^1.3.7",
     "rrule": "2.7.2",
     "tinycolor2": "^1.6.0",
-    "@nylas/core": "^1.1.0-canary.2",
+    "@nylas/core": "^1.1.0-canary.3",
     "@nylas/identity": "^2.0.0-canary.0"
   },
   "devDependencies": {
@@ -67,7 +67,7 @@
   "scripts": {
     "build": "stencil build --prod",
     "build:docs": "stencil build --docs",
-    "dev": "stencil build --watch",
+    "dev": "stencil build --prod --watch",
     "lint": "eslint --ext .ts src/",
     "start": "stencil build --prod --watch --serve --port 3333",
     "test": "stencil test --spec && stencil test --e2e --runInBand",