@nylas/web-elements 2.5.9 → 2.5.10

package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js

@@ -26612,7 +26612,7 @@ const LQ = () => ({
   lazyLoadIntegration: CX,
   getModalIntegration: () => DQ,
   getScreenshotIntegration: () => LQ
-}), Yr = "2.5.9", $Q = ".sc-add-circle-icon-h{display:flex}", BQ = De(class extends Ae {
+}), Yr = "2.5.10", $Q = ".sc-add-circle-icon-h{display:flex}", BQ = De(class extends Ae {
   constructor() {
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
@@ -32849,15 +32849,15 @@ const TN = De(class extends Ae {
     x("nylas-confirmation-email", "componentWillLoad"), this.host.setAttribute("name", this.name);
   }
   componentDidLoad() {
-    var e;
-    x("nylas-confirmation-email", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.confirmationEmail = { ...this.confirmationEmailTemplate }, typeof ((e = this.confirmationEmail) == null ? void 0 : e.show_nylas_branding) > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = this.isOpen, this.participantsState = this.participants);
+    var e, t;
+    x("nylas-confirmation-email", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.confirmationEmail = { ...this.confirmationEmailTemplate }, typeof ((e = this.confirmationEmail) == null ? void 0 : e.show_nylas_branding) > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = this.isOpen, this.participantsState = this.participants, typeof ((t = this.internals) == null ? void 0 : t.setFormValue) == "function" && this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name));
   }
   elementNameChangedHandler(e) {
     x("nylas-confirmation-email", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
   selectedConfigurationChangedHandler(e) {
-    var t, i, a, r;
-    x("nylas-confirmation-email", "selectedConfigurationChangedHandler", e), this.confirmationEmail = { ...((t = e == null ? void 0 : e.scheduler) == null ? void 0 : t.email_template) || this.confirmationEmailTemplate }, typeof ((i = this.confirmationEmail) == null ? void 0 : i.show_nylas_branding) > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = !((r = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.reminders) != null && r.length), this.participantsState = (e == null ? void 0 : e.participants) || this.participants;
+    var t, i, a, r, o;
+    x("nylas-confirmation-email", "selectedConfigurationChangedHandler", e), this.confirmationEmail = { ...((t = e == null ? void 0 : e.scheduler) == null ? void 0 : t.email_template) || this.confirmationEmailTemplate }, typeof ((i = this.confirmationEmail) == null ? void 0 : i.show_nylas_branding) > "u" && this.nylasBranding ? this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !0 } : this.nylasBranding || (this.confirmationEmail = { ...this.confirmationEmail, show_nylas_branding: !1 }), this.isConfirmationEmailOpen = !((r = (a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.reminders) != null && r.length), this.participantsState = (e == null ? void 0 : e.participants) || this.participants, typeof ((o = this.internals) == null ? void 0 : o.setFormValue) == "function" && this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
   }
   nylasBrandingChangedHandler(e) {
     var t;
@@ -32905,7 +32905,7 @@ const TN = De(class extends Ae {
   render() {
     var i, a, r, o, s, d, u, p;
     const e = this.participantsState.find((y) => y.is_organizer), t = (e == null ? void 0 : e.name) || (e == null ? void 0 : e.email);
-    return c(Ke, { key: "a631b4cf3ceb83676fa4b493eebe0655bc8f6a67" }, c("div", { key: "505a8e42b194300c79582ff7b781b3b658a5a91d", class: "nylas-confirmation-email", part: "nce" }, c("div", { key: "492639b0fc0f6dd78517138eeaba91b9a4c8b2b7", class: "header", part: "nce__header" }, c("div", { key: "5f3189bb7cf2041a0478a50b6bd7ffe7642eb16f" }, c("h3", { key: "d0a73cbe1841af759184f1b57768b536364409b9" }, (a = (i = this.confirmationEmail) == null ? void 0 : i.booking_confirmed) != null && a.title || t ? w.t("nylasConfirmationEmail.headerTitle_withOrganizer", { organizerName: t }) : w.t("nylasConfirmationEmail.headerTitle")), c("p", { key: "f402a91cd2b82679331274617c9dfe68cc80e4da" }, w.t("nylasConfirmationEmail.headerSubTitle"))), this.isConfirmationEmailOpen ? c("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, c("span", { class: `chevron ${this.isConfirmationEmailOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, c("chevron-icon", { width: "24", height: "24" }))) : c("button-component", { variant: "basic", clickHandler: (y) => {
+    return c(Ke, { key: "344808e8373d6a890feb576c2d4133fcfae3ba6f" }, c("div", { key: "badfe491592142dd0e5c5b345f3c91770df3d86d", class: "nylas-confirmation-email", part: "nce" }, c("div", { key: "64d6dda525037fdd282d57611cebad8dde327c61", class: "header", part: "nce__header" }, c("div", { key: "8055a976a4cdcf74b03181a591f685f790611918" }, c("h3", { key: "4145e04b902254696d5e08594fe93c563c024dea" }, (a = (i = this.confirmationEmail) == null ? void 0 : i.booking_confirmed) != null && a.title || t ? w.t("nylasConfirmationEmail.headerTitle_withOrganizer", { organizerName: t }) : w.t("nylasConfirmationEmail.headerTitle")), c("p", { key: "51e76e9ea405e8048c56b1a40ba749dbc2c29739" }, w.t("nylasConfirmationEmail.headerSubTitle"))), this.isConfirmationEmailOpen ? c("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, c("span", { class: `chevron ${this.isConfirmationEmailOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, c("chevron-icon", { width: "24", height: "24" }))) : c("button-component", { variant: "basic", clickHandler: (y) => {
       y.preventDefault(), this.toggleConfirmationEmail();
     } }, c("edit-icon", { width: "16", height: "16" }), w.t("nylasConfirmationEmail.editButtonText"))), this.isConfirmationEmailOpen ? c("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, c("div", { class: "nylas-confirmation-email__section" }, this.nylasBranding && c("div", { class: "nylas-confirmation-email__row" }, c("label", null, w.t("nylasConfirmationEmail.nylasBranding.label"), c("span", { class: "label-icon" }, c("tooltip-component", null, c("info-icon", { slot: "tooltip-icon" }), c("span", { slot: "tooltip-content" }, w.t("nylasConfirmationEmail.nylasBranding.tooltip.desc"))))), c("toggle-switch", { exportparts: "ts_label: nce__toggle-label, ts_input: nce_toggle-input, ts_slider: nce_toggle-slider", name: "confirmation-email-show-branding", checked: (r = this.confirmationEmail) == null ? void 0 : r.show_nylas_branding, themeConfig: this.themeConfig })), c("div", { class: "nylas-confirmation-email__row" }, c("div", { class: "subsection" }, c("div", { class: "input-container" }, c("label", null, w.t("nylasConfirmationEmail.companyLogoUrl.label"), c("span", { class: "label-icon" }, c("tooltip-component", null, c("info-icon", { slot: "tooltip-icon" }), c("span", { slot: "tooltip-content" }, w.t("nylasConfirmationEmail.companyLogoUrl.tooltip.desc"))))), this.confirmationEmail && c("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", errorMessage: this.invalidImageErrorMessage, imageUrl: ((o = this.confirmationEmail) == null ? void 0 : o.logo) ?? "", themeConfig: this.themeConfig })))), c("div", { class: "nylas-confirmation-email__row full-width-col" }, c("div", { class: "subsection" }, c("h3", null, w.t("nylasConfirmationEmail.emailMessage.header")), c("div", { class: "input-container" }, c("label", { htmlFor: "title" }, w.t("nylasConfirmationEmail.emailMessage.label"), c("span", { class: "label-icon" }, c("tooltip-component", null, c("info-icon", { slot: "tooltip-icon" }), c("span", { slot: "tooltip-content" }, w.t("nylasConfirmationEmail.emailMessage.tooltip.desc"))))), c("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: t ? w.t("nylasConfirmationEmail.headerTitle_withOrganizer", { organizerName: t }) : w.t("nylasConfirmationEmail.headerTitle"), themeConfig: this.themeConfig, defaultValue: ((d = (s = this.confirmationEmail) == null ? void 0 : s.booking_confirmed) == null ? void 0 : d.title) ?? "" })), c("div", { class: "input-container" }, c("textarea-component", { label: w.t("nylasConfirmationEmail.emailMessage.additionalInfoLabel"), name: "confirmation-email-body", id: "confirmation-email-body", placeholder: w.t("nylasConfirmationEmail.emailMessage.additionalInfoPlaceholder"), tooltip: w.t("nylasConfirmationEmail.emailMessage.additionalInfoTooltip"), maxLength: 500, defaultValue: ((p = (u = this.confirmationEmail) == null ? void 0 : u.booking_confirmed) == null ? void 0 : p.body) ?? "", themeConfig: this.themeConfig })))))) : c("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, c("p", null, c("span", { class: "summary-icon" }, c("person-clipboard-icon", null)), w.t("nylasConfirmationEmail.allHosts")), c("p", null, c("span", { class: "summary-icon" }, c("clock-icon", null)), w.t("nylasConfirmationEmail.immediatelyUponBooking")))));
   }

package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js

@@ -26103,7 +26103,7 @@ const oF = () => ({
   lazyLoadIntegration: VR,
   getModalIntegration: () => eF,
   getScreenshotIntegration: () => oF
-}), No = "2.5.9", lF = (t, e, n) => {
+}), No = "2.5.10", lF = (t, e, n) => {
   const i = t.get(e);
   i ? i.includes(n) || i.push(n) : t.set(e, [n]);
 }, cF = (t, e) => {

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

@@ -4754,6 +4754,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) {
@@ -4771,6 +4774,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) {
         utils.debug('nylas-confirmation-email', 'nylasBrandingChangedHandler', newValue);
@@ -4854,9 +4860,9 @@ const NylasConfirmationEmail = class {
     render() {
         const organizer = this.participantsState.find(p => p.is_organizer);
         const organizerName = organizer?.name || organizer?.email;
-        return (index$1.h(index$1.Host, { key: 'a631b4cf3ceb83676fa4b493eebe0655bc8f6a67' }, index$1.h("div", { key: '505a8e42b194300c79582ff7b781b3b658a5a91d', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '492639b0fc0f6dd78517138eeaba91b9a4c8b2b7', class: "header", part: "nce__header" }, index$1.h("div", { key: '5f3189bb7cf2041a0478a50b6bd7ffe7642eb16f' }, index$1.h("h3", { key: 'd0a73cbe1841af759184f1b57768b536364409b9' }, this.confirmationEmail?.booking_confirmed?.title || organizerName
+        return (index$1.h(index$1.Host, { key: '344808e8373d6a890feb576c2d4133fcfae3ba6f' }, index$1.h("div", { key: 'badfe491592142dd0e5c5b345f3c91770df3d86d', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '64d6dda525037fdd282d57611cebad8dde327c61', class: "header", part: "nce__header" }, index$1.h("div", { key: '8055a976a4cdcf74b03181a591f685f790611918' }, index$1.h("h3", { key: '4145e04b902254696d5e08594fe93c563c024dea' }, this.confirmationEmail?.booking_confirmed?.title || organizerName
             ? utils.instance.t('nylasConfirmationEmail.headerTitle_withOrganizer', { organizerName: organizerName })
-            : utils.instance.t('nylasConfirmationEmail.headerTitle')), index$1.h("p", { key: 'f402a91cd2b82679331274617c9dfe68cc80e4da' }, utils.instance.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
+            : utils.instance.t('nylasConfirmationEmail.headerTitle')), index$1.h("p", { key: '51e76e9ea405e8048c56b1a40ba749dbc2c29739' }, utils.instance.t('nylasConfirmationEmail.headerSubTitle'))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.toggleConfirmationEmail();
             } }, index$1.h("edit-icon", { width: "16", height: "16" }), utils.instance.t('nylasConfirmationEmail.editButtonText')))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, index$1.h("div", { class: "nylas-confirmation-email__section" }, this.nylasBranding && (index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("label", null, utils.instance.t('nylasConfirmationEmail.nylasBranding.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.nylasBranding.tooltip.desc'))))), index$1.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 }))), index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("div", { class: "subsection" }, index$1.h("div", { class: "input-container" }, index$1.h("label", null, utils.instance.t('nylasConfirmationEmail.companyLogoUrl.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.companyLogoUrl.tooltip.desc'))))), this.confirmationEmail && (index$1.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 }))))), index$1.h("div", { class: "nylas-confirmation-email__row full-width-col" }, index$1.h("div", { class: "subsection" }, index$1.h("h3", null, utils.instance.t('nylasConfirmationEmail.emailMessage.header')), index$1.h("div", { class: "input-container" }, index$1.h("label", { htmlFor: "title" }, utils.instance.t('nylasConfirmationEmail.emailMessage.label'), index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, utils.instance.t('nylasConfirmationEmail.emailMessage.tooltip.desc'))))), index$1.h("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: organizerName