@nylas/web-elements 1.0.0-prealpha1

package/dist/components/scheduler-store.js

@@ -0,0 +1,251 @@
+import { d as debug } from './utils.js';
+import { c as createStore } from './index2.js';
+
+class NylaSchedulerAPIConnector {
+    constructor({ schedulerAPIURL, schedulerStore, sessionId }) {
+        this.schedulerStore = schedulerStore;
+        this.schedulerAPIURL = schedulerAPIURL;
+        this.sessionId = sessionId;
+    }
+    async makeAPIRequest(path, method, body, headers = {}) {
+        try {
+            const schedulerURL = new URL(this.schedulerAPIURL);
+            schedulerURL.pathname = path;
+            const response = await fetch(decodeURIComponent(schedulerURL.toString()), {
+                method,
+                headers: {
+                    'Content-Type': 'application/json',
+                    ...headers,
+                },
+                body,
+            });
+            if (response.status === 204) {
+                return { data: null };
+            }
+            const data = await response.json();
+            return data;
+        }
+        catch (error) {
+            return { error };
+        }
+    }
+    selectDate(date) {
+        this.schedulerStore.set('selectedDate', date);
+        this.schedulerStore.set('selectedTimeslot', null);
+    }
+    selectTime(time) {
+        this.schedulerStore.set('selectedTimeslot', time);
+    }
+    selectTimezone(timezone) {
+        this.schedulerStore.set('selectedTimezone', timezone);
+    }
+    toggleAdditionalData(value) {
+        this.schedulerStore.set('showBookingForm', value);
+    }
+    setParticipantName(name) {
+        const { bookingInfo } = this.schedulerStore.state;
+        this.schedulerStore.set('bookingInfo', {
+            ...bookingInfo,
+            primaryParticipant: {
+                ...bookingInfo?.primaryParticipant,
+                name,
+            },
+        });
+    }
+    setParticipantEmail(email) {
+        const { bookingInfo } = this.schedulerStore.state;
+        this.schedulerStore.set('bookingInfo', {
+            ...bookingInfo,
+            primaryParticipant: {
+                ...bookingInfo?.primaryParticipant,
+                email,
+            },
+        });
+    }
+    async setReschedule(bookingID) {
+        const today = new Date();
+        this.schedulerStore.set('rescheduleId', bookingID);
+        this.schedulerStore.set('selectedTimeslot', null);
+        this.schedulerStore.set('showThankYouMessage', false);
+        this.schedulerStore.set('showBookingForm', false);
+        const startTime = new Date(today.getFullYear(), today.getMonth(), 1).getTime() / 1000;
+        const endTime = new Date(today.getFullYear(), today.getMonth() + 1, 1).getTime() / 1000;
+        await this.getAvailability(startTime, endTime);
+        const firstAvailableDate = this.schedulerStore.get('availability').find((timeslot) => new Date(timeslot.start_time) > new Date());
+        let _selectedDate = today;
+        if (firstAvailableDate) {
+            _selectedDate = firstAvailableDate.start_time;
+        }
+        this.schedulerStore.set('selectedDate', _selectedDate);
+    }
+    async bookTimeslot(data) {
+        this.schedulerStore.set('bookedEventLoading', true);
+        this.schedulerStore.set('bookedEventError', null);
+        const { selectedTimeslot, bookingInfo } = this.schedulerStore.state;
+        if (!data && !bookingInfo) {
+            return { error: { message: 'No booking info provided' } };
+        }
+        const timeslot = data?.timeslot || selectedTimeslot;
+        if (!timeslot) {
+            return { error: { message: 'No time slot selected' } };
+        }
+        const primaryParticipant = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;
+        const guests = data ? data?.guests || [] : bookingInfo?.guests || [];
+        const additional_fields = data ? { ...data?.additionalFields } : { ...bookingInfo?.additionalFields };
+        const headers = {
+            Authorization: `Bearer ${this.sessionId}`,
+        };
+        const url = `/schedule/bookings`;
+        const response = await this.makeAPIRequest(decodeURIComponent(url), 'POST', JSON.stringify({
+            participants: [primaryParticipant, ...guests],
+            additional_fields,
+            start_time: timeslot.start_time.getTime() / 1000,
+            end_time: timeslot.end_time.getTime() / 1000,
+        }), headers);
+        if ('error' in response)
+            this.schedulerStore.set('bookedEventError', response?.error);
+        if ('data' in response)
+            this.schedulerStore.set('eventInfo', response?.data);
+        this.schedulerStore.set('bookedEventLoading', false);
+        return response;
+    }
+    async getAvailability(startTime = 0, endTime = 0) {
+        this.schedulerStore.set('loadingState', { api: 'availability' });
+        const params = new URLSearchParams();
+        const now = new Date();
+        const nowTime = now.getTime();
+        if (endTime && endTime < nowTime / 1000) {
+            const error = { title: 'Availability error', message: 'endTime should be in the future', category: 'vaidation' };
+            this.schedulerStore.set('availabilityTimeslotsError', error);
+            return { error };
+        }
+        if (startTime)
+            params.append('start_time', encodeURIComponent(startTime));
+        if (endTime)
+            params.append('end_time', encodeURIComponent(endTime));
+        const queryString = params.toString();
+        const url = `/schedule/availability${queryString ? `?${queryString}` : ''}`;
+        const headers = {
+            Authorization: `Bearer ${this.sessionId}`,
+        };
+        const response = await this.makeAPIRequest(decodeURIComponent(url), 'GET', undefined, headers);
+        if ('error' in response) {
+            this.schedulerStore.set('availability', []);
+        }
+        if ('data' in response) {
+            const availability = response.data?.time_slots?.map(timeslot => {
+                return {
+                    ...timeslot,
+                    start_time: new Date(timeslot.start_time * 1000),
+                    end_time: new Date(timeslot.end_time * 1000),
+                };
+            }) || [];
+            const availabilityTimeslotsFiltered = availability.filter(timeslot => timeslot.start_time.getTime() > nowTime);
+            this.schedulerStore.set('availability', availabilityTimeslotsFiltered);
+        }
+        this.schedulerStore.set('loadingState', null);
+        return response;
+    }
+    async cancelBooking(bookingId) {
+        this.schedulerStore.set('bookedEventLoading', true);
+        this.schedulerStore.set('bookedEventError', null);
+        const url = `/schedule/bookings/${bookingId}`;
+        const headers = {
+            Authorization: `Bearer ${this.sessionId}`,
+        };
+        const response = await this.makeAPIRequest(decodeURIComponent(url), 'PUT', JSON.stringify({
+            action: 'cancel',
+        }), headers);
+        if ('error' in response)
+            this.schedulerStore.set('bookedEventError', response?.error);
+        if ('data' in response)
+            this.schedulerStore.set('cancelledEvent', response?.data);
+        this.schedulerStore.set('bookedEventLoading', false);
+        return response;
+    }
+    async rescheduleBooking(bookingId, data) {
+        this.schedulerStore.set('bookedEventLoading', true);
+        this.schedulerStore.set('bookedEventError', null);
+        const { bookingInfo, selectedTimeslot, selectedTimezone } = this.schedulerStore.state;
+        const { startTime, endTime, timezone } = data;
+        const start_time = startTime || selectedTimeslot?.start_time;
+        const generalError = { error: { title: 'Reschedule error', message: '', type: 'validation' } };
+        if (!start_time) {
+            return { error: { ...generalError, message: `Please pass 'startTime' in data or set 'selectedTimeslot in the defaultSchedulerStoreState.` } };
+        }
+        const end_time = endTime || selectedTimeslot?.end_time;
+        if (!end_time) {
+            return { error: { ...generalError, message: `Please pass 'endTime' in data or set 'selectedTimeslot' in the defaultSchedulerStoreState.` } };
+        }
+        const time_zone = timezone || selectedTimezone;
+        if (!time_zone) {
+            return { error: { ...generalError, message: `Please pass 'timezone' in data or set 'selectedTimezone' in the defaultSchedulerStoreState.` } };
+        }
+        const primaryParticipant = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;
+        const guests = data ? data?.guests || [] : bookingInfo?.guests || [];
+        const additional_fields = data ? { ...data?.additionalFields } : { ...bookingInfo?.additionalFields };
+        const url = `/schedule/bookings/${bookingId}`;
+        const headers = {
+            Authorization: `Bearer ${this.sessionId}`,
+        };
+        const response = await this.makeAPIRequest(decodeURIComponent(url), 'PATCH', JSON.stringify({
+            start_time: start_time.getTime() / 1000,
+            end_time: end_time.getTime() / 1000,
+            time_zone,
+            participants: [primaryParticipant, ...guests],
+            additional_fields,
+        }), headers);
+        if ('error' in response)
+            this.schedulerStore.set('bookedEventError', { error: { ...response?.error, category: 'api' } });
+        if ('data' in response)
+            this.schedulerStore.set('eventInfo', response?.data);
+        this.schedulerStore.set('bookedEventLoading', false);
+        return response;
+    }
+}
+
+function CreateNylasSchedulerStore(defaultState = {}) {
+    const defaultNylasStoreState = {
+        selectedDate: null,
+        selectedLanguage: navigator.language,
+        selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        selectedTimeslot: null,
+        showBookingForm: false,
+        showThankYouMessage: false,
+        selectableDates: null,
+        availability: [],
+        availabilityTimeslotsError: null,
+        state: 'ready',
+        eventInfo: null,
+        cancelledEvent: null,
+        bookedEventError: null,
+        bookedEventLoading: false,
+        loadingState: null,
+        ...defaultState,
+    };
+    debug(`[defaultNylasStoreState]: `, defaultNylasStoreState);
+    const store = createStore(defaultNylasStoreState);
+    store.onChange('availability', availability => {
+        const selectableDates = availability.map(timeslot => timeslot.start_time);
+        store.set('selectableDates', selectableDates);
+    });
+    store.onChange('rescheduleId', rescheduleId => {
+        if (rescheduleId) {
+            store.set('bookingFlow', 'rescheduling');
+        }
+        else {
+            store.set('bookingFlow', 'booking');
+        }
+    });
+    store.reset = () => {
+        for (const key in defaultNylasStoreState) {
+            const value = defaultNylasStoreState[key];
+            store.set(key, value);
+        }
+    };
+    return store;
+}
+
+export { CreateNylasSchedulerStore as C, NylaSchedulerAPIConnector as N };
+
+//# sourceMappingURL=scheduler-store.js.map

