@nylas/web-elements 2.5.16 → 2.5.18

package/dist/cjs/google-logo-icon_6.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-9TuL48qE.js');
 var registerComponent = require('./register-component-DjG8kzjz.js');
 var utils = require('./utils-BDriE9YY.js');
-var version = require('./version-Cc3rTMtG.js');
+var version = require('./version-Xu0ORQw8.js');
 var feedbackSync = require('./feedbackSync-Bcx7mZ9-.js');
 
 const iconCss$1 = ".sc-google-logo-icon-h{display:flex}";

package/dist/cjs/nylas-booked-event-card_11.cjs.entry.js

@@ -197,6 +197,8 @@ const NylasBookingForm = class {
         index.registerInstance(this, hostRef);
         this.nameChanged = index.createEvent(this, "nameChanged", 7);
         this.emailChanged = index.createEvent(this, "emailChanged", 7);
+        this.guestEmailsChanged = index.createEvent(this, "guestEmailsChanged", 7);
+        this.additionalFieldsChanged = index.createEvent(this, "additionalFieldsChanged", 7);
         this.backButtonClicked = index.createEvent(this, "backButtonClicked", 7);
         this.detailsConfirmed = index.createEvent(this, "detailsConfirmed", 7);
         this.bookingFormError = index.createEvent(this, "bookingFormError", 7);
@@ -220,6 +222,7 @@ const NylasBookingForm = class {
             const guests = [...this.guestEmails];
             guests[guestIndex] = utils.sanitizeHtml(email);
             this.guestEmails = [...guests];
+            this.guestEmailsChanged.emit(this.guestEmails);
         };
         this.handleGuestBlur = (guestIndex, email) => {
             this.resetGuestEmailError(guestIndex);
@@ -236,6 +239,7 @@ const NylasBookingForm = class {
         this.addGuestButtonClickedHandler = e => {
             e.preventDefault();
             this.guestEmails = [...this.guestEmails, ''];
+            this.guestEmailsChanged.emit(this.guestEmails);
         };
         this.removeGuestButtonClickHandler = (e, guestIndex) => {
             e.preventDefault();
@@ -243,6 +247,7 @@ const NylasBookingForm = class {
             const guests = [...this.guestEmails];
             guests.splice(guestIndex, 1);
             this.guestEmails = [...guests];
+            this.guestEmailsChanged.emit(this.guestEmails);
         };
         this.handleBackButtonClicked = e => {
             e.preventDefault();
@@ -335,6 +340,7 @@ const NylasBookingForm = class {
         this.updateAdditionalFields = (name, value) => {
             if (this.additionalFields) {
                 this.additionalFields[name] = value;
+                this.additionalFieldsChanged.emit({ ...this.additionalFields });
             }
         };
     }
@@ -505,7 +511,7 @@ const NylasBookingForm = class {
     render() {
         const isGroupEvent = !!this.selectedTimeslot?.event_id && !!this.selectedTimeslot?.capacity;
         const showConsentMessage = this.configSettings?.scheduler?.notetaker_settings?.show_ui_consent_message === true;
-        return (index.h(index.Host, { key: 'ff7be9b66b5a472cae4a9ee6bd0ac7f4d7d55080' }, index.h("form", { key: 'efc1dc1cf3790f1b7d1da15c95d0e7c01b8e09b7', onSubmit: e => this.bookButtonClickedHandler(e), ref: el => (this.formRef = el), noValidate: true }, index.h("div", { key: 'b054882d9b3e86432666ca2a4c78be28527141d7', class: "nylas-booking-form", part: "nbf" }, index.h("div", { key: '72cc111b5b14e75419decf4a35c8c062619747c3', class: "input-wrapper", part: "nbf__input-wrapper" }, index.h("input-component", { key: '8e0622d77d38733b46637c22296bc22ad9594b98', label: utils.instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: utils.instance.t('namePlaceholder'), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || false, required: true, requiredError: this.nameRequiredError, patternError: this.namePatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), index.h("div", { key: 'b33b7f03f3986e09b8f8cd25e7c2f50613283693', class: "input-wrapper", part: "nbf__input-wrapper" }, index.h("input-component", { key: 'ff9d6627901004d5d82682fc475d798aeb50f35c', label: utils.instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: utils.instance.t('emailPlaceholder'), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || false, required: true, requiredError: this.emailRequiredError, patternError: this.emailPatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (index.h("div", { key: '0cf431d2b0cf104b9abf6e15071b5d4bc5a004b7', class: "input-wrapper", part: "nbf__input-wrapper" }, this.guestEmails.map((email, index$1) => (index.h("div", { class: "input-wrapper button-wrapper" }, index.h("label", { class: {
+        return (index.h(index.Host, { key: '37cd9b82bc20430f4fc22ec1fc9395d40476d402' }, index.h("form", { key: 'f9755c802b42d73ea9aaf48d4fb11c69faeb75de', onSubmit: e => this.bookButtonClickedHandler(e), ref: el => (this.formRef = el), noValidate: true }, index.h("div", { key: 'a0e74316cd25d942e033ec831fa4ed770be0df5a', class: "nylas-booking-form", part: "nbf" }, index.h("div", { key: '8a9cd8f75bfa974a47e5e2a3832828226f6ef2e6', class: "input-wrapper", part: "nbf__input-wrapper" }, index.h("input-component", { key: '3433a1edb0c011b8ae998af579210604329af86a', label: utils.instance.t('name'), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: utils.instance.t('namePlaceholder'), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || false, required: true, requiredError: this.nameRequiredError, patternError: this.namePatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), index.h("div", { key: '17f91b7c2207442cb9206a3480674ba78c89052a', class: "input-wrapper", part: "nbf__input-wrapper" }, index.h("input-component", { key: 'a9418226c0756deefabace1218a1bd1ec3c6157b', label: utils.instance.t('email'), name: "email", id: "email", pattern: emailRegex, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: utils.instance.t('emailPlaceholder'), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || false, required: true, requiredError: this.emailRequiredError, patternError: this.emailPatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== true && (index.h("div", { key: '512f56515ec34e71ac685b1cd54a744922adcf52', class: "input-wrapper", part: "nbf__input-wrapper" }, this.guestEmails.map((email, index$1) => (index.h("div", { class: "input-wrapper button-wrapper" }, index.h("label", { class: {
                 error: !!this.guestEmailErrors[index$1],
             } }, utils.instance.t('guestEmail')), index.h("div", { class: "guest-email-input" }, index.h("input", { type: "email", id: `guest-email-${index$1}`, maxLength: 100, class: {
                 'guest-email': true,
@@ -513,7 +519,7 @@ const NylasBookingForm = class {
             }, placeholder: utils.instance.t('guestEmailPlaceholder'), value: email, "data-index": index$1, part: "nbf__input-textfield", onBlur: (e) => this.handleGuestBlur(index$1, e.target?.value), onInput: (e) => this.handleGuestChange(index$1, e.target?.value) }), index.h("button-component", { variant: "basic", tooltip: "Remove guest", onClick: (e) => this.removeGuestButtonClickHandler(e, index$1), class: {
                 'remove-guest': true,
                 'error': !!this.guestEmailErrors[index$1],
-            } }, index.h("close-icon", null))), index.h("p", { class: "help-text" }, this.guestEmailErrors[index$1])))), !isGroupEvent && (index.h("button-component", { key: '2b149ffe1bdd0117dc23f75bd6aa21f28a9b9652', class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: e => this.addGuestButtonClickedHandler(e) }, index.h("div", { key: 'd30ef6a29786a6faa4ef8e1b5f0b6d96d494fb7f', class: "button-content" }, index.h("add-circle-icon", { key: 'a6d1d9cdfef40554a443a8a9b3685fd16e0ea8f4', slot: "icon" }), this.guestEmails.length > 0 ? `${utils.instance.t('addAnotherGuest')}` : `${utils.instance.t('addGuest')}`))))), Object.entries((this.configSettings?.scheduler?.additional_fields || {}))
+            } }, index.h("close-icon", null))), index.h("p", { class: "help-text" }, this.guestEmailErrors[index$1])))), !isGroupEvent && (index.h("button-component", { key: '189869ec5a18043e9bef8c282058cbb26bfcad93', class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: e => this.addGuestButtonClickedHandler(e) }, index.h("div", { key: '68f7e68b8ff5081068bd64e2aa8366508ad3a7b4', class: "button-content" }, index.h("add-circle-icon", { key: 'fb5b3dba51aed878bf60b6e6f40771938a6de433', slot: "icon" }), this.guestEmails.length > 0 ? `${utils.instance.t('addAnotherGuest')}` : `${utils.instance.t('addGuest')}`))))), Object.entries((this.configSettings?.scheduler?.additional_fields || {}))
             ?.sort((a, b) => a[1].order - b[1].order)
             .map(x => {
             const field = x[1];
@@ -544,7 +550,7 @@ const NylasBookingForm = class {
                 default:
                     return (index.h("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, index.h("input-component", { label: label, name: key, id: key, type: field.type, readOnly: fieldReadOnly, defaultValue: defaultValue || '', requiredError: utils.instance.t('fieldRequired', { field: label }), patternError: utils.instance.t('invalidInputFormat', { field: label }), required: field.required, part: "nbf__input-textfield", themeConfig: this.themeConfig })));
             }
-        })), index.h("div", { key: 'cc4eef64c581d709dd04aa9a1911b8e16395bfca', class: "cta" }, showConsentMessage && index.h("div", { key: '646406e9b164645b733f70720d024bf9f38c42c7', class: "consent-disclaimer" }, utils.instance.t('notetakerConsentMessage')), index.h("button-component", { key: '0a50849e94a7024c79cb32ab28d7259006bbe886', variant: 'basic', class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, index.h("slot", { key: '4a20f06c8173c9c18be25b3303852139f76eb812', name: "booking-form-back-label" }, `${utils.instance.t('backButton')}`)), index.h("button-component", { key: '334c1bab37af898e49867205c84baedeb612860b', variant: 'primary', isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, index.h("slot", { key: '3f421a94afaf0f2e2defdd5f03d04e0553cf6b24', name: "booking-form-book-label" }, `${utils.instance.t('bookNowButton')}`))))));
+        })), index.h("div", { key: '7ebcde54517afad0f17e89e0170f230dbc7ff3ce', class: "cta" }, showConsentMessage && index.h("div", { key: '39aa8a18b033e3e82f6dc0750229360947ef1f0e', class: "consent-disclaimer" }, utils.instance.t('notetakerConsentMessage')), index.h("button-component", { key: '62ca6bd8f36a3a81ad43027bdb2b87421654f139', variant: 'basic', class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, index.h("slot", { key: 'ff4131f111581812c9caa5c71f57ba0d24222fe2', name: "booking-form-back-label" }, `${utils.instance.t('backButton')}`)), index.h("button-component", { key: '2ac93336ea230bad436de88688b87ce7c0741996', variant: 'primary', isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, index.h("slot", { key: '91dd3cda59aa2387d5ac239263189cde4a310267', name: "booking-form-book-label" }, `${utils.instance.t('bookNowButton')}`))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -576,6 +582,12 @@ __decorate$8([
             emailChanged: async (event, nylasSchedulerConnector) => {
                 nylasSchedulerConnector.scheduler.setParticipantEmail(event.detail);
             },
+            guestEmailsChanged: async (event, nylasSchedulerConnector) => {
+                nylasSchedulerConnector.scheduler.setGuests(event.detail);
+            },
+            additionalFieldsChanged: async (event, nylasSchedulerConnector) => {
+                nylasSchedulerConnector.scheduler.setAdditionalFields(event.detail);
+            },
             detailsConfirmed: async (event, _nylasSchedulerConnector) => {
                 utils.debug('nylas-booking-form', 'detailsConfirmed', event.detail);
             },