@nylas/web-elements 2.5.4 → 2.5.6

package/dist/cjs/nylas-form-card.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var index = require('./index-9TuL48qE.js');
-var registerComponent = require('./register-component-Cu3tKKKD.js');
-var utils = require('./utils-DMqnHqF8.js');
+var registerComponent = require('./register-component-3z1jbXx-.js');
+var utils = require('./utils-C5qGWVDr.js');
 
 const nylasFormCardCss = ":host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-form-card{width:100%;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-form-card__header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}";
 

package/dist/cjs/nylas-notification_2.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-9TuL48qE.js');
-var utils = require('./utils-DMqnHqF8.js');
+var utils = require('./utils-C5qGWVDr.js');
 
 const nylasNotificationCss = ":host{display:block;margin-bottom:-12px;width:100%;z-index:1;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:\"Inter\", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff}.notif{display:flex;padding:17px;align-items:flex-start;justify-content:space-between;gap:16px;border-radius:var(--nylas-border-radius-2x);border:1.5px solid var(--nylas-error);background:var(--nylas-base-0)}@media screen and (max-width: 768px){.notif{width:auto}}.notif .content{display:flex;flex-direction:row;gap:8px}.notif .content .message{font-size:14px;font-weight:400;color:var(--nylas-base-800)}.notif .content .message .title{font-size:16px;font-weight:600;color:var(--nylas-base-950);display:block}.notif .content .message .description{font-size:14px;font-weight:400;color:var(--nylas-base-800);display:block;word-break:break-word}.notif .content .icon.error{color:var(--nylas-error)}.notif.error{border-color:var(--nylas-error);background:rgb(255, 248, 248)}.notif.warning{border-color:var(--nylas-warning)}.notif.info{border-color:var(--nylas-info)}.notif.success{border-color:var(--nylas-success)}.notif .dismiss-btn{background:none;border:none;color:var(--nylas-base-950);cursor:pointer}";
 

package/dist/cjs/nylas-scheduler-editor.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var index$1 = require('./index-9TuL48qE.js');
-var abstractProvider = require('./abstract-provider-CH5yXWmY.js');
-var nylasApiRequest = require('./nylas-api-request-Cva9mkSo.js');
-var utils = require('./utils-DMqnHqF8.js');
-var version = require('./version-COw2dh2E.js');
+var abstractProvider = require('./abstract-provider-f3JKAnoC.js');
+var nylasApiRequest = require('./nylas-api-request-Cbo-19Nf.js');
+var utils = require('./utils-C5qGWVDr.js');
+var version = require('./version-CJ5046pS.js');
 var index = require('./index-CwlXqyvH.js');
 
 utils.dayjs.extend(utils.utc);

package/dist/cjs/nylas-scheduling.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var index$1 = require('./index-9TuL48qE.js');
-var abstractProvider = require('./abstract-provider-CH5yXWmY.js');
-var utils = require('./utils-DMqnHqF8.js');
-var version = require('./version-COw2dh2E.js');
+var abstractProvider = require('./abstract-provider-f3JKAnoC.js');
+var utils = require('./utils-C5qGWVDr.js');
+var version = require('./version-CJ5046pS.js');
 var index = require('./index-CwlXqyvH.js');
 var feedbackSync = require('./feedbackSync-Bcx7mZ9-.js');
 
@@ -223,8 +223,9 @@ class NylaSchedulerAPIConnector {
         this.schedulerStore.set('selectedTimezone', timezone);
     }
     selectLanguage(language) {
-        this.schedulerStore.set('selectedLanguage', language);
-        utils.instance.changeLanguage(language);
+        const selectedLanguage = utils.normalizeSupportedLanguageCode(language) || utils.LANGUAGE_CODE.en;
+        this.schedulerStore.set('selectedLanguage', selectedLanguage);
+        utils.instance.changeLanguage(selectedLanguage);
     }
     async toggleAdditionalData(value) {
         if (!value) {
@@ -798,7 +799,7 @@ class NylasSchedulerConnector {
 function CreateNylasSchedulerStore(defaultState = {}) {
     const defaultNylasStoreState = {
         selectedDate: null,
-        selectedLanguage: navigator.language,
+        selectedLanguage: utils.detectBrowserLanguageCode() || utils.LANGUAGE_CODE.en,
         selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
         selectedTimeslot: null,
         showBookingForm: false,
@@ -887,7 +888,7 @@ const NylasScheduling = class {
         this.showNotification = true;
         this.enableUserFeedback = true;
         this.automaticComponentRegistration = true;
-        this.selectedDateLabel = new Date().toLocaleDateString(navigator.language, { dateStyle: 'full' }) || `${utils.instance.t('noDateSelected')}`;
+        this.selectedDateLabel = `${utils.instance.t('noDateSelected')}`;
         this.language = navigator.language;
         this.showFeedbackModal = false;
         this.bookingInfoConfirmed = null;
@@ -899,7 +900,7 @@ const NylasScheduling = class {
     async componentWillLoad() {
         utils.debug(`[nylas-scheduler] Component will load`);
         this.version = version.version;
-        await Promise.resolve();
+        await new Promise(resolve => setTimeout(resolve, 0));
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
@@ -925,13 +926,16 @@ const NylasScheduling = class {
         const urlParams = new URLSearchParams(window.location.search);
         const langFromUrl = urlParams.get('lang');
         const validLanguageFromUrl = langFromUrl && Object.values(utils.LANGUAGE_CODE).includes(langFromUrl) ? langFromUrl : null;
+        const initialSelectedLanguage = validLanguageFromUrl || this.defaultLanguage || utils.normalizeSupportedLanguageCode(this.bookingInfo?.language) || utils.detectBrowserLanguageCode() || utils.LANGUAGE_CODE.en;
+        this.language = initialSelectedLanguage;
+        utils.instance.changeLanguage(initialSelectedLanguage);
         this.stores = {
             scheduler: CreateNylasSchedulerStore({
                 bookingInfo: this.bookingInfo,
                 nylasBranding: this.nylasBranding,
                 themeConfig: this.themeConfig,
                 hour12: this.hour12,
-                selectedLanguage: validLanguageFromUrl || this.defaultLanguage || this.bookingInfo?.language || utils.detectBrowserLanguageCode() || utils.LANGUAGE_CODE.en,
+                selectedLanguage: initialSelectedLanguage,
                 ...this.defaultSchedulerState,
             }),
         };
@@ -1186,7 +1190,7 @@ const NylasScheduling = class {
     bookingInfoChanged(newVal) {
         this.stores?.scheduler.set('bookingInfo', newVal);
         if (newVal?.language && !this.defaultLanguage) {
-            this.stores?.scheduler.set('selectedLanguage', newVal.language);
+            this.stores?.scheduler.set('selectedLanguage', utils.normalizeSupportedLanguageCode(newVal.language) || utils.LANGUAGE_CODE.en);
         }
     }
     rescheduleBookingRefChanged(newVal) {
@@ -1342,7 +1346,18 @@ const NylasScheduling = class {
     }
     dateSelectedHandler(event) {
         const date = utils.normalizeDateInput(event.detail);
-        this.selectedDateLabel = date ? date.toLocaleDateString(this.language, { dateStyle: 'full' }) : `${utils.instance.t('noDateSelected')}`;
+        this.selectedDateLabel = date ? this.formatSelectedDateLabel(date) : `${utils.instance.t('noDateSelected')}`;
+    }
+    getSelectedLanguage() {
+        const selectedLanguage = this.stores?.scheduler.get('selectedLanguage') || this.defaultLanguage || utils.detectBrowserLanguageCode() || utils.LANGUAGE_CODE.en;
+        return utils.normalizeSupportedLanguageCode(selectedLanguage) || utils.LANGUAGE_CODE.en;
+    }
+    getSelectedDateLocale() {
+        const selectedLanguage = this.getSelectedLanguage();
+        return utils.LANGUAGE_CODE_TO_LOCALE_MAP[selectedLanguage] || selectedLanguage || utils.LANGUAGE_CODE_TO_LOCALE_MAP[utils.LANGUAGE_CODE.en];
+    }
+    formatSelectedDateLabel(date) {
+        return utils.capitalizeFirstLetter(date.toLocaleDateString(this.getSelectedDateLocale(), { dateStyle: 'full' }));
     }
     cancelBookedEventErrorHandler(event) {
         this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(event.detail.error) }, host: this.host });
@@ -1517,13 +1532,12 @@ const NylasScheduling = class {
         const nylasBranding = nylasSchedulerStore?.get('nylasBranding') || this.nylasBranding;
         const selectedDate = utils.normalizeDateInput(nylasSchedulerStore?.get('selectedDate'));
         const redirectUrl = nylasSchedulerStore?.get('configSettings')?.scheduler?.confirmation_redirect_url;
-        this.selectedDateLabel =
-            selectedDate && this.language ? utils.capitalizeFirstLetter(selectedDate.toLocaleDateString(this.language, { dateStyle: 'full' })) : `${utils.instance.t('noDateSelected')}`;
         const languageOptions = Object.keys(utils.LANGUAGE_MAP).map(key => ({
             label: utils.LANGUAGE_MAP[key],
             value: key,
         }));
-        const selectedLanguage = nylasSchedulerStore?.get('selectedLanguage') || this.defaultLanguage || utils.detectBrowserLanguageCode() || utils.LANGUAGE_CODE.en;
+        const selectedLanguage = this.getSelectedLanguage();
+        const selectedDateLabel = selectedDate ? this.formatSelectedDateLabel(selectedDate) : `${utils.instance.t('noDateSelected')}`;
         if (showDefaultScheduler && (cancelBookingId || rejectBookingId) && !cancelledEventInfo) {
             return (index$1.h(index$1.Host, null, index$1.h(SchedulerView, { version: this.version, nylasBranding: nylasBranding, isLoading: this.isLoading, showNotification: this.showNotification }, index$1.h("div", { class: "cancel-flow-page", part: "cancel-flow-page" }, index$1.h("nylas-cancel-booking-form", { selectedTimeslot: selectedTimeslot, cancelBookingId: cancelBookingId, rejectBookingId: rejectBookingId, exportparts: "ncbf, ncbf__icon, ncbf__title, ncbf__description, ncbf__reason-textarea, ncbf__button-cta, ncbf__button-outline, ncbf__card" }))), index$1.h("div", { class: "language-feedback-container" }, this.enableUserFeedback && (index$1.h("button-component", { id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index$1.h("feedback-icon", null))), index$1.h("select-dropdown", { name: "language", searchPlaceholder: utils.instance.t('search'), options: languageOptions, withChevron: false, themeConfig: this.themeConfig, defaultSelectedOption: languageOptions.find(lang => lang.value == selectedLanguage), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, index$1.h("span", { slot: "select-icon" }, index$1.h("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && index$1.h("nylas-feedback-form", null)));
         }
@@ -1580,7 +1594,7 @@ const NylasScheduling = class {
         }
         if (showDefaultScheduler && (!eventInfo || !!rescheduleBookingId) && !showBookingForm) {
             const timeslotPickerCTALabel = this.host.querySelector('[slot="timeslot-picker-cta-label"]');
-            return (index$1.h(index$1.Host, null, index$1.h(SchedulerView, { version: this.version, nylasBranding: nylasBranding, isLoading: this.isLoading, showNotification: this.showNotification }, rescheduleBookingId && index$1.h(MessageBanner, null, `${utils.instance.t('rescheduleTitle')}`), index$1.h("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, index$1.h("div", { class: "left-panel", part: "ns_left-panel" }, index$1.h("nylas-date-picker", { exportparts: "ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), index$1.h("nylas-locale-switch", { exportparts: "nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label" })), index$1.h("div", { class: `right-panel ${rescheduleBookingId ? 'reschedule' : ''}`, part: `ns_right-panel ${rescheduleBookingId ? 'ns_reschedule' : ''}` }, index$1.h("h2", { part: "ns_right-panel__title" }, index$1.h("calendar-icon", { part: "ns_right-panel__calendar-icon" }), index$1.h("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, this.selectedDateLabel)), index$1.h("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, timeslotPickerCTALabel && (index$1.h("span", { slot: "timeslot-picker-cta-label" }, index$1.h("slot", { name: "timeslot-picker-cta-label" }))))))), this.enableUserFeedback && (index$1.h("button-component", { id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index$1.h("feedback-icon", null))), this.showFeedbackModal && index$1.h("nylas-feedback-form", null)));
+            return (index$1.h(index$1.Host, null, index$1.h(SchedulerView, { version: this.version, nylasBranding: nylasBranding, isLoading: this.isLoading, showNotification: this.showNotification }, rescheduleBookingId && index$1.h(MessageBanner, null, `${utils.instance.t('rescheduleTitle')}`), index$1.h("div", { class: "select-date-page", part: "select-date-page ns_select-date-page" }, index$1.h("div", { class: "left-panel", part: "ns_left-panel" }, index$1.h("nylas-date-picker", { exportparts: "ndp, ndp__title, ndp__month-header, ndp__month-button, ndp__day, ndp__date, ndp__date--disabled, ndp__date--selected, ndp__date--current-day, ndp__date--current-month" }), index$1.h("nylas-locale-switch", { exportparts: "nls, nls__timezone, nls__timezone-dropdown, nls__timezone-drop-button, nls__timezone-drop-button-selected-label, nls__timezone-drop-content, nls__timezone-drop-label, nls__language, nls__language-dropdown, nls__language-drop-button, nls__language-drop-content, nls__language-drop-label" })), index$1.h("div", { class: `right-panel ${rescheduleBookingId ? 'reschedule' : ''}`, part: `ns_right-panel ${rescheduleBookingId ? 'ns_reschedule' : ''}` }, index$1.h("h2", { part: "ns_right-panel__title" }, index$1.h("calendar-icon", { part: "ns_right-panel__calendar-icon" }), index$1.h("span", { id: "selectedDate", part: "ns_right-panel__selected-date" }, selectedDateLabel)), index$1.h("nylas-timeslot-picker", { exportparts: "ntp, ntp__time-picker-wrapper, ntp__timeslots, ntp__timeslot, ntp__timeslot--selected, ntp__button-primary" }, timeslotPickerCTALabel && (index$1.h("span", { slot: "timeslot-picker-cta-label" }, index$1.h("slot", { name: "timeslot-picker-cta-label" }))))))), this.enableUserFeedback && (index$1.h("button-component", { id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index$1.h("feedback-icon", null))), this.showFeedbackModal && index$1.h("nylas-feedback-form", null)));
         }
         if (showDefaultScheduler && !eventInfo && showBookingForm) {
             return (index$1.h(index$1.Host, null, index$1.h(SchedulerView, { version: this.version, nylasBranding: nylasBranding, isLoading: this.isLoading, showNotification: this.showNotification }, rescheduleBookingId && index$1.h(MessageBanner, null, `${utils.instance.t('rescheduleTitle')}`), index$1.h("div", { class: "additional-data-page", part: "additional-data-page ns_additional-data-page" }, index$1.h("div", { class: "left-panel ns_left-panel", part: "ns_left-panel" }, index$1.h("div", { class: "wrapper", part: "ns_left-panel__wrapper" }, index$1.h("nylas-selected-event-card", { exportparts: "nsec, nsec__card, nsec__icon, nsec__date, nsec__time, nsec__timezone" }))), index$1.h("div", { class: `right-panel ${rescheduleBookingId ? 'reschedule' : ''}`, part: `ns_right-panel ${rescheduleBookingId ? 'ns_reschedule' : ''}` }, index$1.h("nylas-booking-form", { exportparts: "nbf, nbf__input-textfield, nbf__button-ghost, nbf__button-outline, nbf__button-primary, nbf__input-wrapper, nbf__checkbox-component, nbf__radio-button-group, nbf__textarea-component, nbf__dropdown, nbf__dropdown-button, nbf__dropdown-content" })))), index$1.h("div", { class: "language-feedback-container" }, this.enableUserFeedback && (index$1.h("button-component", { id: "report-issue", variant: 'basic', onClick: e => this.onFeedbackClick(e) }, index$1.h("feedback-icon", null))), index$1.h("select-dropdown", { name: "language", searchPlaceholder: utils.instance.t('search'), options: languageOptions, withChevron: false, themeConfig: this.themeConfig, defaultSelectedOption: languageOptions.find(lang => lang.value == selectedLanguage), exportparts: "sd_dropdown: nse__language-dropdown, sd_dropdown-button: nse__language-drop-button, sd_dropdown-content: nse__language-drop-content, sd_dropdown_label: nse__language-drop-label" }, index$1.h("span", { slot: "select-icon" }, index$1.h("translate-icon", { width: "20", height: "20" })))), this.showFeedbackModal && index$1.h("nylas-feedback-form", null)));