package/dist/components/scheduler-store.js.map

@@ -0,0 +1 @@
+{"file":"scheduler-store.js","mappings":"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","names":[],"sources":["src/connector/shared/api/scheduler.ts","src/stores/scheduler-store.ts"],"sourcesContent":["import { AvailabilityResponse, NylasEvent } from '@/common/types';\nimport { NylasSchedulerStoreType } from '../../../components';\nimport type { NylasErrorResponse, NylasResponse, NylasSchedulerBookingData, Timeslot } from '@nylas/core';\n\ntype NylasSchedulerAPIConnectorOptions = {\n  schedulerAPIURL: string;\n  schedulerStore: NylasSchedulerStoreType;\n  sessionId?: string;\n};\n\n/**\n * NylaSchedulerConnector\n * This class is used to make API requests to the scheduler.\n */\nexport class NylaSchedulerAPIConnector {\n  private schedulerStore: NylasSchedulerStoreType;\n  private schedulerAPIURL: string;\n  private sessionId: string | undefined;\n\n  constructor({ schedulerAPIURL, schedulerStore, sessionId }: NylasSchedulerAPIConnectorOptions) {\n    this.schedulerStore = schedulerStore;\n    this.schedulerAPIURL = schedulerAPIURL;\n    this.sessionId = sessionId;\n  }\n\n  /**\n   * Makes an API request to the scheduler.\n   * @param path The path to the API endpoint.\n   * @param method The HTTP method.\n   * @param body The request body (if any).\n   * @returns {Promise<T>}\n   */\n  public async makeAPIRequest<T>(path: string, method: string, body: string | undefined, headers = {}): Promise<NylasResponse<T>> {\n    try {\n      const schedulerURL = new URL(this.schedulerAPIURL);\n      schedulerURL.pathname = path;\n      const response = await fetch(decodeURIComponent(schedulerURL.toString()), {\n        method,\n        headers: {\n          'Content-Type': 'application/json',\n          ...headers,\n        },\n        body,\n      });\n\n      if (response.status === 204) {\n        return { data: null } as NylasResponse<T>;\n      }\n\n      const data = await response.json();\n      return data as NylasResponse<T>;\n    } catch (error) {\n      // NOTE: current server implementation doesn't return a JSON object for errors on some endpoints\n      // handle this case by returning the error response as a string to be handled downstream\n      return { error } as NylasErrorResponse;\n    }\n  }\n\n  /**\n   * Selects a date in the scheduler.\n   */\n  public selectDate(date: Date) {\n    this.schedulerStore.set('selectedDate', date);\n    this.schedulerStore.set('selectedTimeslot', null);\n  }\n\n  /**\n   * Selects a time in the scheduler.\n   */\n  public selectTime(time: Timeslot) {\n    this.schedulerStore.set('selectedTimeslot', time);\n  }\n\n  /**\n   * Sets the timezone in the scheduler.\n   */\n  public selectTimezone(timezone: string) {\n    this.schedulerStore.set('selectedTimezone', timezone);\n  }\n\n  /**\n   * Toggles showBookingForm\n   * @param value boolean\n   */\n  public toggleAdditionalData(value: boolean) {\n    this.schedulerStore.set('showBookingForm', value);\n  }\n\n  /**\n   * Set/update the name of the participant booking the event.\n   */\n  public setParticipantName(name: string) {\n    const { bookingInfo } = this.schedulerStore.state;\n    this.schedulerStore.set('bookingInfo', {\n      ...bookingInfo,\n      primaryParticipant: {\n        ...(bookingInfo?.primaryParticipant as NylasSchedulerBookingData['primaryParticipant']),\n        name,\n      },\n    });\n  }\n\n  /**\n   * Set/update the email of the participant booking the event.\n   */\n  public setParticipantEmail(email: string) {\n    const { bookingInfo } = this.schedulerStore.state;\n    this.schedulerStore.set('bookingInfo', {\n      ...bookingInfo,\n      primaryParticipant: {\n        ...(bookingInfo?.primaryParticipant as NylasSchedulerBookingData['primaryParticipant']),\n        email,\n      },\n    });\n  }\n\n  /**\n   * Set reschedule booking id\n   */\n  public async setReschedule(bookingID: string) {\n    const today = new Date();\n    // Set reschedule booking id\n    this.schedulerStore.set('rescheduleId', bookingID);\n    // Reset store state\n    this.schedulerStore.set('selectedTimeslot', null);\n    this.schedulerStore.set('showThankYouMessage', false);\n    this.schedulerStore.set('showBookingForm', false);\n    // Refetch availability\n    const startTime = new Date(today.getFullYear(), today.getMonth(), 1).getTime() / 1000;\n    const endTime = new Date(today.getFullYear(), today.getMonth() + 1, 1).getTime() / 1000;\n    await this.getAvailability(startTime, endTime);\n    // Set selected date to first available date\n    const firstAvailableDate = this.schedulerStore.get('availability').find((timeslot: any) => new Date(timeslot.start_time) > new Date());\n    let _selectedDate = today;\n    if (firstAvailableDate) {\n      _selectedDate = firstAvailableDate.start_time;\n    }\n    this.schedulerStore.set('selectedDate', _selectedDate);\n  }\n\n  /**\n   * Book the selected timeslot.\n   * @param data The booking info.\n   * @returns {Promise<NylasResponse<NylasEvent>>}\n   */\n  public async bookTimeslot(data?: NylasSchedulerBookingData & { timeslot?: Timeslot }): Promise<NylasResponse<NylasEvent>> {\n    this.schedulerStore.set('bookedEventLoading', true);\n    this.schedulerStore.set('bookedEventError', null);\n    const { selectedTimeslot, bookingInfo } = this.schedulerStore.state;\n    if (!data && !bookingInfo) {\n      return { error: { message: 'No booking info provided' } } as NylasErrorResponse;\n    }\n\n    const timeslot = data?.timeslot || selectedTimeslot;\n    if (!timeslot) {\n      return { error: { message: 'No time slot selected' } } as NylasErrorResponse;\n    }\n\n    const primaryParticipant = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;\n    const guests = data ? data?.guests || [] : bookingInfo?.guests || [];\n    const additional_fields = data ? { ...data?.additionalFields } : { ...bookingInfo?.additionalFields };\n\n    const headers = {\n      Authorization: `Bearer ${this.sessionId}`,\n    };\n    const url = `/schedule/bookings`;\n\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'POST',\n      JSON.stringify({\n        participants: [primaryParticipant, ...guests],\n        additional_fields,\n        start_time: timeslot.start_time.getTime() / 1000,\n        end_time: timeslot.end_time.getTime() / 1000,\n      }),\n      headers,\n    );\n\n    if ('error' in response) this.schedulerStore.set('bookedEventError', response?.error as NylasErrorResponse);\n\n    if ('data' in response) this.schedulerStore.set('eventInfo', response?.data);\n\n    this.schedulerStore.set('bookedEventLoading', false);\n    return response;\n  }\n\n  /**\n   * Gets the availability for a page.\n   * @param startTime The start time.\n   * @param endTime The end time.\n   * @returns {Promise<AvailabilityResponse>}\n   */\n  public async getAvailability(startTime: number = 0, endTime: number = 0): Promise<NylasResponse<AvailabilityResponse>> {\n    this.schedulerStore.set('loadingState', { api: 'availability' });\n    const params = new URLSearchParams();\n    const now = new Date();\n    const nowTime = now.getTime();\n\n    if (endTime && endTime < nowTime / 1000) {\n      const error = { title: 'Availability error', message: 'endTime should be in the future', category: 'vaidation' };\n      this.schedulerStore.set('availabilityTimeslotsError', error as NylasErrorResponse);\n      return { error } as NylasErrorResponse;\n    }\n\n    if (startTime) params.append('start_time', encodeURIComponent(startTime));\n    if (endTime) params.append('end_time', encodeURIComponent(endTime));\n\n    const queryString = params.toString();\n    const url = `/schedule/availability${queryString ? `?${queryString}` : ''}`;\n    const headers = {\n      Authorization: `Bearer ${this.sessionId}`,\n    };\n    const response = await this.makeAPIRequest<AvailabilityResponse>(decodeURIComponent(url), 'GET', undefined, headers);\n\n    if ('error' in response) {\n      this.schedulerStore.set('availability', []);\n    }\n\n    if ('data' in response) {\n      const availability =\n        response.data?.time_slots?.map(timeslot => {\n          return {\n            ...timeslot,\n            start_time: new Date(timeslot.start_time * 1000),\n            end_time: new Date(timeslot.end_time * 1000),\n          };\n        }) || [];\n\n      // Filter out timeslots that are in the past\n      const availabilityTimeslotsFiltered = availability.filter(timeslot => timeslot.start_time.getTime() > nowTime);\n      this.schedulerStore.set('availability', availabilityTimeslotsFiltered);\n    }\n\n    this.schedulerStore.set('loadingState', null);\n    return response;\n  }\n\n  /**\n   * Cancels a booking.\n   * @param bookingId The booking ID.\n   */\n  public async cancelBooking(bookingId: string): Promise<NylasResponse<null>> {\n    this.schedulerStore.set('bookedEventLoading', true);\n    this.schedulerStore.set('bookedEventError', null);\n    const url = `/schedule/bookings/${bookingId}`;\n    const headers = {\n      Authorization: `Bearer ${this.sessionId}`,\n    };\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'PUT',\n      JSON.stringify({\n        action: 'cancel',\n      }),\n      headers,\n    );\n\n    if ('error' in response) this.schedulerStore.set('bookedEventError', response?.error as NylasErrorResponse);\n\n    if ('data' in response) this.schedulerStore.set('cancelledEvent', response?.data);\n\n    this.schedulerStore.set('bookedEventLoading', false);\n    return response;\n  }\n\n  /**\n   * Reschedules a booking.\n   * @param bookingId The booking ID.\n   * @param data The booking info.\n   * @returns {Promise<NylasResponse<NylasEvent>>}\n   */\n  public async rescheduleBooking(bookingId: string, data: NylasSchedulerBookingData): Promise<NylasResponse<NylasEvent>> {\n    this.schedulerStore.set('bookedEventLoading', true);\n    this.schedulerStore.set('bookedEventError', null);\n    const { bookingInfo, selectedTimeslot, selectedTimezone } = this.schedulerStore.state;\n    // Validate data\n    const { startTime, endTime, timezone } = data;\n    const start_time = startTime || selectedTimeslot?.start_time;\n    const generalError = { error: { title: 'Reschedule error', message: '', type: 'validation' } } as NylasErrorResponse;\n    if (!start_time) {\n      return { error: { ...generalError, message: `Please pass 'startTime' in data or set 'selectedTimeslot in the defaultSchedulerStoreState.` } } as NylasErrorResponse;\n    }\n    const end_time = endTime || selectedTimeslot?.end_time;\n    if (!end_time) {\n      return { error: { ...generalError, message: `Please pass 'endTime' in data or set 'selectedTimeslot' in the defaultSchedulerStoreState.` } } as NylasErrorResponse;\n    }\n    const time_zone = timezone || selectedTimezone;\n    if (!time_zone) {\n      return { error: { ...generalError, message: `Please pass 'timezone' in data or set 'selectedTimezone' in the defaultSchedulerStoreState.` } } as NylasErrorResponse;\n    }\n\n    const primaryParticipant = data ? data?.primaryParticipant : bookingInfo?.primaryParticipant;\n    const guests = data ? data?.guests || [] : bookingInfo?.guests || [];\n    const additional_fields = data ? { ...data?.additionalFields } : { ...bookingInfo?.additionalFields };\n\n    const url = `/schedule/bookings/${bookingId}`;\n    const headers = {\n      Authorization: `Bearer ${this.sessionId}`,\n    };\n    const response = await this.makeAPIRequest<NylasEvent>(\n      decodeURIComponent(url),\n      'PATCH',\n      JSON.stringify({\n        start_time: start_time.getTime() / 1000,\n        end_time: end_time.getTime() / 1000,\n        time_zone,\n        participants: [primaryParticipant, ...guests],\n        additional_fields,\n      }),\n      headers,\n    );\n\n    if ('error' in response) this.schedulerStore.set('bookedEventError', { error: { ...response?.error, category: 'api' } } as NylasErrorResponse);\n\n    if ('data' in response) this.schedulerStore.set('eventInfo', response?.data);\n\n    this.schedulerStore.set('bookedEventLoading', false);\n    return response;\n  }\n}\n","import { DataState, NylasEvent } from '@/common/types';\nimport { debug } from '@/utils/utils';\nimport { NylasErrorResponse, NylasSchedulerBookingData, Timeslot } from '@nylas/core';\nimport { createStore } from '@stencil/store';\n\nexport type AvailabilityTimeslot = {\n  emails: string[];\n  start_time: Date;\n  end_time: Date;\n};\n\nexport type LoadingState = {\n  api: 'availability' | 'createBooking' | 'cancelBooking' | 'rescheduleBooking';\n};\n\nexport interface NylasSchedulerStoreState {\n  selectedDate: Date | null;\n  selectedLanguage: string;\n  selectedTimezone: string;\n  selectedTimeslot: Timeslot | null;\n  showBookingForm: boolean;\n  showThankYouMessage: boolean;\n  selectableDates: Date[] | null;\n  availability: AvailabilityTimeslot[];\n  availabilityTimeslotsError: NylasErrorResponse | null;\n  state: DataState;\n  eventInfo: NylasEvent | null;\n  cancelledEvent: NylasEvent | null;\n  bookedEventError: NylasErrorResponse | null;\n  bookedEventLoading: boolean;\n  bookingInfo?: NylasSchedulerBookingData;\n  rescheduleId?: string;\n  bookingFlow?: 'booking' | 'rescheduling';\n  loadingState: LoadingState | null;\n}\n\nexport type NylasSchedulerStoreType = ReturnType<typeof CreateNylasSchedulerStore>;\n\nexport function CreateNylasSchedulerStore(defaultState: Partial<NylasSchedulerStoreState> = {}) {\n  const defaultNylasStoreState: NylasSchedulerStoreState = {\n    selectedDate: null,\n    selectedLanguage: navigator.language,\n    selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    selectedTimeslot: null,\n    showBookingForm: false,\n    showThankYouMessage: false,\n    selectableDates: null,\n    availability: [],\n    availabilityTimeslotsError: null,\n    state: 'ready',\n    eventInfo: null,\n    cancelledEvent: null,\n    bookedEventError: null,\n    bookedEventLoading: false,\n    loadingState: null,\n    ...defaultState,\n  };\n  debug(`[defaultNylasStoreState]: `, defaultNylasStoreState);\n  const store = createStore<NylasSchedulerStoreState>(defaultNylasStoreState);\n\n  store.onChange('availability', availability => {\n    const selectableDates = availability.map(timeslot => timeslot.start_time);\n    store.set('selectableDates', selectableDates);\n  });\n\n  store.onChange('rescheduleId', rescheduleId => {\n    if (rescheduleId) {\n      store.set('bookingFlow', 'rescheduling');\n    } else {\n      store.set('bookingFlow', 'booking');\n    }\n  });\n\n  /**\n   * Reset the Nylas store to its default state.\n   * There is something wrong with the stencil/store reset method,\n   * so we have to do it via this hack.\n   */\n  store.reset = () => {\n    for (const key in defaultNylasStoreState) {\n      const value = defaultNylasStoreState[key as keyof typeof defaultNylasStoreState];\n      store.set(key as any, value);\n    }\n  };\n\n  return store;\n}\n"],"version":3}

