@nylas/web-elements 1.4.5 → 2.0.0

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

@@ -2,6 +2,10 @@ import { OpenHours } from '@nylas/core';
 export type Locale = Partial<{
     noDateSelected: string;
     rescheduleTitle: string;
+    allDay: string;
+    today: string;
+    spotsLeft: string;
+    search: string;
     days: Partial<{
         sunday: string;
         monday: string;
@@ -16,6 +20,14 @@ export type Locale = Partial<{
         hours: string;
         minute: string;
         minutes: string;
+        day: string;
+        days: string;
+        week: string;
+        weeks: string;
+        month: string;
+        months: string;
+        year: string;
+        years: string;
     }>;
     months: Partial<{
         january: string;
@@ -31,6 +43,8 @@ export type Locale = Partial<{
         november: string;
         december: string;
     }>;
+    multipleOptionsSelected: string;
+    selectAtLeastOneOption: string;
     nextButton: string;
     selectedDayAndYear: string;
     selectedTime: string;
@@ -64,6 +78,7 @@ export type Locale = Partial<{
     goBackButton: string;
     bookingCancelledTitle: string;
     bookingCancelledMessage: string;
+    bookingCancelledMessage_theParticipants: string;
     closeButton: string;
     closingButton: string;
     fieldRequired: string;
@@ -103,6 +118,7 @@ export type Locale = Partial<{
     durationTitle: string;
     loading: string;
     required: string;
+    optional: string;
     loadingPagesDescription: string;
     noSchedulingPages: string;
     createFirstSchedulingPage: string;
@@ -111,6 +127,7 @@ export type Locale = Partial<{
     availabilityTab: string;
     participantsTab: string;
     bookingOptionsTab: string;
+    returnToCalendarView: string;
     bookingFormTab: string;
     communicationsTab: string;
     pageStylesTab: string;
@@ -120,10 +137,20 @@ export type Locale = Partial<{
     timePeriod_day: string;
     timePeriod_week: string;
     timePeriod_month: string;
+    timePeriod_year: string;
     timeDuration_minute: string;
     timeDuration_hour: string;
     eventCommunicationsTitle: string;
     eventCommunicationsDescription: string;
+    unsavedChangesLabel: string;
+    changesSavedLabel: string;
+    fixFormErrors: string;
+    pageSettingsButton: string;
+    nylasEditorTabs: {
+        bookingFormError: string;
+        bookingFormError_label: string;
+        bookingFormError_option: string;
+    };
     nylasListConfigurations: Partial<{
         previewButtonText: string;
         copyLinkButtonText: string;
@@ -137,6 +164,7 @@ export type Locale = Partial<{
         participant: string;
         addParticipant_first: string;
         addParticipant_next: string;
+        error: string;
         tooltip: {
             includeOrganizer: string;
             includeOrganizerDesc: string;
@@ -154,6 +182,11 @@ export type Locale = Partial<{
         unavailable: string;
         days: Record<'SUN' | 'MON' | 'TUE' | 'WED' | 'THU' | 'FRI' | 'SAT', string>;
     }>;
+    nylasTimeWindowPicker: Partial<{
+        errors: {
+            invalid: string;
+        };
+    }>;
     nylasBookingCalendarPicker: Partial<{
         headerTitle: string;
         headerSubTitle: string;
@@ -185,6 +218,36 @@ export type Locale = Partial<{
         dropdownButtonText: string;
         addOption: string;
         allOptionsHeader: string;
+        fieldInTitleError: string;
+        fieldInDescriptionError: string;
+        label: string;
+        defaultValue: string;
+        fieldType: {
+            text: string;
+            multi_line_text: string;
+            email: string;
+            phone_number: string;
+            dropdown: string;
+            radio_button: string;
+            checkbox: string;
+            date: string;
+            metadata: string;
+            multi_select: string;
+        };
+        fieldLabel: {
+            your_name: string;
+            your_email: string;
+            email: string;
+            phone_number: string;
+            dropdown: string;
+            text: string;
+            multi_line_text: string;
+            radio_button: string;
+            checkbox: string;
+            date: string;
+            metadata: string;
+            multi_select: string;
+        };
     }>;
     nylasBufferTime: Partial<{
         headerTitle: string;
@@ -199,6 +262,7 @@ export type Locale = Partial<{
     }>;
     nylasCalendarPicker: Partial<{
         calendarPickerLabel: string;
+        selectAtLeastOneCalendar: string;
     }>;
     nylasCancellationPolicy: Partial<{
         cancellationPolicyLabel: string;
@@ -210,11 +274,16 @@ export type Locale = Partial<{
         headerTitle: string;
         headerSubTitle: string;
         editButtonText: string;
+        error: {
+            invalidImageUrl: string;
+        };
         confirmationEmail: {
             label: string;
             tooltip: {
                 desc: string;
+                language: string;
             };
+            language: string;
         };
         nylasBranding: {
             label: string;
@@ -248,6 +317,7 @@ export type Locale = Partial<{
             desc: string;
         };
         participantCalendarTitle: string;
+        selectAtLeastOneCalendar: string;
     }>;
     nylasCustomBookingFlow: Partial<{
         headerTitle: string;
@@ -285,12 +355,22 @@ export type Locale = Partial<{
     }>;
     nylasEventDescription: Partial<{
         headerTitle: string;
+        addAdditionalFields: {
+            buttonText: string;
+            tooltip: {
+                desc: string;
+            };
+        };
         tooltip: {
             desc: string;
         };
     }>;
     nylasEventDuration: Partial<{
         headerTitle: string;
+        error: {
+            durationMustBeMultipleOf5: string;
+            durationMustBeGreaterThan0: string;
+        };
     }>;
     nylasEventInfo: Partial<{
         headerTitle: string;
@@ -303,14 +383,29 @@ export type Locale = Partial<{
         tooltip: {
             desc: string;
         };
+        conferenceOptions: {
+            none: string;
+            zoom: string;
+            google: string;
+            microsoft: string;
+            custom: string;
+        };
     }>;
     nylasEventTitle: Partial<{
         headerTitle: string;
         helpText_start: string;
         helpText_end: string;
+        title: string;
+        description: string;
         tooltip: {
             desc: string;
         };
+        eventTitleRequired: string;
+        eventTitleTokenDescription: {
+            invitee: string;
+            inviteeEmail: string;
+            duration: string;
+        };
     }>;
     nylasLimitFutureBookings: Partial<{
         headerTitle: string;
@@ -333,6 +428,7 @@ export type Locale = Partial<{
     nylasPageName: Partial<{
         headerTitle: string;
         headerSubTitle: string;
+        pageNameError: string;
         tooltip: {
             desc: string;
         };
@@ -344,6 +440,7 @@ export type Locale = Partial<{
         headerTitle: string;
         headerSubTitle: string;
         participantBookingCalendarTitle: string;
+        selectAtLeastOneCalendar: string;
     }>;
     nylasParticipantCustomAvailability: Partial<{
         headerTitle: string;
@@ -357,6 +454,7 @@ export type Locale = Partial<{
         recipientOptions_all: string;
         recipientOptions_guest: string;
         recipientOptions_host: string;
+        beforeTheEvent: string;
         emailRecipients: {
             label: string;
         };
@@ -396,6 +494,8 @@ export type Locale = Partial<{
     }>;
     nylasTimeslotInterval: Partial<{
         headerTitle: string;
+        minutesShort: string;
+        lengthOfMeeting: string;
         timeslotInterval: {
             label: string;
         };
@@ -416,6 +516,122 @@ export type Locale = Partial<{
             };
         };
     }>;
+    nylasEventTimeslot: {
+        recurrenceOptions: {
+            none: string;
+            daily: string;
+            weekly: string;
+            monthly: string;
+            monthOnDay: string;
+            yearly: string;
+            custom: string;
+        };
+        recurrenceLabel: string;
+        endDate: string;
+        customRecurrence: {
+            repeatEvery: string;
+            repeatOn: string;
+            ends: string;
+            endsOptions: {
+                never: string;
+                after: string;
+                on: string;
+            };
+            occurrences: string;
+        };
+        dateTimeLabel: string;
+        errors: {
+            invalidTimeRange: string;
+            startTimeSameAsEndTime: string;
+            startTimeBeforeCurrentDate: string;
+            invalid: string;
+        };
+    };
+    nylasEventCapacity: {
+        headerTitle: string;
+        headerSubTitle: string;
+        tooltip: {
+            desc: string;
+        };
+        attendees: string;
+    };
+    nylasSelectEventType: {
+        returnToAllSchedulingPages: string;
+        createEventHeaderTitle: string;
+        eventTypeHeaderTitle: string;
+        noEventTypesEnabled: string;
+        eventTypeOptions: {
+            oneOnOne: {
+                label: string;
+                desc: string;
+            };
+            collective: {
+                label: string;
+                desc: string;
+            };
+            maxFairness: {
+                label: string;
+                desc: string;
+            };
+            maxAvailability: {
+                label: string;
+                desc: string;
+            };
+            group: {
+                label: string;
+                desc: string;
+            };
+        };
+    };
+    nylasEventCalendar: {
+        createEventDetails: {
+            headerTitle: string;
+            closeButtonTooltip: string;
+            cancelButton: string;
+            createButton: string;
+        };
+        discardChanges: {
+            headerTitle: string;
+            cancelButton: string;
+            discardButton: string;
+        };
+        unsavedChanges: string;
+        editEventDetails: {
+            headerTitle: string;
+            closeButtonTooltip: string;
+            deleteButton: string;
+            saveButton: string;
+            pastEventTooltip: string;
+        };
+        importEvent: {
+            closeButtonTooltip: string;
+            importButton: string;
+            participantsLabel: string;
+        };
+        deleteEvent: {
+            closeButtonTooltip: string;
+            deleting: string;
+        };
+        editOptions: {
+            headerTitle: string;
+            closeButtonTooltip: string;
+            deleting: string;
+            import: string;
+            edit: string;
+            deleteThis: string;
+            deleteAll: string;
+        };
+        updateOptions: {
+            updateThis: string;
+            updateAll: string;
+            updateFuture: string;
+        };
+        deleteOptions: {
+            deleteThis: string;
+            deleteFuture: string;
+            deleteAll: string;
+        };
+    };
 }>;
 export declare enum LANGUAGE_CODE {
     en = "en",
@@ -433,7 +649,6 @@ export declare const TIME_PERIODS: {
     value: string;
 }[];
 export declare enum EXPERIMENTAL_FEATURES {
-    group_events = "group_events"
 }
 export declare enum CONFIGURATION_EVENT_TYPE {
     one_on_one = "one-on-one",

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

@@ -33,7 +33,6 @@ export declare class NylasEditorTabsGroup {
             name: string;
             email: string;
             is_organizer?: boolean;
-            timezone: string;
         }[];
         additionalFields?: Record<string, AdditionalFields>;
         bookingCalendar?: string;
@@ -162,7 +161,6 @@ export declare class NylasEditorTabsGroup {
             name: string;
             email: string;
             is_organizer?: boolean | undefined;
-            timezone: string;
         }[];
         additionalFields?: Record<string, AdditionalFields> | undefined;
         bookingCalendar?: string | undefined;

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

@@ -8,7 +8,6 @@ export type ExpressFlowProps = {
     calendars: any[];
     selectedConfiguration: RecursivePartial<Configuration>;
     selectedEventType: CONFIGURATION_EVENT_TYPE;
-    experimentalFeatures?: Record<string, boolean>;
 };
-export default function ExpressFlow({ currentUser, calendars, selectedEventType, experimentalFeatures }: ExpressFlowProps): any;
+export default function ExpressFlow({ currentUser, calendars, selectedEventType }: ExpressFlowProps): any;
 export {};

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

@@ -5,7 +5,7 @@ import { NylasSchedulerConfigConnector } from "../../../connector/nylas-schedule
 import { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from "../../../stores/scheduler-config-store";
 import { Config } from '@nylas/identity';
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { AdditionalParticipant } from '@nylas/core';
+import { AdditionalParticipant, EnableEventTypes } from '@nylas/core';
 import { Tab } from '../nylas-editor-tabs/tab-contents';
 import { EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale } from "../../../common/constants";
 export declare class NylasSchedulerEditor {
@@ -30,6 +30,7 @@ export declare class NylasSchedulerEditor {
     readonly localization?: Partial<Record<LANGUAGE_CODE, Locale>>;
     readonly nylasBranding?: boolean;
     readonly experimentalFeatures?: Record<EXPERIMENTAL_FEATURES, boolean>;
+    readonly enableEventTypes?: EnableEventTypes;
     readonly init: EventEmitter<HTMLNylasSchedulerEditorElement>;
     readonly loggedIn: EventEmitter<HTMLNylasSchedulerEditorElement>;
     readonly loggedOut: EventEmitter<HTMLNylasSchedulerEditorElement>;
@@ -45,6 +46,7 @@ export declare class NylasSchedulerEditor {
     updateLocalization(newVal?: Partial<Record<LANGUAGE_CODE, Locale>>): void;
     updateNylasBranding(newVal: boolean): void;
     updateExperimentalFeatures(newVal: Record<EXPERIMENTAL_FEATURES, boolean>): void;
+    updateEnableEventTypes(newVal: EnableEventTypes): void;
     store(): Promise<NylasSchedulerConfigStoreType | undefined>;
     schedulerConnector(): Promise<NylasSchedulerConfigConnector | undefined>;
     registerComponentHandler(event: CustomEvent<RegisteredComponent<any, any>>): Promise<void>;

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

@@ -1,11 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { CONFIGURATION_EVENT_TYPE, LANGUAGE_CODE } from "../../../common/constants";
-import { AdditionalParticipant } from '@nylas/core';
+import { AdditionalParticipant, EnableEventTypes } from '@nylas/core';
 export declare class NylasSelectEventType {
     host: HTMLNylasSelectEventTypeElement;
     participantOptions?: AdditionalParticipant[];
     name: string;
     selectedLanguage?: LANGUAGE_CODE;
+    enableEventTypes?: EnableEventTypes;
     returnToAllSchedulingPagesEvent: EventEmitter<void>;
     createEventTypeSelected: EventEmitter<{
         eventType: CONFIGURATION_EVENT_TYPE;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, Conference, Configuration, DropdownOption, EmailTemplate, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
+import { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, Conference, Configuration, DropdownOption, EmailTemplate, EnableEventTypes, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
 import { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 import { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale } from "./common/constants";
 import { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
@@ -21,7 +21,7 @@ import { SchedulerEditorEventOverride, SchedulerEventOverride } from "./common/c
 import { NylasSchedulerConfigStoreState, NylasSchedulerConfigStoreType } from "./stores/scheduler-config-store";
 import { NylasSchedulerConfigConnector } from "./connector/nylas-scheduler-config-connector/index";
 import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/index";
-export { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, Conference, Configuration, DropdownOption, EmailTemplate, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
+export { AdditionalFields, AdditionalParticipant, Appearance, ButtonType, Calendar, Conference, Configuration, DropdownOption, EmailTemplate, EnableEventTypes, EventDetails, EventReminder, GroupConfiguration, GroupEvent, GroupEventAPIData, ImportGroupEventDetails, Notification, NylasCalendar, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, RecurrenceDeleteOption, RecurrenceUpdateOption, SchedulerGroupEventDetail, ThemeConfig, TimePeriod, Timeslot } from "@nylas/core";
 export { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 export { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES, LANGUAGE_CODE, Locale } from "./common/constants";
 export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
@@ -1705,6 +1705,10 @@ export namespace Components {
           * The default scheduler config store state. Used to set the initial state of the scheduler config store. This state can be used to pass defaults to newly created configurations.
          */
         "defaultSchedulerConfigState"?: Partial<NylasSchedulerConfigStoreState>;
+        /**
+          * Controls which event types are enabled in the Scheduler.  - By default, all event types are enabled and users will see a selection screen when creating a new event. - You can disable specific event types by setting them to `false`. - At least one event type must remain enabled at all times. - If only one event type is enabled, the event type selection screen will be skipped.
+         */
+        "enableEventTypes"?: EnableEventTypes;
         /**
           * Indicates if the user feedback feature is enabled. By default, this is set to true. When enabled, the user feedback feature will be available in the edit mode. To disable the user feedback feature, set this prop to false.
          */
@@ -1876,6 +1880,10 @@ export namespace Components {
      * The `nylas-select-event-type` component is a UI component that allows users to select the event type for the scheduler configuration.
      */
     interface NylasSelectEventType {
+        /**
+          * The enable event types.
+         */
+        "enableEventTypes"?: EnableEventTypes;
         /**
           * @standalone The name of the component
          */
@@ -6866,6 +6874,10 @@ declare namespace LocalJSX {
           * The default scheduler config store state. Used to set the initial state of the scheduler config store. This state can be used to pass defaults to newly created configurations.
          */
         "defaultSchedulerConfigState"?: Partial<NylasSchedulerConfigStoreState>;
+        /**
+          * Controls which event types are enabled in the Scheduler.  - By default, all event types are enabled and users will see a selection screen when creating a new event. - You can disable specific event types by setting them to `false`. - At least one event type must remain enabled at all times. - If only one event type is enabled, the event type selection screen will be skipped.
+         */
+        "enableEventTypes"?: EnableEventTypes;
         /**
           * Indicates if the user feedback feature is enabled. By default, this is set to true. When enabled, the user feedback feature will be available in the edit mode. To disable the user feedback feature, set this prop to false.
          */
@@ -7063,6 +7075,10 @@ declare namespace LocalJSX {
      * The `nylas-select-event-type` component is a UI component that allows users to select the event type for the scheduler configuration.
      */
     interface NylasSelectEventType {
+        /**
+          * The enable event types.
+         */
+        "enableEventTypes"?: EnableEventTypes;
         /**
           * @standalone The name of the component
          */

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

@@ -1,4 +1,4 @@
-import { AdditionalParticipant, Calendar, Configuration, EventDetails, GroupConfiguration, GroupEventAPIData } from '@nylas/core';
+import { AdditionalParticipant, Calendar, Configuration, EventDetails, GroupConfiguration, GroupEventAPIData, EnableEventTypes } from '@nylas/core';
 import { ObservableMap } from '@stencil/store';
 import { User } from '../common/nylas-api-request';
 import { CONFIGURATION_EVENT_TYPE, EXPERIMENTAL_FEATURES } from "../common/constants";
@@ -18,6 +18,7 @@ export interface NylasSchedulerConfigStoreState {
     selectedLanguage?: string;
     nylasBranding?: boolean;
     experimentalFeatures?: Record<EXPERIMENTAL_FEATURES, boolean>;
+    enableEventTypes?: EnableEventTypes;
     selectedEventType?: CONFIGURATION_EVENT_TYPE;
     groupEvents: GroupEventAPIData[];
     selectedGroupEvent?: GroupEventAPIData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "1.4.5",
+  "version": "2.0.0",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",