@nylas/web-elements 1.1.0-canary.19.c → 1.1.0-canary.19.e

package/dist/components/nylas-editor-tabs2.js

@@ -1,74 +1,82 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { R as RegisterComponent } from './register-component.js';
 import { q as mergeDeep, a as debug, s as parsePreviewLink } from './utils.js';
-import { D as DEFAULT_OPEN_HOURS } from './constants.js';
-import { d as defineCustomElement$G } from './add-circle.js';
-import { d as defineCustomElement$F } from './button-component2.js';
-import { d as defineCustomElement$E } from './calendar-info.js';
-import { d as defineCustomElement$D } from './calendar-patterns.js';
-import { d as defineCustomElement$C } from './checkbox-component2.js';
-import { d as defineCustomElement$B } from './chevron.js';
-import { d as defineCustomElement$A } from './close.js';
-import { d as defineCustomElement$z } from './flow.js';
-import { d as defineCustomElement$y } from './globe.js';
-import { d as defineCustomElement$x } from './info.js';
-import { d as defineCustomElement$w } from './input-dropdown2.js';
-import { d as defineCustomElement$v } from './loading.js';
-import { d as defineCustomElement$u } from './location.js';
-import { d as defineCustomElement$t } from './location-off.js';
-import { d as defineCustomElement$s } from './multi-select-dropdown2.js';
-import { d as defineCustomElement$r } from './nylas-additional-participants2.js';
-import { d as defineCustomElement$q } from './nylas-availability-picker2.js';
-import { d as defineCustomElement$p } from './nylas-booking-calendar-picker2.js';
-import { d as defineCustomElement$o } from './nylas-buffer-time2.js';
-import { d as defineCustomElement$n } from './nylas-calendar-picker2.js';
-import { d as defineCustomElement$m } from './nylas-cancellation-policy2.js';
-import { d as defineCustomElement$l } from './nylas-customize-booking-settings2.js';
-import { d as defineCustomElement$k } from './nylas-event-description2.js';
-import { d as defineCustomElement$j } from './nylas-event-duration2.js';
-import { d as defineCustomElement$i } from './nylas-event-info2.js';
-import { d as defineCustomElement$h } from './nylas-event-limits2.js';
-import { d as defineCustomElement$g } from './nylas-event-location2.js';
-import { d as defineCustomElement$f } from './nylas-event-title2.js';
-import { d as defineCustomElement$e } from './nylas-form-card2.js';
-import { d as defineCustomElement$d } from './nylas-limit-future-bookings2.js';
-import { d as defineCustomElement$c } from './nylas-min-booking-notice2.js';
-import { d as defineCustomElement$b } from './nylas-min-cancellation-notice2.js';
-import { d as defineCustomElement$a } from './nylas-participants-custom-availability2.js';
-import { d as defineCustomElement$9 } from './nylas-time-window-picker2.js';
-import { d as defineCustomElement$8 } from './nylas-timeslot-interval2.js';
-import { d as defineCustomElement$7 } from './people.js';
-import { d as defineCustomElement$6 } from './radio-button-group2.js';
-import { d as defineCustomElement$5 } from './search.js';
-import { d as defineCustomElement$4 } from './select-dropdown2.js';
-import { d as defineCustomElement$3 } from './time-period-selector2.js';
-import { d as defineCustomElement$2 } from './toggle-switch2.js';
-import { d as defineCustomElement$1 } from './toolitp-component.js';
+import { a as DEFAULT_OPEN_HOURS } from './constants.js';
+import { d as defineCustomElement$R } from './add-circle.js';
+import { d as defineCustomElement$Q } from './button-component2.js';
+import { d as defineCustomElement$P } from './calendar-agenda-fill.js';
+import { d as defineCustomElement$O } from './calendar-agenda.js';
+import { d as defineCustomElement$N } from './calendar-info.js';
+import { d as defineCustomElement$M } from './calendar-patterns.js';
+import { d as defineCustomElement$L } from './checkbox-component2.js';
+import { d as defineCustomElement$K } from './chevron.js';
+import { d as defineCustomElement$J } from './close.js';
+import { d as defineCustomElement$I } from './dragable.js';
+import { d as defineCustomElement$H } from './flow.js';
+import { d as defineCustomElement$G } from './globe.js';
+import { d as defineCustomElement$F } from './google-meet.js';
+import { d as defineCustomElement$E } from './info.js';
+import { d as defineCustomElement$D } from './input-component2.js';
+import { d as defineCustomElement$C } from './input-dropdown2.js';
+import { d as defineCustomElement$B } from './loading.js';
+import { d as defineCustomElement$A } from './location.js';
+import { d as defineCustomElement$z } from './location-off.js';
+import { d as defineCustomElement$y } from './microsof-teams.js';
+import { d as defineCustomElement$x } from './multi-select-dropdown2.js';
+import { d as defineCustomElement$w } from './nylas-additional-participants2.js';
+import { d as defineCustomElement$v } from './nylas-availability-picker2.js';
+import { d as defineCustomElement$u } from './nylas-booking-calendar-picker2.js';
+import { d as defineCustomElement$t } from './nylas-booking-form-config2.js';
+import { d as defineCustomElement$s } from './nylas-buffer-time2.js';
+import { d as defineCustomElement$r } from './nylas-calendar-picker2.js';
+import { d as defineCustomElement$q } from './nylas-cancellation-policy2.js';
+import { d as defineCustomElement$p } from './nylas-connected-calendars2.js';
+import { d as defineCustomElement$o } from './nylas-customize-booking-settings2.js';
+import { d as defineCustomElement$n } from './nylas-event-description2.js';
+import { d as defineCustomElement$m } from './nylas-event-duration2.js';
+import { d as defineCustomElement$l } from './nylas-event-info2.js';
+import { d as defineCustomElement$k } from './nylas-event-limits2.js';
+import { d as defineCustomElement$j } from './nylas-event-location2.js';
+import { d as defineCustomElement$i } from './nylas-event-title2.js';
+import { d as defineCustomElement$h } from './nylas-form-card2.js';
+import { d as defineCustomElement$g } from './nylas-limit-future-bookings2.js';
+import { d as defineCustomElement$f } from './nylas-min-booking-notice2.js';
+import { d as defineCustomElement$e } from './nylas-min-cancellation-notice2.js';
+import { d as defineCustomElement$d } from './nylas-participant-booking-calendars2.js';
+import { d as defineCustomElement$c } from './nylas-participants-custom-availability2.js';
+import { d as defineCustomElement$b } from './nylas-time-window-picker2.js';
+import { d as defineCustomElement$a } from './nylas-timeslot-interval2.js';
+import { d as defineCustomElement$9 } from './people.js';
+import { d as defineCustomElement$8 } from './plus.js';
+import { d as defineCustomElement$7 } from './radio-button-group2.js';
+import { d as defineCustomElement$6 } from './search.js';
+import { d as defineCustomElement$5 } from './select-dropdown2.js';
+import { d as defineCustomElement$4 } from './time-period-selector2.js';
+import { d as defineCustomElement$3 } from './toggle-switch2.js';
+import { d as defineCustomElement$2 } from './toolitp-component.js';
+import { d as defineCustomElement$1 } from './zoom.js';
 
