@nylas/web-elements 2.5.11 → 2.5.13

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.11", $Q = ".sc-add-circle-icon-h{display:flex}", BQ = De(class extends Ae {
+}), Yr = "2.5.13", $Q = ".sc-add-circle-icon-h{display:flex}", BQ = De(class extends Ae {
   constructor() {
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
@@ -36847,7 +36847,10 @@ const ZN = De(class extends Ae {
   }
   checkIfElementIsInSlot(e) {
     var a;
-    return (document == null ? void 0 : document.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`)) ? !0 : !!((a = this.host.shadowRoot) == null ? void 0 : a.querySelector(`[data-page-styling] [name="${e}"], [data-page-styling][name="${e}"]`));
+    if (document == null ? void 0 : document.querySelector(`[slot="custom-page-style-inputs"] [name="${e}"]`))
+      return !0;
+    const i = ((a = this.host.shadowRoot) == null ? void 0 : a.querySelectorAll("[data-page-styling]")) ?? [];
+    return Array.from(i).some((r) => r.name === e || r.getAttribute("name") === e);
   }
   async nylasFormInputChangeHandler(e) {
     var r;
@@ -36900,7 +36903,7 @@ const ZN = De(class extends Ae {
   }
   render() {
     const e = this.customInputsSlot || !this.hasCustomSlot && !!this.currentAppearance;
-    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))))));
+    return c(Ke, { key: "68ff4f23782f0d5fbfa30d006d804663cfd4c7a2" }, c("div", { key: "4db1b16c2a559b759666a18cfc5ce1df427e3120", 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: "cbd697408c8794ed3da1a7240cde839c28bd8e71", class: "hidden" }, c("input-color-picker", { key: "b378ea6f4174ca07ad2f8c363f4dbfb108211a5d", name: "color-picker" })), c("div", { key: "6f210a564f347f40c18516bf4e39475cc48d9f57", id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, c("div", { key: "793428c898c430412ebc3474aa01498c11a46842", class: { "nylas-page-styling__section": !0, "no-padding": !e } }, c("div", { key: "18d8e84857d9ca6cb82b055f4218577d9974d0bb", class: "nylas-page-styling__row" }, c("div", { key: "4c17031c6f90a042bfad62c202bc0e9f9704471c", class: { subsection: !0, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null))))));
   }
   static get formAssociated() {
     return !0;
@@ -37599,7 +37602,7 @@ const QN = De(class extends Ae {
         x(`Malformed participant name format: ${t}. Expected format: "participant-availability-{participantId}-{uniqueKey}"`);
         return;
       }
-      const u = d[3];
+      const u = d.slice(3).join("-");
       if (!this.selectedParticipants[u])
         return;
       const p = a.openHours || [], y = (p == null ? void 0 : p.length) > 0 ? p : ((s = (o = (r = this.selectedConfiguration) == null ? void 0 : r.availability) == null ? void 0 : o.availability_rules) == null ? void 0 : s.default_open_hours) || [];
@@ -37613,7 +37616,7 @@ const QN = De(class extends Ae {
         x(`Malformed participant specific date name format: ${t}. Expected format: "participant-specific-time-availability-{index}-{uniqueKey}"`);
         return;
       }
-      const u = d[5];
+      const u = d.slice(5).join("-");
       if (!this.selectedParticipants[u])
         return;
       const p = a || [];
@@ -37665,7 +37668,7 @@ const QN = De(class extends Ae {
     return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
   }
   render() {
-    return c(Ke, { key: "723367d6b42ba75ede45e8107612a8d7b80f7a62" }, c("div", { key: "1f150fb58b7b4c1f49d03fc2ff3477c558f24b42", class: "nylas-participants-custom-availability", part: "npca" }, c("div", { key: "faedc45330f58c808d894795e2b8d69356cab9a8", class: "header", part: "npca__header" }, c("h3", { key: "c9a0ae26b76bf1eb04d012f29c3ff293cf2ced72" }, w.t("nylasParticipantCustomAvailability.headerTitle")), c("p", { key: "adf10af1715e2c468dbbcb054177751581cd229a" }, w.t("nylasParticipantCustomAvailability.headerSubTitle"))), this.validationError && c("div", { key: "bcec97341f9f23a47e0ecd68c4479e28502abec9", class: "validation-error", part: "npca__validation-error" }, c("span", { key: "9aa25d1c401f454dcf78495ee31e22c14dfb688e" }, this.validationError)), c("div", { key: "2c155fedebb19645e19353c4d0e812d032808bf3", class: "content", part: "npca__content" }, c("form", { key: "f5e2336c74fefaea03a97138543db3fb63e09af7", ref: (e) => this.participantFormRef = e }, Object.keys(this.selectedParticipants).map((e, t) => {
+    return c(Ke, { key: "5ff7155db08b5adcfe1168adf8452f426f4fb66d" }, c("div", { key: "376210b2869e4e9c518ba6f6ab29aff086df8a86", class: "nylas-participants-custom-availability", part: "npca" }, c("div", { key: "0a7a2492da0927c3fc2eff3e5b74ee8dd873f5ce", class: "header", part: "npca__header" }, c("h3", { key: "f38db5fea6b75ebf696c86371437149421f375b0" }, w.t("nylasParticipantCustomAvailability.headerTitle")), c("p", { key: "b64aa2227fc6c761161baee71df7ccfa1d4a0c0b" }, w.t("nylasParticipantCustomAvailability.headerSubTitle"))), this.validationError && c("div", { key: "902126476a17af8e5c5303bd7acd86ae95063c68", class: "validation-error", part: "npca__validation-error" }, c("span", { key: "b3595b86576e9894e97127bad821714cc9f4a0ea" }, this.validationError)), c("div", { key: "a03b0815c38caaa5255293efe25a2f8b5e65349a", class: "content", part: "npca__content" }, c("form", { key: "92b375ef71cd62bf4ed37b3fcee09c718e79bc3b", ref: (e) => this.participantFormRef = e }, Object.keys(this.selectedParticipants).map((e, t) => {
       var r;
       const i = this.selectedParticipants[e], a = ((r = i.availability) == null ? void 0 : r.open_hours) || [];
       if (!(!i || !i.name))

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

@@ -26103,7 +26103,7 @@ const oF = () => ({
   lazyLoadIntegration: VR,
   getModalIntegration: () => eF,
   getScreenshotIntegration: () => oF
-}), No = "2.5.11", lF = (t, e, n) => {
+}), No = "2.5.13", 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

@@ -7644,8 +7644,8 @@ const NylasPageStyling = class {
         const findElement = document?.querySelector(`[slot="custom-page-style-inputs"] [name="${name}"]`);
         if (findElement)
             return true;
-        const shadowElement = this.host.shadowRoot?.querySelector(`[data-page-styling] [name="${name}"], [data-page-styling][name="${name}"]`);
-        return !!shadowElement;
+        const shadowInputs = this.host.shadowRoot?.querySelectorAll('[data-page-styling]') ?? [];
+        return Array.from(shadowInputs).some(el => el.name === name || el.getAttribute('name') === name);
     }
     async nylasFormInputChangeHandler(event) {
         const { name, value } = event.detail;
@@ -7723,7 +7723,7 @@ const NylasPageStyling = class {
     }
     render() {
         const showContent = this.customInputsSlot || (!this.hasCustomSlot && !!this.currentAppearance);
-        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)))))));
+        return (index$1.h(index$1.Host, { key: '68ff4f23782f0d5fbfa30d006d804663cfd4c7a2' }, index$1.h("div", { key: '4db1b16c2a559b759666a18cfc5ce1df427e3120', 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: 'cbd697408c8794ed3da1a7240cde839c28bd8e71', class: "hidden" }, index$1.h("input-color-picker", { key: 'b378ea6f4174ca07ad2f8c363f4dbfb108211a5d', name: "color-picker" })), index$1.h("div", { key: '6f210a564f347f40c18516bf4e39475cc48d9f57', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, index$1.h("div", { key: '793428c898c430412ebc3474aa01498c11a46842', class: { 'nylas-page-styling__section': true, 'no-padding': !showContent } }, index$1.h("div", { key: '18d8e84857d9ca6cb82b055f4218577d9974d0bb', class: "nylas-page-styling__row" }, index$1.h("div", { key: '4c17031c6f90a042bfad62c202bc0e9f9704471c', class: { subsection: true, hide: !this.isOpen } }, !this.hasCustomSlot && this.currentAppearance ? this.renderDefaultInputs() : null)))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -8142,7 +8142,7 @@ const NylasParticipantsCustomAvailability = class {
                 utils.debug(`Malformed participant name format: ${name}. Expected format: "participant-availability-{participantId}-{uniqueKey}"`);
                 return;
             }
-            const key = nameParts[3];
+            const key = nameParts.slice(3).join('-');
             if (!this.selectedParticipants[key])
                 return;
             const existingOpenHours = jsonValue.openHours || [];
@@ -8163,7 +8163,7 @@ const NylasParticipantsCustomAvailability = class {
                 utils.debug(`Malformed participant specific date name format: ${name}. Expected format: "participant-specific-time-availability-{index}-{uniqueKey}"`);
                 return;
             }
-            const key = nameParts[5];
+            const key = nameParts.slice(5).join('-');
             if (!this.selectedParticipants[key])
                 return;
             const existingSpecificTimeAvailability = jsonValue || [];
@@ -8240,7 +8240,7 @@ const NylasParticipantsCustomAvailability = class {
         return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '723367d6b42ba75ede45e8107612a8d7b80f7a62' }, index$1.h("div", { key: '1f150fb58b7b4c1f49d03fc2ff3477c558f24b42', class: "nylas-participants-custom-availability", part: "npca" }, index$1.h("div", { key: 'faedc45330f58c808d894795e2b8d69356cab9a8', class: "header", part: "npca__header" }, index$1.h("h3", { key: 'c9a0ae26b76bf1eb04d012f29c3ff293cf2ced72' }, utils.instance.t('nylasParticipantCustomAvailability.headerTitle')), index$1.h("p", { key: 'adf10af1715e2c468dbbcb054177751581cd229a' }, utils.instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (index$1.h("div", { key: 'bcec97341f9f23a47e0ecd68c4479e28502abec9', class: "validation-error", part: "npca__validation-error" }, index$1.h("span", { key: '9aa25d1c401f454dcf78495ee31e22c14dfb688e' }, this.validationError))), index$1.h("div", { key: '2c155fedebb19645e19353c4d0e812d032808bf3', class: "content", part: "npca__content" }, index$1.h("form", { key: 'f5e2336c74fefaea03a97138543db3fb63e09af7', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (index$1.h(index$1.Host, { key: '5ff7155db08b5adcfe1168adf8452f426f4fb66d' }, index$1.h("div", { key: '376210b2869e4e9c518ba6f6ab29aff086df8a86', class: "nylas-participants-custom-availability", part: "npca" }, index$1.h("div", { key: '0a7a2492da0927c3fc2eff3e5b74ee8dd873f5ce', class: "header", part: "npca__header" }, index$1.h("h3", { key: 'f38db5fea6b75ebf696c86371437149421f375b0' }, utils.instance.t('nylasParticipantCustomAvailability.headerTitle')), index$1.h("p", { key: 'b64aa2227fc6c761161baee71df7ccfa1d4a0c0b' }, utils.instance.t('nylasParticipantCustomAvailability.headerSubTitle'))), this.validationError && (index$1.h("div", { key: '902126476a17af8e5c5303bd7acd86ae95063c68', class: "validation-error", part: "npca__validation-error" }, index$1.h("span", { key: 'b3595b86576e9894e97127bad821714cc9f4a0ea' }, this.validationError))), index$1.h("div", { key: 'a03b0815c38caaa5255293efe25a2f8b5e65349a', class: "content", part: "npca__content" }, index$1.h("form", { key: '92b375ef71cd62bf4ed37b3fcee09c718e79bc3b', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             const participantOpenHours = participant.availability?.open_hours || [];
             if (!participant || !participant.name)