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

package/dist/cdn/nylas-booking-form-config/nylas-booking-form-config.es.js

@@ -11542,7 +11542,7 @@ const rw = ".sc-add-circle-icon-h{display:flex}", iw = rw, ow = xt(class extends
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
   render() {
-    return B("svg", { key: "5f4574833991cf259f08df93a218894bd849d112", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("path", { key: "5369d12ef03c62758a830c0a48d45aa1f731bbc8", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
+    return B("svg", { key: "9e690681d1b901e7e3d253077f78686f791649a5", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("path", { key: "790a61b553585cc1f31547f19adadc95a46c5166", d: "M12 2.5c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10ZM12 4a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm0 3.5a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 12 7.5Z", fill: "currentColor" }));
   }
   static get style() {
     return iw;
@@ -11567,7 +11567,7 @@ const aw = ".sc-chevron-icon-h{display:flex}", uw = aw, lw = xt(class extends wt
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return B("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, B("path", { key: "f03cbd70f5a3b0304c2fd55960ccf20576619908", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+    return B("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, B("path", { key: "df8820887c1787356ad0727baf34fe0c5b76bbd4", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
   }
   static get style() {
     return uw;
@@ -11592,7 +11592,7 @@ const cw = ".sc-close-icon-h{display:flex}", dw = cw, fw = xt(class extends wt {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return B("svg", { key: "ae2727b3e3bb8e386a60828defc34532de883473", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("g", { key: "3bc87607b1cf527273887ff3835716c2b16c312c", "clip-path": "url(#a)" }, B("path", { key: "3e5870c3439d7aba6930d4468925e958cd3867bf", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), B("defs", { key: "7ae8ce566367e278782c83c4c2a3964013968579" }, B("clipPath", { key: "184fe559a12c59831e92e05d9564787fb14ce197", id: "a" }, B("path", { key: "907b8eb528141f6ff41e3d266557d6b720617a2a", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return B("svg", { key: "ea4c2e95733509b6dec0689e638a25df560567e2", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("g", { key: "49366dc579896a3e8fcfed0c7d3cce7dab209d50", "clip-path": "url(#a)" }, B("path", { key: "57a3efd12ca2c8f019b118f0113172342ddb6354", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), B("defs", { key: "424636139255dfdcebe6d3dc901c84168c4c713e" }, B("clipPath", { key: "0ebaa728a38c48694e48f1182c1de98bba97ff0d", id: "a" }, B("path", { key: "bfe4ed6e55fe74a819e6d512a0b7e2c018baec14", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
   static get style() {
     return dw;
@@ -11617,7 +11617,7 @@ const pw = ".sc-dragable-icon-h{display:flex}", gw = pw, mw = xt(class extends w
     super(), this.__registerHost(), this.width = "20", this.height = "20";
   }
   render() {
-    return B("svg", { key: "639ee68f8315f1cda8c37c01ae8d74a3878e2bcf", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("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 B("svg", { key: "eafe936e1e9cc4c5b877fdf8329f0092055d3b12", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("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" }));
   }
   static get style() {
     return gw;
@@ -11689,7 +11689,7 @@ const yw = ':host{display:block;height:auto;--nylas-primary:#2563eb;--nylas-erro
     !this.pattern || !e && !this.required || (this.pattern.test(e) ? this.error = "" : this.error = this.patternError || "Invalid format.");
   }
   render() {
-    return B("label", { key: "e34259d7c68764f76d23e5e29a2e146abc37d8e8", part: "ic__label", class: { error: !!this.error } }, this.label && B("p", null, B("span", { class: "label" }, this.label), this.required && B("span", { class: "required" }, "*")), B("div", { key: "bbf9cc51221105ef91447dec3e6a8f37112652fb", part: "ic__input_wrapper", class: "input_wrapper" }, B("input", { key: "a4772fec8494e8ae308960568baf58dddebbb741", type: "text", name: this.name, part: "ic__input", readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (e) => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), B("slot", { key: "4baaf6f7b6929da24393e3f81df17fb8ce263d4a", name: "additional-input" })), this.error && B("span", { class: "error help-text" }, this.error));
+    return B("label", { key: "9f2b420dc76c3fd263d690689887ac66ce519264", part: "ic__label", class: { error: !!this.error } }, this.label && B("p", null, B("span", { class: "label" }, this.label), this.required && B("span", { class: "required" }, "*")), B("div", { key: "2a4405560068cfad04acda9bd5ef6ec6c79646f0", part: "ic__input_wrapper", class: "input_wrapper" }, B("input", { key: "fa44c6f9e2c93698fa49948a7ec74f2a87aeb852", type: "text", name: this.name, part: "ic__input", readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (e) => this.handleInput(e), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), B("slot", { key: "b37c67e64154ed48cadc382c64eca9313b967f66", name: "additional-input" })), this.error && B("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return this;
@@ -11736,7 +11736,7 @@ const Tw = ".sc-plus-icon-h{display:flex}", Sw = Tw, $w = xt(class extends wt {
     super(), this.__registerHost(), this.width = "20", this.height = "20";
   }
   render() {
-    return B("svg", { key: "b773f84aedcf985122fd77f62de6bc2628e96f5b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("path", { key: "9a54c311983e551ad2ade042fd7cea6c0f7b691a", d: "M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z", fill: "currentColor" }));
+    return B("svg", { key: "9a8bcebf970778b50ae8de1eebd6a97e36e24dbd", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("path", { key: "6ba418b474b1ff82faadb820dbd8760531165f75", d: "M8.5 1C8.5 0.723858 8.27614 0.5 8 0.5C7.72386 0.5 7.5 0.723858 7.5 1V7.5H1C0.723858 7.5 0.5 7.72386 0.5 8C0.5 8.27614 0.723858 8.5 1 8.5H7.5V15C7.5 15.2761 7.72386 15.5 8 15.5C8.27614 15.5 8.5 15.2761 8.5 15V8.5H15C15.2761 8.5 15.5 8.27614 15.5 8C15.5 7.72386 15.2761 7.5 15 7.5H8.5V1Z", fill: "currentColor" }));
   }
   static get style() {
     return Sw;
@@ -11761,7 +11761,7 @@ const Aw = ".sc-search-icon-h{display:flex}", Dw = Aw, Bw = xt(class extends wt
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return B("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("path", { key: "c9df789c3d41d5fdf4c557f3c371a5a5b6fe9783", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
+    return B("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, B("path", { key: "d30e346032f2d41161d314e0b1305643688d6402", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
   }
   static get style() {
     return Dw;
@@ -11880,7 +11880,7 @@ const Ow = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return B("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, B("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && B("p", null, B("span", { class: "label" }, this.label), this.required && B("span", { class: "required" }, "*")), B("button", { key: "b718647bb19fb6a16a916617ffe6e5dd46022bba", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, B("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), B("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && B("span", { class: {
+    return B("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, B("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && B("p", null, B("span", { class: "label" }, this.label), this.required && B("span", { class: "required" }, "*")), B("button", { key: "9f0e7d114b4978f37818c1d424b5f8c786ba8e87", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, B("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), B("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && B("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -13697,7 +13697,7 @@ const Wo = xt(class extends wt {
     this.formFields = this.formFields.map((i, o) => (o === e && (i.options || (i.options = []), i.options = i.options.map((s, a) => (a === t && (s = r.detail.value), s))), i));
   }
   render() {
-    return B(Da, { key: "8db177dc9df5c63aaae9e657b81a564d2df2d34e" }, B("div", { key: "3026f554b98ffdb0e14173a49bff44a85ad5cc17", class: "nylas-booking-form-config" }, B("div", { key: "4369640ba9d4411713d5066324fa6f59fb4040da", class: "header", part: "nbfc__header" }, B("div", { key: "1a4bfa5b5ef7532cb36be53bdc1f7d73db365c33", class: "header_text" }, B("h3", { key: "c689200151903cb8b410c78da9dafc6550d0c51e" }, "Booking form"), B("p", { key: "a53818d44fb4fce66b4a07d41f4fd1322efb4f5a" }, "Add custom fields to the booking form.")), B("div", { key: "8059ccdaad2ccabd0f33728cd4f93b1f3b8aebdd", class: "header_action" }, B("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: nw, withSearch: !1, withChevron: !1, dropdownButtonText: "Add new field" }, B("span", { key: "7e099ef91121f954377db3a4a0c517d58df3a1e8", slot: "select-icon" }, B("plus-icon", { key: "bbdd97931d1826cc4955e1bc695f984f8ee35a20", width: "15", height: "15" }))))), B("div", { key: "417adc5084d74399f9a77f2da83117fe7c0160a3", class: "content" }, B("div", { key: "598bbda9bf5b9d87a8e13fc336c3879b327c58e6", id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((e, t) => B("div", { class: `form-field draggable ${e.readonly && "fixed"}`, part: "nbfc__form_field", key: t }, B("div", { class: "form-field_header", part: "nbfc__form_field-header" }, B("span", { class: "dragable" }, B("dragable-icon", { width: "24", height: "25" })), B("div", { class: "form-field_header_text" }, B("h4", null, e.label), B("p", null, e.typeLabel)), B("div", { class: "form-field_header_actions" }, B("span", { class: "is-required" }, e.required ? "Required" : "Optional"), !e.readonly && B("button", { onClick: () => {
+    return B(Da, { key: "890a8dc51e6aee455ce2eec3b1b9e534122e87e1" }, B("div", { key: "a6d477428eb9851402cadbe384fd5dc7a0a7788b", class: "nylas-booking-form-config", part: "nbfc" }, B("div", { key: "4fa905aa07838ab99c01d20f2e8f809a24328059", class: "header", part: "nbfc__header" }, B("div", { key: "33b8980d3927d1aa717aade3f6e1e3f3b099feab", class: "header_text" }, B("h3", { key: "2381bd7f07124b653aac4542946585357d1eecd5" }, "Booking form"), B("p", { key: "a57f318250af040f150df4fe6cf02f299250da74" }, "Add custom fields to the booking form.")), B("div", { key: "7297904e841d80bdc38a22605427234bf69c15b3", class: "header_action" }, B("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: nw, withSearch: !1, withChevron: !1, dropdownButtonText: "Add new field" }, B("span", { key: "4a445ec9df4d27d455e5936a83469df6850ee24f", slot: "select-icon" }, B("plus-icon", { key: "1f5fa764396d7f0ecc212ed7e2145dee1250eb4c", width: "15", height: "15" }))))), B("div", { key: "f2384ca1eef8e9b50176ca6a23ed018dba95190e", class: "content" }, B("div", { key: "6ce505f1753086e43ac25e188a63b4319282f33d", id: "fields", class: "additional_fields", part: "nbfc__additional_fields" }, this.formFields.map((e, t) => B("div", { class: `form-field draggable ${e.readonly && "fixed"}`, part: "nbfc__form_field", key: t }, B("div", { class: "form-field_header", part: "nbfc__form_field-header" }, B("span", { class: "dragable" }, B("dragable-icon", { width: "24", height: "25" })), B("div", { class: "form-field_header_text" }, B("h4", null, e.label), B("p", null, e.typeLabel)), B("div", { class: "form-field_header_actions" }, B("span", { class: "is-required" }, e.required ? "Required" : "Optional"), !e.readonly && B("button", { onClick: () => {
       this.fieldRemove(t);
     } }, B("close-icon", null)), B("span", { class: `chevron ${e.isOpen ? "open" : "closed"}`, onClick: () => {
       this.fieldToggle(t);

package/dist/cdn/nylas-buffer-time/nylas-buffer-time.es.js

@@ -9111,7 +9111,7 @@ const P2 = ".sc-chevron-icon-h{display:flex}", L2 = P2, I2 = Je(class extends Ve
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return D("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, D("path", { key: "f03cbd70f5a3b0304c2fd55960ccf20576619908", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+    return D("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, D("path", { key: "df8820887c1787356ad0727baf34fe0c5b76bbd4", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
   }
   static get style() {
     return L2;
@@ -9136,7 +9136,7 @@ const _2 = ".sc-info-icon-h{display:flex}", N2 = _2, F2 = Je(class extends Ve {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return D("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, D("path", { key: "0f3bee3c4081b4d171771096bfe4f325a64dbe1c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return D("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, D("path", { key: "41bc050582f31986abd97b6eab9c6d52a24dc62c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
   static get style() {
     return N2;
@@ -9161,7 +9161,7 @@ const j2 = ".sc-search-icon-h{display:flex}", Y2 = j2, q2 = Je(class extends Ve
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return D("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, D("path", { key: "c9df789c3d41d5fdf4c557f3c371a5a5b6fe9783", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
+    return D("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, D("path", { key: "d30e346032f2d41161d314e0b1305643688d6402", fill: "currentColor", d: "M5.5 0C8.53757 0 11 2.46243 11 5.5C11 6.83879 10.5217 8.06586 9.72656 9.01962L13.8536 13.1464C14.0488 13.3417 14.0488 13.6583 13.8536 13.8536C13.68 14.0271 13.4106 14.0464 13.2157 13.9114L13.1464 13.8536L9.01962 9.72656C8.06586 10.5217 6.83879 11 5.5 11C2.46243 11 0 8.53757 0 5.5C0 2.46243 2.46243 0 5.5 0ZM5.5 1C3.01472 1 1 3.01472 1 5.5C1 7.98528 3.01472 10 5.5 10C7.98528 10 10 7.98528 10 5.5C10 3.01472 7.98528 1 5.5 1Z" }));
   }
   static get style() {
     return Y2;
@@ -9280,7 +9280,7 @@ const H2 = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return D("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, D("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && D("p", null, D("span", { class: "label" }, this.label), this.required && D("span", { class: "required" }, "*")), D("button", { key: "b718647bb19fb6a16a916617ffe6e5dd46022bba", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, D("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), D("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && D("span", { class: {
+    return D("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, D("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && D("p", null, D("span", { class: "label" }, this.label), this.required && D("span", { class: "required" }, "*")), D("button", { key: "9f0e7d114b4978f37818c1d424b5f8c786ba8e87", part: "sd_dropdown-button", class: { dropbtn: !0, open: this.isOpen, error: !!this.errorMessage }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (t) => this.handleSelectButtonKeyDown(t) }, D("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), D("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && D("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -9346,7 +9346,7 @@ const K2 = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return D("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, D("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, D("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), D("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, D("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return D("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, D("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, D("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), D("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, D("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;

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

@@ -9111,7 +9111,7 @@ const P2 = ".sc-chevron-icon-h{display:flex}", L2 = P2, I2 = ht(class extends mt
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return U("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, U("path", { key: "f03cbd70f5a3b0304c2fd55960ccf20576619908", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
+    return U("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, U("path", { key: "df8820887c1787356ad0727baf34fe0c5b76bbd4", fill: "currentColor", d: "M15.53 4.22a.75.75 0 0 1 0 1.06L8.81 12l6.72 6.72a.75.75 0 1 1-1.06 1.06l-7.25-7.25a.75.75 0 0 1 0-1.06l7.25-7.25a.75.75 0 0 1 1.06 0Z" }));
   }
   static get style() {
     return L2;
@@ -9136,7 +9136,7 @@ const N2 = ".sc-close-icon-h{display:flex}", F2 = N2, U2 = ht(class extends mt {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return U("svg", { key: "ae2727b3e3bb8e386a60828defc34532de883473", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("g", { key: "3bc87607b1cf527273887ff3835716c2b16c312c", "clip-path": "url(#a)" }, U("path", { key: "3e5870c3439d7aba6930d4468925e958cd3867bf", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), U("defs", { key: "7ae8ce566367e278782c83c4c2a3964013968579" }, U("clipPath", { key: "184fe559a12c59831e92e05d9564787fb14ce197", id: "a" }, U("path", { key: "907b8eb528141f6ff41e3d266557d6b720617a2a", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return U("svg", { key: "ea4c2e95733509b6dec0689e638a25df560567e2", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("g", { key: "49366dc579896a3e8fcfed0c7d3cce7dab209d50", "clip-path": "url(#a)" }, U("path", { key: "57a3efd12ca2c8f019b118f0113172342ddb6354", d: "M5.73 4.574a.75.75 0 1 0-1.061 1.06l4.419 4.42-4.42 4.42a.75.75 0 1 0 1.061 1.06l4.42-4.42 4.419 4.42a.75.75 0 0 0 1.06-1.06l-4.419-4.42 4.42-4.42a.75.75 0 1 0-1.061-1.06l-4.42 4.42-4.419-4.42Z", fill: "currentColor" })), U("defs", { key: "424636139255dfdcebe6d3dc901c84168c4c713e" }, U("clipPath", { key: "0ebaa728a38c48694e48f1182c1de98bba97ff0d", id: "a" }, U("path", { key: "bfe4ed6e55fe74a819e6d512a0b7e2c018baec14", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
   static get style() {
     return F2;
@@ -9161,7 +9161,7 @@ const _2 = ".sc-info-icon-h{display:flex}", j2 = _2, Y2 = ht(class extends mt {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return U("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("path", { key: "0f3bee3c4081b4d171771096bfe4f325a64dbe1c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return U("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("path", { key: "41bc050582f31986abd97b6eab9c6d52a24dc62c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
   static get style() {
     return j2;
@@ -9263,7 +9263,7 @@ const H2 = ':host{display:block;width:inherit;--nylas-primary:#2563eb;--nylas-er
   }
   render() {
     var e, t;
-    return U(Gr, { key: "9417bddaf55644bed09f9307e395493edff182f7" }, U("div", { key: "2c117b95885d3b5050fa430bdab613fefbe80c8e", class: "dropdown", part: "msd_dropdown" }, U("label", { key: "0068b39a03678248b2225d4c355403df20e4e157", class: "dropdown-label" }, this.label, U("slot", { key: "25f55fdf4da7980ba1c4af4ce0751c7e9b8c9ddd", name: "label-icon", "aria-hidden": "true" })), U("button", { key: "a637c27dc2aa8b270115b42f70cb5b87a89f32dd", name: this.name, part: `msd_dropdown-button ${this.error ? "msd_dropdown-button--error" : ""}`, class: { dropbtn: !0, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (r) => this.handleSelectButtonKeyDown(r) }, U("slot", { key: "7fb4005ea067df4eec7dd9b167b440c685475f19", name: "select-icon", "aria-hidden": "true" }), U("span", { key: "d21978886c1eb01961e01f12c837a638bd3d740b", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? "Multiple options selected" : ((e = this.availableOptions.filter((r) => r.selected)[0]) == null ? void 0 : e.label) ?? ((t = this.availableOptions[0]) == null ? void 0 : t.label)), U("span", { key: "99b5343dc6f1bcd0488d8d7eebf3256780a89dd4", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, U("chevron-icon", { key: "3fc6cbe2b3e4dc995989affc69f50339a07e2338", width: "16", height: "16" }))), this.error ? U("span", { class: "error" }, this.error) : null, this.isOpen ? null : U("div", { class: "selected-options" }, this.getSelectedOptions().map((r) => U("span", { class: "selected-option" }, r.label, U("button", { key: r.label, onClick: () => this.selectOption(r) }, U("close-icon", null))))), this.isOpen ? U("div", { class: "dropdown-content", part: "msd_dropdown-content" }, U("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (r) => this.handleListboxKeydown(r) }, this.availableOptions.map((r) => this.renderOption(r)))) : null));
+    return U(Gr, { key: "e1d4d14ecbb535efa9c01bbd472648b0a11f80f0" }, U("div", { key: "4fa54bb57eea3f45d49d0864e11ca20bb6b9b16c", class: "dropdown", part: "msd_dropdown" }, U("label", { key: "dd418efe1b38427042f1f88b9fd615ee89c9f5d9", class: "dropdown-label" }, this.label, U("slot", { key: "a8cd3f9fd40a3b77683c636b3b835e0cbd738981", name: "label-icon", "aria-hidden": "true" })), U("button", { key: "d39f657c45ecd246018f4c5db904ad37d475634b", name: this.name, part: `msd_dropdown-button ${this.error ? "msd_dropdown-button--error" : ""}`, class: { dropbtn: !0, open: this.isOpen, error: !!this.error }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (r) => this.handleSelectButtonKeyDown(r) }, U("slot", { key: "45f912fd627eb75e06446a782d91b27bf138677c", name: "select-icon", "aria-hidden": "true" }), U("span", { key: "8271bafba127888d6646b31749292b049e190589", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? "Multiple options selected" : ((e = this.availableOptions.filter((r) => r.selected)[0]) == null ? void 0 : e.label) ?? ((t = this.availableOptions[0]) == null ? void 0 : t.label)), U("span", { key: "75caecf1bffad204acab61b8d8809b03a9dbeb73", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, U("chevron-icon", { key: "cc9faf08225b9c73481d27a9b3f6e7a43b379c25", width: "16", height: "16" }))), this.error ? U("span", { class: "error" }, this.error) : null, this.isOpen ? null : U("div", { class: "selected-options" }, this.getSelectedOptions().map((r) => U("span", { class: "selected-option" }, r.label, U("button", { key: r.label, onClick: () => this.selectOption(r) }, U("close-icon", null))))), this.isOpen ? U("div", { class: "dropdown-content", part: "msd_dropdown-content" }, U("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (r) => this.handleListboxKeydown(r) }, this.availableOptions.map((r) => this.renderOption(r)))) : null));
   }
   get el() {
     return this;
@@ -9313,7 +9313,7 @@ var J2 = function(n, e, t, r) {
 };
 const mn = ht(class extends mt {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = Mi(this, "valueChanged", 7), this.internals = this.attachInternals(), this.calendars = void 0, this.currentUser = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [], this.error = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = Mi(this, "valueChanged", 7), this.internals = this.attachInternals(), this.name = "calendar", this.currentUser = void 0, this.calendars = void 0, this.defaultSelectedCalendars = [], this.selectedCalendars = [], this.error = "";
   }
   elementNameChangedHandler(e) {
     Q("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -9377,9 +9377,9 @@ const mn = ht(class extends mt {
     return V2;
   }
 }, [65, "nylas-calendar-picker", {
-  calendars: [16],
-  currentUser: [16],
   name: [1],
+  currentUser: [16],
+  calendars: [16],
   defaultSelectedCalendars: [16],
   selectedCalendars: [32],
   error: [32]

package/dist/cdn/nylas-cancel-booking-form/nylas-cancel-booking-form.es.js

@@ -11434,7 +11434,7 @@ const Y6 = ".wave{display:flex;align-items:center;justify-content:center}.dot{wi
     super(), this.__registerHost(), this.__attachShadow(), this.width = "15", this.height = "15";
   }
   render() {
-    return z("div", { key: "4fd330645289551b628d0721382f4f24769b09c9", class: "wave" }, z("div", { key: "b23500951f1409eb1ffb244d2b9ee78e444264ac", class: "dot" }), z("div", { key: "4ae7966e56af13fb94df25a46e734909f95febea", class: "dot" }), z("div", { key: "da55a5c9efa1f7de83252d32324b4c8726c6ee66", class: "dot" }));
+    return z("div", { key: "bdc7f9acf0664597d87c4a2cc8917783a13c142e", class: "wave" }, z("div", { key: "15dcde4af03cb76dc4860c26742f97190f9e0cab", class: "dot" }), z("div", { key: "43bb08a9fbc89a1219f6f0b749413f6bca4bd253", class: "dot" }), z("div", { key: "16ca9fed347d7d67869ae4bfdbaecdd4c9bd33d9", class: "dot" }));
   }
   static get style() {
     return H6;
@@ -11460,7 +11460,7 @@ const G6 = "button.sc-button-component{display:flex;align-items:center;justify-c
   }
   render() {
     const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
-    return z("button", { key: "062f523a6eaa6c883cb39a4ffc6d26a12c83912d", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && z("loading-icon", { slot: "icon" }), z("slot", { key: "dbac2e8205f067c8c38e62afbb35f5ab9222dba3" }));
+    return z("button", { key: "2a4e992f2030ebb415320236ea0765802f589b6c", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && z("loading-icon", { slot: "icon" }), z("slot", { key: "c7a81cba389b6d0aa8974f7e599fdb84773deeb5" }));
   }
   static get style() {
     return W6;
@@ -11496,7 +11496,7 @@ const J6 = ".sc-calendar-cancel-icon-h{display:flex}", Z6 = J6, Q6 = tt(class ex
     super(), this.__registerHost(), this.width = "20", this.height = "20";
   }
   render() {
-    return z("svg", { key: "5ff29ddc97a243744db396235bc13b7195c89d25", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, z("path", { key: "fa795122766d6e316bd976c764f755e9030e339d", d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" }));
+    return z("svg", { key: "73067881feeacd7becb2872f91f78229996f06dd", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, z("path", { key: "bed216fd298ad011b68ac073bfd1e8c526855566", d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" }));
   }
   static get style() {
     return Z6;
@@ -11521,7 +11521,7 @@ const ex = ".sc-info-icon-h{display:flex}", tx = ex, nx = tt(class extends nt {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return z("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, z("path", { key: "0f3bee3c4081b4d171771096bfe4f325a64dbe1c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return z("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, z("path", { key: "41bc050582f31986abd97b6eab9c6d52a24dc62c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
   static get style() {
     return tx;
@@ -11552,7 +11552,7 @@ const rx = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return z("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, z("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, z("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), z("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, z("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return z("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, z("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, z("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), z("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, z("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -11601,7 +11601,7 @@ const ux = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--
     this.required && !e ? this.error = `${this.label} is required.` : e.length > this.maxLength ? this.error = `${this.label} cannot exceed ${this.maxLength} characters.` : this.error = "";
   }
   render() {
-    return z("label", { key: "64fd0ab44f5bf5bfe2211448c46b1d8a0e1ce738", part: "tc__label", class: { error: !!this.error } }, z("p", { key: "757c7a471006fb281793ff131e579d6e55a1ac19" }, z("span", { key: "66661b8ca6bbcec8f61c7001eca363398b7496f5", class: "label" }, this.label), this.required && z("span", { class: "required" }, "*"), this.tooltip && z("tooltip-component", null, z("info-icon", { slot: "tooltip-icon" }), z("span", { slot: "tooltip-content" }, this.tooltip))), z("textarea", { key: "bb1de6d8152e1f723b66c85cab6085cc6843dce8", name: this.name, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && z("span", { class: "error help-text" }, this.error));
+    return z("label", { key: "503a9e472a4dea351f13d8e430a0ee9ecc20e3fb", part: "tc__label", class: { error: !!this.error } }, z("p", { key: "7ce9a57c8e2dc9d0c3a88edf93ba09a3b49cf149" }, z("span", { key: "8feedbb7300d0eb20192b17a0482f9c981bba120", class: "label" }, this.label), this.required && z("span", { class: "required" }, "*"), this.tooltip && z("tooltip-component", null, z("info-icon", { slot: "tooltip-icon" }), z("span", { slot: "tooltip-content" }, this.tooltip))), z("textarea", { key: "79dd6889c5da4797b26504731583db5887c21bcb", name: this.name, placeholder: this.placeholder, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, onInput: (e) => this.handleInput(e), class: { error: !!this.error }, part: "tc__textarea" }), this.error && z("span", { class: "error help-text" }, this.error));
   }
   static get style() {
     return ox;
@@ -11637,7 +11637,7 @@ function lx() {
     }
   });
 }
-const cx = ":host{display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:1rem;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}", fx = cx;
+const cx = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:block;width:400px;font-family:var(--nylas-font-family)}.nylas-cancel-booking-form{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}.nylas-cancel-booking-form form{width:100%}.nylas-cancel-booking-form__title{font-size:18px;font-weight:600;margin-bottom:0;color:var(--nylas-base-900)}.nylas-cancel-booking-form__description{font-size:1rem;font-style:normal;font-weight:400;line-height:140%;color:var(--nylas-base-600);padding-bottom:1.25rem}.nylas-cancel-booking-form__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}.footer{display:grid;grid-template-columns:1fr 1fr;width:100%;padding-top:1.25rem;gap:1rem;border-top:1px solid var(--nylas-base-200);margin-top:1.25rem}', fx = cx;
 var dx = function(n, e, t, r) {
   var i = arguments.length, s = i < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, u;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -11676,7 +11676,7 @@ const ii = tt(class extends nt {
         this.cancelBookedEventError.emit(l);
       };
       this.cancelBookingId ? this.cancelBookingFormSubmitted.emit({ bookingId: this.cancelBookingId, action: "cancel", reason: this.cancellationReason, errorHandler: s }) : this.rejectBookingId && this.cancelBookingFormSubmitted.emit({ bookingId: this.rejectBookingId, action: "reject", reason: this.cancellationReason, errorHandler: s });
-    }, this.cancelBookingId = void 0, this.rejectBookingId = void 0, this.configSettings = void 0, this.eventInfo = void 0, this.selectedTimeslot = void 0, this.isLoading = void 0, this.cancellationReason = "", this.cancellationError = "", this.cancellationPolicy = ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.cancellation_policy) || "Your current timeslot will become available to others.";
+    }, this.cancelBookingId = void 0, this.rejectBookingId = void 0, this.selectedTimeslot = void 0, this.configSettings = void 0, this.eventInfo = void 0, this.isLoading = void 0, this.cancellationReason = "", this.cancellationError = "", this.cancellationPolicy = ((t = (e = this.configSettings) == null ? void 0 : e.scheduler) == null ? void 0 : t.cancellation_policy) || "Your current timeslot will become available to others.";
   }
   configSettingsChangedHandler(e) {
     var t;
@@ -11699,7 +11699,7 @@ const ii = tt(class extends nt {
   }
   render() {
     var e, t;
-    return z(As, { key: "6f680273959b2726cc68cb465aeacce03447ba8e", part: "ncbf" }, z("div", { key: "be243375f24e2029af0ad14c990a254c7f005631", class: "nylas-cancel-booking-form", part: "ncbf__card" }, z("div", { key: "5bef53a115c1108a0ff15ed52b773e03456ed249", class: "nylas-cancel-booking-form__calendar-icon", part: "ncbf__icon" }, z("calendar-cancel-icon", { key: "baa79cd9b1b8fea1019ccacdf0679b702d2f07a2" })), z("h3", { key: "260994a6886a04baccbba07198cb7b55843dcb94", class: "nylas-cancel-booking-form__title", part: "ncbf__title" }, ve.t("cancelBookingTitle")), z("div", { key: "5b551fb4c2f91a043b1a06b64dd635cfb2a6465e", class: "nylas-cancel-booking-form__description", part: "ncbf__description" }, (t = (e = this.configSettings) == null ? void 0 : e.scheduler) != null && t.cancellation_policy ? this.cancellationPolicy : `${ve.t("cancelBookingMessage")}`), z("form", { key: "535c7fbc0ccd04b614b0b52e39c183bcc0bd4501", onSubmit: this.handleSubmitCancelBooking }, z("textarea-component", { key: "349fa734e6ca521418f315feca30de5c67c5b4ab", id: "cancel-reason", name: "cancel-reason", required: !0, label: ve.t("reasonForCancellation"), class: this.cancellationError ? "error" : "", part: "ncbf__reason-textarea", defaultValue: this.cancellationReason }), z("div", { key: "c260628841bb3872a9a1439499c42e494894af9e", class: "footer" }, z("button-component", { key: "1de46efdfe24eaffae44d5a649f9b3ad6a11b3b6", variant: "destructive", class: "cancel", type: "submit", part: "ncbf__button-cta", disabled: this.isLoading }, ve.t("cancelBookingButton")), !!this.eventInfo && z("button-component", { variant: "basic", class: "back", part: "ncbf__button-outline", onClick: this.handleGoBackClicked }, ve.t("goBackButton"))))));
+    return z(As, { key: "c4bdf11986a6efc5b9005e82583c3e0543c424b7", part: "ncbf" }, z("div", { key: "be45863d677fc6f4e0e7a473367d4e668988a6e3", class: "nylas-cancel-booking-form", part: "ncbf__card" }, z("div", { key: "acd1467de81bc7518ef026d18abaf2bec08ee9e7", class: "nylas-cancel-booking-form__calendar-icon", part: "ncbf__icon" }, z("calendar-cancel-icon", { key: "8622cec85da5c6767d4acd913d540ab5379d6a6b" })), z("h3", { key: "b16e109071f7b3ce4bdeff18d75b395b6397ef66", class: "nylas-cancel-booking-form__title", part: "ncbf__title" }, ve.t("cancelBookingTitle")), z("div", { key: "99a98fda2cf78631fbf217425e98f50053819944", class: "nylas-cancel-booking-form__description", part: "ncbf__description" }, (t = (e = this.configSettings) == null ? void 0 : e.scheduler) != null && t.cancellation_policy ? this.cancellationPolicy : `${ve.t("cancelBookingMessage")}`), z("form", { key: "4f139a76c233767562d69e6abbc8bed2fe7068a4", onSubmit: this.handleSubmitCancelBooking }, z("textarea-component", { key: "cb9cb36cbc8054f0c99049230edd6867864b85eb", id: "cancel-reason", name: "cancel-reason", required: !0, label: ve.t("reasonForCancellation"), class: this.cancellationError ? "error" : "", part: "ncbf__reason-textarea", defaultValue: this.cancellationReason }), z("div", { key: "d10517e31cc74630c726db714b2ec2f732ebb595", class: "footer" }, z("button-component", { key: "4074187227af0cb6c35a530faef004edde580f34", variant: "destructive", class: "cancel", type: "submit", part: "ncbf__button-cta", disabled: this.isLoading }, ve.t("cancelBookingButton")), !!this.eventInfo && z("button-component", { variant: "basic", class: "back", part: "ncbf__button-outline", onClick: this.handleGoBackClicked }, ve.t("goBackButton"))))));
   }
   static get watchers() {
     return {
@@ -11712,9 +11712,9 @@ const ii = tt(class extends nt {
 }, [1, "nylas-cancel-booking-form", {
   cancelBookingId: [1, "cancel-booking-id"],
   rejectBookingId: [1, "reject-booking-id"],
+  selectedTimeslot: [16],
   configSettings: [16],
   eventInfo: [16],
-  selectedTimeslot: [16],
   isLoading: [4, "is-loading"],
   cancellationReason: [32],
   cancellationError: [32],

package/dist/cdn/nylas-cancellation-policy/nylas-cancellation-policy.es.js

@@ -11434,7 +11434,7 @@ const U6 = ".sc-info-icon-h{display:flex}", j6 = U6, q6 = Br(class extends Cr {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return ue("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, ue("path", { key: "0f3bee3c4081b4d171771096bfe4f325a64dbe1c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
+    return ue("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, ue("path", { key: "41bc050582f31986abd97b6eab9c6d52a24dc62c", fill: "currentColor", d: "M6.5 5.5C6.77614 5.5 7 5.72386 7 6V9C7 9.27614 6.77614 9.5 6.5 9.5C6.22386 9.5 6 9.27614 6 9V6C6 5.72386 6.22386 5.5 6.5 5.5ZM6.50001 4.74907C6.91369 4.74907 7.24905 4.41371 7.24905 4.00003C7.24905 3.58635 6.91369 3.251 6.50001 3.251C6.08633 3.251 5.75098 3.58635 5.75098 4.00003C5.75098 4.41371 6.08633 4.74907 6.50001 4.74907ZM0.5 6.5C0.5 3.18629 3.18629 0.5 6.5 0.5C9.81371 0.5 12.5 3.18629 12.5 6.5C12.5 9.81371 9.81371 12.5 6.5 12.5C3.18629 12.5 0.5 9.81371 0.5 6.5ZM6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5Z" }));
   }
   static get style() {
     return j6;
@@ -11465,7 +11465,7 @@ const H6 = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return ue("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, ue("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, ue("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), ue("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, ue("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return ue("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, ue("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, ue("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), ue("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, ue("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -11528,7 +11528,7 @@ const ni = Br(class extends Cr {
     this.message = t, this.internals.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
   }
   render() {
-    return ue(Su, { key: "3a6dfd352ec770b8103541bf2145147c84832402" }, ue("div", { key: "1cfa42ee08f5182fe9e1405ac6c8c56cea1c070e", class: "nylas-cancellation-policy", part: "ncpolicy" }, ue("label", { key: "a9867af2834b0a6d417a08c58695b38850d19796", htmlFor: this.name }, "Cancellation policy message", ue("span", { key: "c9a6e487bd1cfd0d594aefb7820fc5a29f10c1e5", class: "label-icon" }, ue("tooltip-component", { key: "653b93c98e586c52ffa0c34d7031370e24836f60" }, ue("info-icon", { key: "5164bfd6ae87d969e9022edf78a7e9860d8f1aac", slot: "tooltip-icon" }), ue("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.")))), ue("textarea", { key: "85b6eee5d41437810195739c364a7b1195da928a", id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: (e) => this.handleChange(e) })));
+    return ue(Su, { key: "4bae0ed63f5beb4bfded63e6a6243ad9231706cc" }, ue("div", { key: "e8b16dcdf8d9095a9922ec237cb30f3ea6501dde", class: "nylas-cancellation-policy", part: "ncpolicy" }, ue("label", { key: "3813b4c723c97c0c1aae070c88cf0111c73d9a3f", htmlFor: this.name }, "Cancellation policy message", ue("span", { key: "39b8a017d43bd8ea0d6e24b4ac180a551d88c963", class: "label-icon" }, ue("tooltip-component", { key: "f5ecc2daf78366a81869aec1a8b0aa783e338b20" }, ue("info-icon", { key: "4f128afc88ab509aeff42e1491c6dde245014685", slot: "tooltip-icon" }), ue("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.")))), ue("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 !0;

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

@@ -9111,7 +9111,7 @@ const O2 = ".wave{display:flex;align-items:center;justify-content:center}.dot{wi
     super(), this.__registerHost(), this.__attachShadow(), this.width = "15", this.height = "15";
   }
   render() {
-    return K("div", { key: "4fd330645289551b628d0721382f4f24769b09c9", class: "wave" }, K("div", { key: "b23500951f1409eb1ffb244d2b9ee78e444264ac", class: "dot" }), K("div", { key: "4ae7966e56af13fb94df25a46e734909f95febea", class: "dot" }), K("div", { key: "da55a5c9efa1f7de83252d32324b4c8726c6ee66", class: "dot" }));
+    return K("div", { key: "bdc7f9acf0664597d87c4a2cc8917783a13c142e", class: "wave" }, K("div", { key: "15dcde4af03cb76dc4860c26742f97190f9e0cab", class: "dot" }), K("div", { key: "43bb08a9fbc89a1219f6f0b749413f6bca4bd253", class: "dot" }), K("div", { key: "16ca9fed347d7d67869ae4bfdbaecdd4c9bd33d9", class: "dot" }));
   }
   static get style() {
     return P2;
@@ -9137,7 +9137,7 @@ const I2 = "button.sc-button-component{display:flex;align-items:center;justify-c
   }
   render() {
     const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
-    return K("button", { key: "062f523a6eaa6c883cb39a4ffc6d26a12c83912d", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && K("loading-icon", { slot: "icon" }), K("slot", { key: "dbac2e8205f067c8c38e62afbb35f5ab9222dba3" }));
+    return K("button", { key: "2a4e992f2030ebb415320236ea0765802f589b6c", class: e, disabled: this.disabled, type: "type", title: this.tooltip, onClick: this.clickHandler, onMouseOver: this.mouseOverHandler, onMouseOut: this.mouseOutHandler, onFocus: this.focusHandler, onBlur: this.blurHandler }, !!this.isLoading && K("loading-icon", { slot: "icon" }), K("slot", { key: "c7a81cba389b6d0aa8974f7e599fdb84773deeb5" }));
   }
   static get style() {
     return N2;
@@ -9173,7 +9173,7 @@ const _2 = ".sc-calendar-cancel-icon-h{display:flex}", j2 = _2, Y2 = Zt(class ex
     super(), this.__registerHost(), this.width = "20", this.height = "20";
   }
   render() {
-    return K("svg", { key: "5ff29ddc97a243744db396235bc13b7195c89d25", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, K("path", { key: "fa795122766d6e316bd976c764f755e9030e339d", d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" }));
+    return K("svg", { key: "73067881feeacd7becb2872f91f78229996f06dd", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, K("path", { key: "bed216fd298ad011b68ac073bfd1e8c526855566", d: "M14.5 9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-2.476 3.024a.5.5 0 0 0 0 .707l1.769 1.77-1.767 1.766a.5.5 0 1 0 .707.708l1.767-1.767 1.77 1.769a.5.5 0 1 0 .707-.707L15.208 14.5l1.771-1.77a.5.5 0 0 0-.707-.707l-1.771 1.77-1.77-1.77a.5.5 0 0 0-.707 0ZM14.75 0A3.25 3.25 0 0 1 18 3.25l.001 5.773a6.47 6.47 0 0 0-1.5-.71L16.5 5.5h-15v9.25c0 .966.784 1.75 1.75 1.75h5.064a6.47 6.47 0 0 0 .709 1.501L3.25 18A3.25 3.25 0 0 1 0 14.75V3.25A3.25 3.25 0 0 1 3.25 0h11.5Zm0 1.5H3.25A1.75 1.75 0 0 0 1.5 3.25V4h15v-.75a1.75 1.75 0 0 0-1.75-1.75Z", fill: "currentColor" }));
   }
   static get style() {
     return j2;
@@ -9193,7 +9193,7 @@ function q2() {
     }
   });
 }
-const H2 = ":host{display:block}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;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){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}", z2 = H2;
+const H2 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-cancelled-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family);width:400px;background-color:var(--nylas-base-0);color:var(--nylas-base-800);border-radius:var(--nylas-border-radius-2x);padding:1.5rem;position:relative;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){.nylas-cancelled-event-card{width:inherit}}.nylas-cancelled-event-card__title{font-size:18px;font-weight:600;line-height:24px;color:var(--nylas-base-900);text-align:center}.nylas-cancelled-event-description{font-size:16px;font-weight:500;color:var(--nylas-base-600)}.nylas-cancelled-event-card__calendar-icon{width:3rem;height:3rem;border-radius:50%;position:absolute;top:-1.25rem;left:50%;transform:translateX(-50%);background-color:var(--nylas-base-0);border:1px solid var(--nylas-base-200)}.nylas-cancelled-event-card__cta{width:100%;display:flex;flex-direction:row;align-items:flex-start;margin-top:1rem}calendar-cancel-icon{display:flex;align-items:center;justify-content:center;height:100%}button-component{width:100%}', z2 = H2;
 var W2 = function(n, e, t, r) {
   var u = arguments.length, i = u < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, o;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9214,7 +9214,7 @@ const mn = Zt(class extends Xt {
         this.cancelledEventCardError.emit(t), this.isClosing = !1;
       };
       this.closeCancelEventCardClicked.emit({ errorHandler: e });
-    }, this.cancelledEventInfo = void 0, this.isClosing = !1, this.configSettings = void 0;
+    }, this.configSettings = void 0, this.cancelledEventInfo = void 0, this.isClosing = !1;
   }
   connectedCallback() {
     Se("[nylas-cancelled-event-card] Component connected");
@@ -9230,14 +9230,14 @@ const mn = Zt(class extends Xt {
   }
   render() {
     var e, t;
-    return K(Du, { key: "e890d06179d7e35d38abe0f30934645d0dd0866f", part: "ncec" }, K("div", { key: "c2e455774c4d962dbd178c967d6ffcf0dad495e8", class: "nylas-cancelled-event-card", part: "ncec__card" }, K("div", { key: "dae3d09a326b89e8d5c5ac662b663a87332b483f", class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, K("calendar-cancel-icon", { key: "908f8f9dce64ef8a02d12b8bea383a9e65662def" })), K("h3", { key: "61a2d624b51686a6a1d9e045a3efa99f204c9e21", class: "nylas-cancelled-event-card__title", part: "ncec__title" }, ze.t("bookingCancelledTitle"), "!"), K("div", { key: "0cbf5bce08b5b623729e0741108ecd1a169c0cdb", class: "nylas-cancelled-event-card__description", part: "ncec__description" }, ze.t("bookingCancelledMessage"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), K("div", { key: "e43af5b395977d607b3c427bcb7d6062db8d6678", class: "nylas-cancelled-event-card__cta" }, K("button-component", { key: "36bb4ba3bf9fa46a52f5fd7b452bf8e001341d00", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${ze.t("closingButton")}...` : `${ze.t("closeButton")}`))));
+    return K(Du, { key: "e5e3ac32d965a7d9e9bc0bb8bbd774625ff07d7b", part: "ncec" }, K("div", { key: "e4ef634f512035b0e36012009a49d4e3e9845973", class: "nylas-cancelled-event-card", part: "ncec__card" }, K("div", { key: "8a739422bcf542b9b8c97c0a56032b4393755d5d", class: "nylas-cancelled-event-card__calendar-icon", part: "ncec__icon" }, K("calendar-cancel-icon", { key: "cd4aa557789c4487f6ce7ef70337a4af83e4d3be" })), K("h3", { key: "48aff2d9672f9d7e24b61ec5fa3b21ec63345f54", class: "nylas-cancelled-event-card__title", part: "ncec__title" }, ze.t("bookingCancelledTitle"), "!"), K("div", { key: "0c861a46988ad3071850dbe61f8344b5da6cd6d6", class: "nylas-cancelled-event-card__description", part: "ncec__description" }, ze.t("bookingCancelledMessage"), " ", ((t = (e = this.configSettings) == null ? void 0 : e.organizer) == null ? void 0 : t.name) || "the participants", "."), K("div", { key: "d9801695af5953536439a188c7e1d8d324a2fdbd", class: "nylas-cancelled-event-card__cta" }, K("button-component", { key: "b8c463a0ef0c36a4c28b46a3ad0aaa7f5b8f2efc", variant: "basic", disabled: this.isClosing, part: "ncec__button-outline", onClick: this.handleCloseClicked }, this.isClosing ? `${ze.t("closingButton")}...` : `${ze.t("closeButton")}`))));
   }
   static get style() {
     return z2;
   }
 }, [1, "nylas-cancelled-event-card", {
-  cancelledEventInfo: [16],
   configSettings: [16],
+  cancelledEventInfo: [16],
   isClosing: [32]
 }]);
 W2([