package/dist/components/sent-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SentIcon extends Components.SentIcon, HTMLElement {}
+export const SentIcon: {
+    prototype: SentIcon;
+    new (): SentIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sent-icon.js

@@ -0,0 +1,8 @@
+import { S as SentIcon$1, d as defineCustomElement$1 } from './sent.js';
+
+const SentIcon = SentIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SentIcon, defineCustomElement };
+
+//# sourceMappingURL=sent-icon.js.map

package/dist/components/sent-icon.js.map

@@ -0,0 +1 @@
+{"file":"sent-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/sent.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-sent-icon-h{display:flex}";
+const SentIconStyle0 = iconCss;
+
+const SentIcon = proxyCustomElement(class SentIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: 'a56b6925b675c170b4a7982fe1e0b168baaeceda', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0896c8c34a8ff0d347250dce6857991a20fe77a2', d: "M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '9c62dc2663993187e4356689d5cdda56e71383be', d: "M3.5 3.5L12 10.5", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '12608ff7122f9710fcc3dd7b796e5b1c6da2a33b', d: "M3.5 20.5L12 13.5", stroke: "auto", "stroke-width": "1.5" })));
+    }
+    static get style() { return SentIconStyle0; }
+}, [2, "sent-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["sent-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "sent-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SentIcon);
+            }
+            break;
+    } });
+}
+
+export { SentIcon as S, defineCustomElement as d };
+
+//# sourceMappingURL=sent.js.map

package/dist/components/sent.js.map

@@ -0,0 +1 @@
+{"file":"sent.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+BAA+B,CAAC;AAChD,uBAAe,OAAO;;MCMT,QAAQ;;;;qBACK,IAAI;sBACH,IAAI;;IAE7B,MAAM;QAEJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DAAM,CAAC,EAAC,oCAAoC,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EAChF,6DAAM,CAAC,EAAC,kBAAkB,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EAC9D,6DAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,CAC3D,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=sent-icon&encapsulation=scoped","src/common/icons/sent.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'sent-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class SentIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    // Sent email icon svg, a paper airplane pointing to the right\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M21.5 12L3.5 3.5L3.5 20.5L21.5 12Z\" stroke=\"auto\" stroke-width=\"1.5\" />\n        <path d=\"M3.5 3.5L12 10.5\" stroke=\"auto\" stroke-width=\"1.5\" />\n        <path d=\"M3.5 20.5L12 13.5\" stroke=\"auto\" stroke-width=\"1.5\" />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/sp-icon-chevron-left.js

@@ -0,0 +1,23 @@
+import { t as tag, I as IconBase, s as setCustomTemplateLiteralTag, d as defineElement } from './define-element.js';
+import { x } from './property.js';
+
+const ChevronLeftIcon=({width:e=24,height:t=24,hidden:l=!1,title:r="Chevron Left"}={})=>tag`<svg
+    xmlns="http://www.w3.org/2000/svg"
+    height=${t}
+    viewBox="0 0 36 36"
+    width=${e}
+    aria-hidden=${l?"true":"false"}
+    role="img"
+    fill="currentColor"
+    aria-label=${r}
+  >
+    <path
+      d="M12 18a1.988 1.988 0 0 0 .585 1.409l7.983 7.98a2 2 0 1 0 2.871-2.772l-.049-.049L16.819 18l6.572-6.57a2 2 0 0 0-2.773-2.87l-.049.049-7.983 7.98A1.988 1.988 0 0 0 12 18Z"
+    />
+  </svg>`;
+
+class IconChevronLeft extends IconBase{render(){return setCustomTemplateLiteralTag(x),ChevronLeftIcon({hidden:!this.label,title:this.label})}}
+
+defineElement("sp-icon-chevron-left",IconChevronLeft);
+
+//# sourceMappingURL=sp-icon-chevron-left.js.map

package/dist/components/sp-icon-chevron-left.js.map

@@ -0,0 +1 @@
+{"file":"sp-icon-chevron-left.js","mappings":";;;AAAqH,MAAM,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,EAAE,GAAGA,GAAC,CAAC;AAC/M;AACA,WAAW,EAAE,CAAC,CAAC;AACf;AACA,UAAU,EAAE,CAAC,CAAC;AACd,gBAAgB,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;AACnC;AACA;AACA,eAAe,EAAE,CAAC,CAAC;AACnB;AACA;AACA;AACA;AACA,QAAQ,CAAC;;ACbkP,MAAM,eAAe,SAASC,QAAC,CAAC,MAAM,EAAE,CAAC,OAAOC,2BAAC,CAACC,CAAC,CAAC,CAACC,eAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;;ACAnLF,aAAC,CAAC,sBAAsB,CAACC,eAAC,CAAC","names":["a","t","o","e","r"],"sources":["../../node_modules/.pnpm/@spectrum-web-components+icons-workflow@0.40.4/node_modules/@spectrum-web-components/icons-workflow/src/icons/ChevronLeft.js","../../node_modules/.pnpm/@spectrum-web-components+icons-workflow@0.40.4/node_modules/@spectrum-web-components/icons-workflow/src/elements/IconChevronLeft.js","../../node_modules/.pnpm/@spectrum-web-components+icons-workflow@0.40.4/node_modules/@spectrum-web-components/icons-workflow/icons/sp-icon-chevron-left.js"],"sourcesContent":["\"use strict\";import{tag as a}from\"../custom-tag.js\";export{setCustomTemplateLiteralTag}from\"../custom-tag.js\";export const ChevronLeftIcon=({width:e=24,height:t=24,hidden:l=!1,title:r=\"Chevron Left\"}={})=>a`<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=${t}\n    viewBox=\"0 0 36 36\"\n    width=${e}\n    aria-hidden=${l?\"true\":\"false\"}\n    role=\"img\"\n    fill=\"currentColor\"\n    aria-label=${r}\n  >\n    <path\n      d=\"M12 18a1.988 1.988 0 0 0 .585 1.409l7.983 7.98a2 2 0 1 0 2.871-2.772l-.049-.049L16.819 18l6.572-6.57a2 2 0 0 0-2.773-2.87l-.049.049-7.983 7.98A1.988 1.988 0 0 0 12 18Z\"\n    />\n  </svg>`;\n//# sourceMappingURL=ChevronLeft.js.map\n","\"use strict\";import{html as e}from\"@spectrum-web-components/base\";import{IconBase as t}from\"@spectrum-web-components/icon\";import{ChevronLeftIcon as r}from\"../icons/ChevronLeft.js\";import{setCustomTemplateLiteralTag as o}from\"../custom-tag.js\";export class IconChevronLeft extends t{render(){return o(e),r({hidden:!this.label,title:this.label})}}\n//# sourceMappingURL=IconChevronLeft.js.map\n","\"use strict\";import{IconChevronLeft as e}from\"../src/elements/IconChevronLeft.js\";import{defineElement as o}from\"@spectrum-web-components/base/src/define-element.js\";o(\"sp-icon-chevron-left\",e);\n//# sourceMappingURL=sp-icon-chevron-left.js.map\n"],"version":3}

package/dist/components/spam-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SpamIcon extends Components.SpamIcon, HTMLElement {}
+export const SpamIcon: {
+    prototype: SpamIcon;
+    new (): SpamIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/spam-icon.js

@@ -0,0 +1,8 @@
+import { S as SpamIcon$1, d as defineCustomElement$1 } from './spam.js';
+
+const SpamIcon = SpamIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SpamIcon, defineCustomElement };
+
+//# sourceMappingURL=spam-icon.js.map

package/dist/components/spam-icon.js.map

@@ -0,0 +1 @@
+{"file":"spam-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/spam.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-spam-icon-h{display:flex}";
+const SpamIconStyle0 = iconCss;
+
+const SpamIcon = proxyCustomElement(class SpamIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '7eed20535ff6abe59cbb633a137911a69c82b5ae', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ed8fbfe1c5010249598077844db4ec62d02e6a49', d: "M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '7116f0a20c00d708dad4f368e247fd35e875e33e', d: "M2 5L12 12.5L22 5", stroke: "auto", "stroke-width": "1.5" })));
+    }
+    static get style() { return SpamIconStyle0; }
+}, [2, "spam-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["spam-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "spam-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SpamIcon);
+            }
+            break;
+    } });
+}
+
+export { SpamIcon as S, defineCustomElement as d };
+
+//# sourceMappingURL=spam.js.map

