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

package/dist/cdn/nylas-additional-participants/nylas-additional-participants.es.js

@@ -11441,7 +11441,7 @@ const z6 = ".sc-add-circle-icon-h{display:flex}", H6 = z6, Y6 = Ze(class extends
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
   render() {
-    return M("svg", { key: "5f4574833991cf259f08df93a218894bd849d112", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("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 M("svg", { key: "9e690681d1b901e7e3d253077f78686f791649a5", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("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 H6;
@@ -11466,7 +11466,7 @@ const W6 = ".sc-close-icon-h{display:flex}", V6 = W6, K6 = Ze(class extends Je {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return M("svg", { key: "ae2727b3e3bb8e386a60828defc34532de883473", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("g", { key: "3bc87607b1cf527273887ff3835716c2b16c312c", "clip-path": "url(#a)" }, M("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" })), M("defs", { key: "7ae8ce566367e278782c83c4c2a3964013968579" }, M("clipPath", { key: "184fe559a12c59831e92e05d9564787fb14ce197", id: "a" }, M("path", { key: "907b8eb528141f6ff41e3d266557d6b720617a2a", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return M("svg", { key: "ea4c2e95733509b6dec0689e638a25df560567e2", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("g", { key: "49366dc579896a3e8fcfed0c7d3cce7dab209d50", "clip-path": "url(#a)" }, M("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" })), M("defs", { key: "424636139255dfdcebe6d3dc901c84168c4c713e" }, M("clipPath", { key: "0ebaa728a38c48694e48f1182c1de98bba97ff0d", id: "a" }, M("path", { key: "bfe4ed6e55fe74a819e6d512a0b7e2c018baec14", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
   static get style() {
     return V6;
@@ -11491,7 +11491,7 @@ const J6 = ".sc-info-icon-h{display:flex}", Q6 = J6, X6 = Ze(class extends Je {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return M("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("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 M("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, M("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 Q6;
@@ -11563,7 +11563,7 @@ const tx = ':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 M("label", { key: "e34259d7c68764f76d23e5e29a2e146abc37d8e8", part: "ic__label", class: { error: !!this.error } }, this.label && M("p", null, M("span", { class: "label" }, this.label), this.required && M("span", { class: "required" }, "*")), M("div", { key: "bbf9cc51221105ef91447dec3e6a8f37112652fb", part: "ic__input_wrapper", class: "input_wrapper" }, M("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() }), M("slot", { key: "4baaf6f7b6929da24393e3f81df17fb8ce263d4a", name: "additional-input" })), this.error && M("span", { class: "error help-text" }, this.error));
+    return M("label", { key: "9f2b420dc76c3fd263d690689887ac66ce519264", part: "ic__label", class: { error: !!this.error } }, this.label && M("p", null, M("span", { class: "label" }, this.label), this.required && M("span", { class: "required" }, "*")), M("div", { key: "2a4405560068cfad04acda9bd5ef6ec6c79646f0", part: "ic__input_wrapper", class: "input_wrapper" }, M("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() }), M("slot", { key: "b37c67e64154ed48cadc382c64eca9313b967f66", name: "additional-input" })), this.error && M("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return this;
@@ -11713,7 +11713,7 @@ const ax = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
     !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
   }
   render() {
-    return M("div", { key: "c49065e27f831f8f403cf053507bdfd9127262e9", class: "dropdown", part: "id_dropdown" }, M("input", { key: "861269b3c4821877ed03990d10f519958e372e5e", type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: !0, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
+    return M("div", { key: "957eeec2ef999ff2bb9be83d0e7f7bb222558ea9", class: "dropdown", part: "id_dropdown" }, M("input", { key: "e7f55061b5d241103d7e6d4de9ceccbe41869f1a", type: "text", name: this.name, id: this.name, part: "id_dropdown-input", class: { dropbtn: !0, open: this.isOpen }, value: this.inputValue, onClick: (e) => {
       this.toggleDropdown(), this.shouldAutoScroll = !0, this.handleClick(e);
     }, "aria-haspopup": "listbox", "aria-label": this.name, "aria-expanded": this.isOpen ? "true" : "false", onKeyDown: (e) => this.handleComboboxKeyDown(e), onInput: (e) => this.handleOnInput(e) }), this.isOpen ? M("div", { class: "dropdown-content", part: "id_dropdown-content", ref: (e) => this.optionsRef = e }, M("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (e) => this.handleListboxKeydown(e) }, this.filteredOptions.map((e) => M("li", { tabindex: "0", key: e.value, id: e.value, onClick: () => this.selectOption(e), role: "option", class: {
       focused: this.ariaActivedescendant === e.value.toString()
@@ -11791,7 +11791,7 @@ const pg = Ze(class extends Je {
     ne("nylas-event-card", "disconnectedCallback"), U6(["header-title", "header-subtitle", "content"], this.host);
   }
   render() {
-    return M(Ir, { key: "9c490244ceaa1c08fae75cad5f796e2b45ea2538" }, M("div", { key: "696b86c8697f4062afcd8a5862c97bf3bf5492e0", class: "nylas-form-card", part: "nfc" }, M("div", { key: "af1f2eb827a74586fe44b476f1d59f9f8785e980", class: "nylas-form-card__header", part: "nfc__header" }, M("slot", { key: "968b720f04d9e64df5708fd1c4d94a9998aa72fc", name: "header-title" }), M("slot", { key: "4df6bddacc17d303f3be42584be48e50bf7fb0f0", name: "header-subtitle" })), M("div", { key: "890fbc0f1628e40a2b92201bb3e4ebc116ed2f9e", class: "nylas-form-card__content" }, M("slot", { key: "861b981bb7a420151fc375cc68dcdcd58ffbb8c2", name: "content" }))));
+    return M(Ir, { key: "e79321333887319f48356c64cb2e04539edf1d79" }, M("div", { key: "9a33c42c38012c5277ecc0d60523211671866378", class: "nylas-form-card", part: "nfc" }, M("div", { key: "905eed6cd8c79bda19fb3c5ab49802ae697a0ab9", class: "nylas-form-card__header", part: "nfc__header" }, M("slot", { key: "db749b7eb575845c2b8d8e4a12ea0c3ffea4842a", name: "header-title" }), M("slot", { key: "5b9ac54446f1b1b49a9f0f2e2b45e3785acb9686", name: "header-subtitle" })), M("div", { key: "6893e68e48f990c6dfc3d3c3052dfba988b21807", class: "nylas-form-card__content" }, M("slot", { key: "fac98a2a1a6b162bc3f4aed735b584c4d5e509a3", name: "content" }))));
   }
   static get formAssociated() {
     return !0;
@@ -11835,7 +11835,7 @@ const gx = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return M("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, M("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, M("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), M("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, M("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return M("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, M("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, M("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), M("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, M("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -11873,7 +11873,7 @@ var wx = function(n, e, t, r) {
 const ui = Ze(class extends Je {
   constructor() {
     var e, t, r;
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = kt(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.currentUser = void 0, this.name = "participants", this.eventParticipants = void 0, this.participantOptions = void 0, this.participants = this.eventParticipants ?? [], this.participantErrors = {}, this.includeOrganizerAsParticipant = !0, this.isRoundRobinConfig = ((r = (t = (e = this.selectedConfiguration) == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.error = "";
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = kt(this, "valueChanged", 7), this.internals = this.attachInternals(), this.name = "participants", this.selectedConfiguration = void 0, this.currentUser = void 0, this.participantOptions = void 0, this.eventParticipants = void 0, this.participants = this.eventParticipants ?? [], this.participantErrors = {}, this.includeOrganizerAsParticipant = !0, this.isRoundRobinConfig = ((r = (t = (e = this.selectedConfiguration) == null ? void 0 : e.availability) == null ? void 0 : t.availability_rules) == null ? void 0 : r.availability_method) !== "collective", this.error = "";
   }
   elementNameChangedHandler(e) {
     ne("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
@@ -11953,14 +11953,14 @@ const ui = Ze(class extends Je {
     return e.filter((i) => !t.some((s) => i.email === s.email)).map((i) => ({ value: i.email, label: i.email }));
   }
   render() {
-    return M(Ir, { key: "f572ef4697366d1a9e16ae731d843f0d2990b532" }, M("nylas-form-card", { key: "d9768023dab3681451a852ea8835278390e5b9bc" }, M("h3", { key: "0fbc4c285823bd1ac094279737afce463186df21", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("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."), M("div", { key: "a64a28a0a10432a9b7103ecf70fe7d7526c45cf6", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "9aed59dd76dd56f4e8af0717113a7d1f1ef952fb" }, this.participants.map((e, t) => M("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, !e.is_organizer && M("label", null, `Participant ${t}`), M("div", { part: "nap__input_wrapper", class: {
+    return M(Ir, { key: "a090033dc7d7915ca65100fd1803d2430052b18a", part: "nap" }, M("nylas-form-card", { key: "19203e4c99690200b679943672f89e9d20bc62b5" }, M("h3", { key: "33fbde2341b42cb0529b95a06f80d6dea08ffc52", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("p", { key: "a8c73ed714ab74309f1a417215b9e56da99a2731", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), M("div", { key: "bce67b77333c2db513463acaa952b51d933d43d9", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "35e0bf36996f3daec1d41e1d8c74c636fb72307f" }, this.participants.map((e, t) => M("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, !e.is_organizer && M("label", null, `Participant ${t}`), M("div", { part: "nap__input_wrapper", class: {
       "nylas-additional-participants__input_wrapper": !0,
       "nylas-additional-participants__input_wrapper_organizer": (e == null ? void 0 : e.is_organizer) === !0,
       "nylas-additional-participants__input_wrapper_invalid": e.is_valid === !1,
       error: e.is_valid === !1
     } }, M("div", { class: { "nylas-additional-participants__input": !0, organizer: (e == null ? void 0 : e.is_organizer) === !0 }, part: "nap__input" }, e.is_organizer ? M("input-component", { class: "label-input", name: `${t}`, key: t, label: "Organizer", required: !1, readOnly: e.is_organizer, defaultValue: e.email }, this.isRoundRobinConfig && M("div", { class: "required-input", slot: "additional-input" }, M("input", { type: "checkbox", name: "organizer_participant", id: "organizer_participant", onClick: () => {
       this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant, this.updateFormValue();
-    }, checked: this.includeOrganizerAsParticipant }), M("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, "Participant", M("tooltip-component", { id: "organizer_participant_tooltip" }, M("info-icon", { slot: "tooltip-icon" }), M("span", { slot: "tooltip-content" }, M("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", M("br", null), M("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))) : M("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && M("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, M("close-icon", null)))), !e.is_valid && M("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[t]))), M("p", { key: "c845a12cc8e6f0e740c03e5e4a048e971e98494c", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "b87fdb5d9d0862db6e6f6a7a0d52040786d866d8", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "3abd7360857202c104834e883119ed06373ff6b2" }), " ", M("span", { key: "8fbdc0a41874989ece04b60bd60ee61e79ca4f59" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
+    }, checked: this.includeOrganizerAsParticipant }), M("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, "Participant", M("tooltip-component", { id: "organizer_participant_tooltip" }, M("info-icon", { slot: "tooltip-icon" }), M("span", { slot: "tooltip-content" }, M("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", M("br", null), M("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))) : M("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && M("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, M("close-icon", null)))), !e.is_valid && M("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[t]))), M("p", { key: "51f51ef0614cd93592fae8a32f501d0249b12c5a", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "93605c6ce8fb6b77451ea0f8c06fb23134727c3f", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "8e6ac25f43f06ad3ee24047a1a7469b13c5a56c7" }), " ", M("span", { key: "511068fb28c498edba86706bef49dcad6633d249" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
   }
   static get formAssociated() {
     return !0;
@@ -11978,11 +11978,11 @@ const ui = Ze(class extends Je {
     return vx;
   }
 }, [65, "nylas-additional-participants", {
+  name: [1],
   selectedConfiguration: [16],
   currentUser: [16],
-  name: [1],
-  eventParticipants: [16],
   participantOptions: [16],
+  eventParticipants: [16],
   participants: [32],
   participantErrors: [32],
   includeOrganizerAsParticipant: [32],

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

@@ -9773,7 +9773,7 @@ const J2 = ".sc-add-circle-icon-h{display:flex}", Z2 = J2, Q2 = Se(class extends
     super(), this.__registerHost(), this.width = "24", this.height = "25";
   }
   render() {
-    return $("svg", { key: "5f4574833991cf259f08df93a218894bd849d112", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("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 $("svg", { key: "9e690681d1b901e7e3d253077f78686f791649a5", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("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 Z2;
@@ -9798,7 +9798,7 @@ const ey = ".sc-chevron-icon-h{display:flex}", ty = ey, ry = Se(class extends Ce
     super(), this.__registerHost(), this.width = "24", this.height = "24";
   }
   render() {
-    return $("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, $("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 $("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, $("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 ty;
@@ -9823,7 +9823,7 @@ const iy = ".sc-close-icon-h{display:flex}", ny = iy, ay = Se(class extends Ce {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return $("svg", { key: "ae2727b3e3bb8e386a60828defc34532de883473", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("g", { key: "3bc87607b1cf527273887ff3835716c2b16c312c", "clip-path": "url(#a)" }, $("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" })), $("defs", { key: "7ae8ce566367e278782c83c4c2a3964013968579" }, $("clipPath", { key: "184fe559a12c59831e92e05d9564787fb14ce197", id: "a" }, $("path", { key: "907b8eb528141f6ff41e3d266557d6b720617a2a", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
+    return $("svg", { key: "ea4c2e95733509b6dec0689e638a25df560567e2", width: "21", height: "21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("g", { key: "49366dc579896a3e8fcfed0c7d3cce7dab209d50", "clip-path": "url(#a)" }, $("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" })), $("defs", { key: "424636139255dfdcebe6d3dc901c84168c4c713e" }, $("clipPath", { key: "0ebaa728a38c48694e48f1182c1de98bba97ff0d", id: "a" }, $("path", { key: "bfe4ed6e55fe74a819e6d512a0b7e2c018baec14", fill: "#fff", transform: "translate(.148 .054)", d: "M0 0h20v20H0z" }))));
   }
   static get style() {
     return ny;
@@ -9848,7 +9848,7 @@ const oy = ".sc-globe-icon-h{display:flex}", sy = oy, cy = Se(class extends Ce {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return $("svg", { key: "6d2438d4cba21ffe183b4e2398e88cdecd682906", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, $("path", { key: "8b9c541ba270469b64bfe4d98995196ede0fd286", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
+    return $("svg", { key: "98e808bd1ac6b795bde88c406417bc6c6d591b9a", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, $("path", { key: "7f2bde4ecf31c667198f791c6f8b313d145f4591", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
   }
   static get style() {
     return sy;
@@ -9873,7 +9873,7 @@ const dy = ".sc-info-icon-h{display:flex}", fy = dy, hy = Se(class extends Ce {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return $("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("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 $("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("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 fy;
@@ -10169,7 +10169,7 @@ const yy = Se(class extends Ce {
     n && (n.focus(), n.scrollIntoView({ behavior: "smooth", block: "nearest" }));
   }
   render() {
-    return $(ii, { key: "da122e12f7a101e73a49fc19189722f8aa2a5802" }, $("div", { key: "f922740d77d8bda81491d28215dc0a9f2fa0fc18", class: "time-picker", part: "time-picker" }, $("input", { key: "eaae1354a88421a510036693c72b9dffbc68cd06", type: "text", name: this.name, id: this.name, part: "time-input", class: {
+    return $(ii, { key: "e83949b2270706557e5d45aff5958d937c6489c9" }, $("div", { key: "0cacfe5530a1186ce2ff50ccc3d9328a62d48e2f", class: "time-picker", part: "time-picker" }, $("input", { key: "8daf647468746997e503883478debf8d335a780d", type: "text", name: this.name, id: this.name, part: "time-input", class: {
       "time-input": !0,
       error: !!this.err || this.hasError
     }, ref: (e) => this.timeInput = e, value: this.time, onClick: () => {
@@ -10221,7 +10221,7 @@ const ky = ".sc-search-icon-h{display:flex}", xy = ky, Ey = Se(class extends Ce
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return $("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("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 $("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, $("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 xy;
@@ -10340,7 +10340,7 @@ const Ay = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return $("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, $("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && $("p", null, $("span", { class: "label" }, this.label), this.required && $("span", { class: "required" }, "*")), $("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) }, $("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), $("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && $("span", { class: {
+    return $("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, $("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && $("p", null, $("span", { class: "label" }, this.label), this.required && $("span", { class: "required" }, "*")), $("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) }, $("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), $("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && $("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -10406,7 +10406,7 @@ const Sy = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return $("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, $("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, $("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), $("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, $("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return $("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, $("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, $("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), $("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, $("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -10443,7 +10443,7 @@ var Oy = function(i, e, t, r) {
 };
 const Ti = Se(class extends Ce {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ht(this, "valueChanged", 7), this.internals = this.attachInternals(), this.selectedConfiguration = void 0, this.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.hideHeader = !1, this.schedule = {
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = ht(this, "valueChanged", 7), this.internals = this.attachInternals(), this.name = "availability", this.selectedConfiguration = void 0, this.openHours = void 0, this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.hideHeader = !1, this.schedule = {
       SUN: [],
       MON: [{ start: "09:00am", end: "05:00pm" }],
       TUE: [{ start: "09:00am", end: "05:00pm" }],
@@ -10457,9 +10457,9 @@ const Ti = Se(class extends Ce {
     Ee("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
   }
   configChangedHandler(e) {
-    var r, n, a;
-    const t = ((n = (r = e == null ? void 0 : e.availability) == null ? void 0 : r.availability_rules) == null ? void 0 : n.default_open_hours) ?? K2;
-    this.timezone = ((a = e == null ? void 0 : e.event_booking) == null ? void 0 : a.timezone) ?? this.defaultTimezone, this.openHours ? this.openHoursToSchedule(this.openHours) : t && this.openHoursToSchedule(t);
+    var n, a, u;
+    const t = ((a = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.availability_rules) == null ? void 0 : a.default_open_hours) ?? K2, r = ((u = e == null ? void 0 : e.event_booking) == null ? void 0 : u.timezone) ?? this.defaultTimezone;
+    this.timezone = this.name === "availability" ? r : this.defaultTimezone, this.openHours ? this.openHoursToSchedule(this.openHours) : t && this.openHoursToSchedule(t);
   }
   scheduleChanged(e, t) {
     var r;
@@ -10634,7 +10634,7 @@ const Ti = Se(class extends Ce {
       label: Yn[r],
       value: r
     })), t = e.find((r) => r.value === this.timezone);
-    return $(ii, { key: "79a354916d1fb613c23c6def77bb45850217a3ed" }, $("div", { key: "9578074337dd169f246732d974a73282b809aefb", class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && $("div", { class: "header", part: "nap__header" }, $("h3", null, "Default open hours"), $("p", null, "Set when you're regularly available for event bookings.", $("tooltip-component", null, $("info-icon", { slot: "tooltip-icon" }), $("span", { slot: "tooltip-content" }, "This is the default availability for participants who don’t have availability set on the Participants tab.")))), $("div", { key: "9f525441fea8eeda7047b653cc714d1e4810ad92", class: "content" }, $("div", { key: "588d88d2228325fee1f6500b344a6ef5cfadca0c", class: "select-timezone", part: "nap__select-timezone" }, $("h4", { key: "b9265d6d73c10468c5532b86b5209958b9673223", class: "sub-header" }, "Select timezone"), (t == null ? void 0 : t.label) && $("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: t }, $("span", { slot: "select-icon" }, $("globe-icon", { width: "20", height: "20" })))), $("div", { key: "71a43d3778e541d6165683272dbc48ddc6334b77", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((r) => {
+    return $(ii, { key: "d3456a3cbc918006617d5be20b0f43a3026c6c48" }, $("div", { key: "0a6701099f52e36ae38ecc5a58246c4447273a45", class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && $("div", { class: "header", part: "nap__header" }, $("h3", null, "Default open hours"), $("p", null, "Set when you're regularly available for event bookings.", $("tooltip-component", null, $("info-icon", { slot: "tooltip-icon" }), $("span", { slot: "tooltip-content" }, "This is the default availability for participants who don’t have availability set on the Participants tab.")))), $("div", { key: "0ea45dac96d381a149c729e2eebcf4248b54b35a", class: "content" }, $("div", { key: "3f53bb214de33ba430be84d50705f0c488f41ccf", class: "select-timezone", part: "nap__select-timezone" }, $("h4", { key: "7537e3f475d324ca3ece17a3e14b9250d94ce3fe", class: "sub-header" }, "Select timezone"), (t == null ? void 0 : t.label) && $("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: t }, $("span", { slot: "select-icon" }, $("globe-icon", { width: "20", height: "20" })))), $("div", { key: "63a7b4b8ec778d4d7e3f530c623aef491a8dec33", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((r) => {
       const n = r, a = this.schedule[r];
       return $("div", { class: "availability-day" }, $("div", { class: "day", part: "nap__day" }, $("input", { type: "checkbox", name: n, id: n, checked: a.length > 0, onClick: () => {
         a.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
@@ -10662,9 +10662,9 @@ const Ti = Se(class extends Ce {
     return Py;
   }
 }, [65, "nylas-availability-picker", {
+  name: [1],
   selectedConfiguration: [16],
   openHours: [16],
-  name: [1],
   defaultTimezone: [1, "default-timezone"],
   hideHeader: [4, "hide-header"],
   schedule: [32],

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

@@ -9742,7 +9742,7 @@ const U2 = ".wave{display:flex;align-items:center;justify-content:center}.dot{wi
     super(), this.__registerHost(), this.__attachShadow(), this.width = "15", this.height = "15";
   }
   render() {
-    return U("div", { key: "4fd330645289551b628d0721382f4f24769b09c9", class: "wave" }, U("div", { key: "b23500951f1409eb1ffb244d2b9ee78e444264ac", class: "dot" }), U("div", { key: "4ae7966e56af13fb94df25a46e734909f95febea", class: "dot" }), U("div", { key: "da55a5c9efa1f7de83252d32324b4c8726c6ee66", class: "dot" }));
+    return U("div", { key: "bdc7f9acf0664597d87c4a2cc8917783a13c142e", class: "wave" }, U("div", { key: "15dcde4af03cb76dc4860c26742f97190f9e0cab", class: "dot" }), U("div", { key: "43bb08a9fbc89a1219f6f0b749413f6bca4bd253", class: "dot" }), U("div", { key: "16ca9fed347d7d67869ae4bfdbaecdd4c9bd33d9", class: "dot" }));
   }
   static get style() {
     return F2;
@@ -9768,7 +9768,7 @@ const H2 = "button.sc-button-component{display:flex;align-items:center;justify-c
   }
   render() {
     const e = `button-${this.variant}` + (this.disabled ? " disabled" : "");
-    return U("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 && U("loading-icon", { slot: "icon" }), U("slot", { key: "dbac2e8205f067c8c38e62afbb35f5ab9222dba3" }));
+    return U("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 && U("loading-icon", { slot: "icon" }), U("slot", { key: "c7a81cba389b6d0aa8974f7e599fdb84773deeb5" }));
   }
   static get style() {
     return Y2;
@@ -9804,7 +9804,7 @@ const G2 = ".sc-calendar-check-icon-h{display:flex}", W2 = G2, K2 = Je(class ext
     super(), this.__registerHost(), this.width = "20", this.height = "20";
   }
   render() {
-    return U("svg", { key: "d420247054d820d224bbd96b2621070bd99ab4f2", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("path", { key: "6eab330ec43178d80f6749af4dc04df8cf13330f", fill: "currentColor", d: "M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z" }));
+    return U("svg", { key: "a5370d8a3a42db8fc9427f05882c22604196d36b", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("path", { key: "92afc634de1e85e89c07ef55b3a0888b4c269831", fill: "currentColor", d: "M14.75 0C16.5449 0 18 1.45507 18 3.25V9.02182C17.5368 8.72526 17.0335 8.48584 16.5 8.3135V5.5H1.5V14.75C1.5 15.7165 2.2835 16.5 3.25 16.5H8.3135C8.48584 17.0335 8.72526 17.5368 9.02182 18H3.25C1.45507 18 0 16.5449 0 14.75V3.25C0 1.45507 1.45507 0 3.25 0H14.75ZM14.75 1.5H3.25C2.2835 1.5 1.5 2.2835 1.5 3.25V4H16.5V3.25C16.5 2.2835 15.7165 1.5 14.75 1.5ZM20 14.5C20 17.5376 17.5376 20 14.5 20C11.4624 20 9 17.5376 9 14.5C9 11.4624 11.4624 9 14.5 9C17.5376 9 20 11.4624 20 14.5ZM17.8536 12.1464C17.6583 11.9512 17.3417 11.9512 17.1464 12.1464L13.5 15.7929L11.8536 14.1464C11.6583 13.9512 11.3417 13.9512 11.1464 14.1464C10.9512 14.3417 10.9512 14.6583 11.1464 14.8536L13.1464 16.8536C13.3417 17.0488 13.6583 17.0488 13.8536 16.8536L17.8536 12.8536C18.0488 12.6583 18.0488 12.3417 17.8536 12.1464Z" }));
   }
   static get style() {
     return W2;
@@ -9829,7 +9829,7 @@ const J2 = ".sc-checkmark-circle-icon-h{display:flex}", Z2 = J2, Q2 = Je(class e
     super(), this.__registerHost(), this.width = "20", this.height = "20";
   }
   render() {
-    return U("svg", { key: "b649104414191838b83ade055743e6bed4ff7a05", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, U("path", { key: "3789e5cbd09550b5a9fb1b715f82198caa7efe37", fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" }));
+    return U("svg", { key: "236437ba0c458e74e9c1c275a2207be0bc767c17", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, U("path", { key: "ba7976c7791f538dc7e4831a083c087b9185613a", fill: "currentColor", d: "M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm3.358 4.646a.5.5 0 0 1 .058.638l-.058.07-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0Z" }));
   }
   static get style() {
     return Z2;
@@ -9854,7 +9854,7 @@ const e3 = ".sc-globe-icon-h{display:flex}", t3 = e3, r3 = Je(class extends Ze {
     super(), this.__registerHost(), this.width = "16", this.height = "16";
   }
   render() {
-    return U("svg", { key: "6d2438d4cba21ffe183b4e2398e88cdecd682906", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, U("path", { key: "8b9c541ba270469b64bfe4d98995196ede0fd286", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
+    return U("svg", { key: "98e808bd1ac6b795bde88c406417bc6c6d591b9a", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 16 16", fill: "none" }, U("path", { key: "7f2bde4ecf31c667198f791c6f8b313d145f4591", d: "M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 3C8.37372 3 8.87543 3.35608 9.31258 4.31781C9.4073 4.52619 9.49448 4.75446 9.57265 5H6.42735C6.50552 4.75446 6.5927 4.52619 6.68742 4.31781C7.12457 3.35608 7.62628 3 8 3ZM5.77705 3.90401C5.62614 4.23601 5.49428 4.6038 5.38411 5H3.99963C4.52341 4.30269 5.22525 3.74677 6.03766 3.39978C5.94287 3.56117 5.85596 3.7304 5.77705 3.90401ZM5.16299 6C5.05694 6.6275 5 7.30146 5 8C5 8.69854 5.05694 9.3725 5.16299 10H3.41604C3.14845 9.38754 3 8.7111 3 8C3 7.2889 3.14845 6.61246 3.41604 6H5.16299ZM5.38411 11C5.49428 11.3962 5.62614 11.764 5.77705 12.096C5.85596 12.2696 5.94287 12.4388 6.03766 12.6002C5.22525 12.2532 4.52341 11.6973 3.99963 11H5.38411ZM6.42735 11H9.57265C9.49448 11.2455 9.4073 11.4738 9.31258 11.6822C8.87543 12.6439 8.37372 13 8 13C7.62628 13 7.12457 12.6439 6.68742 11.6822C6.5927 11.4738 6.50552 11.2455 6.42735 11ZM9.82134 10H6.17866C6.06438 9.3892 6 8.71396 6 8C6 7.28604 6.06438 6.6108 6.17866 6H9.82134C9.93562 6.6108 10 7.28604 10 8C10 8.71396 9.93562 9.3892 9.82134 10ZM10.6159 11H12.0004C11.4766 11.6973 10.7747 12.2532 9.96234 12.6002C10.0571 12.4388 10.144 12.2696 10.2229 12.096C10.3739 11.764 10.5057 11.3962 10.6159 11ZM12.584 10H10.837C10.9431 9.3725 11 8.69854 11 8C11 7.30146 10.9431 6.6275 10.837 6H12.584C12.8516 6.61246 13 7.2889 13 8C13 8.7111 12.8516 9.38754 12.584 10ZM9.96234 3.39978C10.7747 3.74677 11.4766 4.30269 12.0004 5H10.6159C10.5057 4.6038 10.3739 4.23601 10.2229 3.90401C10.144 3.7304 10.0571 3.56117 9.96234 3.39978Z", fill: "currentColor" }));
   }
   static get style() {
     return t3;
@@ -9874,7 +9874,7 @@ function n3() {
     }
   });
 }
-const i3 = ":host{display:block}.nylas-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;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){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;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);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}", u3 = i3;
+const i3 = ':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-booked-event-card{height:inherit;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:var(--nylas-font-family)}.event-card-wrapper{display:flex;align-items:center;flex-direction:column;background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;margin-top:1rem;margin-bottom:2rem;width:424px;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){.event-card-wrapper{width:100%;border-radius:0px}}.calendar-icon{display:flex;align-items:center;justify-content:center;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);color:var(--nylas-base-700)}.booked-event-header{margin:1.5rem 0;overflow-wrap:anywhere;display:flex;align-items:center;flex-direction:column;font-size:1rem;font-weight:400;border-bottom:1px solid var(--nylas-base-200);width:inherit;padding:0 0 1.5rem}.booked-event-header h2{color:var(--nylas-base-600);margin-top:1.5rem;margin-bottom:0.25rem;font-size:1.125rem;font-weight:600}.booked-event-header .card-description{text-align:center}.booking-date-time,.booking-participants{padding:0 1rem;margin-top:1.5rem;margin-left:3rem;display:flex;flex-direction:column;justify-content:space-between;align-self:flex-start;position:relative}.booking-date-time svg,.booking-participants svg{color:var(--nylas-base-700);position:absolute;left:-10px}.booking-date-time .block,.booking-participants .block{display:block}.booking-date-time h3,.booking-participants h3{color:var(--nylas-base-600);margin:0;font-size:16px;font-weight:600;line-height:1.25rem;text-align:justify;margin-bottom:4px}.booking-date-time p,.booking-participants p{font-size:16px;margin:0;font-weight:400;text-align:justify;color:var(--nylas-base-800)}.booking-participants{margin-bottom:1.5rem}.booked-event-timezone{display:flex;color:var(--nylas-base-600);margin-bottom:1.5rem;gap:4px;margin:2rem;align-items:center;align-self:flex-end}.button-container{width:inherit}.footer{padding:0.5rem;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);border-top:1px solid var(--nylas-base-200);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.footer.no-template-cols{grid-template-columns:1fr}.footer.no-footer{display:none}sp-divider{background-color:var(--nylas-base-200);height:1px}calendar-check-icon{display:flex;align-items:center;justify-content:center;height:100%}', u3 = i3;
 var a3 = function(n, e, t, r) {
   var i = arguments.length, u = i < 3 ? e : r === null ? r = Object.getOwnPropertyDescriptor(e, t) : r, a;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -9912,7 +9912,7 @@ const yn = Je(class extends Ze {
         default:
           return "";
       }
-    }, this.eventInfo = void 0, this.rescheduleBookingId = void 0, this.bookingInfo = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedTimeslot = void 0, this.configSettings = void 0, this.isLoading = void 0, this.selectedLanguage = navigator.language, this.startTime = "", this.endTime = "";
+    }, this.eventInfo = void 0, this.rescheduleBookingId = void 0, this.bookingInfo = void 0, this.configSettings = void 0, this.isLoading = void 0, this.selectedTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.selectedTimeslot = void 0, this.selectedLanguage = navigator.language, this.startTime = "", this.endTime = "";
   }
   connectedCallback() {
   }
@@ -9928,7 +9928,7 @@ const yn = Je(class extends Ze {
   render() {
     var r, i, u, a, s, o, c, d, f, l, h, p, m, g, A, $;
     const e = (r = this.configSettings) == null ? void 0 : r.booking_type, t = e && e !== "booking";
-    return U(Oi, { key: "3f0b76f9b5f26d05aaa2d31821a2efa255212b10", part: "nbec" }, U("div", { key: "64d6fcb473af121495dc22b5681ff13cc99cba93", class: "nylas-booked-event-card" }, U("div", { key: "c0503453b6341171778619588452cf6b9be6034c", class: "booked-event-timezone" }, U("globe-icon", { key: "200569b371723f89d79361fa119c7c0668190c6c" }), N2[this.selectedTimezone]), U("div", { key: "09197fcc9429484c32c6030e7d76d94efc0b5e4e", class: "event-card-wrapper", part: "nbec__card" }, U("div", { key: "8356550843fa7f6498db7a338cc494e0ab9e39f5", class: "calendar-icon" }, U("calendar-check-icon", { key: "d04242aeb233d24a70ecc93fed80816545ec5adf" })), U("div", { key: "ee7af6bc4207da846efe0e6cf550aeb7edc14806", class: "booked-event-header" }, U("h2", { key: "6d054e9429c7d3695725f4fb969b85f7e9f50f44", slot: "card-title", part: "nbec__title" }, this.rescheduleBookingId && !this.isLoading ? `${be.t("bookingRescheduled")}` : t && !this.isLoading ? `${be.t("bookingSent")}` : `${be.t("bookingConfirmed")}`, "!"), U("div", { key: "1ea44bacdc8f8013bbed3395bd4a601453765a6a", class: "card-description", part: "nbec__description" }, t ? be.t("bookingSentDescription") : U("span", null, be.t("bookingConfirmedDescription")))), U("div", { key: "4d4cdf50ad8f80826d2c3e5d48db5dc7472e0b73", class: "booking-date-time" }, U("checkmark-circle-icon", { key: "a3727ff8b06fd002f2126c6f587228ae482754dc" }), U("h3", { key: "4d3e6798e236c2da3e7ccc8b0c2982107fa93e61" }, be.t("bookingDateAndTimeHeader")), U("p", { key: "2669d3f2d99b7227c3781cf65e058ce47a8c6fe4" }, (i = this.selectedTimeslot) != null && i.start_time ? P2(new Date((u = this.selectedTimeslot) == null ? void 0 : u.start_time).toLocaleDateString(L2[this.selectedLanguage], { dateStyle: "full" })) : "-", " ", U("br", { key: "8f4f99417f8684678ff30d1300c655a5ab909da8" }), this.startTime, " - ", this.endTime)), U("div", { key: "c37bfad518c9e0530755253706d39e0fdacf413b", class: "booking-participants" }), !t && U("div", { class: "button-container" }, U("div", { class: {
+    return U(Oi, { key: "4c047c53d7532b60d6d28be607b3e926e07f2e50", part: "nbec" }, U("div", { key: "154180aa38c82fc2e28d8b9ad753804fdfb837d7", class: "nylas-booked-event-card" }, U("div", { key: "a6d046deffb82706bd609a2ac7f33f462578326a", class: "booked-event-timezone" }, U("globe-icon", { key: "22418924800ed88cdf685441561728ecac4594cd" }), N2[this.selectedTimezone]), U("div", { key: "f4f4ffb1ff084cba9f1032c1d5e394a9b65286e2", class: "event-card-wrapper", part: "nbec__card" }, U("div", { key: "7440e6baed4f509594acf69166566a6546d9b2ae", class: "calendar-icon" }, U("calendar-check-icon", { key: "6a82cfb9ac8d89bb8151e86dcbb9d49422513b89" })), U("div", { key: "c913c479384ecd4e5df96dea05a1305a12df76c8", class: "booked-event-header" }, U("h2", { key: "c818d579e73751d6e83bf50f9dc34a3523e2b0f1", slot: "card-title", part: "nbec__title" }, this.rescheduleBookingId && !this.isLoading ? `${be.t("bookingRescheduled")}` : t && !this.isLoading ? `${be.t("bookingSent")}` : `${be.t("bookingConfirmed")}`, "!"), U("div", { key: "bb6cef397ebe5aec3ed49f455ac00430594c4c6f", class: "card-description", part: "nbec__description" }, t ? be.t("bookingSentDescription") : U("span", null, be.t("bookingConfirmedDescription")))), U("div", { key: "d4732fc9421c4d54062bdac74e69a476322f168a", class: "booking-date-time" }, U("checkmark-circle-icon", { key: "caadcce299c4506d709a65bfbc3d10fec64ef6d6" }), U("h3", { key: "8a2dc813f1be6bab13a53328c4e9dbb5ec7d41df" }, be.t("bookingDateAndTimeHeader")), U("p", { key: "fedc61f46ba1b96e424b23aff08c382296e4a6d3" }, (i = this.selectedTimeslot) != null && i.start_time ? P2(new Date((u = this.selectedTimeslot) == null ? void 0 : u.start_time).toLocaleDateString(L2[this.selectedLanguage], { dateStyle: "full" })) : "-", " ", U("br", { key: "6efc18bfd398bca545c359b5876ff9a16792485f" }), this.startTime, " - ", this.endTime)), U("div", { key: "c972d3fc4f1541ec6a1fde958176de0adccf3bcd", class: "booking-participants" }), !t && U("div", { class: "button-container" }, U("div", { class: {
       footer: !0,
       "no-footer": ((s = (a = this.configSettings) == null ? void 0 : a.scheduler) == null ? void 0 : s.hide_cancellation_options) && ((c = (o = this.configSettings) == null ? void 0 : o.scheduler) == null ? void 0 : c.hide_rescheduling_options) || ((d = this.configSettings) == null ? void 0 : d.booking_type) === "organizer-confirmation",
       "no-template-cols": ((l = (f = this.configSettings) == null ? void 0 : f.scheduler) == null ? void 0 : l.hide_cancellation_options) || ((p = (h = this.configSettings) == null ? void 0 : h.scheduler) == null ? void 0 : p.hide_rescheduling_options)
@@ -9941,10 +9941,10 @@ const yn = Je(class extends Ze {
   eventInfo: [16],
   rescheduleBookingId: [1, "reschedule-booking-id"],
   bookingInfo: [8, "booking-info"],
-  selectedTimezone: [1, "selected-timezone"],
-  selectedTimeslot: [16],
   configSettings: [8, "config-settings"],
   isLoading: [4, "is-loading"],
+  selectedTimezone: [1, "selected-timezone"],
+  selectedTimeslot: [16],
   selectedLanguage: [1, "selected-language"],
   startTime: [32],
   endTime: [32]

package/dist/cdn/nylas-booking-calendar-picker/nylas-booking-calendar-picker.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 L("svg", { key: "750f65d52fa710778d800b825058c4f49c3bd998", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, L("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 L("svg", { key: "fb1ba717c31f07393be2b8b0c984e1be9aac2042", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "none" }, L("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-info-icon-h{display:flex}", U2 = N2, F2 = Je(class extends Ve {
     super(), this.__registerHost(), this.width = "14", this.height = "14";
   }
   render() {
-    return L("svg", { key: "149fd3ce434b49a4f6537d02e61826b37902eaf7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, L("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 L("svg", { key: "3087788ff23b6230877edbe5ef6ec384a3cbd3cc", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, L("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 U2;
@@ -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 L("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, L("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 L("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, L("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 L("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, L("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && L("p", null, L("span", { class: "label" }, this.label), this.required && L("span", { class: "required" }, "*")), L("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) }, L("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), L("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && L("span", { class: {
+    return L("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, L("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && L("p", null, L("span", { class: "label" }, this.label), this.required && L("span", { class: "required" }, "*")), L("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) }, L("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), L("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && L("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 L("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, L("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, L("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), L("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, L("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return L("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, L("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, L("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), L("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, L("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;

package/dist/cdn/nylas-booking-confirmation-redirect/nylas-booking-confirmation-redirect.es.js

@@ -11441,7 +11441,7 @@ const H6 = ".sc-chevron-icon-h{display:flex}", Y6 = H6, z6 = et(class extends tt
     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 Y6;
@@ -11466,7 +11466,7 @@ const G6 = ".sc-info-icon-h{display:flex}", W6 = G6, V6 = et(class extends tt {
     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 W6;
@@ -11538,7 +11538,7 @@ const Z6 = ':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 U("label", { key: "e34259d7c68764f76d23e5e29a2e146abc37d8e8", part: "ic__label", class: { error: !!this.error } }, this.label && U("p", null, U("span", { class: "label" }, this.label), this.required && U("span", { class: "required" }, "*")), U("div", { key: "bbf9cc51221105ef91447dec3e6a8f37112652fb", part: "ic__input_wrapper", class: "input_wrapper" }, U("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() }), U("slot", { key: "4baaf6f7b6929da24393e3f81df17fb8ce263d4a", name: "additional-input" })), this.error && U("span", { class: "error help-text" }, this.error));
+    return U("label", { key: "9f2b420dc76c3fd263d690689887ac66ce519264", part: "ic__label", class: { error: !!this.error } }, this.label && U("p", null, U("span", { class: "label" }, this.label), this.required && U("span", { class: "required" }, "*")), U("div", { key: "2a4405560068cfad04acda9bd5ef6ec6c79646f0", part: "ic__input_wrapper", class: "input_wrapper" }, U("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() }), U("slot", { key: "b37c67e64154ed48cadc382c64eca9313b967f66", name: "additional-input" })), this.error && U("span", { class: "error help-text" }, this.error));
   }
   get el() {
     return this;
@@ -11585,7 +11585,7 @@ const nx = ".sc-search-icon-h{display:flex}", rx = nx, ix = et(class extends tt
     super(), this.__registerHost(), this.width = "15", this.height = "15";
   }
   render() {
-    return U("svg", { key: "475f6a8b18cbc4cd5dae71afb1157cf7a2653bc7", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("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 U("svg", { key: "ddf419d549f82cf693e9b261d671dcb402c193f6", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, U("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 rx;
@@ -11704,7 +11704,7 @@ const sx = ':host{display:block;position:relative;--nylas-primary:#2563eb;--nyla
   }
   render() {
     const e = this.generateButtonText(this.selectedOption, this.dropdownButtonText);
-    return U("div", { key: "c7b83d5ff4a62e9bfa3bd45eeee99a07ad544f4f", class: "dropdown", part: "sd_dropdown" }, U("label", { key: "be35a7cad3d6bc797268f970c403b95587dcc942", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && U("p", null, U("span", { class: "label" }, this.label), this.required && U("span", { class: "required" }, "*")), U("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) }, U("slot", { key: "590d08c9b4f0d39b5019ea6b457746b842c45ab2", name: "select-icon", "aria-hidden": "true" }), U("span", { key: "e163fe537b51357c076adbec269665efa10c548d", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && U("span", { class: {
+    return U("div", { key: "ada528ac19d43f03f7717c3fe3102d3c87b95305", class: "dropdown", part: "sd_dropdown" }, U("label", { key: "cd088bcbfd74f506407597edad97730bc5fce96e", part: "sd_dropdown_label", class: { error: !!this.errorMessage } }, this.label && U("p", null, U("span", { class: "label" }, this.label), this.required && U("span", { class: "required" }, "*")), U("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) }, U("slot", { key: "e834d848d72159fa808ee8b3a48c2f66c0aad7fc", name: "select-icon", "aria-hidden": "true" }), U("span", { key: "2cbf36487ff22baf541534d86d3d210d61a8fced", class: "selected-option", part: "sd_dropdown-button-selected-label" }, e), this.withChevron && U("span", { class: {
       open: this.isOpen,
       closed: !this.isOpen,
       chevron: !0
@@ -11770,7 +11770,7 @@ const lx = '.tooltip-container{position:relative;display:flex;--nylas-primary:#2
     e.target.nextElementSibling.style.visibility = "hidden", e.target.nextElementSibling.style.opacity = "0";
   }
   render() {
-    return U("div", { key: "f7ed680c86f53928c284ced8d5a6c30cd6a8a158", class: "tooltip-container", part: "tc__container" }, U("span", { key: "07d396ac91688a025497e4ff9ea5ea4c9263e787", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, U("slot", { key: "f8ed2155292bdd8f6e7adc72e0e89ed16a6fa823", name: "tooltip-icon" }, "i")), U("span", { key: "69f9669f987897f46ede1c67f6001824e7d27553", class: `tooltip-content ${this.position}`, part: "tc__content" }, U("slot", { key: "f7e46722aca747f4ec8022df2080d08e5200e256", name: "tooltip-content" }, "This is a help text.")));
+    return U("div", { key: "dbfd3d300f3f3d3e139991f1cb84a12161b61a73", class: "tooltip-container", part: "tc__container" }, U("span", { key: "8a03f9657c641680d4fa166f3fc680d35aa24281", class: "info-icon", tabindex: "0", onFocus: this.showTooltip.bind(this), onBlur: this.hideTooltip.bind(this) }, U("slot", { key: "0f8478af1526e2775907e17555a36db85f482ff4", name: "tooltip-icon" }, "i")), U("span", { key: "171ae65f59875214c68e80749f5a9c108fb365fb", class: `tooltip-content ${this.position}`, part: "tc__content" }, U("slot", { key: "888f7faaf29825faa27df7935e47526d6fa6f126", name: "tooltip-content" }, "This is a help text.")));
   }
   get el() {
     return this;
@@ -11874,7 +11874,7 @@ const ii = et(class extends tt {
         value: "custom"
       }
     ];
-    return U(As, { key: "664122ed45ac89e22d1638e1f89d152c6f3b2e64" }, U("div", { key: "86bad1489a91fc71ca708cf0832d7bf1ce5e4938", class: "nylas-booking-confirmation-redirect", part: "nbcr" }, e.length > 0 && U("div", { class: "nylas-booking-confirmation-redirect__dropdown" }, U("span", { class: "label" }, "When a booking is confirmed", U("tooltip-component", null, U("info-icon", { slot: "tooltip-icon" }), U("span", { slot: "tooltip-content" }, "You can either display the default confirmation page or redirect users to your own confirmation page."))), this.componentLoaded && U("select-dropdown", { name: "confirmation-redirect-dropdown", options: e, withSearch: !1, defaultSelectedOption: e.find((t) => t.value === (this.acceptUrl ? "custom" : "default")), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content" }), this.acceptUrl && U("div", null, U("input-component", { name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: "Enter custom redirect URL", required: !1, part: "ic__input_wrapper: nbcr__input-textfield", defaultValue: this.currentRedirectUrl }), this.redirectUrlErrorMessage && U("span", { class: "error-message" }, this.redirectUrlErrorMessage)))));
+    return U(As, { key: "436a754406a25fe12caf7a1772d5fbd29d52cb5d" }, U("div", { key: "ba1096207f67cd847eb78d7ae3847395d091bac0", class: "nylas-booking-confirmation-redirect", part: "nbcr" }, e.length > 0 && U("div", { class: "nylas-booking-confirmation-redirect__dropdown" }, U("span", { class: "label" }, "When a booking is confirmed", U("tooltip-component", null, U("info-icon", { slot: "tooltip-icon" }), U("span", { slot: "tooltip-content" }, "You can either display the default confirmation page or redirect users to your own confirmation page."))), this.componentLoaded && U("select-dropdown", { name: "confirmation-redirect-dropdown", options: e, withSearch: !1, defaultSelectedOption: e.find((t) => t.value === (this.acceptUrl ? "custom" : "default")), exportparts: "sd_dropdown: nbcr__dropdown, sd_dropdown-button: nbcr__dropdown-button, sd_dropdown-content: nbcr__dropdown-content" }), this.acceptUrl && U("div", null, U("input-component", { name: "confirmation-redirect", id: "confirmation-redirect", type: "text", placeholder: "Enter custom redirect URL", required: !1, part: "ic__input_wrapper: nbcr__input-textfield", defaultValue: this.currentRedirectUrl }), this.redirectUrlErrorMessage && U("span", { class: "error-message" }, this.redirectUrlErrorMessage)))));
   }
   static get formAssociated() {
     return !0;