@nylas/web-elements 0.0.0-test-20250318204811 → 0.0.0-test-20250320180623

package/dist/esm/nylas-booked-event-card_12.entry.js

@@ -31,6 +31,10 @@ const NylasBookedEventCard = class {
         this.handleCancelBookingButtonClicked = () => {
             const startTime = new Date(this.selectedTimeslot.start_time);
             const minCancellationNotice = this.configSettings?.scheduler?.min_cancellation_notice;
+            if (!minCancellationNotice) {
+                this.cancelBookingButtonClicked.emit({ bookingId: this.eventInfo.booking_id });
+                return;
+            }
             const dateTillCancellation = startTime.getTime() - minCancellationNotice * 60 * 1000;
             if (dateTillCancellation < new Date().getTime()) {
                 this.cancelBookedEventValidationError.emit({
@@ -110,17 +114,17 @@ const NylasBookedEventCard = class {
     render() {
         const bookingType = this.configSettings?.booking_type;
         const isManualConfirmation = bookingType && bookingType !== 'booking';
-        return (h(Host, { key: '7db019b852ab70270adb7dc9e958e6e7381a26b3', part: "nbec" }, h("div", { key: 'f309b22194e70799fd0333c899e3ef6dc2cadda2', class: "nylas-booked-event-card" }, h("div", { key: 'fda9f6f52eb02449553e3a77f02a9bd9ccc1ffb1', class: "booked-event-timezone" }, h("globe-icon", { key: '86e8540c01d68d6b661f1146bbe24849023ce1bd' }), TIMEZONE_MAP[this.selectedTimezone]), h("div", { key: '1038dc03151ab6a2b961d5f4ded96ba7445d1a54', class: "event-card-wrapper", part: "nbec__card" }, h("div", { key: '62143a2984318fb91ac9e8211901dddc99481ca2', class: "calendar-icon" }, h("calendar-check-icon", { key: '8c2b99dcc14a65e556648d11fd36fbabda5c6e60' })), h("div", { key: 'ceea5100d690b09d4819486a305d639f483522f6', class: "booked-event-header" }, h("h2", { key: 'af360b0c2fd115edd22e6fd4977819c77c83aa64', slot: "card-title", part: "nbec__title" }, !!this.rescheduleBookingId && !this.isLoading
+        return (h(Host, { key: 'dbe7087b88cf1eff27686e9a7ef321729bea3c8b', part: "nbec" }, h("div", { key: 'a219990cac8a7f0e7935f03cf1c57ea137564958', class: "nylas-booked-event-card" }, h("div", { key: 'e19d395321ec182846f9fa119c69c7f41ee5f6b2', class: "booked-event-timezone" }, h("globe-icon", { key: 'dd47b506f0528f16875476dc53b27e64f2913fb5' }), TIMEZONE_MAP[this.selectedTimezone]), h("div", { key: '464f20ff077e64638a03afde99478f7d83409408', class: "event-card-wrapper", part: "nbec__card" }, h("div", { key: '5a92d2da8c1b3df9b2d05f6c269478868dff32df', class: "calendar-icon" }, h("calendar-check-icon", { key: 'f8611aa6b551338b403f93d2f2395cd9128c9a09' })), h("div", { key: 'f8988cf31256a020ab3e9a98be8577bcd3bc8490', class: "booked-event-header" }, h("h2", { key: 'a2396483be6d7db392504c6c5f20f335ae14bf74', slot: "card-title", part: "nbec__title" }, !!this.rescheduleBookingId && !this.isLoading
             ? `${instance.t('bookingRescheduled')}`
             : isManualConfirmation && !this.isLoading
                 ? `${instance.t('bookingSent')}`
-                : `${instance.t('bookingConfirmed')}`, "!"), h("div", { key: 'afad927b2a1e56191d73705c93c6b285305810f8', class: "card-description", part: "nbec__description" }, isManualConfirmation ? instance.t('bookingSentDescription') : h("span", null, instance.t('bookingConfirmedDescription')))), h("div", { key: '3a2fcc44ec16291970f5a043fea3c4e0e76cd961', class: "booking-date-time" }, h("checkmark-circle-icon", { key: '9e09cc4a564378d2a57eb26a20d051ff5783959f' }), h("h3", { key: '43751ff57685368a9ff566e042c8ac874a2b972d' }, instance.t('bookingDateAndTimeHeader')), h("p", { key: 'aa873b56137af390655ff8c2eed3baaab44b287a' }, this.selectedTimeslot?.start_time
+                : `${instance.t('bookingConfirmed')}`, "!"), h("div", { key: 'b614249b561dc5d050dae4603f651e29cbd1303f', class: "card-description", part: "nbec__description" }, isManualConfirmation ? instance.t('bookingSentDescription') : h("span", null, instance.t('bookingConfirmedDescription')))), h("div", { key: '9098b88ef02d44f0de7a77138a7daf554e516909', class: "booking-date-time" }, h("checkmark-circle-icon", { key: '6192670a3b53c9444db27aa1737813851934a213' }), h("h3", { key: '8e145c48421d913a68bc17e9eafd29121e8e069e' }, instance.t('bookingDateAndTimeHeader')), h("p", { key: '1cf28fc04ff15a87b00a33ea44a5e650a18a231c' }, this.selectedTimeslot?.start_time
             ? capitalizeFirstLetter(formatBookedEventDate(this.selectedTimeslot?.start_time, this.selectedTimezone, LANGUAGE_CODE_TO_LOCALE_MAP[this.selectedLanguage]))
-            : '-', ' ', h("br", { key: 'b11b0651c07fa3a160511489e623054a0fc6b95a' }), this.startTime, " - ", this.endTime)), h("div", { key: 'b1945df2b3816cf9e012903910f913fab002f911', class: "booking-participants" }), !isManualConfirmation && (h("div", { class: "button-container" }, h("div", { class: {
+            : '-', ' ', h("br", { key: '0034a1c225c5e48784bad88c97957a896652b0f8' }), this.startTime, " - ", this.endTime)), h("div", { key: 'bc919a4c276cb2eb95c05f0409454b9c9dd75fcc', class: "booking-participants" }), !isManualConfirmation && (h("div", { class: "button-container" }, h("div", { class: {
                 'footer': true,
                 'no-footer': (this.configSettings?.scheduler?.hide_cancellation_options && this.configSettings?.scheduler?.hide_rescheduling_options) ||
                     this.configSettings?.booking_type === 'organizer-confirmation',
-                'no-template-cols': this.configSettings?.scheduler?.hide_cancellation_options || this.configSettings?.scheduler?.hide_rescheduling_options,
+                'no-template-cols': !!this.configSettings?.scheduler?.hide_cancellation_options || !!this.configSettings?.scheduler?.hide_rescheduling_options,
             } }, !this.configSettings?.scheduler?.hide_cancellation_options && (h("button-component", { variant: 'destructive', onClick: this.handleCancelBookingButtonClicked, part: "nbec__button-outline nbec__cancel-cta" }, `${instance.t('cancelBookingButton')}`)), !this.configSettings?.scheduler?.hide_rescheduling_options && (h("button-component", { variant: 'basic', onClick: this.handleRescheduleButtonClicked, disabled: this.isLoading, part: "nbec__button-outline nbec__reschedule-cta" }, `${instance.t('rescheduleBookingButton')}`)))))))));
     }
     get host() { return getElement(this); }
@@ -486,7 +490,7 @@ const NylasBookingForm = class {
         this.updateAdditionalFields(event.detail.name, event.detail.value);
     }
     render() {
-        return (h(Host, { key: 'd1a22c96134f6b621cd51de89a334cbfd333e60d' }, h("form", { key: 'd69adbd943fc3b7a5c7f0cf53dbb9217f7334c32', onSubmit: e => this.bookButtonClickedHandler(e), ref: el => (this.formRef = el), noValidate: true }, h("div", { key: '21afe8342d7d3656a425d57b0b63ddc336961ab2', class: "nylas-booking-form", part: "nbf" }, h("div", { key: 'c8fb40d0bdfe56db0e88bba9e50ccf1b94ab446a', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: '0d3560610674cff9b3aa8c6bd91ed2ebcaf6036e', label: instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: instance.t('namePlaceholder'), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || false, 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: '2abb2740328b4b999ba4d2b1e7345c592d50d27e', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: 'cb5ab32f071f33f7374f9d4488fd4663963040bb', label: instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: instance.t('emailPlaceholder'), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || false, 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", part: "nbf__input-wrapper" }, this.guestEmails.map((email, index) => (h("div", { class: "input-wrapper button-wrapper" }, h("label", { class: {
+        return (h(Host, { key: '7cc64499522157e62c5703990effe640e032794f' }, h("form", { key: '14b8c18e942c2b30027dd4ab7e9f50be749b6d8a', onSubmit: e => this.bookButtonClickedHandler(e), ref: el => (this.formRef = el), noValidate: true }, h("div", { key: 'df00121eb4e6491ce7a758690c0bb2fdb3afd2c0', class: "nylas-booking-form", part: "nbf" }, h("div", { key: 'f54bdfab54066557fa20defcc90bba5b33211616', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: 'b4fb9a672fb708ebc47084c9978fc6c526dda804', label: instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: instance.t('namePlaceholder'), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || false, 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: '44f5979a3aacfaedf6baa124ddf3cae468f71e19', class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { key: '5e72e7aa54a18a6a3b441a6d3d03c8b08246bc07', label: instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: instance.t('emailPlaceholder'), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || false, 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", part: "nbf__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,
@@ -518,14 +522,14 @@ const NylasBookingForm = class {
                     return (h("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, h("nylas-date-component", { readOnly: fieldReadOnly, label: label, defaultValue: defaultValue, name: key, id: key, required: field.required, part: "nbf__date-component" })));
                 case 'multi_select': {
                     const defaultValues = defaultValue?.split(',').map(item => item.trim()) || [];
-                    return (h("div", null, h("multi-select-dropdown", { label: label, name: key, id: key, readOnly: fieldReadOnly, options: field.options?.map(option => ({ value: option, label: option, selected: defaultValues.includes(option) })), required: field.required, exportparts: "msd_dropdown: nbf__ms_dropdown, msd_dropdown-label: nbf__ms_dropdown-label, msd_dropdown-button: nbf__ms_dropdown-button, msd_dropdown-content: nbf__ms_dropdown-content, msd_dropdown_error: nbf__ms_dropdown_error, msd_dropdown-button--error: nbf__ms_dropdown-button--error" })));
+                    return (h("div", null, h("multi-select-dropdown", { label: label, name: key, id: key, readOnly: fieldReadOnly, multipleOptionsSelectedLabel: instance.t('multipleOptionsSelected'), options: field.options?.map(option => ({ value: option, label: option, selected: defaultValues.includes(option) })), required: field.required, exportparts: "msd_dropdown: nbf__ms_dropdown, msd_dropdown-label: nbf__ms_dropdown-label, msd_dropdown-button: nbf__ms_dropdown-button, msd_dropdown-content: nbf__ms_dropdown-content, msd_dropdown_error: nbf__ms_dropdown_error, msd_dropdown-button--error: nbf__ms_dropdown-button--error" })));
                 }
                 case 'metadata':
                     return null;
                 default:
                     return (h("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, h("input-component", { label: label, name: key, id: key, type: field.type, readOnly: fieldReadOnly, defaultValue: defaultValue || '', requiredError: instance.t('fieldRequired', { field: label }), required: field.required, part: "nbf__input-textfield" })));
             }
-        })), h("div", { key: '1bc3a6c8cf879b03e39e58e9db2371d675a4e27a', class: "cta" }, h("button-component", { key: '5b38a653d10dc75faea9eaa2384985acd50f420a', variant: 'basic', class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, h("slot", { key: 'b69945ab562eca8770f3bbc39558a1b9bffdd168', name: "booking-form-back-label" }, `${instance.t('backButton')}`)), h("button-component", { key: '97761d73e97c6d39fe7671f649c7f114c912efd3', variant: 'primary', isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, h("slot", { key: '5c0f6a7eb055463f288d8644073a00ddfbbbbc26', name: "booking-form-book-label" }, `${instance.t('bookNowButton')}`))))));
+        })), h("div", { key: 'ceca163a222c8be615a63d36f15e1dcdad40c08c', class: "cta" }, h("button-component", { key: '300ecbc4bffd1abe7d89684000ea958457392650', variant: 'basic', class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, h("slot", { key: '3f3ab4bd1654a53941685961252c57138dbd9cc5', name: "booking-form-back-label" }, `${instance.t('backButton')}`)), h("button-component", { key: 'f1e3ecf792c87519589b83678d607bf12756f209', variant: 'primary', isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, h("slot", { key: '75e9978b761610c37daf981520dc6e372e02fb38', name: "booking-form-book-label" }, `${instance.t('bookNowButton')}`))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -1501,10 +1505,10 @@ const NylasOrganizerConfirmationCard = class {
         this.action = null;
     }
     render() {
-        return (h(Host, { key: 'b72cdf56a652927b8bdc97bd1aca688190fae0c8', part: "nmcc" }, h("div", { key: 'af1403167427309c434934b2fd62d01121575fc3', class: "event-card-wrapper", part: "nmccc__card" }, h("div", { key: '421f5f62e390dd3631ee053ff55fbd9c45b3ca94', class: "calendar-icon" }, h("calendar-check-icon", { key: 'b1494af046b7c5e06f050ba267ff54ee21e70e5d' })), h("div", { key: 'd6ae4056fe5e195c9ac81107afbfcaeaeca32e18', class: "booked-event-header" }, h("h2", { key: 'f4d2b1c4b6c0304c7e25bd850d1c437bca9f4fd3', slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${instance.t('bookingPendingTitle')}!`)), h("div", { key: 'e5ce4a9667fb170d72332481f623e2283b71d5d9', class: "manage-booking-description" }, h("p", { key: '86a9992bd9e3c652736b8b89d5535db140ee1910' }, instance.t('bookingPendingnDescription'))), h("div", { key: '736f19da65dd1e8e782b6b12f534eaaf85d0acbb', class: {
+        return (h(Host, { key: '222871895768a9e8125bf2c7332200e65872b475', part: "nmcc" }, h("div", { key: '4838e6be84dab176c13230870f3d0094f1054da9', class: "event-card-wrapper", part: "nmccc__card" }, h("div", { key: '004ce2abb9cc4654dd4278e6c7002b34b7346968', class: "calendar-icon" }, h("calendar-check-icon", { key: '6202df706f78fcd592738a33b1e052e94f88d6ff' })), h("div", { key: '5a1f583617511c35a29fa65f026820996941b707', class: "booked-event-header" }, h("h2", { key: '62b88591f4432538d3c57fa6af4142f0cd2c997f', slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${instance.t('bookingPendingTitle')}!`)), h("div", { key: '838b6df023be444c1b1ce1dfc7df21cab18756e1', class: "manage-booking-description" }, h("p", { key: 'dc119292e92c4565fb84939284fb57f1fb2ec1f6' }, instance.t('bookingPendingnDescription'))), h("div", { key: '31cadc6bfc0ae9f0adf93d159cff2261631e2281', class: {
                 'footer': true,
-                'no-footer': this.configSettings?.scheduler?.hide_cancellation_options && this.configSettings?.scheduler?.hide_rescheduling_options,
-                'no-template-cols': this.configSettings?.scheduler?.hide_cancellation_options || this.configSettings?.scheduler?.hide_rescheduling_options,
+                'no-footer': !!this.configSettings?.scheduler?.hide_cancellation_options && !!this.configSettings?.scheduler?.hide_rescheduling_options,
+                'no-template-cols': !!this.configSettings?.scheduler?.hide_cancellation_options || !!this.configSettings?.scheduler?.hide_rescheduling_options,
             } }, !this.configSettings?.scheduler?.hide_cancellation_options && (h("button-component", { variant: 'destructive', onClick: this.handleRejectBookingButtonClicked, isLoading: this.isLoading && this.action === 'reject', part: "nmcc__button-outline nmcc__cancel-cta" }, `${instance.t('rejectBookingButton')}`)), !this.configSettings?.scheduler?.hide_rescheduling_options && (h("button-component", { variant: 'basic', onClick: this.handleConfirmBookingButtonClicked, isLoading: this.isLoading && this.action === 'confirm', part: "nmcc__button-outline nmcc__reschedule-cta" }, `${instance.t('confirmBookingButton')}`))))));
     }
     get host() { return getElement(this); }