@nylas/web-elements 1.1.5 → 1.1.6

package/dist/cdn/nylas-organizer-confirmation-card/nylas-organizer-confirmation-card.es.js

@@ -9193,7 +9193,7 @@ function q2() {
     }
   });
 }
-const H2 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}', z2 = H2;
+const H2 = ":host{display:block}.event-card-wrapper{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;width:424px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 4rem;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.manage-booking-description{border-top:1px solid var(--nylas-base-200)}.manage-booking-description p{font-size:16px;margin:1rem;padding:0.5rem 1rem;font-weight:400;color:var(--nylas-base-800)}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{--dot-color:var(--nylas-base-700)}", z2 = H2;
 var W2 = function(n, e, t, r) {
   var i = arguments.length, u = i < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9216,7 +9216,7 @@ const bn = Zt(class extends Xt {
       this.organizerConfirmationBookingId && !this.isLoading && this.confirmBookingButtonClicked.emit({ bookingId: this.organizerConfirmationBookingId, host: this.host, errorHandler: e });
     }, this.handleRejectBookingButtonClicked = () => {
       this.action = "reject", this.organizerConfirmationBookingId && !this.isLoading && this.rejectBookingButtonClicked.emit({ bookingId: this.organizerConfirmationBookingId, host: this.host });
-    }, this.configSettings = void 0, this.isLoading = void 0, this.organizerConfirmationBookingId = void 0, this.selectedLanguage = navigator.language, this.action = null;
+    }, this.configSettings = void 0, this.isLoading = void 0, this.themeConfig = void 0, this.organizerConfirmationBookingId = void 0, this.selectedLanguage = navigator.language, this.action = null;
   }
   connectedCallback() {
   }
