@nylas/web-elements 1.4.2 → 1.4.4

package/dist/cdn/nylas-scheduler-editor/nylas-scheduler-editor.es.js

@@ -21380,7 +21380,7 @@ const inputComponentCss = ':host{display:block;height:auto;--nylas-primary:#2563
     const ge = ue.target.value;
     if (this.type === "number") {
       const Oe = parseFloat(ge);
-      (this.maxValue !== void 0 && Oe > this.maxValue || this.minValue !== void 0 && Oe < this.minValue) && (this.error = `Value must be between ${this.minValue} and ${this.maxValue}`);
+      this.maxValue !== void 0 && Oe > this.maxValue || this.minValue !== void 0 && Oe < this.minValue ? this.minValue === void 0 ? this.error = `Value must be less than ${this.maxValue}` : this.maxValue === void 0 ? this.error = `Value must be greater than ${this.minValue}` : this.error = `Value must be between ${this.minValue} and ${this.maxValue}` : isNaN(Oe) && (this.error = this.patternError || "Invalid format.");
     }
     this.value = sanitize(ge), this.nylasFormInputChanged.emit({
       value: this.value,
@@ -21417,7 +21417,7 @@ const inputComponentCss = ':host{display:block;height:auto;--nylas-primary:#2563
     this.pattern && ue && !this.pattern.test(ue) && (this.error = this.patternError || "Invalid format.");
   }
   render() {
-    return h$3("label", { key: "5617634dc1c780ff6fe0822f2edb4cede95b70f0", part: "ic__label", class: { error: !!this.error } }, this.label && h$3("p", null, h$3("span", { class: "label" }, this.label), this.required && h$3("span", { class: "required" }, "*")), h$3("div", { key: "78b15ed0c34e9cd90dfb36572cacd25127eb81dc", part: "ic__input_wrapper", class: "input_wrapper" }, h$3("input", { key: "371ec73af6f5520d7cbb8dcfa1ed1b9d46482a67", type: this.type, name: this.name, part: "ic__input", title: this.readOnly ? "read-only field" : void 0, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, max: this.type === "number" ? this.maxValue : void 0, min: this.type === "number" ? this.minValue : void 0, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (ue) => this.handleInput(ue), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), h$3("slot", { key: "882986732d278317f86301feb5fbb217531b31a1", name: "additional-input" })), this.error && h$3("span", { class: "error help-text" }, this.error));
+    return h$3("label", { key: "e993ec134622eeed719e170c454e7ec29879d444", part: this.error ? "ic__label ic__label--error" : "ic__label", class: { error: !!this.error } }, this.label && h$3("p", null, h$3("span", { class: "label" }, this.label), this.required && h$3("span", { class: "required" }, "*")), h$3("div", { key: "3685c05f586fc78d77888ae3e8e3167c5c1bbd0c", part: "ic__input_wrapper", class: "input_wrapper" }, h$3("input", { key: "c8aad7e2f76e2ef88a9af6864243c2620d805fb1", type: this.type, name: this.name, part: this.error ? "ic__input ic__input--error" : "ic__input", title: this.readOnly ? "read-only field" : void 0, readOnly: this.readOnly, autoFocus: this.autoFocus, value: this.value, maxLength: this.maxLength, max: this.type === "number" ? this.maxValue : void 0, min: this.type === "number" ? this.minValue : void 0, placeholder: this.placeholder, class: { error: !!this.error }, onInput: (ue) => this.handleInput(ue), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur() }), h$3("slot", { key: "b7c031e9ddc0c81a241c6c3d9efae8c6c2c40274", name: "additional-input" })), this.error && h$3("span", { class: "error help-text", part: "ic__error_message" }, this.error));
   }
   get el() {
     return this;
@@ -27874,9 +27874,9 @@ const NylasEventTitle = proxyCustomElement(class extends H$4 {
     debug("[nylas-event-title]", "formSubmittedHandler", ue), (Oe = (ge = this.internals) == null ? void 0 : ge.validity) != null && Oe.valid ? this.validationError = "" : this.validationError = "eventTitleRequired";
   }
   valueChangedHandler(ue) {
-    const { name: ge, value: Oe } = ue.detail, Ke = Oe || {};
+    const { name: ge, value: Oe } = ue.detail;
     if (ge === "additional-fields") {
-      const ln = (Object.keys(Ke) || []).map((ei) => ({
+      const Ke = JSON.parse(Oe.toString()), ln = (Object.keys(Ke) || []).map((ei) => ({
         token: `$${ei}`,
         value: `\${${ei}}`,
         description: Ke[ei].label || ""
@@ -28033,10 +28033,10 @@ const NylasEventTitle = proxyCustomElement(class extends H$4 {
   }
   render() {
     var ue;
-    return h$3(Host, { key: "77727ef052ef96fd01f44629fef5529637ab9512" }, h$3("div", { key: "c155a7c80a37361d3764c87307603c9224a1acf3", class: "nylas-event-title", part: "net" }, h$3("label", { key: "167ce5894b815c0ba0af599c4d25567a65e7fe6a", htmlFor: "title" }, instance.t("nylasEventTitle.headerTitle"), h$3("span", { key: "f6ef51b14e683622ad43979bcea199c58d78fd29", class: "required" }, "*")), h$3("div", { key: "2f4039d517d45b52422197766ba9db0b09a5f903", class: {
+    return h$3(Host, { key: "be5c644520aa3a3a32699d33a74a53be4a874f6c" }, h$3("div", { key: "3ccaeb04b75c6e7e15ebeda6b0f6c02f3b9c0869", class: "nylas-event-title", part: "net" }, h$3("label", { key: "4cd1348b60a56dca4a8092aecfe51103c53f048e", htmlFor: "title" }, instance.t("nylasEventTitle.headerTitle"), h$3("span", { key: "5d18db7ede458a9ab2d1b5bb19319d072ff2b70e", class: "required" }, "*")), h$3("div", { key: "e4c00b94be0a861696d81526c26703fef888f536", class: {
       title: !0,
       error: this.validationError !== ""
-    }, part: "net__title", ref: (ge) => this.titleRef = ge, contentEditable: "true", onInput: (ge) => this.handleChange(ge), onKeyDown: (ge) => this.handleInputKeyDown(ge) }), this.showTokens && ((ue = this.filteredTokens) == null ? void 0 : ue.length) > 0 && h$3("div", { class: "token-options", part: "net__dropdown-content" }, h$3("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((ge) => h$3("li", { tabindex: "0", key: ge.label, id: ge.label, class: { active: this.ariaActivedescendant === ge.label }, onClick: (Oe) => this.selectOption(Oe, ge), role: "option" }, this.getLabelHTML(ge.labelHTML))))), h$3("span", { key: "336b58f03f6f13957ab0b62f2f98e95e2980bc13", class: "help-text" }, instance.t("nylasEventTitle.helpText", { context: "start", field: instance.t("nylasEventTitle.title") }), " ", h$3("code", { key: "7069beaf38ab7a2a67f6de371b2544d45b26146b" }, "$"), " ", instance.t("nylasEventTitle.helpText", { context: "end" }), h$3("span", { key: "6b588508b38540c7d072f9e3c01c8e555669af2c", class: "label-icon" }, h$3("tooltip-component", { key: "bbd2bcff01569fb91c87d78d36eb3c5b0163d73a" }, h$3("info-icon", { key: "0cbf47b89468838847282e729db536f8df63098c", slot: "tooltip-icon" }), h$3("span", { key: "cb5a50ecd92b837fead8d1e08ceff2387173ea60", slot: "tooltip-content" }, instance.t("nylasEventTitle.tooltip.desc"), " ", h$3("code", { key: "22c5e150dfe201cc0d7bd3dd995db94ebd759f31" }, "${invitee}"))))), this.validationError != "" && h$3("span", { class: "error-message" }, instance.t(`nylasEventTitle.${this.validationError}`))));
+    }, part: "net__title", ref: (ge) => this.titleRef = ge, contentEditable: "true", onInput: (ge) => this.handleChange(ge), onKeyDown: (ge) => this.handleInputKeyDown(ge) }), this.showTokens && ((ue = this.filteredTokens) == null ? void 0 : ue.length) > 0 && h$3("div", { class: "token-options", part: "net__dropdown-content" }, h$3("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((ge) => h$3("li", { tabindex: "0", key: ge.label, id: ge.label, class: { active: this.ariaActivedescendant === ge.label }, onClick: (Oe) => this.selectOption(Oe, ge), role: "option" }, this.getLabelHTML(ge.labelHTML))))), h$3("span", { key: "287386dc6cfafe56e01f6a51e3538da909cbd2db", class: "help-text" }, instance.t("nylasEventTitle.helpText", { context: "start", field: instance.t("nylasEventTitle.title") }), " ", h$3("code", { key: "0a12678367abd26be60e14253837dfb8648f00b4" }, "$"), " ", instance.t("nylasEventTitle.helpText", { context: "end" }), h$3("span", { key: "18102bdb2013e451ece515ae09acf18a529e8f78", class: "label-icon" }, h$3("tooltip-component", { key: "b79fccb2ca7864ae7446546be6d255c11ba4eced" }, h$3("info-icon", { key: "ff624259a594a5ff192ab0e24ebd6f621d99cf63", slot: "tooltip-icon" }), h$3("span", { key: "d406f605a1b2f7c503cb16c16b9205a4fa6e8c03", slot: "tooltip-content" }, instance.t("nylasEventTitle.tooltip.desc"), " ", h$3("code", { key: "a4cf09de868ab908598a6d96a08b3880d76ff89d" }, "${invitee}"))))), this.validationError != "" && h$3("span", { class: "error-message" }, instance.t(`nylasEventTitle.${this.validationError}`))));
   }
   static get formAssociated() {
     return !0;
@@ -36601,7 +36601,7 @@ const NylasEditorTabs = proxyCustomElement(class extends H$4 {
     var ge, Oe;
     debug("[nylas-editor-tabs]", "componentDidLoad"), this.enableUserFeedback && !isInitialized() && init({
       dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
-      release: "1.4.2",
+      release: "1.4.3",
       integrations: (Ke) => [
         ...Ke.filter((vt) => !1),
         feedbackSyncIntegration({
@@ -36645,7 +36645,7 @@ const NylasEditorTabs = proxyCustomElement(class extends H$4 {
       captureContext: {
         tags: {
           "nylas-web-element": "nylas-scheduler-editor",
-          "nylas-web-element-version": "1.4.2",
+          "nylas-web-element-version": "1.4.3",
           "nylas-config-id": (ln = this.selectedConfiguration) == null ? void 0 : ln.id,
           "nylas-slug": (ei = this.selectedConfiguration) == null ? void 0 : ei.slug,
           "host-url": window.location.href
@@ -37182,7 +37182,7 @@ function defineCustomElement$8() {
     }
   });
 }
-const nylasEventCapacityCss = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:80px}', NylasEventCapacityStyle0 = nylasEventCapacityCss;
+const nylasEventCapacityCss = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}.nylas-event-capacity{display:flex;flex-direction:column;gap:4px}.nylas-event-capacity label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-capacity label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-capacity label span.label-icon{margin-left:4px}.nylas-event-capacity label span.label-icon tooltip-component{display:flex}.nylas-event-capacity label tooltip-component::part(tc__content){left:50px}.nylas-event-capacity__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-capacity__wrapper input-component{width:auto}.nylas-event-capacity__wrapper input-component::part(ic__input){border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200);font-family:var(--nylas-font-family);font-size:16px;line-height:24px;width:80px}.nylas-event-capacity__wrapper input-component::part(ic__input--error){border:1px solid var(--nylas-error)}.nylas-event-capacity__wrapper input-component::part(ic__label--error){position:relative;margin-bottom:24px}.nylas-event-capacity__wrapper input-component::part(ic__error_message){position:absolute;top:54px;width:max-content}.nylas-event-capacity__wrapper span.attendees.error{margin-top:-24px}', NylasEventCapacityStyle0 = nylasEventCapacityCss;
 var __decorate$5 = function(ve, ue, ge, Oe) {
   var Ke = arguments.length, vt = Ke < 3 ? ue : Oe === null ? Oe = Object.getOwnPropertyDescriptor(ue, ge) : Oe, ln;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -37197,7 +37197,7 @@ var __decorate$5 = function(ve, ue, ge, Oe) {
 };
 const NylasEventCapacity = proxyCustomElement(class extends H$4 {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = createEvent(this, "valueChanged", 7), this.internals = this.attachInternals(), this.name = "event-capacity", this.capacity = void 0, this.selectedLanguage = void 0, this.selectedEventCapacity = void 0;
+    super(), this.__registerHost(), this.__attachShadow(), this.valueChanged = createEvent(this, "valueChanged", 7), this.internals = this.attachInternals(), this.name = "event-capacity", this.capacity = void 0, this.selectedLanguage = void 0, this.selectedEventCapacity = void 0, this.error = "";
   }
   connectedCallback() {
     debug("nylas-event-capacity", "connectedCallback");
@@ -37231,11 +37231,18 @@ const NylasEventCapacity = proxyCustomElement(class extends H$4 {
   }
   async nylasFormInputChangeHandler(ue) {
     const { name: ge, value: Oe } = ue.detail;
-    ge === "event-capacity" && (this.selectedEventCapacity = parseInt(Oe), this.internals.setFormValue(Oe.toString(), this.name), this.valueChanged.emit({ value: Oe.toString(), name: this.name }));
+    if (ge === "event-capacity") {
+      const Ke = parseInt(Oe);
+      if (Ke < 1 || Ke > 500 || isNaN(Ke)) {
+        this.error = instance.t("fixFormErrors"), this.internals.setValidity({ customError: !0 }, this.error), this.valueChanged.emit({ value: Oe.toString(), name: this.name });
+        return;
+      }
+      this.error = "", this.internals.setValidity({ customError: !1 }, ""), this.selectedEventCapacity = parseInt(Oe), this.internals.setFormValue(Oe.toString(), this.name), this.valueChanged.emit({ value: Oe.toString(), name: this.name });
+    }
   }
   render() {
     const ue = typeof this.selectedEventCapacity < "u";
-    return h$3(Host, { key: "e2debc0469569f51e10fd9c0604e7d62c4db6b39" }, h$3("div", { key: "49c4a101da37906bf5f18446190729e141c7451c", class: "nylas-event-capacity", part: "necapacity" }, h$3("label", { key: "9d6d299b6d4b6d05d08b24d1ce73f24ea056815c", htmlFor: "event-capacity" }, h$3("span", { key: "1b81652fd174559d8bcfc4a49193b233a69a967e" }, instance.t("nylasEventCapacity.headerTitle"), h$3("span", { key: "45a31e0e9e4e771bd36653e375e37acc00fd9895", class: "required" }, "*")), h$3("tooltip-component", { key: "b83eeb0255d145363fe49b489908c6e17f091e07" }, h$3("info-icon", { key: "d595bc37faa4830dd047d01b69e850d70532b7a0", slot: "tooltip-icon" }), h$3("span", { key: "f7d4241b10814b1c6e7d09f54a2da1ce0b7b1d72", slot: "tooltip-content" }, instance.t("nylasEventCapacity.tooltip.desc")))), ue && h$3("div", { class: "nylas-event-capacity__wrapper" }, h$3("input-component", { name: "event-capacity", id: "event-capacity", type: "number", minValue: 1, required: !1, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity == "number" ? this.selectedEventCapacity.toString() : "10" }), h$3("span", null, instance.t("nylasEventCapacity.attendees")))));
+    return h$3(Host, { key: "b0eebdd8854645010038e0e03bfa94c851d5a859" }, h$3("div", { key: "6d7a7f053c3b7e166480eefbe5ef1df178552180", class: "nylas-event-capacity", part: "necapacity" }, h$3("label", { key: "05f77a19d88d300aafb73cf6aecf83c4c8e92679", htmlFor: "event-capacity" }, h$3("span", { key: "18fbc5bf61b42b39f9ad0bacba4fb4cb42392e43" }, instance.t("nylasEventCapacity.headerTitle"), h$3("span", { key: "1e42bd3df3cbb5f9e0b7a2fac118abed3648a2a5", class: "required" }, "*")), h$3("tooltip-component", { key: "e0fa3f3557c575dbaf7e989e7eeeb956fd4ee55b" }, h$3("info-icon", { key: "952d5cfb9695a0005b06fb8539ae84c38bfe566e", slot: "tooltip-icon" }), h$3("span", { key: "aacb7c0d1a2904a9675c75d51cf7d082e3bf1d3e", slot: "tooltip-content" }, instance.t("nylasEventCapacity.tooltip.desc")))), ue && h$3("div", { class: "nylas-event-capacity__wrapper" }, h$3("input-component", { name: "event-capacity", id: "event-capacity", type: "number", pattern: /^[0-9]*$/, patternError: instance.t("invalidInputFormat", { field: "Event capacity" }), minValue: 1, maxValue: 500, required: !1, exportparts: "ic_input: necapacity__input-textfield", defaultValue: typeof this.selectedEventCapacity == "number" ? this.selectedEventCapacity.toString() : "10" }), h$3("span", { class: this.error ? "attendees error" : "attendees" }, instance.t("nylasEventCapacity.attendees")))));
   }
   static get formAssociated() {
     return !0;
@@ -37256,7 +37263,8 @@ const NylasEventCapacity = proxyCustomElement(class extends H$4 {
   name: [1],
   capacity: [2],
   selectedLanguage: [1, "selected-language"],
-  selectedEventCapacity: [32]
+  selectedEventCapacity: [32],
+  error: [32]
 }, [[0, "nylasFormInputChanged", "nylasFormInputChangeHandler"]], {
   name: ["elementNameChangedHandler"],
   selectedLanguage: ["selectedLanguageChangedHandler"]
@@ -37297,7 +37305,7 @@ function defineCustomElement$7() {
     }
   });
 }
-const nylasEventTimeslotCss = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}', NylasEventTimeslotStyle0 = nylasEventTimeslotCss;
+const nylasEventTimeslotCss = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-color-blue-100:#e0e6f9;--nylas-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;--nylas-color-black:#000000;--nylas-color-grey-900:#2c2c2c;--nylas-color-grey-800:#4b4b4b;--nylas-color-grey-700:#6e6e6e;--nylas-color-grey-600:#8e8e8e;--nylas-color-grey-500:#b3b3b3;--nylas-color-grey-400:#cacaca;--nylas-color-grey-300:#e1e1e1;--nylas-color-grey-200:#eaeaea;--nylas-color-grey-100:#f5f5f5;--nylas-color-grey-50:#fbfcfe;--nylas-color-white:#ffffff;--nylas-color-red-900:#992222;--nylas-color-red-700:#cc4841;--nylas-color-red-500:#ff786a;--nylas-color-red-300:#ffa79e;--nylas-color-red-100:#ffc5bf;--nylas-color-red-50:#ffeae8;--nylas-color-blue-900:#213571;--nylas-color-blue-700:#314fa9;--nylas-color-blue-500:#4169e1;--nylas-color-blue-300:#bdccf9;--nylas-color-blue-100:#e0e6f9;--nylas-color-blue-50:#f6f8fd;--nylas-color-yellow-900:#7c6506;--nylas-color-yellow-700:#c29f09;--nylas-color-yellow-500:#f7c90b;--nylas-color-yellow-300:#f9de70;--nylas-color-yellow-100:#fceba9;--nylas-color-yellow-50:#fdf4ce;--nylas-color-green-900:#0e6b60;--nylas-color-green-700:#16a392;--nylas-color-green-500:#17c3b2;--nylas-color-green-300:#74dbd1;--nylas-color-green-100:#a2e7e0;--nylas-color-green-50:#d1f3f0;--nylas-color-purple-900:#643554;--nylas-color-purple-700:#954f7d;--nylas-color-purple-500:#c769a7;--nylas-color-purple-300:#dda5ca;--nylas-color-purple-100:#e0bdd6;--nylas-color-purple-50:#e9dde5;--nylas-color-sky-900:#20698f;--nylas-color-sky-700:#2b8fc2;--nylas-color-sky-500:#6dceff;--nylas-color-sky-300:#8fdaff;--nylas-color-sky-100:#b8e7ff;--nylas-color-sky-50:#d9f2ff;width:inherit}div.nylas-event-timeslot label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%}div.nylas-event-timeslot div.date-time-input div.date-time-picker{display:flex;gap:32px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker{flex-direction:column;gap:16px}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:224px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component{width:100%}}div.nylas-event-timeslot div.date-time-input div.date-time-picker nylas-date-component::part(ic__date){height:50px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:flex;gap:8px;align-items:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range span{margin:12px 0 0 6px;display:inline-flex;align-items:flex-start}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range{display:grid;grid-template-columns:1fr 20px 1fr}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-picker){width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker div.time-range nylas-time-window-picker::part(time-input){width:calc(100% - 8px)}}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button){border:none;padding:14px;justify-content:flex-start}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button):hover{border:none;outline:none;color:var(--nylas-primary)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-button-selected-label){max-width:fit-content}div.nylas-event-timeslot div.date-time-input div.date-time-picker select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}div.nylas-event-timeslot div.date-time-input div.recurrence-options{margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown){position:relative}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button){width:fit-content;padding:14px;border-color:var(--nylas-base-200)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button):hover{color:var(--nylas-primary)}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:100%;width:fit-content;font-size:16px}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown{width:-webkit-fill-available}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:254px;width:fit-content}div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-content){right:unset;width:unset}}@media screen and (max-width: 412px){div.nylas-event-timeslot div.date-time-input div.recurrence-options select-dropdown::part(sd_dropdown-button-selected-label){max-width:240px}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr;margin-bottom:8px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type select-dropdown::part(sd_dropdown-button),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end select-dropdown::part(sd_dropdown-button){border-color:var(--nylas-base-200)}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector::part(id_dropdown-input),div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector::part(id_dropdown-input){padding:16px}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.custom-recurrence-time-period time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-type time-period-selector input-dropdown:hover,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.recurrence-end time-period-selector input-dropdown:hover{border:1px solid var(--nylas-primary);outline:1px solid transparent}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days{margin:16px 0;display:flex;gap:16px;align-items:center}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons{display:flex;gap:8px;margin:8px 0}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button{border-radius:50%;border:none;height:24px;width:24px;color:var(--nylas-base-800);cursor:pointer}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button.selected{background-color:var(--nylas-primary);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:hover{background-color:var(--nylas-base-500);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days div.buttons button:active{background-color:var(--nylas-base-600);color:var(--nylas-base-0)}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{display:grid;align-items:center;gap:16px;grid-template-columns:128px 1fr}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.days,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence-ends,div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.month-recurrence{grid-template-columns:1fr;gap:4px;margin:16px 0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{display:flex;gap:16px;align-items:baseline}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence{flex-direction:column;align-items:flex-start;gap:0}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{display:flex;gap:8px;align-items:center}@media screen and (max-width: 768px){div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence div.custom-recurrence-end-after{flex-direction:column;align-items:flex-start}}div.nylas-event-timeslot div.date-time-input div.recurrence-options div.repeat-on div.custom-recurrence nylas-date-component::part(ic__date){padding:0 16px;height:52px;border:1px solid var(--nylas-base-200)}', NylasEventTimeslotStyle0 = nylasEventTimeslotCss;
 var __decorate$4 = function(ve, ue, ge, Oe) {
   var Ke = arguments.length, vt = Ke < 3 ? ue : Oe === null ? Oe = Object.getOwnPropertyDescriptor(ue, ge) : Oe, ln;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -37497,7 +37505,24 @@ const periodMap = {
   }
   nylasFormInputChangedHandler(ue) {
     const { name: ge, value: Oe } = ue.detail;
-    ge === "date-time-input" ? (this.selectedDate = Oe, this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone), this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone)) : ge === "recurrence-end-date" ? this.repeatEndOn = Oe : ge === "custom-recurrence-end-date" ? this.repeatEndOn = Oe : ge === "recurrence-end-after" && (this.repeatEndAfter = parseInt(Oe)), this.handleValueChanged();
+    if (ge === "date-time-input")
+      this.selectedDate = Oe, this.recurrenceOptions = this.generateRecurrenceOptions(this.selectedDate, this.selectedTimezone), this.monthRecurrenceOptions = this.getMonthRecurrenceOptions(this.selectedDate, this.selectedTimezone);
+    else if (ge === "recurrence-end-date")
+      this.repeatEndOn = Oe;
+    else if (ge === "custom-recurrence-end-date")
+      this.repeatEndOn = Oe;
+    else if (ge === "recurrence-end-after") {
+      const Ke = parseInt(Oe);
+      if (Ke < 1 || isNaN(Ke)) {
+        this.timeWindowFormError.emit({
+          key: this.name,
+          message: instance.t("fixFormErrors")
+        });
+        return;
+      }
+      this.repeatEndAfter = Ke;
+    }
+    this.handleValueChanged();
   }
   timePeriodChangedHandler(ue) {
     const { number: ge, period: Oe } = ue.detail;
@@ -37513,12 +37538,12 @@ const periodMap = {
       { label: instance.t("nylasEventTimeslot.customRecurrence.endsOptions.on"), value: "on" },
       { label: instance.t("nylasEventTimeslot.customRecurrence.endsOptions.after"), value: "after" }
     ], vt = dayjs(this.selectedDate).add(1, "year").toISOString().split("T")[0], ln = this.repeatEveryFrequency === "week" ? 4 : this.repeatEveryFrequency === "month" ? 12 : 5;
-    return this.repeatEndOn = this.repeatEndOn || vt, this.repeatEndAfter = this.repeatEndAfter || ln, h$3(Host, { key: "31732a2c9daed8e38e9481d545a43d2093ebf9ae" }, h$3("div", { key: "122e6f86aa037d3ca33333a48ee01b56a658b9be", class: "nylas-event-timeslot", part: "netimeslot" }, h$3("label", { key: "6a5e350091395c992a4412b0bbf85847cff9e2aa", htmlFor: "date-time-input" }, instance.t("nylasEventTimeslot.dateTimeLabel")), h$3("div", { key: "fde21f23f6e3767f90ef7bfe8ef87fdc2880d53a", class: "date-time-input", part: "netimeslot__date-time-input" }, h$3("div", { key: "51ff603b675b0fca1e265ddb7cbba058e02b2412", class: "date-time-picker", part: "netimeslot__date-time-picker" }, h$3("nylas-date-component", { key: "aaf0a665c49243dc3ea62338b83a54a1ff44922f", name: "date-time-input", defaultValue: this.selectedDate, id: "date-time-input", required: !0 }), h$3("div", { key: "982c20021cf979720d71e19210b7aced7b3d8a32", class: "time-range", part: "netimeslot__time-range" }, h$3("nylas-time-window-picker", { id: "start-time", hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: "start-time", key: "start-time", exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), h$3("span", { key: "00a6b1961ffc500814b00da0a63fe52eb4982cb1" }, "–"), h$3("nylas-time-window-picker", { id: "end-time", hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: "end-time", key: "end-time", minimumStartTime: this.selectedStartTime, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), (Oe == null ? void 0 : Oe.label) && h$3("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: ge, withChevron: !1, defaultSelectedOption: Oe }, h$3("span", { slot: "select-icon" }, h$3("globe-icon", { width: "20", height: "20" })))), h$3("div", { key: "69ecad9a4f597e8e8be1c7467ff66f24411a6638", class: "recurrence-options", part: "netimeslot__recurrence-options" }, ue && (ue == null ? void 0 : ue.label) && h$3("div", { class: "recurrence-type", part: "netimeslot__recurrence-type" }, h$3("label", { htmlFor: "recurrence-type" }, instance.t("nylasEventTimeslot.recurrenceLabel")), h$3("select-dropdown", { withSearch: !1, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, defaultSelectedOption: ue, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType !== "custom" && this.selectedRecurrenceType !== "none" && h$3("div", { class: "recurrence-end", part: "netimeslot__recurrence-end" }, h$3("label", null, instance.t("nylasEventTimeslot.endDate")), h$3("nylas-date-component", { name: "recurrence-end-date", defaultValue: this.repeatEndOn || vt, id: "recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && h$3("div", { class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, h$3("label", { htmlFor: "" }, instance.t("nylasEventTimeslot.customRecurrence.repeatEvery")), h$3("time-period-selector", { id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
+    return this.repeatEndOn = this.repeatEndOn || vt, this.repeatEndAfter = this.repeatEndAfter || ln, h$3(Host, { key: "a6c2b24369ec32b3488fb597ceb07265f8025b38" }, h$3("div", { key: "5412e2af0d10c1a232fa61b9ba3d9a327a631f20", class: "nylas-event-timeslot", part: "netimeslot" }, h$3("label", { key: "5054d504ca18771fb990374ce1859573227661a9", htmlFor: "date-time-input" }, instance.t("nylasEventTimeslot.dateTimeLabel")), h$3("div", { key: "0dffbcf300744ef1c9ca74c73b3bd87bb0896711", class: "date-time-input", part: "netimeslot__date-time-input" }, h$3("div", { key: "d2c73a9cbe77d5a4c65087f4707b0f08c1b404e9", class: "date-time-picker", part: "netimeslot__date-time-picker" }, h$3("nylas-date-component", { key: "2955d08462d7e4e81079083349b8ce8cc07b1c1a", name: "date-time-input", defaultValue: this.selectedDate, id: "date-time-input", required: !0 }), h$3("div", { key: "edaab3f01999687c94b0b8a386fe863f211a4ced", class: "time-range", part: "netimeslot__time-range" }, h$3("nylas-time-window-picker", { id: "start-time", hasError: this.timeRangeError, time: this.selectedStartTime, language: this.selectedLanguage, name: "start-time", key: "start-time", exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), h$3("span", { key: "72f7f70ecef78afc7a5a426da2548cc4af12d139" }, "–"), h$3("nylas-time-window-picker", { id: "end-time", hasError: this.timeRangeError, time: this.selectedEndTime, language: this.selectedLanguage, name: "end-time", key: "end-time", minimumStartTime: this.selectedStartTime, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), (Oe == null ? void 0 : Oe.label) && h$3("select-dropdown", { name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: ge, withChevron: !1, defaultSelectedOption: Oe }, h$3("span", { slot: "select-icon" }, h$3("globe-icon", { width: "20", height: "20" })))), h$3("div", { key: "69743f032d1c090e65bd6b65cca97154972a7e98", class: "recurrence-options", part: "netimeslot__recurrence-options" }, ue && (ue == null ? void 0 : ue.label) && h$3("div", { class: "recurrence-type", part: "netimeslot__recurrence-type" }, h$3("label", { htmlFor: "recurrence-type" }, instance.t("nylasEventTimeslot.recurrenceLabel")), h$3("select-dropdown", { withSearch: !1, id: "recurrence-type", name: "recurrence-type", options: this.recurrenceOptions, defaultSelectedOption: ue, exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType !== "custom" && this.selectedRecurrenceType !== "none" && h$3("div", { class: "recurrence-end", part: "netimeslot__recurrence-end" }, h$3("label", null, instance.t("nylasEventTimeslot.endDate")), h$3("nylas-date-component", { name: "recurrence-end-date", defaultValue: this.repeatEndOn || vt, id: "recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && h$3("div", { class: "custom-recurrence-time-period", part: "netimeslot__custom-recurrence" }, h$3("label", { htmlFor: "" }, instance.t("nylasEventTimeslot.customRecurrence.repeatEvery")), h$3("time-period-selector", { id: "custom-recurrence-time-period", exportparts: "tps__number-dropdown: netimeslot__number-dropdown, tps__number-dropdown-button: netimeslot__number-dropdown-button, tps__number-dropdown-content: netimeslot__number-dropdown-content, tps__period-dropdown: netimeslot__period-dropdown, tps__period-dropdown-button: netimeslot__period-dropdown-button, tps__period-dropdown-content: netimeslot__period-dropdown-content", timePeriods: [
       { value: "day", label: instance.t("timePeriod", { context: "day" }) },
       { value: "week", label: instance.t("timePeriod", { context: "week" }) },
       { value: "month", label: instance.t("timePeriod", { context: "month" }) },
       { value: "year", label: instance.t("timePeriod", { context: "year" }) }
-    ], defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency })), h$3("div", { key: "72e9f15924d7cd50fa1e2200cd5fecf20213fe94", class: "repeat-on" }, this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "week" && h$3("div", { class: "days" }, h$3("label", null, instance.t("nylasEventTimeslot.customRecurrence.repeatOn")), h$3("div", { class: "buttons" }, [
+    ], defaultSelectedNumber: this.repeatEveryInterval, defaultSelectedPeriod: this.repeatEveryFrequency })), h$3("div", { key: "40ea7614b0c862be4adfdf798db12b52277ff6a6", class: "repeat-on" }, this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "week" && h$3("div", { class: "days" }, h$3("label", null, instance.t("nylasEventTimeslot.customRecurrence.repeatOn")), h$3("div", { class: "buttons" }, [
       { label: "S", value: "SU", title: "Sunday" },
       { label: "M", value: "MO", title: "Monday" },
       { label: "T", value: "TU", title: "Tuesday" },
@@ -37528,7 +37553,7 @@ const periodMap = {
       { label: "S", value: "SA", title: "Saturday" }
     ].map((ei) => h$3("button", { class: { selected: this.repeatOnDays.includes(ei.value) }, title: ei.title, onClick: () => {
       this.repeatOnDays = this.repeatOnDays.includes(ei.value) ? this.repeatOnDays.filter((ti) => ti !== ei.value) : [...this.repeatOnDays, ei.value], this.handleValueChanged();
-    } }, ei.label)))), this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "month" && h$3("div", { class: "month-recurrence" }, h$3("span", null), h$3("select-dropdown", { withSearch: !1, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), h$3("div", { key: "24efc522c8eb8ce3fafeb8964da717228602c14a", class: "custom-recurrence" }, this.selectedRecurrenceType === "custom" && h$3("div", { class: "custom-recurrence-ends" }, h$3("label", { htmlFor: "recurrence-type" }, instance.t("nylasEventTimeslot.customRecurrence.ends")), h$3("select-dropdown", { withSearch: !1, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: Ke, defaultSelectedOption: Ke.find((ei) => ei.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "on" && h$3("div", null, h$3("nylas-date-component", { name: "custom-recurrence-end-date", defaultValue: this.repeatEndOn || vt, id: "custom-recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "after" && h$3("div", { class: "custom-recurrence-end-after" }, h$3("input-component", { name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, defaultValue: ln.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), h$3("span", null, instance.t("nylasEventTimeslot.customRecurrence.occurrences")))))))));
+    } }, ei.label)))), this.selectedRecurrenceType === "custom" && this.repeatEveryFrequency === "month" && h$3("div", { class: "month-recurrence" }, h$3("span", null), h$3("select-dropdown", { withSearch: !1, id: "month-recurrence-type", name: "month-recurrence-type", options: this.monthRecurrenceOptions, defaultSelectedOption: this.repeatMonthlySameDate ? this.monthRecurrenceOptions[0] : this.monthRecurrenceOptions[1], exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), h$3("div", { key: "5a873ef2a8f3c02856f18fbd99c7092a6c91bd9b", class: "custom-recurrence" }, this.selectedRecurrenceType === "custom" && h$3("div", { class: "custom-recurrence-ends" }, h$3("label", { htmlFor: "recurrence-type" }, instance.t("nylasEventTimeslot.customRecurrence.ends")), h$3("select-dropdown", { withSearch: !1, id: "custom-recurrence-end-type", name: "custom-recurrence-end-type", options: Ke, defaultSelectedOption: Ke.find((ei) => ei.value === this.repeatEndType), exportparts: "sd_dropdown: netimeslot__dropdown, sd_dropdown-button: netimeslot__dropdown-button, sd_dropdown-content: netimeslot__dropdown-content" })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "on" && h$3("div", null, h$3("nylas-date-component", { name: "custom-recurrence-end-date", defaultValue: this.repeatEndOn || vt, id: "custom-recurrence-end-date", required: !0 })), this.selectedRecurrenceType === "custom" && this.repeatEndType === "after" && h$3("div", { class: "custom-recurrence-end-after" }, h$3("input-component", { name: "recurrence-end-after", id: "recurrence-end-after", type: "number", minValue: 1, defaultValue: ln.toString(), exportparts: "ic_input: netimeslot__input-textfield" }), h$3("span", null, instance.t("nylasEventTimeslot.customRecurrence.occurrences")))))))));
   }
   static get formAssociated() {
     return !0;
@@ -46748,6 +46773,10 @@ const typeToViewMapping = {
       }
       (ti = this.selectedEvent) != null && ti.group_event_info && (this.selectedEvent.group_event_info.rrule = ni);
     }
+    if (Oe === "event-capacity") {
+      const ni = parseInt(ge);
+      ni < 1 || ni > 500 || isNaN(ni) ? (this.formError = instance.t("fixFormErrors"), this.internals.setValidity({ customError: !0 }, this.formError)) : (this.formError = "", this.internals.setValidity({ customError: !1 }, ""));
+    }
   }
   timeWindowFormErrorHandler(ue) {
     ue.detail.key === "event-timeslot" ? (this.formError = ue.detail.message, this.internals.setValidity({ customError: !0 }, ue.detail.message)) : (this.formError = "", this.internals.setValidity({}));
@@ -46768,11 +46797,7 @@ const typeToViewMapping = {
       "show-event": this.showEditEventDetails || this.showCreateEventDetails
     } }, h$3("div", { class: "calendar-header" }, h$3("div", { class: "calendar-header__title" }, h$3("div", { class: "calendar-header-prev-next" }, h$3("button", { onClick: () => this.handlePrevNextClick("prev"), class: { "chevron-left": !0, button: !0 } }, " ", h$3("chevron-icon", null)), h$3("button", { onClick: () => this.handlePrevNextClick("next"), class: { "chevron-right": !0, button: !0 } }, " ", h$3("chevron-icon", null))), h$3("span", null, this.selectedDateRangeString)), h$3("div", { class: "calendar-header__current-calendar" }, (ge == null ? void 0 : ge.name) || (ge == null ? void 0 : ge.id), "'s calendar"), h$3("div", { class: "calendar-header__view-options" }, h$3("button", { class: { selected: ((ln = this.calendar) == null ? void 0 : ln.view.type) === typeToViewMapping.day }, onClick: () => this.setView("day") }, "Day"), h$3("button", { class: { selected: ((ei = this.calendar) == null ? void 0 : ei.view.type) === typeToViewMapping.week }, onClick: () => this.setView("week") }, "Week"), h$3("button", { class: { selected: ((ti = this.calendar) == null ? void 0 : ti.view.type) === typeToViewMapping.month }, onClick: () => this.setView("month") }, "Month"))), h$3("div", { ref: (di) => this.calendarEl = di })), this.showEditOptions && h$3("div", { class: "edit-options action-options", onClick: () => this.showEditOptions = !1 }, h$3("div", { class: "edit-options__card action-options__card" }, h$3("div", { class: "edit-options__header action-options__header" }, h$3("h3", null, "Actions"), h$3("button-component", { tooltip: "Close", id: "close-edit-options", disabled: this.isLoading, variant: "invisible", onClick: (di) => {
       di.preventDefault(), di.stopImmediatePropagation(), this.showEditOptions = !1;
-    } }, h$3("close-icon", null))), h$3("div", { class: "edit-options__content action-options__content" }, h$3("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name }, this.editOptions.map((di) => di.value.toString() ? h$3("li", { class: { disabled: !!this.isLoading }, tabindex: "0", key: di.value, id: di.value, onClick: (hi) => this.handleEditOptionSelected(hi, di), role: "option" }, this.isLoading && this.loadingOptions.delete === di.value ? "Deleting..." : di.label) : null))))), this.showConfirmDiscardUnsavedChangesModal && h$3("div", { class: "discard-changes action-options", onClick: () => this.showUpdateOptions = !1 }, h$3("div", { class: "discard-changes__card action-options__card" }, h$3("button-component", { tooltip: "Close", id: "close-discard-changes", variant: "invisible", disabled: this.isLoading, onClick: (di) => {
-      di.preventDefault(), di.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1;
-    } }, h$3("close-icon", null)), h$3("div", { class: "discard-changes__content action-options__content" }, h$3("h3", { slot: "card-title", part: "nfbf__title" }, "Discard unsaved changes?")), h$3("div", { class: "discard-changes__footer action-options__footer" }, h$3("button-component", { variant: "basic", onClick: (di) => this.showConfirmDiscardUnsavedChangesModal = !1, part: "nfbf__button-outline nfbf__cancel-cta" }, `${instance.t("deleteSchedulingPageCancelButton")}`), h$3("button-component", { variant: "destructive", onClick: (di) => {
-      di.preventDefault(), di.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1, this.unsavedChanges = !1, this.showEditEventDetails = !1, this.showCreateEventDetails = !1, this.selectedEvent = null, this.createNewGroupEventTimeslot = null, this.formError = "";
-    }, part: "nfbf__button-outline nfbf__reschedule-cta" }, "Discard")))), this.showUpdateOptions && h$3("div", { class: "update-options action-options", onClick: () => this.showUpdateOptions = !1 }, h$3("div", { class: "update-options__card action-options__card" }, h$3("button-component", { tooltip: "Close", id: "close-update-options", variant: "invisible", disabled: this.isLoading, onClick: (di) => {
+    } }, h$3("close-icon", null))), h$3("div", { class: "edit-options__content action-options__content" }, h$3("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name }, this.editOptions.map((di) => di.value.toString() ? h$3("li", { class: { disabled: !!this.isLoading }, tabindex: "0", key: di.value, id: di.value, onClick: (hi) => this.handleEditOptionSelected(hi, di), role: "option" }, this.isLoading && this.loadingOptions.delete === di.value ? "Deleting..." : di.label) : null))))), this.showUpdateOptions && h$3("div", { class: "update-options action-options", onClick: () => this.showUpdateOptions = !1 }, h$3("div", { class: "update-options__card action-options__card" }, h$3("button-component", { tooltip: "Close", id: "close-update-options", variant: "invisible", disabled: this.isLoading, onClick: (di) => {
       di.preventDefault(), di.stopImmediatePropagation(), this.showUpdateOptions = !1;
     } }, h$3("close-icon", null)), h$3("div", { class: "update-options__content action-options__content" }, h$3("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name }, this.updateOptions.map((di) => di.value.toString() ? h$3("li", { class: { disabled: !!this.isLoading }, tabindex: "0", key: di.value, id: di.value, role: "option", onClick: (hi) => this.handleUpdateGroupEvent(hi, di) }, this.isLoading && this.loadingOptions.update === di.value ? "Updating..." : di.label) : null))))), this.showDeleteOptions && h$3("div", { class: "delete-options action-options", onClick: () => this.showDeleteOptions = !1 }, h$3("div", { class: "delete-options__card action-options__card" }, h$3("button-component", { tooltip: "Close", id: "close-delete-options", variant: "invisible", disabled: this.isLoading, onClick: (di) => {
       di.preventDefault(), di.stopImmediatePropagation(), this.showDeleteOptions = !1;
@@ -46798,9 +46823,13 @@ const typeToViewMapping = {
       "event-details": !0
     } }, h$3("nylas-event-info", null, h$3("div", { slot: "inputs", class: "event-details-form-inputs" }, h$3("nylas-event-title", { eventTitle: "New group event", exportparts: "net, net__title, net__input_group, net__input_wrapper, net__input" }), h$3("nylas-event-description", { hideAutoPopulateButton: !0, exportparts: "ned, ned__title, ned__input_group, ned__input_wrapper, ned__input" }), h$3("nylas-event-location", { userProvider: (si = this.currentUser) == null ? void 0 : si.provider, exportparts: "nel, nel__title, nel__input_group, nel__input_wrapper, nel__input, nel__conferencing" }), h$3("nylas-event-timeslot", { name: "event-timeslot", initialValue: this.createNewGroupEventTimeslot, exportparts: "nets, nets__title, nets__input_group, nets__input_wrapper, nets__input, nets__timezone, nets__recurrence" }), h$3("nylas-event-capacity", { name: "event-capacity", exportparts: "nec, nec__title, nec__input_group, nec__input_wrapper, nec__input" }))), h$3("nylas-additional-participants", { name: "participants", eventParticipants: [{ name: ((li = this.currentUser) == null ? void 0 : li.name) || ((ci = this.currentUser) == null ? void 0 : ci.email), email: ((ui = this.currentUser) == null ? void 0 : ui.email) || "", is_organizer: !0 }], exportparts: "nadtnlpart, nadtnlpart__title, nadtnlpart__subtitle, nadtnlpart__content, nadtnlpart__input_group, nadtnlpart__input_wrapper, nadtnlpart__input, nadtnlpart__remove-participant" })), h$3("div", { class: "event-details-footer" }, h$3("div", { class: "event-details-footer__error" }, h$3("p", null, this.formError)), h$3("div", { class: "event-details-footer__helper-text" }, h$3("p", null, this.unsavedChanges && !this.isLoading ? "Unsaved changes" : "")), h$3("div", { class: "event-details-footer__actions" }, h$3("button-component", { variant: "basic", disabled: this.isLoading, onClick: (di) => {
       di.preventDefault(), di.stopImmediatePropagation(), this.unsavedChanges ? this.showConfirmDiscardUnsavedChangesModal = !0 : (this.showCreateEventDetails = !1, this.createNewGroupEventTimeslot = null, this.selectedEvent = null, this.unsavedChanges = !1);
-    } }, "Cancel"), h$3("button-component", { variant: "primary", disabled: this.isLoading, isLoading: this.isLoading, onClick: (di) => {
+    } }, "Cancel"), h$3("button-component", { variant: "primary", disabled: this.isLoading || this.formError !== "", isLoading: this.isLoading, onClick: (di) => {
       this.handleCreateGroupEvent(di);
-    } }, "Create")))))));
+    } }, "Create"))))), this.showConfirmDiscardUnsavedChangesModal && h$3("div", { class: "discard-changes action-options", onClick: () => this.showUpdateOptions = !1 }, h$3("div", { class: "discard-changes__card action-options__card" }, h$3("button-component", { tooltip: "Close", id: "close-discard-changes", variant: "invisible", disabled: this.isLoading, onClick: (di) => {
+      di.preventDefault(), di.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1;
+    } }, h$3("close-icon", null)), h$3("div", { class: "discard-changes__content action-options__content" }, h$3("h3", { slot: "card-title", part: "nfbf__title" }, "Discard unsaved changes?")), h$3("div", { class: "discard-changes__footer action-options__footer" }, h$3("button-component", { variant: "basic", onClick: (di) => this.showConfirmDiscardUnsavedChangesModal = !1, part: "nfbf__button-outline nfbf__cancel-cta" }, `${instance.t("deleteSchedulingPageCancelButton")}`), h$3("button-component", { variant: "destructive", onClick: (di) => {
+      di.preventDefault(), di.stopImmediatePropagation(), this.showConfirmDiscardUnsavedChangesModal = !1, this.unsavedChanges = !1, this.showEditEventDetails = !1, this.showCreateEventDetails = !1, this.selectedEvent = null, this.createNewGroupEventTimeslot = null, this.formError = "";
+    }, part: "nfbf__button-outline nfbf__reschedule-cta" }, "Discard"))))));
   }
   static get formAssociated() {
     return !0;
@@ -47244,7 +47273,7 @@ const NylasEditorTabsGroup = proxyCustomElement(class extends H$4 {
     var ge, Oe, Ke;
     debug("[nylas-editor-tabs-group]", "componentDidLoad"), this.enableUserFeedback && !isInitialized() && init({
       dsn: "https://9d5731f1c77ca84c9ed3fb9b3ccf7ee1@o74852.ingest.us.sentry.io/4507889638178816",
-      release: "1.4.2",
+      release: "1.4.3",
       integrations: (vt) => [
         ...vt.filter((ln) => !1),
         feedbackSyncIntegration({
@@ -47283,7 +47312,7 @@ const NylasEditorTabsGroup = proxyCustomElement(class extends H$4 {
       captureContext: {
         tags: {
           "nylas-web-element": "nylas-scheduler-editor",
-          "nylas-web-element-version": "1.4.2"
+          "nylas-web-element-version": "1.4.3"
         },
         extra: {
           configId: (Ke = this.selectedConfiguration) == null ? void 0 : Ke.id,