@nylas/web-elements 1.1.5 → 1.1.6

package/dist/cdn/nylas-selected-event-card/nylas-selected-event-card.es.js

@@ -9771,7 +9771,7 @@ function Y2() {
     }
   });
 }
-const H2 = ':host{--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;display:block;position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:16px;font-weight:500}.calendar-icon{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)}calendar-icon{display:flex;align-items:center;justify-content:center;height:100%}.event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:8px;gap:4px;align-items:center}@media screen and (max-width: 768px){.event-timezone{margin-bottom:16px}}', q2 = H2;
+const H2 = ":host{display:block;position:relative;height:inherit;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--nylas-font-family)}.event-card{display:flex;align-items:center;flex-direction:column;width:calc(100% - 3rem);background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:3rem 1.5rem 1.5rem 1.5rem;position:relative;box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.event-card{margin-bottom:2rem}}.nylas-selected-event-card__date{font-size:min(max(16px, 3vw), 18px);font-weight:600}.nylas-selected-event-card__time{font-size:16px;font-weight:500}.calendar-icon{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)}calendar-icon{display:flex;align-items:center;justify-content:center;height:100%}.event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:8px;gap:4px;align-items:center}@media screen and (max-width: 768px){.event-timezone{margin-bottom:16px}}", q2 = H2;
 var z2 = function(n, e, t, r) {
   var i = arguments.length, u = i < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, a;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9786,7 +9786,7 @@ var z2 = function(n, e, t, r) {
 };
 const pn = Gr(class extends Wr {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.selectedDate = void 0, this.selectedTimeslot = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedLanguage = void 0, this.startTime = "", this.endTime = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.themeConfig = void 0, this.selectedDate = void 0, this.selectedTimeslot = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedLanguage = void 0, this.startTime = "", this.endTime = "";
   }
   connectedCallback() {
   }
@@ -9797,7 +9797,7 @@ const pn = Gr(class extends Wr {
   }
   async componentDidLoad() {
     var t, r;
-    qe("[nylas-selected-event-card] Component did load"), this.selectedDate || console.warn('[nylas-selected-event-card] "selectedDate" prop is not provided.'), this.selectedTimeslot || console.warn('[nylas-selected-event-card] "selectedTimeslot" prop is not provided.');
+    qe("[nylas-selected-event-card] Component did load"), this.selectedDate || console.warn('[nylas-selected-event-card] "selectedDate" prop is not provided.'), this.selectedTimeslot || console.warn('[nylas-selected-event-card] "selectedTimeslot" prop is not provided.'), this.applyThemeConfig(this.themeConfig);
     const e = new Intl.DateTimeFormat("en-US", {
       hour: "2-digit",
       minute: "2-digit",
@@ -9805,14 +9805,23 @@ const pn = Gr(class extends Wr {
     });
     this.startTime = e.format(new Date((t = this.selectedTimeslot) == null ? void 0 : t.start_time)), this.endTime = e.format(new Date((r = this.selectedTimeslot) == null ? void 0 : r.end_time));
   }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [t, r] of Object.entries(e))
+        this.host.style.setProperty(`${t}`, r);
+  }
   render() {
     var e;
-    return re(Mi, { key: "988d5270aa9dbd656c11d70ae0f3058dd25b4eb8", part: "nsec" }, re("div", { key: "21681211baf07faa5b09cec29611859a8dbdd37b", class: "event-card", part: "nsec__card" }, re("div", { key: "9b478bc27a5469a7c67786e3b1958e20e2f59d9e", class: "calendar-icon", part: "nsec__icon" }, re("calendar-icon", { key: "9a9f4cd2551747874876d8a32943a8cd98032d1e" })), re("div", { key: "f9dcde6ca9cffbfeb2f5dcd4e3586433bf2fd055", class: "nylas-selected-event-card__date", part: "nsec__date" }, this.selectedDate ? B2((e = this.selectedDate) == null ? void 0 : e.toLocaleDateString(P2[this.selectedLanguage || navigator.language], { dateStyle: "full", timeZone: this.selectedTimezone })) : "-"), re("div", { key: "a6151b6f505de22f748fcd959c5aa04721a4dd52", class: "nylas-selected-event-card__time", part: "nsec__time" }, this.startTime, " - ", this.endTime)), re("div", { key: "9190417c554a5e960841a8e132f3995574da14be", class: "event-timezone", part: "nsec__timezone" }, re("globe-icon", { key: "16f199ce28c18cc975bd8ade52f6b4fccfbe4455" }), R2[this.selectedTimezone]));
+    return re(Mi, { key: "c4b2a1e10365e172dd1d57516964ead204d7d325", part: "nsec" }, re("div", { key: "9d767e80cdd60e35dc26323e57b32e67b1e45a9d", class: "event-card", part: "nsec__card" }, re("div", { key: "78a16259f9607a95d97b62ece2aebc7807073e43", class: "calendar-icon", part: "nsec__icon" }, re("calendar-icon", { key: "5565b2a4da846fb2e162f773fd06203790487183" })), re("div", { key: "fea99fd65e43b57f6a4e327d65eeb03c787c6a86", class: "nylas-selected-event-card__date", part: "nsec__date" }, this.selectedDate ? B2((e = this.selectedDate) == null ? void 0 : e.toLocaleDateString(P2[this.selectedLanguage || navigator.language], { dateStyle: "full", timeZone: this.selectedTimezone })) : "-"), re("div", { key: "25a8f9548d85e37266f146482ec151801829cf4a", class: "nylas-selected-event-card__time", part: "nsec__time" }, this.startTime, " - ", this.endTime)), re("div", { key: "669460a8c5f3f764509c35af5b02e4d678d003e3", class: "event-timezone", part: "nsec__timezone" }, re("globe-icon", { key: "4a0ea54690d4b6cf67bacb86bd8c5c17e8d8f473" }), R2[this.selectedTimezone]));
+  }
+  get host() {
+    return this;
   }
   static get style() {
     return q2;
   }
 }, [1, "nylas-selected-event-card", {
+  themeConfig: [8, "theme-config"],
   selectedDate: [16],
   selectedTimeslot: [16],
   selectedTimezone: [1, "selected-timezone"],
@@ -9830,6 +9839,7 @@ z2([
       ["scheduler.selectedLanguage", "selectedLanguage"]
     ]),
     eventToProps: {},
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
     fireRegisterEvent: !0
   }),
   pr("design:type", Function),

package/dist/cdn/nylas-timeslot-picker/nylas-timeslot-picker.es.js

@@ -9171,7 +9171,7 @@ function _2() {
     }
   });
 }
-const j2 = ':host{display:block;height:calc(100% - 48px);--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}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}', Y2 = j2;
+const j2 = ":host{display:block;height:calc(100% - 48px)}.time-picker-wrapper{display:flex;flex-direction:column;height:100%}.timeslots{position:relative;display:flex;flex-direction:column;gap:0.75rem;align-items:center;overflow-y:scroll;padding:0.5rem 1.5rem 1.5rem;flex:1}.time{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px 12px;gap:0.5rem;font-size:16px;font-weight:500;font-family:inherit;width:100%;height:48px;color:var(--nylas-base-800);background:var(--nylas-base-0);border:none;outline:1.5px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);flex:none;order:4;align-self:stretch;flex-grow:0;cursor:pointer}.time:hover,.time:focus{color:var(--nylas-primary);outline-color:var(--nylas-primary)}.time.selected{font-weight:600;color:var(--nylas-primary);outline:2px solid var(--nylas-primary);border-color:transparent;box-shadow:0 0 0 2px var(--nylas-primary)}.empty{text-align:center;padding:0 1.5rem;color:var(--nylas-base-600);font-size:min(max(12px, 2vw), 14px);height:450px;display:flex;align-items:center;justify-content:center}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.loading{padding:0 1.5rem}.loading .timeslot-skeleton{width:100%;height:4rem;background-color:var(--nylas-base-50);margin-bottom:0.5rem;border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite ease-in-out}.footer{width:100%;padding:14px;box-sizing:border-box;border-top:1px solid var(--nylas-base-200)}", Y2 = j2;
 var q2 = 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")
@@ -9192,7 +9192,7 @@ const yn = Jr(class extends Vr {
       this.hoveredTimeslotIndex = e;
     }, this.handleMouseLeave = () => {
       this.hoveredTimeslotIndex = -1;
-    }, this.availability = void 0, this.isLoading = void 0, this.selectedTimeslot = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedDate = /* @__PURE__ */ new Date(), this.selectedLanguage = void 0, this.times = [], this.hoveredTimeslotIndex = void 0, this.selectedTimeslotIndex = void 0;
+    }, this.availability = void 0, this.isLoading = void 0, this.themeConfig = void 0, this.selectedTimeslot = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedDate = /* @__PURE__ */ new Date(), this.selectedLanguage = void 0, this.times = [], this.hoveredTimeslotIndex = void 0, this.selectedTimeslotIndex = void 0;
   }
   selectedLanguageChanged(e) {
     Gt.changeLanguage(e);
@@ -9221,7 +9221,12 @@ const yn = Jr(class extends Vr {
     var t;
     ce("[nylas-timeslot-picker] Component did load");
     const e = (t = this.availability) == null ? void 0 : t.filter((r) => this.selectedDate && br(r.start_time, this.selectedDate)).map((r) => r);
-    this.times = e || [];
+    this.times = e || [], this.applyThemeConfig(this.themeConfig);
+  }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [t, r] of Object.entries(e))
+        this.host.style.setProperty(`${t}`, r);
   }
   getTimeslotId(e, t) {
     return `${e.toLocaleDateString()}-${t}`;
@@ -9250,6 +9255,9 @@ const yn = Jr(class extends Vr {
       }, onClick: () => this.onClickSelectTime(e, t), onMouseEnter: () => this.handleMouseEnter(t), onMouseLeave: () => this.handleMouseLeave() }, this.hoveredTimeslotIndex == t || this.selectedTimeslotIndex == this.getTimeslotId(e.start_time, t) ? this.getTimeSlotLabel(e) : e.start_time.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", timeZone: this.selectedTimezone }));
     })), this.selectedTimeslot && z("div", { class: "footer" }, z("button-component", { variant: "primary", onClick: (e) => this.handleConfirmedTimeslot(e, this.selectedTimeslot), part: "ntp__button-primary" }, z("slot", { name: "timeslot-picker-cta-label" }, Gt.t("nextButton")))))) : z(qe, null);
   }
+  get host() {
+    return this;
+  }
   static get watchers() {
     return {
       selectedLanguage: ["selectedLanguageChanged"],
@@ -9263,6 +9271,7 @@ const yn = Jr(class extends Vr {
 }, [1, "nylas-timeslot-picker", {
   availability: [16],
   isLoading: [4, "loading-state"],
+  themeConfig: [8, "theme-config"],
   selectedTimeslot: [16],
   selectedTimezone: [1, "selected-timezone"],
   selectedDate: [16],
@@ -9294,6 +9303,7 @@ q2([
         ce("nylas-timeslot-picker", "timeslotConfirmed", n.detail), n.detail && e.scheduler.toggleAdditionalData(!0);
       }
     },
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
     fireRegisterEvent: !0
   }),
   yr("design:type", Function),

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

@@ -6997,7 +6997,7 @@ __decorate$c([
 ], NylasEventTitle.prototype, "render", null);
 NylasEventTitle.style = NylasEventTitleStyle0;
 
-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)}";
+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)}";
 const NylasFeedbackFormStyle0 = nylasFeedbackFormCss;
 
 var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -7027,6 +7027,7 @@ const NylasFeedbackForm = class {
             }
             this.feedbackSubmitted.emit({ feedback: this.feedbackMessage });
         };
+        this.themeConfig = undefined;
         this.feedbackMessage = '';
     }
     connectedCallback() { }
@@ -7036,6 +7037,14 @@ const NylasFeedbackForm = class {
     }
     async componentDidLoad() {
         utils.debug(`[nylas-feedback-form] Component did load`);
+        this.applyThemeConfig(this.themeConfig);
+    }
+    applyThemeConfig(themeConfig) {
+        if (themeConfig) {
+            for (const [key, value] of Object.entries(themeConfig)) {
+                this.host.style.setProperty(`${key}`, value);
+            }
+        }
     }
     handleFormInputChanged(event) {
         utils.debug(`[nylas-feedback-form] Form input changed`);
@@ -7053,9 +7062,9 @@ const NylasFeedbackForm = class {
         this.feedbackModalClosed.emit();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '00514f43a6b2052ce2a4144917ccc5adc965a94a', part: "nfbf" }, index$1.h("div", { key: '4271697a749f74d3d62f611df6841dc4d7e4ef4d', class: "card-wrapper", part: "nfbfc__card" }, index$1.h("div", { key: '59271c12c04a4f78fac68534ec66b24ac9803784', class: "close-button" }, index$1.h("button-component", { key: 'de7ced90803da24ff46d2dc30f7e925b6fb760a8', tooltip: "Close", id: "close", variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__close-button" }, index$1.h("close-icon", { key: '3f64b2db3958bf082829310126566ef58ae54f46' }))), index$1.h("div", { key: '526d959d10a00d49d66d66fe3a56bce3a03893f4', class: "header" }, index$1.h("h2", { key: '699f00cca09366e19081e0972a76a2f67d471ecc', slot: "card-title", part: "nfbf__title" }, utils.instance.t('feedbackFormTitle'))), index$1.h("div", { key: '95062b4d3557eef49fac7246526f0d413acdd7ff', class: "description title-desc" }, index$1.h("p", { key: '6806a1ae323b2f67c5fcacbb0238df86a4f32bce' }, utils.instance.t('feedbackFormDescription'))), index$1.h("textarea-component", { key: '1135f11f19f5cca1f814812c606b39c3a828bf9b', label: utils.instance.t('feedbackMessageLabel'), required: true, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: utils.instance.t('feedbackMessagePlaceholder') }), index$1.h("div", { key: '388f7897c0eb2a9d87d25b98b49d3f60363e0108', class: 'description footer-desc' }, index$1.h("p", { key: 'ab9ba37f8e5533b8480c223ad668ffb91b95ab7e' }, "By sending this report, you agree to Nylas\u2019 access to the data necessary to respond to this issue, subject to Nylas\u2019", ' ', index$1.h("a", { key: 'c1a380ed74cb1c6081ca7c557e761eab7ae5ab9d', href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), index$1.h("div", { key: 'd8da33e015c718e6c8cf59b407eb7df7efaa26f9', class: {
+        return (index$1.h(index$1.Host, { key: 'a2fdcdd71d0c4ff3902df64405da31a223eaf7d7', part: "nfbf" }, index$1.h("div", { key: 'f9e8577b5357683928205b53ee81753a66a7e4ae', class: "card-wrapper", part: "nfbfc__card" }, index$1.h("div", { key: 'd1bbb63d773ef30918549fe4a6737bf582ae0d06', class: "close-button" }, index$1.h("button-component", { key: 'a418fa3fef1af84a1d504030e1bcafde4653e2ad', tooltip: "Close", id: "close", variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__close-button" }, index$1.h("close-icon", { key: 'cc39f114e75f5554417718701175d44844ffc4a0' }))), index$1.h("div", { key: 'd425f232a67162d7865986403819a9aa80641891', class: "header" }, index$1.h("h2", { key: '3ee4ce9fa02a86831ff4a292320fe890bfb728bf', slot: "card-title", part: "nfbf__title" }, utils.instance.t('feedbackFormTitle'))), index$1.h("div", { key: 'e190c2c7558cc3d292ecdd0efde36a5ba949406e', class: "description title-desc" }, index$1.h("p", { key: 'bae5de83094598fa1794fac48f44d6385499183e' }, utils.instance.t('feedbackFormDescription'))), index$1.h("textarea-component", { key: '2dbcd70b5d4c8035a2cc7e852fdd6dfe23650d92', label: utils.instance.t('feedbackMessageLabel'), required: true, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: utils.instance.t('feedbackMessagePlaceholder') }), index$1.h("div", { key: '0970ad9b93148e325b85353e7ae79df9de057f10', class: 'description footer-desc' }, index$1.h("p", { key: '3f20809d828a385b471916d5f53944d5438e0cff' }, "By sending this report, you agree to Nylas\u2019 access to the data necessary to respond to this issue, subject to Nylas\u2019", ' ', index$1.h("a", { key: 'bdb691d2575ba496607675f82bea362bfcb3dcdb', href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), index$1.h("div", { key: '7cfd02b5827dfbd325f49e8c0b055873ae9ab32a', class: {
                 footer: true,
-            } }, index$1.h("button-component", { key: '52f9c1a0a54907f9b83167387247fc3c979ad498', variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${utils.instance.t('feedbackModalCloseButton')}`), index$1.h("button-component", { key: '819fc5952960c841c3a6b46af127699cd5f69c88', variant: 'primary', onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${utils.instance.t('feedbackModalSubmitButton')}`)))));
+            } }, index$1.h("button-component", { key: '8d31999de17098830414f2944f52d94b59b903dd', variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${utils.instance.t('feedbackModalCloseButton')}`), index$1.h("button-component", { key: 'b802e92f4dba1467a54d90b730fc94161b41030c', variant: 'primary', onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${utils.instance.t('feedbackModalSubmitButton')}`)))));
     }
     get host() { return index$1.getElement(this); }
 };
@@ -7067,6 +7076,7 @@ __decorate$b([
             feedbackSubmitted: async (_event, _nylasSchedulerConnector) => {
             },
         },
+        localPropsToProp: new Map([['themeConfig', 'themeConfig']]),
         fireRegisterEvent: true,
     }),
     __metadata$b("design:type", Function),