npm - @nylas/web-elements - Versions diffs - 1.1.0-canary.21 → 1.1.0-canary.22 - Mend

@nylas/web-elements 1.1.0-canary.21 → 1.1.0-canary.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (719) hide show

package/dist/esm/nylas-booking-form-config.entry.js CHANGED Viewed

@@ -3589,7 +3589,7 @@ const NylasBookingFormConfig = class {
         });
     }
     render() {
-        return (h(Host, { key: '06f5993da0d37ecfa8d52b05087f3332e2ff3584' }, h("div", { key: 'a5607b9d0a3e302199fec4826fd520897b9b7ac5', class: "nylas-booking-form-config" }, h("div", { key: '4ae825b6b21476e9ac944abfba3bcc4b3554a1f5', class: "header", part: "nbfc__header" }, h("div", { key: 'b190e92adf6f52413d105552ab60ca1fdfe9107b', class: "header_text" }, h("h3", { key: 'cc7e0ced6387888ce33dd47cdbc3675d0a226deb' }, "Booking form"), h("p", { key: '4631f069176cbe6e66161c75ebedd0d33b3872bb' }, "Customize the questions asked on the booking page.")), h("div", { key: '1e6bb648297adf4fd940fee7a7cf79d79cb0c79e', class: "header_action" }, h("select-dropdown", { key: 'cf8f137c1674ab0ffd3ccb24fb26038775aa4905', name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: DEFAULT_FORM_FIELD_TYPES, withSearch: false, withChevron: false, dropdownButtonText: "Add new type" }, h("span", { key: 'e7fe11729f4333e521eb13251582a9a2f8161014', slot: "select-icon" }, h("plus-icon", { key: '7a6956015c10621dca8badfa4b82554c370cc9f0', width: "15", height: "15" }))))), h("div", { key: '8154ad2f7d58aa55228c77c258e770b237c7a984', class: "content" }, h("div", { key: 'f4ee5c314defa730b0fe0b8901fade765ac3b2c6', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((field, i) => {
+        return (h(Host, { key: '3c51c8be2cc19a1e8e6198b61ff734c89d8cd1a5' }, h("div", { key: '72bbfb0ba08c6ca4dd86a601301867fd112d78cf', class: "nylas-booking-form-config" }, h("div", { key: '7b88b43c799e4d19412e186374837513ee403a8e', class: "header", part: "nbfc__header" }, h("div", { key: '065e0d6848867fb944e1a36026b80c456f0a2abb', class: "header_text" }, h("h3", { key: '2f1dafc07f4f97b6ab1fd971e4c83484493e6477' }, "Booking form"), h("p", { key: 'd40fd8bbe3053cc6c11907e8fcadc2d348c132af' }, "Customize the questions asked on the booking page.")), h("div", { key: '3c3aab9e4820978682528a04c1419bb6b615b389', class: "header_action" }, h("select-dropdown", { key: 'e6c9db7c2166607d8e7e289bf018d0e4f9f71ad5', name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: DEFAULT_FORM_FIELD_TYPES, withSearch: false, withChevron: false, dropdownButtonText: "Add new type" }, h("span", { key: 'd81bebe10ec42f792e8998bf495d552c08210ce3', slot: "select-icon" }, h("plus-icon", { key: '584fd2c095b47e96d17ce52f3415e05136751aee', width: "15", height: "15" }))))), h("div", { key: 'c56f6937a2a0dffb3a1ebdfbb9fac0c958e9adc6', class: "content" }, h("div", { key: '0d95d4b7ac8250a41eb6eff1e4f0bb8e839e5928', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((field, i) => {
             return (h("div", { class: `form-field draggable ${field.readonly && 'fixed'}`, part: "nbfc__form_field", key: i }, h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, h("span", { class: "dragable" }, h("dragable-icon", { width: "24", height: "25" })), h("div", { class: "form-field_header_text" }, h("h4", null, field.label), h("p", null, field.typeLabel)), h("div", { class: "form-field_header_actions" }, h("span", { class: `is-required` }, field.required ? 'Required' : 'Optional'), !field.readonly && (h("button", { onClick: () => {
                     this.fieldRemove(i);
                 } }, h("close-icon", null))), h("span", { class: `chevron ${field.isOpen ? 'open' : 'closed'}`, onClick: () => {

package/dist/esm/nylas-booking-form.entry.js CHANGED Viewed

@@ -201,7 +201,7 @@ const NylasBookingForm = class {
                     });
                     return;
                 }
-                this.updateAdditionalFields(event.detail.label, event.detail.value);
+                this.updateAdditionalFields(event.detail.name, event.detail.value);
                 break;
         }
     }
@@ -213,19 +213,19 @@ const NylasBookingForm = class {
             });
             return;
         }
-        this.updateAdditionalFields(event.detail.label, event.detail.value);
+        this.updateAdditionalFields(event.detail.name, event.detail.value);
     }
     switchToggledHandler(event) {
-        this.updateAdditionalFields(event.detail.label, event.detail.checked ? 'true' : 'false');
+        this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');
     }
     checkboxToggledHandler(event) {
-        this.updateAdditionalFields(event.detail.label, event.detail.checked ? 'true' : 'false');
+        this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');
     }
     radioChangedHandler(event) {
-        this.updateAdditionalFields(event.detail.label || event.detail.name, event.detail.value);
+        this.updateAdditionalFields(event.detail.name, event.detail.value);
     }
     render() {
-        return (h(Host, { key: '0f726af583bf4c9534be20348bd307c1bfd57282' }, h("form", { key: 'c5f22c64c9d91c3ebdba8959bcad37eb1a775b32', onSubmit: e => this.bookButtonClickedHandler(e), noValidate: true }, h("div", { key: 'df3aef2b8be265e80e1ebd7b9c5d4daddde7e61c', class: "nylas-booking-form" }, h("div", { key: 'f4883e505c5e4402864548e784e03a210720da0a', class: "input-wrapper" }, h("input-component", { key: '311df417f2f91ad65c32a61e11853b78e57cc5d9', label: instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.name, placeholder: instance.t('namePlaceholder'), type: "text", required: true, requiredError: instance.t('fieldRequired', { field: instance.t('name') }), patternError: instance.t('invalidInputFormat', { field: instance.t('name') }), part: "nbf__input-textfield" })), h("div", { key: 'bcc2b1ffb2b52b70bc4c0ae6b11d1f0dfc45cede', class: "input-wrapper" }, h("input-component", { key: '03d00ab3874a6638eb1781a30c2d9addede43243', label: instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.email, placeholder: instance.t('emailPlaceholder'), type: "email", required: true, requiredError: instance.t('fieldRequired', { field: instance.t('email') }), patternError: instance.t('invalidInputFormat', { field: instance.t('email') }), part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (h("div", { class: "input-wrapper" }, this.guestEmails.map((email, index) => (h("div", { class: "input-wrapper button-wrapper" }, h("label", { class: {
+        return (h(Host, { key: 'b0a70e2fb2f18f7b0efe6bfd108a35853fb67650' }, h("form", { key: 'd6d6a14a31cc30fa4a4b3d51d736f9eb553c816f', onSubmit: e => this.bookButtonClickedHandler(e), noValidate: true }, h("div", { key: '02817a951387617334d00d4abd9170c487ba4a25', class: "nylas-booking-form" }, h("div", { key: 'd449e95ce86e9a52f824d2d4281ec7675a21e435', class: "input-wrapper" }, h("input-component", { key: 'db0e3c648a573ef41960cbf474d496c21387d22f', label: instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.name, placeholder: instance.t('namePlaceholder'), type: "text", required: true, requiredError: instance.t('fieldRequired', { field: instance.t('name') }), patternError: instance.t('invalidInputFormat', { field: instance.t('name') }), part: "nbf__input-textfield" })), h("div", { key: '9807c067e59c1e857c4387b450fa657393b6998e', class: "input-wrapper" }, h("input-component", { key: 'e09833f14be65cccdfb81614234a37a4a2d8d498', label: instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.email, placeholder: instance.t('emailPlaceholder'), type: "email", required: true, requiredError: instance.t('fieldRequired', { field: instance.t('email') }), patternError: instance.t('invalidInputFormat', { field: instance.t('email') }), part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (h("div", { class: "input-wrapper" }, this.guestEmails.map((email, index) => (h("div", { class: "input-wrapper button-wrapper" }, h("label", { class: {
                 error: !!this.guestEmailErrors[index],
             } }, instance.t('guestEmail')), h("div", { class: "guest-email-input" }, h("input", { type: "email", id: `guest-email-${index}`, maxLength: 100, class: {
                 'guest-email': true,
@@ -238,19 +238,20 @@ const NylasBookingForm = class {
             .map(x => {
             const field = x[1];
             const label = field.label;
+            const key = x[0];
             switch (field.type) {
                 case 'dropdown':
-                    return (h("div", { class: "input-wrapper" }, h("select-dropdown", { label: label, name: label, id: label, withSearch: false, options: field.options?.map(option => ({ value: option, label: option })), required: field.required, part: "nbf__input-textfield" })));
+                    return (h("div", { class: "input-wrapper" }, h("select-dropdown", { label: label, name: key, id: key, withSearch: false, options: field.options?.map(option => ({ value: option, label: option })), required: field.required, part: "nbf__input-textfield" })));
                 case 'checkbox':
-                    return (h("div", { class: "input-wrapper" }, h("checkbox-component", { label: label, name: label, id: label, required: field.required, part: "nbf__input-textfield" })));
+                    return (h("div", { class: "input-wrapper" }, h("checkbox-component", { label: label, name: key, id: key, required: field.required, part: "nbf__input-textfield" })));
                 case 'radio_button':
-                    return (h("div", { class: "input-wrapper" }, h("radio-button-group", { label: label, name: label, id: label, options: field.options?.map(option => ({ value: option, label: option })), required: field.required, part: "nbf__input-textfield" })));
+                    return (h("div", { class: "input-wrapper" }, h("radio-button-group", { label: label, name: key, id: key, options: field.options?.map(option => ({ value: option, label: option })), required: field.required, part: "nbf__input-textfield" })));
                 case 'multi_line_text':
-                    return (h("div", { class: "input-wrapper" }, h("textarea-component", { label: label, name: label, id: label, required: field.required, part: "nbf__input-textfield" })));
+                    return (h("div", { class: "input-wrapper" }, h("textarea-component", { label: label, name: key, id: key, required: field.required, part: "nbf__input-textfield" })));
                 default:
-                    return (h("div", { class: "input-wrapper" }, h("input-component", { label: label, name: label, id: label, type: field.type, requiredError: instance.t('fieldRequired', { field: label }), required: field.required, part: "nbf__input-textfield" })));
+                    return (h("div", { class: "input-wrapper" }, h("input-component", { label: label, name: key, id: key, type: field.type, requiredError: instance.t('fieldRequired', { field: label }), required: field.required, part: "nbf__input-textfield" })));
             }
-        }), h("slot", { key: '2233da0ce56579adcd221931cac452361405f55d', name: "custom-booking-form" })), h("div", { key: 'aaeecd6bebb400adebb0825de1937fa6e1ee5cc5', class: "cta" }, h("sp-button", { key: '890ea225bc8ebefbd8083023fbe90de349a35a37', treatment: "outline", variant: "secondary", class: 'back', part: "nbf__button-outline", onClick: this.handleBackButtonClicked }, h("slot", { key: '938f64d011d2a5200df950a783160b1468ef8cd6', name: "booking-form-back-label" }, `${instance.t('backButton')}`)), h("sp-button", { key: '6aa902ab70c3093861496bb35393aac1c51fcf02', variant: "primary", class: 'book', part: "nbf__button-primary", type: "submit" }, this.isLoading && h("loading-icon", { slot: "icon" }), h("slot", { key: '984e3d60ca65be4f8b5da8ac66891b63eb1a130c', name: "booking-form-book-label" }, `${instance.t('bookNowButton')}`))))));
+        })), h("div", { key: 'fedca1f1d3dc22fac5e93dd73f44273e3d6a12a2', class: "cta" }, h("sp-button", { key: '6be5ecaa860a446f3bc2dc292b919d29a14ae2c5', treatment: "outline", variant: "secondary", class: 'back', part: "nbf__button-outline", onClick: this.handleBackButtonClicked }, h("slot", { key: 'b3880450d464da75c0e1ba7193af484b7de18a04', name: "booking-form-back-label" }, `${instance.t('backButton')}`)), h("sp-button", { key: 'ffa41614915a34d864868b89798dda71162d5c41', variant: "primary", class: 'book', part: "nbf__button-primary", type: "submit" }, this.isLoading && h("loading-icon", { slot: "icon" }), h("slot", { key: 'cd2d5e03fe06a073ab9e9c6d404f854149b1de63', name: "booking-form-book-label" }, `${instance.t('bookNowButton')}`))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nylas-booking-form.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"nylas-booking-form.entry.js","mappings":"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","names":["sanitizeHtml","i18next"],"sources":["src/components/scheduler/nylas-booking-form/nylas-booking-form.scss?tag=nylas-booking-form&encapsulation=shadow","src/components/scheduler/nylas-booking-form/nylas-booking-form.tsx"],"sourcesContent":["@import '../../../common/mixins/inputs.scss';\n@import '../../../common/styles/variables.scss';\n\n:host {\n display: block;\n height: 100%;\n @include default-css-variables;\n}\n\n.nylas-booking-form {\n width: 100%;\n padding: 1.5rem;\n box-sizing: border-box;\n height: 450px;\n overflow-y: auto;\n height: 100%;\n}\n\nform {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n}\n\nsp-textfield {\n --spectrum-corner-radius-100: var(--nylas-border-radius-2x); // Set guest input radius\n --spectrum-textfield-border-color: var(--nylas-base-300);\n position: relative;\n width: 100%;\n height: 48px;\n margin-bottom: 16px;\n color: var(--nylas-base-500);\n}\n\n.cta {\n width: 100%;\n display: flex;\n flex-direction: row;\n @media #{$mobile} {\n flex-direction: column-reverse;\n }\n align-items: flex-start;\n justify-content: space-between;\n gap: 0.5rem;\n padding: 14px;\n box-sizing: border-box;\n border-top: 1px solid var(--nylas-base-200);\n}\n\nsp-button {\n background-color: transparent;\n color: var(--nylas-base-800);\n border-radius: var(--nylas-border-radius-2x);\n --button-width: 50%;\n font-family: var(--nylas-font-family);\n font-size: 16px;\n font-weight: 600;\n border: none;\n height: 48px;\n padding: 14px;\n @media #{$mobile} {\n --button-width: 100%;\n }\n\n &:hover,\n &:focus {\n background-color: var(--nylas-base-100);\n color: var(--nylas-primary);\n border-radius: var(--nylas-border-radius-2x);\n }\n &:active {\n background-color: var(--nylas-base-200);\n color: var(--nylas-base-800);\n }\n\n &.back {\n width: var(--button-width);\n background-color: transparent;\n color: var(--nylas-base-700);\n outline: 1px solid var(--nylas-base-300);\n &:hover,\n &:focus {\n outline-color: var(--nylas-primary);\n }\n &:active {\n outline: 2px solid var(--nylas-base-600);\n }\n }\n\n &.book {\n width: var(--button-width);\n background-color: var(--nylas-primary);\n color: var(--nylas-base-0);\n &:hover,\n &:focus {\n background-color: var(--nylas-base-600);\n }\n &:active {\n background-color: var(--nylas-base-800);\n }\n }\n}\n\n.input-wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n margin-bottom: 1rem;\n input::placeholder {\n color: var(--nylas-base-300);\n }\n label,\n input {\n font-family: var(--nylas-font-family);\n font-size: 16px;\n }\n .help-text {\n margin: 0;\n color: var(--nylas-error);\n }\n}\n\n.button-wrapper {\n width: 100%;\n align-items: flex-start;\n height: max-content;\n position: relative;\n}\n\n.button-content {\n display: flex;\n gap: 4px;\n align-items: center;\n}\n\nsp-infield-button {\n --spectrum-infield-button-background-color: transparent;\n --spectrum-infield-button-background-color-hover: transparent;\n --spectrum-infield-button-background-color-active: transparent;\n --spectrum-infield-button-border-color: transparent;\n --spectrum-infield-button-border-width: 1px;\n --spectrum-infield-button-border-radius: 0;\n color: var(--nylas-base-600);\n background: transparent;\n border: none;\n outline: 1px solid var(--nylas-base-300);\n border-radius: 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x) 0;\n height: 52px;\n width: 52px;\n display: flex;\n position: absolute;\n right: 0;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n sp-icon-cross300 {\n color: var(--nylas-base-600);\n }\n &.error {\n border-width: 2px;\n border-color: var(--nylas-error);\n }\n}\n\ninput[type='text'],\ninput[type='email'] {\n @include textfield;\n &.guest-email {\n color: var(--nylas-base-900);\n padding-right: 52px; // Infield button width\n }\n}\n\nlabel {\n @include input-label;\n}\n\nbutton-component.remove-guest {\n position: absolute;\n height: 51px;\n right: 0;\n &.error {\n button {\n border-color: var(--nylas-error);\n }\n }\n button {\n height: inherit;\n border-top-left-radius: initial;\n border-bottom-left-radius: initial;\n border: none !important;\n border-left: 1px solid var(--nylas-base-300) !important;\n &:hover,\n &:focus {\n outline: 1px solid var(--nylas-primary) !important;\n color: var(--nylas-primary);\n }\n }\n}\n\n.guest-email-input {\n position: relative;\n display: flex;\n width: 100%;\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { ConfigSettings, NylasSchedulerConnector } from '../../..';\nimport type { NylasEvent, NylasSchedulerBookingData } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { Notification, NylasSchedulerBookingParticipant } from '@nylas/core';\nimport sanitizeHtml from 'sanitize-html';\nimport i18next from '@/utils/i18n';\n\nconst emailRegex = /^[a-zA-Z0-9.!#$%&'+/=?^_`{\|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)$/;\n\n/*\n The `nylas-booking-form` component is a UI component that allows users to book an event.\n \n The booking form component.\n * @part nbf - The booking form host.\n * @part nbf__input-label - The input label.\n * @part nbf__input-textfield - The input textfield.\n * @part nbf__button-ghost - The ghost button for adding guests.\n * @part nbf__button-primary - The primary button for booking.\n * @part nbf__button-outline - The outline button for canceling.\n * @slot custom-booking-form - The custom booking form.\n /\n@Component({\n tag: 'nylas-booking-form',\n styleUrl: 'nylas-booking-form.scss',\n shadow: true,\n})\nexport class NylasBookingForm {\n /\n The host element\n /\n @Element() readonly host!: HTMLElement;\n\n /\n The loading state.\n /\n @Prop() readonly isLoading?: boolean;\n\n /\n The booking info.\n /\n @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n /\n The booked event (Used to track if a booking is created in an eventOverride).\n /\n @Prop() readonly eventInfo?: NylasEvent;\n\n /\n The config settings for the scheduler.\n /\n @Prop() readonly configSettings?: ConfigSettings;\n\n /\n This event is fired when the name is changed.\n /\n @Event() nameChanged!: EventEmitter<string>;\n\n /\n This event is fired when the email is changed.\n /\n @Event() emailChanged!: EventEmitter<string>;\n\n /\n This event is fired when the cancel button is clicked.\n /\n @Event() backButtonClicked!: EventEmitter<boolean>;\n\n /\n This event is fired when the book button is clicked and the form is valid.\n /\n @Event() detailsConfirmed!: EventEmitter<NylasSchedulerBookingData>;\n\n /\n This event is fired when an error occurs in the booking form.\n /\n @Event() bookingFormError!: EventEmitter<Partial<Notification>>;\n\n /\n This event is fired when the booking form is submitted.\n /\n @Event() bookingFormSubmitted!: EventEmitter<void>;\n\n /\n The name of the user.\n /\n @State() name: string = '';\n\n /\n The email address of the user.\n /\n @State() email: string = '';\n\n /\n The guests of the user.\n /\n @State() guestEmails: string[] = [];\n\n /\n Guest email input errors.\n /\n @State() guestEmailErrors: { [key: number]: string } = {};\n\n /\n State to check if name is valid.\n /\n @State() isNameValid: boolean = true;\n\n /\n State to check if email is valid.\n /\n @State() isEmailValid: boolean = true;\n\n @State() additionalFields?: Record<string, string> = {};\n\n /\n Error message state.\n /\n @State() validationError: { name: string; email: string } = { name: '', email: '' };\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n componentWillLoad() {\n debug('nylas-booking-form', 'componentWillLoad', this.bookingInfo);\n if (this.bookingInfo && this.bookingInfo?.primaryParticipant) {\n this.name = this.bookingInfo.primaryParticipant?.name;\n this.email = this.bookingInfo.primaryParticipant?.email;\n }\n }\n\n @Watch('bookingInfo')\n bookingInfoChangedHandler(newValue: NylasSchedulerBookingData \| undefined) {\n if (newValue && newValue.primaryParticipant) {\n this.name = newValue.primaryParticipant.name;\n this.email = newValue.primaryParticipant.email;\n }\n }\n\n /\n Change the name.\n * @param name The name to select.\n /\n changeName(name: string) {\n // Reset the validation error\n this.isNameValid = true;\n this.validationError.name = '';\n\n this.name = sanitizeHtml(name);\n this.nameChanged.emit(name);\n }\n\n /\n Change the email.\n * @param email The email to select.\n /\n changeEmail(email: string) {\n // Reset the validation error\n this.isEmailValid = true;\n this.validationError.email = '';\n\n this.email = sanitizeHtml(email);\n this.emailChanged.emit(email);\n }\n\n resetGuestEmailError(guestIndex: number) {\n const errors = { ...this.guestEmailErrors };\n delete errors[guestIndex];\n this.guestEmailErrors = { ...errors };\n }\n\n /\n Handle guest emails changed.\n /\n handleGuestChange = (guestIndex: number, email: string) => {\n // Reset the validation error\n this.resetGuestEmailError(guestIndex);\n const guests = [...this.guestEmails];\n guests[guestIndex] = sanitizeHtml(email);\n this.guestEmails = [...guests];\n };\n\n /\n Handle guest input blur.\n /\n handleGuestBlur = (guestIndex: number, email: string) => {\n this.resetGuestEmailError(guestIndex);\n\n if (email === '') {\n this.guestEmailErrors[guestIndex] = i18next.t('fieldRequired', { field: i18next.t('email') });\n return;\n }\n if (!emailRegex.test(email)) {\n this.guestEmailErrors[guestIndex] = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n return;\n }\n this.handleGuestChange(guestIndex, email);\n };\n\n /\n Handle add guest button clicked.\n /\n addGuestButtonClickedHandler = e => {\n e.preventDefault();\n this.guestEmails = [...this.guestEmails, ''];\n };\n\n /\n Handle remove guest button clicked.\n /\n removeGuestButtonClickHandler = (e: Event, guestIndex: number) => {\n e.preventDefault();\n this.resetGuestEmailError(guestIndex);\n\n const guests = [...this.guestEmails];\n guests.splice(guestIndex, 1);\n this.guestEmails = [...guests];\n };\n\n /\n Handle back button clicked.\n /\n handleBackButtonClicked = () => {\n this.backButtonClicked.emit();\n };\n\n /\n Handle book button clicked.\n */\n bookButtonClickedHandler = async (e: Event) => {\n e.preventDefault();\n const formSubmittedEvent = this.bookingFormSubmitted.emit();\n if (formSubmittedEvent.defaultPrevented) {\n return;\n }\n\n debug('nylas-booking-form', 'bookButtonClickedHandler', this.bookingInfo);\n const name = this.name \|\| this.bookingInfo?.primaryParticipant?.name;\n const email = this.email \|\| this.bookingInfo?.primaryParticipant?.email;\n\n if (!name \|\| name === '') {\n this.isNameValid = false;\n this.validationError.name = i18next.t('fieldRequired', { field: i18next.t('name') }) \|\| 'Name is required';\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: 'Name is required',\n });\n return;\n }\n if (!email \|\| email === '') {\n this.isEmailValid = false;\n this.validationError.email = i18next.t('fieldRequired', { field: i18next.t('email') }) \|\| 'Email is required';\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: 'Email is required',\n });\n return;\n }\n if (!emailRegex.test(email)) {\n this.isEmailValid = false;\n this.validationError.email = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: i18next.t('invalidInputFormat', { field: i18next.t('email') }) \|\| 'Invalid email',\n });\n return;\n }\n\n let guests: NylasSchedulerBookingParticipant[] = [];\n if (this.guestEmails.length > 0) {\n let hasError = false;\n this.guestEmails.forEach((email: string, i: number) => {\n if (email === '') {\n hasError = true;\n this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('fieldRequired', { field: i18next.t('email') }) };\n } else if (!emailRegex.test(email)) {\n hasError = true;\n this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('invalidInputFormat', { field: i18next.t('email') }) };\n }\n });\n if (hasError) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: i18next.t('invalidInputFormat', { field: i18next.t('guestEmail') }) \|\| 'Invalid guest email',\n });\n return;\n }\n guests = this.guestEmails.map((email: string) => ({ name: email.trim(), email: email.trim() }));\n } else if (this.bookingInfo?.guests) {\n guests = this.bookingInfo?.guests;\n }\n\n const bookingInfoAdditionalFields = this.bookingInfo?.additionalFields \|\| [];\n this.detailsConfirmed.emit({\n primaryParticipant: {\n name: name,\n email: email,\n },\n guests: guests,\n additionalFields: { ...bookingInfoAdditionalFields, ...this.additionalFields },\n });\n };\n\n updateAdditionalFields = (name: string, value: string) => {\n if (this.additionalFields) {\n this.additionalFields[name] = value;\n }\n };\n\n @Listen('nylasFormInputChanged')\n nylasFormInputChangedHandler(event: CustomEvent<{ value: string; name: string; error: string; label: string; type?: string }>) {\n switch (event.detail.name) {\n case 'name':\n this.changeName(event.detail.value);\n break;\n case 'email':\n this.changeEmail(event.detail.value);\n break;\n default:\n if (event.detail.error) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: event.detail.error,\n });\n return;\n }\n this.updateAdditionalFields(event.detail.label, event.detail.value);\n break;\n }\n }\n\n @Listen('nylasFormDropdownChanged')\n selectOptionChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; error?: string }>) {\n if (event.detail.error) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: event.detail.error,\n });\n return;\n }\n this.updateAdditionalFields(event.detail.label, event.detail.value);\n }\n\n @Listen('nylasFormSwitchToggled')\n switchToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n this.updateAdditionalFields(event.detail.label, event.detail.checked ? 'true' : 'false');\n }\n\n @Listen('nylasFormCheckboxToggled')\n checkboxToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n this.updateAdditionalFields(event.detail.label, event.detail.checked ? 'true' : 'false');\n }\n\n @Listen('nylasFormRadioChanged')\n radioChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; type: string }>) {\n this.updateAdditionalFields(event.detail.label \|\| event.detail.name, event.detail.value);\n }\n\n @RegisterComponent<NylasBookingForm, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-booking-form',\n stateToProps: new Map([\n ['scheduler.isLoading', 'isLoading'],\n ['scheduler.bookingInfo', 'bookingInfo'],\n ['scheduler.eventInfo', 'eventInfo'],\n ['scheduler.configSettings', 'configSettings'],\n ]),\n eventToProps: {\n backButtonClicked: async (_event: CustomEvent<boolean>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.toggleAdditionalData(false);\n },\n nameChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setParticipantName(event.detail);\n },\n emailChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setParticipantEmail(event.detail);\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n return (\n <Host>\n <form onSubmit={e => this.bookButtonClickedHandler(e)} noValidate>\n <div class=\"nylas-booking-form\">\n <div class=\"input-wrapper\">\n <input-component\n label={i18next.t('name')}\n name=\"name\"\n id=\"name\"\n defaultValue={this.bookingInfo?.primaryParticipant?.name \|\| this.name}\n placeholder={i18next.t('namePlaceholder')}\n type=\"text\"\n required={true}\n requiredError={i18next.t('fieldRequired', { field: i18next.t('name') })}\n patternError={i18next.t('invalidInputFormat', { field: i18next.t('name') })}\n part=\"nbf__input-textfield\"\n />\n </div>\n <div class=\"input-wrapper\">\n <input-component\n label={i18next.t('email')}\n name=\"email\"\n id=\"email\"\n pattern={emailRegex}\n defaultValue={this.bookingInfo?.primaryParticipant?.email \|\| this.email}\n placeholder={i18next.t('emailPlaceholder')}\n type=\"email\"\n required={true}\n requiredError={i18next.t('fieldRequired', { field: i18next.t('email') })}\n patternError={i18next.t('invalidInputFormat', { field: i18next.t('email') })}\n part=\"nbf__input-textfield\"\n />\n </div>\n {this.configSettings?.scheduler?.hide_additional_guests !== true && (\n <div class=\"input-wrapper\">\n {this.guestEmails.map((email, index) => (\n <div class=\"input-wrapper button-wrapper\">\n <label\n class={{\n error: !!this.guestEmailErrors[index],\n }}\n >\n {i18next.t('guestEmail')}\n </label>\n <div class=\"guest-email-input\">\n <input\n type=\"email\"\n id={`guest-email-${index}`}\n maxLength={100}\n class={{\n 'guest-email': true,\n 'error': !!this.guestEmailErrors[index],\n }}\n placeholder={i18next.t('guestEmailPlaceholder')}\n value={email}\n data-index={index}\n part=\"nbf__input-textfield\"\n onBlur={(e: Event) => this.handleGuestBlur(index, (e.target as HTMLInputElement)?.value)}\n onInput={(e: Event) => this.handleGuestChange(index, (e.target as HTMLInputElement)?.value)}\n ></input>\n <button-component\n variant=\"basic\"\n onClick={(e: Event) => this.removeGuestButtonClickHandler(e, index)}\n class={{\n 'remove-guest': true,\n 'error': !!this.guestEmailErrors[index],\n }}\n >\n <close-icon />\n </button-component>\n </div>\n <p class=\"help-text\">{this.guestEmailErrors[index]}</p>\n </div>\n ))}\n <button-component class=\"add-guest\" variant=\"invisible\" part=\"nbf__button-ghost\" onClick={e => this.addGuestButtonClickedHandler(e)}>\n <div class=\"button-content\">\n <add-circle-icon slot=\"icon\"></add-circle-icon>\n {this.guestEmails.length > 0 ? `${i18next.t('addAnotherGuest')}` : `${i18next.t('addGuest')}`}\n </div>\n </button-component>\n </div>\n )}\n {Object.entries(\n (this.configSettings?.scheduler?.additional_fields \|\| {}) as Record<\n string,\n {\n required: boolean;\n type: 'email' \| 'text' \| 'phone_number' \| 'dropdown' \| 'checkbox' \| 'radio_button' \| 'multi_line_text';\n order: number;\n options?: string[];\n label: string;\n }\n >,\n )\n ?.sort((a, b) => a[1].order - b[1].order)\n .map(x => {\n const field = x[1];\n const label = field.label;\n switch (field.type) {\n case 'dropdown':\n return (\n <div class=\"input-wrapper\">\n <select-dropdown\n label={label}\n name={label}\n id={label}\n withSearch={false}\n options={field.options?.map(option => ({ value: option, label: option }))}\n required={field.required}\n part=\"nbf__input-textfield\"\n />\n </div>\n );\n case 'checkbox':\n return (\n <div class=\"input-wrapper\">\n <checkbox-component label={label} name={label} id={label} required={field.required} part=\"nbf__input-textfield\" />\n </div>\n );\n case 'radio_button':\n return (\n <div class=\"input-wrapper\">\n <radio-button-group\n label={label}\n name={label}\n id={label}\n options={field.options?.map(option => ({ value: option, label: option }))}\n required={field.required}\n part=\"nbf__input-textfield\"\n />\n </div>\n );\n case 'multi_line_text':\n return (\n <div class=\"input-wrapper\">\n <textarea-component label={label} name={label} id={label} required={field.required} part=\"nbf__input-textfield\" />\n </div>\n );\n default:\n return (\n <div class=\"input-wrapper\">\n <input-component\n label={label}\n name={label}\n id={label}\n type={field.type}\n requiredError={i18next.t('fieldRequired', { field: label })}\n required={field.required}\n part=\"nbf__input-textfield\"\n />\n </div>\n );\n }\n })}\n <slot name=\"custom-booking-form\"></slot>\n </div>\n <div class=\"cta\">\n <sp-button treatment=\"outline\" variant=\"secondary\" class={'back'} part=\"nbf__button-outline\" onClick={this.handleBackButtonClicked}>\n <slot name=\"booking-form-back-label\">{`${i18next.t('backButton')}`}</slot>\n </sp-button>\n <sp-button variant=\"primary\" class={'book'} part=\"nbf__button-primary\" type=\"submit\">\n {this.isLoading && <loading-icon slot=\"icon\"></loading-icon>}\n <slot name=\"booking-form-book-label\">{`${i18next.t('bookNowButton')}`}</slot>\n </sp-button>\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"nylas-booking-form.entry.js","mappings":"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","names":["sanitizeHtml","i18next"],"sources":["src/components/scheduler/nylas-booking-form/nylas-booking-form.scss?tag=nylas-booking-form&encapsulation=shadow","src/components/scheduler/nylas-booking-form/nylas-booking-form.tsx"],"sourcesContent":["@import '../../../common/mixins/inputs.scss';\n@import '../../../common/styles/variables.scss';\n\n:host {\n display: block;\n height: 100%;\n @include default-css-variables;\n}\n\n.nylas-booking-form {\n width: 100%;\n padding: 1.5rem;\n box-sizing: border-box;\n height: 450px;\n overflow-y: auto;\n height: 100%;\n}\n\nform {\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n}\n\nsp-textfield {\n --spectrum-corner-radius-100: var(--nylas-border-radius-2x); // Set guest input radius\n --spectrum-textfield-border-color: var(--nylas-base-300);\n position: relative;\n width: 100%;\n height: 48px;\n margin-bottom: 16px;\n color: var(--nylas-base-500);\n}\n\n.cta {\n width: 100%;\n display: flex;\n flex-direction: row;\n @media #{$mobile} {\n flex-direction: column-reverse;\n }\n align-items: flex-start;\n justify-content: space-between;\n gap: 0.5rem;\n padding: 14px;\n box-sizing: border-box;\n border-top: 1px solid var(--nylas-base-200);\n}\n\nsp-button {\n background-color: transparent;\n color: var(--nylas-base-800);\n border-radius: var(--nylas-border-radius-2x);\n --button-width: 50%;\n font-family: var(--nylas-font-family);\n font-size: 16px;\n font-weight: 600;\n border: none;\n height: 48px;\n padding: 14px;\n @media #{$mobile} {\n --button-width: 100%;\n }\n\n &:hover,\n &:focus {\n background-color: var(--nylas-base-100);\n color: var(--nylas-primary);\n border-radius: var(--nylas-border-radius-2x);\n }\n &:active {\n background-color: var(--nylas-base-200);\n color: var(--nylas-base-800);\n }\n\n &.back {\n width: var(--button-width);\n background-color: transparent;\n color: var(--nylas-base-700);\n outline: 1px solid var(--nylas-base-300);\n &:hover,\n &:focus {\n outline-color: var(--nylas-primary);\n }\n &:active {\n outline: 2px solid var(--nylas-base-600);\n }\n }\n\n &.book {\n width: var(--button-width);\n background-color: var(--nylas-primary);\n color: var(--nylas-base-0);\n &:hover,\n &:focus {\n background-color: var(--nylas-base-600);\n }\n &:active {\n background-color: var(--nylas-base-800);\n }\n }\n}\n\n.input-wrapper {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n margin-bottom: 1rem;\n input::placeholder {\n color: var(--nylas-base-300);\n }\n label,\n input {\n font-family: var(--nylas-font-family);\n font-size: 16px;\n }\n .help-text {\n margin: 0;\n color: var(--nylas-error);\n }\n}\n\n.button-wrapper {\n width: 100%;\n align-items: flex-start;\n height: max-content;\n position: relative;\n}\n\n.button-content {\n display: flex;\n gap: 4px;\n align-items: center;\n}\n\nsp-infield-button {\n --spectrum-infield-button-background-color: transparent;\n --spectrum-infield-button-background-color-hover: transparent;\n --spectrum-infield-button-background-color-active: transparent;\n --spectrum-infield-button-border-color: transparent;\n --spectrum-infield-button-border-width: 1px;\n --spectrum-infield-button-border-radius: 0;\n color: var(--nylas-base-600);\n background: transparent;\n border: none;\n outline: 1px solid var(--nylas-base-300);\n border-radius: 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x) 0;\n height: 52px;\n width: 52px;\n display: flex;\n position: absolute;\n right: 0;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n sp-icon-cross300 {\n color: var(--nylas-base-600);\n }\n &.error {\n border-width: 2px;\n border-color: var(--nylas-error);\n }\n}\n\ninput[type='text'],\ninput[type='email'] {\n @include textfield;\n &.guest-email {\n color: var(--nylas-base-900);\n padding-right: 52px; // Infield button width\n }\n}\n\nlabel {\n @include input-label;\n}\n\nbutton-component.remove-guest {\n position: absolute;\n height: 51px;\n right: 0;\n &.error {\n button {\n border-color: var(--nylas-error);\n }\n }\n button {\n height: inherit;\n border-top-left-radius: initial;\n border-bottom-left-radius: initial;\n border: none !important;\n border-left: 1px solid var(--nylas-base-300) !important;\n &:hover,\n &:focus {\n outline: 1px solid var(--nylas-primary) !important;\n color: var(--nylas-primary);\n }\n }\n}\n\n.guest-email-input {\n position: relative;\n display: flex;\n width: 100%;\n}\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h } from '@stencil/core';\nimport { RegisterComponent } from '@/common/register-component';\nimport { ConfigSettings, NylasSchedulerConnector } from '../../..';\nimport type { NylasEvent, NylasSchedulerBookingData } from '../../..';\nimport { NylasScheduling } from '../nylas-scheduling/nylas-scheduling';\nimport { debug } from '@/utils/utils';\nimport { Notification, NylasSchedulerBookingParticipant } from '@nylas/core';\nimport sanitizeHtml from 'sanitize-html';\nimport i18next from '@/utils/i18n';\n\nconst emailRegex = /^[a-zA-Z0-9.!#$%&'+/=?^_`{\|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)$/;\n\n/*\n The `nylas-booking-form` component is a UI component that allows users to book an event.\n \n The booking form component.\n * @part nbf - The booking form host.\n * @part nbf__input-label - The input label.\n * @part nbf__input-textfield - The input textfield.\n * @part nbf__button-ghost - The ghost button for adding guests.\n * @part nbf__button-primary - The primary button for booking.\n * @part nbf__button-outline - The outline button for canceling.\n * @slot @deprecated custom-booking-form - The custom booking form. Deprecated in favor of using the additional fields defined in the config settings.\n /\n@Component({\n tag: 'nylas-booking-form',\n styleUrl: 'nylas-booking-form.scss',\n shadow: true,\n})\nexport class NylasBookingForm {\n /\n The host element\n /\n @Element() readonly host!: HTMLElement;\n\n /\n The loading state.\n /\n @Prop() readonly isLoading?: boolean;\n\n /\n The booking info.\n /\n @Prop() readonly bookingInfo?: NylasSchedulerBookingData;\n\n /\n The booked event (Used to track if a booking is created in an eventOverride).\n /\n @Prop() readonly eventInfo?: NylasEvent;\n\n /\n The config settings for the scheduler.\n /\n @Prop() readonly configSettings?: ConfigSettings;\n\n /\n This event is fired when the name is changed.\n /\n @Event() nameChanged!: EventEmitter<string>;\n\n /\n This event is fired when the email is changed.\n /\n @Event() emailChanged!: EventEmitter<string>;\n\n /\n This event is fired when the cancel button is clicked.\n /\n @Event() backButtonClicked!: EventEmitter<boolean>;\n\n /\n This event is fired when the book button is clicked and the form is valid.\n /\n @Event() detailsConfirmed!: EventEmitter<NylasSchedulerBookingData>;\n\n /\n This event is fired when an error occurs in the booking form.\n /\n @Event() bookingFormError!: EventEmitter<Partial<Notification>>;\n\n /\n This event is fired when the booking form is submitted.\n /\n @Event() bookingFormSubmitted!: EventEmitter<void>;\n\n /\n The name of the user.\n /\n @State() name: string = '';\n\n /\n The email address of the user.\n /\n @State() email: string = '';\n\n /\n The guests of the user.\n /\n @State() guestEmails: string[] = [];\n\n /\n Guest email input errors.\n /\n @State() guestEmailErrors: { [key: number]: string } = {};\n\n /\n State to check if name is valid.\n /\n @State() isNameValid: boolean = true;\n\n /\n State to check if email is valid.\n /\n @State() isEmailValid: boolean = true;\n\n @State() additionalFields?: Record<string, string> = {};\n\n /\n Error message state.\n /\n @State() validationError: { name: string; email: string } = { name: '', email: '' };\n\n connectedCallback() {}\n\n disconnectedCallback() {}\n\n componentWillLoad() {\n debug('nylas-booking-form', 'componentWillLoad', this.bookingInfo);\n if (this.bookingInfo && this.bookingInfo?.primaryParticipant) {\n this.name = this.bookingInfo.primaryParticipant?.name;\n this.email = this.bookingInfo.primaryParticipant?.email;\n }\n }\n\n @Watch('bookingInfo')\n bookingInfoChangedHandler(newValue: NylasSchedulerBookingData \| undefined) {\n if (newValue && newValue.primaryParticipant) {\n this.name = newValue.primaryParticipant.name;\n this.email = newValue.primaryParticipant.email;\n }\n }\n\n /\n Change the name.\n * @param name The name to select.\n /\n changeName(name: string) {\n // Reset the validation error\n this.isNameValid = true;\n this.validationError.name = '';\n\n this.name = sanitizeHtml(name);\n this.nameChanged.emit(name);\n }\n\n /\n Change the email.\n * @param email The email to select.\n /\n changeEmail(email: string) {\n // Reset the validation error\n this.isEmailValid = true;\n this.validationError.email = '';\n\n this.email = sanitizeHtml(email);\n this.emailChanged.emit(email);\n }\n\n resetGuestEmailError(guestIndex: number) {\n const errors = { ...this.guestEmailErrors };\n delete errors[guestIndex];\n this.guestEmailErrors = { ...errors };\n }\n\n /\n Handle guest emails changed.\n /\n handleGuestChange = (guestIndex: number, email: string) => {\n // Reset the validation error\n this.resetGuestEmailError(guestIndex);\n const guests = [...this.guestEmails];\n guests[guestIndex] = sanitizeHtml(email);\n this.guestEmails = [...guests];\n };\n\n /\n Handle guest input blur.\n /\n handleGuestBlur = (guestIndex: number, email: string) => {\n this.resetGuestEmailError(guestIndex);\n\n if (email === '') {\n this.guestEmailErrors[guestIndex] = i18next.t('fieldRequired', { field: i18next.t('email') });\n return;\n }\n if (!emailRegex.test(email)) {\n this.guestEmailErrors[guestIndex] = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n return;\n }\n this.handleGuestChange(guestIndex, email);\n };\n\n /\n Handle add guest button clicked.\n /\n addGuestButtonClickedHandler = e => {\n e.preventDefault();\n this.guestEmails = [...this.guestEmails, ''];\n };\n\n /\n Handle remove guest button clicked.\n /\n removeGuestButtonClickHandler = (e: Event, guestIndex: number) => {\n e.preventDefault();\n this.resetGuestEmailError(guestIndex);\n\n const guests = [...this.guestEmails];\n guests.splice(guestIndex, 1);\n this.guestEmails = [...guests];\n };\n\n /\n Handle back button clicked.\n /\n handleBackButtonClicked = () => {\n this.backButtonClicked.emit();\n };\n\n /\n Handle book button clicked.\n /\n bookButtonClickedHandler = async (e: Event) => {\n e.preventDefault();\n const formSubmittedEvent = this.bookingFormSubmitted.emit();\n if (formSubmittedEvent.defaultPrevented) {\n return;\n }\n\n debug('nylas-booking-form', 'bookButtonClickedHandler', this.bookingInfo);\n const name = this.name \|\| this.bookingInfo?.primaryParticipant?.name;\n const email = this.email \|\| this.bookingInfo?.primaryParticipant?.email;\n\n if (!name \|\| name === '') {\n this.isNameValid = false;\n this.validationError.name = i18next.t('fieldRequired', { field: i18next.t('name') }) \|\| 'Name is required';\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: 'Name is required',\n });\n return;\n }\n if (!email \|\| email === '') {\n this.isEmailValid = false;\n this.validationError.email = i18next.t('fieldRequired', { field: i18next.t('email') }) \|\| 'Email is required';\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: 'Email is required',\n });\n return;\n }\n if (!emailRegex.test(email)) {\n this.isEmailValid = false;\n this.validationError.email = i18next.t('invalidInputFormat', { field: i18next.t('email') });\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: i18next.t('invalidInputFormat', { field: i18next.t('email') }) \|\| 'Invalid email',\n });\n return;\n }\n\n let guests: NylasSchedulerBookingParticipant[] = [];\n if (this.guestEmails.length > 0) {\n let hasError = false;\n this.guestEmails.forEach((email: string, i: number) => {\n if (email === '') {\n hasError = true;\n this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('fieldRequired', { field: i18next.t('email') }) };\n } else if (!emailRegex.test(email)) {\n hasError = true;\n this.guestEmailErrors = { ...this.guestEmailErrors, [i]: i18next.t('invalidInputFormat', { field: i18next.t('email') }) };\n }\n });\n if (hasError) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: i18next.t('invalidInputFormat', { field: i18next.t('guestEmail') }) \|\| 'Invalid guest email',\n });\n return;\n }\n guests = this.guestEmails.map((email: string) => ({ name: email.trim(), email: email.trim() }));\n } else if (this.bookingInfo?.guests) {\n guests = this.bookingInfo?.guests;\n }\n\n const bookingInfoAdditionalFields = this.bookingInfo?.additionalFields \|\| [];\n this.detailsConfirmed.emit({\n primaryParticipant: {\n name: name,\n email: email,\n },\n guests: guests,\n additionalFields: { ...bookingInfoAdditionalFields, ...this.additionalFields },\n });\n };\n\n updateAdditionalFields = (name: string, value: string) => {\n if (this.additionalFields) {\n this.additionalFields[name] = value;\n }\n };\n\n @Listen('nylasFormInputChanged')\n nylasFormInputChangedHandler(event: CustomEvent<{ value: string; name: string; error: string; label: string; type?: string }>) {\n switch (event.detail.name) {\n case 'name':\n this.changeName(event.detail.value);\n break;\n case 'email':\n this.changeEmail(event.detail.value);\n break;\n default:\n if (event.detail.error) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: event.detail.error,\n });\n return;\n }\n this.updateAdditionalFields(event.detail.name, event.detail.value);\n break;\n }\n }\n\n @Listen('nylasFormDropdownChanged')\n selectOptionChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; error?: string }>) {\n if (event.detail.error) {\n this.bookingFormError.emit({\n title: 'Booking form error',\n description: event.detail.error,\n });\n return;\n }\n this.updateAdditionalFields(event.detail.name, event.detail.value);\n }\n\n @Listen('nylasFormSwitchToggled')\n switchToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');\n }\n\n @Listen('nylasFormCheckboxToggled')\n checkboxToggledHandler(event: CustomEvent<{ checked: boolean; name: string; label: string }>) {\n this.updateAdditionalFields(event.detail.name, event.detail.checked ? 'true' : 'false');\n }\n\n @Listen('nylasFormRadioChanged')\n radioChangedHandler(event: CustomEvent<{ value: string; name: string; label: string; type: string }>) {\n this.updateAdditionalFields(event.detail.name, event.detail.value);\n }\n\n @RegisterComponent<NylasBookingForm, NylasSchedulerConnector, Exclude<NylasScheduling['stores'], undefined>>({\n name: 'nylas-booking-form',\n stateToProps: new Map([\n ['scheduler.isLoading', 'isLoading'],\n ['scheduler.bookingInfo', 'bookingInfo'],\n ['scheduler.eventInfo', 'eventInfo'],\n ['scheduler.configSettings', 'configSettings'],\n ]),\n eventToProps: {\n backButtonClicked: async (_event: CustomEvent<boolean>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.toggleAdditionalData(false);\n },\n nameChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setParticipantName(event.detail);\n },\n emailChanged: async (event: CustomEvent<string>, nylasSchedulerConnector: NylasSchedulerConnector) => {\n nylasSchedulerConnector.scheduler.setParticipantEmail(event.detail);\n },\n },\n fireRegisterEvent: true,\n })\n render() {\n return (\n <Host>\n <form onSubmit={e => this.bookButtonClickedHandler(e)} noValidate>\n <div class=\"nylas-booking-form\">\n <div class=\"input-wrapper\">\n <input-component\n label={i18next.t('name')}\n name=\"name\"\n id=\"name\"\n defaultValue={this.bookingInfo?.primaryParticipant?.name \|\| this.name}\n placeholder={i18next.t('namePlaceholder')}\n type=\"text\"\n required={true}\n requiredError={i18next.t('fieldRequired', { field: i18next.t('name') })}\n patternError={i18next.t('invalidInputFormat', { field: i18next.t('name') })}\n part=\"nbf__input-textfield\"\n />\n </div>\n <div class=\"input-wrapper\">\n <input-component\n label={i18next.t('email')}\n name=\"email\"\n id=\"email\"\n pattern={emailRegex}\n defaultValue={this.bookingInfo?.primaryParticipant?.email \|\| this.email}\n placeholder={i18next.t('emailPlaceholder')}\n type=\"email\"\n required={true}\n requiredError={i18next.t('fieldRequired', { field: i18next.t('email') })}\n patternError={i18next.t('invalidInputFormat', { field: i18next.t('email') })}\n part=\"nbf__input-textfield\"\n />\n </div>\n {this.configSettings?.scheduler?.hide_additional_guests !== true && (\n <div class=\"input-wrapper\">\n {this.guestEmails.map((email, index) => (\n <div class=\"input-wrapper button-wrapper\">\n <label\n class={{\n error: !!this.guestEmailErrors[index],\n }}\n >\n {i18next.t('guestEmail')}\n </label>\n <div class=\"guest-email-input\">\n <input\n type=\"email\"\n id={`guest-email-${index}`}\n maxLength={100}\n class={{\n 'guest-email': true,\n 'error': !!this.guestEmailErrors[index],\n }}\n placeholder={i18next.t('guestEmailPlaceholder')}\n value={email}\n data-index={index}\n part=\"nbf__input-textfield\"\n onBlur={(e: Event) => this.handleGuestBlur(index, (e.target as HTMLInputElement)?.value)}\n onInput={(e: Event) => this.handleGuestChange(index, (e.target as HTMLInputElement)?.value)}\n ></input>\n <button-component\n variant=\"basic\"\n onClick={(e: Event) => this.removeGuestButtonClickHandler(e, index)}\n class={{\n 'remove-guest': true,\n 'error': !!this.guestEmailErrors[index],\n }}\n >\n <close-icon />\n </button-component>\n </div>\n <p class=\"help-text\">{this.guestEmailErrors[index]}</p>\n </div>\n ))}\n <button-component class=\"add-guest\" variant=\"invisible\" part=\"nbf__button-ghost\" onClick={e => this.addGuestButtonClickedHandler(e)}>\n <div class=\"button-content\">\n <add-circle-icon slot=\"icon\"></add-circle-icon>\n {this.guestEmails.length > 0 ? `${i18next.t('addAnotherGuest')}` : `${i18next.t('addGuest')}`}\n </div>\n </button-component>\n </div>\n )}\n {Object.entries(\n (this.configSettings?.scheduler?.additional_fields \|\| {}) as Record<\n string,\n {\n required: boolean;\n type: 'email' \| 'text' \| 'phone_number' \| 'dropdown' \| 'checkbox' \| 'radio_button' \| 'multi_line_text';\n order: number;\n options?: string[];\n label: string;\n }\n >,\n )\n ?.sort((a, b) => a[1].order - b[1].order)\n .map(x => {\n const field = x[1];\n const label = field.label;\n const key = x[0];\n switch (field.type) {\n case 'dropdown':\n return (\n <div class=\"input-wrapper\">\n <select-dropdown\n label={label}\n name={key}\n id={key}\n withSearch={false}\n options={field.options?.map(option => ({ value: option, label: option }))}\n required={field.required}\n part=\"nbf__input-textfield\"\n />\n </div>\n );\n case 'checkbox':\n return (\n <div class=\"input-wrapper\">\n <checkbox-component label={label} name={key} id={key} required={field.required} part=\"nbf__input-textfield\" />\n </div>\n );\n case 'radio_button':\n return (\n <div class=\"input-wrapper\">\n <radio-button-group\n label={label}\n name={key}\n id={key}\n options={field.options?.map(option => ({ value: option, label: option }))}\n required={field.required}\n part=\"nbf__input-textfield\"\n />\n </div>\n );\n case 'multi_line_text':\n return (\n <div class=\"input-wrapper\">\n <textarea-component label={label} name={key} id={key} required={field.required} part=\"nbf__input-textfield\" />\n </div>\n );\n default:\n return (\n <div class=\"input-wrapper\">\n <input-component\n label={label}\n name={key}\n id={key}\n type={field.type}\n requiredError={i18next.t('fieldRequired', { field: label })}\n required={field.required}\n part=\"nbf__input-textfield\"\n />\n </div>\n );\n }\n })}\n {/ <slot name=\"custom-booking-form\"></slot> */}\n </div>\n <div class=\"cta\">\n <sp-button treatment=\"outline\" variant=\"secondary\" class={'back'} part=\"nbf__button-outline\" onClick={this.handleBackButtonClicked}>\n <slot name=\"booking-form-back-label\">{`${i18next.t('backButton')}`}</slot>\n </sp-button>\n <sp-button variant=\"primary\" class={'book'} part=\"nbf__button-primary\" type=\"submit\">\n {this.isLoading && <loading-icon slot=\"icon\"></loading-icon>}\n <slot name=\"booking-form-book-label\">{`${i18next.t('bookNowButton')}`}</slot>\n </sp-button>\n </div>\n </form>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/nylas-cancel-booking-form.entry.js CHANGED Viewed

@@ -87,7 +87,7 @@ const NylasCancelBookingForm = class {
         debug(`[nylas-cancel-booking-form] Component disconnected`);
     }
     render() {
-        return (h(Host, { key: '7f64e29eb7a6baa0056b7c5316697c3b6a773b68', part: "ncec" }, h("sp-theme", { key: 'b4911d0629e6b10843f7b30e84419b21a0d9dfb0', theme: "spectrum", scale: "medium" }, h("div", { key: 'b84646eeba42f5a7cfefc62b82e17d46d535d280', class: "nylas-cancel-booking-form", part: "ncec__card" }, h("div", { key: '038acc8592e4080df2286a4c1918668f6a5f4571', class: "nylas-cancel-booking-form__calendar-icon", part: "ncec__icon" }, h("calendar-cancel-icon", { key: '5f7bf66cb161b22b7348f6cd8c424ff2f4df0477' })), h("h3", { key: '7143c9c6ff265a07a2b36b8de260203ef9c76d83', class: "nylas-cancel-booking-form__title", part: "ncec__title" }, instance.t('cancelBookingTitle')), h("div", { key: '1c7db06b3caba284cf8920e53cf1e10a941eb012', class: "nylas-cancel-booking-form__description", part: "ncec__description" }, !this.configSettings?.scheduler?.cancellation_policy ? `${instance.t('cancelBookingMessage')}` : this.cancellationPolicy), h("form", { key: 'a4182027971ec26beb33ba8426a454e2727cdbb4', onSubmit: this.handleSubmitCancelBooking }, h("sp-field-label", { key: '38789eecfce2fe11b29eeae67f28c8c78db11800', for: "cancel-reason", class: this.cancellationError ? 'error' : '' }, instance.t('reasonForCancellation'), " ", h("span", { key: '37378fdfe659aee8bd317ba38bfb93104cde7d61', class: "required" }, "*")), h("sp-textfield", { key: '085941cfb9c633f0cd16e0f6a2389109dd87e353', id: "cancel-reason", class: this.cancellationError ? 'error' : '', part: "ncec__reason-textarea", multiline: true, value: this.cancellationReason, onInput: this.handleOnChangeCancellationReason, onFocus: this.handleOnChangeCancellationReason, invalid: !!this.cancellationError }, h("sp-help-text", { key: '17a1638b23232748e4d6d9052537401195f8cb9c', slot: "negative-help-text" }, this.cancellationError)), h("sp-button", { key: 'd2e4ac11779a936de1876cd537ebec05aa8f1d5e', variant: "primary", class: "cancel", type: "submit", part: "ncec__button-cta" }, instance.t('cancelBookingButton')), h("sp-button", { key: 'f0144a7b0e0703525a16ee38dfd69d568611264b', variant: "secondary", class: "back", treatment: "outline", part: "ncec__button-outline", onClick: this.handleGoBackClicked }, instance.t('goBackButton')))))));
+        return (h(Host, { key: 'fac967312e7bf8244790ac475078ba3274dbf374', part: "ncec" }, h("sp-theme", { key: '0d1e0d011f2660e7b741698b8471add378c72cef', theme: "spectrum", scale: "medium" }, h("div", { key: '4fa58bdcaf7d1a95da265eed94484fe67507578f', class: "nylas-cancel-booking-form", part: "ncec__card" }, h("div", { key: '5f00ac9dd2d46399888bf259bd37116f89c6553c', class: "nylas-cancel-booking-form__calendar-icon", part: "ncec__icon" }, h("calendar-cancel-icon", { key: '8316d0b1c2b5eade6853c8ebdf4941e569eeb847' })), h("h3", { key: '30d8fc1c63746263319d80244abedb157b189d2b', class: "nylas-cancel-booking-form__title", part: "ncec__title" }, instance.t('cancelBookingTitle')), h("div", { key: '09c8c465ee3aa8de2bda3471469088f516506a04', class: "nylas-cancel-booking-form__description", part: "ncec__description" }, !this.configSettings?.scheduler?.cancellation_policy ? `${instance.t('cancelBookingMessage')}` : this.cancellationPolicy), h("form", { key: 'c4a8a2ef36a7fbfc9b74ac041516b0bb32ddd8eb', onSubmit: this.handleSubmitCancelBooking }, h("sp-field-label", { key: '64650888d1ef21608ffd676cc627919c30a4ae95', for: "cancel-reason", class: this.cancellationError ? 'error' : '' }, instance.t('reasonForCancellation'), " ", h("span", { key: 'b8e801cbdf08b8e5786958514bc316cd3f5a00d5', class: "required" }, "*")), h("sp-textfield", { key: 'ef32a4dca00f42930bbf8fe95b09a8f1662c86f9', id: "cancel-reason", class: this.cancellationError ? 'error' : '', part: "ncec__reason-textarea", multiline: true, value: this.cancellationReason, onInput: this.handleOnChangeCancellationReason, onFocus: this.handleOnChangeCancellationReason, invalid: !!this.cancellationError }, h("sp-help-text", { key: '730649bf078c88796d8defd8b4fd664404e28d64', slot: "negative-help-text" }, this.cancellationError)), h("sp-button", { key: '9f4225fdf4808501be4521b78f6cc00a7f3bf06d', variant: "primary", class: "cancel", type: "submit", part: "ncec__button-cta" }, instance.t('cancelBookingButton')), h("sp-button", { key: '5eded5210d04ca74746ffa1f2230b78edc2daa29', variant: "secondary", class: "back", treatment: "outline", part: "ncec__button-outline", onClick: this.handleGoBackClicked }, instance.t('goBackButton')))))));
     }
     static get watchers() { return {
         "configSettings": ["configSettingsChangedHandler"]

package/dist/esm/nylas-cancellation-policy.entry.js CHANGED Viewed

@@ -68,7 +68,7 @@ const NylasCancellationPolicy = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (h(Host, { key: '876b5cdeb90cbf79881c806ac75114ed06e63435' }, h("div", { key: '80feeecf3e9885c2e4b382e74951691d471585b7', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: 'd19f1ce00b6aa75da62de1db90a7cc9adcc1695e', htmlFor: this.name }, "Cancellation policy message", h("span", { key: '2651d7b35bfbf27d3e26bc0c5827fa846cbe5541', class: "label-icon" }, h("tooltip-component", { key: '45cc24192af2ed658aeee9707a89b76bf16a6cfd' }, h("info-icon", { key: '7f579d6beed8041ed6875c8d33d832953edf97ae', slot: "tooltip-icon" }), h("span", { key: 'b853d3fdb97dad7eec2ff58566d146ec9682e279', 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: '1e013eef034a9a41e96e5f58d996a4372acdfd34', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (h(Host, { key: 'f513085024c7c717a4520dd399fd58e29cfd3986' }, h("div", { key: 'dc46a4d71eb626136a5855ac3691cd9552d7b91d', class: "nylas-cancellation-policy", part: "ncpolicy" }, h("label", { key: 'bfce1d96b453b584ffd8b8e2b2849b2a04770650', htmlFor: this.name }, "Cancellation policy message", h("span", { key: 'a1d528d0249c5506c519a42498a4016dbe6d2f07', class: "label-icon" }, h("tooltip-component", { key: '84b41f40a9a3942d961eaa5fd914499b3d070884' }, h("info-icon", { key: 'b7945425e2ba43b6b3a6885bb15ac993b2b464e7', slot: "tooltip-icon" }), h("span", { key: '26f6702489351a7edeaf9379f77821ae460723af', 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: '0cee57928fdf37fcd417cb8d38b435296bdc03ff', 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); }

package/dist/esm/nylas-cancelled-event-card.entry.js CHANGED Viewed

@@ -53,7 +53,7 @@ const NylasCancelledEventCard = class {
         debug(`[nylas-cancelled-event-card] Component disconnected`);
     }
     render() {
-        return (h(Host, { key: '4ca9efad903a4f5e5191c4f88e06c68fe1880ffa', part: "ncec" }, h("sp-theme", { key: '11e09ce97c73cc8daa5db44fea110397cfe30b3c', theme: "spectrum", color: "dark", scale: "medium" }, h("div", { key: 'edeecdfaf22ca6261d104066dd05c0d90c3049a0', class: "nylas-cancelled-event-card", part: "ncec__card" }, h("div", { key: 'cc181bcc94b5d43de70fb5a597a668255741a098', class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, h("calendar-cancel-icon", { key: '7b9affac586b1e009a27d84a13aa95d3b5734dd6' })), h("h3", { key: 'a8234ca699117963cf27a40e10a17fefea199eef', class: "nylas-cancelled-event-card__title", part: "ncec__title" }, instance.t('bookingCancelledTitle'), "!"), h("div", { key: '8f1df6a7a3eacf9e7387a4976ab874225904cd08', class: "nylas-cancelled-event-card__description", part: "ncec__description" }, instance.t('bookingCancelledMessage'), " ", this.configSettings?.organizer?.name || 'the participants', "."), h("div", { key: '1d5c50356fc2053a11a9caed28e527da6ddb3251', class: "nylas-cancelled-event-card__cta" }, h("sp-button", { key: 'c5ea9f54908e3ff23ddd42076282aae9d5aa5c7a', variant: "secondary", treatment: "outline", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${instance.t('closingButton')}...` : `${instance.t('closeButton')}`))))));
+        return (h(Host, { key: '9c98c6894ceb733fa180edd1df8175982baf746b', part: "ncec" }, h("sp-theme", { key: '14a7b09fc12551599c93762d7c5398d7326f3507', theme: "spectrum", color: "dark", scale: "medium" }, h("div", { key: '828831866ee86c226f755c0f151baecef91ed995', class: "nylas-cancelled-event-card", part: "ncec__card" }, h("div", { key: 'e92df81c9d255aa862382915af84e33d17624150', class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, h("calendar-cancel-icon", { key: 'bbbbbdf5e90467700c05c1702fcc5cc66968a834' })), h("h3", { key: '17e09dbd68c95dea1f3db1259ef4e801a956724e', class: "nylas-cancelled-event-card__title", part: "ncec__title" }, instance.t('bookingCancelledTitle'), "!"), h("div", { key: '12cd951ec167e07a476620c5c0a6bba3f1d7d739', class: "nylas-cancelled-event-card__description", part: "ncec__description" }, instance.t('bookingCancelledMessage'), " ", this.configSettings?.organizer?.name || 'the participants', "."), h("div", { key: '07d80ab4a38a15eecb62c7f2d2205862e42d8e47', class: "nylas-cancelled-event-card__cta" }, h("sp-button", { key: 'c5c33eacbce86cb787ef9d0343b05941b9e7189a', variant: "secondary", treatment: "outline", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${instance.t('closingButton')}...` : `${instance.t('closeButton')}`))))));
     }
 };
 __decorate([

package/dist/esm/nylas-composer.entry.js CHANGED Viewed

@@ -135,7 +135,7 @@ const NylasComposer = class {
         this.editorEl.focus();
     }
     render() {
-        return (h(Host, { key: '24eb3a7777d0d8d651986e780ccab3ed73f2940e' }, h("sp-theme", { key: 'e4f3ab2a32fc79eed17f504e50d9d63db4e58541', scale: "medium", color: "dark" }, h("div", { key: '835738f8e29bae607a2d15e1253721bc2bfbb9f9', class: "editor", contentEditable: true, ref: r => (this.editorEl = r) }, h("div", { key: 'a8eaebb270c1eb0e046cc75ef442d07d7a301ffd', class: "toolbar", ref: r => (this.toolbarEl = r), contentEditable: false }, h("sp-button", { key: 'ef149be7a599e823df35a8bb2daf6a6a05e491e6', quiet: true, onClick: () => document.execCommand('bold') }, h("div", { key: 'a016e06e3bd1e1693d602ca143a0db9ebc25f32f', slot: "icon" }, h("bold-icon", { key: '2efa49d13983df8278c71b62765c4663b8f40d49' })), h("div", { key: '50753638d2cebaedfbb1c32e5c7d9fa652ca2182', slot: "label" }, "Bold")), h("sp-button", { key: '9542448b18e7339d90204d6a2133b417e0c6ec76', quiet: true, onClick: () => document.execCommand('underline') }, h("div", { key: 'a89c054aaa20e5a5d75dc0ce0a60ed7d68ee3f52', slot: "icon" }, h("underline-icon", { key: '0251dc3eae7df7229899b17722ecb61f59650be9' })), h("div", { key: '7dbdf879d504975c9f7ac81f5daf6e56618cd0f6', slot: "label" }, "Underline")), h("sp-button", { key: 'f1532cb5650c7aef22dbbb8509945ec2c1ee8d30', quiet: true, onClick: () => document.execCommand('italic') }, h("div", { key: 'abe8ada6e4c4cb71cb64313eaa6e580f019f4ad6', slot: "icon" }, h("italic-icon", { key: '38c5bbe4725f72df108b3efbfe819fb84a5b974a' })), h("div", { key: '6ee318ade829600da35b18b917c15a92610d65ce', slot: "label" }, "Italic")))), h("div", { key: '3b7551486b542a077aceaee81b9c59cdaba0f85a', class: 'buttons' }, h("sp-button", { key: '350040ee1cf93ad27cfdc467977eeeb3410e6496', onClick: this.sendComposer, class: "send" }, "Send"), h("sp-button", { key: '1324a0e3a401fcee22cfe96dfa43736965ce7256', onClick: this.closeComposer, class: "close" }, "Close")))));
+        return (h(Host, { key: '46125beb4200ff389b5d4cd6ff76fe3228b3fa86' }, h("sp-theme", { key: '2e7d9dd1e2a3817d0609b283cc8572a955230370', scale: "medium", color: "dark" }, h("div", { key: '6a5954e74d72a031aacd29b424c68e51badce046', class: "editor", contentEditable: true, ref: r => (this.editorEl = r) }, h("div", { key: '61152b4be1fe8505dfbc32943c2eb3406a93ca2a', class: "toolbar", ref: r => (this.toolbarEl = r), contentEditable: false }, h("sp-button", { key: 'c896e9d32720e59cb3b7301dd9c05c73a9579fc4', quiet: true, onClick: () => document.execCommand('bold') }, h("div", { key: '6c48e73ddf5c95796d68a661e0a80039827ca73c', slot: "icon" }, h("bold-icon", { key: '955e0873449ad2affbb755e1c92310b87972925a' })), h("div", { key: 'eb68ad20983fd72bd139ccd20383d4a8ca1f750c', slot: "label" }, "Bold")), h("sp-button", { key: 'dbb2b362cedaaf5706eda1957c853acd45b71526', quiet: true, onClick: () => document.execCommand('underline') }, h("div", { key: 'e699c015e2bc926e259e8666dc23be79673df140', slot: "icon" }, h("underline-icon", { key: 'bb4a86a3f9758950271394718408e83f1441a5f6' })), h("div", { key: '13ad8d10033b585eefa562776dcd57dd4816eb56', slot: "label" }, "Underline")), h("sp-button", { key: '9c6b5ca3ddbca9b13cf5fdc88be9d6bb12340cab', quiet: true, onClick: () => document.execCommand('italic') }, h("div", { key: 'a1e776afeeb8421fb94ba203544abcafce5c43c0', slot: "icon" }, h("italic-icon", { key: 'a04ae4fcdd5c006bb5575c6c8bf33ee8f8abad78' })), h("div", { key: '31e02506a6def45c5444d2a70a394e65c952e3d0', slot: "label" }, "Italic")))), h("div", { key: '57243170b74f7dfb732817acca22c53782cc0e7c', class: 'buttons' }, h("sp-button", { key: 'e096fef6544f3c09cec94bd4e37519acc9a980c0', onClick: this.sendComposer, class: "send" }, "Send"), h("sp-button", { key: 'b81de8ac43034d2fdaa77ddd6462f32b775dff7d', onClick: this.closeComposer, class: "close" }, "Close")))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nylas-confirmation-email.entry.js CHANGED Viewed

@@ -133,7 +133,7 @@ const NylasConfirmationEmail = class {
     }
     render() {
         const organizerName = this.participants.find(p => p.is_organizer)?.name;
-        return (h(Host, { key: 'd903a0549fcc0d961f5d000328b03d8f7fe069c3' }, h("div", { key: 'bfada3e8b012ee1f53167ed5c23ff69a44357ecb', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: '338032e7ee7b2135f4f6fe33c8d5695cbec6ac46', class: "header", part: "nce__header" }, h("div", { key: 'dc7ab9474e27fd3ab9b125109054901dd9c4bc13' }, h("h3", { key: 'a780b5b868982743ce3b6553ee3e9afe50a37984' }, this.confirmationEmail.booking_confirmed.title ?? `Booking confirmed with ${organizerName ? ` with ${organizerName}` : ''}`), h("p", { key: '07ec617af3828252083491fe86a912e6a171ab58' }, "Booking confirmation email")), this.isOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" })))) : (h("button-component", { variant: 'basic', clickHandler: event => {
+        return (h(Host, { key: '55569396516fc6cb204d4927e0c8871cbbf267cd' }, h("div", { key: '3dce0ebad9ce6c1b3f15f61425037ec872240fe1', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: 'd63083c0d35e51d3ad6a05b612975976f6653b87', class: "header", part: "nce__header" }, h("div", { key: 'e9627cfe05bf4c331d50a30499c8b1fde7b1fad2' }, h("h3", { key: 'd3215b5a24d0c8e46fef72a572bcf49fb6699be7' }, this.confirmationEmail.booking_confirmed.title ?? `Booking confirmed with ${organizerName ? ` with ${organizerName}` : ''}`), h("p", { key: '15f6a44bb61e6545c5879dba6e53c1d52d3aee99' }, "Booking confirmation email")), this.isOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" })))) : (h("button-component", { variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.toggleConfirmationEmail();
             } }, h("edit-icon", { width: "16", height: "16" }), "Edit"))), this.isOpen ? (h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, h("div", { class: "nylas-confirmation-email__section" }, h("div", { class: "nylas-confirmation-email__row" }, h("label", null, "Send confirmation email when", h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation email immediately upon booking.")))), h("span", { class: "selected-value" }, "Immediately upon booking")), h("div", { class: `nylas-confirmation-email__row ${!this.companyLogoErrorMessage ? 'full-width-col' : ''} ` }, h("div", { class: "subsection" }, h("div", { class: "input-container" }, h("label", null, "Company logo URL", h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Provide a URL to a logo or image that will be included in your confirmation and reminder emails. Max size 200px by 100px.")))), h("div", { class: "company-logo-container" }, h("div", { class: "input-container" }, h("input-component", { name: "company-logo", id: "company-logo", type: "text", required: false, part: "nrt__input-textfield", defaultValue: this.confirmationEmail.logo ?? '' }), this.companyLogoErrorMessage && h("span", { class: "error-message" }, this.companyLogoErrorMessage)), this.confirmationEmail.logo && !this.companyLogoErrorMessage && (h("div", { class: "company-logo" }, h("img", { src: this.confirmationEmail.logo, alt: "Company logo" }))))))), h("sp-divider", null), h("div", { class: "nylas-confirmation-email__row full-width-col" }, h("div", { class: "subsection" }, h("h3", null, "Email message"), h("div", { class: "input-container" }, h("label", { htmlFor: "title" }, "Email subject", h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Enter the subject for your event confirmation.")))), h("input-component", { name: "confirmation-email-title", maxLength: 60, defaultValue: this.confirmationEmail.booking_confirmed.title ?? `Booking confirmed ${organizerName ? `with ${organizerName}` : ''}` })), h("div", { class: "input-container" }, h("label", { htmlFor: "title" }, "Email body"), h("textarea", { id: "description", part: "nrt__textarea", name: "confirmation-email-body", value: this.confirmationEmail.booking_confirmed.body ?? 'Default body', maxlength: "500", rows: 2, onInput: e => this.handleEmailBodyChange(e) }))))))) : (h("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, h("p", null, h("span", { class: "summary-icon" }, h("person-clipboard-icon", null)), "All host & guests"), h("p", null, h("span", { class: "summary-icon" }, h("clock-icon", null)), "Immediately on booking"))))));

package/dist/esm/nylas-connected-calendars.entry.js CHANGED Viewed

@@ -134,7 +134,7 @@ const NylasConnectedCalendars = class {
         return selectedParticipants;
     }
     render() {
-        return (h(Host, { key: '030d545fbb0c15f618f3881697828de814c82f1d' }, h("div", { key: 'ddb4080a13e6be83ba61ef464743ce7be566f6f8', class: "nylas-connected-calendars", part: "npca" }, h("div", { key: 'a41f65a371e0f8e07f17605b96784d26c5d956a5', class: "header", part: "npca__header" }, h("h3", { key: '84efcaca6c59d41e93693eb207c9255ce016d264' }, "Connected Calendars"), h("p", { key: 'efab18e1f8cb89d5cf7ef5d28e91392895e8a085' }, "Select the calendars to use for checking your availability.", h("tooltip-component", { key: 'ab719574171d554d71105fe2de9bb299208e7a25' }, h("info-icon", { key: 'df312e01bacb7ed9e65394af22b02fcb23e3e368', slot: "tooltip-icon" }), h("span", { key: '6bae0c1039be8e527fea071a3799155a2a8ce7ea', slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected.")))), h("div", { key: '69e39f96735726d45fd3c09be9a11a6626183141', class: "content", part: "npca__content" }, h("form", { key: 'e268937ab913a4cd139d791a928f08fb63c3fb0f', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
+        return (h(Host, { key: '5e568aeca5518dcbc6e655f944ccdb364cd10509' }, h("div", { key: 'de7fa402e90eba6caba47aaae177ecd4ac2c1e17', class: "nylas-connected-calendars", part: "npca" }, h("div", { key: '3d11fa4cce3f4e58b51789c6403d4905a7773c2e', class: "header", part: "npca__header" }, h("h3", { key: 'ad2eea3aadc555e8df5ad1edf25c3241fe0b1dbb' }, "Connected Calendars"), h("p", { key: 'a4f2eda148e6dbc22da4f37645dc9bca62a7c894' }, "Select the calendars to use for checking your availability.", h("tooltip-component", { key: '798e6d019bdc166415f5e1136553543a800f9c48' }, h("info-icon", { key: '511532b754196c37f1432aa7b002ee19d01234cf', slot: "tooltip-icon" }), h("span", { key: 'cd4ad4a383bef2d7dc69441c7ba2c0476079dec3', slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected.")))), h("div", { key: '8e0f38c04f48171ae2f9c99ffd0a616ce08c80ef', class: "content", part: "npca__content" }, h("form", { key: 'a42a2a8c86324d29aceb10055c28479e6bf1286e', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
             const participant = this.selectedCalendars[key];
             const participantCalendars = this.participantCalendars[key];
             if (!participant || !participant.name)

package/dist/esm/nylas-custom-booking-flow.entry.js CHANGED Viewed

@@ -95,7 +95,7 @@ const NylasCustomBookingFlow = class {
                 value: 'pre-booking',
             },
         ];
-        return (h(Host, { key: 'a398e4b47f3394c913638d9e68663691cfb69c9b' }, h("div", { key: 'a5117d439b28c9d5edb4a2002617909aa8cca06b', class: "nylas-custom-booking-flow", part: "ncbf" }, h("div", { key: '9dd897125173f41a57841558f2bb5126e3d85741', class: "header", part: "ncbf__header" }, h("h3", { key: '28c14f4f7320dc563df176e7d48c65d54be77547' }, "Customize booking flow"), h("p", { key: 'df1994d3cd8fdb0f0267d90bcd7d34a568c24b57' }, "Customize how new bookings are handled when a booking is completed.")), bookingOptions.length > 0 && (h("div", { class: "nylas-custom-booking-flow__dropdown" }, h("span", { class: "label" }, "After a booking is confirmed", h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Choose how you\u2019d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.bookingType) ?? bookingOptions[0] }))))));
+        return (h(Host, { key: '79853eb2437caf39c59f82c936165234331b1348' }, h("div", { key: '81abe8d086f8889f8d5450562a6a2bbb07308857', class: "nylas-custom-booking-flow", part: "ncbf" }, h("div", { key: '9cbe5505ba1ab47170f2016e8949bc0a626332bc', class: "header", part: "ncbf__header" }, h("h3", { key: 'bc7c5a49d01b5edd4a162cbc980234ffa67146ea' }, "Customize booking flow"), h("p", { key: '42e7fe230baca52029fc3f240fd5d54368000a2f' }, "Customize how new bookings are handled when a booking is completed.")), bookingOptions.length > 0 && (h("div", { class: "nylas-custom-booking-flow__dropdown" }, h("span", { class: "label" }, "After a booking is confirmed", h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, "Choose how you\u2019d like to handle new bookings. If you choose to manually confirm/decline bookings, you will be able to review and accept or decline each booking request."))), h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: ncbf__dropdown, sd_dropdown-button: ncbf__dropdown-button, sd_dropdown-content: ncbf__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.bookingType) ?? bookingOptions[0] }))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

package/dist/esm/nylas-customize-booking-settings.entry.js CHANGED Viewed

@@ -103,7 +103,7 @@ const NylasCustomizeBookingSettings = class {
         }), this.name);
     }
     render() {
-        return (h(Host, { key: 'b86f8367da723a6bb404ccaee3bfdeb5b0a70d7e' }, h("div", { key: '460b0732f7a732e4299f170a078c880b53832ae0', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: '67522557b35f996cd73017a83ee3b872bb71da4d', class: "header", part: "ncbs__header" }, h("h3", { key: '7e54bd0343592a2a7d47c280da88178f8e14a9be' }, "Additional settings"), h("p", { key: '9c542130cac7f74124f6cda97f9a404de855674e' }, "Booking settings for the event.")), h("div", { key: '13ed47dce41b865713928019b24d9c0a3ecf84d7', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, h("div", { key: '2977cac09c4bf0c26b53b3258fc17a2b9dcafd7b', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '91cbb7d5059bef9e2ca448fe86fd91bd58ba47f4', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, h("span", { key: 'bf2f13b04417c31afe6eb2d89e459be0002ddd36', slot: "label", class: "label" }, h("p", { key: '5dc7820f9779ea4a16b29c6a6a8c294f59e04473', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), h("tooltip-component", { key: 'b5bbb6bd723f5464c0d8db069c072521ae182972', id: "guests" }, h("info-icon", { key: 'ec2c7e2b4fe456ec53dc381d5a4900db1b64c47d', slot: "tooltip-icon" }), h("span", { key: '43f9d2feac4e91f9378fa44a9d816993c0ba69c8', 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: '8ab4fd673289c8bb84ad9047d614da83c5a77d3e', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '36e39fed89119d320b5b480aadfaf19bbf0f5fb5', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, h("span", { key: '688e8f1422d446a9a01e05da946595537e394602', slot: "label", class: "label" }, h("p", { key: '500df676d0aab2e6af7774b3c442105bb0baf3b6', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '383e2b3b6546d114968ddd4dedce2d2a2eb694a1' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: 'c9d41d14a36bcdb88eb0c2454f13cea22e8e9f84', id: "reschedule" }, h("info-icon", { key: '064e0e8abca84d1af897c2d0ac163a882de1366b', slot: "tooltip-icon" }), h("span", { key: 'd13e1b449f396d7e26c79b0595f3de48ea5efac0', slot: "tooltip-content" }, "If enabled, the guest will not be able to reschedule the booking."))))), h("div", { key: '1ac9618b10e0f213ca9fbdafd460c3a8aaa58078', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: '52c6989299ebefcb1a10adbd3b493db3008469aa', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, h("span", { key: '1d3b3351f98d1dfbc5ea08b82e537cbac19db263', slot: "label", class: "label" }, h("p", { key: 'c6bd5032ddc0953e52ae5af93eb95cd5f2618879', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '78808c4b7421513f3dd17518229151d37bc1a97f' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '7cc734130df33c2a840a71d70533cfbdf043902a', id: "cancel" }, h("info-icon", { key: '160a8bf8ed89df4190385d0a482266cc08abd20d', slot: "tooltip-icon" }), h("span", { key: '82e0e814be08483e4d346848dae8f4f0c3e9c3b5', slot: "tooltip-content" }, "If enabled, the guest will not be able to cancel the booking.")))))))));
+        return (h(Host, { key: '28f102413083f8cd7cbae103876946948c706d2e' }, h("div", { key: 'bd72dcd8bb12b27ee90020e287914b26aaf7bd2f', class: "nylas-customize-booking-settings", part: "ncbs" }, h("div", { key: 'c7dc1db938ba43de62d48d6a7955341e9fd793ef', class: "header", part: "ncbs__header" }, h("h3", { key: '8bbe27028b0e0ef8b5dbc84d96f92ea2121202f4' }, "Additional settings"), h("p", { key: '9e0ebb439ad1811e42781460632f694979916c6d' }, "Booking settings for the event.")), h("div", { key: 'e690228b62569f02f2912b8f365d861ee69239c8', class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, h("div", { key: '07d7ba16019ffe9727f7cea4f9f170ee4cd259e3', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, h("checkbox-component", { key: '91425393dc329028c284b4b709fd2507946ca768', name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, h("span", { key: '01782b7547679f8eb4012065f85f1e829afdeb73', slot: "label", class: "label" }, h("p", { key: '5bb75ed73b07a65b376deb6a4fef1027de88abcb', class: "label-contents" }, "Allow guests to invite additional guests to the booking."), h("tooltip-component", { key: '7e0fd3777d426a29c2d6f2befe380a4fabe9e3dd', id: "guests" }, h("info-icon", { key: '6b1b575e4f67df1e83461e0ecb6c94881950857d', slot: "tooltip-icon" }), h("span", { key: '906d6215e33d0cd9f2d26354a93faa16df60e4d3', 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: '160c44a03c7b98c543f7c4b933191c374e55068d', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, h("checkbox-component", { key: '01f0fdfa0e009939e0a51ba8246cce8a2f1c73f3', name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, h("span", { key: 'f8debf9d479c137891708114bc46bf00831dff6f', slot: "label", class: "label" }, h("p", { key: 'f5be491689b842ef6b6cbfc0677de20e80a508d4', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '7bb797bc4f0518f34df8d183eae095b4ee91ece8' }, "Reschedule"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '5495cf275db37d683a650f13b3270df6477ee1f0', id: "reschedule" }, h("info-icon", { key: 'e0179ca7edadc3b6f1d095feb38df144a7cf7a04', slot: "tooltip-icon" }), h("span", { key: 'b4208b402627383eed502c858494679ce7cab1d9', slot: "tooltip-content" }, "If enabled, the guest will not be able to reschedule the booking."))))), h("div", { key: '250a995c6878ecc94e42aa257488e699110a3b4e', class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, h("checkbox-component", { key: '54990237e3f66e46cad68eecbba72e1ed222ae49', name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, h("span", { key: '248736127091e400008511065815620285b27917', slot: "label", class: "label" }, h("p", { key: 'd4bcd27bee0020d507bbc2785ab45670fab8dbcc', class: "label-contents" }, "Hide the\u00A0", h("strong", { key: '3900b6f8c1a638ed055be2c35bf6ee82221b3f90' }, "Cancel"), "\u00A0button on the Scheduling Page and in the email notifications."), h("tooltip-component", { key: '78de175500d7fb5fb67edaf54c2b3d57650c5eab', id: "cancel" }, h("info-icon", { key: '60c46d5609d7e9aaa44b9bfaad5755d9a30e18d0', slot: "tooltip-icon" }), h("span", { key: '5fea9965144130751ec5a5ee487b0e71b181f0df', slot: "tooltip-content" }, "If enabled, the guest will not be able to cancel the booking.")))))))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

package/dist/esm/nylas-editor-tabs.entry.js CHANGED Viewed

@@ -441,22 +441,22 @@ const NylasEditorTabs = class {
     render() {
         debug('[nylas-editor-tabs]', 'render', this.formState);
         const showInDevelopmentTabs = localStorage.getItem('nylas') === 'Nylas Developer';
-        return (h(Host, { key: '5e190ea179c30e38c254ad7ec34e3ffa53da6d2f' }, h("form", { key: '2048843017f86406f676d158f97c42283f44ea9a', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { name: "eventInfo", class: { tab: true, active: this.activeTab == 'eventInfo', hide: this.hideTab('eventInfo') }, part: "editortab__event-info", onClick: e => this.setActiveTab(e, 'eventInfo') }, h("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h("button", { name: "availability", class: { tab: true, active: this.activeTab == 'availability', hide: this.hideTab('availability') }, part: "editortab__availability", onClick: e => this.setActiveTab(e, 'availability') }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { name: "participants", class: { tab: true, active: this.activeTab == 'participants', hide: this.hideTab('participants') }, part: "editortab__participants", onClick: e => this.setActiveTab(e, 'participants') }, h("people-icon", { width: "16", height: "16" }), "Participants"), h("button", { name: "bookingOptions", class: { tab: true, active: this.activeTab == 'bookingOptions', hide: this.hideTab('bookingOptions') }, part: "editortab__booking-options", onClick: e => this.setActiveTab(e, 'bookingOptions') }, h("flow-icon", { width: "16", height: "16" }), "Booking options"), h("button", { name: "bookingForm", class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab('bookingForm') }, part: "editortab__booking-form", onClick: e => this.setActiveTab(e, 'bookingForm') }, this.activeTab == 'bookingForm' ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), showInDevelopmentTabs && (h("button", { name: "communications", class: { tab: true, active: this.activeTab == 'communications' }, onClick: e => this.setActiveTab(e, 'communications') }, this.activeTab == 'communications' ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), "Communications"))), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("slot", null)), h("div", { key: '88a16f2bccf874acaec34b0ad37d42313758cbb9', class: "footer", part: "editor__footer" }, h("div", { key: '17387917bc660e6e691e5d75501d4a13da2632fc', class: "preview", part: "editor__footer-preview" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { type: "button", disabled: this.isLoading, clickHandler: event => {
+        return (h(Host, { key: 'a61795f52835d2378d1501d93ec76fa54867fb6c' }, h("form", { key: 'd8d4d48029b6b9bb68f030e5a1ed5ffa2696f312', onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: el => (this.formRef = el), noValidate: true }, this.mode === 'app' ? (h("div", { class: "form-contents" }, h("div", { class: "tabs" }, h("button", { name: "eventInfo", class: { tab: true, active: this.activeTab == 'eventInfo', hide: this.hideTab('eventInfo') }, part: "editortab__event-info", onClick: e => this.setActiveTab(e, 'eventInfo') }, h("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h("button", { name: "availability", class: { tab: true, active: this.activeTab == 'availability', hide: this.hideTab('availability') }, part: "editortab__availability", onClick: e => this.setActiveTab(e, 'availability') }, h("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h("button", { name: "participants", class: { tab: true, active: this.activeTab == 'participants', hide: this.hideTab('participants') }, part: "editortab__participants", onClick: e => this.setActiveTab(e, 'participants') }, h("people-icon", { width: "16", height: "16" }), "Participants"), h("button", { name: "bookingOptions", class: { tab: true, active: this.activeTab == 'bookingOptions', hide: this.hideTab('bookingOptions') }, part: "editortab__booking-options", onClick: e => this.setActiveTab(e, 'bookingOptions') }, h("flow-icon", { width: "16", height: "16" }), "Booking options"), h("button", { name: "bookingForm", class: { tab: true, active: this.activeTab == 'bookingForm', hide: this.hideTab('bookingForm') }, part: "editortab__booking-form", onClick: e => this.setActiveTab(e, 'bookingForm') }, this.activeTab == 'bookingForm' ? h("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), showInDevelopmentTabs && (h("button", { name: "communications", class: { tab: true, active: this.activeTab == 'communications' }, onClick: e => this.setActiveTab(e, 'communications') }, this.activeTab == 'communications' ? h("envelope-fill-icon", { width: "16", height: "16" }) : h("envelope-icon", { width: "16", height: "16" }), "Communications"))), h("div", { class: "tab-content" }, h(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: this.selectedConfiguration?.id ?? 'new' })))) : (h("slot", null)), h("div", { key: 'c8980cc653c66af2153eebe8a33ba20fe2ca2f89', class: "footer", part: "editor__footer" }, h("div", { key: '9f6079283a9fd761230abc04e9e072788641a4c8', class: "preview", part: "editor__footer-preview" }, this.schedulerPreviewLink !== '' && this.action === 'edit' && (h("button-component", { type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 const previewEvent = this.previewButtonClicked.emit(this.host);
                 if (!previewEvent.defaultPrevented) {
                     window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), '_blank');
                 }
-            }, variant: 'basic' }, "Preview"))), h("div", { key: 'a4e8d02452c2ab524dc0fb010ad88f05cd46d244', class: "buttons", part: "editor__footer-buttons" }, h("p", { key: '2a04af9dc978964725eeb787b1a3f31d76e26720', class: {
+            }, variant: 'basic' }, "Preview"))), h("div", { key: '2082b9fd59d3c6bcc9c68ac1a855b4d672aff358', class: "buttons", part: "editor__footer-buttons" }, h("p", { key: '112c90626f942fd2596b3b995696c859915d9de0', class: {
                 'unsaved-changes': this.hasUnsavedChanges && !this.changesSaved,
                 'saved-changes': this.changesSaved,
                 'error': this.error !== '',
                 'error-full-width': this.error !== '' && this.action === 'create',
-            } }, this.error !== '' ? this.error : '', this.error == '' && this.hasUnsavedChanges && !this.changesSaved ? 'Unsaved changes' : this.error == '' && this.changesSaved ? 'Changes saved!' : ''), h("button-component", { key: '5997accc74ff1f73b2577923a02f50af0f613429', type: "button", disabled: this.isLoading, clickHandler: event => {
+            } }, this.error !== '' ? this.error : '', this.error == '' && this.hasUnsavedChanges && !this.changesSaved ? 'Unsaved changes' : this.error == '' && this.changesSaved ? 'Changes saved!' : ''), h("button-component", { key: 'be06955d3755e98f60241da4813c4c81f70b9d05', type: "button", disabled: this.isLoading, clickHandler: event => {
                 event.preventDefault();
                 this.cancelButtonClick.emit();
                 this.error = '';
-            }, variant: 'basic', part: "editor__footer-cancel" }, "Back"), h("button-component", { key: '9aee416653e7648a62a4d95af171b49b9fd35cba', type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action == 'create' ? ('Create') : ('Save changes')))))));
+            }, variant: 'basic', part: "editor__footer-cancel" }, "Back"), h("button-component", { key: '84abeec599621730df236f737f0ab174ea68eb7d', type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? (h("span", null, "Saving", h("loading-icon", null), ' ')) : this.action == 'create' ? ('Create') : ('Save changes')))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/nylas-event-description.entry.js CHANGED Viewed

@@ -68,7 +68,7 @@ const NylasEventDescription = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (h(Host, { key: 'ac483c56982373fb625c6d1af54eed749ce820e2' }, h("div", { key: '3924853ea2c94d72bf2a04a319bee5fc61eb7642', class: "nylas-event-description", part: "nedesc" }, h("label", { key: 'e8f9990a4f0766de9691080ef02b823c4cd6beb4', htmlFor: "description" }, "Event description", h("span", { key: 'dc7fa731cc60ed6e59032cdb35d0b410de300750', class: "label-icon" }, h("tooltip-component", { key: '1c0b1a5a547227bf7d4f499cc7c319349ec26e2d' }, h("info-icon", { key: 'e74034f5a5d8ab86c0d497b15c9cb8016d22f38e', slot: "tooltip-icon" }), h("span", { key: 'c5efa1fc3adc9290e39d40f1f7998e0c6bdd3bf4', slot: "tooltip-content" }, "Provide any additional details for your event.")))), h("textarea", { key: '45d8cc241ab90a24ec437499234b02cc401fa720', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
+        return (h(Host, { key: '5c00a1d8d0babc4ae0dcadb89eba5ff579f12b63' }, h("div", { key: 'b497d190f728c6eea4c7487b261b380ed7ee974a', class: "nylas-event-description", part: "nedesc" }, h("label", { key: '8fa2e4e0cf208b8e815c3a738a2c68c7e8c458e8', htmlFor: "description" }, "Event description", h("span", { key: '1325b2d1e3c1b7ab08c820ed5813a12dba5f9925', class: "label-icon" }, h("tooltip-component", { key: '31bf265a7235be7e7abb08cf79b2613be52320f2' }, h("info-icon", { key: '03846d6477ce728cf76be4e11ded756fd13cd5d3', slot: "tooltip-icon" }), h("span", { key: '0b279428d053e60e77403292926d6b35c8c08074', slot: "tooltip-content" }, "Provide any additional details for your event.")))), h("textarea", { key: '5fa3a6eba85e65281d1970c947f109048a780654', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

package/dist/esm/nylas-event-duration.entry.js CHANGED Viewed

@@ -123,7 +123,7 @@ const NylasEventDuration = class {
             { value: 1, label: 'minute' },
             { value: 60, label: 'hour' },
         ];
-        return (h(Host, { key: 'c8ab90c7a45ce6a5379552af0a9059b9d829e82c' }, h("div", { key: 'd957e610bd31a55430235b0ca903905c8bf3706b', class: "nylas-event-duration", part: "ned" }, h("label", { key: '39324d77ad9da4bc0c1f36d15c28384f423c1976', htmlFor: "duration" }, "Event duration", h("span", { key: '8f222a8a5d03899ff06790133434028dd1a62cd4', class: "required" }, "*"), h("span", { key: '6b83c675faa33db229ded711eac8c1f565bc9a61', class: "label-icon" }, h("tooltip-component", { key: '01b7ba340e2883e5a22d4559f67feda4bc745109' }, h("info-icon", { key: 'acbfa3dcbc994dec0e502ea9ded00612bf24b315', slot: "tooltip-icon" }), h("span", { key: 'e691c2a8ce4953e448cb6850ab2648645ae688c0', slot: "tooltip-content" }, "Set the duration of your event.")))), h("div", { key: '294766a022ba73042705050bc2fbc294cd1433b4', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: '9a61a9527ae4c9991dc1f1596fbed85a5dd57966', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) ?? durationOptions[0] }), h("select-dropdown", { key: 'edcda0700a80961b9a8b9f325288d70a1aa4e6f0', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement) ?? durationOptions[0], withSearch: false })))));
+        return (h(Host, { key: '8fbb229d360115f6991fac20743e6b14c884980c' }, h("div", { key: '12fe435669d83fba32e6d6fc96acf2763376412f', class: "nylas-event-duration", part: "ned" }, h("label", { key: '9ee46419c5973dcc444a4b7d165e51750abb4815', htmlFor: "duration" }, "Event duration", h("span", { key: 'fbd3676ce94cf24b2974528e12859eadc1a1069d', class: "required" }, "*"), h("span", { key: 'a161bf4031466b468ccf60a4c8a317a702770b5d', class: "label-icon" }, h("tooltip-component", { key: 'f23c88738276ef097fcf8b85a6b5f70f99b969ed' }, h("info-icon", { key: '850114c107362a42b2759ca2d193c942ab548a2b', slot: "tooltip-icon" }), h("span", { key: '404981545b644366b964e2f12637cb3902aa78f1', slot: "tooltip-content" }, "Set the duration of your event.")))), h("div", { key: 'd3a931e275a66ab78dd39261fb01aa79e08b78b6', class: "nylas-event-duration__wrapper" }, h("input-dropdown", { key: '47d42bc80559a115abf2dca195740babcea0f4fe', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) ?? durationOptions[0] }), h("select-dropdown", { key: '16f268fdb83101f2bb3e11f2ac98cf54c5c1b1f0', name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement) ?? durationOptions[0], withSearch: false })))));
     }
     static get formAssociated() { return true; }
     get host() { return getElement(this); }

package/dist/esm/nylas-event-info.entry.js CHANGED Viewed

@@ -45,7 +45,7 @@ const NylasEventInfo = class {
         debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '372985af2cad0d48f0b6426efdf57dc426e635ce' }, h("nylas-form-card", { key: '03101178a10d153a877e31034552fd29b2c78897', exportparts: "nfc__header: nei__header" }, h("h1", { key: '3ebf8b9831ed7a6ca28fcce719d0673e3ed2f6d7', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), h("h3", { key: '1dc5761e9998d5685b5beb0765d777ac25cbf8ed', slot: "header-subtitle", class: "nylas-event-info__subtitle", part: "nei__subtitle" }, "Enter all event information."), h("div", { key: 'd03c233d645368adda34afeab1aebafabd2adb9d', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: '715992e0621e0656135705e4abc3cc75219eb4c9', name: "inputs" })))));
+        return (h(Host, { key: '33d91118714d86c6e4309412cc46df5f90a381b2' }, h("nylas-form-card", { key: '03f38377a271ed5e48eb77132a15dc921609e711', exportparts: "nfc__header: nei__header" }, h("h1", { key: 'b555b48b8fa4a0387e2eaa078dfd797730549c1a', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), h("h3", { key: 'ab2972780506061a7b0c6598bb00622461617551', slot: "header-subtitle", class: "nylas-event-info__subtitle", part: "nei__subtitle" }, "Enter all event information."), h("div", { key: '5b2ec5d3407512249e35e0b4dceb346f379eadc0', slot: "content", class: "nylas-event-info__content" }, h("slot", { key: '67b2da6a395527404a25532257d3de03186a4ab6', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nylas-event-limits.entry.js CHANGED Viewed

@@ -45,7 +45,7 @@ const NylasEventLimits = class {
         debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (h(Host, { key: '8a06058ea2224b629bc103d0c649f9d092b4ecb1' }, h("nylas-form-card", { key: '4055001375b7d0356f1025dbc19f6d50bc7d5034', exportparts: "nfc__header: nel__header" }, h("h1", { key: '13e674b2bf62d1e2daec83b8cbe128e3ee8971ce', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), h("h3", { key: 'c26824ac9ff4f41e25f305105ff76424be851f44', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Manage event limits."), h("div", { key: '80aadbc633d0b6f49f768b4cede35c9f295b62f5', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: '0bc8720c54a4235f9108d7c78164671e3db64d1a', name: "inputs" })))));
+        return (h(Host, { key: 'c80a6842c80d13a944edac4bacd93f1311b87977' }, h("nylas-form-card", { key: '7093ab758d0476bb9c04c2deb2b3f55231d81cd9', exportparts: "nfc__header: nel__header" }, h("h1", { key: '71a02c0f2e0e12568ccb7eae3a00f65c58fdd16b', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), h("h3", { key: '7e75c6c11119d8a2f58a5bf6099a449ffa4c62ee', slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Manage event limits."), h("div", { key: '68642c6ce6819fdf4d57ce779e62d6ca72d7d62b', slot: "content", class: "nylas-event-limits__content" }, h("slot", { key: 'c179df176f32624a61d7ac8ccd04bca082dc8407', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/nylas-event-location.entry.js CHANGED Viewed

@@ -181,13 +181,13 @@ const NylasEventLocation = class {
                 break;
         }
         const icons = {
-            none: h("location-off-icon", { key: '704e3432c3b98f3a2a8da51fb68dffcf90c3698d' }),
-            custom: h("location-icon", { key: 'ff185ff6c48fd9187900ed282c5e22621c6fe59a' }),
-            google: h("google-meet-icon", { key: '248524df1929cafea72a90be4af826b750bfe163' }),
-            microsoft: h("microsoft-teams-icon", { key: '29171eb5e309f4febafc3c756f8129626c4bea91' }),
-            zoom: h("zoom-icon", { key: '3d7edb2034e1fa7eb5c331f4fb65ec48c0496bfb' }),
+            none: h("location-off-icon", { key: 'eb13ab36999ab20b30e5d9283c7cd0b622cf96a5' }),
+            custom: h("location-icon", { key: 'd3ecbd17277a59025a4d56dab224a804dd2a8d41' }),
+            google: h("google-meet-icon", { key: 'fe9936ce42ee8d87319bf0bbc9d9ed48e072bc8f' }),
+            microsoft: h("microsoft-teams-icon", { key: 'b0c8a3dbb9390138812a59f7c5705fac9766e3ea' }),
+            zoom: h("zoom-icon", { key: '8d72f86e7c3566a0d0f7278efc1fb78be0e236ba' }),
         };
-        return (h(Host, { key: '14187990ecb61f66f028cf8c505734bb1ac53918' }, h("div", { key: 'bc0a77eba223fb0bd7a856b63699018087b369af', class: "nylas-event-location", part: "nel" }, h("label", { key: '4e4a1713cec90bc565cf9236e1c441382b3fa93f', htmlFor: "location" }, "Location type", h("span", { key: 'ebd373624e792510b375f34a1de01abc1c9a264a', class: "label-icon" }, h("tooltip-component", { key: '117a041a1f1bc3e81f5073bbf51801d3ce83aa6a' }, h("info-icon", { key: '34e01edf44b933bb3c0499f435b749b4d1df0277', slot: "tooltip-icon" }), h("span", { key: 'f945db849454c25e6ae73f99f7e3f15fc2637efb', 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: '00fe0bac3684e266a9f4269d2f7765c43e8a9752', class: "location-input" }, h("select-dropdown", { key: 'a0a5200c2e9201f35ac099165cf628a4eadd17bd', withSearch: false, name: "location", options: locationOptions.reverse(), 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: '4f5907df275a6e4e077167a90d11c5f97c840432', 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: '88e20db0f30b55013f0a63a1a9a054188c37b13b' }, h("div", { key: '8e86c71b3a32c33b4d2558c177ff1dbeda78d7ae', class: "nylas-event-location", part: "nel" }, h("label", { key: 'a3ba2e88a37691c7691df6107e68862eaf40c79d', htmlFor: "location" }, "Location type", h("span", { key: '426742f2b56b10522bc178383fd950724d585a14', class: "label-icon" }, h("tooltip-component", { key: 'e35380ec73605fce5f8626a4f4132a89f13f9c50' }, h("info-icon", { key: 'c9f9e94cc0a0e38e7156e7a505f8289e50200338', slot: "tooltip-icon" }), h("span", { key: '8b52d9df9fd01c93e6fd2065c112d1f2cde3d5f2', 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: 'f9f9738a534b33e557442fca7a09a6a97c0205a2', class: "location-input" }, h("select-dropdown", { key: '3c6d1c878f824a448aff7f414478bcad3507cc5e', withSearch: false, name: "location", options: locationOptions.reverse(), 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: 'f7a3a921c7ce929c81e9065a8d8468ae2df57b7c', 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); }