@nylas/web-elements 0.0.0-canary-20241008193213 → 0.0.0-canary-20241017103834

package/dist/cjs/{calendar-agenda-fill-icon_51.cjs.entry.js → calendar-agenda-fill-icon_54.cjs.entry.js}

@@ -7,8 +7,8 @@ const registerComponent = require('./register-component-36aab1cf.js');
 const utils = require('./utils-5ebd7cf8.js');
 const constants = require('./constants-b28483d0.js');
 
-const iconCss$i = ".sc-calendar-agenda-fill-icon-h{display:flex}";
-const CalendarAgendaFillIconStyle0 = iconCss$i;
+const iconCss$j = ".sc-calendar-agenda-fill-icon-h{display:flex}";
+const CalendarAgendaFillIconStyle0 = iconCss$j;
 
 const CalendarAgendaFillIcon = class {
     constructor(hostRef) {
@@ -17,13 +17,13 @@ const CalendarAgendaFillIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: '7d200427050b7ad7c7485f868e327315c2a6212d', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '552055f0cf8fee07a810b2ecb31b34d6c41bc468', d: "M14 11.5C14 12.8807 12.8807 14 11.5 14H2.5C1.11929 14 0 12.8807 0 11.5V2.5C0 1.11929 1.11929 0 2.5 0H11.5C12.8807 0 14 1.11929 14 2.5V11.5ZM11 3.5C11 3.25454 10.8231 3.05039 10.5899 3.00806L10.5 3H3.5L3.41012 3.00806C3.17688 3.05039 3 3.25454 3 3.5C3 3.74546 3.17688 3.94961 3.41012 3.99194L3.5 4H10.5L10.5899 3.99194C10.8231 3.94961 11 3.74546 11 3.5ZM11 7C11 6.75454 10.8231 6.55039 10.5899 6.50806L10.5 6.5H3.5L3.41012 6.50806C3.17688 6.55039 3 6.75454 3 7C3 7.24546 3.17688 7.44961 3.41012 7.49194L3.5 7.5H10.5L10.5899 7.49194C10.8231 7.44961 11 7.24546 11 7ZM11 10.5C11 10.2545 10.8231 10.0504 10.5899 10.0081L10.5 10H3.5L3.41012 10.0081C3.17688 10.0504 3 10.2545 3 10.5C3 10.7455 3.17688 10.9496 3.41012 10.9919L3.5 11H10.5L10.5899 10.9919C10.8231 10.9496 11 10.7455 11 10.5Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: 'a275ba280fae8412c15b1fd1034e488be4cb2d27', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'a3092e55e03efede059223a3a7278761a00c07a5', d: "M14 11.5C14 12.8807 12.8807 14 11.5 14H2.5C1.11929 14 0 12.8807 0 11.5V2.5C0 1.11929 1.11929 0 2.5 0H11.5C12.8807 0 14 1.11929 14 2.5V11.5ZM11 3.5C11 3.25454 10.8231 3.05039 10.5899 3.00806L10.5 3H3.5L3.41012 3.00806C3.17688 3.05039 3 3.25454 3 3.5C3 3.74546 3.17688 3.94961 3.41012 3.99194L3.5 4H10.5L10.5899 3.99194C10.8231 3.94961 11 3.74546 11 3.5ZM11 7C11 6.75454 10.8231 6.55039 10.5899 6.50806L10.5 6.5H3.5L3.41012 6.50806C3.17688 6.55039 3 6.75454 3 7C3 7.24546 3.17688 7.44961 3.41012 7.49194L3.5 7.5H10.5L10.5899 7.49194C10.8231 7.44961 11 7.24546 11 7ZM11 10.5C11 10.2545 10.8231 10.0504 10.5899 10.0081L10.5 10H3.5L3.41012 10.0081C3.17688 10.0504 3 10.2545 3 10.5C3 10.7455 3.17688 10.9496 3.41012 10.9919L3.5 11H10.5L10.5899 10.9919C10.8231 10.9496 11 10.7455 11 10.5Z", fill: "currentColor" })));
     }
 };
 CalendarAgendaFillIcon.style = CalendarAgendaFillIconStyle0;
 
-const iconCss$h = ".sc-calendar-agenda-icon-h{display:flex}";
-const CalendarAgendaIconStyle0 = iconCss$h;
+const iconCss$i = ".sc-calendar-agenda-icon-h{display:flex}";
+const CalendarAgendaIconStyle0 = iconCss$i;
 
 const CalendarAgendaIcon = class {
     constructor(hostRef) {
@@ -32,13 +32,13 @@ const CalendarAgendaIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: '864dcf1da0d6e0f9f42a0c8f9d70efdd6bfeb391', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '66030f9dca59f70205aa86bfbaef4b500f868f38', d: "M14 11.5C14 12.8807 12.8807 14 11.5 14H2.5C1.11929 14 0 12.8807 0 11.5V2.5C0 1.11929 1.11929 0 2.5 0H11.5C12.8807 0 14 1.11929 14 2.5V11.5ZM13 11.5V2.5C13 1.67157 12.3284 1 11.5 1H2.5C1.67157 1 1 1.67157 1 2.5V11.5C1 12.3284 1.67157 13 2.5 13H11.5C12.3284 13 13 12.3284 13 11.5ZM11 3.5C11 3.74546 10.8231 3.94961 10.5899 3.99194L10.5 4H3.5C3.22386 4 3 3.77614 3 3.5C3 3.25454 3.17688 3.05039 3.41012 3.00806L3.5 3H10.5C10.7761 3 11 3.22386 11 3.5ZM11 7C11 7.24546 10.8231 7.44961 10.5899 7.49194L10.5 7.5H3.5C3.22386 7.5 3 7.27614 3 7C3 6.75454 3.17688 6.55039 3.41012 6.50806L3.5 6.5H10.5C10.7761 6.5 11 6.72386 11 7ZM11 10.5C11 10.7455 10.8231 10.9496 10.5899 10.9919L10.5 11H3.5C3.22386 11 3 10.7761 3 10.5C3 10.2545 3.17688 10.0504 3.41012 10.0081L3.5 10H10.5C10.7761 10 11 10.2239 11 10.5Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: '9e7bcafa585dc17975a1793711df835ca7d8d9c1', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '184e8215d1dc6a66b9041cacd4687a446b72a6ec', d: "M14 11.5C14 12.8807 12.8807 14 11.5 14H2.5C1.11929 14 0 12.8807 0 11.5V2.5C0 1.11929 1.11929 0 2.5 0H11.5C12.8807 0 14 1.11929 14 2.5V11.5ZM13 11.5V2.5C13 1.67157 12.3284 1 11.5 1H2.5C1.67157 1 1 1.67157 1 2.5V11.5C1 12.3284 1.67157 13 2.5 13H11.5C12.3284 13 13 12.3284 13 11.5ZM11 3.5C11 3.74546 10.8231 3.94961 10.5899 3.99194L10.5 4H3.5C3.22386 4 3 3.77614 3 3.5C3 3.25454 3.17688 3.05039 3.41012 3.00806L3.5 3H10.5C10.7761 3 11 3.22386 11 3.5ZM11 7C11 7.24546 10.8231 7.44961 10.5899 7.49194L10.5 7.5H3.5C3.22386 7.5 3 7.27614 3 7C3 6.75454 3.17688 6.55039 3.41012 6.50806L3.5 6.5H10.5C10.7761 6.5 11 6.72386 11 7ZM11 10.5C11 10.7455 10.8231 10.9496 10.5899 10.9919L10.5 11H3.5C3.22386 11 3 10.7761 3 10.5C3 10.2545 3.17688 10.0504 3.41012 10.0081L3.5 10H10.5C10.7761 10 11 10.2239 11 10.5Z", fill: "currentColor" })));
     }
 };
 CalendarAgendaIcon.style = CalendarAgendaIconStyle0;
 
-const iconCss$g = ".sc-calendar-info-icon-h{display:flex}";
-const CalendarInfoIconStyle0 = iconCss$g;
+const iconCss$h = ".sc-calendar-info-icon-h{display:flex}";
+const CalendarInfoIconStyle0 = iconCss$h;
 
 const CalendarInfoIcon = class {
     constructor(hostRef) {
@@ -47,13 +47,13 @@ const CalendarInfoIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: '05d9ffc07639a8654fa7027460ca0354f6e018d8', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'af96c66b8cd1a0c95ddf9e2ca026d6d8698cf2d4', d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: '7ff2928e9a5dd1d9f96b869c4f8f45810117d55f', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '2c83ca56082a787a853d65c02ed6adf6c6d7a44c', d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" })));
     }
 };
 CalendarInfoIcon.style = CalendarInfoIconStyle0;
 
-const iconCss$f = ".sc-calendar-patterns-icon-h{display:flex}";
-const CalendarPatternsIconStyle0 = iconCss$f;
+const iconCss$g = ".sc-calendar-patterns-icon-h{display:flex}";
+const CalendarPatternsIconStyle0 = iconCss$g;
 
 const CalendarPatternsIcon = class {
     constructor(hostRef) {
@@ -62,13 +62,13 @@ const CalendarPatternsIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: 'e34dfe041281187baf2a5454b47fa8b9a0620cc6', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'ccf246abcb87e4c151248171da54ffe499380a9c', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: '8d830ffc53fbe073dddec56cf7819f1738539f22', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '3752fd1b7b498f1e2aee01aa5b3621a577f7a3b8', d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" })));
     }
 };
 CalendarPatternsIcon.style = CalendarPatternsIconStyle0;
 
-const iconCss$e = ".sc-checkmark-icon-h{display:flex}";
-const CheckmarkIconStyle0 = iconCss$e;
+const iconCss$f = ".sc-checkmark-icon-h{display:flex}";
+const CheckmarkIconStyle0 = iconCss$f;
 
 const CheckmarkIcon = class {
     constructor(hostRef) {
@@ -77,13 +77,13 @@ const CheckmarkIcon = class {
         this.height = '14';
     }
     render() {
-        return (index$1.h("svg", { key: 'd491950a026b51c7078c7d3ea001ac973cae08d5', width: this.width, height: this.height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '56d2ac5e494e09201bf74774d9d7fc50fe880189', d: "M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z", fill: "#293056" })));
+        return (index$1.h("svg", { key: '49ad9466fa210919af89c80d546cf2a846b84d49', width: this.width, height: this.height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '08d62d352782e9847494ebc8daad7e1300ebaad9', d: "M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z", fill: "#293056" })));
     }
 };
 CheckmarkIcon.style = CheckmarkIconStyle0;
 
-const iconCss$d = ".sc-dragable-icon-h{display:flex}";
-const DragableIconStyle0 = iconCss$d;
+const iconCss$e = ".sc-dragable-icon-h{display:flex}";
+const DragableIconStyle0 = iconCss$e;
 
 const DragableIcon = class {
     constructor(hostRef) {
@@ -92,13 +92,13 @@ const DragableIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: '639ee68f8315f1cda8c37c01ae8d74a3878e2bcf', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'ccf04250278dcf8bdbe08a52eeb02636b2463fb0', d: "M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: 'eafe936e1e9cc4c5b877fdf8329f0092055d3b12', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '23d5d793affa4fe72001dcbacf9adb624c8ebe87', d: "M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z", fill: "currentColor" })));
     }
 };
 DragableIcon.style = DragableIconStyle0;
 
-const iconCss$c = ".sc-envelope-fill-icon-h{display:flex}";
-const EnvelopeFillIconStyle0 = iconCss$c;
+const iconCss$d = ".sc-envelope-fill-icon-h{display:flex}";
+const EnvelopeFillIconStyle0 = iconCss$d;
 
 const EnvelopeFillIcon = class {
     constructor(hostRef) {
@@ -107,13 +107,13 @@ const EnvelopeFillIcon = class {
         this.height = '13';
     }
     render() {
-        return (index$1.h("svg", { key: 'b28446ee552788f6d9179cad04b1274d24cee843', width: "16", height: "13", viewBox: "0 0 16 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '5510d013b6ceed4f509ac2f8d02f79b73aaa6aee', d: "M16.0001 3.373V10.5C16.0001 11.8807 14.8808 13 13.5001 13H2.50008C1.11937 13 0 11.8807 0 10.5V3.373L7.74657 7.93097C7.90304 8.02301 8.09711 8.02301 8.25359 7.93097L16.0001 3.373ZM13.5001 0C14.7871 0 15.847 0.972604 15.9849 2.22293L8.00008 6.91991L0.0152595 2.22293C0.153116 0.972604 1.21302 0 2.50008 0H13.5001Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: 'deb9b906ee52d7698b1b2acd3edec06c8cb4a2e1', width: "16", height: "13", viewBox: "0 0 16 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '3bd3caa47b4ecb0c5347dc8c71ee33ff57653913', d: "M16.0001 3.373V10.5C16.0001 11.8807 14.8808 13 13.5001 13H2.50008C1.11937 13 0 11.8807 0 10.5V3.373L7.74657 7.93097C7.90304 8.02301 8.09711 8.02301 8.25359 7.93097L16.0001 3.373ZM13.5001 0C14.7871 0 15.847 0.972604 15.9849 2.22293L8.00008 6.91991L0.0152595 2.22293C0.153116 0.972604 1.21302 0 2.50008 0H13.5001Z", fill: "currentColor" })));
     }
 };
 EnvelopeFillIcon.style = EnvelopeFillIconStyle0;
 
-const iconCss$b = ".sc-envelope-icon-h{display:flex}";
-const EnvelopeIconStyle0 = iconCss$b;
+const iconCss$c = ".sc-envelope-icon-h{display:flex}";
+const EnvelopeIconStyle0 = iconCss$c;
 
 const EnvelopeIcon = class {
     constructor(hostRef) {
@@ -122,13 +122,13 @@ const EnvelopeIcon = class {
         this.height = '13';
     }
     render() {
-        return (index$1.h("svg", { key: '2830f9305eeebbfa4c012f2523b58df140681297', width: "16", height: "13", viewBox: "0 0 16 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'beed13199a7845725152b5bb1c7d19a2b290ac5d', d: "M13.5 0C14.8807 0 16 1.11929 16 2.5V10.5C16 11.8807 14.8807 13 13.5 13H2.5C1.11929 13 0 11.8807 0 10.5V2.5C0 1.11929 1.11929 0 2.5 0H13.5ZM15 3.961L8.25351 7.93097C8.12311 8.00767 7.96661 8.02045 7.82751 7.96932L7.74649 7.93097L1 3.963V10.5C1 11.3284 1.67157 12 2.5 12H13.5C14.3284 12 15 11.3284 15 10.5V3.961ZM13.5 1H2.5C1.67157 1 1 1.67157 1 2.5V2.802L8 6.91991L15 2.801V2.5C15 1.67157 14.3284 1 13.5 1Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: '73122f7a719952a557845096eaf5d47960f1f684', width: "16", height: "13", viewBox: "0 0 16 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '02a7f44ed198e422ccf2aff73400f8b6327f5cf7', d: "M13.5 0C14.8807 0 16 1.11929 16 2.5V10.5C16 11.8807 14.8807 13 13.5 13H2.5C1.11929 13 0 11.8807 0 10.5V2.5C0 1.11929 1.11929 0 2.5 0H13.5ZM15 3.961L8.25351 7.93097C8.12311 8.00767 7.96661 8.02045 7.82751 7.96932L7.74649 7.93097L1 3.963V10.5C1 11.3284 1.67157 12 2.5 12H13.5C14.3284 12 15 11.3284 15 10.5V3.961ZM13.5 1H2.5C1.67157 1 1 1.67157 1 2.5V2.802L8 6.91991L15 2.801V2.5C15 1.67157 14.3284 1 13.5 1Z", fill: "currentColor" })));
     }
 };
 EnvelopeIcon.style = EnvelopeIconStyle0;
 
-const iconCss$a = ".sc-eye-icon-h{display:flex}";
-const EyeIconStyle0 = iconCss$a;
+const iconCss$b = ".sc-eye-icon-h{display:flex}";
+const EyeIconStyle0 = iconCss$b;
 
 const EyeIcon = class {
     constructor(hostRef) {
@@ -137,13 +137,13 @@ const EyeIcon = class {
         this.height = '10';
     }
     render() {
-        return (index$1.h("svg", { key: '979fdba9c3fd849839105e640a2531831b136a73', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '0acdcf25887e221ed012d425fba20c6ed7b018e1', d: "M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: 'b6e4ef2a9e507d094def976df8d6f61e419881d8', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '2c0fd33d221150b5da2405e40574abb4208999d1', d: "M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z", fill: "currentColor" })));
     }
 };
 EyeIcon.style = EyeIconStyle0;
 
-const iconCss$9 = ".sc-feedback-icon-h{display:flex}";
-const FeedbackIconStyle0 = iconCss$9;
+const iconCss$a = ".sc-feedback-icon-h{display:flex}";
+const FeedbackIconStyle0 = iconCss$a;
 
 const FeedbackIcon = class {
     constructor(hostRef) {
@@ -152,13 +152,13 @@ const FeedbackIcon = class {
         this.height = '14';
     }
     render() {
-        return (index$1.h("svg", { key: '1e7e1826be1f86b435464168fa36ac8d828b4a23', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '1ee9e1f6fd7faaddf27b621c1ca5e20cdde34f44', d: "M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+        return (index$1.h("svg", { key: 'fc5d4aa6d299768c11f13c54218eaf28a45c97df', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '457d0f4155d6da655950e8fb1d3c74374b053782', d: "M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })));
     }
 };
 FeedbackIcon.style = FeedbackIconStyle0;
 
-const iconCss$8 = ".sc-flow-icon-h{display:flex}";
-const FlowIconStyle0 = iconCss$8;
+const iconCss$9 = ".sc-flow-icon-h{display:flex}";
+const FlowIconStyle0 = iconCss$9;
 
 const FlowIcon = class {
     constructor(hostRef) {
@@ -167,13 +167,13 @@ const FlowIcon = class {
         this.height = '12';
     }
     render() {
-        return (index$1.h("svg", { key: '8f43e5fa577a0e3d6e98b077bc849773a2f19b2d', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'f66f063e03068c09cbc27320578b3c864788e236', d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: 'c6782480f25c3598e585303021c510ec90f8de26', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '76a3d0ff8fccddb49969623ab60b1ae2c9d2d0e2', d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" })));
     }
 };
 FlowIcon.style = FlowIconStyle0;
 
-const iconCss$7 = ".sc-google-meet-icon-h{display:flex}";
-const GoogleMeetIconStyle0 = iconCss$7;
+const iconCss$8 = ".sc-google-meet-icon-h{display:flex}";
+const GoogleMeetIconStyle0 = iconCss$8;
 
 const GoogleMeetIcon$1 = class {
     constructor(hostRef) {
@@ -182,7 +182,7 @@ const GoogleMeetIcon$1 = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: 'a86770376227be82d2c2d648e344b3bf08bdcc9b', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("g", { key: 'be3b1a854b6e376ef4f0e470ec776142c278d7ca', "clip-path": "url(#clip0_22_6251)" }, index$1.h("path", { key: '7deff0051258344e6b1d58aaf3b0de4fb480957c', d: "M11.3145 10.1036L13.2642 12.3321L15.8859 14.0076L16.343 10.1173L15.8859 6.31384L13.2139 7.78584L11.3145 10.1036Z", fill: "#00832D" }), index$1.h("path", { key: '6662ff1e04292ff5daf01bdce17ef7fd6bf7e845', d: "M0 13.6464V16.9607C0 17.7184 0.613714 18.3321 1.37143 18.3321H4.68571L5.37143 15.827L4.68571 13.6464L2.41143 12.9607L0 13.6464Z", fill: "#0066DA" }), index$1.h("path", { key: '65d020a476a2e6de86c324f3f246a9782cb6c7d9', d: "M4.68571 1.875L0 6.56071L2.41143 7.24643L4.68571 6.56071L5.36 4.40986L4.68571 1.875Z", fill: "#E94235" }), index$1.h("path", { key: '8da197acf56f93a881115063f27dfdcca198af70', d: "M4.68571 6.56067H0V13.6464H4.68571V6.56067Z", fill: "#2684FC" }), index$1.h("path", { key: '9bbf550fa7d3c9cdfa6ef413d9aa72582dd01646', d: "M18.8798 3.85895L15.8855 6.31381V14.0075L18.8935 16.4738C19.3438 16.8258 20.0021 16.5047 20.0021 15.9321V4.38923C20.0021 3.80981 19.329 3.49209 18.8798 3.85895ZM11.3141 10.1035V13.6464H4.68555V18.3321H14.5141C15.2718 18.3321 15.8855 17.7184 15.8855 16.9607V14.0075L11.3141 10.1035Z", fill: "#00AC47" }), index$1.h("path", { key: 'f0ff752952db0bfa52cec07f17377746e26838a0', d: "M14.5141 1.875H4.68555V6.56071H11.3141V10.1036L15.8855 6.31614V3.24643C15.8855 2.48871 15.2718 1.875 14.5141 1.875Z", fill: "#FFBA00" })), index$1.h("defs", { key: '73944e20fd75586cf2f9ce081820d472c9ce4793' }, index$1.h("clipPath", { key: '533a10123a9712ef9f8d566fd2c27ba3d02db1d2', id: "clip0_22_6251" }, index$1.h("rect", { key: '429861a50215381b73f3300031ab98a26441b608', width: "20", height: "20", fill: "white" })))));
+        return (index$1.h("svg", { key: 'b68e005c64b1deb85367e52afa53a3583420d6fc', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("g", { key: 'c107fef0d62794b094d8096789b20ef66ad2f66d', "clip-path": "url(#clip0_22_6251)" }, index$1.h("path", { key: 'f7ddbd7ef73ae7addaaa81a42d419c8e04e31341', d: "M11.3145 10.1036L13.2642 12.3321L15.8859 14.0076L16.343 10.1173L15.8859 6.31384L13.2139 7.78584L11.3145 10.1036Z", fill: "#00832D" }), index$1.h("path", { key: '678ee765afd11161ed9f7fe60015536077e708dc', d: "M0 13.6464V16.9607C0 17.7184 0.613714 18.3321 1.37143 18.3321H4.68571L5.37143 15.827L4.68571 13.6464L2.41143 12.9607L0 13.6464Z", fill: "#0066DA" }), index$1.h("path", { key: '5329acfae94e546cc21a4bc4803a584d41f4f644', d: "M4.68571 1.875L0 6.56071L2.41143 7.24643L4.68571 6.56071L5.36 4.40986L4.68571 1.875Z", fill: "#E94235" }), index$1.h("path", { key: '4441dc496cbe7317883740d0aa3469261bd7330f', d: "M4.68571 6.56067H0V13.6464H4.68571V6.56067Z", fill: "#2684FC" }), index$1.h("path", { key: '6cd237dedd6d0e9e98905a56d7cc437ec5994cae', d: "M18.8798 3.85895L15.8855 6.31381V14.0075L18.8935 16.4738C19.3438 16.8258 20.0021 16.5047 20.0021 15.9321V4.38923C20.0021 3.80981 19.329 3.49209 18.8798 3.85895ZM11.3141 10.1035V13.6464H4.68555V18.3321H14.5141C15.2718 18.3321 15.8855 17.7184 15.8855 16.9607V14.0075L11.3141 10.1035Z", fill: "#00AC47" }), index$1.h("path", { key: '7d00a0a63e9825231cececa544a516eb0a567609', d: "M14.5141 1.875H4.68555V6.56071H11.3141V10.1036L15.8855 6.31614V3.24643C15.8855 2.48871 15.2718 1.875 14.5141 1.875Z", fill: "#FFBA00" })), index$1.h("defs", { key: '6efd6aace86d9b576642ef44fbb27c73f7b14057' }, index$1.h("clipPath", { key: '79f87c29c41836a9ee2319f66c86ec19e6d1d329', id: "clip0_22_6251" }, index$1.h("rect", { key: '6d872b34ea312c8378c0762f342ea55d7d1b87ae', width: "20", height: "20", fill: "white" })))));
     }
 };
 GoogleMeetIcon$1.style = GoogleMeetIconStyle0;
@@ -190,7 +190,7 @@ GoogleMeetIcon$1.style = GoogleMeetIconStyle0;
 const inputImageUrlCss = ":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;width:inherit}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}";
 const InputImageUrlStyle0 = inputImageUrlCss;
 
-var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -200,13 +200,14 @@ var __decorate$u = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$u = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$w = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
 const InputImageUrl = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
+        this.nylasFormInputImageUrlInvalid = index$1.createEvent(this, "nylasFormInputImageUrlInvalid", 7);
         this.valueChanged = index$1.createEvent(this, "valueChanged", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.internals = hostRef.$hostElement$["s-ei"];
@@ -275,12 +276,15 @@ const InputImageUrl = class {
             this.valueChanged.emit({ value: this.currentImageUrl, name: this.name });
         })
             .catch(() => {
-            this.internals.setValidity({ customError: true }, 'Invalid image URL.');
             this.errorMessage = 'Invalid image URL.';
+            this.nylasFormInputImageUrlInvalid.emit({ value: 'Invalid image URL.', name: this.name });
+            if (typeof this.internals.setValidity === 'function') {
+                this.internals.setValidity({ customError: true }, 'Invalid image URL.');
+            }
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '3066e6121e09c40bcf7f033f26615d42432e0fd9' }, index$1.h("div", { key: 'bfbcf89b89ffbe7933a9f2169dfcf2eb3c1858bb', class: "logo-container" }, index$1.h("div", { key: 'b4c71a43d82ea0f3ef330fb3cd0fbf9275e7a432', class: "input-container" }, index$1.h("input-component", { key: '5a30d3de566ed233b52329d6dc49a06b523fffa7', name: this.name, id: this.name, type: "text", required: false, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? '' }), this.errorMessage && index$1.h("span", { class: "error-message" }, this.errorMessage)), this.currentImageUrl && !this.errorMessage && (index$1.h("div", { class: "logo" }, index$1.h("img", { src: this.currentImageUrl, alt: "Logo" }))))));
+        return (index$1.h(index$1.Host, { key: '27db94b782ae96518852a8486821a7f6544492a2' }, index$1.h("div", { key: '3923ce12503dd454e716e002b693b8e5f7e7e991', class: "logo-container" }, index$1.h("div", { key: '004c0dfb0e5ec721e356b4915fbdd75f84a67301', class: "input-container" }, index$1.h("input-component", { key: 'f06812996be4fd6384fffc2c095e62ba7067881d', name: this.name, id: this.name, type: "text", required: false, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? '' }), this.errorMessage && index$1.h("span", { class: "error-message" }, this.errorMessage)), this.currentImageUrl && !this.errorMessage && (index$1.h("div", { class: "logo" }, index$1.h("img", { src: this.currentImageUrl, alt: "Logo" }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -288,7 +292,7 @@ const InputImageUrl = class {
         "name": ["elementNameChangedHandler"]
     }; }
 };
-__decorate$u([
+__decorate$w([
     registerComponent.RegisterComponent({
         name: 'nylas-image-input',
         eventToProps: {
@@ -300,14 +304,14 @@ __decorate$u([
             },
         },
     }),
-    __metadata$u("design:type", Function),
-    __metadata$u("design:paramtypes", []),
-    __metadata$u("design:returntype", void 0)
+    __metadata$w("design:type", Function),
+    __metadata$w("design:paramtypes", []),
+    __metadata$w("design:returntype", void 0)
 ], InputImageUrl.prototype, "render", null);
 InputImageUrl.style = InputImageUrlStyle0;
 
-const iconCss$6 = ".sc-location-icon-h{display:flex}";
-const LocationIconStyle0 = iconCss$6;
+const iconCss$7 = ".sc-location-icon-h{display:flex}";
+const LocationIconStyle0 = iconCss$7;
 
 const LocationIcon = class {
     constructor(hostRef) {
@@ -316,13 +320,13 @@ const LocationIcon = class {
         this.height = '18';
     }
     render() {
-        return (index$1.h("svg", { key: 'c482eda330a1facca93796d8443099575bddd78d', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '0d0239a08ea1223a937f26fa65b09984531e0352', d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: '41c6752fb26ae7aa42d7bdfbadc16c2869e37d03', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '04912d24e06cbad0c6ece45f19827bbb62cfbcd0', d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" })));
     }
 };
 LocationIcon.style = LocationIconStyle0;
 
-const iconCss$5 = ".sc-location-off-icon-h{display:flex}";
-const LocationOffIconStyle0 = iconCss$5;
+const iconCss$6 = ".sc-location-off-icon-h{display:flex}";
+const LocationOffIconStyle0 = iconCss$6;
 
 const LocationOffIcon = class {
     constructor(hostRef) {
@@ -331,13 +335,13 @@ const LocationOffIcon = class {
         this.height = '18';
     }
     render() {
-        return (index$1.h("svg", { key: '9cce3e111c0aef16fc5547be1815d145df9d36d4', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '9e61c48789938f29e718264caef4de3e39e3ae60', d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: '63a6c285582208662ae8307e37621e96a22ce5f3', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'cf2dfb48d9a1e3b2d03aa86e37a79c702547bf8e', d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" })));
     }
 };
 LocationOffIcon.style = LocationOffIconStyle0;
 
-const iconCss$4 = ".sc-microsoft-teams-icon-h{display:flex}";
-const MicrosoftTeamsIconStyle0 = iconCss$4;
+const iconCss$5 = ".sc-microsoft-teams-icon-h{display:flex}";
+const MicrosoftTeamsIconStyle0 = iconCss$5;
 
 const GoogleMeetIcon = class {
     constructor(hostRef) {
@@ -346,7 +350,7 @@ const GoogleMeetIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: '8417f7f0f3e85cb010abd5af140ea54f0ccaba49', width: this.width, height: this.height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("g", { key: '198a84bcdca5f12a7451635bcdbc7be7aba83c45', "clip-path": "url(#clip0_22_6280)" }, index$1.h("path", { key: '41e4b5f6af13307d3356fa502c6db9b31a9dcd79', d: "M13.7109 7.60168H18.8769C19.365 7.60168 19.7607 7.99734 19.7607 8.4854V13.191C19.7607 14.9848 18.3065 16.4389 16.5127 16.4389H16.4974C14.7036 16.4391 13.2493 14.9852 13.249 13.1914C13.249 13.1913 13.249 13.1911 13.249 13.191V8.06355C13.249 7.80847 13.4558 7.60168 13.7109 7.60168Z", fill: "#5059C9" }), index$1.h("path", { key: 'b4b340564564d64fee4624991b5709ac8ffd68e1', d: "M17.2024 6.67152C18.3583 6.67152 19.2954 5.73444 19.2954 4.5785C19.2954 3.42255 18.3583 2.48547 17.2024 2.48547C16.0465 2.48547 15.1094 3.42255 15.1094 4.5785C15.1094 5.73444 16.0465 6.67152 17.2024 6.67152Z", fill: "#5059C9" }), index$1.h("path", { key: '04bee8cdad47b075d2df65f7fc2c69af31175708', d: "M10.6912 6.67152C12.3609 6.67152 13.7145 5.31796 13.7145 3.64826C13.7145 1.97856 12.3609 0.625 10.6912 0.625C9.02153 0.625 7.66797 1.97856 7.66797 3.64826C7.66797 5.31796 9.02153 6.67152 10.6912 6.67152Z", fill: "#7B83EB" }), index$1.h("path", { key: '1675a542992e8aa0b5b0d8a36d9487511b75e512', d: "M14.7223 7.60168H6.19482C5.71257 7.61362 5.33108 8.01384 5.34227 8.49611V13.8631C5.27492 16.7571 7.56457 19.1588 10.4586 19.2296C13.3525 19.1588 15.6422 16.7571 15.5748 13.8631V8.49611C15.586 8.01384 15.2045 7.61362 14.7223 7.60168Z", fill: "#7B83EB" }), index$1.h("path", { key: '4a82ff711169bf0ecf6459ac44827f341d2a6957', opacity: "0.1", d: "M10.9234 7.60168V15.1226C10.9211 15.4675 10.7121 15.7773 10.3932 15.9087C10.2917 15.9516 10.1825 15.9738 10.0723 15.9738H5.75134C5.69088 15.8203 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.9234Z", fill: "black" }), index$1.h("path", { key: 'c339370087627ead6a8a994888c37311d21d1d91', opacity: "0.2", d: "M10.4583 7.60168V15.5877C10.4583 15.698 10.4362 15.8071 10.3932 15.9087C10.2619 16.2276 9.95205 16.4366 9.60717 16.4389H5.96995C5.89088 16.2854 5.81646 16.1319 5.75134 15.9738C5.68623 15.8156 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index$1.h("path", { key: 'ad54e7a2eb5fde7d077588339208686acbe1f135', opacity: "0.2", d: "M10.4583 7.60168V14.6575C10.4548 15.1261 10.0758 15.5051 9.60716 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index$1.h("path", { key: '965cc635432da1c3ec3cd02aac5731d1beead8de', opacity: "0.2", d: "M9.9932 7.60168V14.6575C9.98965 15.1261 9.61065 15.5051 9.14203 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H9.9932Z", fill: "black" }), index$1.h("path", { key: '819525ec3a99b1110f4999c34fa94b64f4b70a41', opacity: "0.1", d: "M10.9241 5.1971V6.66222C10.845 6.66687 10.7706 6.67152 10.6915 6.67152C10.6124 6.67152 10.538 6.66687 10.4589 6.66222C10.3019 6.6518 10.1462 6.62689 9.99382 6.5878C9.05195 6.36475 8.27382 5.70421 7.90079 4.81106C7.83661 4.66107 7.78678 4.50533 7.75195 4.34595H10.0729C10.5422 4.34772 10.9223 4.72775 10.9241 5.1971Z", fill: "black" }), index$1.h("path", { key: 'e837b64dc6d3eb1916a5d1da22892e287ad816cf', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index$1.h("path", { key: '3547022f3fcaf969262a99433b544448787a3665', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index$1.h("path", { key: '7d8a359d16845fa656285e8b23d6983a27afa83b', opacity: "0.2", d: "M9.99341 5.6622V6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.14225C9.6116 4.81282 9.99163 5.19286 9.99341 5.6622Z", fill: "black" }), index$1.h("path", { key: 'f3991096e38f5db5858350a6597d54be11ae508e', d: "M0.613296 4.81104H9.14074C9.61159 4.81104 9.99329 5.19274 9.99329 5.66359V14.191C9.99329 14.6619 9.61158 15.0436 9.14074 15.0436H0.613296C0.14244 15.0436 -0.239258 14.6619 -0.239258 14.191V5.66359C-0.239258 5.19274 0.142449 4.81104 0.613296 4.81104Z", fill: "url(#paint0_linear_22_6280)" }), index$1.h("path", { key: '19d67e2330e68fe1921c5f424f25bee57d55e3df', d: "M7.12025 8.05659H5.4156V12.6985H4.32956V8.05659H2.63281V7.15613H7.12025V8.05659Z", fill: "white" })), index$1.h("defs", { key: 'baf71502cd1b275c6bab364e142d7f90497fbd27' }, index$1.h("linearGradient", { key: 'ea77fc7bd9b4927549d1b8f0a007d7a3aa042ee2', id: "paint0_linear_22_6280", x1: "1.53835", y1: "4.14486", x2: "8.2157", y2: "15.7098", gradientUnits: "userSpaceOnUse" }, index$1.h("stop", { key: 'f4d2b0e3b8b2bf6781ec1f78089392560826eaae', "stop-color": "#5A62C3" }), index$1.h("stop", { key: '6c1a42b30c0115a9e4634d674ce6afafd5d99272', offset: "0.5", "stop-color": "#4D55BD" }), index$1.h("stop", { key: '484a597b95663c0ae1303b334bb18fca22309b96', offset: "1", "stop-color": "#3940AB" })), index$1.h("clipPath", { key: 'bb09966bf19905d09677eef8665d8a9bbf4329f7', id: "clip0_22_6280" }, index$1.h("rect", { key: '9a36242165ecb62fcca6cdf826954b91e098e67a', width: "20", height: "20", fill: "white" })))));
+        return (index$1.h("svg", { key: '43015b1429d29b0ce4d72d6efa983cf972200345', width: this.width, height: this.height, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("g", { key: '181d622e54dd6034328a3e2969d2c7435e0fe47c', "clip-path": "url(#clip0_22_6280)" }, index$1.h("path", { key: 'a8371f19ba59bcb5299c27aee9bd9031100f113a', d: "M13.7109 7.60168H18.8769C19.365 7.60168 19.7607 7.99734 19.7607 8.4854V13.191C19.7607 14.9848 18.3065 16.4389 16.5127 16.4389H16.4974C14.7036 16.4391 13.2493 14.9852 13.249 13.1914C13.249 13.1913 13.249 13.1911 13.249 13.191V8.06355C13.249 7.80847 13.4558 7.60168 13.7109 7.60168Z", fill: "#5059C9" }), index$1.h("path", { key: '6938ccf952810d13a1f56a2cef920dc580204df1', d: "M17.2024 6.67152C18.3583 6.67152 19.2954 5.73444 19.2954 4.5785C19.2954 3.42255 18.3583 2.48547 17.2024 2.48547C16.0465 2.48547 15.1094 3.42255 15.1094 4.5785C15.1094 5.73444 16.0465 6.67152 17.2024 6.67152Z", fill: "#5059C9" }), index$1.h("path", { key: '6183cc2e18656369c6b6b13eba20256a91ca13be', d: "M10.6912 6.67152C12.3609 6.67152 13.7145 5.31796 13.7145 3.64826C13.7145 1.97856 12.3609 0.625 10.6912 0.625C9.02153 0.625 7.66797 1.97856 7.66797 3.64826C7.66797 5.31796 9.02153 6.67152 10.6912 6.67152Z", fill: "#7B83EB" }), index$1.h("path", { key: '0f555b8edfa78d27a064e2b8c355e652105dcef8', d: "M14.7223 7.60168H6.19482C5.71257 7.61362 5.33108 8.01384 5.34227 8.49611V13.8631C5.27492 16.7571 7.56457 19.1588 10.4586 19.2296C13.3525 19.1588 15.6422 16.7571 15.5748 13.8631V8.49611C15.586 8.01384 15.2045 7.61362 14.7223 7.60168Z", fill: "#7B83EB" }), index$1.h("path", { key: 'f70b7f02b9afc002c0f54c5109aa37f9443b530b', opacity: "0.1", d: "M10.9234 7.60168V15.1226C10.9211 15.4675 10.7121 15.7773 10.3932 15.9087C10.2917 15.9516 10.1825 15.9738 10.0723 15.9738H5.75134C5.69088 15.8203 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.9234Z", fill: "black" }), index$1.h("path", { key: '099a90b1bcf8844977911db140a55b77e3d40dcb', opacity: "0.2", d: "M10.4583 7.60168V15.5877C10.4583 15.698 10.4362 15.8071 10.3932 15.9087C10.2619 16.2276 9.95205 16.4366 9.60717 16.4389H5.96995C5.89088 16.2854 5.81646 16.1319 5.75134 15.9738C5.68623 15.8156 5.63507 15.6668 5.58855 15.5087C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index$1.h("path", { key: 'df916fd9bb304a77cc01949e5322d635aef30dd4', opacity: "0.2", d: "M10.4583 7.60168V14.6575C10.4548 15.1261 10.0758 15.5051 9.60716 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H10.4583Z", fill: "black" }), index$1.h("path", { key: '48cfb8d7f434c8899770155eef6a72184f698942', opacity: "0.2", d: "M9.9932 7.60168V14.6575C9.98965 15.1261 9.61065 15.5051 9.14203 15.5087H5.58855C5.42574 14.975 5.34267 14.4201 5.34204 13.8622V8.49471C5.33086 8.01321 5.71172 7.61362 6.1932 7.60168H9.9932Z", fill: "black" }), index$1.h("path", { key: '7418c396c4b00ef2c7de4d5035c46be0cf51224f', opacity: "0.1", d: "M10.9241 5.1971V6.66222C10.845 6.66687 10.7706 6.67152 10.6915 6.67152C10.6124 6.67152 10.538 6.66687 10.4589 6.66222C10.3019 6.6518 10.1462 6.62689 9.99382 6.5878C9.05195 6.36475 8.27382 5.70421 7.90079 4.81106C7.83661 4.66107 7.78678 4.50533 7.75195 4.34595H10.0729C10.5422 4.34772 10.9223 4.72775 10.9241 5.1971Z", fill: "black" }), index$1.h("path", { key: '4611d18789afc14764c6355c36ff4639c07ef3ea', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index$1.h("path", { key: '6a0b1761698c016c3ed6f15020e17c592ae8fd85', opacity: "0.2", d: "M10.4585 5.66219V6.66219C10.3015 6.65177 10.1458 6.62686 9.99341 6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.60736C10.0767 4.81281 10.4567 5.19285 10.4585 5.66219Z", fill: "black" }), index$1.h("path", { key: '9ac985a013b79dcc739fd48069d7a54956b48a07', opacity: "0.2", d: "M9.99341 5.6622V6.58778C9.05155 6.36473 8.27342 5.70418 7.90039 4.81104H9.14225C9.6116 4.81282 9.99163 5.19286 9.99341 5.6622Z", fill: "black" }), index$1.h("path", { key: '22aa61c2fbca8ea8599efa657405e3258f9a3e25', d: "M0.613296 4.81104H9.14074C9.61159 4.81104 9.99329 5.19274 9.99329 5.66359V14.191C9.99329 14.6619 9.61158 15.0436 9.14074 15.0436H0.613296C0.14244 15.0436 -0.239258 14.6619 -0.239258 14.191V5.66359C-0.239258 5.19274 0.142449 4.81104 0.613296 4.81104Z", fill: "url(#paint0_linear_22_6280)" }), index$1.h("path", { key: 'cd2d8e75fa6bbb92b70006a507bd8447c5cbf7a7', d: "M7.12025 8.05659H5.4156V12.6985H4.32956V8.05659H2.63281V7.15613H7.12025V8.05659Z", fill: "white" })), index$1.h("defs", { key: '1b9552dc22885c57462fd2ae8b4c26dc2c79d92d' }, index$1.h("linearGradient", { key: 'ea753705cbbdb91c51fc04a167b6afd3f41d41d9', id: "paint0_linear_22_6280", x1: "1.53835", y1: "4.14486", x2: "8.2157", y2: "15.7098", gradientUnits: "userSpaceOnUse" }, index$1.h("stop", { key: '8390ae19866ffe03bd03d5b9b0a3a33fb2277e62', "stop-color": "#5A62C3" }), index$1.h("stop", { key: '80dd7a6a24bf2e42aac98ce40442501ab4e2395c', offset: "0.5", "stop-color": "#4D55BD" }), index$1.h("stop", { key: '59b6e034bc93cabef37a02ae9f4f16dfa957f8a7', offset: "1", "stop-color": "#3940AB" })), index$1.h("clipPath", { key: '124d7ccc8361f874fa3042ad4657900b9a3b3a4c', id: "clip0_22_6280" }, index$1.h("rect", { key: '2d92a7a7313625c8a8684630a25bb506bfb17a54', width: "20", height: "20", fill: "white" })))));
     }
 };
 GoogleMeetIcon.style = MicrosoftTeamsIconStyle0;
@@ -354,7 +358,7 @@ GoogleMeetIcon.style = MicrosoftTeamsIconStyle0;
 const nylasAdditionalParticipantsCss = ":host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}";
 const NylasAdditionalParticipantsStyle0 = nylasAdditionalParticipantsCss;
 
-var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -364,7 +368,7 @@ var __decorate$t = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$t = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$v = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -379,11 +383,11 @@ const NylasAdditionalParticipants = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        this.name = 'participants';
         this.selectedConfiguration = undefined;
         this.currentUser = undefined;
-        this.name = 'participants';
-        this.eventParticipants = undefined;
         this.participantOptions = undefined;
+        this.eventParticipants = undefined;
         this.participants = this.eventParticipants ?? [];
         this.participantErrors = {};
         this.includeOrganizerAsParticipant = true;
@@ -421,20 +425,23 @@ const NylasAdditionalParticipants = class {
     disconnectedCallback() {
         utils.debug('nylas-additional-participants', 'disconnectedCallback');
     }
+    isInternalsAvailable() {
+        return this.internals !== undefined && typeof this.internals.setFormValue === 'function' && typeof this.internals.setValidity === 'function';
+    }
     onInputOptionChanged(event) {
         utils.debug('nylas-additional-participants', 'onInputOptionChanged');
-        const EMAIL_REGEX = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
+        const EMAIL_REGEX = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
         const index = event.detail.name;
         const participant = this.participantOptions?.find(participant => participant.email === event.detail.value);
         if (!participant && this.isRoundRobinConfig) {
-            this.internals.setValidity({ customError: true }, 'For round robin configuration, participant should be selected from the dropdown.');
+            this.isInternalsAvailable() && this.internals.setValidity({ customError: true }, 'For round robin configuration, participant should be selected from the dropdown.');
             this.participantErrors[index] = 'For round robin page, participant should be selected from the dropdown.';
             this.participants[index].is_valid = false;
             this.participants = [...this.participants];
             return;
         }
         else if (!participant && !EMAIL_REGEX.test(event.detail.value)) {
-            this.internals.setValidity({ customError: true }, 'Please enter a valid email address');
+            this.isInternalsAvailable() && this.internals.setValidity({ customError: true }, 'Please enter a valid email address');
             this.participantErrors[index] = 'Please enter a valid email address';
             this.participants[index].is_valid = false;
             this.participants = [...this.participants];
@@ -443,7 +450,7 @@ const NylasAdditionalParticipants = class {
         else {
             this.participantErrors[index] = '';
             this.participants[index].is_valid = true;
-            this.internals.setValidity({});
+            this.isInternalsAvailable() && this.internals.setValidity({});
         }
         this.participants[index].email = event.detail.value;
         this.participants[index].availability = participant ? { calendar_ids: ['primary'] } : undefined;
@@ -482,24 +489,17 @@ const NylasAdditionalParticipants = class {
         this.participants = this.participants.filter((_, i) => i !== index);
         this.updateFormValue();
     }
-    validate(email, index) {
-        utils.debug('nylas-additional-participants', 'validate');
-        const regex = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-        const valid = regex.test(String(email).toLowerCase());
-        this.participants[index].is_valid = valid;
-        this.updateFormValue();
-    }
     updateFormValue() {
         utils.debug('nylas-additional-participants', 'updateFormValue');
         const participants = this.isRoundRobinConfig ? (this.includeOrganizerAsParticipant ? this.participants : this.participants.filter(p => !p.is_organizer)) : this.participants;
         if (participants.length === 0) {
-            this.internals.setValidity({ customError: true }, 'Please add at least one participant');
+            this.isInternalsAvailable() && this.internals.setValidity({ customError: true }, 'Please add at least one participant');
             this.error = 'Please add at least one participant';
         }
         else {
-            this.internals.setValidity({});
+            this.isInternalsAvailable() && this.internals.setValidity({});
             this.error = '';
-            this.internals.setFormValue(JSON.stringify(participants), this.name);
+            this.isInternalsAvailable() && this.internals.setFormValue(JSON.stringify(participants), this.name);
             this.valueChanged.emit({ value: JSON.stringify(participants), name: this.name });
         }
     }
@@ -510,7 +510,7 @@ const NylasAdditionalParticipants = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'f572ef4697366d1a9e16ae731d843f0d2990b532' }, index$1.h("nylas-form-card", { key: 'd9768023dab3681451a852ea8835278390e5b9bc' }, index$1.h("h3", { key: '0fbc4c285823bd1ac094279737afce463186df21', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), index$1.h("p", { key: '3fe81e6f2ca9e17a9c5972c99512007a0e3cc3fd', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), index$1.h("div", { key: 'a64a28a0a10432a9b7103ecf70fe7d7526c45cf6', slot: "content", class: "nylas-additional-participants__content" }, index$1.h("div", { key: '9aed59dd76dd56f4e8af0717113a7d1f1ef952fb' }, this.participants.map((participant, index) => {
+        return (index$1.h(index$1.Host, { key: 'b17facebc66435c9e405b442500163b47836914e', part: "nap" }, index$1.h("nylas-form-card", { key: 'bce92f93c9f0ec0c04c000582505ea1adb1a3e22' }, index$1.h("h3", { key: '07cd5fd66a38dadfd67f67607fe81fb235cbb1f3', slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), index$1.h("p", { key: '3e9f5348444a81731228d4ce5f355b3cd6ead03f', slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), index$1.h("div", { key: 'b6921a32886aaedbf9ecaa942912c2991881b380', slot: "content", class: "nylas-additional-participants__content" }, index$1.h("div", { key: '780531379643ee4764122906f144d302e0bc32e5' }, this.participants.map((participant, index) => {
             return (index$1.h("div", { class: 'nylas-additional-participants__input_group', part: "nap__input_group" }, !participant.is_organizer && index$1.h("label", null, `Participant ${index}`), index$1.h("div", { part: "nap__input_wrapper", class: {
                     'nylas-additional-participants__input_wrapper': true,
                     'nylas-additional-participants__input_wrapper_organizer': participant?.is_organizer === true,
@@ -520,7 +520,7 @@ const NylasAdditionalParticipants = class {
                     this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant;
                     this.updateFormValue();
                 }, checked: this.includeOrganizerAsParticipant }), index$1.h("label", { htmlFor: `organizer_participant`, "aria-label": "Include as participant" }, "Participant", index$1.h("tooltip-component", { id: "organizer_participant_tooltip" }, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, index$1.h("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", index$1.h("br", null), index$1.h("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))))) : (index$1.h("input-dropdown", { id: `${index}`, name: `${index}`, filterable: true, inputValue: participant.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) })), !participant.is_organizer && (index$1.h("button", { onClick: () => this.removeParticipant(index), part: "nap__remove-participant" }, index$1.h("close-icon", null))))), !participant.is_valid && (index$1.h("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[index]))));
-        }), index$1.h("p", { key: 'c845a12cc8e6f0e740c03e5e4a048e971e98494c', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), index$1.h("button", { key: 'b87fdb5d9d0862db6e6f6a7a0d52040786d866d8', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index$1.h("add-circle-icon", { key: '3abd7360857202c104834e883119ed06373ff6b2' }), " ", index$1.h("span", { key: '8fbdc0a41874989ece04b60bd60ee61e79ca4f59' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
+        }), index$1.h("p", { key: '9921cf9eb77303da37e64bb4b2555fe662bcb299', class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), index$1.h("button", { key: '0fdc9f4d4ee5b221aaaa01de39e0fe5ad29675f1', class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, index$1.h("add-circle-icon", { key: 'c1c405144661b246731d48907246b3bc9e252410' }), " ", index$1.h("span", { key: '2ccd09a3a9c148dd4e895f7c3b2ac52cce86b76b' }, "Add ", this.participants.length > 1 ? 'another' : 'a', " participant"))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -529,7 +529,7 @@ const NylasAdditionalParticipants = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$t([
+__decorate$v([
     registerComponent.RegisterComponent({
         name: 'nylas-additional-participants',
         stateToProps: new Map([
@@ -540,16 +540,16 @@ __decorate$t([
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$t("design:type", Function),
-    __metadata$t("design:paramtypes", []),
-    __metadata$t("design:returntype", void 0)
+    __metadata$v("design:type", Function),
+    __metadata$v("design:paramtypes", []),
+    __metadata$v("design:returntype", void 0)
 ], NylasAdditionalParticipants.prototype, "render", null);
 NylasAdditionalParticipants.style = NylasAdditionalParticipantsStyle0;
 
 const nylasAvailabilityPickerCss = ":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;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}";
 const NylasAvailabilityPickerStyle0 = nylasAvailabilityPickerCss;
 
-var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -559,7 +559,7 @@ var __decorate$s = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$s = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$u = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -574,9 +574,9 @@ const NylasAvailabilityPicker = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
+        this.name = 'availability';
         this.selectedConfiguration = undefined;
         this.openHours = undefined;
-        this.name = 'availability';
         this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
         this.hideHeader = false;
         this.schedule = {
@@ -597,7 +597,8 @@ const NylasAvailabilityPicker = class {
     }
     configChangedHandler(newConfig) {
         const defaultOpenHours = newConfig?.availability?.availability_rules?.default_open_hours ?? constants.DEFAULT_OPEN_HOURS;
-        this.timezone = newConfig?.event_booking?.timezone ?? this.defaultTimezone;
+        const defaultOpenHoursTimezone = newConfig?.event_booking?.timezone ?? this.defaultTimezone;
+        this.timezone = this.name === 'availability' ? defaultOpenHoursTimezone : this.defaultTimezone;
         if (this.openHours) {
             this.openHoursToSchedule(this.openHours);
         }
@@ -861,7 +862,7 @@ const NylasAvailabilityPicker = class {
             value: key,
         }));
         const selectedTimezoneOption = timezoneOptions.find(i => i.value === this.timezone);
-        return (index$1.h(index$1.Host, { key: '79a354916d1fb613c23c6def77bb45850217a3ed' }, index$1.h("div", { key: '9578074337dd169f246732d974a73282b809aefb', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (index$1.h("div", { class: "header", part: "nap__header" }, index$1.h("h3", null, "Default open hours"), index$1.h("p", null, "Set when you're regularly available for event bookings.", index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "This is the default availability for participants who don\u2019t have availability set on the Participants tab."))))), index$1.h("div", { key: '9f525441fea8eeda7047b653cc714d1e4810ad92', class: "content" }, index$1.h("div", { key: '588d88d2228325fee1f6500b344a6ef5cfadca0c', class: "select-timezone", part: "nap__select-timezone" }, index$1.h("h4", { key: 'b9265d6d73c10468c5532b86b5209958b9673223', class: "sub-header" }, "Select timezone"), selectedTimezoneOption?.label && (index$1.h("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption }, index$1.h("span", { slot: "select-icon" }, index$1.h("globe-icon", { width: "20", height: "20" }))))), index$1.h("div", { key: '71a43d3778e541d6165683272dbc48ddc6334b77', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
+        return (index$1.h(index$1.Host, { key: 'd3456a3cbc918006617d5be20b0f43a3026c6c48' }, index$1.h("div", { key: '0a6701099f52e36ae38ecc5a58246c4447273a45', class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && (index$1.h("div", { class: "header", part: "nap__header" }, index$1.h("h3", null, "Default open hours"), index$1.h("p", null, "Set when you're regularly available for event bookings.", index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "This is the default availability for participants who don\u2019t have availability set on the Participants tab."))))), index$1.h("div", { key: '0ea45dac96d381a149c729e2eebcf4248b54b35a', class: "content" }, index$1.h("div", { key: '3f53bb214de33ba430be84d50705f0c488f41ccf', class: "select-timezone", part: "nap__select-timezone" }, index$1.h("h4", { key: '7537e3f475d324ca3ece17a3e14b9250d94ce3fe', class: "sub-header" }, "Select timezone"), selectedTimezoneOption?.label && (index$1.h("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: timezoneOptions, defaultSelectedOption: selectedTimezoneOption }, index$1.h("span", { slot: "select-icon" }, index$1.h("globe-icon", { width: "20", height: "20" }))))), index$1.h("div", { key: '63a7b4b8ec778d4d7e3f530c623aef491a8dec33', class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map(key => {
             const day = key;
             const timeRanges = this.schedule[key];
             return (index$1.h("div", { class: "availability-day" }, index$1.h("div", { class: "day", part: "nap__day" }, index$1.h("input", { type: "checkbox", name: day, id: day, checked: timeRanges.length > 0, onClick: () => {
@@ -888,22 +889,22 @@ const NylasAvailabilityPicker = class {
         "schedule": ["scheduleChanged"]
     }; }
 };
-__decorate$s([
+__decorate$u([
     registerComponent.RegisterComponent({
         name: 'nylas-availability-picker',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         fireRegisterEvent: true,
     }),
-    __metadata$s("design:type", Function),
-    __metadata$s("design:paramtypes", []),
-    __metadata$s("design:returntype", void 0)
+    __metadata$u("design:type", Function),
+    __metadata$u("design:paramtypes", []),
+    __metadata$u("design:returntype", void 0)
 ], NylasAvailabilityPicker.prototype, "render", null);
 NylasAvailabilityPicker.style = NylasAvailabilityPickerStyle0;
 
 const nylasBookingCalendarPickerCss = ":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;width:inherit}.nylas-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}";
 const NylasBookingCalendarPickerStyle0 = nylasBookingCalendarPickerCss;
 
-var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -913,7 +914,7 @@ var __decorate$r = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$r = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$t = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -1007,7 +1008,7 @@ const NylasBookingCalendarPicker = class {
         "currentUserCalendars": ["currentUserCalendarsChangedHandler"]
     }; }
 };
-__decorate$r([
+__decorate$t([
     registerComponent.RegisterComponent({
         name: 'nylas-booking-calendar-picker',
         stateToProps: new Map([
@@ -1024,16 +1025,16 @@ __decorate$r([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$r("design:type", Function),
-    __metadata$r("design:paramtypes", []),
-    __metadata$r("design:returntype", void 0)
+    __metadata$t("design:type", Function),
+    __metadata$t("design:paramtypes", []),
+    __metadata$t("design:returntype", void 0)
 ], NylasBookingCalendarPicker.prototype, "render", null);
 NylasBookingCalendarPicker.style = NylasBookingCalendarPickerStyle0;
 
 const nylasBookingConfirmationRedirectCss = ":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;width:inherit}.nylas-booking-confirmation-redirect{width:inherit;display:flex;flex-direction:column}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label{display:flex;align-items:center;gap:4px;margin-bottom:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown input-component::part(ic__input_wrapper){margin-top:1rem}.nylas-booking-confirmation-redirect .nylas-booking-confirmation-redirect__dropdown span.error-message{color:var(--nylas-error)}";
 const NylasBookingConfirmationRedirectStyle0 = nylasBookingConfirmationRedirectCss;
 
-var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -1043,7 +1044,7 @@ var __decorate$q = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$q = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$s = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -1165,7 +1166,7 @@ const NylasBookingConfirmationRedirect = class {
                 value: 'custom',
             },
         ];
-        return (index$1.h(index$1.Host, { key: '664122ed45ac89e22d1638e1f89d152c6f3b2e64' }, index$1.h("div", { key: '86bad1489a91fc71ca708cf0832d7bf1ce5e4938', class: "nylas-booking-confirmation-redirect", part: "nbcr" }, redirectOptions.length > 0 && (index$1.h("div", { class: "nylas-booking-confirmation-redirect__dropdown" }, index$1.h("span", { class: "label" }, "When a booking is confirmed", index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "You can either display the default confirmation page or redirect users to your own confirmation page."))), this.componentLoaded && (index$1.h("select-dropdown", { name: "confirmation-redirect-dropdown", options: redirectOptions, withSearch: false, defaultSelectedOption: redirectOptions.find(option => option.value === (this.acceptUrl ? 'custom' : 'default')), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content" })), this.acceptUrl && (index$1.h("div", null, index$1.h("input-component", { name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: "Enter custom redirect URL", required: false, part: "ic__input_wrapper: nbcr__input-textfield", defaultValue: this.currentRedirectUrl }), this.redirectUrlErrorMessage && index$1.h("span", { class: "error-message" }, this.redirectUrlErrorMessage))))))));
+        return (index$1.h(index$1.Host, { key: '436a754406a25fe12caf7a1772d5fbd29d52cb5d' }, index$1.h("div", { key: 'ba1096207f67cd847eb78d7ae3847395d091bac0', class: "nylas-booking-confirmation-redirect", part: "nbcr" }, redirectOptions.length > 0 && (index$1.h("div", { class: "nylas-booking-confirmation-redirect__dropdown" }, index$1.h("span", { class: "label" }, "When a booking is confirmed", index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "You can either display the default confirmation page or redirect users to your own confirmation page."))), this.componentLoaded && (index$1.h("select-dropdown", { name: "confirmation-redirect-dropdown", options: redirectOptions, withSearch: false, defaultSelectedOption: redirectOptions.find(option => option.value === (this.acceptUrl ? 'custom' : 'default')), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content" })), this.acceptUrl && (index$1.h("div", null, index$1.h("input-component", { name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: "Enter custom redirect URL", required: false, part: "ic__input_wrapper: nbcr__input-textfield", defaultValue: this.currentRedirectUrl }), this.redirectUrlErrorMessage && index$1.h("span", { class: "error-message" }, this.redirectUrlErrorMessage))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -1174,7 +1175,7 @@ const NylasBookingConfirmationRedirect = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$q([
+__decorate$s([
     registerComponent.RegisterComponent({
         name: 'nylas-booking-confirmation-redirect',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
@@ -1188,16 +1189,16 @@ __decorate$q([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$q("design:type", Function),
-    __metadata$q("design:paramtypes", []),
-    __metadata$q("design:returntype", void 0)
+    __metadata$s("design:type", Function),
+    __metadata$s("design:paramtypes", []),
+    __metadata$s("design:returntype", void 0)
 ], NylasBookingConfirmationRedirect.prototype, "render", null);
 NylasBookingConfirmationRedirect.style = NylasBookingConfirmationRedirectStyle0;
 
 const nylasBookingConfirmationTypeCss = ":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;width:inherit}.nylas-booking-confirmation-type{width:inherit;display:flex;flex-direction:column;margin-bottom:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown span.label tooltip-component{display:flex}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-confirmation-type .nylas-booking-confirmation-type__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}";
 const NylasBookingConfirmationTypeStyle0 = nylasBookingConfirmationTypeCss;
 
-var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -1207,7 +1208,7 @@ var __decorate$p = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$p = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$r = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -1257,9 +1258,9 @@ const NylasBookingConfirmationType = class {
         }
         else {
             this.selectedBookingType = this.bookingType || 'booking';
+            this.showDropdown = this.showComponent;
         }
         this.internals.setFormValue(this.selectedBookingType.toString(), this.name);
-        this.showDropdown = this.selectedConfiguration?.event_booking?.booking_type !== 'custom-confirmation' && !!this.selectedConfiguration?.scheduler?.organizer_confirmation_url;
     }
     componentWillUpdate() {
         utils.debug('nylas-booking-confirmation-type', 'componentWillUpdate');
@@ -1293,7 +1294,7 @@ const NylasBookingConfirmationType = class {
                 value: 'organizer-confirmation',
             },
         ];
-        return (index$1.h(index$1.Host, { key: 'bb3093d5abf52581a6b29eabf2c520ae1da1a425' }, this.showDropdown && (index$1.h("div", { class: "nylas-booking-confirmation-type", part: "nbct" }, bookingOptions.length > 0 && (index$1.h("div", { class: "nylas-booking-confirmation-type__dropdown" }, index$1.h("span", { class: "label" }, "When a booking is requested", index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "Manually accept bookings allows you to review and either accept or decline each booking request."))), this.selectedBookingType && (index$1.h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.selectedBookingType) }))))))));
+        return (index$1.h(index$1.Host, { key: 'e5267e4adf820e23ca021965cc6f021946eefbea' }, this.showDropdown && (index$1.h("div", { class: "nylas-booking-confirmation-type", part: "nbct" }, bookingOptions.length > 0 && (index$1.h("div", { class: "nylas-booking-confirmation-type__dropdown" }, index$1.h("span", { class: "label" }, "When a booking is requested", index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "Manually accept bookings allows you to review and either accept or decline each booking request."))), this.selectedBookingType && (index$1.h("select-dropdown", { name: "booking-type", options: bookingOptions, withSearch: false, exportparts: "sd_dropdown: nbct__dropdown, sd_dropdown-button: nbct__dropdown-button, sd_dropdown-content: nbct__dropdown-content", defaultSelectedOption: bookingOptions.find(cal => cal.value == this.selectedBookingType) }))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -1302,7 +1303,7 @@ const NylasBookingConfirmationType = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$p([
+__decorate$r([
     registerComponent.RegisterComponent({
         name: 'nylas-booking-confirmation-type',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
@@ -1316,9 +1317,9 @@ __decorate$p([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$p("design:type", Function),
-    __metadata$p("design:paramtypes", []),
-    __metadata$p("design:returntype", void 0)
+    __metadata$r("design:type", Function),
+    __metadata$r("design:paramtypes", []),
+    __metadata$r("design:returntype", void 0)
 ], NylasBookingConfirmationType.prototype, "render", null);
 NylasBookingConfirmationType.style = NylasBookingConfirmationTypeStyle0;
 
@@ -4676,7 +4677,7 @@ Sortable.mount(new MultiDragPlugin());
 const nylasBookingFormConfigCss = ":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;width:inherit}.nylas-booking-form-config{width:inherit;display:flex;flex-direction:column;margin:1rem;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-form-config .header{padding:1rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-form-config .header .header_text h3{margin:0;font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .header .header_text p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-form-config .header .header_action{display:flex}.nylas-booking-form-config .header .header_action select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-booking-form-config .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family)}@media screen and (max-width: 504px){.nylas-booking-form-config .content{font-size:15px}}.nylas-booking-form-config .content .additional_fields{display:flex;flex-direction:column;gap:1rem;position:relative;overflow:auto}@media screen and (max-width: 504px){.nylas-booking-form-config .content .additional_fields{gap:0.5rem;padding:0}}.nylas-booking-form-config .content .additional_fields .form-field{border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);padding:1rem;user-select:none;background-color:white;position:relative}.nylas-booking-form-config .content .additional_fields .form-field.highlight{background-color:var(--nylas-base-200)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header{display:flex;justify-content:space-between;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .dragable{cursor:move}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text{flex:1;text-align:left;padding-left:1rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text h4{margin:0;font-size:16px;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_text p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions{display:flex;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .is-required{color:var(--nylas-base-500);background-color:var(--nylas-base-50);font-weight:600;padding:4px 8px;border-radius:var(--nylas-border-radius-2x)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button{border:none;background:transparent;height:40px;margin:0 1rem;cursor:pointer;color:var(--nylas-base-800)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions button:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron{display:flex;align-self:center;cursor:pointer}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron.open{transform:rotate(90deg)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_header .form-field_header_actions .chevron.closed{transform:rotate(270deg)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content{padding:1.5rem 0 0 2.7rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content.hidden{display:none}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs{display:flex}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .label-input{padding:0 1rem 0 0}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input{display:flex}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input label{padding:0.5rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .inputs .required-input input[type=checkbox]{transform:scale(1.3)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container h4{margin:0;font-size:16px;line-height:20px;font-weight:500;padding:0.5rem 0;color:var(--nylas-base-900);text-align:left}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button{border:none;background:transparent;height:40px;margin:1rem 0;cursor:pointer;color:var(--nylas-base-800);display:flex;align-items:center;justify-content:space-between}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container button:active{color:var(--nylas-primary)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options{display:flex;flex-direction:column;gap:1rem}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option{display:flex;justify-content:space-between;align-items:center}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button{border:none;background:transparent;height:40px;margin:0 1rem;cursor:pointer;color:var(--nylas-base-800)}.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button:hover,.nylas-booking-form-config .content .additional_fields .form-field .form-field_content .options-container .options .option button:active{color:var(--nylas-primary)}";
 const NylasBookingFormConfigStyle0 = nylasBookingFormConfigCss;
 
-var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4686,7 +4687,7 @@ var __decorate$o = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$o = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$q = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -4913,7 +4914,7 @@ const NylasBookingFormConfig = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '8db177dc9df5c63aaae9e657b81a564d2df2d34e' }, index$1.h("div", { key: '3026f554b98ffdb0e14173a49bff44a85ad5cc17', class: "nylas-booking-form-config" }, index$1.h("div", { key: '4369640ba9d4411713d5066324fa6f59fb4040da', class: "header", part: "nbfc__header" }, index$1.h("div", { key: '1a4bfa5b5ef7532cb36be53bdc1f7d73db365c33', class: "header_text" }, index$1.h("h3", { key: 'c689200151903cb8b410c78da9dafc6550d0c51e' }, "Booking form"), index$1.h("p", { key: 'a53818d44fb4fce66b4a07d41f4fd1322efb4f5a' }, "Add custom fields to the booking form.")), index$1.h("div", { key: '8059ccdaad2ccabd0f33728cd4f93b1f3b8aebdd', class: "header_action" }, index$1.h("select-dropdown", { key: '7c11e6c8d82c9b7d585f85e2847d48c70d696e72', name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: constants.DEFAULT_FORM_FIELD_TYPES, withSearch: false, withChevron: false, dropdownButtonText: "Add new field" }, index$1.h("span", { key: '7e099ef91121f954377db3a4a0c517d58df3a1e8', slot: "select-icon" }, index$1.h("plus-icon", { key: 'bbdd97931d1826cc4955e1bc695f984f8ee35a20', width: "15", height: "15" }))))), index$1.h("div", { key: '417adc5084d74399f9a77f2da83117fe7c0160a3', class: "content" }, index$1.h("div", { key: '598bbda9bf5b9d87a8e13fc336c3879b327c58e6', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((field, i) => {
+        return (index$1.h(index$1.Host, { key: '890a8dc51e6aee455ce2eec3b1b9e534122e87e1' }, index$1.h("div", { key: 'a6d477428eb9851402cadbe384fd5dc7a0a7788b', class: "nylas-booking-form-config", part: "nbfc" }, index$1.h("div", { key: '4fa905aa07838ab99c01d20f2e8f809a24328059', class: "header", part: "nbfc__header" }, index$1.h("div", { key: '33b8980d3927d1aa717aade3f6e1e3f3b099feab', class: "header_text" }, index$1.h("h3", { key: '2381bd7f07124b653aac4542946585357d1eecd5' }, "Booking form"), index$1.h("p", { key: 'a57f318250af040f150df4fe6cf02f299250da74' }, "Add custom fields to the booking form.")), index$1.h("div", { key: '7297904e841d80bdc38a22605427234bf69c15b3', class: "header_action" }, index$1.h("select-dropdown", { key: 'fed774ace8a8d000a51228c32100597035c01cb0', name: "add-field", exportparts: "sd_dropdown: nbfc__add_field, sd_dropdown-button: nbfc__add_field-button, sd_dropdown-content: nbfc__add_field-dropdown-content", options: constants.DEFAULT_FORM_FIELD_TYPES, withSearch: false, withChevron: false, dropdownButtonText: "Add new field" }, index$1.h("span", { key: '4a445ec9df4d27d455e5936a83469df6850ee24f', slot: "select-icon" }, index$1.h("plus-icon", { key: '1f5fa764396d7f0ecc212ed7e2145dee1250eb4c', width: "15", height: "15" }))))), index$1.h("div", { key: 'f2384ca1eef8e9b50176ca6a23ed018dba95190e', class: "content" }, index$1.h("div", { key: '6ce505f1753086e43ac25e188a63b4319282f33d', id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((field, i) => {
             return (index$1.h("div", { class: `form-field draggable ${field.readonly && 'fixed'}`, part: "nbfc__form_field", key: i }, index$1.h("div", { class: "form-field_header", part: "nbfc__form_field-header" }, index$1.h("span", { class: "dragable" }, index$1.h("dragable-icon", { width: "24", height: "25" })), index$1.h("div", { class: "form-field_header_text" }, index$1.h("h4", null, field.label), index$1.h("p", null, field.typeLabel)), index$1.h("div", { class: "form-field_header_actions" }, index$1.h("span", { class: `is-required` }, field.required ? 'Required' : 'Optional'), !field.readonly && (index$1.h("button", { onClick: () => {
                     this.fieldRemove(i);
                 } }, index$1.h("close-icon", null))), index$1.h("span", { class: `chevron ${field.isOpen ? 'open' : 'closed'}`, onClick: () => {
@@ -4936,22 +4937,22 @@ const NylasBookingFormConfig = class {
         "formFields": ["watchHandler"]
     }; }
 };
-__decorate$o([
+__decorate$q([
     registerComponent.RegisterComponent({
         name: 'nylas-booking-form-config',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         fireRegisterEvent: true,
     }),
-    __metadata$o("design:type", Function),
-    __metadata$o("design:paramtypes", []),
-    __metadata$o("design:returntype", void 0)
+    __metadata$q("design:type", Function),
+    __metadata$q("design:paramtypes", []),
+    __metadata$q("design:returntype", void 0)
 ], NylasBookingFormConfig.prototype, "render", null);
 NylasBookingFormConfig.style = NylasBookingFormConfigStyle0;
 
 const nylasBufferTimeCss = ":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;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}";
 const NylasBufferTimeStyle0 = nylasBufferTimeCss;
 
-var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -4961,7 +4962,7 @@ var __decorate$n = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$n = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$p = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5118,7 +5119,7 @@ const NylasBufferTime = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$n([
+__decorate$p([
     registerComponent.RegisterComponent({
         name: 'nylas-buffer-time',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
@@ -5132,16 +5133,16 @@ __decorate$n([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$n("design:type", Function),
-    __metadata$n("design:paramtypes", []),
-    __metadata$n("design:returntype", void 0)
+    __metadata$p("design:type", Function),
+    __metadata$p("design:paramtypes", []),
+    __metadata$p("design:returntype", void 0)
 ], NylasBufferTime.prototype, "render", null);
 NylasBufferTime.style = NylasBufferTimeStyle0;
 
 const nylasCalendarPickerCss = ":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;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button--error){border:1px solid var(--nylas-error)}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}";
 const NylasCalendarPickerStyle0 = nylasCalendarPickerCss;
 
-var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -5151,7 +5152,7 @@ var __decorate$m = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$m = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$o = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5166,9 +5167,9 @@ const NylasCalendarPicker = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
-        this.calendars = undefined;
-        this.currentUser = undefined;
         this.name = 'calendar';
+        this.currentUser = undefined;
+        this.calendars = undefined;
         this.defaultSelectedCalendars = [];
         this.selectedCalendars = [];
         this.error = '';
@@ -5242,7 +5243,7 @@ const NylasCalendarPicker = class {
         "name": ["elementNameChangedHandler"]
     }; }
 };
-__decorate$m([
+__decorate$o([
     registerComponent.RegisterComponent({
         name: 'nylas-calendar-picker',
         stateToProps: new Map([['schedulerConfig.currentUser', 'currentUser']]),
@@ -5256,16 +5257,16 @@ __decorate$m([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$m("design:type", Function),
-    __metadata$m("design:paramtypes", []),
-    __metadata$m("design:returntype", void 0)
+    __metadata$o("design:type", Function),
+    __metadata$o("design:paramtypes", []),
+    __metadata$o("design:returntype", void 0)
 ], NylasCalendarPicker.prototype, "render", null);
 NylasCalendarPicker.style = NylasCalendarPickerStyle0;
 
 const nylasCancellationPolicyCss = ":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}.nylas-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-cancellation-policy textarea::-webkit-resizer{display:none}";
 const NylasCancellationPolicyStyle0 = nylasCancellationPolicyCss;
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -5275,7 +5276,7 @@ var __decorate$l = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$l = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$n = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5329,7 +5330,7 @@ const NylasCancellationPolicy = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '3a6dfd352ec770b8103541bf2145147c84832402' }, index$1.h("div", { key: '1cfa42ee08f5182fe9e1405ac6c8c56cea1c070e', class: "nylas-cancellation-policy", part: "ncpolicy" }, index$1.h("label", { key: 'a9867af2834b0a6d417a08c58695b38850d19796', htmlFor: this.name }, "Cancellation policy message", index$1.h("span", { key: 'c9a6e487bd1cfd0d594aefb7820fc5a29f10c1e5', class: "label-icon" }, index$1.h("tooltip-component", { key: '653b93c98e586c52ffa0c34d7031370e24836f60' }, index$1.h("info-icon", { key: '5164bfd6ae87d969e9022edf78a7e9860d8f1aac', slot: "tooltip-icon" }), index$1.h("span", { key: '3cd23badfe5525228486767147a5db993ce37737', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index$1.h("textarea", { key: '85b6eee5d41437810195739c364a7b1195da928a', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
+        return (index$1.h(index$1.Host, { key: '4bae0ed63f5beb4bfded63e6a6243ad9231706cc' }, index$1.h("div", { key: 'e8b16dcdf8d9095a9922ec237cb30f3ea6501dde', class: "nylas-cancellation-policy", part: "ncpolicy" }, index$1.h("label", { key: '3813b4c723c97c0c1aae070c88cf0111c73d9a3f', htmlFor: this.name }, "Cancellation policy message", index$1.h("span", { key: '39b8a017d43bd8ea0d6e24b4ac180a551d88c963', class: "label-icon" }, index$1.h("tooltip-component", { key: 'f5ecc2daf78366a81869aec1a8b0aa783e338b20' }, index$1.h("info-icon", { key: '4f128afc88ab509aeff42e1491c6dde245014685', slot: "tooltip-icon" }), index$1.h("span", { key: '28446b374372f8c36566fd6b7c6e6babb3668a1a', slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), index$1.h("textarea", { key: 'd518b68d61229a2a9ee9c3cda2a2a17b834e7343', id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -5338,23 +5339,23 @@ const NylasCancellationPolicy = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$l([
+__decorate$n([
     registerComponent.RegisterComponent({
         name: 'nylas-cancellation-policy',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$l("design:type", Function),
-    __metadata$l("design:paramtypes", []),
-    __metadata$l("design:returntype", void 0)
+    __metadata$n("design:type", Function),
+    __metadata$n("design:paramtypes", []),
+    __metadata$n("design:returntype", void 0)
 ], NylasCancellationPolicy.prototype, "render", null);
 NylasCancellationPolicy.style = NylasCancellationPolicyStyle0;
 
 const nylasConfirmationEmailCss = ":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;width:inherit}.nylas-confirmation-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-confirmation-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-confirmation-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.nylas-confirmation-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-confirmation-email .header .confirmation-email-toggle .chevron:hover,.nylas-confirmation-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-confirmation-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body{grid-template-columns:1fr}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section{border:none}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row.full-width-col{grid-template-columns:1fr;border-top:1px solid var(--nylas-base-200);padding-top:1.25rem;margin:0.25rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label{display:flex;align-items:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon{margin-left:4px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row label span.label-icon tooltip-component{display:flex}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container{display:flex;gap:32px;width:100%}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .nylas-confirmation-email__row span.selected-value{font-weight:500}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container{padding:0 2rem 1rem}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body .nylas-confirmation-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-confirmation-email .nylas-confirmation-email__body span.error-message{color:var(--nylas-error)}.nylas-confirmation-email .nylas-confirmation-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.nylas-confirmation-email .nylas-confirmation-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.nylas-confirmation-email .nylas-confirmation-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}";
 const NylasConfirmationEmailStyle0 = nylasConfirmationEmailCss;
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -5364,7 +5365,7 @@ var __decorate$k = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$k = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$m = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5381,9 +5382,9 @@ const NylasConfirmationEmail = class {
         }
         this.selectedConfiguration = undefined;
         this.confirmationEmailTemplate = {};
-        this.isOpen = false;
         this.participants = [];
         this.name = 'confirmation-email-template';
+        this.isOpen = false;
         this.confirmationEmail = undefined;
         this.isConfirmationEmailOpen = this.isOpen;
         this.participantsState = this.participants;
@@ -5436,8 +5437,17 @@ const NylasConfirmationEmail = class {
         const { value, name } = event.detail;
         if (name === 'confirmation-email-logo') {
             this.confirmationEmail = { ...this.confirmationEmail, logo: value };
-            this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
             this.valueChanged.emit({ value: JSON.stringify(this.confirmationEmail), name: this.name });
+            if (typeof this.internals.setValidity === 'function' && typeof this.internals.setFormValue === 'function') {
+                this.internals.setFormValue(JSON.stringify(this.confirmationEmail), this.name);
+                this.internals.setValidity({});
+            }
+        }
+    }
+    async nylasFormInputImageUrlInvalidHandler(event) {
+        const { value, name } = event.detail;
+        if (name === 'confirmation-email-logo' && typeof this.internals.setValidity === 'function') {
+            this.internals.setValidity({ customError: true }, value || 'Invalid image URL.');
         }
     }
     updateConfirmationFormValue() {
@@ -5455,8 +5465,9 @@ const NylasConfirmationEmail = class {
         this.valueChanged.emit({ value: JSON.stringify(this.confirmationEmail), name: this.name });
     }
     render() {
-        const organizerName = this.participantsState.find(p => p.is_organizer)?.name;
-        return (index$1.h(index$1.Host, { key: '113ee760057ff8f3d2c4706021b529a5cae8fa9b' }, index$1.h("div", { key: '43d955f1781f9758066da4d94f336e862b22a5c9', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '93c74d8fd4ab8e10ad83954c97ef93a201a43e1a', class: "header", part: "nce__header" }, index$1.h("div", { key: 'f9cc4b2c2d43d512794df2860a95d07ee77ddb80' }, index$1.h("h3", { key: 'd942c04cd5909abf82cfa7d53a7405c0705c4a2a' }, this.confirmationEmail?.booking_confirmed?.title ?? `Booking confirmed with ${organizerName ? ` ${organizerName}` : ''}`), index$1.h("p", { key: 'd7ee4208be4934a80e33d1dd8abb09e0ab00c13b' }, "Booking confirmation email")), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
+        const organizer = this.participantsState.find(p => p.is_organizer);
+        const organizerName = organizer?.name || organizer?.email;
+        return (index$1.h(index$1.Host, { key: 'bc4803b94f914d083bd33cf4cecd0cac70b0658c' }, index$1.h("div", { key: '6445d38b903bffd19b4db004e850f6488ed4c27f', class: "nylas-confirmation-email", part: "nce" }, index$1.h("div", { key: '7ce1ccd72ef83717aec42fe0b533902e3a254796', class: "header", part: "nce__header" }, index$1.h("div", { key: 'cbceb816c30deebc4e053a7abd1da1c82c171ebe' }, index$1.h("h3", { key: '36f5b00d5a98d325341ff06b2bb3ba3cf951e94f' }, this.confirmationEmail?.booking_confirmed?.title ?? `Booking confirmed with ${organizerName ? ` ${organizerName}` : ''}`), index$1.h("p", { key: '6f72022d71e5f4e3c03d0f6d07d7f0f5bc0f9686' }, "Booking confirmation email")), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "confirmation-email-toggle", part: "nce__confirmation-email-toggle--container" }, index$1.h("span", { class: `chevron ${this.isConfirmationEmailOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" })))) : (index$1.h("button-component", { variant: 'basic', clickHandler: event => {
                 event.preventDefault();
                 this.toggleConfirmationEmail();
             } }, index$1.h("edit-icon", { width: "16", height: "16" }), "Edit"))), this.isConfirmationEmailOpen ? (index$1.h("div", { class: "nylas-confirmation-email__body", part: "nce__body" }, index$1.h("div", { class: "nylas-confirmation-email__section" }, index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("label", null, "Send confirmation email", index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "You and your guests will receive a confirmation email immediately upon booking.")))), index$1.h("span", { class: "selected-value" }, "Immediately upon booking")), index$1.h("div", { class: "nylas-confirmation-email__row" }, index$1.h("div", { class: "subsection" }, index$1.h("div", { class: "input-container" }, index$1.h("label", null, "Company logo URL", index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "This logo appears in the booking confirmation email. The URL must be publicly accessible. The image will be scaled down to a max size of 200px x 100px.")))), this.confirmationEmail && (index$1.h("input-image-url", { name: "confirmation-email-logo", exportparts: "iiu__logo-input-textfield: nce__input-image-url", imageUrl: this.confirmationEmail?.logo ?? '' }))))), index$1.h("div", { class: "nylas-confirmation-email__row full-width-col" }, index$1.h("div", { class: "subsection" }, index$1.h("h3", null, "Email message"), index$1.h("div", { class: "input-container" }, index$1.h("label", { htmlFor: "title" }, "Custom email title", index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "An email title is a headline within the body of the email. This doesn't change the subject line.")))), index$1.h("input-component", { name: "confirmation-email-title", maxLength: 60, placeholder: `Booking confirmed ${organizerName ? `with ${organizerName}` : ''}`, defaultValue: this.confirmationEmail?.booking_confirmed?.title ?? '' })), index$1.h("div", { class: "input-container" }, index$1.h("textarea-component", { label: "Additional info", name: "confirmation-email-body", id: "confirmation-email-body", placeholder: "Default body", tooltip: "Scheduler adds the content of the box to the email body.", maxLength: 500, defaultValue: this.confirmationEmail?.booking_confirmed?.body ?? '' }))))))) : (index$1.h("div", { class: "nylas-confirmation-email__summary", part: "nce__summary" }, index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("person-clipboard-icon", null)), "All host & guests"), index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("clock-icon", null)), "Immediately on booking"))))));
@@ -5468,7 +5479,7 @@ const NylasConfirmationEmail = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$k([
+__decorate$m([
     registerComponent.RegisterComponent({
         name: 'nylas-confirmation-email',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
@@ -5482,16 +5493,16 @@ __decorate$k([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$k("design:type", Function),
-    __metadata$k("design:paramtypes", []),
-    __metadata$k("design:returntype", void 0)
+    __metadata$m("design:type", Function),
+    __metadata$m("design:paramtypes", []),
+    __metadata$m("design:returntype", void 0)
 ], NylasConfirmationEmail.prototype, "render", null);
 NylasConfirmationEmail.style = NylasConfirmationEmailStyle0;
 
 const nylasConnectedCalendarsCss = ":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;width:inherit}.nylas-connected-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-connected-calendars .header{padding:1rem}.nylas-connected-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-connected-calendars .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-connected-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200)}.nylas-connected-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-connected-calendars .content .participant-container .participant-title p{margin:0}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-connected-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-calendar-picker::part(ncp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}";
 const NylasConnectedCalendarsStyle0 = nylasConnectedCalendarsCss;
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -5501,7 +5512,7 @@ var __decorate$j = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$j = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$l = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5602,6 +5613,10 @@ const NylasConnectedCalendars = class {
             this.selectedCalendars = this.setParticipants(this.selectedConfiguration?.participants);
             this.participantCalendars = this.getParticipantCalendarOptions(this.selectedConfiguration?.participants, this.participantOptions);
         }
+        else {
+            this.selectedCalendars = this.setParticipants(this.participants);
+            this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);
+        }
     }
     handleValueChanged(event) {
         utils.debug('[nylas-editor-tabs]', 'handleValueChanged', event);
@@ -5643,12 +5658,12 @@ const NylasConnectedCalendars = class {
         return selectedParticipants;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '93c9e0b22219deb57d1eb08f1ffa3057c1f11e2d' }, index$1.h("div", { key: 'fbd05348502ca5f1bf16cdcabe57486afed5ff08', class: "nylas-connected-calendars", part: "npca" }, index$1.h("div", { key: 'c83d17fa00cca611b100cb17f327af5a4841fec6', class: "header", part: "npca__header" }, index$1.h("h3", { key: '563228be14edc1cfd8c9cb2c4da74f7384b6824c' }, "Connected Calendars"), index$1.h("p", { key: 'f9349bbbd8769616744fc125b22f0d50ff340c48' }, "Select the calendars to use for checking your availability.", index$1.h("tooltip-component", { key: 'b119f309472799d0d7b882cdcf079e0e5fad63ce' }, index$1.h("info-icon", { key: 'f065051277ec70042dcebc59b0baaf0b7c8a7fc3', slot: "tooltip-icon" }), index$1.h("span", { key: '3dcad6fcad23ba112d4167fee874a41363ed79ea', slot: "tooltip-content" }, "Check availability across one or more calendars. If you select multiple calendars for a participant, the participant must be available across all of their calendars to be considered available.")))), index$1.h("div", { key: 'd313e98a65f0dc8a5c8ad12d3d2a301263fe6121', class: "content", part: "npca__content" }, index$1.h("form", { key: '0e71e357eefb86c6d60e932793a779e7f4d48ead', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
+        return (index$1.h(index$1.Host, { key: '32710fe762bdf90e238c62695957a9fca31db258' }, index$1.h("div", { key: 'a5ebf4adb7eb8e1b8a065bc05733738da06fbac3', class: "nylas-connected-calendars", part: "nccals" }, index$1.h("div", { key: 'f3c820bcde922a7b852630d86145b1e6e1bf0e25', class: "header", part: "nccals__header" }, index$1.h("h3", { key: 'e2b68d05d416c322b22f969d8d8c890a09812154' }, "Connected Calendars"), index$1.h("p", { key: '4dd41d10a6043fec1c0f4943371c312a29e1d489' }, "Select the calendars to use for checking your availability.", index$1.h("tooltip-component", { key: '6a8ec009fd879e1ed6b6fb65be75a88255adba17' }, index$1.h("info-icon", { key: '0d4a99eaee064ecee1c82ee5b13f3ab87a1d5d93', slot: "tooltip-icon" }), index$1.h("span", { key: 'de3779efce64d7a14dbc3f7759c827005f92ed50', slot: "tooltip-content" }, "Check availability across one or more calendars. If you select multiple calendars for a participant, the participant must be available across all of their calendars to be considered available.")))), index$1.h("div", { key: '720267110636c1dc06ac67b7e715515f56737b73', class: "content", part: "nccals__content" }, index$1.h("form", { key: 'f295ba327aa302ea186dbf2daef3a9c30f96ee5f', ref: el => (this.connectedCalendarsFormRef = el) }, Object.keys(this.participantCalendars).map((key, index) => {
             const participant = this.selectedCalendars[key];
             const participantCalendars = this.participantCalendars[key];
             if (!participant || !participant.name)
                 return;
-            return (index$1.h("div", { class: "participant-container", part: "npca__participant-container", key: `participant-conatiner-${index}` }, index$1.h("div", { class: "participant-title", part: "npca__participant-title" }, index$1.h("p", null, participant.name, "'s connected calendars"), index$1.h("div", { class: "participant-toggle", part: "npca__participant-toggle--container" }, index$1.h("span", { class: `chevron ${participant.isOpen ? 'open' : 'closed'}`, onClick: () => {
+            return (index$1.h("div", { class: "participant-container", part: "nccals__container", key: `participant-conatiner-${index}` }, index$1.h("div", { class: "participant-title", part: "nccals__title" }, index$1.h("p", null, participant.name, "'s connected calendars"), index$1.h("div", { class: "participant-toggle", part: "nccals__toggle-container" }, index$1.h("span", { class: `chevron ${participant.isOpen ? 'open' : 'closed'}`, onClick: () => {
                     this.selectedCalendars[key].isOpen = !participant.isOpen;
                     this.selectedCalendars = { ...this.selectedCalendars };
                 } }, index$1.h("chevron-icon", { width: "24", height: "24" })))), participant.isOpen && (index$1.h("nylas-calendar-picker", { key: key, name: `participant-${key}`, calendars: participantCalendars, defaultSelectedCalendars: this.participantDefaultSelectedCalendars[key] }))));
@@ -5664,7 +5679,7 @@ const NylasConnectedCalendars = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$j([
+__decorate$l([
     registerComponent.RegisterComponent({
         name: 'nylas-connected-calendars',
         stateToProps: new Map([
@@ -5675,16 +5690,16 @@ __decorate$j([
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$j("design:type", Function),
-    __metadata$j("design:paramtypes", []),
-    __metadata$j("design:returntype", void 0)
+    __metadata$l("design:type", Function),
+    __metadata$l("design:paramtypes", []),
+    __metadata$l("design:returntype", void 0)
 ], NylasConnectedCalendars.prototype, "render", null);
 NylasConnectedCalendars.style = NylasConnectedCalendarsStyle0;
 
 const nylasCustomBookingFlowCss = ":host{display:block;margin:1rem;--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}.nylas-custom-booking-flow__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-custom-booking-flow__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-custom-booking-flow__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-custom-booking-flow__block{display:flex;justify-content:space-between;gap:0.5rem}";
 const NylasCustomBookingFlowStyle0 = nylasCustomBookingFlowCss;
 
-var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -5694,7 +5709,7 @@ var __decorate$i = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$i = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$k = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5723,27 +5738,27 @@ const NylasCustomBookingFlow = class {
         utils.checkForMissingSlots(['inputs'], this.el);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '9ac3169c2eff9023ac8b8059f14ae309af22d45a' }, index$1.h("nylas-form-card", { key: '02be9921b35d02afb300b272a2508871928514e3', exportparts: "nfc__header: ncbf__header" }, index$1.h("h1", { key: '0a7e4a9cc508c666cd0b5b3199b5e8fdbdcb9964', slot: "header-title", class: "nylas-custom-booking-flow__title", part: "ncbf__title" }, "Custom booking flow"), index$1.h("div", { key: '0416972885e9a3581b64677e297eb8cd10226bc8', slot: "content", class: "nylas-custom-booking-flow__content" }, index$1.h("slot", { key: '779f10585d3011df40021104b2ff8d9334544441', name: "inputs" })))));
+        return (index$1.h(index$1.Host, { key: 'd9e4b13338b50f21575a7c7f0fba18a5b2828fe8', part: "ncbflow" }, index$1.h("nylas-form-card", { key: '1f53c24698354fbf45ecd67ac24f690e36133cca', exportparts: "nfc__header: ncbflow__header" }, index$1.h("h1", { key: '680813d1aaf33014732e8cf3038a27f4ab4bd607', slot: "header-title", class: "nylas-custom-booking-flow__title", part: "ncbflow__title" }, "Custom booking flow"), index$1.h("div", { key: '2da6f6587e05e65cd1e2b35718168f665c3348c1', slot: "content", class: "nylas-custom-booking-flow__content", part: "ncbflow__content" }, index$1.h("slot", { key: '73937227f3a398779b0d1c97e525ca0bec593d85', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index$1.getElement(this); }
 };
-__decorate$i([
+__decorate$k([
     registerComponent.RegisterComponent({
         name: 'nylas-custom-booking-flow',
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$i("design:type", Function),
-    __metadata$i("design:paramtypes", []),
-    __metadata$i("design:returntype", void 0)
+    __metadata$k("design:type", Function),
+    __metadata$k("design:paramtypes", []),
+    __metadata$k("design:returntype", void 0)
 ], NylasCustomBookingFlow.prototype, "render", null);
 NylasCustomBookingFlow.style = NylasCustomBookingFlowStyle0;
 
 const nylasCustomEventSlugCss = ":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;width:inherit}.nylas-custom-event-slug{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-custom-event-slug .header{padding:1rem;display:grid;grid-template-columns:1fr auto}.nylas-custom-event-slug .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-custom-event-slug .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-event-slug .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-custom-event-slug .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-custom-event-slug .header .drawer-toggle .chevron:hover,.nylas-custom-event-slug .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-custom-event-slug .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-custom-event-slug .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-custom-event-slug .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-custom-event-slug .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-custom-event-slug .nylas-custom-event-slug__body{display:grid;grid-template-columns:1fr;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.nylas-custom-event-slug .nylas-custom-event-slug__body{grid-template-columns:1fr}}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section{border:none}}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section .nylas-custom-event-slug__row{display:flex;align-items:center;gap:1rem}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section .nylas-custom-event-slug__row label{display:flex;align-items:center}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section .nylas-custom-event-slug__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section .nylas-custom-event-slug__row label span.label-icon{margin-left:4px}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section .nylas-custom-event-slug__row label span.label-icon tooltip-component{display:flex}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section .nylas-custom-event-slug__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-custom-event-slug .nylas-custom-event-slug__body .nylas-custom-event-slug__section .nylas-custom-event-slug__row .input-container{width:100%}.nylas-custom-event-slug .nylas-custom-event-slug__body span.error-message{color:var(--nylas-error)}.nylas-custom-event-slug .nylas-custom-event-slug__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;display:flex;flex-direction:row;gap:0.125rem;border-radius:var(--nylas-border-radius-2x);z-index:1}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper:focus{outline-color:var(--nylas-primary)}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper.error::placeholder{font-weight:400}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper::placeholder{color:var(--nylas-base-300)}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper.focus{outline:2px solid var(--nylas-primary)}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper.error{border-color:var(--nylas-error);outline:none}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper input-component::part(ic__input){outline:none;border:none;width:100%;font-size:1rem;height:auto;padding-left:0px}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper .prefix{z-index:1;margin-top:1px;color:var(--nylas-base-400);font-weight:500;font-size:24px}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper .icon{margin-right:0.25rem;padding:0 0.75rem;height:100%;display:flex;align-items:center;right:0;cursor:pointer;user-select:none}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper .icon.disabled{cursor:not-allowed}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper .icon:hover svg path{fill:var(--nylas-primary)}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper .icon:active svg path{fill:var(--nylas-base-500)}.nylas-custom-event-slug .nylas-custom-event-slug__input-wrapper .icon .copied{display:flex;align-items:center;font-size:0.875rem;gap:0.125rem}";
 const NylasCustomEventSlugStyle0 = nylasCustomEventSlugCss;
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -5753,7 +5768,7 @@ var __decorate$h = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$h = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$j = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5794,6 +5809,7 @@ const NylasCustomEventSlug = class {
             this.selectedConfigurationChangedHandler(this.selectedConfiguration);
         }
         else {
+            console.log('No selected configuration found');
             this.urlSlug = this.defaultUrlSlug || '';
         }
     }
@@ -5875,7 +5891,7 @@ const NylasCustomEventSlug = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$h([
+__decorate$j([
     registerComponent.RegisterComponent({
         name: 'nylas-custom-event-slug',
         stateToProps: new Map([
@@ -5892,16 +5908,16 @@ __decorate$h([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$h("design:type", Function),
-    __metadata$h("design:paramtypes", []),
-    __metadata$h("design:returntype", void 0)
+    __metadata$j("design:type", Function),
+    __metadata$j("design:paramtypes", []),
+    __metadata$j("design:returntype", void 0)
 ], NylasCustomEventSlug.prototype, "render", null);
 NylasCustomEventSlug.style = NylasCustomEventSlugStyle0;
 
 const nylasCustomizeBookingSettingsCss = ":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;width:inherit}.nylas-customize-booking-settings{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-customize-booking-settings .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;margin:1rem 0}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings .nylas-customize-booking-settings__settings-div{display:flex;align-items:center;gap:4px}.label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}.label .label-contents{margin:0;display:inline-block}@media screen and (max-width: 768px){.label .label-contents{display:block}}.label tooltip-component{display:inline-block}@media screen and (max-width: 768px){tooltip-component#guests::part(tc__content){left:58px}}tooltip-component#reschedule::part(tc__content){left:58px}@media screen and (max-width: 768px){tooltip-component#reschedule::part(tc__content){left:58px}}tooltip-component#cancel::part(tc__content){left:-58px}@media screen and (max-width: 768px){tooltip-component#cancel::part(tc__content){left:58px}}";
 const NylasCustomizeBookingSettingsStyle0 = nylasCustomizeBookingSettingsCss;
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -5911,7 +5927,7 @@ var __decorate$g = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$g = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$i = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -5961,9 +5977,9 @@ const NylasCustomizeBookingSettings = class {
             this.selectedConfigurationChangedHandler(this.selectedConfiguration);
         }
         else {
-            this.allowGuestsToInvite = true;
-            this.hideCancellationOptions = false;
-            this.hideReschedulingOptions = false;
+            this.allowGuestsToInvite = !this.defaultHideAdditionalGuests;
+            this.hideCancellationOptions = this.defaultHideCancellationOptions;
+            this.hideReschedulingOptions = this.defaultHideReschedulingOptions;
         }
     }
     componentWillUpdate() {
@@ -6007,7 +6023,7 @@ const NylasCustomizeBookingSettings = class {
     }
     render() {
         const showComponent = typeof this.hideCancellationOptions === 'boolean' && typeof this.hideReschedulingOptions === 'boolean' && typeof this.allowGuestsToInvite === 'boolean';
-        return (index$1.h(index$1.Host, { key: 'b030237db476f7a4b981d2af5d49f0315ffaa2c0' }, showComponent && (index$1.h("div", { class: "nylas-customize-booking-settings", part: "ncbs" }, index$1.h("div", { class: "header", part: "ncbs__header" }, index$1.h("h3", null, "Additional settings"), index$1.h("p", null, "Booking settings for the event.")), index$1.h("div", { class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index$1.h("div", { class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index$1.h("checkbox-component", { name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index$1.h("span", { slot: "label", class: "label" }, index$1.h("p", { class: "label-contents" }, "Allow guests to invite additional guests.")))), index$1.h("div", { class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index$1.h("checkbox-component", { name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index$1.h("span", { slot: "label", class: "label" }, index$1.h("p", { class: "label-contents" }, "Hide rescheduling option."), index$1.h("tooltip-component", { id: "reschedule" }, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "Hide the\u00A0", index$1.h("strong", null, "Reschedule"), "\u00A0button in the booking confirmation and email notifications."))))), index$1.h("div", { class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index$1.h("checkbox-component", { name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index$1.h("span", { slot: "label", class: "label" }, index$1.h("p", { class: "label-contents" }, "Hide cancellation option."), index$1.h("tooltip-component", { id: "cancel" }, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "Hide the\u00A0", index$1.h("strong", null, "Cancel"), "\u00A0button in the booking confirmation and email notifications."))))))))));
+        return (index$1.h(index$1.Host, { key: '472a3a5b7b439666b54a4b6f22b702a923063c83' }, showComponent && (index$1.h("div", { class: "nylas-customize-booking-settings", part: "ncbs" }, index$1.h("div", { class: "header", part: "ncbs__header" }, index$1.h("h3", null, "Additional settings"), index$1.h("p", null, "Booking settings for the event.")), index$1.h("div", { class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, index$1.h("div", { class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, index$1.h("checkbox-component", { name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, index$1.h("span", { slot: "label", class: "label" }, index$1.h("p", { class: "label-contents" }, "Allow guests to invite additional guests.")))), index$1.h("div", { class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, index$1.h("checkbox-component", { name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, index$1.h("span", { slot: "label", class: "label" }, index$1.h("p", { class: "label-contents" }, "Hide rescheduling option."), index$1.h("tooltip-component", { id: "reschedule" }, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "Hide the\u00A0", index$1.h("strong", null, "Reschedule"), "\u00A0button in the booking confirmation and email notifications."))))), index$1.h("div", { class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, index$1.h("checkbox-component", { name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, index$1.h("span", { slot: "label", class: "label" }, index$1.h("p", { class: "label-contents" }, "Hide cancellation option."), index$1.h("tooltip-component", { id: "cancel" }, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "Hide the\u00A0", index$1.h("strong", null, "Cancel"), "\u00A0button in the booking confirmation and email notifications."))))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -6016,22 +6032,22 @@ const NylasCustomizeBookingSettings = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$g([
+__decorate$i([
     registerComponent.RegisterComponent({
         name: 'nylas-customize-booking-settings',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         fireRegisterEvent: true,
     }),
-    __metadata$g("design:type", Function),
-    __metadata$g("design:paramtypes", []),
-    __metadata$g("design:returntype", void 0)
+    __metadata$i("design:type", Function),
+    __metadata$i("design:paramtypes", []),
+    __metadata$i("design:returntype", void 0)
 ], NylasCustomizeBookingSettings.prototype, "render", null);
 NylasCustomizeBookingSettings.style = NylasCustomizeBookingSettingsStyle0;
 
 const nylasEventDescriptionCss = ":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}.nylas-event-description{display:flex;flex-direction:column;gap:4px}.nylas-event-description label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}";
 const NylasEventDescriptionStyle0 = nylasEventDescriptionCss;
 
-var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -6041,7 +6057,7 @@ var __decorate$f = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$f = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$h = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -6097,7 +6113,7 @@ const NylasEventDescription = class {
         this.valueChanged.emit({ value: value, name: this.name });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'dd827d096c15e009592bc75ea7655eb78e7bd989' }, index$1.h("div", { key: '7ec95b793f18c9088f11d59f25164c46fce00244', class: "nylas-event-description", part: "nedesc" }, index$1.h("label", { key: '239f510e59de8a3b9195629d10a145e27591e016', htmlFor: "description" }, "Event description", index$1.h("span", { key: '977f00f43126e12a329d5846bf2839686b428736', class: "label-icon" }, index$1.h("tooltip-component", { key: 'c81ed9bc47f6726e700c3aef9869c2cc4b7ac5dc' }, index$1.h("info-icon", { key: 'dbe479dc07441089215d3c09ea3feae3c0151a4c', slot: "tooltip-icon" }), index$1.h("span", { key: '4bfd20bdfe73ab3ea7d58f70c32aa345f45f9a01', slot: "tooltip-content" }, "The event description appears in the Scheduler Editor\u2019s manager view.")))), index$1.h("textarea", { key: '37bc370bc7f9f40ee1ac32ac09fc712597356fa1', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
+        return (index$1.h(index$1.Host, { key: '6a7fc19449be05b4b6207692d5ceec94347f913e' }, index$1.h("div", { key: '8e0d79a310e1cccf1d9b7772703714907b01688f', class: "nylas-event-description", part: "nedesc" }, index$1.h("label", { key: 'aac3fa43d77623ce9f51cd4aa81075c779a9da3e', htmlFor: "description" }, "Event description", index$1.h("span", { key: 'a62743418230bdc20188052795c6ecb9e7ad2903', class: "label-icon" }, index$1.h("tooltip-component", { key: '7842c029c8f46d97f65cd321668cc6c7243b9787' }, index$1.h("info-icon", { key: 'df7e6389587e8a76f9dcb8b57c7373f747569a0b', slot: "tooltip-icon" }), index$1.h("span", { key: 'a8c37a68325c6d674c2f8ee6bdb8999d5f5d4b04', slot: "tooltip-content" }, "The event description appears in the Scheduler Editor\u2019s manager view.")))), index$1.h("textarea", { key: '92938097ecfa8812dea7f663f9f93439398e856f', id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: e => this.handleChange(e) }))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -6106,23 +6122,23 @@ const NylasEventDescription = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$f([
+__decorate$h([
     registerComponent.RegisterComponent({
         name: 'nylas-event-description',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$f("design:type", Function),
-    __metadata$f("design:paramtypes", []),
-    __metadata$f("design:returntype", void 0)
+    __metadata$h("design:type", Function),
+    __metadata$h("design:paramtypes", []),
+    __metadata$h("design:returntype", void 0)
 ], NylasEventDescription.prototype, "render", null);
 NylasEventDescription.style = NylasEventDescriptionStyle0;
 
 const nylasEventDurationCss = ":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}.nylas-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}.nylas-event-duration__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-event-duration__wrapper select-dropdown{width:100%}}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}";
 const NylasEventDurationStyle0 = nylasEventDurationCss;
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -6132,7 +6148,7 @@ var __decorate$e = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$e = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$g = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -6185,7 +6201,6 @@ const NylasEventDuration = class {
     componentWillLoad() {
         utils.debug('nylas-event-duration', 'componentWillLoad');
         this.host.setAttribute('name', this.name);
-        this.setDurationMintueOptions();
     }
     componentDidLoad() {
         utils.debug('nylas-event-duration', 'componentDidLoad');
@@ -6195,7 +6210,10 @@ const NylasEventDuration = class {
         this.duration = this.duration ? this.duration : this.eventDurationMinutes ? (this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes) : 30;
         this.durationMinutes = this.durationMinutes ? this.durationMinutes : this.duration ? this.duration : 30;
         this.durationIncrement = this.durationIncrement ? this.durationIncrement : this.duration >= 60 ? 60 : 1;
-        this.internals.setFormValue(this.durationMinutes.toString(), 'duration');
+        this.setDurationMintueOptions();
+        if (typeof this.internals.setFormValue === 'function') {
+            this.internals.setFormValue(this.durationMinutes.toString(), 'duration');
+        }
     }
     disconnectedCallback() {
         utils.debug('nylas-event-duration', 'disconnectedCallback');
@@ -6245,7 +6263,7 @@ const NylasEventDuration = class {
             { value: 1, label: 'minute' },
             { value: 60, label: 'hour' },
         ];
-        return (index$1.h(index$1.Host, { key: '3aeec3a1b528f5e1d6c0470122a31fd5e7470fa9' }, index$1.h("div", { key: '1c1efed9fdecbde574461154cc3b60f29bafe657', class: "nylas-event-duration", part: "ned" }, index$1.h("label", { key: 'cd8cb2b52038a897b03021e90b4ec335b2390db5', htmlFor: "duration" }, "Event duration", index$1.h("span", { key: '8a09d363737a793078e2c7a7f7764b28851569c9', class: "required" }, "*")), index$1.h("div", { key: '970ef2ffc2a7d718346e6654c99cc24b34e44ec9', class: "nylas-event-duration__wrapper" }, index$1.h("input-dropdown", { key: 'bb614ca89f742a55e86d1cdf6a8a779f0631bb7f', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) }), this.durationIncrement && (index$1.h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement), withSearch: false }))))));
+        return (index$1.h(index$1.Host, { key: 'f6b60528b9c3f2978ac12beae9bf049a9b90fec5' }, index$1.h("div", { key: 'f7c778d981fa1d33ceed820d500e6820a4f1223c', class: "nylas-event-duration", part: "ned" }, index$1.h("label", { key: 'f461dcfeda616f50820d6cdacb5dfded22ec7aff', htmlFor: "duration" }, "Event duration", index$1.h("span", { key: '086d2458ad14f00f718fb9106c45d63576c9f734', class: "required" }, "*")), index$1.h("div", { key: 'cf27800dec77fbe74c9428de92fa042a419ddb25', class: "nylas-event-duration__wrapper" }, index$1.h("input-dropdown", { key: '06ed64927a69ca96bb9f9cc5cfede6d55c310598', name: 'event-duration', options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find(i => i.value == this.duration) }), this.durationIncrement && (index$1.h("select-dropdown", { name: 'event-duration', options: durationOptions, pluralizedLabel: this.duration > 1 ? 's' : '', exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: durationOptions.find(i => i.value == this.durationIncrement), withSearch: false }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -6255,23 +6273,23 @@ const NylasEventDuration = class {
         "durationMinutes": ["durationMinutesChangedHandler"]
     }; }
 };
-__decorate$e([
+__decorate$g([
     registerComponent.RegisterComponent({
         name: 'nylas-event-duration',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$e("design:type", Function),
-    __metadata$e("design:paramtypes", []),
-    __metadata$e("design:returntype", void 0)
+    __metadata$g("design:type", Function),
+    __metadata$g("design:paramtypes", []),
+    __metadata$g("design:returntype", void 0)
 ], NylasEventDuration.prototype, "render", null);
 NylasEventDuration.style = NylasEventDurationStyle0;
 
 const nylasEventInfoCss = ":host{display:block;margin:1rem;--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}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}";
 const NylasEventInfoStyle0 = nylasEventInfoCss;
 
-var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -6281,7 +6299,7 @@ var __decorate$d = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$f = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -6310,27 +6328,27 @@ const NylasEventInfo = class {
         utils.debug('nylas-event-info', 'disconnectedCallback');
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'dc82e6a261c9515aa2dedd61467e0623f9f419fb' }, index$1.h("nylas-form-card", { key: 'b3f4473a4a4dfb29df9b31a1d606805c277cd283', exportparts: "nfc__header: nei__header" }, index$1.h("h1", { key: '4bc5e24bf0ee20b7e080cc7fd819bcc0acf05003', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), index$1.h("div", { key: 'be7927569d4e5d0abf462f5a7461ac5270956b99', slot: "content", class: "nylas-event-info__content" }, index$1.h("slot", { key: 'f02a64031f7a344928d81743628c07448fe7561f', name: "inputs" })))));
+        return (index$1.h(index$1.Host, { key: 'be80a4e687ce223a8e52bbabc2e8acadcb194b11' }, index$1.h("nylas-form-card", { key: 'c96b77795ec2516889acf0f78c5eb723b26dd89c', exportparts: "nfc__header: nei__header" }, index$1.h("h1", { key: '890113187adcd6be1ab1d1beb489fe3a80124617', slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, "Event information"), index$1.h("div", { key: '44eaaae3833654530706dc93077b43a7597acc2c', slot: "content", class: "nylas-event-info__content" }, index$1.h("slot", { key: '7af737a67cb007c0ede7db5aa075828311d98da3', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index$1.getElement(this); }
 };
-__decorate$d([
+__decorate$f([
     registerComponent.RegisterComponent({
         name: 'nylas-event-info',
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$d("design:type", Function),
-    __metadata$d("design:paramtypes", []),
-    __metadata$d("design:returntype", void 0)
+    __metadata$f("design:type", Function),
+    __metadata$f("design:paramtypes", []),
+    __metadata$f("design:returntype", void 0)
 ], NylasEventInfo.prototype, "render", null);
 NylasEventInfo.style = NylasEventInfoStyle0;
 
 const nylasEventLimitsCss = ":host{display:block;margin:1rem;--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}.nylas-event-limits__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-limits__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}";
 const NylasEventLimitsStyle0 = nylasEventLimitsCss;
 
-var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -6340,7 +6358,7 @@ var __decorate$c = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$e = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -6369,27 +6387,27 @@ const NylasEventLimits = class {
         utils.debug('nylas-event-limits', 'disconnectedCallback');
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '519286fc0ed67cc0de7e780957e285c34849d89a' }, index$1.h("nylas-form-card", { key: '71b2bf98ab68f54e45de482c6f6e01bed7b8d5a6', exportparts: "nfc__header: nel__header" }, index$1.h("h1", { key: '5e44cbcf5f9ea2a3e7d6c66321717e8d00e5f83b', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), index$1.h("div", { key: '246e33890f149cd6530ac6b944a0ca70a731b696', slot: "content", class: "nylas-event-limits__content" }, index$1.h("slot", { key: 'c614cec4d14660c1167336bdd686b2f31bd74119', name: "inputs" })))));
+        return (index$1.h(index$1.Host, { key: '6a28113e3b403869e77cc3a2c9c3a1bea217dc52' }, index$1.h("nylas-form-card", { key: 'cf9004d044222d796ae59df58737ad9719a20576', exportparts: "nfc__header: nel__header" }, index$1.h("h1", { key: 'ffeeb7a5741c9f07fb4f9bd84016b1707e2b55b7', slot: "header-title", class: "nylas-event-limits__title" }, "Event limits"), index$1.h("div", { key: '7b51592d95736f860ec805950275a18e9d914c32', slot: "content", class: "nylas-event-limits__content" }, index$1.h("slot", { key: '53e9098d736eedf5b22e1b8ae712ec22c8ca865e', name: "inputs" })))));
     }
     static get formAssociated() { return true; }
     get el() { return index$1.getElement(this); }
 };
-__decorate$c([
+__decorate$e([
     registerComponent.RegisterComponent({
         name: 'nylas-event-limits',
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$c("design:type", Function),
-    __metadata$c("design:paramtypes", []),
-    __metadata$c("design:returntype", void 0)
+    __metadata$e("design:type", Function),
+    __metadata$e("design:paramtypes", []),
+    __metadata$e("design:returntype", void 0)
 ], NylasEventLimits.prototype, "render", null);
 NylasEventLimits.style = NylasEventLimitsStyle0;
 
 const nylasEventLocationCss = ":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}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}";
 const NylasEventLocationStyle0 = nylasEventLocationCss;
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -6399,10 +6417,17 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
+const labels = {
+    none: 'None',
+    custom: 'Custom location',
+    google: 'Google Meet',
+    microsoft: 'Microsoft Teams',
+    zoom: 'Zoom Meeting',
+};
 const NylasEventLocation = class {
     constructor(hostRef) {
         index$1.registerInstance(this, hostRef);
@@ -6423,7 +6448,7 @@ const NylasEventLocation = class {
         this.eventLocation = undefined;
         this.location = this.eventLocation ?? '';
         this.grantId = this.eventConferencing ? this.setDefaultGrantID(this.eventConferencing) : '';
-        this.selectedLocationOption = this.eventConferencing ? this.setDefaultLocationOption(this.eventConferencing, this.location) : '';
+        this.selectedLocationOption = this.eventConferencing ? this.setDefaultLocationOption(this.eventConferencing, this.location) : 'none';
         this.userProviderState = this.userProvider ?? '';
     }
     elementNameChangedHandler(newValue) {
@@ -6550,33 +6575,50 @@ const NylasEventLocation = class {
         this.setFormValue(value, this.name);
         this.valueChanged.emit({ value: value, name: this.name });
     }
-    render() {
-        const locationOptions = [
-            { value: 'none', label: 'None' },
-            { value: 'custom', label: 'Custom location' },
-        ];
+    getIcon(location) {
+        switch (location) {
+            case 'none':
+                return index$1.h("location-off-icon", null);
+            case 'custom':
+                return index$1.h("location-icon", null);
+            case 'google':
+                return index$1.h("google-meet-icon", null);
+            case 'microsoft':
+                return index$1.h("microsoft-teams-icon", null);
+            case 'zoom':
+                return index$1.h("zoom-icon", null);
+        }
+    }
+    getLabelHTML(location) {
+        return (index$1.h("span", { class: "location-label", style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '16px',
+                width: '-webkit-fill-available',
+            } }, this.getIcon(location), index$1.h("span", { class: "location-text", style: {
+                fontSize: '14px',
+                fontWeight: '400',
+            } }, labels[location])));
+    }
+    render() {
+        const locationOptions = [
+            { value: 'none', label: labels['none'], labelHTML: this.getLabelHTML('none') },
+            { value: 'custom', label: labels['custom'], labelHTML: this.getLabelHTML('custom') },
+        ];
         switch (this.userProviderState) {
             case 'google':
-                locationOptions.push({ value: 'google', label: 'Google Meet' });
+                locationOptions.push({ value: 'google', label: labels['google'], labelHTML: this.getLabelHTML('google') });
                 break;
             case 'microsoft':
-                locationOptions.push({ value: 'microsoft', label: 'Microsoft Teams' });
+                locationOptions.push({ value: 'microsoft', label: labels['microsoft'], labelHTML: this.getLabelHTML('microsoft') });
                 break;
         }
         if (this.conferenceProviders?.['zoom']) {
-            locationOptions.push({ value: 'zoom', label: 'Zoom Meeting' });
+            locationOptions.push({ value: 'zoom', label: labels['zoom'], labelHTML: this.getLabelHTML('zoom') });
         }
         const newLocationOptions = [...locationOptions];
         const defaultOption = locationOptions.find(i => i.value == this.selectedLocationOption);
-        const icons = {
-            none: index$1.h("location-off-icon", { key: '2482c1d7540ae00fddbff24ddf0b4189685e3db4' }),
-            custom: index$1.h("location-icon", { key: 'aeb4445371396bad7b3062e0a0ce62f4227f97c4' }),
-            google: index$1.h("google-meet-icon", { key: '6e790972192ecca0900dea5904d3f318d19341cc' }),
-            microsoft: index$1.h("microsoft-teams-icon", { key: '1b372c0129879cf9c16b015ba4fdb6d1cee40597' }),
-            zoom: index$1.h("zoom-icon", { key: '1b46c44aa6db92e2e136bbab6fa98f17376da160' }),
-        };
-        const locationIcon = icons[this.selectedLocationOption];
-        return (index$1.h(index$1.Host, { key: 'f2870194d69bf49afadd49f87c42fb085f60b085' }, index$1.h("div", { key: '247dd130e13d9e8287da1f5d83656f40a2ad313d', class: "nylas-event-location", part: "nel" }, index$1.h("label", { key: 'b7d548b8522830155db8fd2fc7eca8793e8bb8e1', htmlFor: "location" }, "Event meeting or location", index$1.h("span", { key: '587c6c27f6f89ed5a263372123bd509b5984025f', class: "label-icon" }, index$1.h("tooltip-component", { key: '0dad9cbc3627fe4c549fbdba418119b205b1e812' }, index$1.h("info-icon", { key: '6a3938dc0cee21a1c8379b33720ada33c96edacd', slot: "tooltip-icon" }), index$1.h("span", { key: 'dbff5af98e90895815712d4e55bf57c3fdd2f5c4', slot: "tooltip-content" }, "Select a conferencing option or add a custom location.")))), index$1.h("div", { key: '0fe09f3fc8c30a8203a1207357f8e20a81a4bf28', class: "location-input" }, defaultOption?.label && (index$1.h("select-dropdown", { withSearch: false, name: "location", options: newLocationOptions, defaultSelectedOption: defaultOption, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, index$1.h("span", { slot: "select-icon" }, locationIcon))), this.selectedLocationOption === 'custom' && (index$1.h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
+        return (index$1.h(index$1.Host, { key: '9ace3d0c618879dede4f6ea52aed41a0e193352f' }, index$1.h("div", { key: '06f62cedba0696aabc59058f9d1cce12819f350b', class: "nylas-event-location", part: "nel" }, index$1.h("label", { key: '584acc644bdeddcb319395b531a7dad90a165452', htmlFor: "location" }, "Event meeting or location", index$1.h("span", { key: 'a4e2414ab1cf5c83c5f487a21d22d5c66f5b945d', class: "label-icon" }, index$1.h("tooltip-component", { key: '41a0429b5987bd6359c2fd42e8ab4abf67a3f83e' }, index$1.h("info-icon", { key: '8723ecf7cd91edee84b3ca28ffba0c4b3d3967f0', slot: "tooltip-icon" }), index$1.h("span", { key: 'e0201540705e2aa0a94357fd2dd1af95887abe71', slot: "tooltip-content" }, "Select a conferencing option or add a custom location.")))), index$1.h("div", { key: 'e983eb85462b31b665edad087c4aea7259c85407', class: "location-input" }, defaultOption?.label && (index$1.h("select-dropdown", { withSearch: false, name: "location", options: newLocationOptions, defaultSelectedOption: defaultOption, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, index$1.h("span", { slot: "select-icon" }, this.getIcon(this.selectedLocationOption)))), this.selectedLocationOption === 'custom' && (index$1.h("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: e => this.handleChange(e) }))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -6585,7 +6627,7 @@ const NylasEventLocation = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$b([
+__decorate$d([
     registerComponent.RegisterComponent({
         name: 'nylas-event-location',
         stateToProps: new Map([
@@ -6596,16 +6638,16 @@ __decorate$b([
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$b("design:type", Function),
-    __metadata$b("design:paramtypes", []),
-    __metadata$b("design:returntype", void 0)
+    __metadata$d("design:type", Function),
+    __metadata$d("design:paramtypes", []),
+    __metadata$d("design:returntype", void 0)
 ], NylasEventLocation.prototype, "render", null);
 NylasEventLocation.style = NylasEventLocationStyle0;
 
 const nylasEventTitleCss = ":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}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);border-width:2px;outline:none}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{display:flex;gap:4px;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color:black;padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}";
 const NylasEventTitleStyle0 = nylasEventTitleCss;
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -6615,7 +6657,7 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -6837,11 +6879,16 @@ const NylasEventTitle = class {
             this.resetDropdown();
         }
         else if (event.key === 'Backspace' || event.key === 'Delete') {
-            if (selection?.currentText.startsWith('${')) {
-                selection?.node?.parentNode && selection.node.parentNode.removeChild(selection.node);
+            const parentNode = selection?.node?.parentNode;
+            if (selection?.currentText.startsWith('${') && parentNode) {
+                event.preventDefault();
+                parentNode.removeChild(selection.node);
+                parentNode.remove();
+                this.resetDropdown();
             }
-            if (this.titleRef.textContent === '' || selection?.currentText === '' || selection?.allSelected) {
+            if (this.titleRef.textContent === '' || selection?.allSelected) {
                 this.titleRef.innerHTML = '';
+                this.updateEventTitle('');
             }
         }
     }
@@ -6921,10 +6968,10 @@ const NylasEventTitle = class {
         return (index$1.h("div", { class: "token-label" }, index$1.h("span", { class: "token" }, token.token), index$1.h("span", { class: "description" }, token.description)));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'ddbaad83ef3b89e8886159d54d111656d22bb569' }, index$1.h("div", { key: '14e58026518fbc1b39428ecb349227d08e39649f', class: "nylas-event-title", part: "net" }, index$1.h("label", { key: '6be82638ef054e754e0a62c899e49457c2683cdb', htmlFor: "title" }, "Event title", index$1.h("span", { key: '99b30dd44c7e9d699415fd2a19e916e37b84f61f', class: "required" }, "*")), index$1.h("div", { key: 'bb6f400465244cc57f7b013a26ca1238fa0f3b7b', class: {
+        return (index$1.h(index$1.Host, { key: '3a6858cea6ad427bb8f7046e4d409c44d9d57467' }, index$1.h("div", { key: '26574b9f7c76628771e584d1c3943b2ce9b77ce0', class: "nylas-event-title", part: "net" }, index$1.h("label", { key: 'b6bab982d9b8a091ee1c9a66b5d24b3050e08817', htmlFor: "title" }, "Event title", index$1.h("span", { key: '34b1ba7719d37f6af0d3c84e3fe1c251625848b1', class: "required" }, "*")), index$1.h("div", { key: '0fcbdee8625b13720b31df47ddb76bdba6f384c6', class: {
                 title: true,
                 error: this.validationError !== '',
-            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index$1.h("div", { class: "token-options", part: "net__dropdown-content" }, index$1.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index$1.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index$1.h("span", { key: '3d3769b779354dbd20677ba2a469a283f03ebb51', class: "help-text" }, "Create a dynamic templated event title by typing ", index$1.h("code", { key: '22a80e53a91ba2acc833b1a18b2c375385b76c88' }, "$"), " and selecting a template item.", index$1.h("span", { key: '315a5202f520ffb55497870b929042504d4e061b', class: "label-icon" }, index$1.h("tooltip-component", { key: 'b0d6824ae5774208b9ee452cf81baa93450be186' }, index$1.h("info-icon", { key: '4d30bdf0f2dcc3e1822684aabf7807729da84efa', slot: "tooltip-icon" }), index$1.h("span", { key: '06de17977e06f7f4829f617b35cd870553085ad6', slot: "tooltip-content" }, "For example, Interview with ", index$1.h("code", { key: '602df431370083924e6d90a9562556ffc6e3f9cd' }, '${invitee}'))))), this.validationError != '' && index$1.h("span", { class: "error-message" }, this.validationError))));
+            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index$1.h("div", { class: "token-options", part: "net__dropdown-content" }, index$1.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index$1.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index$1.h("span", { key: '8c267fb019bc2f4a7ec9bd771c7ebdbd4e36860e', class: "help-text" }, "Create a dynamic templated event title by typing ", index$1.h("code", { key: '73fff78bf0ef47b1a4880b88630285c5565348e7' }, "$"), " and selecting a template item.", index$1.h("span", { key: '64c431fb78eef320cdca1e426e4290f1663fe756', class: "label-icon" }, index$1.h("tooltip-component", { key: 'b8f4ce46c4f53f66d50b6121dbc76360972638f9' }, index$1.h("info-icon", { key: '038824ecf2006ce2851de30c1538c30d96707ca9', slot: "tooltip-icon" }), index$1.h("span", { key: '0fefb16b80e9c43a7f46e1d5f72d12ca39cdc348', slot: "tooltip-content" }, "For example, Interview with ", index$1.h("code", { key: 'df208a8bb8907416908a6cdbc0edba219e924513' }, '${invitee}'))))), this.validationError != '' && index$1.h("span", { class: "error-message" }, this.validationError))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -6934,23 +6981,23 @@ const NylasEventTitle = class {
         "selectedConfiguration": ["configChangedHandler"]
     }; }
 };
-__decorate$a([
+__decorate$c([
     registerComponent.RegisterComponent({
         name: 'nylas-event-title',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$a("design:type", Function),
-    __metadata$a("design:paramtypes", []),
-    __metadata$a("design:returntype", void 0)
+    __metadata$c("design:type", Function),
+    __metadata$c("design:paramtypes", []),
+    __metadata$c("design:returntype", void 0)
 ], 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 NylasFeedbackFormStyle0 = nylasFeedbackFormCss;
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -6960,7 +7007,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -7003,13 +7050,13 @@ const NylasFeedbackForm = class {
         this.feedbackModalClosed.emit();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '3a49a9dbf3e0cc9b3f87a2700b9b15bc072e6eda', part: "nfbf" }, index$1.h("div", { key: '2067b40da6d1c922a40408e2bfeb237be8aa9978', class: "card-wrapper", part: "nfbfc__card" }, index$1.h("div", { key: '96df66416dc02ff70000e251ae246f3505c7e931', class: "close-button" }, index$1.h("button-component", { key: '910b2cb6dc4bac4544155004c871d2d4e777a83c', tooltip: "Close", id: "close", variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__close-button" }, index$1.h("close-icon", { key: 'd7c517fcbf55b8192e21c6478383a73a1e8cb23d' }))), index$1.h("div", { key: '9f5bb5ef21432fed35f21296276852c194c8a2d4', class: "header" }, index$1.h("h2", { key: '999b25ddca766608b95ab1a15042572941845ea9', slot: "card-title", part: "nfbf__title" }, utils.instance.t('feedbackFormTitle'))), index$1.h("div", { key: '0f4400b23db8458b878bf6b2aaf2e91fcf77de29', class: "description title-desc" }, index$1.h("p", { key: 'c17b98e3d1049fb5bdd3dc78f1ac430da347fa78' }, utils.instance.t('feedbackFormDescription'))), index$1.h("textarea-component", { key: '8f7456a4c656073e227e162a241e8b05d6af44d0', label: utils.instance.t('feedbackMessageLabel'), required: true, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: utils.instance.t('feedbackMessagePlaceholder') }), index$1.h("div", { key: 'd6ce3852116a3414c974ea6d75911dbe6918d14d', class: 'description footer-desc' }, index$1.h("p", { key: 'f44a322d4019deb4c8e8ac24c5095b0c8f75eaf7' }, "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: '1425cfa93c0e603877ceffddb62f3f6c5d75b505', href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), index$1.h("div", { key: 'efd8316203dc5050d634a3876543a0eef6d0974d', class: {
+        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: {
                 footer: true,
-            } }, index$1.h("button-component", { key: 'dd0fd83ea7d430815d8fdceda14225e38357bb64', variant: 'invisible', onClick: e => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${utils.instance.t('feedbackModalCloseButton')}`), index$1.h("button-component", { key: '75616d6c4b4d5bbc19287e22b08a490a47a6cac0', variant: 'primary', onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${utils.instance.t('feedbackModalSubmitButton')}`)))));
+            } }, 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')}`)))));
     }
     get host() { return index$1.getElement(this); }
 };
-__decorate$9([
+__decorate$b([
     registerComponent.RegisterComponent({
         name: 'nylas-feedback-form',
         stateToProps: new Map([]),
@@ -7019,16 +7066,16 @@ __decorate$9([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$9("design:type", Function),
-    __metadata$9("design:paramtypes", []),
-    __metadata$9("design:returntype", void 0)
+    __metadata$b("design:type", Function),
+    __metadata$b("design:paramtypes", []),
+    __metadata$b("design:returntype", void 0)
 ], NylasFeedbackForm.prototype, "render", null);
 NylasFeedbackForm.style = NylasFeedbackFormStyle0;
 
 const nylasLimitFutureBookingsCss = ":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}.nylas-limit-future-bookings{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-limit-future-bookings{flex-direction:column;gap:0.5rem}}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-limit-future-bookings label span.label-icon{margin-left:4px}.nylas-limit-future-bookings label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}";
 const NylasLimitFutureBookingsStyle0 = nylasLimitFutureBookingsCss;
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7038,7 +7085,7 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -7129,7 +7176,7 @@ const NylasLimitFutureBookings = class {
     }
     render() {
         const showTImePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (index$1.h(index$1.Host, { key: 'cfdcf00204e70323e9d85fa2fac4ff6e969fe4d2' }, index$1.h("div", { key: '47f30c99bb64a716afb4815a3a94c60bf0e00013', class: "nylas-limit-future-bookings", part: "nlfb" }, index$1.h("label", { key: '3163cb22a01a10b19d290b156fcbe643aa1e5988' }, "Limit future bookings", index$1.h("span", { key: '1107193982975970afd5462570973719bb3f6993', class: "label-icon" }, index$1.h("tooltip-component", { key: '00cfba9876189179aac11d30110e063711d6ff15' }, index$1.h("info-icon", { key: '07ee779935ae241fdd3b8b4733e8686cbea66ba7', slot: "tooltip-icon" }), index$1.h("span", { key: '09883971191c905c9c67de0634653dc6d28497b6', slot: "tooltip-content" }, "The limit on how far in the future bookings can be made.")))), showTImePeriodSelector && (index$1.h("time-period-selector", { id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })))));
+        return (index$1.h(index$1.Host, { key: '215b20a927344e8b41d6c1b2b01764551729e485' }, index$1.h("div", { key: 'ca577da089b5d396662cb421c6b136441cdada76', class: "nylas-limit-future-bookings", part: "nlfb" }, index$1.h("label", { key: '395b402858fb09c0fa8eb9821007878bffb991b6' }, "Limit future bookings", index$1.h("span", { key: '2b70f7c6df5e291cabb0578e490911c001d617c8', class: "label-icon" }, index$1.h("tooltip-component", { key: 'c8f9f7ca001ffc53f4302776f98787f8ff83c743' }, index$1.h("info-icon", { key: 'ab50f1feb38dcf026a1e2d56db99106dfad1f665', slot: "tooltip-icon" }), index$1.h("span", { key: '2196f08c84f1da46a5832e4f7a7fea0de46c37d3', slot: "tooltip-content" }, "The limit on how far in the future bookings can be made.")))), showTImePeriodSelector && (index$1.h("time-period-selector", { id: "limit-future-bookings", timePeriods: ['day', 'week', 'month'], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -7138,23 +7185,23 @@ const NylasLimitFutureBookings = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$8([
+__decorate$a([
     registerComponent.RegisterComponent({
         name: 'nylas-limit-future-bookings',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$8("design:type", Function),
-    __metadata$8("design:paramtypes", []),
-    __metadata$8("design:returntype", void 0)
+    __metadata$a("design:type", Function),
+    __metadata$a("design:paramtypes", []),
+    __metadata$a("design:returntype", void 0)
 ], NylasLimitFutureBookings.prototype, "render", null);
 NylasLimitFutureBookings.style = NylasLimitFutureBookingsStyle0;
 
 const nylasMinBookingNoticeCss = ":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}.nylas-min-booking-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-booking-notice{flex-direction:column;gap:0.5rem}}.nylas-min-booking-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-booking-notice label span.label-icon{margin-left:4px}.nylas-min-booking-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}";
 const NylasMinBookingNoticeStyle0 = nylasMinBookingNoticeCss;
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7164,7 +7211,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$7 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -7180,8 +7227,8 @@ const NylasMinBookingNotice = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
         this.selectedConfiguration = undefined;
-        this.minBookingNotice = undefined;
         this.name = 'min-booking-notice';
+        this.minBookingNotice = undefined;
         this.selectedNumber = undefined;
         this.selectedPeriod = undefined;
     }
@@ -7280,7 +7327,7 @@ const NylasMinBookingNotice = class {
     }
     render() {
         const showTImePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (index$1.h(index$1.Host, { key: 'b51f14edfe66462ce3822dcd9ea299820dfef96b' }, index$1.h("div", { key: '578505fefc4132f45ac21d6ab1d59cb409145536', class: "nylas-min-booking-notice", part: "nmbn" }, index$1.h("label", { key: '5226af32996ae771f65ed4dce017bbba7e26193a' }, "Minimum booking notice", index$1.h("span", { key: '37dcf44405e2cfe10bc652d35715936f41d78685', class: "label-icon" }, index$1.h("tooltip-component", { key: '52a11ccbcddb918341c7cad983fb9bdf65b1c86d' }, index$1.h("info-icon", { key: 'c941288bee95958b40a825944ba2316709f307a1', slot: "tooltip-icon" }), index$1.h("span", { key: '7d3a9c1f538b1e16c094d78daf4eea1f84084bd7', slot: "tooltip-content" }, "The minimum amount of time in the future that a new booking can be made.")))), showTImePeriodSelector && (index$1.h("time-period-selector", { id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })))));
+        return (index$1.h(index$1.Host, { key: '058d282534c52f53706462ac1d683ec578f6d3a8' }, index$1.h("div", { key: '9ea1537dac50fd2376b36be39b9018e4ea72f6b6', class: "nylas-min-booking-notice", part: "nmbn" }, index$1.h("label", { key: 'a36bfe20366c6da7a87714dec15fa2d0d99306bc' }, "Minimum booking notice", index$1.h("span", { key: 'c0b3c66b4da42c78cae762889dd24f0201827184', class: "label-icon" }, index$1.h("tooltip-component", { key: '012dad9e26ec2dd6c82da843741e2aee8ea4d327' }, index$1.h("info-icon", { key: '4cbf03a96564d428a06b2a0faf11a353ded5a6c1', slot: "tooltip-icon" }), index$1.h("span", { key: '4ab57c8815064edb2fb06f8f10b5ccde022a9b90', slot: "tooltip-content" }, "The minimum amount of time in the future that a new booking can be made.")))), showTImePeriodSelector && (index$1.h("time-period-selector", { id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -7289,23 +7336,23 @@ const NylasMinBookingNotice = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$7([
+__decorate$9([
     registerComponent.RegisterComponent({
         name: 'nylas-min-booking-notice',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$7("design:type", Function),
-    __metadata$7("design:paramtypes", []),
-    __metadata$7("design:returntype", void 0)
+    __metadata$9("design:type", Function),
+    __metadata$9("design:paramtypes", []),
+    __metadata$9("design:returntype", void 0)
 ], NylasMinBookingNotice.prototype, "render", null);
 NylasMinBookingNotice.style = NylasMinBookingNoticeStyle0;
 
 const nylasMinCancellationNoticeCss = ":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}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}";
 const NylasMinCancellationNoticeStyle0 = nylasMinCancellationNoticeCss;
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7315,7 +7362,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -7331,8 +7378,8 @@ const NylasMinCancellationNotice = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
         this.selectedConfiguration = undefined;
-        this.minCancellationNotice = undefined;
         this.name = 'min-cancellation-notice';
+        this.minCancellationNotice = undefined;
         this.selectedNumber = undefined;
         this.selectedPeriod = undefined;
     }
@@ -7435,7 +7482,7 @@ const NylasMinCancellationNotice = class {
     }
     render() {
         const showTimePeriodSelector = typeof this.selectedNumber == 'number' && typeof this.selectedPeriod == 'string';
-        return (index$1.h(index$1.Host, { key: 'd80cbfef8c0ff087260d12c9268f8dc0d123dc05' }, index$1.h("div", { key: 'c3fa79ad8c539373d02b267bf6bb710788be0d96', class: "nylas-min-cancellation-notice", part: "nmcn" }, index$1.h("label", { key: 'cd3e89c32f7800ba68e2d4e4122a3eb46fbd84c1' }, "Minimum cancellation notice", index$1.h("span", { key: '1520d76b2ba656db1a23a672423e7a7723ae4934', class: "label-icon" }, index$1.h("tooltip-component", { key: 'c784ffeeabefece6962cd906edd576f7009cb350' }, index$1.h("info-icon", { key: '1194ce9c6d216b4538bdc7ab7aedcf489dd55db8', slot: "tooltip-icon" }), index$1.h("span", { key: '72b32290edf7eab29032986d6e041017ae140df8', slot: "tooltip-content" }, "The minimum amount of time required to cancel a booking.")))), showTimePeriodSelector && (index$1.h("time-period-selector", { id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })))));
+        return (index$1.h(index$1.Host, { key: 'b3d5eab0c7f826b60f8d88dbcd2de20b8aa05953' }, index$1.h("div", { key: 'df62baa3bd558066cea96bd86f2b4594b7eae613', class: "nylas-min-cancellation-notice", part: "nmcn" }, index$1.h("label", { key: '7bab73f950ee0529feef61c32750488ee8e3d816' }, "Minimum cancellation notice", index$1.h("span", { key: '71856612ca18403cc95642ad22f7fea40c93163e', class: "label-icon" }, index$1.h("tooltip-component", { key: '3961109385d524c08115a98bd8e303d573529884' }, index$1.h("info-icon", { key: '60053a1ff74768ab53e903b52c0028b5c04aa5c7', slot: "tooltip-icon" }), index$1.h("span", { key: 'af42bbed9685aa44d11ad4dd3cd35a156ba245a4', slot: "tooltip-content" }, "The minimum amount of time required to cancel a booking.")))), showTimePeriodSelector && (index$1.h("time-period-selector", { id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ['minute', 'hour', 'day', 'week'], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -7444,23 +7491,23 @@ const NylasMinCancellationNotice = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$6([
+__decorate$8([
     registerComponent.RegisterComponent({
         name: 'nylas-min-cancellation-notice',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$6("design:type", Function),
-    __metadata$6("design:paramtypes", []),
-    __metadata$6("design:returntype", void 0)
+    __metadata$8("design:type", Function),
+    __metadata$8("design:paramtypes", []),
+    __metadata$8("design:returntype", void 0)
 ], NylasMinCancellationNotice.prototype, "render", null);
 NylasMinCancellationNotice.style = NylasMinCancellationNoticeStyle0;
 
 const nylasPageNameCss = ":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;width:inherit}.nylas-page-name{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-name .header{padding:1rem;display:grid;grid-template-columns:1fr auto}.nylas-page-name .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-name .header p{display:flex;gap:4px;align-items:center;margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-name .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-name .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-name .header .drawer-toggle .chevron:hover,.nylas-page-name .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-name .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-name .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-name .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-name .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__body{display:grid;grid-template-columns:1fr;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body{grid-template-columns:1fr}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-page-name .nylas-page-name__body .nylas-page-name__section{border:none}}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row{display:flex;align-items:center;gap:1rem}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label{display:flex;align-items:center}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-name .nylas-page-name__body .nylas-page-name__section .nylas-page-name__row .input-container{width:100%}.nylas-page-name .nylas-page-name__input-wrapper{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;display:flex;flex-direction:row;gap:0.125rem;border-radius:var(--nylas-border-radius-2x);z-index:1}.nylas-page-name .nylas-page-name__input-wrapper:focus{outline-color:var(--nylas-primary)}.nylas-page-name .nylas-page-name__input-wrapper.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.nylas-page-name .nylas-page-name__input-wrapper.error::placeholder{font-weight:400}.nylas-page-name .nylas-page-name__input-wrapper::placeholder{color:var(--nylas-base-300)}.nylas-page-name .nylas-page-name__input-wrapper input-component::part(ic__input){outline:none;border:none;width:100%;font-size:1rem;height:auto;padding-left:0px}";
 const NylasPageNameStyle0 = nylasPageNameCss;
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7470,7 +7517,7 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$7 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -7486,10 +7533,10 @@ const NylasPageName = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
         this.selectedConfiguration = undefined;
+        this.name = 'page-name';
         this.pageName = undefined;
         this.showToggle = true;
         this.isOpen = true;
-        this.name = 'page-name';
         this.currentPageName = undefined;
     }
     connectedCallback() {
@@ -7544,7 +7591,7 @@ const NylasPageName = class {
     }
     render() {
         const isComponentReady = typeof this.currentPageName !== 'undefined';
-        return (index$1.h(index$1.Host, { key: '9059ab828471167a956da7e61487dc9cba97eac5' }, index$1.h("div", { key: '777d34ebe91615d24d9502144ca7c3325483ee50', class: "nylas-page-name", part: "nces" }, index$1.h("div", { key: '365ddb6e8ef7e878ab16b595e8b48363764836be', class: "header", part: "nces__header" }, index$1.h("div", { key: '5955b442d8019c5f847450640fc8442e174ae3b9' }, index$1.h("h3", { key: '79f9e1b7a9a164528d11c6c9b1766a49c29376d7' }, "Page name"), index$1.h("p", { key: 'dd653de5a4480ab3a76054f75fbc847fbd865c8a' }, "Set the Scheduling Page name.", index$1.h("tooltip-component", { key: 'd0e59a0d335237f68f679ffd9647e17aab9f3732' }, index$1.h("info-icon", { key: '49e5cebbd219cccc518a9868070bd7068e408cee', slot: "tooltip-icon" }), index$1.h("span", { key: '131bb249cc09b6e8db3637101b84e0afcbeccfab', slot: "tooltip-content" }, "By default, Scheduling Pages use your user name as the Page name. The Page name is displayed in the top-left corner of the calendar view.")))), this.showToggle && (index$1.h("div", { class: "drawer-toggle", part: "nces__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleDrawer() }, index$1.h("chevron-icon", { width: "24", height: "24" }))))), this.isOpen && (index$1.h("div", { class: "nylas-page-name__body", part: "nces__body" }, index$1.h("div", { class: "nylas-page-name__section" }, index$1.h("div", { class: "nylas-page-name__row" }, index$1.h("div", { class: "input-container" }, index$1.h("div", { class: "nylas-page-name__input-wrapper" }, isComponentReady && (index$1.h("input-component", { name: "page-name", id: "page-name", type: "text", required: false, exportparts: "ic_input: npn__input-textfield", defaultValue: this.currentPageName ?? '' })))))))))));
+        return (index$1.h(index$1.Host, { key: 'f0b405f57e2cb8c65b59c07bdca8ec3885a98a7d' }, index$1.h("div", { key: '4873ef6137393c0bd31b90fca33eee42e2feb449', class: "nylas-page-name", part: "nces" }, index$1.h("div", { key: 'bf9894bee632ed6debc5f401b1e3bb98d4561258', class: "header", part: "nces__header" }, index$1.h("div", { key: '631f080c4c2aba2597d6638ea4dfb20eedb0a1d6' }, index$1.h("h3", { key: '657b49c737bb46d96698cac0c39ba20f08dac34a' }, "Page name"), index$1.h("p", { key: '7a81b920c53b427529828476a2efed5c80c5ce56' }, "Set the Scheduling Page name.", index$1.h("tooltip-component", { key: 'a16a8a9e03310794cf4de5b0ab863d730723bf16' }, index$1.h("info-icon", { key: 'ffbfa4cfd591c4994a7ff51251ed92062e9cf42e', slot: "tooltip-icon" }), index$1.h("span", { key: '41a0ed919be3aa80fc5f1d03138157f46aaa8494', slot: "tooltip-content" }, "By default, Scheduling Pages use your user name as the Page name. The Page name is displayed in the top-left corner of the calendar view.")))), this.showToggle && (index$1.h("div", { class: "drawer-toggle", part: "nces__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleDrawer() }, index$1.h("chevron-icon", { width: "24", height: "24" }))))), this.isOpen && (index$1.h("div", { class: "nylas-page-name__body", part: "nces__body" }, index$1.h("div", { class: "nylas-page-name__section" }, index$1.h("div", { class: "nylas-page-name__row" }, index$1.h("div", { class: "input-container" }, index$1.h("div", { class: "nylas-page-name__input-wrapper" }, isComponentReady && (index$1.h("input-component", { name: "page-name", id: "page-name", type: "text", required: false, exportparts: "ic_input: npn__input-textfield", defaultValue: this.currentPageName ?? '' })))))))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -7553,7 +7600,7 @@ const NylasPageName = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$5([
+__decorate$7([
     registerComponent.RegisterComponent({
         name: 'nylas-page-name',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
@@ -7567,16 +7614,16 @@ __decorate$5([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$5("design:type", Function),
-    __metadata$5("design:paramtypes", []),
-    __metadata$5("design:returntype", void 0)
+    __metadata$7("design:type", Function),
+    __metadata$7("design:paramtypes", []),
+    __metadata$7("design:returntype", void 0)
 ], NylasPageName.prototype, "render", null);
 NylasPageName.style = NylasPageNameStyle0;
 
 const nylasPageStylingCss = ":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;width:inherit}.nylas-page-styling{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-page-styling.no-border{border:none}.nylas-page-styling .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.nylas-page-styling .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-page-styling .header .drawer-toggle{display:flex;gap:24px;align-items:center}.nylas-page-styling .header .drawer-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-page-styling .header .drawer-toggle .chevron:hover,.nylas-page-styling .header .drawer-toggle .chevron:active{color:var(--nylas-primary)}.nylas-page-styling .header .drawer-toggle .chevron.open{transform:rotate(90deg)}.nylas-page-styling .header .drawer-toggle .chevron.closed{transform:rotate(270deg)}.nylas-page-styling .header .drawer-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-page-styling .header .drawer-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-page-styling .nylas-page-styling__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:0 0 var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body{grid-template-columns:1fr}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section.no-padding{padding:0}@media screen and (max-width: 768px){.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section{border:none}}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row{display:grid;grid-template-columns:1fr;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label{display:flex;align-items:center}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.required{color:var(--nylas-error, #cc4841)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon{margin-left:4px}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row label span.label-icon tooltip-component{display:flex}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection{display:flex;flex-direction:column;gap:1rem}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection.hide{display:none}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>*{display:flex;flex-direction:column;column-gap:2rem;row-gap:0.25rem;width:100%;flex:1}.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection .input-container textarea,.nylas-page-styling .nylas-page-styling__body .nylas-page-styling__section .nylas-page-styling__row .subsection>* textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-page-styling .nylas-page-styling__body span.error-message{color:var(--nylas-error)}.nylas-page-styling .nylas-page-styling__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}";
 const NylasPageStylingStyle0 = nylasPageStylingCss;
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7586,7 +7633,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -7603,9 +7650,9 @@ const NylasPageStyling = class {
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
         this.selectedConfiguration = undefined;
+        this.name = 'page-styling';
         this.appearance = undefined;
         this.isOpen = true;
-        this.name = 'page-styling';
         this.currentAppearance = undefined;
         this.customInputsSlot = null;
     }
@@ -7824,7 +7871,7 @@ const NylasPageStyling = class {
         this.isOpen = !this.isOpen;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '7d0a6fffdec383f566caec6c2b6e780190dc1a7d' }, index$1.h("div", { key: '6f232a3f20e564490ffc96ef9ce2a8d2b348ac19', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !this.customInputsSlot } }, this.customInputsSlot ? (index$1.h("div", { class: "header", part: "nps__header" }, index$1.h("div", null, index$1.h("h3", null, "Page styling and customization")), index$1.h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" }))))) : null, index$1.h("div", { key: '1b918548eaddb6dc65a24fe0a8918f04a43edaed', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, index$1.h("div", { key: 'cafc8e8f98baa04aca2963dcf130240423df082a', class: { 'nylas-page-styling__section': true, 'no-padding': !this.customInputsSlot } }, index$1.h("div", { key: 'cba6152c8a382828963870204937ce9b18a419d8', class: "nylas-page-styling__row" }, index$1.h("div", { key: '98eab9461e7ec97c8b48bfa13c112f50f3548b67', class: { subsection: true, hide: !this.isOpen } })))))));
+        return (index$1.h(index$1.Host, { key: 'be08b4dc45a6950b8bf9190fbb5bd450a63f24cb' }, index$1.h("div", { key: '37c4ef967ab1ccecc7752be8e13847c1ff67f2ad', part: "nps", class: { 'nylas-page-styling': true, 'no-border': !this.customInputsSlot } }, this.customInputsSlot ? (index$1.h("div", { class: "header", part: "nps__header" }, index$1.h("div", null, index$1.h("h3", null, "Page styling and customization")), index$1.h("div", { class: "drawer-toggle", part: "nps__drawer-toggle--container" }, index$1.h("span", { class: `chevron ${this.isOpen ? 'open' : 'closed'} `, onClick: () => this.toggleConfirmationEmail() }, index$1.h("chevron-icon", { width: "24", height: "24" }))))) : null, index$1.h("div", { key: '304a8a53cff0c854ce244435ff51abb2dc51b105', id: "nylas-page-styling__body", class: "nylas-page-styling__body", part: "nps__body" }, index$1.h("div", { key: '9de4abc9b92aab8d976b0fd2a568a5c60d7f0f6e', class: { 'nylas-page-styling__section': true, 'no-padding': !this.customInputsSlot } }, index$1.h("div", { key: '490d7515e07679200e6a42138867088c7b6c4634', class: "nylas-page-styling__row" }, index$1.h("div", { key: 'dcf7dbe82d82b103f14e63dc519aab3245d869e8', class: { subsection: true, hide: !this.isOpen } })))))));
     }
     static get formAssociated() { return true; }
     get host() { return index$1.getElement(this); }
@@ -7832,7 +7879,7 @@ const NylasPageStyling = class {
         "name": ["elementNameChangedHandler"]
     }; }
 };
-__decorate$4([
+__decorate$6([
     registerComponent.RegisterComponent({
         name: 'nylas-page-styling',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
@@ -7846,16 +7893,16 @@ __decorate$4([
         },
         fireRegisterEvent: true,
     }),
-    __metadata$4("design:type", Function),
-    __metadata$4("design:paramtypes", []),
-    __metadata$4("design:returntype", void 0)
+    __metadata$6("design:type", Function),
+    __metadata$6("design:paramtypes", []),
+    __metadata$6("design:returntype", void 0)
 ], NylasPageStyling.prototype, "render", null);
 NylasPageStyling.style = NylasPageStylingStyle0;
 
 const nylasParticipantBookingCalendarsCss = ":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;width:inherit}.nylas-participant-booking-calendars{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-participant-booking-calendars .header{padding:1rem}.nylas-participant-booking-calendars .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participant-booking-calendars .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left;display:flex;align-items:center;gap:4px}.nylas-participant-booking-calendars .content .participant-container{padding-top:12px;border-top:1px solid var(--nylas-base-200)}.nylas-participant-booking-calendars .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 16px}.nylas-participant-booking-calendars .content .participant-container .participant-title p{margin:0}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participant-booking-calendars .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}nylas-booking-calendar-picker::part(nbcp){margin:0;border:none;border-top:1px solid var(--nylas-base-200);border-top-right-radius:0;border-top-left-radius:0}";
 const NylasParticipantBookingCalendarsStyle0 = nylasParticipantBookingCalendarsCss;
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7865,7 +7912,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$3 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -7957,6 +8004,10 @@ const NylasParticipantBookingCalendars = class {
             this.selectedCalendars = this.setParticipants(this.selectedConfiguration?.participants);
             this.participantCalendars = this.getParticipantCalendarOptions(this.selectedConfiguration?.participants, this.participantOptions);
         }
+        else {
+            this.selectedCalendars = this.setParticipants(this.participants);
+            this.participantCalendars = this.getParticipantCalendarOptions(this.participants, this.participantOptions);
+        }
     }
     handleValueChanged(event) {
         utils.debug('[nylas-editor-tabs]', 'handleValueChanged', event);
@@ -7998,13 +8049,13 @@ const NylasParticipantBookingCalendars = class {
         return selectedParticipants;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '771e6bf137e6e8565edfa38b018ebecbbd34391a' }, index$1.h("div", { key: 'de129ec1f11e06088c28445e6d3e12398fd26d4f', class: "nylas-participant-booking-calendars", part: "npbc" }, index$1.h("div", { key: '8cc19cc2004af110ccb7e95dc6a81bce4c5f8cad', class: "header", part: "npbc__header" }, index$1.h("h3", { key: '69a6b444ecb2d08b2cda29dc2ffc7613203d4052' }, "Book to this calendar"), index$1.h("p", { key: '580c521de914bb9ae9ebf5452b8cd519feee3043' }, "Select the calendar where you want to add event bookings.")), index$1.h("div", { key: '896ed1423c99e291572a17195af898a1225402e9', class: "content", part: "npbc__content" }, index$1.h("form", { key: '15f667fe9e21c29f64e8a6c79b3ec4c784b0eec4', ref: el => (this.bookingCalendarsFormRef = el) }, this.participantCalendars &&
+        return (index$1.h(index$1.Host, { key: 'b9e6684dcd0f1f65681af22cbfa0ee9f096aa3f2' }, index$1.h("div", { key: 'fae29a5cc07a0b8b46c36ec4763e3a220415d6d1', class: "nylas-participant-booking-calendars", part: "npbc" }, index$1.h("div", { key: 'b03cc0a390af4f2704a262fe8a6142df3db703f1', class: "header", part: "npbc__header" }, index$1.h("h3", { key: 'e2859aa78a9ad056290b3d567245d09dfbe4377c' }, "Book to this calendar"), index$1.h("p", { key: '0334ecd98e203d7625bef65ab1f5be413a67f2f5' }, "Select the calendar where you want to add event bookings.")), index$1.h("div", { key: '48c92054425564074e40d8e28e6cd98b77974083', class: "content", part: "npbc__content" }, index$1.h("form", { key: 'f4336a4077a262c45947b75630234806e99148d0', ref: el => (this.bookingCalendarsFormRef = el) }, this.participantCalendars &&
             Object.keys(this.participantCalendars).map((key, index) => {
                 const participant = this.selectedCalendars[key];
                 const participantCalendars = this.participantCalendars[key];
                 if (!participant || !participant.name)
                     return;
-                return (index$1.h("div", { class: "participant-container", part: "npbc__participant-container", key: `participant-conatiner-${index}` }, index$1.h("div", { class: "participant-title", part: "npbc__participant-title" }, index$1.h("p", null, participant.name, "'s booking calendar"), index$1.h("div", { class: "participant-toggle", part: "npbc__participant-toggle--container" }, index$1.h("span", { class: `chevron ${participant.isOpen ? 'open' : 'closed'}`, onClick: () => {
+                return (index$1.h("div", { class: "participant-container", part: "npbc__participant-container", key: `participant-conatiner-${index}` }, index$1.h("div", { class: "participant-title", part: "npbc__participant-title" }, index$1.h("p", null, participant.name, "'s booking calendar"), index$1.h("div", { class: "participant-toggle", part: "npbc__participant-toggle-container" }, index$1.h("span", { class: `chevron ${participant.isOpen ? 'open' : 'closed'}`, onClick: () => {
                         this.selectedCalendars[key].isOpen = !participant.isOpen;
                         this.selectedCalendars = { ...this.selectedCalendars };
                     } }, index$1.h("chevron-icon", { width: "24", height: "24" })))), participant.isOpen && (index$1.h("nylas-booking-calendar-picker", { key: key, name: `participant-booking-${key}`, calendars: participantCalendars, hideHeader: true, defaultBookingCalendar: this.participantDefaultSelectedCalendar[key] }))));
@@ -8020,7 +8071,7 @@ const NylasParticipantBookingCalendars = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$3([
+__decorate$5([
     registerComponent.RegisterComponent({
         name: 'nylas-participant-booking-calendars',
         stateToProps: new Map([
@@ -8031,16 +8082,16 @@ __decorate$3([
         eventToProps: {},
         fireRegisterEvent: true,
     }),
-    __metadata$3("design:type", Function),
-    __metadata$3("design:paramtypes", []),
-    __metadata$3("design:returntype", void 0)
+    __metadata$5("design:type", Function),
+    __metadata$5("design:paramtypes", []),
+    __metadata$5("design:returntype", void 0)
 ], NylasParticipantBookingCalendars.prototype, "render", null);
 NylasParticipantBookingCalendars.style = NylasParticipantBookingCalendarsStyle0;
 
 const nylasParticipantsCustomAvailabilityCss = ":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;width:inherit}.nylas-participants-custom-availability{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .header{padding:1rem}.nylas-participants-custom-availability .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participants-custom-availability .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-participants-custom-availability .content .participant-container{padding-top:8px;border-top:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px}.nylas-participants-custom-availability .content .participant-container .participant-title p{margin:0}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container nylas-availability-picker::part(nap){margin:0;border:none}";
 const NylasParticipantsCustomAvailabilityStyle0 = nylasParticipantsCustomAvailabilityCss;
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -8050,7 +8101,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __metadata$2 = (undefined && undefined.__metadata) || function (k, v) {
+var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
         return Reflect.metadata(k, v);
 };
@@ -8150,12 +8201,13 @@ const NylasParticipantsCustomAvailability = class {
                 openHours: participant.availability?.open_hours || [],
                 name: participant.name || participant.email,
                 availability: participant.availability,
+                timezone: participant.timezone,
             };
         });
         return selectedParticipants;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '0fcb52a9bf85515bdc30024260451dc16a303cd0' }, index$1.h("div", { key: '51d1389d4d2102729df48d415424328e12d9b14c', class: "nylas-participants-custom-availability", part: "npca" }, index$1.h("div", { key: '15ac6b389076142d270ef9b2fd9cad3258850f46', class: "header", part: "npca__header" }, index$1.h("h3", { key: 'd23c27337b6603b42e686ecd90a362dced00e56a' }, "Participant open hours"), index$1.h("p", { key: '19371926bd6e02e8e6bc64a0946b67fb3179c247' }, "If not set, Nylas uses the default open hours for this participant.")), index$1.h("div", { key: '644998a32e12bed450fbab9c45fe00ff62ddf7f0', class: "content", part: "npca__content" }, index$1.h("form", { key: '7c66c87d7842be37b6fc6f57ff3127a81421cc47', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
+        return (index$1.h(index$1.Host, { key: '6f9b3c61650e7dd61b6e548fe008be57494b5e89' }, index$1.h("div", { key: '256e2e41f0849180ffdb5c67c66dffd9c1ce031a', class: "nylas-participants-custom-availability", part: "npca" }, index$1.h("div", { key: 'c3e1aefbb7872b233938aefeb22a13169f194864', class: "header", part: "npca__header" }, index$1.h("h3", { key: '8f7af6fa1435b2530fb5d179db1357e765270865' }, "Participant open hours"), index$1.h("p", { key: 'ff146ecd72673369a01773b2f00e81264654acf5' }, "If not set, Nylas uses the default open hours for this participant.")), index$1.h("div", { key: '52476fb7c7dc19935d92883ebd16f6af6746f8b5', class: "content", part: "npca__content" }, index$1.h("form", { key: '2b2fb94eb40a92b0e3326c9681051f61bbe4986e', ref: el => (this.participantFormRef = el) }, Object.keys(this.selectedParticipants).map((key, index) => {
             const participant = this.selectedParticipants[key];
             if (!participant || !participant.name || !participant.availability)
                 return;
@@ -8164,7 +8216,7 @@ const NylasParticipantsCustomAvailability = class {
                         return;
                     this.selectedParticipants[key].isOpen = !participant.isOpen;
                     this.selectedParticipants = { ...this.selectedParticipants };
-                } }, index$1.h("chevron-icon", { width: "24", height: "24" })))), participant.isOpen && (index$1.h("nylas-availability-picker", { key: index, name: `participant-${index}-${key}`, openHours: participant.openHours, defaultTimezone: participant.openHours?.[0]?.timezone, hideHeader: true }))));
+                } }, index$1.h("chevron-icon", { width: "24", height: "24" })))), participant.isOpen && (index$1.h("nylas-availability-picker", { key: index, name: `participant-${index}-${key}`, openHours: participant.openHours, defaultTimezone: participant.timezone, hideHeader: true }))));
         }))))));
     }
     static get formAssociated() { return true; }
@@ -8175,18 +8227,362 @@ const NylasParticipantsCustomAvailability = class {
         "selectedConfiguration": ["selectedConfigurationChangedHandler"]
     }; }
 };
-__decorate$2([
+__decorate$4([
     registerComponent.RegisterComponent({
         name: 'nylas-participants-custom-availability',
         stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
         eventToProps: {},
         fireRegisterEvent: true,
     }),
+    __metadata$4("design:type", Function),
+    __metadata$4("design:paramtypes", []),
+    __metadata$4("design:returntype", void 0)
+], NylasParticipantsCustomAvailability.prototype, "render", null);
+NylasParticipantsCustomAvailability.style = NylasParticipantsCustomAvailabilityStyle0;
+
+const nylasReminderEmailsCss = ":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;width:inherit}.cards-container{margin-bottom:4rem}.cards-container .nylas-reminder-email{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.cards-container .nylas-reminder-email .reminder-open-close-toggle{display:flex;gap:16px}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:hover,.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .reminder-open-close-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header{padding:1rem;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .header h3{border-radius:var(--nylas-border-radius-2x);margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .header .confirmation-email-toggle{display:flex;gap:24px;align-items:center}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron{display:flex;align-self:center;cursor:pointer}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:hover,.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron:active{color:var(--nylas-primary)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.open{transform:rotate(90deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.closed{transform:rotate(270deg)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .header .confirmation-email-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body{display:grid;grid-template-columns:1fr auto;background-color:var(--nylas-base-25);border-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body{grid-template-columns:1fr}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{padding:1rem;display:flex;flex-direction:column;gap:1rem;color:var(--nylas-base-800)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section{border:none}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row.full-width-col{grid-template-columns:1fr}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label{display:flex;align-items:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.required{color:var(--nylas-error, #cc4841)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon{margin-left:4px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row label span.label-icon tooltip-component{display:flex}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row p{margin:0.25rem 0 0 0;font-size:1rem;font-weight:500;line-height:24px;color:var(--nylas-base-900)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container{display:flex;gap:32px;width:100%}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .input-container{display:flex;flex-direction:column;flex:1}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row .company-logo-container .company-logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .nylas-reminder-email__row span.selected-value{font-weight:500}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection{display:flex;flex-direction:column;gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container{display:flex;flex-direction:column;gap:0.25rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__section .subsection .input-container textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container{padding:0 2rem 1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body .nylas-reminder-email__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.error-message{color:var(--nylas-error)}.cards-container .nylas-reminder-email .nylas-reminder-email__body span.help-text{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary{padding:0.75rem 1rem;display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p{margin:0;display:flex;align-items:center;column-gap:4px;font-size:0.875rem;font-weight:400;line-height:21px;color:var(--nylas-base-600);text-align:left}.cards-container .nylas-reminder-email .nylas-reminder-email__summary p span.summary-icon{display:flex;justify-content:center;min-width:20px}sp-divider{background-color:var(--nylas-base-200);height:1px;margin:0.25rem 0}button-component.create-reminder button{margin:1rem;width:calc(100% - 2rem)}button-component.delete-btn button{color:var(--nylas-error) !important}";
+const NylasReminderEmailsStyle0 = nylasReminderEmailsCss;
+
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$3 = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+const NylasReminderEmails = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.valueChanged = index$1.createEvent(this, "valueChanged", 7);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.selectedConfiguration = undefined;
+        this.name = 'reminder-overrides';
+        this.reminders = this.selectedConfiguration?.event_booking?.reminders ?? [];
+        this.reminderErrors = {};
+        this.participants = this.selectedConfiguration?.participants ?? [];
+    }
+    connectedCallback() {
+        utils.debug('nylas-reminder-emails', 'connectedCallback');
+    }
+    disconnectedCallback() {
+        utils.debug('nylas-reminder-emails', 'disconnectedCallback');
+    }
+    componentWillLoad() {
+        utils.debug('nylas-reminder-emails', 'componentWillLoad');
+        this.host.setAttribute('name', this.name);
+    }
+    componentDidLoad() {
+        utils.debug('nylas-reminder-emails', 'componentDidLoad');
+        if (this.selectedConfiguration) {
+            this.selectedConfigurationChangedHandler(this.selectedConfiguration);
+        }
+        else {
+            this.updateRemindersFormValue();
+        }
+    }
+    componentWillUpdate() {
+        utils.debug('nylas-reminder-emails', 'componentWillUpdate');
+    }
+    componentDidUpdate() {
+        utils.debug('nylas-reminder-emails', 'componentDidUpdate');
+    }
+    componentWillRender() {
+        utils.debug('nylas-reminder-emails', 'componentWillRender');
+    }
+    componentDidRender() {
+        utils.debug('nylas-reminder-emails', 'componentDidRender');
+    }
+    elementNameChangedHandler(newValue) {
+        utils.debug('nylas-reminder-emails', 'elementNameChangedHandler', newValue);
+        this.host.setAttribute('name', newValue);
+    }
+    selectedConfigurationChangedHandler(newVal) {
+        utils.debug('nylas-reminder-emails', 'selectedConfigurationChangedHandler', newVal);
+        this.reminders = newVal?.event_booking?.reminders ?? [];
+        this.participants = newVal?.participants ?? [];
+        this.updateRemindersFormValue();
+    }
+    handleValueChanged(event) {
+        utils.debug('nylas-reminder-emails', 'handleValueChanged', event);
+        const { name, value } = event.detail;
+        if (name.startsWith('reminder-time-')) {
+            const [_, reminderIndex] = name.split(/(\d+)/);
+            const updatedReminders = [...this.reminders];
+            updatedReminders[reminderIndex].minutes_before_event = parseInt(value);
+            this.reminders = [...updatedReminders];
+            this.updateRemindersFormValue();
+        }
+    }
+    handleNylasFormDropdownChanged(event) {
+        utils.debug('nylas-reminder-emails', 'handleNylasFormDropdownChanged', event);
+        const { name, value } = event.detail;
+        if (!name.startsWith('recipient-')) {
+            return;
+        }
+        const [_, reminderIndex] = name.split(/(\d+)/);
+        const updatedReminders = [...this.reminders];
+        updatedReminders[reminderIndex].recipient = value;
+        this.reminders = [...updatedReminders];
+        this.updateRemindersFormValue();
+    }
+    addReminder() {
+        utils.debug('nylas-reminder-emails', 'addReminder');
+        this.reminders = [
+            ...this.reminders,
+            {
+                type: 'email',
+                minutes_before_event: 30,
+                editing: true,
+                recipient: 'all',
+            },
+        ];
+        this.updateRemindersFormValue();
+    }
+    deleteReminder(index) {
+        this.reminders = this.reminders.filter((_, i) => i !== index).map(p => ({ ...p }));
+        this.updateRemindersFormValue();
+    }
+    updateRemindersFormValue() {
+        utils.debug('nylas-reminder-emails', 'updateRemindersFormValue');
+        const eventReminders = this.reminders.map(reminder => {
+            const rem = { ...reminder };
+            delete rem.editing;
+            return rem;
+        });
+        this.internals.setFormValue(JSON.stringify(eventReminders), 'reminder-overrides');
+        this.valueChanged.emit({ value: JSON.stringify(eventReminders), name: 'reminder-overrides' });
+    }
+    formatReminderTime(reminderTime) {
+        switch (true) {
+            case reminderTime > 24 * 60:
+                return `${reminderTime / 60 / 24} days`;
+            case reminderTime === 24 * 60:
+                return '1 day';
+            case reminderTime > 90 || reminderTime === 60:
+                return `${reminderTime / 60} hours`;
+            default:
+                return `${reminderTime} minute${reminderTime > 1 ? 's' : ''} `;
+        }
+    }
+    render() {
+        const organizerName = this.participants.find(p => p.is_organizer)?.name;
+        const recipientOptions = [
+            {
+                label: 'All host & guests',
+                value: 'all',
+            },
+            {
+                label: 'All event guests',
+                value: 'guest',
+            },
+            {
+                label: 'Only event host',
+                value: 'host',
+            },
+        ];
+        return (index$1.h(index$1.Host, { key: 'a71a8247248eec4834963b8887b713769b7210cf' }, index$1.h("div", { key: '8ab8b9fc62502a7ddf5a111727ab5ef53fc050a9', class: "cards-container" }, this.reminders.map((reminder, index) => {
+            return (index$1.h("div", { class: "nylas-reminder-email", part: "nre" }, index$1.h("div", { class: "header", part: "nre__header" }, index$1.h("div", null, index$1.h("h3", null, "Upcoming meeting", organizerName ? ` with ${organizerName} ` : ''), index$1.h("p", null, "Reminder before event")), !reminder.editing ? (index$1.h("button-component", { variant: 'basic', key: `edit-${index} `, clickHandler: event => {
+                    event.preventDefault();
+                    reminder.editing = true;
+                    this.reminders = [...this.reminders];
+                } }, index$1.h("edit-icon", { width: "16", height: "16" }), "Edit")) : (index$1.h("div", { class: "reminder-open-close-toggle" }, index$1.h("button-component", { variant: 'basic', class: "delete-btn", tooltip: "Delete reminder", key: `delete -${index} `, clickHandler: event => {
+                    event.preventDefault();
+                    this.deleteReminder(index);
+                } }, index$1.h("trash-icon", { width: "16", height: "16" })), index$1.h("span", { class: `chevron ${reminder.editing ? 'open' : 'closed'}`, onClick: () => {
+                    reminder.editing = !reminder.editing;
+                    this.reminders = [...this.reminders];
+                } }, index$1.h("chevron-icon", { width: "24", height: "24" }))))), reminder.editing ? (index$1.h("div", { class: "nylas-reminder-email__body", part: "nre__body" }, index$1.h("div", { class: "nylas-reminder-email__section" }, index$1.h("div", { class: "nylas-reminder-email__row" }, index$1.h("label", null, "Email recipients"), index$1.h("select-dropdown", { name: `recipient-${index}`, options: recipientOptions, defaultSelectedOption: recipientOptions.find(i => i.value === reminder.recipient) ?? recipientOptions[0], withSearch: false })), index$1.h("div", { class: "nylas-reminder-email__row" }, index$1.h("label", null, "Send confirmation email when", index$1.h("span", { class: "label-icon" }, index$1.h("tooltip-component", null, index$1.h("info-icon", { slot: "tooltip-icon" }), index$1.h("span", { slot: "tooltip-content" }, "The recipients will receive a reminder email at the specified time before the event.")))), index$1.h("nylas-reminder-time", { name: `reminder-time-${index}`, eventReminderTimeMinutes: reminder.minutes_before_event, exportparts: "nrt, nrt__input_dropdown: nre__reminder-input_dropdown,\n                          nrt__input_dropdown-input: nre__reminder-input_dropdown-input,\n                          nrt__input_dropdown-content: nre__reminder-input_dropdown-content,\n                          " }))))) : (index$1.h("div", { class: "nylas-reminder-email__summary", part: "nre__summary" }, index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("person-clipboard-icon", null)), recipientOptions.find(i => i.value === reminder.recipient)?.label), index$1.h("p", null, index$1.h("span", { class: "summary-icon" }, index$1.h("clock-icon", null)), this.formatReminderTime(reminder.minutes_before_event), " before the event")))));
+        })), index$1.h("button-component", { key: '67f3f31bf95a05c858a97da188b88788551d1171', class: "create-reminder", variant: 'basic', clickHandler: event => {
+                event.preventDefault();
+                this.addReminder();
+            } }, index$1.h("plus-icon", { key: 'ad8a8e742fdd8334e56af084356ea6fc7189405e', width: "16", height: "16" }), "New reminder")));
+    }
+    static get formAssociated() { return true; }
+    get host() { return index$1.getElement(this); }
+    static get watchers() { return {
+        "name": ["elementNameChangedHandler"],
+        "selectedConfiguration": ["selectedConfigurationChangedHandler"]
+    }; }
+};
+__decorate$3([
+    registerComponent.RegisterComponent({
+        name: 'nylas-reminder-emails',
+        stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
+        eventToProps: {
+            valueChanged: async (event, _nylasSchedulerConfigConnector) => {
+                const { valueChanged } = event.detail;
+                if (valueChanged) {
+                    valueChanged(event);
+                }
+            },
+        },
+        fireRegisterEvent: true,
+    }),
+    __metadata$3("design:type", Function),
+    __metadata$3("design:paramtypes", []),
+    __metadata$3("design:returntype", void 0)
+], NylasReminderEmails.prototype, "render", null);
+NylasReminderEmails.style = NylasReminderEmailsStyle0;
+
+const nylasReminderTimeCss = ":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}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:48px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}";
+const NylasReminderTimeStyle0 = nylasReminderTimeCss;
+
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata$2 = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+        return Reflect.metadata(k, v);
+};
+function getInitialTimeValue(timeInMinutes) {
+    if (!timeInMinutes)
+        return 30;
+    if (timeInMinutes >= 60 * 24)
+        return timeInMinutes / (60 * 24);
+    if (timeInMinutes >= 90 || timeInMinutes === 60)
+        return timeInMinutes / 60;
+    return timeInMinutes;
+}
+function getInitialTimeIncrement(timeInMinutes) {
+    if (!timeInMinutes)
+        return 30;
+    if (timeInMinutes >= 60 * 24)
+        return 60 * 24;
+    if (timeInMinutes >= 90 || timeInMinutes === 60)
+        return 60;
+    return 1;
+}
+const NylasReminderTime = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.valueChanged = index$1.createEvent(this, "valueChanged", 7);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.name = 'reminder-time';
+        this.eventReminderTimeMinutes = undefined;
+        this.reminderTime = getInitialTimeValue(this.eventReminderTimeMinutes);
+        this.reminderTimeMinutes = this.eventReminderTimeMinutes ?? 30;
+        this.reminderTimeincrement = getInitialTimeIncrement(this.eventReminderTimeMinutes);
+        this.reminderTimeMinutesOptions = constants.REMINDER_MINUTE_OPTIONS;
+    }
+    elementNameChangedHandler(newValue) {
+        utils.debug('nylas-reminder-time', 'elementNameChangedHandler', newValue);
+        this.host.setAttribute('name', newValue);
+    }
+    eventReminderTimeMinutesChangedHandler(newValue, oldValue) {
+        utils.debug('nylas-reminder-time', 'eventReminderTimeMinutesChangedHandler', newValue);
+        if (newValue === oldValue) {
+            return;
+        }
+        this.reminderTime = getInitialTimeValue(newValue);
+        this.reminderTimeincrement = getInitialTimeIncrement(newValue);
+        this.reminderTimeMinutes = newValue;
+    }
+    reminderTimeMinutesChangedHandler(newValue, oldValue) {
+        utils.debug('nylas-reminder-time', 'reminderTimeMinutesChangedHandler', newValue);
+        if (newValue === oldValue) {
+            return;
+        }
+        this.valueChanged.emit({ value: newValue.toString(), name: this.name });
+    }
+    connectedCallback() {
+        utils.debug('nylas-reminder-time', 'connectedCallback');
+    }
+    componentWillLoad() {
+        utils.debug('nylas-reminder-time', 'componentWillLoad');
+        this.host.setAttribute('name', this.name);
+        this.setReminderTimeMinuteOptions();
+    }
+    componentDidLoad() {
+        utils.debug('nylas-reminder-time', 'componentDidLoad');
+    }
+    disconnectedCallback() {
+        utils.debug('nylas-reminder-time', 'disconnectedCallback');
+    }
+    setReminderTimeMinuteOptions() {
+        if (this.reminderTimeincrement === 1) {
+            this.reminderTimeMinutesOptions = constants.REMINDER_MINUTE_OPTIONS;
+        }
+        else if (this.reminderTimeincrement === 60) {
+            this.reminderTimeMinutesOptions = constants.REMINDER_HOUR_OPTIONS;
+        }
+        else
+            this.reminderTimeMinutesOptions = constants.REMINDER_DAY_OPTIONS;
+        return this.reminderTimeMinutesOptions;
+    }
+    nylasFormDropdownChangedHandler(event) {
+        utils.debug('nylas-calendar-picker', 'nylasFormDropdownChangedHandler', event.detail);
+        const { value } = event.detail;
+        this.reminderTimeincrement = parseInt(value);
+        if (this.reminderTimeincrement === 1) {
+            this.reminderTime = 60;
+        }
+        else {
+            this.reminderTime = 1;
+        }
+        this.setReminderTimeMinuteOptions();
+        this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;
+        this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
+    }
+    inputOptionChangedHandler(event) {
+        utils.debug('nylas-calendar-picker', 'inputOptionChangedHandler', event.detail);
+        const { value } = event.detail;
+        this.reminderTime = value;
+        this.reminderTimeMinutes = this.reminderTime * this.reminderTimeincrement;
+        this.internals.setFormValue(this.reminderTimeMinutes.toString(), this.name);
+    }
+    render() {
+        const reminderTimeOptions = [
+            { value: 1, label: 'minute' },
+            { value: 60, label: 'hour' },
+            { value: 60 * 24, label: 'day' },
+        ];
+        return (index$1.h(index$1.Host, { key: 'd5f118391bdd7e4779f6eca15335285047fdb350' }, index$1.h("div", { key: '2dd8d3ba52d4f95480c9cf1fdaf5d0f1f7c1e523', class: "nylas-reminder-time", part: "nrt" }, index$1.h("div", { key: '3799c4b266f4078e22ad78b86225ef9abdc5fa49', class: "nylas-reminder-time__wrapper" }, index$1.h("input-dropdown", { key: '004b6336c041660e1424ac44f16e82c8a5a2ca53', name: 'reminder-time', options: this.reminderTimeMinutesOptions, inputValue: this.reminderTime.toString(), exportparts: "id_dropdown: nrt__input_dropdown, id_dropdown-input: nrt__input_dropdown-input, id_dropdown-content: nrt__input_dropdown-content", defaultInputOption: this.reminderTimeMinutesOptions.find(i => i.value == this.reminderTime) ?? reminderTimeOptions[0] }), index$1.h("select-dropdown", { key: '6a42c7f4633d89dd9a94d3c2f119e151613667ec', name: 'reminder-time-unit', options: reminderTimeOptions, pluralizedLabel: this.reminderTime > 1 ? 's' : '', exportparts: "sd_dropdown: nrt__dropdown, sd_dropdown-button: nrt__dropdown-button, sd_dropdown-content: nrt__dropdown-content", defaultSelectedOption: reminderTimeOptions.find(i => i.value == this.reminderTimeincrement) ?? reminderTimeOptions[0], withSearch: false })))));
+    }
+    static get formAssociated() { return true; }
+    get host() { return index$1.getElement(this); }
+    static get watchers() { return {
+        "name": ["elementNameChangedHandler"],
+        "eventReminderTimeMinutes": ["eventReminderTimeMinutesChangedHandler"],
+        "reminderTimeMinutes": ["reminderTimeMinutesChangedHandler"]
+    }; }
+};
+__decorate$2([
+    registerComponent.RegisterComponent({
+        name: 'nylas-reminder-time',
+        eventToProps: {},
+        fireRegisterEvent: true,
+    }),
     __metadata$2("design:type", Function),
     __metadata$2("design:paramtypes", []),
     __metadata$2("design:returntype", void 0)
-], NylasParticipantsCustomAvailability.prototype, "render", null);
-NylasParticipantsCustomAvailability.style = NylasParticipantsCustomAvailabilityStyle0;
+], NylasReminderTime.prototype, "render", null);
+NylasReminderTime.style = NylasReminderTimeStyle0;
 
 const nylasSchedulingMethodCss = ":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;width:inherit}.nylas-scheduling-method{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-scheduling-method .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-scheduling-method .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-scheduling-method .nylas-scheduling-method__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-scheduling-method .nylas-scheduling-method__dropdown span.nylas-scheduling-method__dropdown-label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);margin:0.25rem 0 0 0;font-size:14px;font-weight:400;line-height:20px;text-align:left}.nylas-scheduling-method .nylas-scheduling-method__dropdown span.nylas-scheduling-method__dropdown-label tooltip-component{display:flex}.nylas-scheduling-method .nylas-scheduling-method__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-scheduling-method .nylas-scheduling-method__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-scheduling-method .nylas-scheduling-method__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-scheduling-method .nylas-scheduling-method__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-scheduling-method .nylas-scheduling-method__dropdown input-component::part(ic__input){background:var(--nylas-base-50);outline:none;cursor:not-allowed}";
 const NylasSchedulingMethodStyle0 = nylasSchedulingMethodCss;
@@ -8216,8 +8612,8 @@ const NylasSchedulingMethod = class {
             this.internals = hostRef.$hostElement$.attachInternals();
             hostRef.$hostElement$["s-ei"] = this.internals;
         }
-        this.name = 'availability-method';
         this.selectedConfiguration = undefined;
+        this.name = 'availability-method';
         this.participantOptions = undefined;
         this.readOnly = false;
         this.selectedBookingType = '';
@@ -8295,10 +8691,8 @@ const NylasSchedulingMethod = class {
 __decorate$1([
     registerComponent.RegisterComponent({
         name: 'nylas-scheduling-method',
-        stateToProps: new Map([
-            ['schedulerConfig.selectedConfiguration', 'selectedConfiguration'],
-            ['schedulerConfig.additionalParticipants', 'participantOptions'],
-        ]),
+        stateToProps: new Map([['schedulerConfig.selectedConfiguration', 'selectedConfiguration']]),
+        localPropsToProp: new Map([['additionalParticipants', 'participantOptions']]),
         eventToProps: {
             valueChanged: async (event, _nylasSchedulerConfigConnector) => {
                 const { valueChanged } = event.detail;
@@ -8347,8 +8741,6 @@ const NylasTimeslotInterval = class {
         this.selectedConfiguration = undefined;
         this.name = 'timeslot-picker';
         this.eventDurationMinutes = this.selectedConfiguration?.availability?.duration_minutes;
-        this.defaultIntervalMinutes = this.selectedConfiguration?.availability?.interval_minutes ?? this.eventDurationMinutes ?? 10;
-        this.defaultRoundTo = this.selectedConfiguration?.availability?.round_to ?? undefined;
         this.internalEventDurationMinutes = undefined;
         this.selectedInterval = undefined;
         this.selectedRoundTo = undefined;
@@ -8361,9 +8753,9 @@ const NylasTimeslotInterval = class {
     selectedConfigurationChangedHandler(newValue) {
         utils.debug('nylas-timeslot-interval', 'selectedConfigurationChangedHandler', newValue);
         this.internalEventDurationMinutes = newValue?.availability?.duration_minutes ?? this.eventDurationMinutes ?? 30;
-        const internalIntervalMinutes = newValue.availability?.interval_minutes ?? this.internalEventDurationMinutes ?? 30;
-        this.selectedInterval = newValue.availability?.interval_minutes ?? internalIntervalMinutes ?? 10;
-        const roundToMinutes = newValue.availability?.round_to || null;
+        const internalIntervalMinutes = newValue?.availability?.interval_minutes ?? this.internalEventDurationMinutes ?? 30;
+        this.selectedInterval = newValue?.availability?.interval_minutes ?? internalIntervalMinutes ?? 10;
+        const roundToMinutes = newValue?.availability?.round_to || null;
         this.selectedRoundTo = roundToMinutes && roundToMinutes === internalIntervalMinutes ? true : false;
     }
     connectedCallback() {
@@ -8457,7 +8849,7 @@ const NylasTimeslotInterval = class {
                 ? intervalPreferenceOptions[0]
                 : intervalPreferenceOptions.find(op => op.value == this.selectedInterval.toString()) ?? intervalPreferenceOptions[0]
             : undefined;
-        return (index$1.h(index$1.Host, { key: 'c9f009490d24dab7b470088e98c2a32590864ffc' }, index$1.h("div", { key: '34a55530c6bf047c7c46d6d0313cb3a7f805d84b', class: "nylas-timeslot-interval", part: "nti" }, index$1.h("div", { key: '57133b0994ca7aa57f36cf4f947b90928beb3510', class: "header", part: "nti__header" }, index$1.h("h3", { key: '10a50bf618dc5b4272a3d5bbccc7e4959fdd3ebd' }, "Time slot settings")), index$1.h("div", { key: '8bece39cfbb37df07cb4a99160441d3e0251735b', class: "nylas-timeslot-interval__dropdown" }, index$1.h("span", { key: 'a1dd5622709b0dd4905df665c97a110fc3533c87', class: "label", part: "nti__input-label" }, "Time slot interval."), defaultSelectedInterval?.label && (index$1.h("select-dropdown", { name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval })), index$1.h("span", { key: 'd380a4a8e4809c2576e1a76569bc6217260e03e9', slot: "label", class: "label", part: "nti__input-label" }, "Time slot rounding type", index$1.h("tooltip-component", { key: 'bd375a04416b2d54516f9418e0420299dd5861a0' }, index$1.h("info-icon", { key: 'fce235b438dddd8cc1873470f580b63becb19e9f', slot: "tooltip-icon" }), index$1.h("span", { key: '7a782b666ffe9cd9c1ac667390a194d14095fcc1', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), this.componentLoaded && (index$1.h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
+        return (index$1.h(index$1.Host, { key: '8f7dd99dfc3f41a0435f37c9a8e4052732a9868b' }, index$1.h("div", { key: 'c2c462dd6409b08f0d641fc6c169793dc5a05150', class: "nylas-timeslot-interval", part: "nti" }, index$1.h("div", { key: 'b6e29f56325f75b03ad4ba933fabea9825eb50cc', class: "header", part: "nti__header" }, index$1.h("h3", { key: '1c736752d9bd7e8e0a4b113eb858b8d9420fc72b' }, "Time slot settings")), index$1.h("div", { key: '3577261419231e74b71e890a2de0629ac0c02c89', class: "nylas-timeslot-interval__dropdown" }, index$1.h("span", { key: '68dc2a1f0709ca3b1a14d68001cde315b83509cc', class: "label", part: "nti__input-label" }, "Time slot interval."), defaultSelectedInterval?.label && (index$1.h("select-dropdown", { name: "interval-minutes", options: intervalPreferenceOptions, withSearch: false, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: defaultSelectedInterval })), index$1.h("span", { key: '505093bca858fd24188db043fda5e3036a474d7d', slot: "label", class: "label", part: "nti__input-label" }, "Time slot rounding type", index$1.h("tooltip-component", { key: '9b63c319d79fb926da222939aea8c38600c5c70e' }, index$1.h("info-icon", { key: 'a3f1ed080e6508c02cc150d9252d40eae1adb1ac', slot: "tooltip-icon" }), index$1.h("span", { key: '4690a7089fb68e0f119f3efc583a55a8dbff0b88', slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), this.componentLoaded && (index$1.h("radio-button-group", { name: "interval-preference", defaultSelectedValue: this.selectedRoundTo ? 'rounding' : 'no-rounding', options: [
                 { value: 'no-rounding', label: 'Default', description: 'Time slots will be rounded to the nearest quarter-hour.' },
                 {
                     value: 'rounding',
@@ -8485,8 +8877,8 @@ __decorate([
 ], NylasTimeslotInterval.prototype, "render", null);
 NylasTimeslotInterval.style = NylasTimeslotIntervalStyle0;
 
-const iconCss$3 = ".sc-paintbrush-fill-icon-h{display:flex}";
-const PaintbrushFillIconStyle0 = iconCss$3;
+const iconCss$4 = ".sc-paintbrush-fill-icon-h{display:flex}";
+const PaintbrushFillIconStyle0 = iconCss$4;
 
 const PaintbrushFillIcon = class {
     constructor(hostRef) {
@@ -8495,13 +8887,13 @@ const PaintbrushFillIcon = class {
         this.height = '13';
     }
     render() {
-        return (index$1.h("svg", { key: '4075fbeb50b3ba8c85a602b2429c5f656eb44316', width: "16", height: "17", viewBox: "-3 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'eca6d393a33533ef57d5a2d0069b29fea9372703', d: "M5 2.875V0.375H0.5C0.223858 0.375 0 0.598858 0 0.875V7.37585H10V0.875C10 0.598858 9.77614 0.375 9.5 0.375H8V3.87722C8 4.15337 7.77614 4.37722 7.5 4.37722C7.22386 4.37722 7 4.15337 7 3.87722V0.375H6V2.875C6 3.15114 5.77614 3.375 5.5 3.375C5.22386 3.375 5 3.15114 5 2.875ZM10 8.37585H0V9.37938C0 10.4839 0.895431 11.3794 2 11.3794H3.5V14.8767C3.5 15.7051 4.17157 16.3767 5 16.3767C5.82843 16.3767 6.5 15.7051 6.5 14.8767V11.3794H8C9.10457 11.3794 10 10.4839 10 9.37938V8.37585Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: 'e4684ac3235a59975a67508b6a5019e70b1a3a5a', width: "16", height: "17", viewBox: "-3 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '00dee1b55784f1191d56a8c1b420f0076575a197', d: "M5 2.875V0.375H0.5C0.223858 0.375 0 0.598858 0 0.875V7.37585H10V0.875C10 0.598858 9.77614 0.375 9.5 0.375H8V3.87722C8 4.15337 7.77614 4.37722 7.5 4.37722C7.22386 4.37722 7 4.15337 7 3.87722V0.375H6V2.875C6 3.15114 5.77614 3.375 5.5 3.375C5.22386 3.375 5 3.15114 5 2.875ZM10 8.37585H0V9.37938C0 10.4839 0.895431 11.3794 2 11.3794H3.5V14.8767C3.5 15.7051 4.17157 16.3767 5 16.3767C5.82843 16.3767 6.5 15.7051 6.5 14.8767V11.3794H8C9.10457 11.3794 10 10.4839 10 9.37938V8.37585Z", fill: "currentColor" })));
     }
 };
 PaintbrushFillIcon.style = PaintbrushFillIconStyle0;
 
-const iconCss$2 = ".sc-paintbrush-icon-h{display:flex}";
-const PaintbrushIconStyle0 = iconCss$2;
+const iconCss$3 = ".sc-paintbrush-icon-h{display:flex}";
+const PaintbrushIconStyle0 = iconCss$3;
 
 const PaintbrushIcon = class {
     constructor(hostRef) {
@@ -8510,13 +8902,13 @@ const PaintbrushIcon = class {
         this.height = '13';
     }
     render() {
-        return (index$1.h("svg", { key: '4472640da732e0bbecd5d0ab5c5bde685902fa5b', width: "16", height: "16", viewBox: "-3 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '95d773e309ec469fa3fe8e36e5ed1b94a877c73d', d: "M0.5 -0.000976562C0.223858 -0.000976562 0 0.222881 0 0.499023L1.90735e-05 9.00337C1.90735e-05 10.1079 0.89545 11.0034 2.00002 11.0034H3.00411V14.0007C3.00411 15.1053 3.89954 16.0007 5.00411 16.0007C6.10868 16.0007 7.00411 15.1053 7.00411 14.0007V11.0034H8.00002C9.10459 11.0034 10 10.1079 10 9.00337V7.50339L10 7.49897V0.499023C10 0.222881 9.77614 -0.000976562 9.5 -0.000976562H0.5ZM1.00002 8.00342H9.00002V9.00337C9.00002 9.55566 8.5523 10.0034 8.00002 10.0034H6.50411C6.22797 10.0034 6.00411 10.2272 6.00411 10.5034V14.0007C6.00411 14.553 5.5564 15.0007 5.00411 15.0007C4.45183 15.0007 4.00411 14.553 4.00411 14.0007V10.5034C4.00411 10.2272 3.78026 10.0034 3.50411 10.0034H2.00002C1.44773 10.0034 1.00002 9.55566 1.00002 9.00337V8.00342ZM9 7.00339H1V0.999023H5V2.49902C5 2.77517 5.22386 2.99902 5.5 2.99902C5.77614 2.99902 6 2.77517 6 2.49902V0.999023H7V3.50122C7 3.77736 7.22386 4.00122 7.5 4.00122C7.77614 4.00122 8 3.77736 8 3.50122V0.999023H9V7.00339Z", fill: "currentColor" })));
+        return (index$1.h("svg", { key: '8ed14deda237ca56daa7b7cfd55788700ecf8614', width: "16", height: "16", viewBox: "-3 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '5100cb1d8fba90615962e57facfd3361cd31f4e5', d: "M0.5 -0.000976562C0.223858 -0.000976562 0 0.222881 0 0.499023L1.90735e-05 9.00337C1.90735e-05 10.1079 0.89545 11.0034 2.00002 11.0034H3.00411V14.0007C3.00411 15.1053 3.89954 16.0007 5.00411 16.0007C6.10868 16.0007 7.00411 15.1053 7.00411 14.0007V11.0034H8.00002C9.10459 11.0034 10 10.1079 10 9.00337V7.50339L10 7.49897V0.499023C10 0.222881 9.77614 -0.000976562 9.5 -0.000976562H0.5ZM1.00002 8.00342H9.00002V9.00337C9.00002 9.55566 8.5523 10.0034 8.00002 10.0034H6.50411C6.22797 10.0034 6.00411 10.2272 6.00411 10.5034V14.0007C6.00411 14.553 5.5564 15.0007 5.00411 15.0007C4.45183 15.0007 4.00411 14.553 4.00411 14.0007V10.5034C4.00411 10.2272 3.78026 10.0034 3.50411 10.0034H2.00002C1.44773 10.0034 1.00002 9.55566 1.00002 9.00337V8.00342ZM9 7.00339H1V0.999023H5V2.49902C5 2.77517 5.22386 2.99902 5.5 2.99902C5.77614 2.99902 6 2.77517 6 2.49902V0.999023H7V3.50122C7 3.77736 7.22386 4.00122 7.5 4.00122C7.77614 4.00122 8 3.77736 8 3.50122V0.999023H9V7.00339Z", fill: "currentColor" })));
     }
 };
 PaintbrushIcon.style = PaintbrushIconStyle0;
 
-const iconCss$1 = ".sc-people-icon-h{display:flex}";
-const PeopleIconStyle0 = iconCss$1;
+const iconCss$2 = ".sc-people-icon-h{display:flex}";
+const PeopleIconStyle0 = iconCss$2;
 
 const PeopleIcon = class {
     constructor(hostRef) {
@@ -8525,7 +8917,7 @@ const PeopleIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: '2613090eb412a2ba47dbdd422774e25c31cfa582', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index$1.h("path", { key: '1a05bed27ce93789c43880b7830484bff3ff7140', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
+        return (index$1.h("svg", { key: 'e7e23abad1ff011b5e2d8931755a605179586351', xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, index$1.h("path", { key: '3ddb5e0a172b339cd8d33c3ae95fda09c0edd3bb', fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" })));
     }
 };
 PeopleIcon.style = PeopleIconStyle0;
@@ -8554,11 +8946,26 @@ const ToggleSwitchComponent = class {
         });
     }
     render() {
-        return (index$1.h("label", { key: '1439804b4d417fc2db52466c78382aab36d7ee1e', class: "switch", part: "ts_label" }, index$1.h("input", { key: '39d1b1eb59d8f1e6f8d9b89cf5c8e2421fb467c4', type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index$1.h("div", { key: 'be815cb3172e6370d56db571d3f30580308236a7', class: "slider round", part: "ts_slider" })));
+        return (index$1.h("label", { key: '7d74c0f5a452c3261e1cdd897a5092697a6782bb', class: "switch", part: "ts_label" }, index$1.h("input", { key: '80f5740b7e4a7af96b95648dd556b50c0537b505', type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), index$1.h("div", { key: '5176ee85b2fd72586ae6faf41e84c2ef60598f32', class: "slider round", part: "ts_slider" })));
     }
 };
 ToggleSwitchComponent.style = ToggleSwitchStyle0;
 
+const iconCss$1 = ".sc-trash-icon-h{display:flex}";
+const TrashIconStyle0 = iconCss$1;
+
+const TrashIcon = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.width = '20';
+        this.height = '21';
+    }
+    render() {
+        return (index$1.h("svg", { key: '996def7abb49e7006b1982be54b9a7a0da6fb27f', width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: '85f12d3be93cba4337ddf2fc99d89c80dbf6008c', d: "M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z", fill: "currentColor" })));
+    }
+};
+TrashIcon.style = TrashIconStyle0;
+
 const iconCss = ".sc-zoom-icon-h{display:flex}";
 const ZoomIconStyle0 = iconCss;
 
@@ -8569,7 +8976,7 @@ const ZoomIcon = class {
         this.height = '20';
     }
     render() {
-        return (index$1.h("svg", { key: '0abed28cd539095c959af36834496a9bae55e9d8', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'cba7b1859574b1fe7f8cb39af540b99f6d26de6b', d: "M19.7495 6.85792C19.2077 3.4745 16.5255 0.792345 13.1421 0.250451C12.1175 0.0865155 11.0702 0 10 0C8.92992 0 7.88256 0.0865155 6.85797 0.250451C3.47453 0.792345 0.792373 3.4745 0.250478 6.85792C0.0865433 7.87796 0 8.92987 0 10C0 11.0701 0.0865433 12.1175 0.250478 13.1421C0.792373 16.5255 3.47453 19.2077 6.85797 19.7495C7.88256 19.9135 8.92992 20 10 20C11.0702 20 12.1175 19.9135 13.1421 19.7495C16.5255 19.2077 19.2077 16.5255 19.7495 13.1421C19.9135 12.122 20 11.0701 20 10C20 8.92987 19.9135 7.88251 19.7495 6.85792Z", fill: "url(#paint0_linear_22_6272)" }), index$1.h("path", { key: '6adeead9b693188bb8a02ebd0c6fa98cdf0bef99', d: "M12.154 12.1676C12.154 12.7596 11.6759 13.2377 11.0839 13.2377H6.42995C5.24598 13.2377 4.28516 12.2769 4.28516 11.0929V7.87794C4.28516 7.28596 4.76328 6.80786 5.35527 6.80786H10.0092C11.1932 6.80786 12.154 7.7687 12.154 8.95267V12.1676ZM14.8589 7.09475L13.2879 8.27412C13.0193 8.47448 12.8598 8.79324 12.8598 9.13022V10.9153C12.8598 11.2523 13.0193 11.5711 13.2879 11.7714L14.8589 12.9508C15.2141 13.2149 15.715 12.9645 15.715 12.5228V7.5228C15.715 7.08109 15.2096 6.83063 14.8589 7.09475Z", fill: "white" }), index$1.h("defs", { key: '7067af03904a61235aeda7db6fe814b3f15b5875' }, index$1.h("linearGradient", { key: '1f8ae91641f482c5dc7b6b10f64be6a6d52a90a8', id: "paint0_linear_22_6272", x1: "10", y1: "19.9954", x2: "10", y2: "-0.00455379", gradientUnits: "userSpaceOnUse" }, index$1.h("stop", { key: '08a9740d0eb22672f5d991213d0494fd0ce418bc', "stop-color": "#003FAE" }), index$1.h("stop", { key: 'eb8aeeee8f25df3cb2c352b5b5ee187a259173b4', offset: "0.02", "stop-color": "#0142B7" }), index$1.h("stop", { key: '24f2dadde8805bf9309fc8f647d16403628b51c9', offset: "0.09", "stop-color": "#044BD1" }), index$1.h("stop", { key: '85a5a2aa73ece1b481e30ff0e12bfcd3451c34ed', offset: "0.16", "stop-color": "#0752E5" }), index$1.h("stop", { key: 'b9ceb9b87f1977c12b52d9be0098a36b673c628e', offset: "0.24", "stop-color": "#0958F4" }), index$1.h("stop", { key: 'ec413649fd7e81022399706987282341510d0d22', offset: "0.34", "stop-color": "#0A5BFC" }), index$1.h("stop", { key: 'e4d62076fc76792aaadddab90ee5746f27f9ee29', offset: "0.5", "stop-color": "#0B5CFF" })))));
+        return (index$1.h("svg", { key: '9789a9930b484f5094660e3b26ca8597a9b98079', width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index$1.h("path", { key: 'a6c4d6c5d01a39cf9f302982b9d59e20ef8dd4fe', d: "M19.7495 6.85792C19.2077 3.4745 16.5255 0.792345 13.1421 0.250451C12.1175 0.0865155 11.0702 0 10 0C8.92992 0 7.88256 0.0865155 6.85797 0.250451C3.47453 0.792345 0.792373 3.4745 0.250478 6.85792C0.0865433 7.87796 0 8.92987 0 10C0 11.0701 0.0865433 12.1175 0.250478 13.1421C0.792373 16.5255 3.47453 19.2077 6.85797 19.7495C7.88256 19.9135 8.92992 20 10 20C11.0702 20 12.1175 19.9135 13.1421 19.7495C16.5255 19.2077 19.2077 16.5255 19.7495 13.1421C19.9135 12.122 20 11.0701 20 10C20 8.92987 19.9135 7.88251 19.7495 6.85792Z", fill: "url(#paint0_linear_22_6272)" }), index$1.h("path", { key: '8a1742b847a85d297382072fa1344e261236b2c7', d: "M12.154 12.1676C12.154 12.7596 11.6759 13.2377 11.0839 13.2377H6.42995C5.24598 13.2377 4.28516 12.2769 4.28516 11.0929V7.87794C4.28516 7.28596 4.76328 6.80786 5.35527 6.80786H10.0092C11.1932 6.80786 12.154 7.7687 12.154 8.95267V12.1676ZM14.8589 7.09475L13.2879 8.27412C13.0193 8.47448 12.8598 8.79324 12.8598 9.13022V10.9153C12.8598 11.2523 13.0193 11.5711 13.2879 11.7714L14.8589 12.9508C15.2141 13.2149 15.715 12.9645 15.715 12.5228V7.5228C15.715 7.08109 15.2096 6.83063 14.8589 7.09475Z", fill: "white" }), index$1.h("defs", { key: 'be2e9962bb2dec55076c7b323ad5b1140ef9283b' }, index$1.h("linearGradient", { key: '7d273efb34a3a13abd745023ff924b1dbd87be37', id: "paint0_linear_22_6272", x1: "10", y1: "19.9954", x2: "10", y2: "-0.00455379", gradientUnits: "userSpaceOnUse" }, index$1.h("stop", { key: '841a9fc4ea78d5507cd19a581573c8cf86fb443a', "stop-color": "#003FAE" }), index$1.h("stop", { key: '84c1e64fa2dcdf8bc3c532db4d67bcda557c6a50', offset: "0.02", "stop-color": "#0142B7" }), index$1.h("stop", { key: 'c5fccfcd3460597ba44aea510048970b5ea750bf', offset: "0.09", "stop-color": "#044BD1" }), index$1.h("stop", { key: '08b1ebe7800ae3e1da23755119f3411693ab22ab', offset: "0.16", "stop-color": "#0752E5" }), index$1.h("stop", { key: '16c3bc399028a8377c06c6e1b4cf1680717ef464', offset: "0.24", "stop-color": "#0958F4" }), index$1.h("stop", { key: 'c5938a655523d730914af0f13eebd1d51527cab8', offset: "0.34", "stop-color": "#0A5BFC" }), index$1.h("stop", { key: 'c3ec1966b6d7602465a59c2b5db40ad4738cfc0b', offset: "0.5", "stop-color": "#0B5CFF" })))));
     }
 };
 ZoomIcon.style = ZoomIconStyle0;
@@ -8618,12 +9025,15 @@ exports.nylas_page_name = NylasPageName;
 exports.nylas_page_styling = NylasPageStyling;
 exports.nylas_participant_booking_calendars = NylasParticipantBookingCalendars;
 exports.nylas_participants_custom_availability = NylasParticipantsCustomAvailability;
+exports.nylas_reminder_emails = NylasReminderEmails;
+exports.nylas_reminder_time = NylasReminderTime;
 exports.nylas_scheduling_method = NylasSchedulingMethod;
 exports.nylas_timeslot_interval = NylasTimeslotInterval;
 exports.paintbrush_fill_icon = PaintbrushFillIcon;
 exports.paintbrush_icon = PaintbrushIcon;
 exports.people_icon = PeopleIcon;
 exports.toggle_switch = ToggleSwitchComponent;
+exports.trash_icon = TrashIcon;
 exports.zoom_icon = ZoomIcon;
 
-//# sourceMappingURL=calendar-agenda-fill-icon_51.cjs.entry.js.map
+//# sourceMappingURL=calendar-agenda-fill-icon_54.cjs.entry.js.map