@nylas/web-elements 2.5.9 → 2.5.11
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.
- package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js +16 -16
- package/dist/cdn/nylas-scheduling/nylas-scheduling.es.js +1 -1
- package/dist/cjs/calendar-agenda-fill-icon_39.cjs.entry.js +12 -3
- package/dist/cjs/calendar-agenda-fill-icon_39.cjs.entry.js.map +1 -1
- package/dist/cjs/google-logo-icon_6.cjs.entry.js +1 -1
- package/dist/cjs/nylas-scheduler-editor.cjs.entry.js +1 -1
- package/dist/cjs/nylas-scheduling.cjs.entry.js +1 -1
- package/dist/cjs/{version-CN5nqWgI.js → version-DbvVCdbm.js} +3 -3
- package/dist/cjs/{version-CN5nqWgI.js.map → version-DbvVCdbm.js.map} +1 -1
- package/dist/collection/components/scheduler-editor/nylas-confirmation-email/nylas-confirmation-email.js +8 -2
- package/dist/collection/components/scheduler-editor/nylas-confirmation-email/nylas-confirmation-email.js.map +1 -1
- package/dist/collection/components/scheduler-editor/nylas-page-styling/nylas-page-styling.js +4 -1
- package/dist/collection/components/scheduler-editor/nylas-page-styling/nylas-page-styling.js.map +1 -1
- package/dist/collection/version.js +1 -1
- package/dist/collection/version.js.map +1 -1
- package/dist/components/nylas-confirmation-email.js +1 -1
- package/dist/components/nylas-editor-tabs-group.js +1 -1
- package/dist/components/nylas-editor-tabs.js +1 -1
- package/dist/components/nylas-page-styling.js +1 -1
- package/dist/components/nylas-scheduler-editor.js +5 -5
- package/dist/components/nylas-scheduling.js +1 -1
- package/dist/components/{p-CqVcXov0.js → p-B05sg_l1.js} +6 -3
- package/dist/components/p-B05sg_l1.js.map +1 -0
- package/dist/components/{p-2vIl9-lT.js → p-Bgb7cz6Z.js} +5 -5
- package/dist/components/{p-2vIl9-lT.js.map → p-Bgb7cz6Z.js.map} +1 -1
- package/dist/components/{p-DwzjmWk7.js → p-DP3OiAjS.js} +5 -5
- package/dist/components/{p-DwzjmWk7.js.map → p-DP3OiAjS.js.map} +1 -1
- package/dist/components/{p-BfwqDqHx.js → p-DmOB6JTr.js} +3 -3
- package/dist/components/{p-BfwqDqHx.js.map → p-DmOB6JTr.js.map} +1 -1
- package/dist/components/{p-Dm3gIdGZ.js → p-TOG3UyB_.js} +10 -4
- package/dist/components/p-TOG3UyB_.js.map +1 -0
- package/dist/esm/calendar-agenda-fill-icon_39.entry.js +12 -3
- package/dist/esm/calendar-agenda-fill-icon_39.entry.js.map +1 -1
- package/dist/esm/google-logo-icon_6.entry.js +1 -1
- package/dist/esm/nylas-scheduler-editor.entry.js +1 -1
- package/dist/esm/nylas-scheduling.entry.js +1 -1
- package/dist/esm/{version-zgIeli_M.js → version-BHcQFl5b.js} +3 -3
- package/dist/esm/{version-zgIeli_M.js.map → version-BHcQFl5b.js.map} +1 -1
- package/dist/nylas-web-elements/nylas-web-elements.esm.js +1 -1
- package/dist/nylas-web-elements/{p-ec243a08.entry.js → p-0a7c5cd7.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-acd75a32.entry.js → p-620804db.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-6aa41c34.entry.js → p-8a1b1bb7.entry.js} +2 -2
- package/dist/nylas-web-elements/{p-zgIeli_M.js → p-BHcQFl5b.js} +2 -2
- package/dist/nylas-web-elements/{p-zgIeli_M.js.map → p-BHcQFl5b.js.map} +1 -1
- package/dist/nylas-web-elements/p-f1942b81.entry.js +8 -0
- package/dist/nylas-web-elements/p-f1942b81.entry.js.map +1 -0
- package/dist/types/version.d.ts +1 -1
- package/package.json +3 -3
- package/dist/components/p-CqVcXov0.js.map +0 -1
- package/dist/components/p-Dm3gIdGZ.js.map +0 -1
- package/dist/nylas-web-elements/p-cc4150a5.entry.js +0 -8
- package/dist/nylas-web-elements/p-cc4150a5.entry.js.map +0 -1
- /package/dist/nylas-web-elements/{p-ec243a08.entry.js.map → p-0a7c5cd7.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-acd75a32.entry.js.map → p-620804db.entry.js.map} +0 -0
- /package/dist/nylas-web-elements/{p-6aa41c34.entry.js.map → p-8a1b1bb7.entry.js.map} +0 -0
|
@@ -26612,7 +26612,7 @@ const LQ = () => ({
|
|
|
26612
26612
|
lazyLoadIntegration: CX,
|
|
26613
26613
|
getModalIntegration: () => DQ,
|
|
26614
26614
|
getScreenshotIntegration: () => LQ
|
|
26615
|
-
}), Yr = "2.5.
|
|
26615
|
+
}), Yr = "2.5.11", $Q = ".sc-add-circle-icon-h{display:flex}", BQ = De(class extends Ae {
|
|
26616
26616
|
constructor() {
|
|
26617
26617
|
super(), this.__registerHost(), this.width = "24", this.height = "25";
|
|
26618
26618
|
}
|
|
@@ -32849,15 +32849,15 @@ const TN = De(class extends Ae {
|
|
|
32849
32849
|
x("nylas-confirmation-email", "componentWillLoad"), this.host.setAttribute("name", this.name);
|
|
32850
32850
|
}
|
|
32851
32851
|
componentDidLoad() {
|
|
32852
|
-
var e;
|
|
32853
|
-
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);
|
|
32852
|
+
var e, t;
|
|
32853
|
+
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));
|
|
32854
32854
|
}
|
|
32855
32855
|
elementNameChangedHandler(e) {
|
|
32856
32856
|
x("nylas-confirmation-email", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
|
|
32857
32857
|
}
|
|
32858
32858
|
selectedConfigurationChangedHandler(e) {
|
|
32859
|
-
var t, i, a, r;
|
|
32860
|
-
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;
|
|
32859
|
+
var t, i, a, r, o;
|
|
32860
|
+
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);
|
|
32861
32861
|
}
|
|
32862
32862
|
nylasBrandingChangedHandler(e) {
|
|
32863
32863
|
var t;
|
|
@@ -32905,7 +32905,7 @@ const TN = De(class extends Ae {
|
|
|
32905
32905
|
render() {
|
|
32906
32906
|
var i, a, r, o, s, d, u, p;
|
|
32907
32907
|
const e = this.participantsState.find((y) => y.is_organizer), t = (e == null ? void 0 : e.name) || (e == null ? void 0 : e.email);
|
|
32908
|
-
return c(Ke, { key: "
|
|
32908
|
+
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) => {
|
|
32909
32909
|
y.preventDefault(), this.toggleConfirmationEmail();
|
|
32910
32910
|
} }, 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")))));
|
|
32911
32911
|
}
|
|
@@ -36822,9 +36822,9 @@ const ZN = De(class extends Ae {
|
|
|
36822
36822
|
}), t;
|
|
36823
36823
|
}
|
|
36824
36824
|
selectedConfigurationChangedHandler(e) {
|
|
36825
|
-
var d, u;
|
|
36826
|
-
x("nylas-page-styling", "selectedConfigurationChangedHandler", e), this.currentAppearance = (e == null ? void 0 : e.appearance) || {};
|
|
36827
|
-
const t = document.querySelector("nylas-scheduler-editor"), i = (
|
|
36825
|
+
var d, u, p;
|
|
36826
|
+
x("nylas-page-styling", "selectedConfigurationChangedHandler", e), this.currentAppearance = (e == null ? void 0 : e.appearance) || {}, typeof ((d = this.internals) == null ? void 0 : d.setFormValue) == "function" && this.internals.setFormValue(JSON.stringify(this.currentAppearance), this.name);
|
|
36827
|
+
const t = document.querySelector("nylas-scheduler-editor"), i = (u = t == null ? void 0 : t.shadowRoot) == null ? void 0 : u.querySelector('slot[name="custom-page-style-inputs"]');
|
|
36828
36828
|
if (!i) {
|
|
36829
36829
|
this.hasCustomSlot = !1;
|
|
36830
36830
|
return;
|
|
@@ -36836,13 +36836,13 @@ const ZN = De(class extends Ae {
|
|
|
36836
36836
|
}
|
|
36837
36837
|
this.hasCustomSlot = !0;
|
|
36838
36838
|
const r = document.createElement("div");
|
|
36839
|
-
a == null || a.forEach((
|
|
36840
|
-
const
|
|
36841
|
-
this.customInputsSlotChangedHandler(
|
|
36839
|
+
a == null || a.forEach((y) => {
|
|
36840
|
+
const f = this.cloneAndCopyProps(y);
|
|
36841
|
+
this.customInputsSlotChangedHandler(f), r.appendChild(f);
|
|
36842
36842
|
});
|
|
36843
|
-
const o = (
|
|
36844
|
-
s && (s.innerHTML = "", r.childNodes.forEach((
|
|
36845
|
-
s.appendChild(
|
|
36843
|
+
const o = (p = this.host.shadowRoot) == null ? void 0 : p.querySelector(".nylas-page-styling"), s = o == null ? void 0 : o.querySelector(".nylas-page-styling__body .subsection");
|
|
36844
|
+
s && (s.innerHTML = "", r.childNodes.forEach((y) => {
|
|
36845
|
+
s.appendChild(y);
|
|
36846
36846
|
}), this.customInputsSlot = r);
|
|
36847
36847
|
}
|
|
36848
36848
|
checkIfElementIsInSlot(e) {
|
|
@@ -36900,7 +36900,7 @@ const ZN = De(class extends Ae {
|
|
|
36900
36900
|
}
|
|
36901
36901
|
render() {
|
|
36902
36902
|
const e = this.customInputsSlot || !this.hasCustomSlot && !!this.currentAppearance;
|
|
36903
|
-
return c(Ke, { key: "
|
|
36903
|
+
return c(Ke, { key: "ce93f8a170b47e4025dc9b9f976d7478b19f829b" }, c("div", { key: "7349f7a686daf87ed6205203e11eb6070509f36e", part: "nps", class: { "nylas-page-styling": !0, "no-border": !e } }, e ? c("div", { class: "header", part: "nps__header" }, c("div", null, c("h3", null, w.t("nylasPageStyling.headerTitle"))), c("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, c("span", { class: `chevron ${this.isOpen ? "open" : "closed"} `, onClick: () => this.toggleConfirmationEmail() }, c("chevron-icon", { width: "24", height: "24" })))) : null, c("div", { key: "3143051673a60f6d8f599c489bbfdcfeb224079b", class: "hidden" }, c("input-color-picker", { key: "b2810fd05ec4eaadc9b2a855db24c31ea8fe8aac", name: "color-picker" })), c("div", { key: "4f63127edb25f1cf26f81f3ce8392bdc35b9051f", id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, c("div", { key: "15d7b4435632934794fb2db68243371915ecf901", class: { "nylas-page-styling__section": !0, "no-padding": !e } }, c("div", { key: "6a38e8a555fb599d7ed5d693886094d2bec7117d", class: "nylas-page-styling__row" }, c("div", { key: "a41daf424157f598f7c8418960cd439b3b102abb", class: { subsection: !0, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null))))));
|
|
36904
36904
|
}
|
|
36905
36905
|
static get formAssociated() {
|
|
36906
36906
|
return !0;
|
|
@@ -26103,7 +26103,7 @@ const oF = () => ({
|
|
|
26103
26103
|
lazyLoadIntegration: VR,
|
|
26104
26104
|
getModalIntegration: () => eF,
|
|
26105
26105
|
getScreenshotIntegration: () => oF
|
|
26106
|
-
}), No = "2.5.
|
|
26106
|
+
}), No = "2.5.11", lF = (t, e, n) => {
|
|
26107
26107
|
const i = t.get(e);
|
|
26108
26108
|
i ? i.includes(n) || i.push(n) : t.set(e, [n]);
|
|
26109
26109
|
}, cF = (t, e) => {
|
|
@@ -4754,6 +4754,9 @@ const NylasConfirmationEmail = class {
|
|
|
4754
4754
|
}
|
|
4755
4755
|
this.isConfirmationEmailOpen = this.isOpen;
|
|
4756
4756
|
this.participantsState = this.participants;
|
|
4757
|
+
if (typeof this.internals?.setFormValue === 'function') {
|
|
4758
|
+
this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
|
|
4759
|
+
}
|
|
4757
4760
|
}
|
|
4758
4761
|
}
|
|
4759
4762
|
elementNameChangedHandler(newValue) {
|
|
@@ -4771,6 +4774,9 @@ const NylasConfirmationEmail = class {
|
|
|
4771
4774
|
}
|
|
4772
4775
|
this.isConfirmationEmailOpen = !newValue?.event_booking?.reminders?.length;
|
|
4773
4776
|
this.participantsState = newValue?.participants || this.participants;
|
|
4777
|
+
if (typeof this.internals?.setFormValue === 'function') {
|
|
4778
|
+
this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
|
|
4779
|
+
}
|
|
4774
4780
|
}
|
|
4775
4781
|
nylasBrandingChangedHandler(newValue) {
|
|
4776
4782
|
utils.debug('nylas-confirmation-email', 'nylasBrandingChangedHandler', newValue);
|
|
@@ -4854,9 +4860,9 @@ const NylasConfirmationEmail = class {
|
|
|
4854
4860
|
render() {
|
|
4855
4861
|
const organizer = this.participantsState.find(p => p.is_organizer);
|
|
4856
4862
|
const organizerName = organizer?.name || organizer?.email;
|
|
4857
|
-
return (index$1.h(index$1.Host, { key: '
|
|
4863
|
+
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
|
|
4858
4864
|
? utils.instance.t('nylasConfirmationEmail.headerTitle_withOrganizer', { organizerName: organizerName })
|
|
4859
|
-
: utils.instance.t('nylasConfirmationEmail.headerTitle')), index$1.h("p", { key: '
|
|
4865
|
+
: 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 => {
|
|
4860
4866
|
event.preventDefault();
|
|
4861
4867
|
this.toggleConfirmationEmail();
|
|
4862
4868
|
} }, 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
|
|
@@ -7603,6 +7609,9 @@ const NylasPageStyling = class {
|
|
|
7603
7609
|
selectedConfigurationChangedHandler(newValue) {
|
|
7604
7610
|
utils.debug('nylas-page-styling', 'selectedConfigurationChangedHandler', newValue);
|
|
7605
7611
|
this.currentAppearance = newValue?.appearance || {};
|
|
7612
|
+
if (typeof this.internals?.setFormValue === 'function') {
|
|
7613
|
+
this.internals.setFormValue(JSON.stringify(this.currentAppearance), this.name);
|
|
7614
|
+
}
|
|
7606
7615
|
const editor = document.querySelector('nylas-scheduler-editor');
|
|
7607
7616
|
const slotElement = editor?.shadowRoot?.querySelector('slot[name="custom-page-style-inputs"]');
|
|
7608
7617
|
if (!slotElement) {
|
|
@@ -7714,7 +7723,7 @@ const NylasPageStyling = class {
|
|
|
7714
7723
|
}
|
|
7715
7724
|
render() {
|
|
7716
7725
|
const showContent = this.customInputsSlot || (!this.hasCustomSlot && !!this.currentAppearance);
|
|
7717
|
-
return (index$1.h(index$1.Host, { key: '
|
|
7726
|
+
return (index$1.h(index$1.Host, { key: 'ce93f8a170b47e4025dc9b9f976d7478b19f829b' }, index$1.h("div", { key: '7349f7a686daf87ed6205203e11eb6070509f36e', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !showContent } }, showContent ? (index$1.h("div", { class: "header", part: "nps__header" }, index$1.h("div", null, index$1.h("h3", null, utils.instance.t('nylasPageStyling.headerTitle'))), index$1.h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" }))))) : null, index$1.h("div", { key: '3143051673a60f6d8f599c489bbfdcfeb224079b', class: "hidden" }, index$1.h("input-color-picker", { key: 'b2810fd05ec4eaadc9b2a855db24c31ea8fe8aac', name: "color-picker" })), index$1.h("div", { key: '4f63127edb25f1cf26f81f3ce8392bdc35b9051f', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, index$1.h("div", { key: '15d7b4435632934794fb2db68243371915ecf901', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, index$1.h("div", { key: '6a38e8a555fb599d7ed5d693886094d2bec7117d', class: "nylas-page-styling__row" }, index$1.h("div", { key: 'a41daf424157f598f7c8418960cd439b3b102abb', class: { subsection: true, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null)))))));
|
|
7718
7727
|
}
|
|
7719
7728
|
static get formAssociated() { return true; }
|
|
7720
7729
|
get host() { return index$1.getElement(this); }
|