package/dist/components/spam.js.map

@@ -0,0 +1 @@
+{"file":"spam.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+BAA+B,CAAC;AAChD,uBAAe,OAAO;;MCMT,QAAQ;;;;qBACK,IAAI;sBACH,IAAI;;IAE7B,MAAM;QAEJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DAAM,CAAC,EAAC,0HAA0H,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EACtK,6DAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,CAC3D,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=spam-icon&encapsulation=scoped","src/common/icons/spam.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'spam-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class SpamIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    // Spam icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M20 3H4C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3Z\" stroke=\"auto\" stroke-width=\"1.5\" />\n        <path d=\"M2 5L12 12.5L22 5\" stroke=\"auto\" stroke-width=\"1.5\" />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/star-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface StarIcon extends Components.StarIcon, HTMLElement {}
+export const StarIcon: {
+    prototype: StarIcon;
+    new (): StarIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/star-icon.js

@@ -0,0 +1,8 @@
+import { S as StarIcon$1, d as defineCustomElement$1 } from './star.js';
+
+const StarIcon = StarIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { StarIcon, defineCustomElement };
+
+//# sourceMappingURL=star-icon.js.map

package/dist/components/star-icon.js.map

@@ -0,0 +1 @@
+{"file":"star-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/star.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-star-icon-h{display:flex}";
+const StarIconStyle0 = iconCss;
+
+const StarIcon = proxyCustomElement(class StarIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: 'cffea749ac68b3082143934428ec1d3c922ec34c', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9f53f69c1a4e360ff95c5ac0bacc86ce5b4dcdb1', d: "M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z", stroke: "auto", "stroke-width": "1.5" })));
+    }
+    static get style() { return StarIconStyle0; }
+}, [2, "star-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["star-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "star-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, StarIcon);
+            }
+            break;
+    } });
+}
+
+export { StarIcon as S, defineCustomElement as d };
+
+//# sourceMappingURL=star.js.map

