@nylas/web-elements 2.5.9 → 2.5.10

package/dist/esm/calendar-agenda-fill-icon_39.entry.js

@@ -4752,6 +4752,9 @@ const NylasConfirmationEmail = class {
             }
             this.isConfirmationEmailOpen = this.isOpen;
             this.participantsState = this.participants;
+            if (typeof this.internals?.setFormValue === 'function') {
+                this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
+            }
         }
     }
     elementNameChangedHandler(newValue) {
@@ -4769,6 +4772,9 @@ const NylasConfirmationEmail = class {
         }
         this.isConfirmationEmailOpen = !newValue?.event_booking?.reminders?.length;
         this.participantsState = newValue?.participants || this.participants;
+        if (typeof this.internals?.setFormValue === 'function') {
+            this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
+        }
     }
     nylasBrandingChangedHandler(newValue) {
         debug('nylas-confirmation-email', 'nylasBrandingChangedHandler', newValue);
@@ -4852,9 +4858,9 @@ const NylasConfirmationEmail = class {
     render() {
         const organizer = this.participantsState.find(p => p.is_organizer);
         const organizerName = organizer?.name || organizer?.email;
-        return (h(Host, { key: 'a631b4cf3ceb83676fa4b493eebe0655bc8f6a67' }, h("div", { key: '505a8e42b194300c79582ff7b781b3b658a5a91d', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: '492639b0fc0f6dd78517138eeaba91b9a4c8b2b7', class: "header", part: "nce__header" }, h("div", { key: '5f3189bb7cf2041a0478a50b6bd7ffe7642eb16f' }, h("h3", { key: 'd0a73cbe1841af759184f1b57768b536364409b9' }, this.confirmationEmail?.booking_confirmed?.title || organizerName
+        return (h(Host, { key: '344808e8373d6a890feb576c2d4133fcfae3ba6f' }, h("div", { key: 'badfe491592142dd0e5c5b345f3c91770df3d86d', class: "nylas-confirmation-email", part: "nce" }, h("div", { key: '64d6dda525037fdd282d57611cebad8dde327c61', class: "header", part: "nce__header" }, h("div", { key: '8055a976a4cdcf74b03181a591f685f790611918' }, h("h3", { key: '4145e04b902254696d5e08594fe93c563c024dea' }, this.confirmationEmail?.booking_confirmed?.title || organizerName
             ? instance.t('nylasConfirmationEmail.headerTitle_withOrganizer', { organizerName: organizerName })
-            : instance.t('nylasConfirmationEmail.headerTitle')), h("p", { key: 'f402a91cd2b82679331274617c9dfe68cc80e4da' }, instance.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, h("chevron-icon", { width: "24", height: "24" })))) : (h("button-component", { variant: 'basic', clickHandler: event => {
+            : instance.t('nylasConfirmationEmail.headerTitle')), h("p", { key: '51e76e9ea405e8048c56b1a40ba749dbc2c29739' }, instance.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, h("span", { class: `chevron ${this.isConfirmationEmailOpen ? '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" }), instance.t('nylasConfirmationEmail.editButtonText')))), this.isConfirmationEmailOpen ? (h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, h("div", { class: "nylas-confirmation-email__section" }, this.nylasBranding && (h("div", { class: "nylas-confirmation-email__row" }, h("label", null, instance.t('nylasConfirmationEmail.nylasBranding.label'), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, instance.t('nylasConfirmationEmail.nylasBranding.tooltip.desc'))))), h("toggle-switch", { exportparts: "ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider", name: `confirmation-email-show-branding`, checked: this.confirmationEmail?.show_nylas_branding, themeConfig: this.themeConfig }))), h("div", { class: "nylas-confirmation-email__row" }, h("div", { class: "subsection" }, h("div", { class: "input-container" }, h("label", null, instance.t('nylasConfirmationEmail.companyLogoUrl.label'), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, instance.t('nylasConfirmationEmail.companyLogoUrl.tooltip.desc'))))), this.confirmationEmail && (h("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", errorMessage: this.invalidImageErrorMessage, imageUrl: this.confirmationEmail?.logo ?? '', themeConfig: this.themeConfig }))))), h("div", { class: "nylas-confirmation-email__row full-width-col" }, h("div", { class: "subsection" }, h("h3", null, instance.t('nylasConfirmationEmail.emailMessage.header')), h("div", { class: "input-container" }, h("label", { htmlFor: "title" }, instance.t('nylasConfirmationEmail.emailMessage.label'), h("span", { class: "label-icon" }, h("tooltip-component", null, h("info-icon", { slot: "tooltip-icon" }), h("span", { slot: "tooltip-content" }, instance.t('nylasConfirmationEmail.emailMessage.tooltip.desc'))))), h("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: organizerName