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

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

@@ -5,53 +5,68 @@ import { d as dataResponse, a as debug } from './utils.js';
 import { C as CreateNylasSchedulerConfigStore } from './scheduler-config-store.js';
 import { B as Buffer, c as commonjsGlobal } from './_commonjsHelpers.js';
 import { p as process } from './index3.js';
-import { d as defineCustomElement$M } from './add-circle.js';
-import { d as defineCustomElement$L } from './button-component2.js';
-import { d as defineCustomElement$K } from './calendar.js';
-import { d as defineCustomElement$J } from './calendar-info.js';
-import { d as defineCustomElement$I } from './calendar-patterns.js';
-import { d as defineCustomElement$H } from './checkbox-component2.js';
-import { d as defineCustomElement$G } from './chevron.js';
-import { d as defineCustomElement$F } from './close.js';
-import { d as defineCustomElement$E } from './flow.js';
-import { d as defineCustomElement$D } from './globe.js';
-import { d as defineCustomElement$C } from './google-logo.js';
-import { d as defineCustomElement$B } from './info.js';
-import { d as defineCustomElement$A } from './input-dropdown2.js';
-import { d as defineCustomElement$z } from './loading.js';
-import { d as defineCustomElement$y } from './location.js';
-import { d as defineCustomElement$x } from './location-off.js';
-import { d as defineCustomElement$w } from './microsoft-logo.js';
-import { d as defineCustomElement$v } from './multi-select-dropdown2.js';
-import { d as defineCustomElement$u } from './nylas-additional-participants2.js';
-import { d as defineCustomElement$t } from './nylas-availability-picker2.js';
-import { d as defineCustomElement$s } from './nylas-booking-calendar-picker2.js';
-import { d as defineCustomElement$r } from './nylas-buffer-time2.js';
-import { d as defineCustomElement$q } from './nylas-calendar-picker2.js';
-import { d as defineCustomElement$p } from './nylas-cancellation-policy2.js';
-import { d as defineCustomElement$o } from './nylas-customize-booking-settings2.js';
-import { d as defineCustomElement$n } from './nylas-editor-tabs2.js';
-import { d as defineCustomElement$m } from './nylas-event-description2.js';
-import { d as defineCustomElement$l } from './nylas-event-duration2.js';
-import { d as defineCustomElement$k } from './nylas-event-info2.js';
-import { d as defineCustomElement$j } from './nylas-event-limits2.js';
-import { d as defineCustomElement$i } from './nylas-event-location2.js';
-import { d as defineCustomElement$h } from './nylas-event-title2.js';
-import { d as defineCustomElement$g } from './nylas-form-card2.js';
-import { d as defineCustomElement$f } from './nylas-limit-future-bookings2.js';
-import { d as defineCustomElement$e } from './nylas-list-configurations2.js';
-import { d as defineCustomElement$d } from './nylas-min-booking-notice2.js';
-import { d as defineCustomElement$c } from './nylas-min-cancellation-notice2.js';
-import { d as defineCustomElement$b } from './nylas-participants-custom-availability2.js';
-import { d as defineCustomElement$a } from './nylas-time-window-picker2.js';
-import { d as defineCustomElement$9 } from './nylas-timeslot-interval2.js';
-import { d as defineCustomElement$8 } from './people.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$$ } from './add-circle.js';
+import { d as defineCustomElement$_ } from './button-component2.js';
+import { d as defineCustomElement$Z } from './calendar-agenda-fill.js';
+import { d as defineCustomElement$Y } from './calendar-agenda.js';
+import { d as defineCustomElement$X } from './calendar.js';
+import { d as defineCustomElement$W } from './calendar-info.js';
+import { d as defineCustomElement$V } from './calendar-patterns.js';
+import { d as defineCustomElement$U } from './checkbox-component2.js';
+import { d as defineCustomElement$T } from './chevron.js';
+import { d as defineCustomElement$S } from './close.js';
+import { d as defineCustomElement$R } from './copy.js';
+import { d as defineCustomElement$Q } from './delete.js';
+import { d as defineCustomElement$P } from './dragable.js';
+import { d as defineCustomElement$O } from './edit.js';
+import { d as defineCustomElement$N } from './eye.js';
+import { d as defineCustomElement$M } from './flow.js';
+import { d as defineCustomElement$L } from './globe.js';
+import { d as defineCustomElement$K } from './google-logo.js';
+import { d as defineCustomElement$J } from './google-meet.js';
+import { d as defineCustomElement$I } from './info.js';
+import { d as defineCustomElement$H } from './input-component2.js';
+import { d as defineCustomElement$G } from './input-dropdown2.js';
+import { d as defineCustomElement$F } from './loading.js';
+import { d as defineCustomElement$E } from './location.js';
+import { d as defineCustomElement$D } from './location-off.js';
+import { d as defineCustomElement$C } from './microsoft-logo.js';
+import { d as defineCustomElement$B } from './microsof-teams.js';
+import { d as defineCustomElement$A } from './multi-select-dropdown2.js';
+import { d as defineCustomElement$z } from './nylas-additional-participants2.js';
+import { d as defineCustomElement$y } from './nylas-availability-picker2.js';
+import { d as defineCustomElement$x } from './nylas-booking-calendar-picker2.js';
+import { d as defineCustomElement$w } from './nylas-booking-form-config2.js';
+import { d as defineCustomElement$v } from './nylas-buffer-time2.js';
+import { d as defineCustomElement$u } from './nylas-calendar-picker2.js';
+import { d as defineCustomElement$t } from './nylas-cancellation-policy2.js';
+import { d as defineCustomElement$s } from './nylas-connected-calendars2.js';
+import { d as defineCustomElement$r } from './nylas-customize-booking-settings2.js';
+import { d as defineCustomElement$q } from './nylas-editor-tabs2.js';
+import { d as defineCustomElement$p } from './nylas-event-description2.js';
+import { d as defineCustomElement$o } from './nylas-event-duration2.js';
+import { d as defineCustomElement$n } from './nylas-event-info2.js';
+import { d as defineCustomElement$m } from './nylas-event-limits2.js';
+import { d as defineCustomElement$l } from './nylas-event-location2.js';
+import { d as defineCustomElement$k } from './nylas-event-title2.js';
+import { d as defineCustomElement$j } from './nylas-form-card2.js';
+import { d as defineCustomElement$i } from './nylas-limit-future-bookings2.js';
+import { d as defineCustomElement$h } from './nylas-list-configurations2.js';
+import { d as defineCustomElement$g } from './nylas-min-booking-notice2.js';
+import { d as defineCustomElement$f } from './nylas-min-cancellation-notice2.js';
+import { d as defineCustomElement$e } from './nylas-participant-booking-calendars2.js';
+import { d as defineCustomElement$d } from './nylas-participants-custom-availability2.js';
+import { d as defineCustomElement$c } from './nylas-time-window-picker2.js';
+import { d as defineCustomElement$b } from './nylas-timeslot-interval2.js';
+import { d as defineCustomElement$a } from './people.js';
+import { d as defineCustomElement$9 } from './plus.js';
+import { d as defineCustomElement$8 } from './radio-button-group2.js';
+import { d as defineCustomElement$7 } from './search.js';
+import { d as defineCustomElement$6 } from './select-dropdown2.js';
+import { d as defineCustomElement$5 } from './time-period-selector2.js';
+import { d as defineCustomElement$4 } from './toggle-switch2.js';
+import { d as defineCustomElement$3 } from './toolitp-component.js';
+import { d as defineCustomElement$2 } from './zoom.js';
 
 class NylasSchedulerConfigAPIConnector {
     constructor({ nylasApiRequest, nylasSchedulerConfigStore }) {
@@ -126,16 +141,17 @@ class NylasSchedulerConfigAPIConnector {
         }
         return dataResponse(response.data);
     }
-    async getConfigurations() {
+    async getConfigurations(cursor) {
         if (!this.nylasApiRequest) {
             console.warn('Nylas API Request is not initialized');
             return dataResponse(null, {
                 message: 'Error fetching configurations: Nylas API Request is not initialized',
             });
         }
+        const limit = 50;
         const [response, error] = await this.nylasApiRequest.request({
             method: 'GET',
-            path: `scheduling/configurations`,
+            path: `scheduling/configurations?limit=${limit}${cursor ? `&page_token=${cursor}` : ''}`,
         });
         if (error) {
             return dataResponse(null, {
@@ -148,6 +164,7 @@ class NylasSchedulerConfigAPIConnector {
             });
         }
         this.nylasSchedulerConfigStore.state.configurations = response.data;
+        this.nylasSchedulerConfigStore.state.listConfigurationsNextCursor = response.next_cursor || null;
         return dataResponse(response.data);
     }
     async createConfiguration(configuration) {
@@ -2112,15 +2129,16 @@ const LoginRequired = ({ authenticationUrl }) => (h("div", { class: 'login-requi
             h("chevron-icon", { width: "17", height: "17" })),
         h("small", { class: "disclaimer-text" }, "* You will be redirected to authenticate your account."))));
 
-const ExpressFlow = () => {
+function ExpressFlow({ selectedConfiguration, currentUser, calendars }) {
+    const organizer = selectedConfiguration.participants?.find(p => p.is_organizer) ?? currentUser;
     return (h(Fragment, null,
         h("nylas-event-info", null,
             h("div", { slot: "inputs" },
                 h("nylas-event-title", null),
                 h("nylas-event-duration", null),
                 h("nylas-event-location", null))),
-        h("nylas-booking-calendar-picker", null)));
-};
+        h("nylas-booking-calendar-picker", { calendars: calendars, currentUser: currentUser, defaultBookingCalendar: organizer?.email })));
+}
 
 const nylasSchedulerEditorCss = ":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 0px 6px -2px rgba(0, 0, 0, 0.05), 0px 5px 15px -3px rgba(0, 0, 0, 0.1);--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}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}div.scheduler-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--nylas-base-200);color:var(--nylas-base-900)}div.scheduler-editor-header h1.scheduler-editor-title{display:flex;align-items:center;gap:0.5rem;width:858px;margin:0;font-size:18px;line-height:24px;font-weight:600}@media screen and (max-width: 768px){div.scheduler-editor-header h1.scheduler-editor-title{width:auto;min-width:calc(325px - 1rem)}}div.scheduler-editor-header button{background:transparent;border:none;cursor:pointer}div.scheduler-editor-header button:hover,div.scheduler-editor-header button:active{color:var(--nylas-primary)}div.scheduler-editor-header button:disabled{cursor:not-allowed}nylas-editor-tabs{width:auto}nylas-editor-tabs nylas-event-info div[slot=inputs],nylas-editor-tabs nylas-event-limits div[slot=inputs]{display:flex;flex-direction:column;gap:1rem}.card{display:flex;flex-direction:column;padding:2rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;max-width:fit-content;align-self:center}.login-required{height:554px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.login-required{height:auto}}.login-required p{margin:0 0 1rem}.login-required .microsoft-button,.login-required .google-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;margin-bottom:1rem;background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);border-radius:5px;justify-content:center;gap:0.5rem;align-items:center}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .microsoft-button:hover,.login-required .google-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button{height:48px;border:1px solid var(--nylas-base-300);border-radius:var(--nylas-border-radius-2x);font-size:1rem;line-height:24px;padding:0 1rem;background-color:var(--nylas-base-0);font-weight:600;cursor:pointer;display:flex;border:0;background-color:var(--nylas-base-0);height:48px;margin-bottom:1rem;font-size:0.95rem;justify-content:center;gap:0.25rem;align-items:center}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .other-provider-button svg{transform:rotate(180deg)}.login-required .other-provider-button:hover{background-color:var(--nylas-base-25)}.login-required .disclaimer-text{font-size:0.75rem;color:var(--nylas-base-600);align-self:center}.list-configurations{padding:2rem;height:554px;background:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.list-configurations{height:auto}}.list-configurations nylas-list-configurations{height:inherit;display:flex;flex-direction:column}";
 const NylasSchedulerEditorStyle0 = nylasSchedulerEditorCss;
@@ -2159,6 +2177,8 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         this.defaultSchedulerConfigState = undefined;
         this.mode = 'app';
         this.additionalParticipants = undefined;
+        this.hideEditorTabs = [];
+        this.conferenceProviders = undefined;
         this.automaticComponentRegistration = true;
     }
     connectedCallback() {
@@ -2166,10 +2186,22 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
     }
     async componentWillLoad() {
         debug(`[nylas-scheduler-editor] componentWillLoad`);
+        const filteredAdditionalParticipants = this.additionalParticipants?.filter(participant => {
+            const filteredCalendars = participant.calendars?.length > 0 ? participant.calendars.filter(calendar => calendar.id && calendar.name) : [];
+            if (participant.name && participant.email && filteredCalendars.length > 0) {
+                return {
+                    name: participant.name,
+                    email: participant.email,
+                    calendars: filteredCalendars,
+                };
+            }
+        });
         this.stores = {
             schedulerConfig: CreateNylasSchedulerConfigStore({
                 ...this.defaultSchedulerConfigState,
-                additionalParticipants: this.additionalParticipants,
+                additionalParticipants: filteredAdditionalParticipants,
+                conferenceProviders: this.conferenceProviders,
+                hideEditorTabs: this.hideEditorTabs,
             }),
         };
         if (!this.nylasApiRequest && this.nylasSessionsConfig) {
@@ -2259,7 +2291,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         await this.nylasSchedulerConfigConnector.schedulerConfig?.getCalendars();
     }
     render() {
-        return (h(Host, { key: '9cff01340fae6ec631ddeaa1656eeedc47af9179' }, h("div", { key: '1c79bfbdf35dd6a1ebb7624d4b9f660e6e5acf14', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: 'cc5b67f761d7f00ad88ec0d22a983d9e72634df2', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '730375a8d474dc546a33e6fd264b51576562292c', width: "18", height: "18" }), "Scheduler editor"), h("button", { key: '41b1c5604d6f4c4e6c057f69241e4aab92682396', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: '09f961c3ab6601edf9bfbc89b97bd7fdbff90a6b', width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (h("div", { class: "list-configurations" }, h("nylas-list-configurations", null))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && (h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, null))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && (h("nylas-editor-tabs", { mode: this.mode }, this.mode === 'composable' && h("slot", null))), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })))));
+        return (h(Host, { key: '843aa39842caf2c85154b6b70120bf7f66d6e13b' }, h("div", { key: 'bb75d22d48ac322be916635dbbb6229b1077db36', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: 'ae180ddc9c742c58e91cfeae59c76129f2b8d4b1', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '6f96e2158cccdddbad611fb64fa5d37795a60ee7', width: "18", height: "18" }), "Scheduler editor"), h("button", { key: 'f24abc88ac228e1b0c05689cbe9b33560d87a7a5', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: '916d5d1c0506995603598e6a56d16586690a509b', width: "18", height: "18" }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === null && (h("div", { class: "list-configurations" }, h("nylas-list-configurations", null))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'create' && (h("nylas-editor-tabs", { mode: "composable" }, h(ExpressFlow, { currentUser: this.stores?.schedulerConfig?.state.currentUser, calendars: this.stores?.schedulerConfig?.state?.calendars, selectedConfiguration: this.stores?.schedulerConfig?.state?.selectedConfiguration }))), this.stores?.schedulerConfig?.state.currentUser && this.stores.schedulerConfig.state.action === 'edit' && (h("nylas-editor-tabs", { mode: this.mode }, this.mode === 'composable' && h("slot", null))), !this.stores?.schedulerConfig?.state.currentUser && (h("slot", { name: "login-required" }, h(LoginRequired, { authenticationUrl: this.authenticationUrl })))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -2276,6 +2308,8 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         "defaultSchedulerConfigState": [16],
         "mode": [1],
         "additionalParticipants": [16],
+        "hideEditorTabs": [16],
+        "conferenceProviders": [16],
         "automaticComponentRegistration": [32],
         "store": [64],
         "schedulerConnector": [64]
@@ -2286,7 +2320,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["nylas-scheduler-editor", "add-circle-icon", "button-component", "calendar-icon", "calendar-info-icon", "calendar-patterns-icon", "checkbox-component", "chevron-icon", "close-icon", "flow-icon", "globe-icon", "google-logo-icon", "info-icon", "input-dropdown", "loading-icon", "location-icon", "location-off-icon", "microsoft-logo-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-editor-tabs", "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-list-configurations", "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-scheduler-editor", "add-circle-icon", "button-component", "calendar-agenda-fill-icon", "calendar-agenda-icon", "calendar-icon", "calendar-info-icon", "calendar-patterns-icon", "checkbox-component", "chevron-icon", "close-icon", "copy-icon", "delete-icon", "dragable-icon", "edit-icon", "eye-icon", "flow-icon", "globe-icon", "google-logo-icon", "google-meet-icon", "info-icon", "input-component", "input-dropdown", "loading-icon", "location-icon", "location-off-icon", "microsoft-logo-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-editor-tabs", "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-list-configurations", "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-scheduler-editor":
             if (!customElements.get(tagName)) {
@@ -2295,235 +2329,310 @@ function defineCustomElement$1() {
             break;
         case "add-circle-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$M();
+                defineCustomElement$$();
             }
             break;
         case "button-component":
             if (!customElements.get(tagName)) {
-                defineCustomElement$L();
+                defineCustomElement$_();
+            }
+            break;
+        case "calendar-agenda-fill-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$Z();
+            }
+            break;
+        case "calendar-agenda-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$Y();
             }
             break;
         case "calendar-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$K();
+                defineCustomElement$X();
             }
             break;
         case "calendar-info-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$J();
+                defineCustomElement$W();
             }
             break;
         case "calendar-patterns-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$I();
+                defineCustomElement$V();
             }
             break;
         case "checkbox-component":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$U();
             }
             break;
         case "chevron-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$G();
+                defineCustomElement$T();
             }
             break;
         case "close-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$F();
+                defineCustomElement$S();
+            }
+            break;
+        case "copy-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$R();
+            }
+            break;
+        case "delete-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$Q();
+            }
+            break;
+        case "dragable-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$P();
+            }
+            break;
+        case "edit-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$O();
+            }
+            break;
+        case "eye-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$N();
             }
             break;
         case "flow-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$E();
+                defineCustomElement$M();
             }
             break;
         case "globe-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$D();
+                defineCustomElement$L();
             }
             break;
         case "google-logo-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$C();
+                defineCustomElement$K();
+            }
+            break;
+        case "google-meet-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$J();
             }
             break;
         case "info-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$I();
+            }
+            break;
+        case "input-component":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$H();
             }
             break;
         case "input-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$G();
             }
             break;
         case "loading-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$F();
             }
             break;
         case "location-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$E();
             }
             break;
         case "location-off-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$D();
             }
             break;
         case "microsoft-logo-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$C();
+            }
+            break;
+        case "microsoft-teams-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$B();
             }
             break;
         case "multi-select-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$A();
             }
             break;
         case "nylas-additional-participants":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$z();
             }
             break;
         case "nylas-availability-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$y();
             }
             break;
         case "nylas-booking-calendar-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$x();
+            }
+            break;
+        case "nylas-booking-form-config":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
             }
             break;
         case "nylas-buffer-time":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$v();
             }
             break;
         case "nylas-calendar-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$u();
             }
             break;
         case "nylas-cancellation-policy":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$t();
+            }
+            break;
+        case "nylas-connected-calendars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
             }
             break;
         case "nylas-customize-booking-settings":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$r();
             }
             break;
         case "nylas-editor-tabs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$q();
             }
             break;
         case "nylas-event-description":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$p();
             }
             break;
         case "nylas-event-duration":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$o();
             }
             break;
         case "nylas-event-info":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$n();
             }
             break;
         case "nylas-event-limits":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$m();
             }
             break;
         case "nylas-event-location":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$l();
             }
             break;
         case "nylas-event-title":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$k();
             }
             break;
         case "nylas-form-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$j();
             }
             break;
         case "nylas-limit-future-bookings":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$i();
             }
             break;
         case "nylas-list-configurations":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$h();
             }
             break;
         case "nylas-min-booking-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$g();
             }
             break;
         case "nylas-min-cancellation-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$f();
+            }
+            break;
+        case "nylas-participant-booking-calendars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
             }
             break;
         case "nylas-participants-custom-availability":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$d();
             }
             break;
         case "nylas-time-window-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$c();
             }
             break;
         case "nylas-timeslot-interval":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$b();
             }
             break;
         case "people-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$a();
+            }
+            break;
+        case "plus-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
             }
             break;
         case "radio-button-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "search-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "select-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "time-period-selector":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "toggle-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "tooltip-component":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "zoom-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }