@nylas/web-elements 2.0.1 → 2.0.3

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e07e3a7e.js');
-const registerComponent = require('./register-component-70744713.js');
-const utils = require('./utils-dd3b6f4c.js');
+const registerComponent = require('./register-component-f4ad9751.js');
+const utils = require('./utils-03b13826.js');
 
 const nylasFormCardCss = ":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-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}.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)}";
 const NylasFormCardStyle0 = nylasFormCardCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e07e3a7e.js');
-const utils = require('./utils-dd3b6f4c.js');
+const utils = require('./utils-03b13826.js');
 
 const nylasNotificationCss = ":host{display:block;margin-bottom:-12px;width:100%;z-index:1;--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-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}";
 const NylasNotificationStyle0 = nylasNotificationCss;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e07e3a7e.js');
-const abstractProvider = require('./abstract-provider-ca4f7e4f.js');
-const nylasApiRequest = require('./nylas-api-request-4d148ff1.js');
-const utils = require('./utils-dd3b6f4c.js');
-const index_es = require('./index.es-c563f3ba.js');
+const abstractProvider = require('./abstract-provider-f84a6735.js');
+const nylasApiRequest = require('./nylas-api-request-03d7f604.js');
+const utils = require('./utils-03b13826.js');
+const index_es = require('./index.es-62161daa.js');
 const index = require('./index-1efd27c0.js');
 const constants = require('./constants-27331d2d.js');
 
@@ -2571,7 +2571,7 @@ const NylasSchedulerEditor = class {
         this.automaticComponentRegistration = true;
         this.selectedLanguage = this.defaultLanguage || constants.LANGUAGE_CODE.en;
         this.langVersion = 0;
-        this.version = "2.0.1" ;
+        this.version = "2.0.2" ;
     }
     connectedCallback() {
         utils.debug(`[nylas-scheduler-editor] connectedCallback`);
@@ -2673,7 +2673,7 @@ const NylasSchedulerEditor = class {
         utils.debug(`[nylas-scheduler-editor] componentDidLoad`);
         await this.baseProvider?.componentDidLoad();
         this.updateLocalization(this.localization);
-        this.version = "2.0.1" ;
+        this.version = "2.0.2" ;
     }
     async componentDisconnected() {
         await this.baseProvider?.componentDisconnected();

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e07e3a7e.js');
-const abstractProvider = require('./abstract-provider-ca4f7e4f.js');
-const utils = require('./utils-dd3b6f4c.js');
-const feedbackSync = require('./feedbackSync-1c5ec9aa.js');
+const abstractProvider = require('./abstract-provider-f84a6735.js');
+const utils = require('./utils-03b13826.js');
+const feedbackSync = require('./feedbackSync-4ed99749.js');
 const index = require('./index-1efd27c0.js');
-const index_es = require('./index.es-c563f3ba.js');
+const index_es = require('./index.es-62161daa.js');
 const constants = require('./constants-27331d2d.js');
 
 class Errors {
@@ -166,7 +166,7 @@ class NylaSchedulerAPIConnector {
     async makeAPIRequest(path, method, body, headers = {}) {
         try {
             const schedulerURL = new URL(this.schedulerAPIURL);
-            const version = "2.0.1" ;
+            const version = "2.0.2" ;
             schedulerURL.pathname = path;
             const response = await fetch(decodeURIComponent(schedulerURL.toString()), {
                 method,
@@ -828,7 +828,7 @@ const SchedulerView = (props, children) => {
 
 const MessageBanner = (_props, children) => index$1.h("div", { class: "message-banner" }, children);
 
-const nylasSchedulingCss = ":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px rgba(0, 0, 0, 0.1);--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-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;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:\"slnt\" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto;border-left:none}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer .powered-by-nylas{display:flex;align-items:center;text-decoration:none;color:var(--nylas-base-500)}.footer .powered-by-nylas:hover{color:var(--nylas-base-800)}.footer svg{fill:var(--nylas-base-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}nylas-feedback-form{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}";
+const nylasSchedulingCss = ":host{display:flex;flex-direction:column;overflow:visible;border-radius:var(--nylas-border-radius-2x);width:fit-content;background:var(--nylas-base-0);position:relative;box-shadow:0px 4px 8px 2px rgba(0, 0, 0, 0.05), 0px 8px 16px -2px rgba(0, 0, 0, 0.1);--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-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;font-family:var(--nylas-font-family);font-optical-sizing:auto;font-style:normal;font-variation-settings:\"slnt\" 0}@media screen and (max-width: 768px){:host{width:auto;min-width:325px}}:root{font-family:inherit}.error{padding:8rem 12rem;color:var(--nylas-base-0);background-color:var(--nylas-error);margin:1.5rem;border-radius:var(--nylas-border-radius-2x)}.message-banner{text-align:right;color:var(--nylas-base-800);padding:1rem;border-bottom:1px solid var(--nylas-color-primary-200);margin:0}.loading{margin:1.5rem;display:flex;gap:1rem}.loading .skeleton{border-radius:var(--nylas-border-radius-2x);animation:pulsate 1.5s infinite}.loading .skeleton:nth-child(2){animation-delay:-100ms}.loading .skeleton:nth-child(3){animation-delay:-200ms}.loading .skeleton:nth-child(4){animation-delay:-300ms}.loading .skeleton:nth-child(5){animation-delay:-400ms}.loading .left .skeleton{height:100%;width:400px}.loading .right .skeleton{height:5rem;width:300px;margin-bottom:1rem}.loading .right .skeleton:last-child{margin-bottom:0}@keyframes pulsate{0%{background-color:var(--nylas-base-50)}50%{background-color:var(--nylas-base-100)}100%{background-color:var(--nylas-base-50)}}.select-date-page,.additional-data-page,.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{border-top-left-radius:var(--nylas-border-radius-2x);border-top-right-radius:var(--nylas-border-radius-2x)}.select-date-page,.additional-data-page{display:flex}@media screen and (max-width: 768px){.select-date-page,.additional-data-page{flex-direction:column}}.booked-event-page,.manual-confirmation-page{background-color:var(--nylas-base-50)}.cancelled-event-page,.manual-confirmation-page,.cancel-flow-page{padding:1rem;height:496px;display:flex;justify-content:center;align-items:center}.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:784px;background:var(--nylas-base-50)}@media screen and (max-width: 768px){.booked-event-page,.manual-confirmation-page,.cancelled-event-page,.cancel-flow-page{min-width:90%}}.left-panel{display:flex;flex-direction:column;min-width:424px;border-top-left-radius:inherit;background:var(--nylas-base-0);position:relative;padding:1rem 0 0 0;height:624px}@media screen and (max-width: 768px){.left-panel{border-top-right-radius:inherit;min-width:unset;height:auto}}@media screen and (max-width: 768px){.select-date-page .left-panel{height:624px}}.border{margin-left:-20px;margin-right:-20px;border-top-width:1px;height:0.5px;background-color:var(--nylas-base-200)}@media screen and (max-width: 768px){.border{display:none}}.right-panel{min-width:360px;width:360px;background-color:var(--nylas-base-50);height:624px;padding-top:16px;border-left:1px solid var(--nylas-base-200);border-top-right-radius:inherit}.right-panel.reschedule{border-top-right-radius:0px}@media screen and (max-width: 768px){.right-panel{border-top-right-radius:0px;width:inherit;min-width:unset;height:auto;border-left:none}}.right-panel h2{display:flex;margin:0;height:48px;gap:0.5rem;justify-content:center;align-items:center;width:auto;font-size:1.125rem;line-height:1.5rem;font-weight:500;text-align:center;color:var(--nylas-base-800)}.additional-data-page .left-panel{background-color:var(--nylas-base-50)}.additional-data-page .right-panel{background-color:var(--nylas-base-0)}nylas-selected-event-card{height:604px;padding:0 1rem}@media screen and (max-width: 768px){nylas-selected-event-card{height:250px}}.footer{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:300;color:var(--nylas-base-500);border-top:1px solid var(--nylas-base-200);min-height:24px}.footer .powered-by-nylas{display:flex;align-items:center;text-decoration:none;color:var(--nylas-base-500)}.footer .powered-by-nylas:hover{color:var(--nylas-base-800)}.footer svg{fill:var(--nylas-base-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.footer svg{margin-top:1px}nylas-selected-event-card::part(nsec__timezone){position:absolute;bottom:0}nylas-notification{margin:1.5rem;width:-webkit-fill-available;width:-moz-available;position:absolute}nylas-locale-switch{position:absolute;padding:18px 20px;bottom:0;width:-webkit-fill-available;width:-moz-available;border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){nylas-locale-switch{height:auto}}nylas-date-picker{padding:0 20px}button-component#report-issue{width:auto;position:absolute;bottom:4px;left:16px}.language-feedback-container{width:auto;position:absolute;bottom:4px;left:16px;display:flex;gap:8px;align-items:center}.language-feedback-container button-component#report-issue{position:initial}nylas-feedback-form{position:absolute;top:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0, 0, 0, 0.6);z-index:2;border-radius:inherit}";
 const NylasSchedulingStyle0 = nylasSchedulingCss;
 
 const genericError = { title: utils.instance.t('genericErrorTitle'), type: index_es.nr.Error, category: feedbackSync.ErrorCategory.Component };
@@ -859,6 +859,7 @@ const NylasScheduling = class {
         this.isLoading = undefined;
         this.themeConfig = undefined;
         this.localization = undefined;
+        this.defaultLanguage = undefined;
         this.showNotification = true;
         this.enableUserFeedback = true;
         this.hour12 = undefined;
@@ -868,14 +869,14 @@ const NylasScheduling = class {
         this.language = navigator.language;
         this.showFeedbackModal = false;
         this.bookingInfoConfirmed = null;
-        this.version = "2.0.1" ;
+        this.version = "2.0.2" ;
     }
     connectedCallback() {
         utils.debug(`[nylas-scheduler] connectedCallback`);
     }
     async componentWillLoad() {
         utils.debug(`[nylas-scheduler] Component will load`);
-        this.version = "2.0.1" ;
+        this.version = "2.0.2" ;
         if (this.enableUserFeedback && !feedbackSync.isInitialized()) {
             feedbackSync.init({
                 dsn: 'https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816',
@@ -898,12 +899,16 @@ const NylasScheduling = class {
                 return;
             }
         }
+        const urlParams = new URLSearchParams(window.location.search);
+        const langFromUrl = urlParams.get('lang');
+        const validLanguageFromUrl = langFromUrl && Object.values(constants.LANGUAGE_CODE).includes(langFromUrl) ? langFromUrl : null;
         this.stores = {
             scheduler: CreateNylasSchedulerStore({
                 bookingInfo: this.bookingInfo,
                 nylasBranding: this.nylasBranding,
                 themeConfig: this.themeConfig,
                 hour12: this.hour12,
+                selectedLanguage: validLanguageFromUrl || this.defaultLanguage || this.bookingInfo?.language || constants.LANGUAGE_CODE.en,
                 ...this.defaultSchedulerState,
             }),
         };
@@ -1035,6 +1040,9 @@ const NylasScheduling = class {
     }
     bookingInfoChanged(newVal) {
         this.stores?.scheduler.set('bookingInfo', newVal);
+        if (newVal?.language && !this.defaultLanguage) {
+            this.stores?.scheduler.set('selectedLanguage', newVal.language);
+        }
     }
     rescheduleBookingRefChanged(newVal) {
         if (newVal) {
@@ -1071,6 +1079,12 @@ const NylasScheduling = class {
             utils.instance.addResourceBundle(lang, 'translation', newVal[lang], false, true);
         });
     }
+    defaultLanguageChanged(newVal) {
+        if (newVal) {
+            this.stores?.scheduler.set('selectedLanguage', newVal);
+            utils.instance.changeLanguage(newVal);
+        }
+    }
     themeConfigChanged(newVal) {
         this.baseProvider?.getStore('scheduler')?.set('themeConfig', newVal);
         this.applyThemeConfig(newVal);
@@ -1306,6 +1320,14 @@ const NylasScheduling = class {
     redirectToCustomUrl(url) {
         window.location.assign(url);
     }
+    nylasFormDropdownChangedHandler(event) {
+        const { name, value } = event.detail;
+        if (name === 'language') {
+            const selectedLanguage = constants.LANGUAGE_CODE[value];
+            utils.instance.changeLanguage(selectedLanguage);
+            this.stores?.scheduler?.set('selectedLanguage', selectedLanguage);
+        }
+    }
     render() {
         const showDefaultScheduler = this.mode === 'app';
         const nylasSchedulerStore = this.baseProvider?.getStore('scheduler');
@@ -1323,17 +1345,22 @@ const NylasScheduling = class {
         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(constants.LANGUAGE_MAP).map(key => ({
+            label: constants.LANGUAGE_MAP[key],
+            value: key,
+        }));
+        const selectedLanguage = nylasSchedulerStore?.get('selectedLanguage') || this.defaultLanguage || navigator.language || constants.LANGUAGE_CODE.en;
         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" }))), 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 }, 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, 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)));
         }
         if (showDefaultScheduler && organizerConfirmationBookingId) {
-            return (index$1.h(index$1.Host, null, index$1.h(SchedulerView, null, index$1.h("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, index$1.h("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: organizerConfirmationBookingId, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), 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, null, index$1.h("div", { class: "manual-confirmation-page", part: "manual-confirmation-page" }, index$1.h("nylas-organizer-confirmation-card", { organizerConfirmationBookingId: organizerConfirmationBookingId, exportparts: "nmcc, nmcc__title, nmcc__description, nmcc__button-cta, nmcc__button-outline" }))), 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, 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)));
         }
         if (showDefaultScheduler && 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: "cancelled-event-page", part: "cancelled-event-page" }, index$1.h("nylas-cancelled-event-card", { cancelledEventInfo: cancelledEventInfo, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), 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 }, index$1.h("div", { class: "cancelled-event-page", part: "cancelled-event-page" }, index$1.h("nylas-cancelled-event-card", { cancelledEventInfo: cancelledEventInfo, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__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, 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)));
         }
         if (showDefaultScheduler && confirmedEventInfo) {
-            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: "cancelled-event-page", part: "confirmed-event-page" }, index$1.h("nylas-confirmed-event-card", { confirmedEventInfo: confirmedEventInfo, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__card" }))), 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 }, index$1.h("div", { class: "cancelled-event-page", part: "confirmed-event-page" }, index$1.h("nylas-confirmed-event-card", { confirmedEventInfo: confirmedEventInfo, exportparts: "ncec, ncec__icon, ncec__title, ncec__description, ncec__button-outline, ncec__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, 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)));
         }
         if (showDefaultScheduler && eventInfo && redirectUrl) {
             const recipient = this.bookingInfoConfirmed?.primaryParticipant;
@@ -1371,14 +1398,14 @@ const NylasScheduling = class {
             return;
         }
         if (showDefaultScheduler && eventInfo) {
-            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: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, index$1.h("nylas-booked-event-card", { selectedTimeslot: selectedTimeslot, eventInfo: eventInfo, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), 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 }, index$1.h("div", { class: "booked-event-page", part: "booked-event-page ns_booked-event-page" }, index$1.h("nylas-booked-event-card", { selectedTimeslot: selectedTimeslot, eventInfo: eventInfo, exportparts: "nbec, nbec__title, nbec__card, nbec__description, nbec__button-outline, nbec__cancel-cta, nbec__reschedule-cta" }))), 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, 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)));
         }
         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)));
         }
         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" })))), 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: "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, 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)));
         }
         return (index$1.h(index$1.Host, null, index$1.h("slot", null)));
     }
@@ -1389,6 +1416,7 @@ const NylasScheduling = class {
         "cancelBookingRef": ["cancelBookingRefChanged"],
         "organizerConfirmationBookingRef": ["organizerConfirmationBookingRefChanged"],
         "localization": ["localizationChanged"],
+        "defaultLanguage": ["defaultLanguageChanged"],
         "themeConfig": ["themeConfigChanged"]
     }; }
 };