@nylas/web-elements 1.1.0-canary.10 → 1.1.0-canary.11

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 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 { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 import { DataState, InternalAttachment, NylasEvent } from "./common/types";
 import { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 import { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
@@ -27,6 +28,7 @@ import { NylasSchedulerConnector } from "./connector/nylas-scheduler-connector/i
 import { SummarizeEvent } from "./components/mailbox/nylas-summarize-message-button/nylas-summarize-message-button";
 import { RefreshEvent } from "./components/mailbox/nylas-threads-refresh/nylas-threads-refresh";
 export { AuthConfig, Calendar, Configuration, Folder, Message, Notification, NylasAuthType, NylasSchedulerBookingData as NylasSchedulerBookingData1, NylasSchedulerErrorResponse, ThemeConfig, Thread, Timeslot } from "@nylas/core";
+export { OpenHours } from "./components/scheduler-editor/nylas-availability-picker/nylas-availability-picker";
 export { DataState, InternalAttachment, NylasEvent } from "./common/types";
 export { ConfigSettings, NylasEvent as NylasEvent1, NylasSchedulerBookingData, NylasSchedulerErrorResponse as NylasSchedulerErrorResponse1 } from ".";
 export { AuthArgs, NylasApiRequest, User } from "./common/nylas-api-request";
@@ -184,8 +186,17 @@ export namespace Components {
      */
     interface NylasAvailabilityPicker {
         "defaultTimezone": string;
+        /**
+          * The name of the availability picker.
+         */
         "name": string;
+        /**
+          * The open hours to display.
+         */
         "openHours"?: OpenHours[];
+        /**
+          * The selected configuration.
+         */
         "selectedConfiguration"?: Configuration;
     }
     /**
@@ -230,7 +241,7 @@ export namespace Components {
          */
         "currentUser"?: User;
         /**
-          * The default selected calendars.
+          * The default selected calendar.
          */
         "defaultBookingCalendar": string;
         /**
@@ -278,7 +289,7 @@ export namespace Components {
          */
         "calendars"?: Calendar[];
         /**
-          * The organizer's email.
+          * The logged in user.
          */
         "currentUser"?: User;
         /**
@@ -369,7 +380,7 @@ export namespace Components {
          */
         "calendars"?: Calendar[];
         /**
-          * The current user to use in the editor.
+          * The current logged in user.
          */
         "currentUser"?: User;
         /**
@@ -393,7 +404,13 @@ export namespace Components {
      * The `nylas-event-description` component is a form input for the description of an event.
      */
     interface NylasEventDescription {
+        /**
+          * The event description stored in the configuration
+         */
         "eventDescription"?: string;
+        /**
+          * The name of the event description input.
+         */
         "name": string;
         /**
           * The selected config
@@ -404,7 +421,13 @@ export namespace Components {
      * The `nylas-event-duration` component is a form input for the duration of an event.
      */
     interface NylasEventDuration {
+        /**
+          * The event duration in minutes as set in the configuration.
+         */
         "eventDurationMinutes"?: number;
+        /**
+          * The name of the event duration. Default is 'duration'.
+         */
         "name": string;
         /**
           * The selected config
@@ -463,7 +486,13 @@ export namespace Components {
      * The `nylas-limit-future-bookings` component is a form input for the description of an event.
      */
     interface NylasLimitFutureBookings {
+        /**
+          * 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.
+         */
         "name": string;
         /**
           * The selected config
@@ -514,7 +543,13 @@ export namespace Components {
      * The `nylas-location-component` component is a form input for the description of an event.
      */
     interface NylasLocationComponent {
+        /**
+          * The event location stored in the configuration
+         */
         "eventLocation"?: string;
+        /**
+          * The name of the event location input.
+         */
         "name": string;
         /**
           * The selected config
@@ -651,7 +686,13 @@ export namespace Components {
      * The `nylas-min-cancellation-notice` component is a form input for the description of an event.
      */
     interface NylasMinCancellationNotice {
+        /**
+          * The minimum cancellation notice stored in the configuration
+         */
         "minCancellationNotice"?: number;
+        /**
+          * The name of the min cancellation notice input.
+         */
         "name": string;
         /**
           * The selected config
@@ -732,11 +773,11 @@ export namespace Components {
          */
         "defaultAuthArgs"?: AuthArgs;
         /**
-          * 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.
+          * The default requires_session_auth flag to use to set the default value for the requireSessionAuth property when creating a configuration. If set to true, 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 be passed to the <nylas-scheduling/> component instead.
          */
         "defaultRequiresSessionAuth": boolean;
         /**
-          * The default scheduler config store state. Used to set the initial state of the scheduler config store.
+          * 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>;
         /**
@@ -744,7 +785,7 @@ export namespace Components {
          */
         "eventOverrides": SchedulerEditorEventOverride;
         /**
-          * The is used to set the mode for the scheduler config. The mode can be 'app' or 'composable'. The default mode is 'app'.
+          * This is used to set the mode for the scheduler config. The mode can be 'app' or 'composable'. The default mode is 'app'.
          */
         "mode": 'app' | 'composable';
         /**
@@ -761,7 +802,7 @@ export namespace Components {
          */
         "schedulerConnector": () => Promise<NylasSchedulerConfigConnector | undefined>;
         /**
-          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+          * The scheduler preview link to use when the user clicks on the preview button. You can use the placeholder `{config.id}` to replace the configuration id anywhere in the link.
          */
         "schedulerPreviewLink": string;
         /**
@@ -899,14 +940,6 @@ export namespace Components {
           * The placeholder text for the input.
          */
         "placeholder": string;
-        /**
-          * The function to set the form error in the parent component. This is useful if the parent component wants to display an error message or set form validity.
-         */
-        "setFormError": Function;
-        /**
-          * The function to set the time in the parent component.
-         */
-        "setTime": Function;
         /**
           * The time to display in the input. This is passed by the parent component and can be updated using the setTime prop function provided by the parent component.
          */
@@ -2157,7 +2190,14 @@ declare global {
         new (): HTMLNylasThreadsSearchElement;
     };
     interface HTMLNylasTimeWindowPickerElementEventMap {
-        "timeChange": string;
+        "timeChange": {
+    key: string;
+    value: string;
+  };
+        "formError": {
+    key: string;
+    message: string;
+  };
     }
     /**
      * The `nylas-time-window-picker` component is a time picker that can be used to select a time.
@@ -2587,6 +2627,9 @@ declare namespace LocalJSX {
      */
     interface NylasAvailabilityPicker {
         "defaultTimezone"?: string;
+        /**
+          * The name of the availability picker.
+         */
         "name"?: string;
         /**
           * This event is fired when the selected availability / open hours change.
@@ -2598,7 +2641,13 @@ declare namespace LocalJSX {
     };
     name: string;
   }>) => void;
+        /**
+          * The open hours to display.
+         */
         "openHours"?: OpenHours[];
+        /**
+          * The selected configuration.
+         */
         "selectedConfiguration"?: Configuration;
     }
     /**
@@ -2664,7 +2713,7 @@ declare namespace LocalJSX {
          */
         "currentUser"?: User;
         /**
-          * The default selected calendars.
+          * The default selected calendar.
          */
         "defaultBookingCalendar"?: string;
         /**
@@ -2748,7 +2797,7 @@ declare namespace LocalJSX {
          */
         "calendars"?: Calendar[];
         /**
-          * The organizer's email.
+          * The logged in user.
          */
         "currentUser"?: User;
         /**
@@ -2898,7 +2947,7 @@ declare namespace LocalJSX {
          */
         "calendars"?: Calendar[];
         /**
-          * The current user to use in the editor.
+          * The current logged in user.
          */
         "currentUser"?: User;
         /**
@@ -2938,8 +2987,17 @@ declare namespace LocalJSX {
      * The `nylas-event-description` component is a form input for the description of an event.
      */
     interface NylasEventDescription {
+        /**
+          * The event description stored in the configuration
+         */
         "eventDescription"?: string;
+        /**
+          * The name of the event description input.
+         */
         "name"?: string;
+        /**
+          * Event emitted when the event description changes.
+         */
         "onValueChanged"?: (event: NylasEventDescriptionCustomEvent<{
     value: string;
     name: string;
@@ -2953,8 +3011,17 @@ declare namespace LocalJSX {
      * The `nylas-event-duration` component is a form input for the duration of an event.
      */
     interface NylasEventDuration {
+        /**
+          * The event duration in minutes as set in the configuration.
+         */
         "eventDurationMinutes"?: number;
+        /**
+          * The name of the event duration. Default is 'duration'.
+         */
         "name"?: string;
+        /**
+          * Event emitted when the event duration changes.
+         */
         "onValueChanged"?: (event: NylasEventDurationCustomEvent<{
     value: string;
     name: string;
@@ -3023,8 +3090,17 @@ declare namespace LocalJSX {
      * The `nylas-limit-future-bookings` component is a form input for the description of an event.
      */
     interface NylasLimitFutureBookings {
+        /**
+          * 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.
+         */
         "name"?: string;
+        /**
+          * Event emitted when the future booking limit changes.
+         */
         "onValueChanged"?: (event: NylasLimitFutureBookingsCustomEvent<{
     value: string;
     name: string;
@@ -3107,7 +3183,13 @@ declare namespace LocalJSX {
      * The `nylas-location-component` component is a form input for the description of an event.
      */
     interface NylasLocationComponent {
+        /**
+          * The event location stored in the configuration
+         */
         "eventLocation"?: string;
+        /**
+          * The name of the event location input.
+         */
         "name"?: string;
         "onValueChanged"?: (event: NylasLocationComponentCustomEvent<{
     value: string;
@@ -3241,7 +3323,13 @@ declare namespace LocalJSX {
      * The `nylas-min-cancellation-notice` component is a form input for the description of an event.
      */
     interface NylasMinCancellationNotice {
+        /**
+          * The minimum cancellation notice stored in the configuration
+         */
         "minCancellationNotice"?: number;
+        /**
+          * The name of the min cancellation notice input.
+         */
         "name"?: string;
         "onValueChanged"?: (event: NylasMinCancellationNoticeCustomEvent<{
     value: string;
@@ -3308,11 +3396,11 @@ declare namespace LocalJSX {
          */
         "defaultAuthArgs"?: AuthArgs;
         /**
-          * 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.
+          * The default requires_session_auth flag to use to set the default value for the requireSessionAuth property when creating a configuration. If set to true, 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 be passed to the <nylas-scheduling/> component instead.
          */
         "defaultRequiresSessionAuth"?: boolean;
         /**
-          * The default scheduler config store state. Used to set the initial state of the scheduler config store.
+          * 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>;
         /**
@@ -3320,7 +3408,7 @@ declare namespace LocalJSX {
          */
         "eventOverrides"?: SchedulerEditorEventOverride;
         /**
-          * The is used to set the mode for the scheduler config. The mode can be 'app' or 'composable'. The default mode is 'app'.
+          * This is used to set the mode for the scheduler config. The mode can be 'app' or 'composable'. The default mode is 'app'.
          */
         "mode"?: 'app' | 'composable';
         /**
@@ -3336,11 +3424,11 @@ declare namespace LocalJSX {
          */
         "onInit"?: (event: NylasSchedulerEditorCustomEvent<HTMLNylasSchedulerEditorElement>) => void;
         /**
-          * This event is fired when the the NyalsAuth isAuthenticated state changes to true.
+          * This event is fired when the the NylasAuth isAuthenticated state changes to true.
          */
         "onLoggedIn"?: (event: NylasSchedulerEditorCustomEvent<HTMLNylasSchedulerEditorElement>) => void;
         /**
-          * This event is fired when the the NyalsAuth isAuthenticated state changes to true.
+          * This event is fired when the the NylasAuth isAuthenticated state changes to true.
          */
         "onLoggedOut"?: (event: NylasSchedulerEditorCustomEvent<HTMLNylasSchedulerEditorElement>) => void;
         /**
@@ -3348,7 +3436,7 @@ declare namespace LocalJSX {
          */
         "onSchedulerConfigCloseClicked"?: (event: NylasSchedulerEditorCustomEvent<HTMLNylasSchedulerEditorElement>) => void;
         /**
-          * The scheduler preview link to use when the user clicks on the preview button. You can use a placeholder `{config.id}` to replace the configuration id anywhere in the link.
+          * The scheduler preview link to use when the user clicks on the preview button. You can use the placeholder `{config.id}` to replace the configuration id anywhere in the link.
          */
         "schedulerPreviewLink"?: string;
     }
@@ -3475,19 +3563,24 @@ declare namespace LocalJSX {
           * The name of the input.
          */
         "name": string;
-        "onTimeChange"?: (event: NylasTimeWindowPickerCustomEvent<string>) => void;
         /**
-          * The placeholder text for the input.
+          * This event is fired when the form has an error. The parent component can listen for this event and display an error message or set form validity.
          */
-        "placeholder"?: string;
+        "onFormError"?: (event: NylasTimeWindowPickerCustomEvent<{
+    key: string;
+    message: string;
+  }>) => void;
         /**
-          * The function to set the form error in the parent component. This is useful if the parent component wants to display an error message or set form validity.
+          * This event is fired when the time is changed.
          */
-        "setFormError": Function;
+        "onTimeChange"?: (event: NylasTimeWindowPickerCustomEvent<{
+    key: string;
+    value: string;
+  }>) => void;
         /**
-          * The function to set the time in the parent component.
+          * The placeholder text for the input.
          */
-        "setTime": Function;
+        "placeholder"?: string;
         /**
           * The time to display in the input. This is passed by the parent component and can be updated using the setTime prop function provided by the parent component.
          */

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

@@ -1,8 +1,11 @@
 import { Calendar, Configuration } from '@nylas/core';
 import { ObservableMap } from '@stencil/store';
 import { User } from "../common/nylas-api-request";
+type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object | undefined ? RecursivePartial<T[P]> : T[P];
+};
 export interface NylasSchedulerConfigStoreState {
-    selectedConfiguration: Partial<Configuration>;
+    selectedConfiguration: RecursivePartial<Configuration>;
     configurations: Configuration[];
     calendars: Calendar[];
     currentUser: User | null;
@@ -13,3 +16,4 @@ export type CreateNylasSchedulerConfigStoreReturnType = ObservableMap<NylasSched
     resetSelectedConfiguration: () => void;
 };
 export declare function CreateNylasSchedulerConfigStore(defaultState?: Partial<NylasSchedulerConfigStoreState>): CreateNylasSchedulerConfigStoreReturnType;
+export {};

package/dist/types/types/index.d.ts

@@ -0,0 +1,73 @@
+export interface NylasResponse<Data = any> {
+    request_id: string;
+    data?: Data;
+    error?: {
+        message: string;
+        type: string;
+    };
+}
+export interface OpenHours {
+    days: number[];
+    exDates: string[];
+    timezone: string;
+    start: string;
+    end: string;
+}
+export interface MeetingBuffer {
+    before: number;
+    after: number;
+}
+export interface Rules {
+    availability_method: 'max-fairness' | 'max-availability' | 'collective';
+    buffer: MeetingBuffer;
+    default_open_hours?: OpenHours[];
+    round_robin_group_id: string;
+}
+export interface Configuration {
+    id: string;
+    version: string;
+    participants: Participant[];
+    availability: Availability;
+    event_booking: EventBooking;
+    scheduler: Scheduler;
+}
+export interface UpdateConfiguration extends Omit<Configuration, 'id'> {
+}
+export interface Participant {
+    name: string;
+    email: string;
+    is_organizer?: boolean;
+    availability?: ParticipantAvailability;
+    booking?: ParticipantBooking;
+}
+export interface ParticipantAvailability {
+    calendar_ids: string[];
+    open_hours?: OpenHours[];
+}
+export interface ParticipantBooking {
+    calendar_id: string;
+}
+export interface Availability {
+    duration_minutes: number;
+    interval_minutes?: number;
+    round_to?: number;
+    availability_rules?: Rules;
+}
+export interface EventBooking {
+    title: string;
+    description?: string;
+    location?: string;
+    booking_type: BookingType;
+    additional_fields?: {
+        [key: string]: any;
+    };
+    hide_participants: boolean;
+}
+export interface Scheduler {
+    available_days_in_future: number;
+    min_cancellation_notice: number;
+}
+export declare enum BookingType {
+    InstantBooking = "booking",
+    PreBooking = "pre-booking"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nylas/web-elements",
-  "version": "1.1.0-canary.10",
+  "version": "1.1.0-canary.11",
   "description": "Nylas Web Elements",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -61,7 +61,9 @@
     "msw": "^2.0.10",
     "node-fetch": "^3.3.2",
     "puppeteer": "21.1.1",
-    "rollup-plugin-node-polyfills": "^0.2.1"
+    "rollup-plugin-node-polyfills": "^0.2.1",
+    "typedoc": "^0.25.13",
+    "typescript": "^5.4.5"
   },
   "license": "MIT",
   "scripts": {

package/dist/nylas-web-elements/p-74492776.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,c as n,H as a,a as s}from"./p-68c2fadf.js";import{R as i}from"./p-8b53becf.js";import{n as o,a as r,o as l}from"./p-01e86103.js";import{D as c}from"./p-49f716ed.js";import"./p-cb65c223.js";const d=".sc-google-logo-icon-h{display:flex}";const b=d;const f=class{constructor(e){t(this,e);this.width="24";this.height="24"}render(){return e("svg",{key:"2445589627197f9af06e10891e1772c17b140c0a",width:this.width,height:this.height,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("g",{key:"b84ea9a0cc741b646d9a63113404d34c5e155fc8","clip-path":"url(#clip0_959_12452)"},e("path",{key:"9c774266fb43cf807ea64846b71eb27c6272b17d",d:"M23.745 12.27C23.745 11.48 23.675 10.73 23.555 10H12.255V14.51H18.725C18.435 15.99 17.585 17.24 16.325 18.09V21.09H20.185C22.445 19 23.745 15.92 23.745 12.27Z",fill:"#4285F4"}),e("path",{key:"ff0fe8133c31fc75ecf3e9fedecbbaef2e35dd54",d:"M12.255 24C15.495 24 18.205 22.92 20.185 21.09L16.325 18.09C15.245 18.81 13.875 19.25 12.255 19.25C9.12504 19.25 6.47505 17.14 5.52505 14.29H1.54504V17.38C3.51504 21.3 7.56504 24 12.255 24Z",fill:"#34A853"}),e("path",{key:"5851b3de9ee71263668f65e2e86f0dfab3039c83",d:"M5.52501 14.2901C5.27501 13.5701 5.145 12.8001 5.145 12.0001C5.145 11.2001 5.28501 10.4301 5.52501 9.71012V6.62012H1.545C0.725004 8.24012 0.255005 10.0601 0.255005 12.0001C0.255005 13.9401 0.725004 15.7601 1.545 17.3801L5.52501 14.2901Z",fill:"#FBBC05"}),e("path",{key:"2a79a335e1b8d03747b5f879a75deb5544e5cf63",d:"M12.255 4.75C14.025 4.75 15.605 5.36 16.855 6.55L20.275 3.13C18.205 1.19 15.495 0 12.255 0C7.56504 0 3.51504 2.7 1.54504 6.62L5.52505 9.71C6.47505 6.86 9.12504 4.75 12.255 4.75Z",fill:"#EA4335"})),e("defs",{key:"f3b4d8d363cc9ac066b92de2354b9210d7190b46"},e("clipPath",{key:"270b05e06d87d998c7525254f4f2ae3d5a0ab835",id:"clip0_959_12452"},e("rect",{key:"de0df984a8f12ccdd0c655968c4f8b2049996968",width:24,height:24,fill:"white"}))))}};f.style=b;const h=".sc-microsoft-logo-icon-h{display:flex}";const u=h;const p=class{constructor(e){t(this,e);this.width="22";this.height="22"}render(){return e("svg",{key:"de39bfb3167fbd60d21025e74c1bc19cdd7d4dc9",width:this.width,height:this.height,viewBox:"0 0 22 22",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"0f80864e892ff36e6e76ef03f5f36d62007d99ee",d:"M0.043457 0.043457H10.4782V10.4782H0.043457V0.043457Z",fill:"#F35325"}),e("path",{key:"ab0e85f803a3cf2e32055ebeff1b0705edebe048",d:"M11.5217 0.043457H21.9565V10.4782H11.5217V0.043457Z",fill:"#81BC06"}),e("path",{key:"b6359dcb76ade260f2a9e9bdf1be21ba84b77b79",d:"M0.043457 11.5217H10.4782V21.9565H0.043457V11.5217Z",fill:"#05A6F0"}),e("path",{key:"cf38a555c09aaef94a15fd26b0951e2642eaad6d",d:"M11.5217 11.5217H21.9565V21.9565H11.5217V11.5217Z",fill:"#FFBA08"}))}};p.style=u;function y({id:t,formState:n,activeTab:a,calendars:s}){switch(a){case"eventInfo":const a=n.title;const i=n.description;const o=parseInt(n.duration);const r=n.location;return e("div",{key:t},e("nylas-event-info",null,e("div",{slot:"inputs"},e("nylas-event-title",{name:"title",eventTitle:a,exportparts:"net, net__title, net__dropdown-content"}),e("nylas-event-duration",{name:"duration",eventDurationMinutes:o,exportparts:"ned, ned__input, ned__dropdown, ned__dropdown-button, ned__dropdown-content"}),e("nylas-location-component",{name:"location",eventLocation:r,exportparts:"nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content"}),e("nylas-event-description",{name:"description",eventDescription:i,exportparts:"nedesc, nedesc__textarea"}))));case"availability":const l=n.availability.openHours;const c=n.availability.timezone?n.availability.timezone:Intl.DateTimeFormat().resolvedOptions().timeZone;const d=n.participants?.find((t=>t.is_organizer));const b=d?.email??"primary";const f=n.calendarIds.length>0?n.calendarIds:[b];const h=n.bookingCalendar=="primary"?b:n.bookingCalendar;return e("div",{key:t},e("nylas-booking-calendar-picker",{name:"booking-calendar",calendars:s??[],defaultBookingCalendar:h,exportparts:"nbcp, nbcp__header, nbcp__input-label, nbcp__dropdown, nbcp__dropdown-button, nbcp__dropdown-content"}),e("nylas-calendar-picker",{name:"calendars",calendars:s??[],defaultSelectedCalendars:f,exportparts:"ncp ncp__header, ncp__dropdown, ncp__dropdown-button, ncp__dropdown-content"}),e("nylas-availability-picker",{name:"availability",openHours:l,defaultTimezone:c,exportparts:"nap__header, nap__select-timezone, nap__select-timezone-button, nap__select-timezone-dropdown-content, nap__availability, nap__day, nap__time-ranges, nap__time-range, nap__add-time-range, nap__time-picker-container, nap__time-picker-input, nap__time-picker-times"}));case"bookingOptions":return e("div",{key:t},e("nylas-buffer-time",{name:"buffer-time",buffer:n.buffer,exportparts:"nbt, nbt__header, nbt__body, nbt__dropdown-before, nbt__dropdown-button-before, nbt__dropdown-content-before, nbt__dropdown-after, nbt__dropdown-button-after, nbt__dropdown-content-after, nbt__preview"}),e("nylas-event-limits",null,e("div",{slot:"inputs"},e("nylas-limit-future-bookings",{name:"limit-future-bookings",availableDaysInFuture:n.availableDaysInFuture,exportparts:"nlfb, nlfb__number-dropdown, nlfb__number-dropdown-button, nlfb__number-dropdown-content, nlfb__period-dropdown, nlfb__period-dropdown-button, nlfb__period-dropdown-content"}),e("nylas-min-cancellation-notice",{name:"min-cancellation-notice",minCancellationNotice:n.minCancellationNotice,exportparts:"nmcn, nmcn__number-dropdown, nmcn__number-dropdown-button, nmcn__number-dropdown-content, nmcn__period-dropdown, nmcn__period-dropdown-button, nmcn__period-dropdown-content"}))))}}const g='.sc-nylas-editor-tabs-h{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.scheduler-editor.sc-nylas-editor-tabs{display:flex;flex-direction:column}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{height:554px;display:grid;grid-template-columns:minmax(224px, 25%) 1fr}@media screen and (max-width: 768px){.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs{display:table-column-group;height:auto}}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs{display:flex;flex-direction:column;border-right:1px solid var(--nylas-base-200);background-color:var(--nylas-base-25)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:var(--nylas-base-900);background:var(--nylas-base-0);border:none;height:56px;font-family:var(--nylas-font-family);font-size:16px;font-weight:500;line-height:24px;cursor:pointer}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.sc-nylas-editor-tabs:not(:first-of-type){margin-top:0.25rem}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tabs.sc-nylas-editor-tabs .tab.active.sc-nylas-editor-tabs{font-weight:600;background:var(--nylas-base-0);color:var(--nylas-primary);border-left:4px solid var(--nylas-primary);box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.0588235294);box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1019607843)}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs{max-width:692px;overflow-y:auto}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs{width:inherit}.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-info.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs,.scheduler-editor.sc-nylas-editor-tabs .form-contents.sc-nylas-editor-tabs .tab-content.sc-nylas-editor-tabs nylas-event-limits.sc-nylas-editor-tabs div[slot=inputs].sc-nylas-editor-tabs{display:flex;flex-direction:column;gap:1rem}.footer.sc-nylas-editor-tabs{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:80px;padding:0 1rem;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .preview.sc-nylas-editor-tabs{margin-top:1rem;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{display:flex;justify-content:flex-end;align-items:center;justify-self:flex-end;gap:1rem}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs{flex-direction:column-reverse;width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.sc-nylas-editor-tabs{max-width:524px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.unsaved-changes.sc-nylas-editor-tabs{color:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.saved-changes.sc-nylas-editor-tabs{color:var(--nylas-success)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error.sc-nylas-editor-tabs{color:var(--nylas-error)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs p.error-full-width.sc-nylas-editor-tabs{max-width:660px}@media screen and (max-width: 768px){.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button-component.sc-nylas-editor-tabs{width:100%}}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs{background:var(--nylas-primary);color:var(--nylas-base-0);height:48px;border:none;border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;cursor:pointer;width:148px}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:hover{background:var(--nylas-base-600)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:active{background:var(--nylas-base-800)}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs:disabled{background:var(--nylas-base-300);cursor:not-allowed}.footer.sc-nylas-editor-tabs .buttons.sc-nylas-editor-tabs button.sc-nylas-editor-tabs span.sc-nylas-editor-tabs{display:flex;align-items:center;justify-content:center;gap:0.5rem}';const m=g;var v=undefined&&undefined.__decorate||function(t,e,n,a){var s=arguments.length,i=s<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])i=(s<3?o(i):s>3?o(e,n,i):o(e,n))||i;return s>3&&i&&Object.defineProperty(e,n,i),i};var _=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const w=class{constructor(e){t(this,e);this.schedulerConfigChanged=n(this,"schedulerConfigChanged",7);this.cancelButtonClick=n(this,"cancelButtonClick",7);this.formSubmitted=n(this,"formSubmitted",7);this.previewButtonClicked=n(this,"previewButtonClicked",7);this.setError=t=>{this.error=t.message};this.formSubmissionHandler=async t=>{t.preventDefault();this.formSubmitted.emit();const e=this.formRef.checkValidity();if(!e){return}this.isLoading=true;this.hasUnsavedChanges=false;const n=this.updateFormState();const{title:a,description:s,duration:i,availability:r,calendarIds:l,bookingCalendar:d,location:b,bookingType:f,buffer:h,availableDaysInFuture:u,minCancellationNotice:p}=n;const y=this.selectedConfiguration?.participants?.find((t=>t.is_organizer));const g={...this.selectedConfiguration?.id&&{id:this.selectedConfiguration.id},version:this.selectedConfiguration?.version??"1.0.0",availability:{duration_minutes:i?parseInt(i):0,availability_rules:{availability_method:this.selectedConfiguration?.availability?.availability_rules?.availability_method??"collective",buffer:h||{before:0,after:0},default_open_hours:this.selectedConfiguration?.availability?.availability_rules?.default_open_hours??c,round_robin_group_id:this.selectedConfiguration?.availability?.availability_rules?.round_robin_group_id??""}},participants:[{name:y?.name??y?.email??this.currentUser?.name??this.currentUser?.email??"",email:y?.email??this.currentUser?.email??"",is_organizer:true,availability:{calendar_ids:l?.length?l:["primary"],open_hours:r?.openHours??[]},booking:{calendar_id:d&&d!==""?d:"primary"}}],event_booking:{title:a?.toString()??"",description:s?.toString()??"",location:b?.toString()??"",booking_type:f?.toString()??"booking",timezone:r?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone},scheduler:{available_days_in_future:u??30,min_cancellation_notice:p??0}};const m=o(g,this.selectedConfiguration);m.requires_session_auth=this.defaultRequiresSessionAuth;const v=this.action==="create"?m:g;const _=t=>{this.isLoading=false;this.changesSaved=true;setTimeout((()=>{this.changesSaved=false}),5e3)};this.schedulerConfigChanged.emit({config:v,resetLoadingState:_,setError:this.setError,action:this.action})};this.calendars=undefined;this.selectedConfiguration=undefined;this.defaultRequiresSessionAuth=true;this.currentUser=undefined;this.schedulerPreviewLink="";this.mode="app";this.action="create";this.activeTab="eventInfo";this.isLoading=false;this.hasUnsavedChanges=false;this.changesSaved=false;this.formState={};this.error=""}configChangedHandler(t){r("[nylas-editor-tabs]","configChangedHandler",t,this.selectedConfiguration);this.formState={...this.getFormStateFromConfig(t)};if(t.id){this.action="edit"}else{this.action="create"}}connectedCallback(){r("[nylas-editor-tabs]","connectedCallback")}componentWillLoad(){r("[nylas-editor-tabs]","componentWillLoad");this.formState=this.getFormStateFromConfig(this.selectedConfiguration)}componentDidLoad(){r("[nylas-editor-tabs]","componentDidLoad")}disconnectedCallback(){r("[nylas-editor-tabs]","disconnectedCallback")}handleValueChanged(t){r("[nylas-editor-tabs]","handleValueChanged",t);const{name:e,value:n}=t.detail;this.formState={...this.formState,[e]:n};this.hasUnsavedChanges=true;this.error=""}getFormStateFromConfig(t){const e=t?.participants?.find((t=>t.is_organizer));return{title:t?.event_booking?.title??"",description:t?.event_booking?.description??"",duration:t?.availability?.duration_minutes?.toString()??"10",availability:{timezone:t?.event_booking?.timezone??Intl.DateTimeFormat().resolvedOptions().timeZone,open_hours:e?.availability?.open_hours??undefined},calendarIds:e?.availability?.calendar_ids??[],participants:t?.participants??[],bookingCalendar:e?.booking?.calendar_id??e?.email??"",location:this.selectedConfiguration?.event_booking?.location??"",bookingType:this.selectedConfiguration?.event_booking?.booking_type??"booking",buffer:this.selectedConfiguration?.availability?.availability_rules?.buffer??{before:0,after:0},availableDaysInFuture:this.selectedConfiguration?.scheduler?.available_days_in_future??30,minCancellationNotice:this.selectedConfiguration?.scheduler?.min_cancellation_notice??0}}updateFormState(){const t=new FormData(this.formRef);t.forEach(((t,e)=>{switch(e){case"title":this.formState.title=t.toString();break;case"description":this.formState.description=t.toString();break;case"duration":this.formState.duration=t.toString();break;case"availability":this.formState.availability=JSON.parse(t.toString());break;case"participants":this.formState.participants=JSON.parse(t.toString());break;case"calendars":this.formState.calendarIds=t.toString().split(",");break;case"booking-calendar":this.formState.bookingCalendar=t.toString();break;case"location":this.formState.location=t.toString();break;case"booking-type":this.formState.bookingType=t.toString();break;case"buffer-time":this.formState.buffer=JSON.parse(t.toString());break;case"limit-future-bookings":this.formState.availableDaysInFuture=parseInt(t.toString());break;case"min-cancellation-notice":this.formState.minCancellationNotice=parseInt(t.toString());break}}));this.formState={...this.formState};return this.formState}setActiveTab(t,e){t.preventDefault();this.updateFormState();this.activeTab=e}render(){r("[nylas-editor-tabs]","render",this.formState);return e(a,{key:"1b22e2152ebb021ef1b5a8bc7b84d34742d8b141"},e("form",{key:"0e3a7c3b9a058ff4abc759b6891b7f4d1e8075ef",onSubmit:this.formSubmissionHandler,class:"scheduler-editor",ref:t=>this.formRef=t,noValidate:true},this.mode==="app"?e("div",{class:"form-contents"},e("div",{class:"tabs"},e("button",{class:{tab:true,active:this.activeTab=="eventInfo"},onClick:t=>this.setActiveTab(t,"eventInfo")},e("calendar-info-icon",{width:"16",height:"16"}),"Event Info"),e("button",{class:{tab:true,active:this.activeTab=="availability"},onClick:t=>this.setActiveTab(t,"availability")},e("calendar-patterns-icon",{width:"16",height:"16"}),"Availability"),e("button",{class:{tab:true,active:this.activeTab=="bookingOptions"},onClick:t=>this.setActiveTab(t,"bookingOptions")},e("flow-icon",{width:"16",height:"16"}),"Booking Options")),e("div",{class:"tab-content"},e(y,{formState:this.formState,activeTab:this.activeTab,calendars:this.calendars,id:this.selectedConfiguration?.id??"new"}))):e("slot",null),e("div",{key:"33093cefafa2ff596a2b6e00e5ed994319065f53",class:"footer"},e("div",{key:"ffbea04fe503c6f6482c3eaae7f87bac173ad9b9",class:"preview"},this.schedulerPreviewLink!==""&&this.action==="edit"&&e("button-component",{type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();const e=this.previewButtonClicked.emit(this.host);if(!e.defaultPrevented){window.open(l(this.schedulerPreviewLink,this.selectedConfiguration),"_blank")}},variant:"basic"},"Preview")),e("div",{key:"88a229d932ab65f90da5fc64f5c09ab8ae4bcae8",class:"buttons"},e("p",{key:"8e2c76b956e7291775dc3515b4fffa7b77e1fe6c",class:{"unsaved-changes":this.hasUnsavedChanges&&!this.changesSaved,"saved-changes":this.changesSaved,error:this.error!=="","error-full-width":this.error!==""&&this.action==="create"}},this.error!==""?this.error:"",this.error==""&&this.hasUnsavedChanges&&!this.changesSaved?"Unsaved changes":this.error==""&&this.changesSaved?"Changes saved!":""),e("button-component",{key:"e90b955a86235e50227d5655225860e427e1e6c8",type:"button",disabled:this.isLoading,clickHandler:t=>{t.preventDefault();this.cancelButtonClick.emit();this.error=""},variant:"basic"},"Cancel"),e("button-component",{key:"da69635d229d324cb7ae5019037a9cf431f71125",type:"submit",disabled:this.isLoading},this.isLoading?e("span",null,"Saving",e("loading-icon",null)," "):this.action=="create"?"Create":"Save changes")))))}get host(){return s(this)}static get watchers(){return{selectedConfiguration:["configChangedHandler"]}}};v([i({name:"nylas-editor-tabs",stateToProps:new Map([["schedulerConfig.calendars","calendars"],["schedulerConfig.selectedConfiguration","selectedConfiguration"],["schedulerConfig.currentUser","currentUser"]]),eventToProps:{schedulerConfigChanged:async(t,e)=>{const{resetLoadingState:n,setError:a,action:s,config:i}=t.detail;const o=e=>{const[s,i]=e;if(!s&&i&&a){a(i)}if(n){n(t)}};if(s==="edit"){const t=await e.schedulerConfig.updateConfiguration(i);o(t)}else{const t=await e.schedulerConfig.createConfiguration(i);o(t)}},cancelButtonClick:async(t,e)=>{e.schedulerConfigStore.state.action=null}},localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"],["defaultRequiresSessionAuth","defaultRequiresSessionAuth"]]),fireRegisterEvent:true}),_("design:type",Function),_("design:paramtypes",[]),_("design:returntype",void 0)],w.prototype,"render",null);w.style=m;const k=':host{display:grid;grid-auto-flow:row;width:100%;font-family:inherit;font-optical-sizing:auto;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}@media screen and (max-width: 768px){.header{flex-direction:column;gap:0.5rem;align-items:unset}}.header h2{margin:0;font-size:1.25rem;color:var(--nylas-base-900);font-weight:600}.header p{margin:0;font-size:1rem;color:var(--nylas-base-700)}.header .actions{justify-self:end}@media screen and (max-width: 768px){.header .actions{width:100%}}.configurations{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-0);height:100%;display:flex;overflow-y:auto}.configurations table{width:100%;border-spacing:0;border-collapse:collapse;font-family:inherit;height:max-content}.configurations table.no-configurations{height:100%}.configurations table tr{color:var(--nylas-base-800);border-bottom:1px solid var(--nylas-base-200);font-family:inherit}.configurations table tr:last-of-type{border-bottom:0}.configurations table tr.hide{display:none}.configurations table th{font-weight:600;text-transform:uppercase}.configurations table th.actions-header{text-align:right}.configurations table tr.no-configurations td>div{display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;padding:var(--nylas-border-radius-3x)}.configurations table tr.no-configurations td>div h3{margin:0 0 1rem 0;color:var(--nylas-base-700)}.configurations table tr.no-configurations td>div p{margin:0 0 1rem 0;color:var(--nylas-base-600)}.configurations table tr.no-configurations td>div calendar-icon{margin-bottom:1rem;color:var(--nylas-base-200)}.configurations table th,.configurations table td{text-align:left;padding:1rem;font-family:inherit}.configurations table .actions{text-align:right}.configurations table .actions{display:flex;justify-content:flex-end;gap:1rem}@media screen and (max-width: 768px){.configurations table .actions{flex-direction:column;gap:0.5rem}}.configurations table .title{display:flex;flex-direction:column}.configurations table .title .config-event-title{font-weight:600}.configurations table .title .config-event-description{font-size:0.75rem}.error-container{margin-top:1.5rem}.error-container .error{color:var(--nylas-error);padding:0.5rem 0;margin:1rem 0 0}';const x=k;var C=undefined&&undefined.__decorate||function(t,e,n,a){var s=arguments.length,i=s<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,o;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,n,a);else for(var r=t.length-1;r>=0;r--)if(o=t[r])i=(s<3?o(i):s>3?o(e,n,i):o(e,n))||i;return s>3&&i&&Object.defineProperty(e,n,i),i};var H=undefined&&undefined.__metadata||function(t,e){if(typeof Reflect==="object"&&typeof Reflect.metadata==="function")return Reflect.metadata(t,e)};const L=class{constructor(e){t(this,e);this.initListConfigurations=n(this,"initListConfigurations",7);this.createButtonClick=n(this,"createButtonClick",7);this.editButtonClick=n(this,"editButtonClick",7);this.deleteButtonClick=n(this,"deleteButtonClick",7);this.configurations=[];this.schedulerPreviewLink="";this.state="loading";this.error=""}connectedCallback(){r("[nylas-list-configurations]","connectedCallback")}componentWillLoad(){r("[nylas-list-configurations]","componentWillLoad");if(this.configurations&&this.configurations.length>0){this.state="loaded"}}componentDidLoad(){r("[nylas-list-configurations]","componentDidLoad");this.initListConfigurations.emit(this.host)}disconnectedCallback(){r("[nylas-list-configurations]","disconnectedCallback")}async getState(){return this.state}async setState(t){this.state=t}async setError(t){this.error=t}render(){return e(a,null,e("div",{class:"header"},e("div",{class:"description"},e("h2",null,"All scheduling pages"),e("p",null,"Create, edit and manage all your scheduling pages.")),this.configurations&&this.configurations.length>0&&e("div",{class:"actions"},e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new"))),e("div",{class:"configurations"},e("table",{class:{"no-configurations":this.state!=="loading"&&(!this.configurations||this.configurations.length===0)}},e("tr",{class:{hide:this.state==="loading"||this.configurations&&this.configurations.length===0}},e("th",null,"Scheduling page event title"),e("th",null,"Duration"),e("th",{class:"actions-header"},"Actions")),this.state==="loading"&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("h3",null,"Loading..."),e("p",null,"Please wait while we fetch the scheduling pages")))),this.state!=="loading"&&(!this.configurations||this.configurations.length===0)&&e("tr",{class:"no-configurations"},e("td",{colSpan:3},e("div",null,e("calendar-icon",{width:"48",height:"48"}),e("h3",null,"No scheduling pages found"),e("p",null,"Get started with creating your first scheduling page"),e("button-component",{clickHandler:()=>{this.createButtonClick.emit(this.host)}},"Create new")))),this.state!=="loading"&&this.configurations.map((t=>e("tr",{key:t.id},e("td",null,e("div",{class:"title"},e("span",{class:"config-event-title"},t.event_booking.title),e("span",{class:"config-event-description"},t.event_booking.description))),e("td",null,e("div",null,t.availability.duration_minutes," mins")),e("td",null,e("div",{class:"actions"},e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();window.open(l(this.schedulerPreviewLink,t),"_blank")}},"Preview"),e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();this.editButtonClick.emit({host:this.host,configuration:t})}},"Edit"),e("button-component",{variant:"basic",clickHandler:e=>{e.preventDefault();this.deleteButtonClick.emit({host:this.host,configuration:t})}},"Delete")))))))),this.state==="error"&&e("div",{class:"error-container"},e("p",{class:"error"},this.error)))}get host(){return s(this)}};C([i({name:"nylas-list-configurations",stateToProps:new Map([["schedulerConfig.configurations","configurations"]]),localPropsToProp:new Map([["schedulerPreviewLink","schedulerPreviewLink"]]),eventToProps:{initListConfigurations:async(t,e)=>{const n=t.detail;await n.setState("loading");const[a,s]=await e.schedulerConfig.getConfigurations();if(!a&&s&&s.message){await n.setState("error");await n.setError(s.message);return}await n.setState("loaded")},createButtonClick:async(t,e)=>{e.schedulerConfigStore.resetSelectedConfiguration();e.schedulerConfigStore.state.action="create"},deleteButtonClick:async(t,e)=>{const{host:n,configuration:a}=t.detail;const[s,i]=await e.schedulerConfig.deleteConfiguration(a.id);if(!s&&i&&i.message){await n.setState("error");await n.setError(i.message)}},editButtonClick:async(t,e)=>{const{configuration:n}=t.detail;e.schedulerConfigStore.state.selectedConfiguration=n;e.schedulerConfigStore.state.action="edit"}},fireRegisterEvent:true}),H("design:type",Function),H("design:paramtypes",[]),H("design:returntype",void 0)],L.prototype,"render",null);L.style=x;export{f as google_logo_icon,p as microsoft_logo_icon,w as nylas_editor_tabs,L as nylas_list_configurations};
-//# sourceMappingURL=p-74492776.entry.js.map