-function TabContents({ id, formState, activeTab, calendars }) {
+function TabContents({ id, formState, activeTab, calendars, currentUser }) {
     switch (activeTab) {
         case 'eventInfo':
             const eventTitle = formState.title;
             const eventDescription = formState.description;
             const eventDuration = parseInt(formState.duration);
             const location = formState.location;
+            const conferencing = formState.conferencing;
             return (h("div", { key: id },
                 h("nylas-event-info", null,
                     h("div", { slot: "inputs" },
                         h("nylas-event-title", { name: "title", eventTitle: eventTitle, exportparts: "net, net__title, net__dropdown-content" }),
                         h("nylas-event-duration", { name: "duration", eventDurationMinutes: eventDuration, exportparts: "ned, ned__dropdown, ned__dropdown-button, ned__dropdown-content, ned__input_dropdown, ned__input_dropdown-input, ned__input_dropdown-content" }),
-                        h("nylas-event-location", { name: "location", eventLocation: location, exportparts: "nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content" }),
+                        h("nylas-event-location", { name: "location", eventLocation: location, eventConferencing: conferencing, userProvider: currentUser.provider, exportparts: "nel, nel__location, nel__dropdown, nel__dropdown-button, nel__dropdown-content" }),
                         h("nylas-event-description", { name: "description", eventDescription: eventDescription, exportparts: "nedesc, nedesc__textarea" })))));
         case 'availability':
             const openHours = formState.availability.openHours;
             const timezone = formState.availability.timezone ? formState.availability.timezone : Intl.DateTimeFormat().resolvedOptions().timeZone;
-            const organizer = formState.participants?.find(p => p.is_organizer);
-            const organizerEmail = organizer?.email ?? 'primary';
-            const selectedCalendars = formState.calendarIds.length > 0 ? formState.calendarIds : [organizerEmail];
-            const bookingCalendar = formState.bookingCalendar == 'primary' ? organizerEmail : formState.bookingCalendar;
             return (h("div", { key: id },
-                h("nylas-booking-calendar-picker", { name: "booking-calendar", calendars: calendars ?? [], defaultBookingCalendar: bookingCalendar, exportparts: 'nbcp, nbcp__header, nbcp__input-label, nbcp__dropdown, nbcp__dropdown-button, nbcp__dropdown-content' }),
-                h("nylas-calendar-picker", { name: "calendars", calendars: calendars ?? [], defaultSelectedCalendars: selectedCalendars, exportparts: 'ncp ncp__header, ncp__dropdown, ncp__dropdown-button, ncp__dropdown-content' }),
+                h("nylas-participant-booking-calendars", { name: "participant-booking-calendars", participants: formState.participants, calendars: calendars }),
+                h("nylas-connected-calendars", { name: "connected-calendars", participants: formState.participants }),
                 h("nylas-availability-picker", { name: "availability", openHours: openHours, defaultTimezone: timezone, 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 (h("div", { key: id },
@@ -85,10 +93,14 @@ function TabContents({ id, formState, activeTab, calendars }) {
             return (h("div", { key: id },
                 h("nylas-additional-participants", { name: "participants", eventParticipants: formState.participants, exportparts: "nap__title, nap__subtitle, nap__content, nap__input_group, nap__input_wrapper, nap__input, nap__remove-participant" }),
                 h("nylas-participants-custom-availability", { name: "participant-custom-availability", participants: formState.participants, exportparts: "npca, npca__header, npca__content, npca__participant-container, npca__participant-title, npca__participant-toggle--container, npca__toggle-label, npca__toggle-input, npca__toggle-slider" })));
+        case 'bookingForm':
+            const additionalFields = Object.entries(formState.additionalFields).map(([id, field]) => ({ key: id, ...field }));
+            return (h("div", { key: id },
+                h("nylas-booking-form-config", { name: "additional-fields", additonalFields: additionalFields })));
     }
 }
 
-const nylasEditorTabsCss = ".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 nylasEditorTabsCss = ".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 .tabs.sc-nylas-editor-tabs .tab.hide.sc-nylas-editor-tabs{display:none}.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 NylasEditorTabsStyle0 = nylasEditorTabsCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -121,23 +133,27 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
             this.formSubmitted.emit();
             const valid = this.formRef.checkValidity();
             if (!valid) {
+                this.error = this.formRef.validationMessage || 'Please fix the form errors.';
                 return;
             }
             this.isLoading = true;
             this.hasUnsavedChanges = false;
             const formState = this.updateFormState();
-            const { title, description, duration, availability, calendarIds, bookingCalendar, location, bookingType, buffer, availableDaysInFuture, minCancellationNotice, minBookingNotice, cancellationPolicy, timeslotInterval, additionalGuestsHidden, hideCancellationOptions, hideReschedulingOptions, participants, participantOpenHours, } = formState;
+            const { title, description, duration, availability, bookingCalendar, location, bookingType, buffer, availableDaysInFuture, minCancellationNotice, minBookingNotice, cancellationPolicy, timeslotInterval, additionalGuestsHidden, hideCancellationOptions, hideReschedulingOptions, participants, participantOpenHours, additionalFields, participantCalendars, conferencing, participantBookingCalendars, } = formState;
             const organizer = this.selectedConfiguration?.participants?.find(p => p.is_organizer);
+            const organizerCalendars = participantCalendars && organizer?.email ? participantCalendars[organizer?.email] : [];
+            const organizerBookingCalendar = organizer?.booking?.calendar_id || bookingCalendar;
             const durationMinutes = duration ? parseInt(duration) : 30;
             const participantsList = participants && participants?.length > 0
                 ? participants
                 : [
                     {
-                        name: organizer?.name ?? this.currentUser?.name ?? organizer?.email ?? this.currentUser?.email ?? '',
+                        name: organizer?.name ?? this.currentUser?.name ?? '',
                         email: organizer?.email ?? this.currentUser?.email ?? '',
                         is_organizer: true,
+                        timezone: availability?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
                         availability: {
-                            calendar_ids: calendarIds?.length ? calendarIds : ['primary'],
+                            calendar_ids: organizerCalendars.length ? organizerCalendars : ['primary'],
                             open_hours: [],
                         },
                         booking: {
@@ -163,24 +179,29 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
                     ...participantsList?.map(p => {
                         if (p.is_organizer) {
                             return {
-                                name: p.name ?? p.email,
+                                name: p.name ?? '',
                                 email: p.email,
                                 is_organizer: true,
+                                timezone: participantOpenHours?.[p.email]?.[0]?.timezone ?? p.availability?.open_hours?.[0]?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
                                 availability: {
-                                    calendar_ids: calendarIds?.length ? calendarIds : ['primary'],
+                                    calendar_ids: organizerCalendars.length ? organizerCalendars : ['primary'],
                                     open_hours: participantOpenHours?.[p.email] ?? p.availability?.open_hours ?? [],
                                 },
                                 booking: {
-                                    calendar_id: bookingCalendar && bookingCalendar !== '' ? bookingCalendar : 'primary',
+                                    calendar_id: organizerBookingCalendar ? organizerBookingCalendar : 'primary',
                                 },
                             };
                         }
                         return {
                             ...p,
-                            availability: {
-                                calendar_ids: p.availability?.calendar_ids ?? ['primary'],
-                                open_hours: participantOpenHours?.[p.email] ?? p.availability?.open_hours ?? [],
-                            },
+                            timezone: participantOpenHours?.[p.email]?.[0]?.timezone ?? p.availability?.open_hours?.[0]?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
+                            availability: p.availability
+                                ? {
+                                    calendar_ids: participantCalendars?.[p.email] ?? p.availability?.calendar_ids ?? ['primary'],
+                                    open_hours: participantOpenHours?.[p.email] ?? p.availability?.open_hours ?? [],
+                                }
+                                : undefined,
+                            booking: participantBookingCalendars?.[p.email] ? { calendar_id: participantBookingCalendars?.[p.email] } : undefined,
                         };
                     }),
                 ],
@@ -190,6 +211,7 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
                     location: location?.toString() ?? '',
                     booking_type: bookingType?.toString() ?? 'booking',
                     timezone: availability?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
+                    conferencing: conferencing,
                 },
                 scheduler: {
                     cancellation_policy: cancellationPolicy ?? '',
@@ -199,6 +221,7 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
                     hide_additional_guests: additionalGuestsHidden ?? false,
                     hide_cancellation_options: hideCancellationOptions ?? false,
                     hide_rescheduling_options: hideReschedulingOptions ?? false,
+                    additional_fields: additionalFields,
                 },
             };
             const configObjectWithDeveloperSettings = mergeDeep(configObject, this.selectedConfiguration);
@@ -210,13 +233,48 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
                     this.changesSaved = false;
                 }, 5000);
             };
+            const hasError = this.checkForClientSideErrors(finalConfig);
+            if (hasError) {
+                return;
+            }
             this.schedulerConfigChanged.emit({ config: finalConfig, resetLoadingState, setError: this.setError, action: this.action });
         };
+        this.checkForClientSideErrors = config => {
+            let hasError = false;
+            let errorMessage = '';
+            const additionalFields = config.scheduler?.additional_fields;
+            if (additionalFields) {
+                errorMessage = 'Booking form error: ';
+                Object.entries(additionalFields).forEach(entry => {
+                    const field = entry[1];
+                    if (field.label === '') {
+                        errorMessage += `Label is required for field of type ${field.type}.`;
+                        hasError = true;
+                        return;
+                    }
+                    if (field.options) {
+                        for (const option of field.options) {
+                            if (option === '') {
+                                errorMessage += `Empty option detected inside ${field.label} of type ${field.type}.`;
+                                hasError = true;
+                                break;
+                            }
+                        }
+                    }
+                });
+            }
+            if (hasError) {
+                this.isLoading = false;
+                this.setError(new Error(errorMessage));
+            }
+            return hasError;
+        };
         this.calendars = undefined;
         this.selectedConfiguration = undefined;
         this.currentUser = undefined;
         this.schedulerPreviewLink = '';
         this.mode = 'app';
+        this.hideEditorTabs = [];
         this.action = 'create';
         this.activeTab = 'eventInfo';
         this.isLoading = false;
@@ -268,6 +326,8 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
                 timezone: config?.event_booking?.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone,
                 openHours: config?.availability?.availability_rules?.default_open_hours ?? DEFAULT_OPEN_HOURS,
             },
+            additionalFields: config?.scheduler?.additional_fields ?? {},
+            conferencing: config?.event_booking?.conferencing ?? {},
             calendarIds: organizerParticipant?.availability?.calendar_ids ?? [],
             participants: config?.participants ?? [],
             bookingCalendar: organizerParticipant?.booking?.calendar_id ?? organizerParticipant?.email ?? '',
@@ -279,12 +339,22 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
             minCancellationNotice: config?.scheduler?.min_cancellation_notice ?? 0,
             minBookingNotice: config?.scheduler?.min_booking_notice ?? 60,
             timeslotInterval: {
-                interval: config?.availability?.interval_minutes ?? config?.availability?.duration_minutes ?? 10,
+                interval: config?.availability?.interval_minutes ?? config?.availability?.duration_minutes,
                 roundTo: config?.availability?.round_to,
             },
             additionalGuestsHidden: config?.scheduler?.hide_additional_guests ?? false,
             hideCancellationOptions: config?.scheduler?.hide_cancellation_options ?? false,
             hideReschedulingOptions: config?.scheduler?.hide_rescheduling_options ?? false,
+            participantBookingCalendars: config?.participants?.reduce((acc, p) => {
+                if (p.booking?.calendar_id) {
+                    acc[p.email] = p.booking?.calendar_id;
+                }
+                return acc;
+            }) ?? {},
+            participantCalendars: config?.participants?.reduce((acc, p) => {
+                acc[p.email] = p.availability?.calendar_ids;
+                return acc;
+            }, {}) ?? {},
         };
     }
     setFormState(value, key) {
@@ -304,15 +374,18 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
             case 'participants':
                 this.formState.participants = JSON.parse(value.toString());
                 break;
-            case 'calendars':
-                this.formState.calendarIds = value.toString().split(',');
-                break;
             case 'booking-calendar':
                 this.formState.bookingCalendar = value.toString();
                 break;
+            case 'participant-booking-calendars':
+                this.formState.participantBookingCalendars = JSON.parse(value.toString());
+                break;
             case 'location':
                 this.formState.location = value.toString();
                 break;
+            case 'conference':
+                this.formState.conferencing = JSON.parse(value.toString());
+                break;
             case 'booking-type':
                 this.formState.bookingType = value.toString();
                 break;
@@ -344,6 +417,12 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
                 const participantOpenHours = JSON.parse(value.toString());
                 this.formState.participantOpenHours = participantOpenHours;
                 break;
+            case 'additional-fields':
+                this.formState.additionalFields = value;
+                break;
+            case 'connected-calendars':
+                this.formState.participantCalendars = JSON.parse(value.toString());
+                break;
         }
     }
     updateFormState() {
@@ -359,25 +438,27 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
         this.updateFormState();
         this.activeTab = tabName;
     }
+    hideTab(tab) {
+        return this.hideEditorTabs?.includes(tab) || false;
+    }
     render() {
         debug('[nylas-editor-tabs]', 'render', this.formState);
-        const showParticipantsTab = localStorage.getItem('nylas') === 'Nylas Developer';
-        return (h(Host, { key: '13aad28cba8de3b30e60d7a26849d30ef2578bb5' }, h("form", { key: '31e835f74ca7728d597148a18c840e0791c34c89', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { class: { tab: true, active: this.activeTab == 'eventInfo' }, onClick: e => this.setActiveTab(e, 'eventInfo') }, h("calendar-info-icon", { width: "16", height: "16" }), "Event Info"), h("button", { class: { tab: true, active: this.activeTab == 'availability' }, onClick: e => this.setActiveTab(e, 'availability') }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { class: { tab: true, active: this.activeTab == 'bookingOptions' }, onClick: e => this.setActiveTab(e, 'bookingOptions') }, h("flow-icon", { width: "16", height: "16" }), "Booking Options"), showParticipantsTab && (h("button", { class: { tab: true, active: this.activeTab == 'participants' }, onClick: e => this.setActiveTab(e, 'participants') }, h("people-icon", { width: "16", height: "16" }), "Participants"))), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("slot", null)), h("div", { key: 'e83274ed2d92f179c90564a21f80ba869d1033a2', class: "footer" }, h("div", { key: 'c661b7a0c024f7b8f1c916b55bc5784a10ee9958', class: "preview" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { type: "button", disabled: this.isLoading, clickHandler: event => {
+        return (h(Host, { key: '6636487c6ce64dddbcb5b393c9240fae3dacab62' }, h("form", { key: '10a616e5d8c6b19d650bbbaa26bdcb178b050161', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { class: { tab: true, active: this.activeTab == 'eventInfo', hide: this.hideTab('eventInfo') }, part: "editortab__event-info", onClick: e => this.setActiveTab(e, 'eventInfo') }, h("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h("button", { class: { tab: true, active: this.activeTab == 'availability', hide: this.hideTab('availability') }, part: "editortab__availability", onClick: e => this.setActiveTab(e, 'availability') }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { class: { tab: true, active: this.activeTab == 'participants', hide: this.hideTab('participants') }, part: "editortab__participants", onClick: e => this.setActiveTab(e, 'participants') }, h("people-icon", { width: "16", height: "16" }), "Participants"), h("button", { class: { tab: true, active: this.activeTab == 'bookingOptions', hide: this.hideTab('bookingOptions') }, part: "editortab__booking-options", onClick: e => this.setActiveTab(e, 'bookingOptions') }, h("flow-icon", { width: "16", height: "16" }), "Booking options"), h("button", { class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab('bookingForm') }, part: "editortab__booking-form", onClick: e => this.setActiveTab(e, 'bookingForm') }, this.activeTab == 'bookingForm' ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form")), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("slot", null)), h("div", { key: '280c0c7aeb9199c53586cc211ae473bbe23efc88', class: "footer" }, h("div", { key: '8ae601f7812e3a0ad346dea9d79bde817c477fcd', class: "preview" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, "Preview"))), h("div", { key: '78cb89dbbb6e124aaddf9b486834e81ab10ea70a', class: "buttons" }, h("p", { key: 'e07f651a081607471d067aa05a3858446725a6db', class: {
+            }, variant: 'basic' }, "Preview"))), h("div", { key: '9442375eebbac6e0edf76ccd81be5607c3427120', class: "buttons" }, h("p", { key: '3bac06ac6145e732ee05ed8b953a4bac8dc123d3', 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!' : ''), h("button-component", { key: '66500ec7f10c2a5ecb6d98647766e2f31f030fe4', type: "button", disabled: this.isLoading, clickHandler: event => {
+            } }, this.error !== '' ? this.error : '', this.error == '' && this.hasUnsavedChanges && !this.changesSaved ? 'Unsaved changes' : this.error == '' && this.changesSaved ? 'Changes saved!' : ''), h("button-component", { key: 'b6347b69d1a624d9dd65e2831a0a7ae92bfd95b6', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.error = '';
-            }, variant: 'basic' }, "Cancel"), h("button-component", { key: 'a816e4c9d7d1f53e09edf635f06c9a177bdcb15a', type: "submit", disabled: this.isLoading }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action == 'create' ? ('Create') : ('Save changes')))))));
+            }, variant: 'basic' }, "Back"), h("button-component", { key: '28222fdd8258c009690d25ccbf05ad86abcc1cd3', type: "submit", disabled: this.isLoading }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action == 'create' ? ('Create') : ('Save changes')))))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -390,6 +471,7 @@ const NylasEditorTabs = proxyCustomElement(class NylasEditorTabs extends HTMLEle
         "currentUser": [16],
         "schedulerPreviewLink": [1, "scheduler-preview-link"],
         "mode": [1],
+        "hideEditorTabs": [16],
         "action": [32],
         "activeTab": [32],
         "isLoading": [32],
@@ -407,6 +489,7 @@ __decorate([
             ['schedulerConfig.calendars', 'calendars'],
             ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],
             ['schedulerConfig.currentUser', 'currentUser'],
+            ['schedulerConfig.hideEditorTabs', 'hideEditorTabs'],
         ]),
         eventToProps: {
             schedulerConfigChanged: async (event, nylasSchedulerConfigConnector) => {
@@ -450,7 +533,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["nylas-editor-tabs", "add-circle-icon", "button-component", "calendar-info-icon", "calendar-patterns-icon", "checkbox-component", "chevron-icon", "close-icon", "flow-icon", "globe-icon", "info-icon", "input-dropdown", "loading-icon", "location-icon", "location-off-icon", "multi-select-dropdown", "nylas-additional-participants", "nylas-availability-picker", "nylas-booking-calendar-picker", "nylas-buffer-time", "nylas-calendar-picker", "nylas-cancellation-policy", "nylas-customize-booking-settings", "nylas-event-description", "nylas-event-duration", "nylas-event-info", "nylas-event-limits", "nylas-event-location", "nylas-event-title", "nylas-form-card", "nylas-limit-future-bookings", "nylas-min-booking-notice", "nylas-min-cancellation-notice", "nylas-participants-custom-availability", "nylas-time-window-picker", "nylas-timeslot-interval", "people-icon", "radio-button-group", "search-icon", "select-dropdown", "time-period-selector", "toggle-switch", "tooltip-component"];
+    const components = ["nylas-editor-tabs", "add-circle-icon", "button-component", "calendar-agenda-fill-icon", "calendar-agenda-icon", "calendar-info-icon", "calendar-patterns-icon", "checkbox-component", "chevron-icon", "close-icon", "dragable-icon", "flow-icon", "globe-icon", "google-meet-icon", "info-icon", "input-component", "input-dropdown", "loading-icon", "location-icon", "location-off-icon", "microsoft-teams-icon", "multi-select-dropdown", "nylas-additional-participants", "nylas-availability-picker", "nylas-booking-calendar-picker", "nylas-booking-form-config", "nylas-buffer-time", "nylas-calendar-picker", "nylas-cancellation-policy", "nylas-connected-calendars", "nylas-customize-booking-settings", "nylas-event-description", "nylas-event-duration", "nylas-event-info", "nylas-event-limits", "nylas-event-location", "nylas-event-title", "nylas-form-card", "nylas-limit-future-bookings", "nylas-min-booking-notice", "nylas-min-cancellation-notice", "nylas-participant-booking-calendars", "nylas-participants-custom-availability", "nylas-time-window-picker", "nylas-timeslot-interval", "people-icon", "plus-icon", "radio-button-group", "search-icon", "select-dropdown", "time-period-selector", "toggle-switch", "tooltip-component", "zoom-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "nylas-editor-tabs":
             if (!customElements.get(tagName)) {
@@ -459,210 +542,265 @@ function defineCustomElement() {
             break;
         case "add-circle-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$G();
+                defineCustomElement$R();
             }
             break;
         case "button-component":
             if (!customElements.get(tagName)) {
-                defineCustomElement$F();
+                defineCustomElement$Q();
+            }
+            break;
+        case "calendar-agenda-fill-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$P();
+            }
+            break;
+        case "calendar-agenda-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$O();
             }
             break;
         case "calendar-info-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$E();
+                defineCustomElement$N();
             }
             break;
         case "calendar-patterns-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$D();
+                defineCustomElement$M();
             }
             break;
         case "checkbox-component":
             if (!customElements.get(tagName)) {
-                defineCustomElement$C();
+                defineCustomElement$L();
             }
             break;
         case "chevron-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$K();
             }
             break;
         case "close-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$J();
+            }
+            break;
+        case "dragable-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$I();
             }
             break;
         case "flow-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$H();
             }
             break;
         case "globe-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$G();
+            }
+            break;
+        case "google-meet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$F();
             }
             break;
         case "info-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$E();
+            }
+            break;
+        case "input-component":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$D();
             }
             break;
         case "input-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$C();
             }
             break;
         case "loading-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$B();
             }
             break;
         case "location-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$A();
             }
             break;
         case "location-off-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$z();
+            }
+            break;
+        case "microsoft-teams-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$y();
             }
             break;
         case "multi-select-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$x();
             }
             break;
         case "nylas-additional-participants":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$w();
             }
             break;
         case "nylas-availability-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$v();
             }
             break;
         case "nylas-booking-calendar-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$u();
+            }
+            break;
+        case "nylas-booking-form-config":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$t();
             }
             break;
         case "nylas-buffer-time":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$s();
             }
             break;
         case "nylas-calendar-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$r();
             }
             break;
         case "nylas-cancellation-policy":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$q();
+            }
+            break;
+        case "nylas-connected-calendars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
             }
             break;
         case "nylas-customize-booking-settings":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$o();
             }
             break;
         case "nylas-event-description":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$n();
             }
             break;
         case "nylas-event-duration":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$m();
             }
             break;
         case "nylas-event-info":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$l();
             }
             break;
         case "nylas-event-limits":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$k();
             }
             break;
         case "nylas-event-location":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$j();
             }
             break;
         case "nylas-event-title":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$i();
             }
             break;
         case "nylas-form-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$h();
             }
             break;
         case "nylas-limit-future-bookings":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$g();
             }
             break;
         case "nylas-min-booking-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$f();
             }
             break;
         case "nylas-min-cancellation-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$e();
+            }
+            break;
+        case "nylas-participant-booking-calendars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
             }
             break;
         case "nylas-participants-custom-availability":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$c();
             }
             break;
         case "nylas-time-window-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$b();
             }
             break;
         case "nylas-timeslot-interval":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$a();
             }
             break;
         case "people-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$9();
+            }
+            break;
+        case "plus-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
             }
             break;
         case "radio-button-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "search-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "select-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "time-period-selector":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "toggle-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "tooltip-component":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "zoom-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }