@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241017103834

package/dist/types/components.d.ts

@@ -8,7 +8,7 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AdditionalParticipant, Appearance, AuthConfig, Calendar, Conference, Configuration, EmailTemplate, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData2, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, ThemeConfig, Timeslot } from "@nylas/core";
 import { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 import { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
-import { NylasEvent, NylasSchedulerBookingData as NylasSchedulerBookingData1, UISettingsResponse } from "./common/types";
+import { NylasEvent, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerBookingDataWithFlatFields, UISettingsResponse } from "./common/types";
 import { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 import { AvailabilityTimeslot, ConfigSettings as ConfigSettings1, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
 import { Tab } from "./components/scheduler-editor/nylas-editor-tabs/tab-contents";
@@ -25,7 +25,7 @@ import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/i
 export { AdditionalParticipant, Appearance, AuthConfig, Calendar, Conference, Configuration, EmailTemplate, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData2, NylasSchedulerErrorResponse, NylasSchedulerResponse, Participant, ThemeConfig, Timeslot } from "@nylas/core";
 export { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
 export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
-export { NylasEvent, NylasSchedulerBookingData as NylasSchedulerBookingData1, UISettingsResponse } from "./common/types";
+export { NylasEvent, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerBookingDataWithFlatFields, UISettingsResponse } from "./common/types";
 export { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 export { AvailabilityTimeslot, ConfigSettings as ConfigSettings1, NylasSchedulerStoreState, NylasSchedulerStoreType } from "./stores/scheduler-store";
 export { Tab } from "./components/scheduler-editor/nylas-editor-tabs/tab-contents";
@@ -367,14 +367,23 @@ export namespace Components {
      */
     interface NylasAdditionalParticipants {
         /**
-          * The logged in user
+          * @standalone The logged in user
          */
         "currentUser"?: User;
+        /**
+          * @standalone The event participants
+         */
         "eventParticipants"?: Participant[];
+        /**
+          * @standalone The name of the component
+         */
         "name": string;
+        /**
+          * @standalone The additional participants options from the config
+         */
         "participantOptions"?: AdditionalParticipant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -382,21 +391,24 @@ export namespace Components {
      * The `nylas-availability-picker` component is a form input for selecting availability (open hours).
      */
     interface NylasAvailabilityPicker {
+        /**
+          * @standalone The default timezone or preset timezone.
+         */
         "defaultTimezone": string;
         /**
-          * Hide the header of the availability picker.
+          * @standalone Hide the header of the availability picker.
          */
         "hideHeader": boolean;
         /**
-          * The name of the availability picker.
+          * @standalone The name of the availability picker.
          */
         "name": string;
         /**
-          * The open hours to display.
+          * @standalone The open hours to display.
          */
         "openHours"?: OpenHours[];
         /**
-          * The selected configuration.
+          * @standalone The selected configuration.
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -405,23 +417,23 @@ export namespace Components {
      */
     interface NylasBookedEventCard {
         /**
-          * The booking info used to book / reschedule the event.
+          * @standalone The booking info used to book / reschedule the event.
          */
         "bookingInfo"?: NylasSchedulerBookingData;
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The booked event.
+          * @standalone The booked event.
          */
         "eventInfo": NylasEvent;
         /**
-          * The loading state prop. Used to display loading state when fetching availability.
+          * @standalone The loading state prop. Used to display loading state when fetching availability.
          */
         "isLoading"?: boolean;
         /**
-          * Booking flow type.
+          * @standalone Booking flow type.
          */
         "rescheduleBookingId"?: string;
         /**
@@ -442,19 +454,19 @@ export namespace Components {
      */
     interface NylasBookingCalendarPicker {
         /**
-          * The calendars to choose from.
+          * @standalone The calendars to choose from.
          */
         "calendars"?: Calendar[];
         /**
-          * The current logged in user.
+          * @standalone The current logged in user.
          */
         "currentUser"?: User;
         /**
-          * The list of user's calendars.
+          * @standalone The list of user's calendars.
          */
         "currentUserCalendars"?: Calendar[];
         /**
-          * The default selected calendar.
+          * @standalone The default selected calendar.
          */
         "defaultBookingCalendar": string;
         /**
@@ -462,7 +474,7 @@ export namespace Components {
          */
         "hideHeader": boolean;
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name": string;
     }
@@ -471,19 +483,19 @@ export namespace Components {
      */
     interface NylasBookingConfirmationRedirect {
         /**
-          * The name of the confirmation redirect link.
+          * @standalone The name of the confirmation redirect link.
          */
         "name": string;
         /**
-          * The custom redirect URL.
+          * @standalone The custom redirect URL.
          */
         "redirectUrl": string;
         /**
-          * The custom redirect URL error message
+          * @standalone The custom redirect URL error message
          */
         "redirectUrlErrorMessage": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -492,19 +504,19 @@ export namespace Components {
      */
     interface NylasBookingConfirmationType {
         /**
-          * The booking type.
+          * @standalone The booking type.
          */
         "bookingType": string;
         /**
-          * The name of the confirmation redirect link.
+          * @standalone The name of the confirmation redirect link.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
         /**
-          * @deprecated Show or hide the confirmation type. This prop is automatically determined based on the value of selectedConfiguration in the config, making it unnecessary to set this prop manually. The selectedConfiguration alone handles the functionality. This prop is deprecated and will be removed in the next version. Setting this prop will have no effect.
+          * @standalone Show or hide the confirmation type. This prop is automatically determined based on the value of selectedConfiguration in the config, making it unnecessary to set this prop manually.
          */
         "showComponent": boolean;
     }
@@ -514,19 +526,19 @@ export namespace Components {
      */
     interface NylasBookingForm {
         /**
-          * The booking info.
+          * @standalone The booking info.
          */
         "bookingInfo"?: NylasSchedulerBookingData;
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The booked event (Used to track if a booking is created in an eventOverride).
+          * @standalone The booked event (Used to track if a booking is created in an eventOverride).
          */
-        "eventInfo"?: NylasEvent1;
+        "eventInfo"?: NylasEvent;
         /**
-          * The loading state.
+          * @standalone The loading state.
          */
         "isLoading"?: boolean;
     }
@@ -542,9 +554,6 @@ export namespace Components {
           * The name of the booking form config.
          */
         "name": string;
-        /**
-          * The selected configuration.
-         */
         "selectedConfiguration"?: Configuration;
     }
     /**
@@ -552,16 +561,13 @@ export namespace Components {
      */
     interface NylasBufferTime {
         /**
-          * The buffer time
+          * @standalone The buffer time
          */
         "buffer": { before: number; after: number };
         /**
           * The name of the calendar picker.
          */
         "name": string;
-        /**
-          * The selected config
-         */
         "selectedConfiguration"?: Configuration;
     }
     /**
@@ -569,19 +575,19 @@ export namespace Components {
      */
     interface NylasCalendarPicker {
         /**
-          * The calendars to choose from.
+          * @standalone The calendars to choose from.
          */
         "calendars"?: Calendar[];
         /**
-          * The logged in user.
+          * @standalone The logged in user.
          */
         "currentUser"?: User;
         /**
-          * The default selected calendars.
+          * @standalone The default selected calendars.
          */
         "defaultSelectedCalendars": string[];
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name": string;
     }
@@ -595,15 +601,15 @@ export namespace Components {
          */
         "cancelBookingId"?: string;
         /**
-          * The config settings.
+          * @standalone The config settings.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The event info.
+          * @standalone The event info.
          */
         "eventInfo"?: NylasEvent;
         /**
-          * The loading state.
+          * @standalone The loading state.
          */
         "isLoading"?: boolean;
         /**
@@ -620,15 +626,15 @@ export namespace Components {
      */
     interface NylasCancellationPolicy {
         /**
-          * The cancellation policy stored in the configuration
+          * @standalone The cancellation policy stored in the configuration
          */
         "cancellationPolicy"?: string;
         /**
-          * The name of the cancellation policy input.
+          * @standalone The name of the cancellation policy input.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -641,7 +647,7 @@ export namespace Components {
          */
         "cancelledEventInfo": Partial<NylasEvent1>;
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
     }
@@ -650,7 +656,7 @@ export namespace Components {
      */
     interface NylasConfirmationEmail {
         /**
-          * The confirmation email template data to display
+          * @standalone The confirmation email template data to display
          */
         "confirmationEmailTemplate": EmailTemplate;
         /**
@@ -658,15 +664,15 @@ export namespace Components {
          */
         "isOpen": boolean;
         /**
-          * The name of the component
+          * @standalone The name of the component
          */
         "name": string;
         /**
-          * List of participants
+          * @standalone List of participants
          */
         "participants": Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -675,7 +681,7 @@ export namespace Components {
      */
     interface NylasConfirmedEventCard {
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
@@ -688,7 +694,7 @@ export namespace Components {
      */
     interface NylasConnectedCalendars {
         /**
-          * The calendars to choose from for the organizer / logged in user.
+          * @standalone The calendars to choose from for the organizer / logged in user.
          */
         "calendars"?: Calendar[];
         /**
@@ -696,15 +702,15 @@ export namespace Components {
          */
         "name": string;
         /**
-          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+          * @standalone The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
          */
         "participantOptions"?: AdditionalParticipant[];
         /**
-          * The participants selected in the add participants section.
+          * @standalone The participants selected in the add participants section.
          */
         "participants": Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -756,23 +762,23 @@ export namespace Components {
      */
     interface NylasCustomizeBookingSettings {
         /**
-          * @deprecated The default additional guests hidden setting as set in the configuration.
+          * @standalone The default additional guests hidden setting as set in the configuration.
          */
         "defaultHideAdditionalGuests": boolean;
         /**
-          * @deprecated The default hide cancellation options setting as set in the configuration.
+          * @standalone The default hide cancellation options setting as set in the configuration.
          */
         "defaultHideCancellationOptions": boolean;
         /**
-          * @deprecated The default hide rescheduling options setting as set in the configuration.
+          * @standalone The default hide rescheduling options setting as set in the configuration.
          */
         "defaultHideReschedulingOptions": boolean;
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -781,7 +787,7 @@ export namespace Components {
      */
     interface NylasDatePicker {
         /**
-          * The config settings.
+          * @standalone The config settings.
          */
         "configSettings"?: ConfigSettings;
         /**
@@ -793,7 +799,7 @@ export namespace Components {
          */
         "isLoading"?: boolean;
         /**
-          * The dates that are selectable.
+          * @standalone The dates that are selectable.
          */
         "selectableDates"?: Date[];
         /**
@@ -813,35 +819,35 @@ export namespace Components {
      */
     interface NylasEditorTabs {
         /**
-          * The list of calendars to use in the editor when configuring availability.
+          * @standalone The list of calendars to use in the editor when configuring availability.
          */
         "calendars"?: Calendar[];
         /**
-          * The list of configurations
+          * @standalone The list of configurations
          */
         "configurations"?: Configuration[];
         /**
-          * The current logged in user.
+          * @standalone The current logged in user.
          */
         "currentUser"?: User;
         /**
-          * This prop is passed down by the parent component to enable or disable user feedback.
+          * @standalone This prop is passed down by the parent component to enable or disable user feedback.
          */
         "enableUserFeedback"?: boolean;
         /**
-          * This prop is passed down by the parent component. It is an optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
+          * @standalone This prop is passed down by the parent component. It is an optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
          */
         "hideEditorTabs"?: Tab[];
         /**
-          * The mode of the editor. - `app`: The editor is used as a standalone app. - `composable`: The editor is used as a composable component.
+          * @standalone 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.
+          * @standalone 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.
+          * @standalone The selected configuration to use in the editor when editing an existing configuration or creating a new one.
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -850,15 +856,15 @@ export namespace Components {
      */
     interface NylasEventDescription {
         /**
-          * The event description stored in the configuration
+          * @standalone The event description stored in the configuration
          */
         "eventDescription"?: string;
         /**
-          * The name of the event description input.
+          * @standalone The name of the event description input.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -867,15 +873,15 @@ export namespace Components {
      */
     interface NylasEventDuration {
         /**
-          * The event duration in minutes as set in the configuration.
+          * @standalone The event duration in minutes as set in the configuration.
          */
         "eventDurationMinutes"?: number;
         /**
-          * The name of the event duration. Default is 'duration'.
+          * @standalone The name of the event duration. Default is 'duration'.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -915,31 +921,31 @@ export namespace Components {
      */
     interface NylasEventLocation {
         /**
-          * The conference providers where the key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
+          * @standalone The conference providers where the key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
          */
         "conferenceProviders"?: Record<string, string>;
         /**
-          * The current user
+          * @standalone The current user
          */
         "currentUser"?: User;
         /**
-          * The event conferencing stored in the configuration
+          * @standalone The event conferencing stored in the configuration
          */
         "eventConferencing"?: Conference;
         /**
-          * The event location stored in the configuration
+          * @standalone The event location stored in the configuration
          */
         "eventLocation"?: string;
         /**
-          * The name of the event location input.
+          * @standalone The name of the event location input.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
         /**
-          * The users provider
+          * @standalone The users provider
          */
         "userProvider"?: string;
     }
@@ -948,15 +954,15 @@ export namespace Components {
      */
     interface NylasEventTitle {
         /**
-          * The title of the event from the cofiguration.
+          * @standalone The title of the event from the cofiguration.
          */
         "eventTitle"?: string;
         /**
-          * The name attribute of this component.
+          * @standalone The name attribute of this component.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -991,15 +997,15 @@ export namespace Components {
      */
     interface NylasLimitFutureBookings {
         /**
-          * The number of days into the future that invitees will see availability, as set in the configuration.
+          * @standalone The number of days into the future that invitees will see availability, as set in the configuration.
          */
         "availableDaysInFuture"?: number;
         /**
-          * The name of the limit future bookings input.
+          * @standalone The name of the limit future bookings input.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -1057,15 +1063,15 @@ export namespace Components {
      */
     interface NylasMinBookingNotice {
         /**
-          * The minimum booking notice (minutes) stored in the configuration
+          * @standalone The minimum booking notice (minutes) stored in the configuration
          */
         "minBookingNotice"?: number;
         /**
-          * The name of the min booking notice input.
+          * @standalone The name of the min booking notice input.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -1075,15 +1081,15 @@ export namespace Components {
      */
     interface NylasMinCancellationNotice {
         /**
-          * The minimum cancellation notice (minutes) stored in the configuration
+          * @standalone The minimum cancellation notice (minutes) stored in the configuration
          */
         "minCancellationNotice"?: number;
         /**
-          * The name of the min cancellation notice input.
+          * @standalone The name of the min cancellation notice input.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -1102,11 +1108,11 @@ export namespace Components {
      */
     interface NylasOrganizerConfirmationCard {
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The loading state prop. Used to display loading state when fetching availability.
+          * @standalone The loading state prop. Used to display loading state when fetching availability.
          */
         "isLoading"?: boolean;
         /**
@@ -1124,23 +1130,23 @@ export namespace Components {
      */
     interface NylasPageName {
         /**
-          * Is the page name container card expanded
+          * @standalone Is the page name container card expanded
          */
         "isOpen": boolean;
         /**
-          * The name of the component
+          * @standalone The name of the component
          */
         "name": string;
         /**
-          * The default page name
+          * @standalone The default page name
          */
         "pageName"?: string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
         /**
-          * Show toggle button that allows users to expand or collapse the card
+          * @standalone Show toggle button that allows users to expand or collapse the card
          */
         "showToggle": boolean;
     }
@@ -1155,23 +1161,12 @@ export namespace Components {
      * - Company logo: (name: company_logo_url)
      * - Submit button label: (name: submit_button_label)
      * - Thank you message: (name: thank_you_message)
+     * This component cannot be used as an independent component. It must be used within the `nylas-scheduler-editor` component.
      */
     interface NylasPageStyling {
-        /**
-          * The appearance data to display
-         */
         "appearance"?: Appearance;
-        /**
-          * Is the page styling card open
-         */
         "isOpen": boolean;
-        /**
-          * The name of the component
-         */
         "name": string;
-        /**
-          * The selected configuration.
-         */
         "selectedConfiguration"?: Configuration;
     }
     /**
@@ -1179,23 +1174,23 @@ export namespace Components {
      */
     interface NylasParticipantBookingCalendars {
         /**
-          * The calendars to choose from for the organizer / logged in user.
+          * @standalone The calendars to choose from for the organizer / logged in user.
          */
         "calendars"?: Calendar[];
         /**
-          * The name of the participants custom availability.
+          * @standalone The name of the participants custom availability.
          */
         "name": string;
         /**
-          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+          * @standalone The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
          */
         "participantOptions"?: AdditionalParticipant[];
         /**
-          * The participants selected in the add participants section.
+          * @standalone The participants selected in the add participants section.
          */
         "participants": Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -1204,15 +1199,15 @@ export namespace Components {
      */
     interface NylasParticipantsCustomAvailability {
         /**
-          * The name of the participants custom availability.
+          * @standalone The name of the participants custom availability.
          */
         "name": string;
         /**
-          * The participants selected in the add participants section.
+          * @standalone The participants selected in the add participants section.
          */
         "participants": Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -1442,11 +1437,11 @@ export namespace Components {
      */
     interface NylasSchedulingMethod {
         /**
-          * The name of the booking type picker.
+          * @standalone The name of the booking type picker.
          */
         "name": string;
         /**
-          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+          * @standalone The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
          */
         "participantOptions"?: AdditionalParticipant[];
         /**
@@ -1454,7 +1449,7 @@ export namespace Components {
          */
         "readOnly": boolean;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -1475,7 +1470,7 @@ export namespace Components {
          */
         "selectedTimeslot"?: Timeslot;
         /**
-          * * The selected timezone.
+          * The selected timezone.
          */
         "selectedTimezone": string;
     }
@@ -1510,23 +1505,15 @@ export namespace Components {
      */
     interface NylasTimeslotInterval {
         /**
-          * @deprecated The default interval minutes.
-         */
-        "defaultIntervalMinutes": number;
-        /**
-          * @deprecated The round to option in minutes as set in the configuration.
-         */
-        "defaultRoundTo"?: number;
-        /**
-          * The event duration in minutes.
+          * @standalone The event duration in minutes.
          */
         "eventDurationMinutes"?: number;
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name": string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -1535,11 +1522,11 @@ export namespace Components {
      */
     interface NylasTimeslotPicker {
         /**
-          * The available timeslots.
+          * @standalone The available timeslots.
          */
         "availability"?: AvailabilityTimeslot[];
         /**
-          * The loading state prop. Used to display loading state when fetching availability.
+          * @standalone The loading state prop. Used to display loading state when fetching availability.
          */
         "isLoading"?: boolean;
         /**
@@ -2337,6 +2324,7 @@ declare global {
         new (): HTMLInputDropdownElement;
     };
     interface HTMLInputImageUrlElementEventMap {
+        "nylasFormInputImageUrlInvalid": { value: string; name: string };
         "valueChanged": {
     value: string;
     name: string;
@@ -2566,7 +2554,7 @@ declare global {
         "nameChanged": string;
         "emailChanged": string;
         "backButtonClicked": boolean;
-        "detailsConfirmed": NylasSchedulerBookingData;
+        "detailsConfirmed": NylasSchedulerBookingDataWithFlatFields;
         "bookingFormError": Partial<Notification>;
         "bookingFormSubmitted": void;
     }
@@ -3308,6 +3296,7 @@ declare global {
      * - Company logo: (name: company_logo_url)
      * - Submit button label: (name: submit_button_label)
      * - Thank you message: (name: thank_you_message)
+     * This component cannot be used as an independent component. It must be used within the `nylas-scheduler-editor` component.
      */
     interface HTMLNylasPageStylingElement extends Components.NylasPageStyling, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNylasPageStylingElementEventMap>(type: K, listener: (this: HTMLNylasPageStylingElement, ev: NylasPageStylingCustomEvent<HTMLNylasPageStylingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4303,6 +4292,10 @@ declare namespace LocalJSX {
           * The name of the component
          */
         "name"?: string;
+        /**
+          * This event is fired when the image url is changed and the image is invalid.
+         */
+        "onNylasFormInputImageUrlInvalid"?: (event: InputImageUrlCustomEvent<{ value: string; name: string }>) => void;
         /**
           * This event is fired when the image URL is changed
          */
@@ -4366,10 +4359,16 @@ declare namespace LocalJSX {
      */
     interface NylasAdditionalParticipants {
         /**
-          * The logged in user
+          * @standalone The logged in user
          */
         "currentUser"?: User;
+        /**
+          * @standalone The event participants
+         */
         "eventParticipants"?: Participant[];
+        /**
+          * @standalone The name of the component
+         */
         "name"?: string;
         /**
           * This event is fired when the selected participants change.
@@ -4378,9 +4377,12 @@ declare namespace LocalJSX {
     value: string;
     name: string;
   }>) => void;
+        /**
+          * @standalone The additional participants options from the config
+         */
         "participantOptions"?: AdditionalParticipant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -4388,13 +4390,16 @@ declare namespace LocalJSX {
      * The `nylas-availability-picker` component is a form input for selecting availability (open hours).
      */
     interface NylasAvailabilityPicker {
+        /**
+          * @standalone The default timezone or preset timezone.
+         */
         "defaultTimezone"?: string;
         /**
-          * Hide the header of the availability picker.
+          * @standalone Hide the header of the availability picker.
          */
         "hideHeader"?: boolean;
         /**
-          * The name of the availability picker.
+          * @standalone The name of the availability picker.
          */
         "name"?: string;
         /**
@@ -4405,11 +4410,11 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The open hours to display.
+          * @standalone The open hours to display.
          */
         "openHours"?: OpenHours[];
         /**
-          * The selected configuration.
+          * @standalone The selected configuration.
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -4418,19 +4423,19 @@ declare namespace LocalJSX {
      */
     interface NylasBookedEventCard {
         /**
-          * The booking info used to book / reschedule the event.
+          * @standalone The booking info used to book / reschedule the event.
          */
         "bookingInfo"?: NylasSchedulerBookingData;
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The booked event.
+          * @standalone The booked event.
          */
         "eventInfo": NylasEvent;
         /**
-          * The loading state prop. Used to display loading state when fetching availability.
+          * @standalone The loading state prop. Used to display loading state when fetching availability.
          */
         "isLoading"?: boolean;
         /**
@@ -4455,7 +4460,7 @@ declare namespace LocalJSX {
          */
         "onRescheduleButtonClicked"?: (event: NylasBookedEventCardCustomEvent<{ bookingId: string; errorHandler?: (error: NylasSchedulerErrorResponse) => void }>) => void;
         /**
-          * Booking flow type.
+          * @standalone Booking flow type.
          */
         "rescheduleBookingId"?: string;
         /**
@@ -4476,19 +4481,19 @@ declare namespace LocalJSX {
      */
     interface NylasBookingCalendarPicker {
         /**
-          * The calendars to choose from.
+          * @standalone The calendars to choose from.
          */
         "calendars"?: Calendar[];
         /**
-          * The current logged in user.
+          * @standalone The current logged in user.
          */
         "currentUser"?: User;
         /**
-          * The list of user's calendars.
+          * @standalone The list of user's calendars.
          */
         "currentUserCalendars"?: Calendar[];
         /**
-          * The default selected calendar.
+          * @standalone The default selected calendar.
          */
         "defaultBookingCalendar"?: string;
         /**
@@ -4496,7 +4501,7 @@ declare namespace LocalJSX {
          */
         "hideHeader"?: boolean;
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name"?: string;
         /**
@@ -4513,7 +4518,7 @@ declare namespace LocalJSX {
      */
     interface NylasBookingConfirmationRedirect {
         /**
-          * The name of the confirmation redirect link.
+          * @standalone The name of the confirmation redirect link.
          */
         "name"?: string;
         /**
@@ -4525,15 +4530,15 @@ declare namespace LocalJSX {
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
         /**
-          * The custom redirect URL.
+          * @standalone The custom redirect URL.
          */
         "redirectUrl"?: string;
         /**
-          * The custom redirect URL error message
+          * @standalone The custom redirect URL error message
          */
         "redirectUrlErrorMessage"?: string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -4542,11 +4547,11 @@ declare namespace LocalJSX {
      */
     interface NylasBookingConfirmationType {
         /**
-          * The booking type.
+          * @standalone The booking type.
          */
         "bookingType"?: string;
         /**
-          * The name of the confirmation redirect link.
+          * @standalone The name of the confirmation redirect link.
          */
         "name"?: string;
         /**
@@ -4558,11 +4563,11 @@ declare namespace LocalJSX {
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
         /**
-          * @deprecated Show or hide the confirmation type. This prop is automatically determined based on the value of selectedConfiguration in the config, making it unnecessary to set this prop manually. The selectedConfiguration alone handles the functionality. This prop is deprecated and will be removed in the next version. Setting this prop will have no effect.
+          * @standalone Show or hide the confirmation type. This prop is automatically determined based on the value of selectedConfiguration in the config, making it unnecessary to set this prop manually.
          */
         "showComponent"?: boolean;
     }
@@ -4572,19 +4577,19 @@ declare namespace LocalJSX {
      */
     interface NylasBookingForm {
         /**
-          * The booking info.
+          * @standalone The booking info.
          */
         "bookingInfo"?: NylasSchedulerBookingData;
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The booked event (Used to track if a booking is created in an eventOverride).
+          * @standalone The booked event (Used to track if a booking is created in an eventOverride).
          */
-        "eventInfo"?: NylasEvent1;
+        "eventInfo"?: NylasEvent;
         /**
-          * The loading state.
+          * @standalone The loading state.
          */
         "isLoading"?: boolean;
         /**
@@ -4602,7 +4607,7 @@ declare namespace LocalJSX {
         /**
           * This event is fired when the book button is clicked and the form validation is complete and successful. This event is fired before the booking request is sent.
          */
-        "onDetailsConfirmed"?: (event: NylasBookingFormCustomEvent<NylasSchedulerBookingData>) => void;
+        "onDetailsConfirmed"?: (event: NylasBookingFormCustomEvent<NylasSchedulerBookingDataWithFlatFields>) => void;
         /**
           * This event is fired when the email is changed.
          */
@@ -4631,17 +4636,13 @@ declare namespace LocalJSX {
     value: Record<string, AdditionalFields>;
     name: string;
   }>) => void;
-        /**
-          * The selected configuration.
-         */
-        "selectedConfiguration"?: Configuration;
     }
     /**
      * The `nylas-buffer-time` component is a UI component that allows users to set buffer time before and after an event.
      */
     interface NylasBufferTime {
         /**
-          * The buffer time
+          * @standalone The buffer time
          */
         "buffer"?: { before: number; after: number };
         /**
@@ -4656,29 +4657,25 @@ declare namespace LocalJSX {
     name: string;
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
-        /**
-          * The selected config
-         */
-        "selectedConfiguration"?: Configuration;
     }
     /**
      * The `nylas-calendar-picker` component is a form input for selecting calendars to check availability.
      */
     interface NylasCalendarPicker {
         /**
-          * The calendars to choose from.
+          * @standalone The calendars to choose from.
          */
         "calendars"?: Calendar[];
         /**
-          * The logged in user.
+          * @standalone The logged in user.
          */
         "currentUser"?: User;
         /**
-          * The default selected calendars.
+          * @standalone The default selected calendars.
          */
         "defaultSelectedCalendars"?: string[];
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name"?: string;
         /**
@@ -4700,15 +4697,15 @@ declare namespace LocalJSX {
          */
         "cancelBookingId"?: string;
         /**
-          * The config settings.
+          * @standalone The config settings.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The event info.
+          * @standalone The event info.
          */
         "eventInfo"?: NylasEvent;
         /**
-          * The loading state.
+          * @standalone The loading state.
          */
         "isLoading"?: boolean;
         /**
@@ -4750,11 +4747,11 @@ declare namespace LocalJSX {
      */
     interface NylasCancellationPolicy {
         /**
-          * The cancellation policy stored in the configuration
+          * @standalone The cancellation policy stored in the configuration
          */
         "cancellationPolicy"?: string;
         /**
-          * The name of the cancellation policy input.
+          * @standalone The name of the cancellation policy input.
          */
         "name"?: string;
         /**
@@ -4765,7 +4762,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -4778,7 +4775,7 @@ declare namespace LocalJSX {
          */
         "cancelledEventInfo": Partial<NylasEvent1>;
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
@@ -4795,7 +4792,7 @@ declare namespace LocalJSX {
      */
     interface NylasConfirmationEmail {
         /**
-          * The confirmation email template data to display
+          * @standalone The confirmation email template data to display
          */
         "confirmationEmailTemplate"?: EmailTemplate;
         /**
@@ -4803,7 +4800,7 @@ declare namespace LocalJSX {
          */
         "isOpen"?: boolean;
         /**
-          * The name of the component
+          * @standalone The name of the component
          */
         "name"?: string;
         /**
@@ -4815,11 +4812,11 @@ declare namespace LocalJSX {
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
         /**
-          * List of participants
+          * @standalone List of participants
          */
         "participants"?: Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -4828,7 +4825,7 @@ declare namespace LocalJSX {
      */
     interface NylasConfirmedEventCard {
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
@@ -4849,7 +4846,7 @@ declare namespace LocalJSX {
      */
     interface NylasConnectedCalendars {
         /**
-          * The calendars to choose from for the organizer / logged in user.
+          * @standalone The calendars to choose from for the organizer / logged in user.
          */
         "calendars"?: Calendar[];
         /**
@@ -4864,15 +4861,15 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+          * @standalone The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
          */
         "participantOptions"?: AdditionalParticipant[];
         /**
-          * The participants selected in the add participants section.
+          * @standalone The participants selected in the add participants section.
          */
         "participants"?: Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -4932,19 +4929,19 @@ declare namespace LocalJSX {
      */
     interface NylasCustomizeBookingSettings {
         /**
-          * @deprecated The default additional guests hidden setting as set in the configuration.
+          * @standalone The default additional guests hidden setting as set in the configuration.
          */
         "defaultHideAdditionalGuests"?: boolean;
         /**
-          * @deprecated The default hide cancellation options setting as set in the configuration.
+          * @standalone The default hide cancellation options setting as set in the configuration.
          */
         "defaultHideCancellationOptions"?: boolean;
         /**
-          * @deprecated The default hide rescheduling options setting as set in the configuration.
+          * @standalone The default hide rescheduling options setting as set in the configuration.
          */
         "defaultHideReschedulingOptions"?: boolean;
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name"?: string;
         /**
@@ -4956,7 +4953,7 @@ declare namespace LocalJSX {
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -4965,7 +4962,7 @@ declare namespace LocalJSX {
      */
     interface NylasDatePicker {
         /**
-          * The config settings.
+          * @standalone The config settings.
          */
         "configSettings"?: ConfigSettings;
         /**
@@ -4985,7 +4982,7 @@ declare namespace LocalJSX {
          */
         "onMonthChanged"?: (event: NylasDatePickerCustomEvent<Date>) => void;
         /**
-          * The dates that are selectable.
+          * @standalone The dates that are selectable.
          */
         "selectableDates"?: Date[];
         /**
@@ -5005,27 +5002,27 @@ declare namespace LocalJSX {
      */
     interface NylasEditorTabs {
         /**
-          * The list of calendars to use in the editor when configuring availability.
+          * @standalone The list of calendars to use in the editor when configuring availability.
          */
         "calendars"?: Calendar[];
         /**
-          * The list of configurations
+          * @standalone The list of configurations
          */
         "configurations"?: Configuration[];
         /**
-          * The current logged in user.
+          * @standalone The current logged in user.
          */
         "currentUser"?: User;
         /**
-          * This prop is passed down by the parent component to enable or disable user feedback.
+          * @standalone This prop is passed down by the parent component to enable or disable user feedback.
          */
         "enableUserFeedback"?: boolean;
         /**
-          * This prop is passed down by the parent component. It is an optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
+          * @standalone This prop is passed down by the parent component. It is an optional prop is used to hide tabs in the editor. Available tabs are: eventInfo, availability, participants, bookingOptions, bookingForm
          */
         "hideEditorTabs"?: Tab[];
         /**
-          * The mode of the editor. - `app`: The editor is used as a standalone app. - `composable`: The editor is used as a composable component.
+          * @standalone 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';
         /**
@@ -5049,11 +5046,11 @@ declare namespace LocalJSX {
          */
         "onSchedulerEditorFormUpdated"?: (event: NylasEditorTabsCustomEvent<{ value: string; name: string }>) => 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.
+          * @standalone 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.
+          * @standalone The selected configuration to use in the editor when editing an existing configuration or creating a new one.
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5062,11 +5059,11 @@ declare namespace LocalJSX {
      */
     interface NylasEventDescription {
         /**
-          * The event description stored in the configuration
+          * @standalone The event description stored in the configuration
          */
         "eventDescription"?: string;
         /**
-          * The name of the event description input.
+          * @standalone The name of the event description input.
          */
         "name"?: string;
         /**
@@ -5077,7 +5074,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5086,11 +5083,11 @@ declare namespace LocalJSX {
      */
     interface NylasEventDuration {
         /**
-          * The event duration in minutes as set in the configuration.
+          * @standalone The event duration in minutes as set in the configuration.
          */
         "eventDurationMinutes"?: number;
         /**
-          * The name of the event duration. Default is 'duration'.
+          * @standalone The name of the event duration. Default is 'duration'.
          */
         "name"?: string;
         /**
@@ -5101,7 +5098,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5141,23 +5138,23 @@ declare namespace LocalJSX {
      */
     interface NylasEventLocation {
         /**
-          * The conference providers where the key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
+          * @standalone The conference providers where the key is the provider name ('zoom') and the value is the grant id. We currently support same provider ('google', 'microsoft') for all participants and 'zoom' for cross-provider conferencing.
          */
         "conferenceProviders"?: Record<string, string>;
         /**
-          * The current user
+          * @standalone The current user
          */
         "currentUser"?: User;
         /**
-          * The event conferencing stored in the configuration
+          * @standalone The event conferencing stored in the configuration
          */
         "eventConferencing"?: Conference;
         /**
-          * The event location stored in the configuration
+          * @standalone The event location stored in the configuration
          */
         "eventLocation"?: string;
         /**
-          * The name of the event location input.
+          * @standalone The name of the event location input.
          */
         "name"?: string;
         /**
@@ -5168,11 +5165,11 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
         /**
-          * The users provider
+          * @standalone The users provider
          */
         "userProvider"?: string;
     }
@@ -5181,11 +5178,11 @@ declare namespace LocalJSX {
      */
     interface NylasEventTitle {
         /**
-          * The title of the event from the cofiguration.
+          * @standalone The title of the event from the cofiguration.
          */
         "eventTitle"?: string;
         /**
-          * The name attribute of this component.
+          * @standalone The name attribute of this component.
          */
         "name"?: string;
         /**
@@ -5196,7 +5193,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5243,11 +5240,11 @@ declare namespace LocalJSX {
      */
     interface NylasLimitFutureBookings {
         /**
-          * The number of days into the future that invitees will see availability, as set in the configuration.
+          * @standalone The number of days into the future that invitees will see availability, as set in the configuration.
          */
         "availableDaysInFuture"?: number;
         /**
-          * The name of the limit future bookings input.
+          * @standalone The name of the limit future bookings input.
          */
         "name"?: string;
         /**
@@ -5258,7 +5255,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5347,11 +5344,11 @@ declare namespace LocalJSX {
      */
     interface NylasMinBookingNotice {
         /**
-          * The minimum booking notice (minutes) stored in the configuration
+          * @standalone The minimum booking notice (minutes) stored in the configuration
          */
         "minBookingNotice"?: number;
         /**
-          * The name of the min booking notice input.
+          * @standalone The name of the min booking notice input.
          */
         "name"?: string;
         /**
@@ -5362,7 +5359,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5372,11 +5369,11 @@ declare namespace LocalJSX {
      */
     interface NylasMinCancellationNotice {
         /**
-          * The minimum cancellation notice (minutes) stored in the configuration
+          * @standalone The minimum cancellation notice (minutes) stored in the configuration
          */
         "minCancellationNotice"?: number;
         /**
-          * The name of the min cancellation notice input.
+          * @standalone The name of the min cancellation notice input.
          */
         "name"?: string;
         /**
@@ -5387,7 +5384,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5406,11 +5403,11 @@ declare namespace LocalJSX {
      */
     interface NylasOrganizerConfirmationCard {
         /**
-          * The config settings for the scheduler.
+          * @standalone The config settings for the scheduler.
          */
         "configSettings"?: ConfigSettings;
         /**
-          * The loading state prop. Used to display loading state when fetching availability.
+          * @standalone The loading state prop. Used to display loading state when fetching availability.
          */
         "isLoading"?: boolean;
         /**
@@ -5443,11 +5440,11 @@ declare namespace LocalJSX {
      */
     interface NylasPageName {
         /**
-          * Is the page name container card expanded
+          * @standalone Is the page name container card expanded
          */
         "isOpen"?: boolean;
         /**
-          * The name of the component
+          * @standalone The name of the component
          */
         "name"?: string;
         /**
@@ -5459,15 +5456,15 @@ declare namespace LocalJSX {
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
         /**
-          * The default page name
+          * @standalone The default page name
          */
         "pageName"?: string;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
         /**
-          * Show toggle button that allows users to expand or collapse the card
+          * @standalone Show toggle button that allows users to expand or collapse the card
          */
         "showToggle"?: boolean;
     }
@@ -5482,20 +5479,9 @@ declare namespace LocalJSX {
      * - Company logo: (name: company_logo_url)
      * - Submit button label: (name: submit_button_label)
      * - Thank you message: (name: thank_you_message)
+     * This component cannot be used as an independent component. It must be used within the `nylas-scheduler-editor` component.
      */
     interface NylasPageStyling {
-        /**
-          * The appearance data to display
-         */
-        "appearance"?: Appearance;
-        /**
-          * Is the page styling card open
-         */
-        "isOpen"?: boolean;
-        /**
-          * The name of the component
-         */
-        "name"?: string;
         /**
           * This event is fired when the form is submitted in the parent component.
          */
@@ -5508,21 +5494,17 @@ declare namespace LocalJSX {
     name: string;
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
-        /**
-          * The selected configuration.
-         */
-        "selectedConfiguration"?: Configuration;
     }
     /**
      * The `nylas-participant-booking-calendars` component is a form input for selecting calendars to check availability for participants.
      */
     interface NylasParticipantBookingCalendars {
         /**
-          * The calendars to choose from for the organizer / logged in user.
+          * @standalone The calendars to choose from for the organizer / logged in user.
          */
         "calendars"?: Calendar[];
         /**
-          * The name of the participants custom availability.
+          * @standalone The name of the participants custom availability.
          */
         "name"?: string;
         /**
@@ -5533,15 +5515,15 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+          * @standalone The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
          */
         "participantOptions"?: AdditionalParticipant[];
         /**
-          * The participants selected in the add participants section.
+          * @standalone The participants selected in the add participants section.
          */
         "participants"?: Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5550,7 +5532,7 @@ declare namespace LocalJSX {
      */
     interface NylasParticipantsCustomAvailability {
         /**
-          * The name of the participants custom availability.
+          * @standalone The name of the participants custom availability.
          */
         "name"?: string;
         /**
@@ -5561,11 +5543,11 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The participants selected in the add participants section.
+          * @standalone The participants selected in the add participants section.
          */
         "participants"?: Participant[];
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5814,7 +5796,7 @@ declare namespace LocalJSX {
      */
     interface NylasSchedulingMethod {
         /**
-          * The name of the booking type picker.
+          * @standalone The name of the booking type picker.
          */
         "name"?: string;
         /**
@@ -5826,7 +5808,7 @@ declare namespace LocalJSX {
     valueChanged?: (event: CustomEvent<{ value: string; name: string }>) => void;
   }>) => void;
         /**
-          * The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
+          * @standalone The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.
          */
         "participantOptions"?: AdditionalParticipant[];
         /**
@@ -5834,7 +5816,7 @@ declare namespace LocalJSX {
          */
         "readOnly"?: boolean;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5855,7 +5837,7 @@ declare namespace LocalJSX {
          */
         "selectedTimeslot"?: Timeslot;
         /**
-          * * The selected timezone.
+          * The selected timezone.
          */
         "selectedTimezone"?: string;
     }
@@ -5904,19 +5886,11 @@ declare namespace LocalJSX {
      */
     interface NylasTimeslotInterval {
         /**
-          * @deprecated The default interval minutes.
-         */
-        "defaultIntervalMinutes"?: number;
-        /**
-          * @deprecated The round to option in minutes as set in the configuration.
-         */
-        "defaultRoundTo"?: number;
-        /**
-          * The event duration in minutes.
+          * @standalone The event duration in minutes.
          */
         "eventDurationMinutes"?: number;
         /**
-          * The name of the calendar picker.
+          * @standalone The name of the calendar picker.
          */
         "name"?: string;
         /**
@@ -5927,7 +5901,7 @@ declare namespace LocalJSX {
     name: string;
   }>) => void;
         /**
-          * The selected config
+          * @standalone The selected config
          */
         "selectedConfiguration"?: Configuration;
     }
@@ -5936,11 +5910,11 @@ declare namespace LocalJSX {
      */
     interface NylasTimeslotPicker {
         /**
-          * The available timeslots.
+          * @standalone The available timeslots.
          */
         "availability"?: AvailabilityTimeslot[];
         /**
-          * The loading state prop. Used to display loading state when fetching availability.
+          * @standalone The loading state prop. Used to display loading state when fetching availability.
          */
         "isLoading"?: boolean;
         /**
@@ -6641,6 +6615,7 @@ declare module "@stencil/core" {
              * - Company logo: (name: company_logo_url)
              * - Submit button label: (name: submit_button_label)
              * - Thank you message: (name: thank_you_message)
+             * This component cannot be used as an independent component. It must be used within the `nylas-scheduler-editor` component.
              */
             "nylas-page-styling": LocalJSX.NylasPageStyling & JSXBase.HTMLAttributes<HTMLNylasPageStylingElement>;
             /**