@@ -9226,14 +9226,19 @@ const bn = Zt(class extends Xt {
     ze("[nylas-organizer-confirmation-card] Component will load");
   }
   async componentDidLoad() {
-    ze("[nylas-organizer-confirmation-card] Component did load");
+    ze("[nylas-organizer-confirmation-card] Component did load"), this.applyThemeConfig(this.themeConfig);
+  }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [t, r] of Object.entries(e))
+        this.host.style.setProperty(`${t}`, r);
   }
   async resetAction() {
     this.action = null;
   }
   render() {
     var e, t, r, i, u, o, a, s, c, f, d, l;
-    return G(Di, { key: "c722e5ad0c458060b988e0a49fde079d8258125e", part: "nmcc" }, G("div", { key: "758b60b6834f7150a30434538707f321754f9f8b", class: "event-card-wrapper", part: "nmccc__card" }, G("div", { key: "675e8ab2297fefe3840eb06b536706e216cd525a", class: "calendar-icon" }, G("calendar-check-icon", { key: "56768b41e1abebb836619f1da25fdba7b0b32203" })), G("div", { key: "a026a0daa62a4bf5054682a93c19f296b4761d31", class: "booked-event-header" }, G("h2", { key: "38ba7f91abcde16f459f50a3638245e2c994f4f5", slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${He.t("bookingPendingTitle")}!`)), G("div", { key: "4ca2d5bd6cf71f624bb2eed64c0f8c44089adc0a", class: "manage-booking-description" }, G("p", { key: "6584d4ac6e59c6b4156f886a6903d05dcef37c3a" }, He.t("bookingPendingnDescription"))), G("div", { key: "805a279cbff4f92eb91f150146a6d5688945ffe6", class: {
+    return G(Di, { key: "d9ca934419385dcf0917c80e70c3efb3d7b18a02", part: "nmcc" }, G("div", { key: "b5b0a918984758dbf80f3218610537bfbec693e4", class: "event-card-wrapper", part: "nmccc__card" }, G("div", { key: "cd26edd3af7815576337f88b5a76ee1cc9335ec0", class: "calendar-icon" }, G("calendar-check-icon", { key: "3cf29fd30584c2fac6a4e1eecce9e55b8c4beb55" })), G("div", { key: "ecc73f4ceff1887502714daa5034b42754ca1f46", class: "booked-event-header" }, G("h2", { key: "2b3233840408bba3fcb29b631e6329148fdeaeaf", slot: "card-title", part: "nmcc__title" }, !!this.organizerConfirmationBookingId && `${He.t("bookingPendingTitle")}!`)), G("div", { key: "7e85b7a9d30895a2bf319185cb3b5b6856894638", class: "manage-booking-description" }, G("p", { key: "644084700e961abcd2b910dcb0631ebfcfbc2a1c" }, He.t("bookingPendingnDescription"))), G("div", { key: "67a549c866b7ba2137bed4ab4af2da4a9c989f0b", class: {
       footer: !0,
       "no-footer": ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.hide_cancellation_options) && ((i = (r = this.configSettings) == null ? void 0 : r.scheduler) == null ? void 0 : i.hide_rescheduling_options),
       "no-template-cols": ((o = (u = this.configSettings) == null ? void 0 : u.scheduler) == null ? void 0 : o.hide_cancellation_options) || ((s = (a = this.configSettings) == null ? void 0 : a.scheduler) == null ? void 0 : s.hide_rescheduling_options)
@@ -9248,6 +9253,7 @@ const bn = Zt(class extends Xt {
 }, [1, "nylas-organizer-confirmation-card", {
   configSettings: [8, "config-settings"],
   isLoading: [4, "is-loading"],
+  themeConfig: [8, "theme-config"],
   organizerConfirmationBookingId: [1, "organizer-confirmation-booking-id"],
   selectedLanguage: [1, "selected-language"],
   action: [32],
@@ -9274,6 +9280,7 @@ W2([
         i && (!r || "error" in r) && i(r), await t.resetAction();
       }
     },
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
     fireRegisterEvent: !0
   }),
   vr("design:type", Function),

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

@@ -22074,7 +22074,7 @@ function defineCustomElement$n() {
     }
   });
 }
-const nylasFeedbackFormCss = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.card-wrapper{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-wrapper{width:100%;border-radius:0px}}.header{overflow-wrap:anywhere;display:flex;flex-direction:column;font-size:1rem;font-weight:400}.header h2{color:var(--nylas-base-900);font-size:24px;font-weight:600;text-align:left;margin:0}.description.title-desc{margin-bottom:2rem}.description.footer-desc{margin-top:2rem}.description.footer-desc a{color:var(--nylas-primary);text-decoration:none}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}', NylasFeedbackFormStyle0 = nylasFeedbackFormCss;
+const nylasFeedbackFormCss = ":host{display:block}.card-wrapper{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-wrapper{width:100%;border-radius:0px}}.header{overflow-wrap:anywhere;display:flex;flex-direction:column;font-size:1rem;font-weight:400}.header h2{color:var(--nylas-base-900);font-size:24px;font-weight:600;text-align:left;margin:0}.description.title-desc{margin-bottom:2rem}.description.footer-desc{margin-top:2rem}.description.footer-desc a{color:var(--nylas-primary);text-decoration:none}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}", NylasFeedbackFormStyle0 = nylasFeedbackFormCss;
 var __decorate$d = function(ve, ue, ge, Oe) {
   var Ke = arguments.length, vt = Ke < 3 ? ue : Oe === null ? Oe = Object.getOwnPropertyDescriptor(ue, ge) : Oe, ln;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -22091,7 +22091,7 @@ const NylasFeedbackForm = proxyCustomElement(class extends H$2 {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.feedbackModalClosed = createEvent(this, "feedbackModalClosed", 7), this.feedbackSubmitted = createEvent(this, "feedbackSubmitted", 7), this.triggerValidation = createEvent(this, "triggerValidation", 7), this.handleConfirmBookingButtonClicked = () => {
       this.triggerValidation.emit().defaultPrevented || this.feedbackSubmitted.emit({ feedback: this.feedbackMessage });
-    }, this.feedbackMessage = "";
+    }, this.themeConfig = void 0, this.feedbackMessage = "";
   }
   connectedCallback() {
   }
@@ -22101,7 +22101,12 @@ const NylasFeedbackForm = proxyCustomElement(class extends H$2 {
     debug("[nylas-feedback-form] Component will load");
   }
   async componentDidLoad() {
-    debug("[nylas-feedback-form] Component did load");
+    debug("[nylas-feedback-form] Component did load"), this.applyThemeConfig(this.themeConfig);
+  }
+  applyThemeConfig(ue) {
+    if (ue)
+      for (const [ge, Oe] of Object.entries(ue))
+        this.host.style.setProperty(`${ge}`, Oe);
   }
   handleFormInputChanged(ue) {
     debug("[nylas-feedback-form] Form input changed"), ue.detail.value && (this.triggerValidation.emit(), ue.detail.name === "feedback" && (this.feedbackMessage = ue.detail.value));
@@ -22110,9 +22115,9 @@ const NylasFeedbackForm = proxyCustomElement(class extends H$2 {
     ue.preventDefault(), ue.stopImmediatePropagation(), this.feedbackModalClosed.emit();
   }
   render() {
-    return h$2(Host, { key: "00514f43a6b2052ce2a4144917ccc5adc965a94a", part: "nfbf" }, h$2("div", { key: "4271697a749f74d3d62f611df6841dc4d7e4ef4d", class: "card-wrapper", part: "nfbfc__card" }, h$2("div", { key: "59271c12c04a4f78fac68534ec66b24ac9803784", class: "close-button" }, h$2("button-component", { key: "de7ced90803da24ff46d2dc30f7e925b6fb760a8", tooltip: "Close", id: "close", variant: "invisible", onClick: (ue) => this.closeModal(ue), part: "nfbf__close-button" }, h$2("close-icon", { key: "3f64b2db3958bf082829310126566ef58ae54f46" }))), h$2("div", { key: "526d959d10a00d49d66d66fe3a56bce3a03893f4", class: "header" }, h$2("h2", { key: "699f00cca09366e19081e0972a76a2f67d471ecc", slot: "card-title", part: "nfbf__title" }, instance.t("feedbackFormTitle"))), h$2("div", { key: "95062b4d3557eef49fac7246526f0d413acdd7ff", class: "description title-desc" }, h$2("p", { key: "6806a1ae323b2f67c5fcacbb0238df86a4f32bce" }, instance.t("feedbackFormDescription"))), h$2("textarea-component", { key: "1135f11f19f5cca1f814812c606b39c3a828bf9b", label: instance.t("feedbackMessageLabel"), required: !0, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: instance.t("feedbackMessagePlaceholder") }), h$2("div", { key: "388f7897c0eb2a9d87d25b98b49d3f60363e0108", class: "description footer-desc" }, h$2("p", { key: "ab9ba37f8e5533b8480c223ad668ffb91b95ab7e" }, "By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’", " ", h$2("a", { key: "c1a380ed74cb1c6081ca7c557e761eab7ae5ab9d", href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), h$2("div", { key: "d8da33e015c718e6c8cf59b407eb7df7efaa26f9", class: {
+    return h$2(Host, { key: "a2fdcdd71d0c4ff3902df64405da31a223eaf7d7", part: "nfbf" }, h$2("div", { key: "f9e8577b5357683928205b53ee81753a66a7e4ae", class: "card-wrapper", part: "nfbfc__card" }, h$2("div", { key: "d1bbb63d773ef30918549fe4a6737bf582ae0d06", class: "close-button" }, h$2("button-component", { key: "a418fa3fef1af84a1d504030e1bcafde4653e2ad", tooltip: "Close", id: "close", variant: "invisible", onClick: (ue) => this.closeModal(ue), part: "nfbf__close-button" }, h$2("close-icon", { key: "cc39f114e75f5554417718701175d44844ffc4a0" }))), h$2("div", { key: "d425f232a67162d7865986403819a9aa80641891", class: "header" }, h$2("h2", { key: "3ee4ce9fa02a86831ff4a292320fe890bfb728bf", slot: "card-title", part: "nfbf__title" }, instance.t("feedbackFormTitle"))), h$2("div", { key: "e190c2c7558cc3d292ecdd0efde36a5ba949406e", class: "description title-desc" }, h$2("p", { key: "bae5de83094598fa1794fac48f44d6385499183e" }, instance.t("feedbackFormDescription"))), h$2("textarea-component", { key: "2dbcd70b5d4c8035a2cc7e852fdd6dfe23650d92", label: instance.t("feedbackMessageLabel"), required: !0, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: instance.t("feedbackMessagePlaceholder") }), h$2("div", { key: "0970ad9b93148e325b85353e7ae79df9de057f10", class: "description footer-desc" }, h$2("p", { key: "3f20809d828a385b471916d5f53944d5438e0cff" }, "By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’", " ", h$2("a", { key: "bdb691d2575ba496607675f82bea362bfcb3dcdb", href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), h$2("div", { key: "7cfd02b5827dfbd325f49e8c0b055873ae9ab32a", class: {
       footer: !0
-    } }, h$2("button-component", { key: "52f9c1a0a54907f9b83167387247fc3c979ad498", variant: "invisible", onClick: (ue) => this.closeModal(ue), part: "nfbf__button-outline nfbf__cancel-cta" }, `${instance.t("feedbackModalCloseButton")}`), h$2("button-component", { key: "819fc5952960c841c3a6b46af127699cd5f69c88", variant: "primary", onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${instance.t("feedbackModalSubmitButton")}`))));
+    } }, h$2("button-component", { key: "8d31999de17098830414f2944f52d94b59b903dd", variant: "invisible", onClick: (ue) => this.closeModal(ue), part: "nfbf__button-outline nfbf__cancel-cta" }, `${instance.t("feedbackModalCloseButton")}`), h$2("button-component", { key: "b802e92f4dba1467a54d90b730fc94161b41030c", variant: "primary", onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${instance.t("feedbackModalSubmitButton")}`))));
   }
   get host() {
     return this;
@@ -22121,6 +22126,7 @@ const NylasFeedbackForm = proxyCustomElement(class extends H$2 {
     return NylasFeedbackFormStyle0;
   }
 }, [1, "nylas-feedback-form", {
+  themeConfig: [8, "theme-config"],
   feedbackMessage: [32]
 }, [[4, "nylasFormInputChanged", "handleFormInputChanged"]]]);
 __decorate$d([
@@ -22131,6 +22137,7 @@ __decorate$d([
       feedbackSubmitted: async (ve, ue) => {
       }
     },
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
     fireRegisterEvent: !0
   }),
   __metadata$d("design:type", Function),
@@ -30382,7 +30389,7 @@ const NylasEditorTabs = proxyCustomElement(class extends H$2 {
     var ge, Oe;
     debug("[nylas-editor-tabs]", "componentDidLoad"), this.enableUserFeedback && !isInitialized() && init({
       dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
-      release: "1.1.5",
+      release: "1.1.6",
       integrations: (Ke) => [
         ...Ke.filter((vt) => !1),
         feedbackSyncIntegration({
@@ -30421,7 +30428,7 @@ const NylasEditorTabs = proxyCustomElement(class extends H$2 {
       captureContext: {
         tags: {
           "nylas-web-element": "nylas-scheduler-editor",
-          "nylas-web-element-version": "1.1.5"
+          "nylas-web-element-version": "1.1.6"
         },
         extra: {
           configId: (Ke = this.selectedConfiguration) == null ? void 0 : Ke.id,
@@ -30582,21 +30589,21 @@ const NylasEditorTabs = proxyCustomElement(class extends H$2 {
     var ge;
     return ((ge = this.hideEditorTabs) == null ? void 0 : ge.includes(ue)) || !1;
   }
-  onFeedbackClick() {
-    this.showFeedbackModal = !0;
+  onFeedbackClick(ue) {
+    ue.preventDefault(), this.showFeedbackModal = !0;
   }
   render() {
     var ue, ge;
-    return debug("[nylas-editor-tabs]", "render", this.formState), h$2(Host, { key: "979cb82af1a494ea69a8122420da0c794e7c1c14" }, h$2("form", { key: "a8aec5d884b9985898a0e2015a973c3f18c9993d", onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: (Oe) => this.formRef = Oe, noValidate: !0 }, this.mode === "app" ? h$2("div", { class: "form-contents" }, h$2("div", { class: "tabs" }, h$2("button", { name: Tab.EventInfo, class: { tab: !0, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info", onClick: (Oe) => this.setActiveTab(Oe, Tab.EventInfo) }, h$2("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h$2("button", { name: Tab.Availability, class: { tab: !0, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability", onClick: (Oe) => this.setActiveTab(Oe, Tab.Availability) }, h$2("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h$2("button", { name: Tab.Participants, class: { tab: !0, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants", onClick: (Oe) => this.setActiveTab(Oe, Tab.Participants) }, h$2("people-icon", { width: "16", height: "16" }), "Participants"), h$2("button", { name: Tab.BookingOptions, class: { tab: !0, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options", onClick: (Oe) => this.setActiveTab(Oe, Tab.BookingOptions) }, h$2("flow-icon", { width: "16", height: "16" }), "Booking options"), h$2("button", { name: Tab.BookingForm, class: { tab: !0, active: this.activeTab == "bookingForm", hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form", onClick: (Oe) => this.setActiveTab(Oe, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h$2("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h$2("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), h$2("button", { name: Tab.Communications, class: { tab: !0, active: this.activeTab == "communications", hide: this.hideTab(Tab.Communications) }, onClick: (Oe) => this.setActiveTab(Oe, Tab.Communications) }, this.activeTab == Tab.Communications ? h$2("envelope-fill-icon", { width: "16", height: "16" }) : h$2("envelope-icon", { width: "16", height: "16" }), "Communications"), h$2("button", { name: Tab.PageStyles, class: { tab: !0, active: this.activeTab == "pageStyles", hide: this.hideTab(Tab.PageStyles) }, onClick: (Oe) => this.setActiveTab(Oe, Tab.PageStyles) }, this.activeTab == Tab.PageStyles ? h$2("paintbrush-fill-icon", { width: "16", height: "16" }) : h$2("paintbrush-icon", { width: "16", height: "16" }), "Page styles")), h$2("div", { class: "tab-content" }, h$2(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: ((ue = this.selectedConfiguration) == null ? void 0 : ue.id) ?? "new" }))) : h$2("div", { class: "composable", key: (ge = this.selectedConfiguration) == null ? void 0 : ge.id }, h$2("slot", null)), h$2("div", { key: "c013e06487a2675130df47566e7322bb8254fea0", class: "footer", part: "editor__footer" }, h$2("div", { key: "7ec0e476e014b7dcc5cb0177b86161743b09233f", class: "preview", part: "editor__footer-preview" }, this.enableUserFeedback && h$2("button-component", { title: "Share your feedback", id: "report-issue", variant: "basic", onClick: () => this.onFeedbackClick() }, h$2("feedback-icon", null))), h$2("div", { key: "791187b91f7ce807d980fe79a551bb7f16725a8b", class: "buttons", part: "editor__footer-buttons" }, h$2("p", { key: "33e1dcbac0ccf06a7c9b15fe615e222e86d7d947", class: {
+    return debug("[nylas-editor-tabs]", "render", this.formState), h$2(Host, { key: "d38db7df3b55dcd9df5d23c06a2257e483e4f881" }, h$2("form", { key: "f75efd88f7a329288e77933ca218fa88e9dd8a87", onSubmit: this.formSubmissionHandler, class: "scheduler-editor", ref: (Oe) => this.formRef = Oe, noValidate: !0 }, this.mode === "app" ? h$2("div", { class: "form-contents" }, h$2("div", { class: "tabs" }, h$2("button", { name: Tab.EventInfo, class: { tab: !0, active: this.activeTab == Tab.EventInfo, hide: this.hideTab(Tab.EventInfo) }, part: "editortab__event-info", onClick: (Oe) => this.setActiveTab(Oe, Tab.EventInfo) }, h$2("calendar-info-icon", { width: "16", height: "16" }), "Event info"), h$2("button", { name: Tab.Availability, class: { tab: !0, active: this.activeTab == Tab.Availability, hide: this.hideTab(Tab.Availability) }, part: "editortab__availability", onClick: (Oe) => this.setActiveTab(Oe, Tab.Availability) }, h$2("calendar-patterns-icon", { width: "16", height: "16" }), "Availability"), h$2("button", { name: Tab.Participants, class: { tab: !0, active: this.activeTab == Tab.Participants, hide: this.hideTab(Tab.Participants) }, part: "editortab__participants", onClick: (Oe) => this.setActiveTab(Oe, Tab.Participants) }, h$2("people-icon", { width: "16", height: "16" }), "Participants"), h$2("button", { name: Tab.BookingOptions, class: { tab: !0, active: this.activeTab == Tab.BookingOptions, hide: this.hideTab(Tab.BookingOptions) }, part: "editortab__booking-options", onClick: (Oe) => this.setActiveTab(Oe, Tab.BookingOptions) }, h$2("flow-icon", { width: "16", height: "16" }), "Booking options"), h$2("button", { name: Tab.BookingForm, class: { tab: !0, active: this.activeTab == "bookingForm", hide: this.hideTab(Tab.BookingForm) }, part: "editortab__booking-form", onClick: (Oe) => this.setActiveTab(Oe, Tab.BookingForm) }, this.activeTab == Tab.BookingForm ? h$2("calendar-agenda-fill-icon", { width: "16", height: "16" }) : h$2("calendar-agenda-icon", { width: "16", height: "16" }), "Booking form"), h$2("button", { name: Tab.Communications, class: { tab: !0, active: this.activeTab == "communications", hide: this.hideTab(Tab.Communications) }, onClick: (Oe) => this.setActiveTab(Oe, Tab.Communications) }, this.activeTab == Tab.Communications ? h$2("envelope-fill-icon", { width: "16", height: "16" }) : h$2("envelope-icon", { width: "16", height: "16" }), "Communications"), h$2("button", { name: Tab.PageStyles, class: { tab: !0, active: this.activeTab == "pageStyles", hide: this.hideTab(Tab.PageStyles) }, onClick: (Oe) => this.setActiveTab(Oe, Tab.PageStyles) }, this.activeTab == Tab.PageStyles ? h$2("paintbrush-fill-icon", { width: "16", height: "16" }) : h$2("paintbrush-icon", { width: "16", height: "16" }), "Page styles")), h$2("div", { class: "tab-content" }, h$2(TabContents, { formState: this.formState, activeTab: this.activeTab, currentUser: this.currentUser, calendars: this.calendars, id: ((ue = this.selectedConfiguration) == null ? void 0 : ue.id) ?? "new" }))) : h$2("div", { class: "composable", key: (ge = this.selectedConfiguration) == null ? void 0 : ge.id }, h$2("slot", null)), h$2("div", { key: "33fa467828de45477cb14547e83cd91d3316d1de", class: "footer", part: "editor__footer" }, h$2("div", { key: "e94586ffcb339ed0134db7dba554add942b9658b", class: "preview", part: "editor__footer-preview" }, this.enableUserFeedback && h$2("button-component", { title: "Share your feedback", id: "report-issue", variant: "basic", onClick: (Oe) => this.onFeedbackClick(Oe) }, h$2("feedback-icon", null))), h$2("div", { key: "ba9415c331d169876f6f64e048d295c494066fb0", class: "buttons", part: "editor__footer-buttons" }, h$2("p", { key: "b985139923dac06f300329c63100bb322a72e215", class: {
       "unsaved-changes": this.hasUnsavedChanges && !this.changesSaved,
       "saved-changes": this.changesSaved,
       error: this.error !== "",
       "error-full-width": this.error !== "" && this.action === "create"
     } }, this.error !== "" ? this.error : "", this.error == "" && this.hasUnsavedChanges && !this.changesSaved ? "Unsaved changes" : this.error == "" && this.changesSaved ? "Changes saved!" : ""), this.schedulerPreviewLink !== "" && this.action === "edit" && h$2("button-component", { title: "Preview", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
       Oe.preventDefault(), this.previewButtonClicked.emit(this.host).defaultPrevented || window.open(parsePreviewLink(this.schedulerPreviewLink, this.selectedConfiguration), "_blank");
-    }, variant: "basic" }, h$2("eye-icon", null)), h$2("button-component", { key: "35722d8b7c489c687ef63d7747a33204261b2870", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
+    }, variant: "basic" }, h$2("eye-icon", null)), h$2("button-component", { key: "e8b658f3fe6dea039818fe7e5803c7876dcf516a", type: "button", disabled: this.isLoading, clickHandler: (Oe) => {
       Oe.preventDefault(), this.cancelButtonClick.emit(), this.error = "";
-    }, variant: "basic", part: "editor__footer-cancel" }, "Back"), h$2("button-component", { key: "fabfca306aecb7a62212397bfe12e3fffce5fa8e", type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? h$2("span", null, "Saving", h$2("loading-icon", null), " ") : this.action === "create" ? "Create" : "Save changes")))), this.showFeedbackModal && h$2("nylas-feedback-form", null));
+    }, variant: "basic", part: "editor__footer-cancel" }, "Back"), h$2("button-component", { key: "def3baeb44f02d4a168d4946fe46c158d9872d8a", type: "submit", disabled: this.isLoading, part: "editor__footer-cta" }, this.isLoading ? h$2("span", null, "Saving", h$2("loading-icon", null), " ") : this.action === "create" ? "Create" : "Save changes")))), this.showFeedbackModal && h$2("nylas-feedback-form", null));
   }
   get host() {
     return this;