@nylas/web-elements 1.1.0-canary.15 → 1.1.0-canary.16

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

@@ -5,44 +5,46 @@ 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$I } from './add-circle.js';
-import { d as defineCustomElement$H } from './button-component2.js';
-import { d as defineCustomElement$G } from './calendar.js';
-import { d as defineCustomElement$F } from './calendar-info.js';
-import { d as defineCustomElement$E } from './calendar-patterns.js';
-import { d as defineCustomElement$D } from './checkbox-component2.js';
-import { d as defineCustomElement$C } from './chevron.js';
-import { d as defineCustomElement$B } from './close.js';
-import { d as defineCustomElement$A } from './flow.js';
-import { d as defineCustomElement$z } from './globe.js';
-import { d as defineCustomElement$y } from './google-logo.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 './microsoft-logo.js';
-import { d as defineCustomElement$r } from './multi-select-dropdown2.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-editor-tabs2.js';
-import { d as defineCustomElement$j } from './nylas-event-description2.js';
-import { d as defineCustomElement$i } from './nylas-event-duration2.js';
-import { d as defineCustomElement$h } from './nylas-event-info2.js';
-import { d as defineCustomElement$g } from './nylas-event-limits2.js';
-import { d as defineCustomElement$f } from './nylas-event-location2.js';
-import { d as defineCustomElement$e } from './nylas-event-title2.js';
-import { d as defineCustomElement$d } from './nylas-form-card2.js';
-import { d as defineCustomElement$c } from './nylas-limit-future-bookings2.js';
-import { d as defineCustomElement$b } from './nylas-list-configurations2.js';
-import { d as defineCustomElement$a } from './nylas-min-booking-notice2.js';
-import { d as defineCustomElement$9 } from './nylas-min-cancellation-notice2.js';
-import { d as defineCustomElement$8 } from './nylas-time-window-picker2.js';
-import { d as defineCustomElement$7 } from './nylas-timeslot-interval2.js';
+import { d as defineCustomElement$K } from './add-circle.js';
+import { d as defineCustomElement$J } from './button-component2.js';
+import { d as defineCustomElement$I } from './calendar.js';
+import { d as defineCustomElement$H } from './calendar-info.js';
+import { d as defineCustomElement$G } from './calendar-patterns.js';
+import { d as defineCustomElement$F } from './checkbox-component2.js';
+import { d as defineCustomElement$E } from './chevron.js';
+import { d as defineCustomElement$D } from './close.js';
+import { d as defineCustomElement$C } from './flow.js';
+import { d as defineCustomElement$B } from './globe.js';
+import { d as defineCustomElement$A } from './google-logo.js';
+import { d as defineCustomElement$z } from './info.js';
+import { d as defineCustomElement$y } from './input-dropdown2.js';
+import { d as defineCustomElement$x } from './loading.js';
+import { d as defineCustomElement$w } from './location.js';
+import { d as defineCustomElement$v } from './location-off.js';
+import { d as defineCustomElement$u } from './microsoft-logo.js';
+import { d as defineCustomElement$t } from './multi-select-dropdown2.js';
+import { d as defineCustomElement$s } from './nylas-additional-participants2.js';
+import { d as defineCustomElement$r } from './nylas-availability-picker2.js';
+import { d as defineCustomElement$q } from './nylas-booking-calendar-picker2.js';
+import { d as defineCustomElement$p } from './nylas-buffer-time2.js';
+import { d as defineCustomElement$o } from './nylas-calendar-picker2.js';
+import { d as defineCustomElement$n } from './nylas-cancellation-policy2.js';
+import { d as defineCustomElement$m } from './nylas-customize-booking-settings2.js';
+import { d as defineCustomElement$l } from './nylas-editor-tabs2.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-list-configurations2.js';
+import { d as defineCustomElement$b } from './nylas-min-booking-notice2.js';
+import { d as defineCustomElement$a } from './nylas-min-cancellation-notice2.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';
@@ -5462,6 +5464,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         this.schedulerPreviewLink = '';
         this.defaultSchedulerConfigState = undefined;
         this.mode = 'app';