package/dist/components/star.js.map

@@ -0,0 +1 @@
+{"file":"star.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+BAA+B,CAAC;AAChD,uBAAe,OAAO;;MCMT,QAAQ;;;;qBACK,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DACE,CAAC,EAAC,4kCAA4kC,EAC9kC,MAAM,EAAC,MAAM,kBACA,KAAK,GAClB,CACE,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=star-icon&encapsulation=scoped","src/common/icons/star.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'star-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class StarIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.2757 7.39083 16.6251 7.4699 17.3241 7.62805L17.9605 7.77203C20.4201 8.32856 21.65 8.60682 21.9426 9.54773C22.2352 10.4886 21.3968 11.4691 19.7199 13.4299L19.2861 13.9372C18.8096 14.4944 18.5713 14.773 18.4641 15.1177C18.357 15.4624 18.393 15.8341 18.465 16.5776L18.5306 17.2544C18.7841 19.8706 18.9109 21.1787 18.1449 21.7602C17.3788 22.3417 16.2273 21.8115 13.9243 20.7512L13.3285 20.4768C12.6741 20.1755 12.3469 20.0248 12 20.0248C11.6531 20.0248 11.3259 20.1755 10.6715 20.4768L10.0757 20.7512C7.77268 21.8115 6.62118 22.3417 5.85515 21.7602C5.08912 21.1787 5.21588 19.8706 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838Z\"\n          stroke=\"auto\"\n          stroke-width=\"1.5\"\n        />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/stop-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface StopIcon extends Components.StopIcon, HTMLElement {}
+export const StopIcon: {
+    prototype: StopIcon;
+    new (): StopIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/stop-icon.js

@@ -0,0 +1,8 @@
+import { S as StopIcon$1, d as defineCustomElement$1 } from './stop.js';
+
+const StopIcon = StopIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { StopIcon, defineCustomElement };
+
+//# sourceMappingURL=stop-icon.js.map

package/dist/components/stop-icon.js.map

@@ -0,0 +1 @@
+{"file":"stop-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/stop.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-stop-icon-h{display:flex}";
+const StopIconStyle0 = iconCss;
+
+const StopIcon = proxyCustomElement(class StopIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '1738ceb2d3e19179e090b1e8788cf71248abe6da', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '22daa75c459a24bb2d8af5784e306eb87aa4f98a', d: "M4 4H20V20H4V4Z", stroke: "auto", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+    }
+    static get style() { return StopIconStyle0; }
+}, [2, "stop-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["stop-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "stop-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, StopIcon);
+            }
+            break;
+    } });
+}
+
+export { StopIcon as S, defineCustomElement as d };
+
+//# sourceMappingURL=stop.js.map

package/dist/components/stop.js.map

@@ -0,0 +1 @@
+{"file":"stop.js","mappings":";;AAAA,MAAM,OAAO,GAAG,+BAA+B,CAAC;AAChD,uBAAe,OAAO;;MCMT,QAAQ;;;;qBACK,IAAI;sBACH,IAAI;;IAE7B,MAAM;QACJ,QAEE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DAAM,CAAC,EAAC,iBAAiB,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CACxG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=stop-icon&encapsulation=scoped","src/common/icons/stop.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'stop-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class StopIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    return (\n      // Stop icon svg\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M4 4H20V20H4V4Z\" stroke=\"auto\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/translate-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TranslateIcon extends Components.TranslateIcon, HTMLElement {}
+export const TranslateIcon: {
+    prototype: TranslateIcon;
+    new (): TranslateIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;