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

package/dist/esm/{calendar-info-icon_25.entry.js → calendar-info-icon_27.entry.js}

@@ -7,8 +7,8 @@ import { c as commonjsGlobal } from './_commonjsHelpers-57e89916.js';
 import './buffer-es6-aad332f1.js';
 import './index-53420959.js';
 
-const iconCss$4 = ".sc-calendar-info-icon-h{display:flex}";
-const CalendarInfoIconStyle0 = iconCss$4;
+const iconCss$5 = ".sc-calendar-info-icon-h{display:flex}";
+const CalendarInfoIconStyle0 = iconCss$5;
 
 const CalendarInfoIcon = class {
     constructor(hostRef) {
@@ -22,8 +22,8 @@ const CalendarInfoIcon = class {
 };
 CalendarInfoIcon.style = CalendarInfoIconStyle0;
 
-const iconCss$3 = ".sc-calendar-patterns-icon-h{display:flex}";
-const CalendarPatternsIconStyle0 = iconCss$3;
+const iconCss$4 = ".sc-calendar-patterns-icon-h{display:flex}";
+const CalendarPatternsIconStyle0 = iconCss$4;
 
 const CalendarPatternsIcon = class {
     constructor(hostRef) {
@@ -66,8 +66,8 @@ const CheckboxComponent = class {
 };
 CheckboxComponent.style = CheckboxComponentStyle0;
 
-const iconCss$2 = ".sc-flow-icon-h{display:flex}";
-const FlowIconStyle0 = iconCss$2;
+const iconCss$3 = ".sc-flow-icon-h{display:flex}";
+const FlowIconStyle0 = iconCss$3;
 
 const FlowIcon = class {
     constructor(hostRef) {
@@ -81,8 +81,8 @@ const FlowIcon = class {
 };
 FlowIcon.style = FlowIconStyle0;
 
-const iconCss$1 = ".sc-location-icon-h{display:flex}";
-const LocationIconStyle0 = iconCss$1;
+const iconCss$2 = ".sc-location-icon-h{display:flex}";
+const LocationIconStyle0 = iconCss$2;
 
 const LocationIcon = class {
     constructor(hostRef) {
@@ -96,8 +96,8 @@ const LocationIcon = class {
 };
 LocationIcon.style = LocationIconStyle0;
 
-const iconCss = ".sc-location-off-icon-h{display:flex}";
-const LocationOffIconStyle0 = iconCss;
+const iconCss$1 = ".sc-location-off-icon-h{display:flex}";
+const LocationOffIconStyle0 = iconCss$1;
 
 const LocationOffIcon = class {
     constructor(hostRef) {
@@ -242,6 +242,123 @@ const MultiSelectDropdown = class {
 };
 MultiSelectDropdown.style = MultiSelectDropdownStyle0;
 
+const nylasAdditionalParticipantsCss = ":host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input.organizer{padding:12px 16px}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}";
+const NylasAdditionalParticipantsStyle0 = nylasAdditionalParticipantsCss;
+
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$g = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+const NylasAdditionalParticipants = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.name = 'participants';
+        this.eventParticipants = undefined;
+        this.participantOptions = undefined;
+        this.participants = this.eventParticipants ?? [];
+        this.participantsValid = true;
+    }
+    elementNameChangedHandler(newValue) {
+        debug('nylas-additional-participants', 'elementNameChangedHandler', newValue);
+        this.host.setAttribute('name', newValue);
+    }
+    connectedCallback() {
+        debug('nylas-additional-participants', 'connectedCallback');
+    }
+    componentWillLoad() {
+        debug('nylas-additional-participants', 'componentWillLoad');
+        this.host.setAttribute('name', this.name);
+    }
+    componentDidLoad() {
+        debug('nylas-additional-participants', 'componentDidLoad');
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    disconnectedCallback() {
+        debug('nylas-additional-participants', 'disconnectedCallback');
+    }
+    onInputOptionChanged(event) {
+        debug('nylas-additional-participants', 'onInputOptionChanged');
+        const index = event.detail.name;
+        this.participants[index].email = event.detail.value;
+        const participant = this.participantOptions?.find(participant => participant.email === event.detail.value);
+        this.participants[index].name = participant?.name || event.detail.value;
+        this.participants = [...this.participants];
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    onParticipantChange(event, index) {
+        debug('nylas-additional-participants', 'onParticipantChange');
+        this.participants[index].email = event.target.value;
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    addParticipant() {
+        debug('nylas-additional-participants', 'addParticipant');
+        this.participants = [...this.participants, { name: '', email: '', is_organizer: false, availability: { calendar_ids: ['primary'] } }];
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    removeParticipant(index) {
+        debug('nylas-additional-participants', 'removeParticipant');
+        this.participants = this.participants.filter((_, i) => i !== index);
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    validate(email, index) {
+        debug('nylas-additional-participants', 'validate');
+        const regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+        const valid = regex.test(String(email).toLowerCase());
+        this.participants[index].is_valid = valid;
+        this.internals.setFormValue(JSON.stringify(this.participantsWithouOrganizer()), 'participants');
+    }
+    participantsWithouOrganizer() {
+        return this.participants.filter(participant => !participant.is_organizer);
+    }
+    getArrayDifference(array1, array2) {
+        const filtered = array1.filter(participant1 => !array2.some(participant2 => participant1.email === participant2.email));
+        return filtered.map(participant => {
+            return { value: participant.email, label: participant.email };
+        });
+    }
+    render() {
+        return (h(Host, { key: '5f2ab58dd16c4052b17111fa260d676c908bcf58' }, h("nylas-form-card", { key: 'a636c3ef694cc333b15830c35eb13fb51ff69ca0' }, h("h3", { key: '13425f0338b7b88746844c79104f008323bdcbf1', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), h("p", { key: '7ebe90bb5ef933b7632c8b30aa9b1ccf8f08c6a6', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), h("div", { key: '3662713253e568cbf70b4d73e4eb883bb6c329a2', slot: "content", class: "nylas-additional-participants__content" }, h("div", { key: '577176dfd841875992a420e243be2905968452d5' }, this.participants.map((participant, index) => {
+            return (h("div", { class: 'nylas-additional-participants__input_group', part: "nap__input_group" }, h("label", null, participant.is_organizer ? 'Organizer' : `Participant ${index}`), h("div", { part: "nap__input_wrapper", class: `nylas-additional-participants__input_wrapper ${participant.is_organizer && 'nylas-additional-participants__input_wrapper_organizer'} ${participant.is_valid === false && 'nylas-additional-participants__input_wrapper_invalid'}` }, h("div", { class: { 'nylas-additional-participants__input': true, 'organizer': participant.is_organizer }, part: "nap__input" }, participant.is_organizer ? (h("input", { type: "text", value: participant.email, onInput: e => {
+                    this.onParticipantChange(e, index);
+                }, readOnly: participant.is_organizer, onBlur: () => this.validate(participant.email, index) })) : (h("input-dropdown", { name: `${index}`, inputValue: participant.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) })), !participant.is_organizer && (h("button", { onClick: () => this.removeParticipant(index), part: "nap__remove-participant" }, h("close-icon", null)))))));
+        })), h("button", { key: '74f99ea0eb6a5a5873a7b5dbed5caa4bf557fa4e', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, h("add-circle-icon", { key: '9d139a5ba18bdec17acaa1dc9d9d773d0a7b1a5d' }), " ", h("span", { key: '89778f530c53d8ffa55c7e3bb67bdd5b19c4f881' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
+    }
+    static get formAssociated() { return true; }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "name": ["elementNameChangedHandler"]
+    }; }
+};
+__decorate$g([
+    RegisterComponent({
+        name: 'nylas-additional-participants',
+        stateToProps: new Map([['schedulerConfig.additionalParticipants', 'participantOptions']]),
+        eventToProps: {},
+        fireRegisterEvent: true,
+    }),
+    __metadata$g("design:type", Function),
+    __metadata$g("design:paramtypes", []),
+    __metadata$g("design:returntype", void 0)
+], NylasAdditionalParticipants.prototype, "render", null);
+NylasAdditionalParticipants.style = NylasAdditionalParticipantsStyle0;
+
 const nylasAvailabilityPickerCss = ":host{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;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}";
 const NylasAvailabilityPickerStyle0 = nylasAvailabilityPickerCss;
 
@@ -1045,7 +1162,7 @@ const NylasCancellationPolicy = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (h(Host, { key: '9ad194925cfb18c323d3f75aec51c4ac5ad67230' }, h("div", { key: 'a4ae061a504a0cd6a91dd6dd23adcf7c3b8f43d5', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: 'ea742ee8fba2e50a5694c210172e8783fa3d5e7b', htmlFor: this.name }, "Cancellation policy message", h("span", { key: '5c7143f8da100b650aa386c9fb895c3fd9ed2e04', class: "label-icon" }, h("tooltip-component", { key: 'f46c7b94a1a58bd7162e5cfffc14a88b04a18a4c' }, h("info-icon", { key: '9d85ce578da1db7b080f3152b8fdb43834968829', slot: "tooltip-icon" }), h("span", { key: '0e4d0c4f98d1529179622c22fa6bf9d56d085ffb', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), h("textarea", { key: '570404ef8450c4ef2bb28fad4d1c6359b735abae', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (h(Host, { key: '34cd25b32015d276305a1655cec0e7d943189a4d' }, h("div", { key: '811fd581db9ce4c0aa80dceca9e66d00d1cafb7d', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: 'c6693d8f18794177754e708ef725c237f92455d7', htmlFor: this.name }, "Cancellation policy message", h("span", { key: '5c0d9238690e368b63c099625277b85734be5b5c', class: "label-icon" }, h("tooltip-component", { key: '031d9a347cdd9a349747e87ffe68ea0ba611f96f' }, h("info-icon", { key: 'f4e086eb34bfb3eb4fb1997b1047ba22e865f1bc', slot: "tooltip-icon" }), h("span", { key: 'b8dfa32c6c5505561049b0ad2b177c0a912142bf', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), h("textarea", { key: '2d92b92f7a30f58d0307915293000e4de337808d', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -1096,7 +1213,7 @@ const NylasCustomizeBookingSettings = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
         this.selectedConfiguration = undefined;
-        this.defaultAdditionalGuestsHidden = this.selectedConfiguration?.scheduler?.additional_guests_hidden ?? false;
+        this.defaultAdditionalGuestsHidden = this.selectedConfiguration?.scheduler?.hide_additional_guests ?? false;
         this.defaultHideCancellationOptions = this.selectedConfiguration?.scheduler?.hide_cancellation_options ?? false;
         this.defaultHideReschedulingOptions = this.selectedConfiguration?.scheduler?.hide_rescheduling_options ?? false;
         this.name = 'customize-booking-settings';
@@ -1110,7 +1227,7 @@ const NylasCustomizeBookingSettings = class {
     }
     selectedConfigurationChangedHandler(newValue) {
         debug('nylas-customize-booking-settings', 'selectedConfigurationChangedHandler', newValue);
-        this.allowGuestsToInvite = !newValue?.scheduler?.additional_guests_hidden;
+        this.allowGuestsToInvite = !newValue?.scheduler?.hide_additional_guests;
         this.hideCancellationOptions = newValue?.scheduler?.hide_cancellation_options ?? false;
         this.hideReschedulingOptions = newValue?.scheduler?.hide_rescheduling_options ?? false;
     }
@@ -1142,7 +1259,7 @@ const NylasCustomizeBookingSettings = class {
     checkboxToggledHandler(event) {
         const { name, checked } = event.detail;
         switch (name) {
-            case 'additional_guests_hidden':
+            case 'hide_additional_guests':
                 this.allowGuestsToInvite = checked;
                 break;
             case 'hide_cancellation_options':
@@ -1167,7 +1284,7 @@ const NylasCustomizeBookingSettings = class {
         }), this.name);
     }
     render() {
-        return (h(Host, { key: '992ccff7eab4869bf8b845713417b95e3389fd4e' }, h("div", { key: 'b6ef35657d2bbad229988c0b49583230db54161f', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: 'ff4e03f5c0e9f7d0dae8e231aecc051e6c4c0e19', class: "header", part: "ncbs__header" }, h("h3", { key: 'd2bec3aa510726cbf74972eb88adf5f138ba0b1e' }, "Additional settings"), h("p", { key: 'd77ad0ca1cad6ee54fc7324732d54a8b4a3b8169' }, "Booking settings for the event.")), h("div", { key: '24e2811534d1ecf7fa8581e9fc55c34ceb3ef6d2', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, h("div", { key: '61a22cc50cdc6e625d25c5970cf853e5dd8187ab', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '79b6079f75f2fd1b1c850a29ab5b0c15a8ed7d18', name: "additional_guests_hidden", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, h("span", { key: '11955e5ef0d789692ccb6c4657eaa4c45da26706', slot: "label", class: "label" }, h("p", { key: '9b968109bbabf45eab71c2c44534983138f04f23', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), h("tooltip-component", { key: 'a07a91c34ae38dda51d598fb4468df21adb3f7be', id: "guests" }, h("info-icon", { key: '007977190eff2a79fe50de5f46b8fd51ce331cbe', slot: "tooltip-icon" }), h("span", { key: '10f385796d8872f4a2568192ec707268defe89e9', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), h("div", { key: 'a134a6ac8b3908c6fa9c512ee110bcd577aac029', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '5ad8ad1c3fb1c937335dd8e0d82a0dd3d5a635dd', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, h("span", { key: '40c94ef2bf663ac961eb7aec4bc39691ac6b0818', slot: "label", class: "label" }, h("p", { key: 'd3417ba815f5ab78e503ae6cf9fc7bffcc12d111', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '7b1c6e8327f76fa552ff9f285bb7d7e88d601a0b' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '4c9acdacae74c069b6d9c4f2bab65f2f2a8bd3f7', id: "reschedule" }, h("info-icon", { key: '2a16cac01e270b0383377692de9ae13717a2d3d0', slot: "tooltip-icon" }), h("span", { key: '17b130ce1be45cce38f72450bc4e6f63aa0bad41', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), h("div", { key: '1ab5fe25b44eae2f53b2018b6f68f14f1845cf77', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: '48502f280cdc6bd9dd4ddfd3b56ee91209b7dec5', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, h("span", { key: '4a71756f70076e96ed5eb109f54b679f2267bf69', slot: "label", class: "label" }, h("p", { key: '838fdd1635b8f0ce3f3918adbdd70f516d0fa6bc', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '85529b0715b538ac7f783d599269bb47bcc5634c' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '748342d43b711d3e3dc28424fe404195c1857c38', id: "cancel" }, h("info-icon", { key: '96e121ef01d79273cd6d170271caadc0aab5e821', slot: "tooltip-icon" }), h("span", { key: '13c99611d0f63cda85aafaf09f29ae283bf52fd5', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
+        return (h(Host, { key: '289e0e8ff03e0f033bdedc44a66002d971a01a4a' }, h("div", { key: '198e4e31a02a362c393b0b9395c7ab884dd04928', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: '4ac0939989b64eec0f4cbe6eebe4132be85112d0', class: "header", part: "ncbs__header" }, h("h3", { key: 'a64955a52821d22f1afab025bf18b0505d0aebcd' }, "Additional settings"), h("p", { key: '413d26d3102c624acd77f1b2d6aaa01e9abf8240' }, "Booking settings for the event.")), h("div", { key: 'e6ddf5653c6188773f59dbd6ca683cf2e5bd2c1d', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, h("div", { key: '47ec40306877e710bc53494e0cb23bd17ec1c803', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '9e5a9452ff0ffe8b590702b91d8dba82512db6cf', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, h("span", { key: 'f32cc44ad67e2f135a7581fc72772c156a4f2df6', slot: "label", class: "label" }, h("p", { key: '314d47c72d9a76cca9e94e11bf785b61c6786a48', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), h("tooltip-component", { key: 'd286d724e35b7a8c82c65f42923646c09462fadf', id: "guests" }, h("info-icon", { key: '1feafcf384686c0613c0fe764c09db5b7c1ddae8', slot: "tooltip-icon" }), h("span", { key: '0f17b5425ed3663184150933a86e406a197b18fa', slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), h("div", { key: '340b0fcd9d6f263550c347f2a87229a86c674cae', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '2453ac1996fd178d363a712b4d378591be3ee32a', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, h("span", { key: '2420f028dc654f9a8ce01ec9a924f7e0694da05b', slot: "label", class: "label" }, h("p", { key: '31bdc2ff59f7cef6ebd1c21329e34e001bfb6235', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '76ecdab15e2fdb90dd1c34f826f0392b145291dc' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '489a219e2854cd6aae0df6ec8064d262e74a4dfd', id: "reschedule" }, h("info-icon", { key: '6e727527c025b00ae8907a9381fa45f2b30c325b', slot: "tooltip-icon" }), h("span", { key: '732c2be03c7a37d1ba80d99315c462ec65f24406', slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), h("div", { key: '4b92782d796cd57802c333e72cce4cb56c2424b5', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: 'c27bb8a583f782659c7a8c3fb6320f9bc653f005', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, h("span", { key: '9feb0f1f1c9cfc9438317ac1e860265b0365d73c', slot: "label", class: "label" }, h("p", { key: 'e5a072e8381efdd81d96cda680bce8408699988e', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '7451a2ffc3815301afe3c8c6ae80ecaf7f16075f' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '12ba9c92d34cb63dc3ce23b2ab9b00c54e83afd4', id: "cancel" }, h("info-icon", { key: '159518806d8f14c1b9a6b4b36877d3174883bd7d', slot: "tooltip-icon" }), h("span", { key: '075096f27117b4318f883efe2b523c394394e230', slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking.")))))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -1458,7 +1575,7 @@ const NylasEventInfo = class {
         debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '311ce4cda7377b94f12a98ff6a3318697762f6f0' }, h("nylas-form-card", { key: '99e5490667e83818242ae24863e5cdd94b39b0fa' }, h("h1", { key: 'f8c0f0cc5c330fac2b2f17e46be32ea4f3cc0b4b', slot: "header-title", class: "nylas-event-info__title" }, "Event information"), h("h3", { key: '637d443ca5851d7038acf20425c7fc969543951d', slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), h("div", { key: 'aa0c51b31eeda0ba4b2c0090ed8367d139ea447b', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: '95cf051184160aa802d89fc395bf914df09412e9', name: "inputs" })))));
+        return (h(Host, { key: '8d738b19e05b2b5621b228a7ddeec85db4ab8ee2' }, h("nylas-form-card", { key: 'f8c8431712b9471d4a019722ff7f1a395cb0785a' }, h("h1", { key: 'e1ee67f24a74ce77916150b8d1b4a2a554dc1e66', slot: "header-title", class: "nylas-event-info__title" }, "Event information"), h("h3", { key: '22e2adc4233412849f1899ae57a0f62d2a2f3843', slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), h("div", { key: 'b6bbad7b9337e89fff5be329e90aba3234b5f18d', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: 'ccc2d0238bdfaef93a22e8d4efacf50dd463bb23', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -1517,7 +1634,7 @@ const NylasEventLimits = class {
         debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '6bfa0e29afa1529eb445b68339a658e4d7c8a6be' }, h("nylas-form-card", { key: 'eda419f6f0f7bb8dfd2ebdb0a13c0a8c650190eb' }, h("h1", { key: 'ea2c9af0d66665f25dcbb9c4c152bf159ceb4169', slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), h("h3", { key: 'b600fd0b690bab256fde199b373913d9009be9bf', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), h("div", { key: '72b24085107528833d406802b206eed3719bb358', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: '74a09fd8044065a2f52ef5abaeef0ba80f38f17b', name: "inputs" })))));
+        return (h(Host, { key: '4bd98acab9e8c89aa5870ccf5855f0a3fc15e6e6' }, h("nylas-form-card", { key: '612bb167b2eb99034f981202544838f058fe7e66' }, h("h1", { key: 'a0b798be4246b0d091cd41042042d67d9be74654', slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), h("h3", { key: 'e96a8b15d61f1113f0b247266de80177204a9594', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), h("div", { key: 'e0b352b1aaeeeae9701452004c8d53272c02c8e9', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: '8ce14c800d4f8dd7301213705a019bc1004d93d4', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }
@@ -1625,10 +1742,10 @@ const NylasEventLocation = class {
             { value: 'custom', label: 'Custom location' },
         ];
         const icons = {
-            none: h("location-off-icon", { key: 'f9a254f862acd3c1b8a24b7efe0069f232bd9f51' }),
-            custom: h("location-icon", { key: '641cfced66068f659d7d6db3b88a11314d9cacf6' }),
+            none: h("location-off-icon", { key: 'e39a3de4016f364d16d16489e23c5929f1912aa2' }),
+            custom: h("location-icon", { key: 'ff871a8ca7974401f2801c45b3096882d6ab159b' }),
         };
-        return (h(Host, { key: '9e86c85ff957ac4d8192350e61bc66dfb7d8f764' }, h("div", { key: 'a51752993c346200236187f906caa0629be50e88', class: "nylas-event-location", part: "nel" }, h("label", { key: '53cb18b0acd1a46b4be9a49f88a2786e7832d761', htmlFor: "location" }, "Location type", h("span", { key: '2b2debd710387758562de5833b5160f1d3a18481', class: "label-icon" }, h("tooltip-component", { key: '237da0e3bbfae495fd865d99e8f1e1ef68ae027e' }, h("info-icon", { key: '5f23b94c2bbe0f3ddd3870aeb69cee2f75b0bd28', slot: "tooltip-icon" }), h("span", { key: 'b1ed166875a24ce4bcfbc808c26d0042b74f73f3', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), h("div", { key: '316411158feced50b61ce97014ffa0ba7c4400e8', class: "location-input" }, h("select-dropdown", { key: 'cc6bdbca81e738f43dfb37b7dc66f06ac338dc40', withSearch: false, name: "location", options: locationOptions, defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: 'faacafdffda95071ee9304ac0e4c0125dc31c123', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
+        return (h(Host, { key: 'cb8d5db9330e0bc55a260e812200e8f5338f54b6' }, h("div", { key: '522d05fbf3800885e70f2f427abefb3f9e580fe6', class: "nylas-event-location", part: "nel" }, h("label", { key: '7ab6905de1a4df4453c783a4e3c155681695fc7b', htmlFor: "location" }, "Location type", h("span", { key: '4d581262624b17301c1cce6104bf3d73101f4a43', class: "label-icon" }, h("tooltip-component", { key: '5ff2dbd32e34de47a8727fd8e60442a12943f08c' }, h("info-icon", { key: '39dce89e093228b1a96e74ffb62dd22981a6bdcd', slot: "tooltip-icon" }), h("span", { key: '69d64a3f59a6c6ba655a1816398dfdb052b90da4', slot: "tooltip-content" }, "Choose how you\u2019ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), h("div", { key: 'f4baf4b56c8ed64527d281b9b4c5f4878773c549', class: "location-input" }, h("select-dropdown", { key: 'ee38d116156616c711b1d43f6ec835d513ea9bbd', withSearch: false, name: "location", options: locationOptions, defaultSelectedOption: locationOptions.find(i => i.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, h("span", { key: 'edaaf4764f2b15d18014537512db2492198723ac', slot: "select-icon" }, icons[this.selectedLocationOption])), this.selectedLocationOption === 'custom' && (h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -2091,7 +2208,7 @@ const NylasLimitFutureBookings = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (h(Host, { key: 'e1e24151575c5c687d51fdf177840aa7c05424d9' }, h("div", { key: 'ceb19c13b5ad7e132260de266b1883b3f8d53f3d', class: "nylas-limit-future-bookings", part: "nlfb" }, h("label", { key: '44c296c74b9a9cd7152d2c704d4dc6ef82cc39c7' }, "Limit future bookings", h("span", { key: '11e7622613f38d12ef4f1c564b0ca311ab679cb3', class: "label-icon" }, h("tooltip-component", { key: 'd9ab1be2efb6616a937d112017be0e2c8e965ab3' }, h("info-icon", { key: '9f207ec82aa2a122ebfd0ba047f650751c49e470', slot: "tooltip-icon" }), h("span", { key: '1d91cfa505846f5f9da0457b785d8c645044be55', slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), h("time-period-selector", { key: 'cc11ea1514b99b8b4ef1721a15d56fbda1c1693b', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (h(Host, { key: '2c6b73be6a96ed0d4bdce35995608ba6edb0c699' }, h("div", { key: '0408bfa175effeba479a4653be178a4169557ad1', class: "nylas-limit-future-bookings", part: "nlfb" }, h("label", { key: 'a7fef8092b1c05b3ca9db8164ed9d2517f589f65' }, "Limit future bookings", h("span", { key: '328b8e96e4020622b346f273c2dea1b3ad91261b', class: "label-icon" }, h("tooltip-component", { key: 'a9446903691a6caf6416fa7b02ccf7ade89baeb0' }, h("info-icon", { key: '1fda9c577f7298f195de760892381a7d64e3b72c', slot: "tooltip-icon" }), h("span", { key: 'd6efca56eaeaf190d4d09a904a8e1f835dcec659', slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), h("time-period-selector", { key: '7348ab27b2aa85e3b41740e517b9b5b17e06f03c', id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -2240,7 +2357,7 @@ const NylasMinBookingNotice = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (h(Host, { key: '75bc177620fae5662328ba8f53f9f4a4e84733e5' }, h("div", { key: 'a76b27e58174ca827e389b361ce4837e6ae11ced', class: "nylas-min-booking-notice", part: "nmbn" }, h("label", { key: '1db3f2c7c54b05744b64ad40c951595122d317c5' }, "Minimum booking notice", h("span", { key: 'a4c7db6f534b570cbbf5af4c3d60d97843599a4b', class: "label-icon" }, h("tooltip-component", { key: 'f7d6ba6b294f85c9d573933b6916cd50ad830d2a' }, h("info-icon", { key: '16b11bfaa5affbe15748f6ae6129c1e5a6fcfe32', slot: "tooltip-icon" }), h("span", { key: '1fe829a53fa3dcef0a6d5954717889d9e92d0c68', slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), h("time-period-selector", { key: 'e4a545fc471e67447cab675ccd11fa786337fc23', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (h(Host, { key: 'aabf96ed8c0a4f124ab36c48788650cd58c287cb' }, h("div", { key: 'd5b39e2a0a0837997e8eed19708d24bc213c03a8', class: "nylas-min-booking-notice", part: "nmbn" }, h("label", { key: '326d8374eea2f2bcd8beb22be8bb0f74ed7b63ab' }, "Minimum booking notice", h("span", { key: '6722f861efdee44774331f62eca0260fb8e3e241', class: "label-icon" }, h("tooltip-component", { key: '54f26a271650e81c9e91c9b7fcef707bb7dea27e' }, h("info-icon", { key: '7f941710f9d8442c69cfa0b893fd73a3ba92acfd', slot: "tooltip-icon" }), h("span", { key: 'fbe57ec513dae8f7db343960e58a8f74328f39c2', slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), h("time-period-selector", { key: '353894c36a20314eb6d75a93ae5b15b616317b98', id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -2389,7 +2506,7 @@ const NylasMinCancellationNotice = class {
         this.selectedPeriod = period;
     }
     render() {
-        return (h(Host, { key: '8cccdce4a9960ecf6b860b638da26c50a68104c4' }, h("div", { key: '82854ad81861233231fe4a1e8006196155328141', class: "nylas-min-cancellation-notice", part: "nmcn" }, h("label", { key: 'db3eddec3a8fb28c0b035d4d4cd61986832dff0b' }, "Minimum cancellation notice", h("span", { key: '137472a58beef549599289b04be8fde01e7d81da', class: "label-icon" }, h("tooltip-component", { key: '2cfcceb4c7144553ac85d32da46fbd894955a9ee' }, h("info-icon", { key: '9e13ddb61e10e10a5fa426fb6a2b56159597ea88', slot: "tooltip-icon" }), h("span", { key: '9670035ec49fe0db37564d2d44d30f2197a7ec85', slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), h("time-period-selector", { key: '0e7b9f7b99d7e10c2c39c5affdfc014a403146ad', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+        return (h(Host, { key: '3ee0dbd86e7d53dcc7f95807eed480663673acee' }, h("div", { key: '83d71bcb1fe714766ab49f13643f2c4571e130da', class: "nylas-min-cancellation-notice", part: "nmcn" }, h("label", { key: '643a6e3a8be08f647cc3074c0e1473686f7f0ad5' }, "Minimum cancellation notice", h("span", { key: 'f66c36b03e7d51bf2f5dcf5cc5c22143290768e1', class: "label-icon" }, h("tooltip-component", { key: '96ec38cd3e126c16cc51b9831ac205645cbe841d' }, h("info-icon", { key: 'a44ddbb0876bbc99129b0ba2c3622789613cb724', slot: "tooltip-icon" }), h("span", { key: 'b982780e6797311f12343fa63c376f16e925347d', slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), h("time-period-selector", { key: 'fec77a977146df83263a257c1f09dd868782125b', id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }
@@ -2678,7 +2795,7 @@ const TimeInput = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a6c2e840c56397a1365b3205e793df4157c734d0' }, h("div", { key: 'd36acf9fb02fa1ae9337d02b161d51880a68422e', class: "time-picker", part: "time-picker" }, h("input", { key: 'd574493f83e42ef66a64d14a21abaaf38f7926c3', type: "text", name: this.name, id: this.name, part: "time-input", class: {
+        return (h(Host, { key: '3dcb132dc120ec0a5d6a87f7570ab80cb2e7ea4d' }, h("div", { key: '2c7cedc0ada83478cfbf494aec47a7ea74ef75a2', class: "time-picker", part: "time-picker" }, h("input", { key: '2aa4c3f63baf9a757bbc4bc328a4533f072371e8', type: "text", name: this.name, id: this.name, part: "time-input", class: {
                 'time-input': true,
                 'error': !!this.err || this.hasError,
             }, ref: el => (this.timeInput = el), value: this.time, onClick: () => {
@@ -2825,9 +2942,9 @@ const NylasTimeslotInterval = class {
             { value: '45', label: '45 mins' },
             { value: '60', label: '60 mins' },
         ];
-        return (h(Host, { key: '218908e5caee3df264532000ee406e888a7ae6b5' }, h("div", { key: 'c7fbf0c98a0a1999541a2970eafa7ab3bb76181f', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: '2e434be03d0bf571a7dc9a984c8d7fd243faab2f', class: "header", part: "nti__header" }, h("h3", { key: '957af7f458ed3dde113b473e46f01c18636a26ff' }, "Time-slot interval preferences"), h("p", { key: '5d16f7c33bcba2e3e457f07b85c9a3159f5f28fc' }, "Choose your interval preference for time-slots.")), h("div", { key: '9e2a6327ae104b162ad1882ff42e3b39b634c7e4', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: '70bec24786bdcfdf07356f91640be14ee5d2c147', class: "label", part: "nti__input-label" }, "Select interval preference", h("tooltip-component", { key: 'a7d3a458106b07b1ae79517b2c7de11c9401033c' }, h("info-icon", { key: '2fef5cb6c3fe62f7034c3c43e51f2ade04261021', slot: "tooltip-icon" }), h("span", { key: 'd321766e49f8487610267a964ffbecb84e352082', slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), h("select-dropdown", { key: '77ba683ef75281101d5e677de21a45599d00d061', name: "booking-calendar", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes
+        return (h(Host, { key: '9c18133d3cbd15e000d01a96e263a6733dcc8e99' }, h("div", { key: '7bd06065aafe18728f36459b77d7fc4806822f10', class: "nylas-timeslot-interval", part: "nti" }, h("div", { key: '15746bf796ff8c9e4fd53ddd90f63916050ee04b', class: "header", part: "nti__header" }, h("h3", { key: 'aa810ca197364fd7733cbf130b873c3d818faeb1' }, "Time-slot interval preferences"), h("p", { key: '82bc4717c917713f17e6bee8623a949e2bfef8e0' }, "Choose your interval preference for time-slots.")), h("div", { key: 'ee4fa651eda5c579122dde7ee2982a4d72463d57', class: "nylas-timeslot-interval__dropdown" }, h("span", { key: '81ebbbb0387a3bce67475cc8f4dc87ccca6c0bde', class: "label", part: "nti__input-label" }, "Select interval preference", h("tooltip-component", { key: '461710561b0433a0b11cfe94ee3992caf5e3219d' }, h("info-icon", { key: '76afb5257805385077723d9023f10186dbb7beff', slot: "tooltip-icon" }), h("span", { key: 'e1b549b0b9da7c25a98bb65f5f190ad0c491efa5', slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), h("select-dropdown", { key: '9aca7454f181f124346314b775c21e1cb9d73268', name: "booking-calendar", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes
                 ? intervalPreferenceOptions[0]
-                : intervalPreferenceOptions.find(op => op.value == this.defaultIntervalMinutes.toString()) ?? intervalPreferenceOptions[0] }), h("span", { key: '9bea159b0fd24c70214c1bc554d447e1a8c6e124', class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", h("tooltip-component", { key: 'c0e5c9f89e0b48149f114214a299f6f85ddfd7fa' }, h("info-icon", { key: 'b0c4588afabb822532fecce06d12045ad16c534b', slot: "tooltip-icon" }), h("span", { key: '7b0d4571043dc17ff35747cfa6e8b98c5742ac24', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), h("radio-button-group", { key: '50eaa3d8675ddcba7d6b4d81324bc70668e9ad2f', name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? 'rounding' : 'no-rounding', options: [
+                : intervalPreferenceOptions.find(op => op.value == this.defaultIntervalMinutes.toString()) ?? intervalPreferenceOptions[0] }), h("span", { key: 'c035b67e0d48587909166fc254263e0c3132a802', class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", h("tooltip-component", { key: '7319296977085837167db8032c6e64da5c7a2de2' }, h("info-icon", { key: 'f5a4f712492db6dc31dbc951b1dc510db18b3de8', slot: "tooltip-icon" }), h("span", { key: '1e2ea5c7453132f26dec5b179bf91d2908b64060', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), h("radio-button-group", { key: '871c8f566df35a7bc1db98eda4610d2f4b76ad85', name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? 'rounding' : 'no-rounding', options: [
                 { value: 'no-rounding', label: 'Default', description: 'Time-slots will be rounded to the nearest quarter-hour.' },
                 {
                     value: 'rounding',
@@ -2855,6 +2972,21 @@ __decorate([
 ], NylasTimeslotInterval.prototype, "render", null);
 NylasTimeslotInterval.style = NylasTimeslotIntervalStyle0;
 
+const iconCss = ".sc-people-icon-h{display:flex}";
+const PeopleIconStyle0 = iconCss;
+
+const PeopleIcon = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.width = '20';
+        this.height = '20';
+    }
+    render() {
+        return (h("svg", { key: 'a1cc22b094657e53faf4eb18f785fe4d45284f03', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, h("path", { key: 'ddb1774dd69ccaa5888c94b4325d9879abe9c73b', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
+    }
+};
+PeopleIcon.style = PeopleIconStyle0;
+
 const radioButtonGroupCss = ".radio-group{display:flex;flex-direction:column}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary);margin-top:16px}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}";
 const RadioButtonGroupStyle0 = radioButtonGroupCss;
 
@@ -2880,6 +3012,6 @@ const RadioButtonGroup = class {
 };
 RadioButtonGroup.style = RadioButtonGroupStyle0;
 
-export { CalendarInfoIcon as calendar_info_icon, CalendarPatternsIcon as calendar_patterns_icon, CheckboxComponent as checkbox_component, FlowIcon as flow_icon, LocationIcon as location_icon, LocationOffIcon as location_off_icon, MultiSelectDropdown as multi_select_dropdown, NylasAvailabilityPicker as nylas_availability_picker, NylasBookingCalendarPicker as nylas_booking_calendar_picker, NylasBufferTime as nylas_buffer_time, NylasCalendarPicker as nylas_calendar_picker, NylasCancellationPolicy as nylas_cancellation_policy, NylasCustomizeBookingSettings as nylas_customize_booking_settings, NylasEventDescription as nylas_event_description, NylasEventDuration as nylas_event_duration, NylasEventInfo as nylas_event_info, NylasEventLimits as nylas_event_limits, NylasEventLocation as nylas_event_location, NylasEventTitle as nylas_event_title, NylasLimitFutureBookings as nylas_limit_future_bookings, NylasMinBookingNotice as nylas_min_booking_notice, NylasMinCancellationNotice as nylas_min_cancellation_notice, TimeInput as nylas_time_window_picker, NylasTimeslotInterval as nylas_timeslot_interval, RadioButtonGroup as radio_button_group };
+export { CalendarInfoIcon as calendar_info_icon, CalendarPatternsIcon as calendar_patterns_icon, CheckboxComponent as checkbox_component, FlowIcon as flow_icon, LocationIcon as location_icon, LocationOffIcon as location_off_icon, MultiSelectDropdown as multi_select_dropdown, NylasAdditionalParticipants as nylas_additional_participants, NylasAvailabilityPicker as nylas_availability_picker, NylasBookingCalendarPicker as nylas_booking_calendar_picker, NylasBufferTime as nylas_buffer_time, NylasCalendarPicker as nylas_calendar_picker, NylasCancellationPolicy as nylas_cancellation_policy, NylasCustomizeBookingSettings as nylas_customize_booking_settings, NylasEventDescription as nylas_event_description, NylasEventDuration as nylas_event_duration, NylasEventInfo as nylas_event_info, NylasEventLimits as nylas_event_limits, NylasEventLocation as nylas_event_location, NylasEventTitle as nylas_event_title, NylasLimitFutureBookings as nylas_limit_future_bookings, NylasMinBookingNotice as nylas_min_booking_notice, NylasMinCancellationNotice as nylas_min_cancellation_notice, TimeInput as nylas_time_window_picker, NylasTimeslotInterval as nylas_timeslot_interval, PeopleIcon as people_icon, RadioButtonGroup as radio_button_group };
 
-//# sourceMappingURL=calendar-info-icon_25.entry.js.map
+//# sourceMappingURL=calendar-info-icon_27.entry.js.map