+        this.additionalParticipants = undefined;
         this.automaticComponentRegistration = true;
     }
     connectedCallback() {
@@ -5472,6 +5475,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         this.stores = {
             schedulerConfig: CreateNylasSchedulerConfigStore({
                 ...this.defaultSchedulerConfigState,
+                additionalParticipants: this.additionalParticipants,
             }),
         };
         if (!this.nylasApiRequest && this.nylasSessionsConfig) {
@@ -5561,7 +5565,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         await this.nylasSchedulerConfigConnector.schedulerConfig?.getCalendars();
     }
     render() {
-        return (h(Host, { key: 'e002a44eed281858acbac383ed43cbecc33f8787' }, h("div", { key: '45b6210474e128efb8b9ed9652fb193ba4116483', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: '4a32b5953b88d41abe3c461cc009b4810e307e29', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: '14d24a40119d1f3aa37efe37a468c8abceae3903', width: "18", height: "18" }), "Scheduler editor"), h("button", { key: 'dcbf3accf800d65dbd268da096ddd8ec93854096', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: '1f2b11860228f8d83a30427f7f1fd8412b61047b', 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: 'd5f019173d3ec4f80d802de6989182b0e8e4c2d0' }, h("div", { key: '7b1d14281fe950b0cd693349bb8cdd2cb428722f', class: "scheduler-editor-header", part: "nse__header" }, h("h1", { key: 'b24cf796d8db6a169757c552b9749568794b87fd', class: "scheduler-editor-title", part: "nse__title" }, h("calendar-icon", { key: 'd6721ba544b1c3c5f6e003034d491355de6b0cc7', width: "18", height: "18" }), "Scheduler editor"), h("button", { key: 'bb9ce5bfa2e6df362b55c7f8cd1a2f1e06056ce7', class: "scheduler-editor-close", title: "logout", onClick: e => this.handleSchedulerConfigCloseClicked(e), part: "nse__close-button" }, h("close-icon", { key: '22dced4538079f05c5d036c9eef4882d79739cf9', 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 })))));
     }
     get host() { return this; }
     static get watchers() { return {
@@ -5577,6 +5581,7 @@ const NylasSchedulerEditor$1 = proxyCustomElement(class NylasSchedulerEditor ext
         "schedulerPreviewLink": [1, "scheduler-preview-link"],
         "defaultSchedulerConfigState": [16],
         "mode": [1],
+        "additionalParticipants": [16],
         "automaticComponentRegistration": [32],
         "store": [64],
         "schedulerConnector": [64]
@@ -5587,7 +5592,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-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-time-window-picker", "nylas-timeslot-interval", "radio-button-group", "search-icon", "select-dropdown", "time-period-selector", "tooltip-component"];
+    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-time-window-picker", "nylas-timeslot-interval", "people-icon", "radio-button-group", "search-icon", "select-dropdown", "time-period-selector", "tooltip-component"];
     components.forEach(tagName => { switch (tagName) {
         case "nylas-scheduler-editor":
             if (!customElements.get(tagName)) {
@@ -5596,190 +5601,200 @@ function defineCustomElement$1() {
             break;
         case "add-circle-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$I();
+                defineCustomElement$K();
             }
             break;
         case "button-component":
             if (!customElements.get(tagName)) {
-                defineCustomElement$H();
+                defineCustomElement$J();
             }
             break;
         case "calendar-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$G();
+                defineCustomElement$I();
             }
             break;
         case "calendar-info-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$F();
+                defineCustomElement$H();
             }
             break;
         case "calendar-patterns-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$E();
+                defineCustomElement$G();
             }
             break;
         case "checkbox-component":
             if (!customElements.get(tagName)) {
-                defineCustomElement$D();
+                defineCustomElement$F();
             }
             break;
         case "chevron-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$C();
+                defineCustomElement$E();
             }
             break;
         case "close-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$B();
+                defineCustomElement$D();
             }
             break;
         case "flow-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$A();
+                defineCustomElement$C();
             }
             break;
         case "globe-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$z();
+                defineCustomElement$B();
             }
             break;
         case "google-logo-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$y();
+                defineCustomElement$A();
             }
             break;
         case "info-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$x();
+                defineCustomElement$z();
             }
             break;
         case "input-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$w();
+                defineCustomElement$y();
             }
             break;
         case "loading-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$x();
             }
             break;
         case "location-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$w();
             }
             break;
         case "location-off-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$v();
             }
             break;
         case "microsoft-logo-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$u();
             }
             break;
         case "multi-select-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$t();
+            }
+            break;
+        case "nylas-additional-participants":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
             }
             break;
         case "nylas-availability-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "nylas-booking-calendar-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "nylas-buffer-time":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "nylas-calendar-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "nylas-cancellation-policy":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "nylas-customize-booking-settings":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "nylas-editor-tabs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "nylas-event-description":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "nylas-event-duration":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "nylas-event-info":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "nylas-event-limits":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "nylas-event-location":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "nylas-event-title":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "nylas-form-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "nylas-limit-future-bookings":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "nylas-list-configurations":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "nylas-min-booking-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "nylas-min-cancellation-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "nylas-time-window-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "nylas-timeslot-interval":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "people-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }