@nylas/react 3.2.15 → 3.2.16

package/dist/es/components.js

@@ -6154,10 +6154,10 @@ var K3 = function(n, e, t, a) {
 };
 const Mr = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/, zf = te(class extends ne {
   constructor() {
-    super(), this.__registerHost(), this.__attachShadow(), this.nameChanged = K(this, "nameChanged", 7), this.emailChanged = K(this, "emailChanged", 7), this.backButtonClicked = K(this, "backButtonClicked", 7), this.detailsConfirmed = K(this, "detailsConfirmed", 7), this.bookingFormError = K(this, "bookingFormError", 7), this.bookingFormSubmitted = K(this, "bookingFormSubmitted", 7), this.name = "", this.email = "", this.guestEmails = [], this.guestEmailErrors = {}, this.isNameValid = !0, this.isEmailValid = !0, this.additionalFields = {}, this.namePatternError = "", this.nameRequiredError = "", this.emailPatternError = "", this.emailRequiredError = "", this.validationError = { name: "", email: "" }, this.backButtonLoading = !1, this.firstRender = !0, this.handleGuestChange = (e, t) => {
+    super(), this.__registerHost(), this.__attachShadow(), this.nameChanged = K(this, "nameChanged", 7), this.emailChanged = K(this, "emailChanged", 7), this.guestEmailsChanged = K(this, "guestEmailsChanged", 7), this.additionalFieldsChanged = K(this, "additionalFieldsChanged", 7), this.backButtonClicked = K(this, "backButtonClicked", 7), this.detailsConfirmed = K(this, "detailsConfirmed", 7), this.bookingFormError = K(this, "bookingFormError", 7), this.bookingFormSubmitted = K(this, "bookingFormSubmitted", 7), this.name = "", this.email = "", this.guestEmails = [], this.guestEmailErrors = {}, this.isNameValid = !0, this.isEmailValid = !0, this.additionalFields = {}, this.namePatternError = "", this.nameRequiredError = "", this.emailPatternError = "", this.emailRequiredError = "", this.validationError = { name: "", email: "" }, this.backButtonLoading = !1, this.firstRender = !0, this.handleGuestChange = (e, t) => {
       this.resetGuestEmailError(e);
       const a = [...this.guestEmails];
-      a[e] = Np(t), this.guestEmails = [...a];
+      a[e] = Np(t), this.guestEmails = [...a], this.guestEmailsChanged.emit(this.guestEmails);
     }, this.handleGuestBlur = (e, t) => {
       if (this.resetGuestEmailError(e), t === "") {
         this.guestEmailErrors[e] = h.t("fieldRequired", { field: h.t("email") });
@@ -6169,11 +6169,11 @@ const Mr = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a
       }
       this.handleGuestChange(e, t);
     }, this.addGuestButtonClickedHandler = (e) => {
-      e.preventDefault(), this.guestEmails = [...this.guestEmails, ""];
+      e.preventDefault(), this.guestEmails = [...this.guestEmails, ""], this.guestEmailsChanged.emit(this.guestEmails);
     }, this.removeGuestButtonClickHandler = (e, t) => {
       e.preventDefault(), this.resetGuestEmailError(t);
       const a = [...this.guestEmails];
-      a.splice(t, 1), this.guestEmails = [...a];
+      a.splice(t, 1), this.guestEmails = [...a], this.guestEmailsChanged.emit(this.guestEmails);
     }, this.handleBackButtonClicked = (e) => {
       e.preventDefault(), this.backButtonLoading = !0, this.backButtonClicked.emit();
     }, this.bookButtonClickedHandler = async (e) => {
@@ -6233,7 +6233,7 @@ const Mr = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a
         additionalFields: { ...l, ...this.additionalFields }
       });
     }, this.updateAdditionalFields = (e, t) => {
-      this.additionalFields && (this.additionalFields[e] = t);
+      this.additionalFields && (this.additionalFields[e] = t, this.additionalFieldsChanged.emit({ ...this.additionalFields }));
     };
   }
   connectedCallback() {
@@ -6357,7 +6357,7 @@ const Mr = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a
   }
   render() {
     const e = !!this.selectedTimeslot?.event_id && !!this.selectedTimeslot?.capacity, t = this.configSettings?.scheduler?.notetaker_settings?.show_ui_consent_message === !0;
-    return r(Le, { key: "ff7be9b66b5a472cae4a9ee6bd0ac7f4d7d55080" }, r("form", { key: "efc1dc1cf3790f1b7d1da15c95d0e7c01b8e09b7", onSubmit: (a) => this.bookButtonClickedHandler(a), ref: (a) => this.formRef = a, noValidate: !0 }, r("div", { key: "b054882d9b3e86432666ca2a4c78be28527141d7", class: "nylas-booking-form", part: "nbf" }, r("div", { key: "72cc111b5b14e75419decf4a35c8c062619747c3", class: "input-wrapper", part: "nbf__input-wrapper" }, r("input-component", { key: "8e0622d77d38733b46637c22296bc22ad9594b98", label: h.t("name"), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: h.t("namePlaceholder"), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || !1, required: !0, requiredError: this.nameRequiredError, patternError: this.namePatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), r("div", { key: "b33b7f03f3986e09b8f8cd25e7c2f50613283693", class: "input-wrapper", part: "nbf__input-wrapper" }, r("input-component", { key: "ff9d6627901004d5d82682fc475d798aeb50f35c", label: h.t("email"), name: "email", id: "email", pattern: Mr, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: h.t("emailPlaceholder"), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || !1, required: !0, requiredError: this.emailRequiredError, patternError: this.emailPatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== !0 && r("div", { key: "0cf431d2b0cf104b9abf6e15071b5d4bc5a004b7", class: "input-wrapper", part: "nbf__input-wrapper" }, this.guestEmails.map((a, i) => r("div", { class: "input-wrapper button-wrapper" }, r("label", { class: {
+    return r(Le, { key: "37cd9b82bc20430f4fc22ec1fc9395d40476d402" }, r("form", { key: "f9755c802b42d73ea9aaf48d4fb11c69faeb75de", onSubmit: (a) => this.bookButtonClickedHandler(a), ref: (a) => this.formRef = a, noValidate: !0 }, r("div", { key: "a0e74316cd25d942e033ec831fa4ed770be0df5a", class: "nylas-booking-form", part: "nbf" }, r("div", { key: "8a9cd8f75bfa974a47e5e2a3832828226f6ef2e6", class: "input-wrapper", part: "nbf__input-wrapper" }, r("input-component", { key: "3433a1edb0c011b8ae998af579210604329af86a", label: h.t("name"), name: "name", id: "name", defaultValue: this.bookingInfo?.primaryParticipant?.name || this.configSettings?.booking?.guest?.name || this.name, placeholder: h.t("namePlaceholder"), type: "text", readOnly: this.bookingInfo?.primaryParticipant?.nameReadOnly || !1, required: !0, requiredError: this.nameRequiredError, patternError: this.namePatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), r("div", { key: "17f91b7c2207442cb9206a3480674ba78c89052a", class: "input-wrapper", part: "nbf__input-wrapper" }, r("input-component", { key: "a9418226c0756deefabace1218a1bd1ec3c6157b", label: h.t("email"), name: "email", id: "email", pattern: Mr, defaultValue: this.bookingInfo?.primaryParticipant?.email || this.configSettings?.booking?.guest?.email || this.email, placeholder: h.t("emailPlaceholder"), type: "email", readOnly: this.bookingInfo?.primaryParticipant?.emailReadOnly || !1, required: !0, requiredError: this.emailRequiredError, patternError: this.emailPatternError, themeConfig: this.themeConfig, part: "nbf__input-textfield" })), this.configSettings?.scheduler?.hide_additional_guests !== !0 && r("div", { key: "512f56515ec34e71ac685b1cd54a744922adcf52", class: "input-wrapper", part: "nbf__input-wrapper" }, this.guestEmails.map((a, i) => r("div", { class: "input-wrapper button-wrapper" }, r("label", { class: {
       error: !!this.guestEmailErrors[i]
     } }, h.t("guestEmail")), r("div", { class: "guest-email-input" }, r("input", { type: "email", id: `guest-email-${i}`, maxLength: 100, class: {
       "guest-email": !0,
@@ -6365,7 +6365,7 @@ const Mr = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a
     }, placeholder: h.t("guestEmailPlaceholder"), value: a, "data-index": i, part: "nbf__input-textfield", onBlur: (o) => this.handleGuestBlur(i, o.target?.value), onInput: (o) => this.handleGuestChange(i, o.target?.value) }), r("button-component", { variant: "basic", tooltip: "Remove guest", onClick: (o) => this.removeGuestButtonClickHandler(o, i), class: {
       "remove-guest": !0,
       error: !!this.guestEmailErrors[i]
-    } }, r("close-icon", null))), r("p", { class: "help-text" }, this.guestEmailErrors[i]))), !e && r("button-component", { key: "2b149ffe1bdd0117dc23f75bd6aa21f28a9b9652", class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: (a) => this.addGuestButtonClickedHandler(a) }, r("div", { key: "d30ef6a29786a6faa4ef8e1b5f0b6d96d494fb7f", class: "button-content" }, r("add-circle-icon", { key: "a6d1d9cdfef40554a443a8a9b3685fd16e0ea8f4", slot: "icon" }), this.guestEmails.length > 0 ? `${h.t("addAnotherGuest")}` : `${h.t("addGuest")}`))), Object.entries(this.configSettings?.scheduler?.additional_fields || {})?.sort((a, i) => a[1].order - i[1].order).map((a) => {
+    } }, r("close-icon", null))), r("p", { class: "help-text" }, this.guestEmailErrors[i]))), !e && r("button-component", { key: "189869ec5a18043e9bef8c282058cbb26bfcad93", class: "add-guest", variant: "invisible", part: "nbf__button-ghost", onClick: (a) => this.addGuestButtonClickedHandler(a) }, r("div", { key: "68f7e68b8ff5081068bd64e2aa8366508ad3a7b4", class: "button-content" }, r("add-circle-icon", { key: "fb5b3dba51aed878bf60b6e6f40771938a6de433", slot: "icon" }), this.guestEmails.length > 0 ? `${h.t("addAnotherGuest")}` : `${h.t("addGuest")}`))), Object.entries(this.configSettings?.scheduler?.additional_fields || {})?.sort((a, i) => a[1].order - i[1].order).map((a) => {
       const i = a[1], o = i.label, l = a[0], f = this.bookingInfo?.additionalFields?.[l]?.value || this.configSettings?.booking?.additional_fields?.[l] || i.default || "", p = this.bookingInfo?.additionalFields?.[l]?.readOnly || !1;
       switch (i.type) {
         case "dropdown":
@@ -6390,7 +6390,7 @@ const Mr = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a
         default:
           return r("div", { class: "input-wrapper", part: "nbf__input-wrapper" }, r("input-component", { label: o, name: l, id: l, type: i.type, readOnly: p, defaultValue: f || "", requiredError: h.t("fieldRequired", { field: o }), patternError: h.t("invalidInputFormat", { field: o }), required: i.required, part: "nbf__input-textfield", themeConfig: this.themeConfig }));
       }
-    })), r("div", { key: "cc4eef64c581d709dd04aa9a1911b8e16395bfca", class: "cta" }, t && r("div", { key: "646406e9b164645b733f70720d024bf9f38c42c7", class: "consent-disclaimer" }, h.t("notetakerConsentMessage")), r("button-component", { key: "0a50849e94a7024c79cb32ab28d7259006bbe886", variant: "basic", class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, r("slot", { key: "4a20f06c8173c9c18be25b3303852139f76eb812", name: "booking-form-back-label" }, `${h.t("backButton")}`)), r("button-component", { key: "334c1bab37af898e49867205c84baedeb612860b", variant: "primary", isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, r("slot", { key: "3f421a94afaf0f2e2defdd5f03d04e0553cf6b24", name: "booking-form-book-label" }, `${h.t("bookNowButton")}`)))));
+    })), r("div", { key: "7ebcde54517afad0f17e89e0170f230dbc7ff3ce", class: "cta" }, t && r("div", { key: "39aa8a18b033e3e82f6dc0750229360947ef1f0e", class: "consent-disclaimer" }, h.t("notetakerConsentMessage")), r("button-component", { key: "62ca6bd8f36a3a81ad43027bdb2b87421654f139", variant: "basic", class: "back", part: "nbf__button-outline", isLoading: this.backButtonLoading && this.isLoading, onClick: this.handleBackButtonClicked }, r("slot", { key: "ff4131f111581812c9caa5c71f57ba0d24222fe2", name: "booking-form-back-label" }, `${h.t("backButton")}`)), r("button-component", { key: "2ac93336ea230bad436de88688b87ce7c0741996", variant: "primary", isLoading: !this.backButtonLoading && this.isLoading, disabled: this.isLoading, part: "nbf__button-primary", type: "submit" }, r("slot", { key: "91dd3cda59aa2387d5ac239263189cde4a310267", name: "booking-form-book-label" }, `${h.t("bookNowButton")}`)))));
   }
   get host() {
     return this;
@@ -6456,6 +6456,12 @@ K3([
       emailChanged: async (n, e) => {
         e.scheduler.setParticipantEmail(n.detail);
       },
+      guestEmailsChanged: async (n, e) => {
+        e.scheduler.setGuests(n.detail);
+      },
+      additionalFieldsChanged: async (n, e) => {
+        e.scheduler.setAdditionalFields(n.detail);
+      },
       detailsConfirmed: async (n, e) => {
         b("nylas-booking-form", "detailsConfirmed", n.detail);
       },
@@ -8805,7 +8811,7 @@ function tl() {
   });
 }
 const r4 = au, s4 = tl;
-var yt = /* @__PURE__ */ ((n) => (n.Error = "error", n.Warning = "warning", n.Info = "info", n.Success = "success", n))(yt || {});
+var gt = /* @__PURE__ */ ((n) => (n.Error = "error", n.Warning = "warning", n.Info = "info", n.Success = "success", n))(gt || {});
 const Tn = (n) => n !== null && typeof n == "object" && "error" in n;
 var Li;
 (function(n) {
@@ -8974,12 +8980,12 @@ function am(n, e, t, a) {
 function p4(n, e) {
   return n.map((t) => (t.value && (t.value = Mi(t.value, e)), t));
 }
-const $a = "8.28.0", gt = globalThis;
+const $a = "8.28.0", yt = globalThis;
 function su(n, e, t) {
-  const a = gt, i = a.__SENTRY__ = a.__SENTRY__ || {}, o = i[$a] = i[$a] || {};
+  const a = yt, i = a.__SENTRY__ = a.__SENTRY__ || {}, o = i[$a] = i[$a] || {};
   return o[n] || (o[n] = e());
 }
-const lu = gt, m4 = 80;
+const lu = yt, m4 = 80;
 function E0(n, e = {}) {
   if (!n)
     return "<unknown>";
@@ -9064,9 +9070,9 @@ const Zo = typeof __SENTRY_DEBUG__ > "u" || __SENTRY_DEBUG__, b4 = "Sentry Logge
   "trace"
 ], _s = {};
 function Xo(n) {
-  if (!("console" in gt))
+  if (!("console" in yt))
     return n();
-  const e = gt.console, t = {}, a = Object.keys(_s);
+  const e = yt.console, t = {}, a = Object.keys(_s);
   a.forEach((i) => {
     const o = _s[i];
     t[i] = e[i], e[i] = o;
@@ -9093,7 +9099,7 @@ function v4() {
   return Zo ? Qd.forEach((t) => {
     e[t] = (...a) => {
       n && Xo(() => {
-        gt.console[t](`${b4}[${t}]:`, ...a);
+        yt.console[t](`${b4}[${t}]:`, ...a);
       });
     };
   }) : Qd.forEach((t) => {
@@ -9361,17 +9367,17 @@ function A4(n) {
   mi(e, n), gi(e, R4);
 }
 function R4() {
-  "console" in gt && Qd.forEach(function(n) {
-    n in gt.console && Cn(gt.console, n, function(e) {
+  "console" in yt && Qd.forEach(function(n) {
+    n in yt.console && Cn(yt.console, n, function(e) {
       return _s[n] = e, function(...t) {
         qn("console", { args: t, level: n });
         const i = _s[n];
-        i && i.apply(gt.console, t);
+        i && i.apply(yt.console, t);
       };
     });
   });
 }
-const ef = gt;
+const ef = yt;
 function R0() {
   if (!("fetch" in ef))
     return !1;
@@ -9407,7 +9413,7 @@ function Jo() {
   return Date.now() / O0;
 }
 function L4() {
-  const { performance: n } = gt;
+  const { performance: n } = yt;
   if (!n || !n.now)
     return Jo;
   const e = Date.now() - n.now(), t = n.timeOrigin == null ? e : n.timeOrigin;
@@ -9415,7 +9421,7 @@ function L4() {
 }
 const va = L4();
 (() => {
-  const { performance: n } = gt;
+  const { performance: n } = yt;
   if (!n || !n.now)
     return;
   const e = 3600 * 1e3, t = n.now(), a = Date.now(), i = n.timeOrigin ? Math.abs(n.timeOrigin + t - a) : e, o = i < e, l = n.timing && n.timing.navigationStart, p = typeof l == "number" ? Math.abs(l + t - a) : e, g = p < e;
@@ -9426,7 +9432,7 @@ function P4(n, e) {
   mi(t, n), gi(t, () => H4(void 0, e));
 }
 function H4(n, e = !1) {
-  e && !O4() || Cn(gt, "fetch", function(t) {
+  e && !O4() || Cn(yt, "fetch", function(t) {
     return function(...a) {
       const { method: i, url: o } = M4(a), l = {
         args: a,
@@ -9440,7 +9446,7 @@ function H4(n, e = !1) {
         ...l
       });
       const f = new Error().stack;
-      return t.apply(gt, a).then(
+      return t.apply(yt, a).then(
         async (p) => (qn("fetch", {
           ...l,
           endTimestamp: va() * 1e3,
@@ -9485,7 +9491,7 @@ function F4(n) {
   mi(e, n), gi(e, $4);
 }
 function $4() {
-  $r = gt.onerror, gt.onerror = function(n, e, t, a, i) {
+  $r = yt.onerror, yt.onerror = function(n, e, t, a, i) {
     return qn("error", {
       column: a,
       error: i,
@@ -9493,7 +9499,7 @@ function $4() {
       msg: n,
       url: e
     }), $r && !$r.__SENTRY_LOADER__ ? $r.apply(this, arguments) : !1;
-  }, gt.onerror.__SENTRY_INSTRUMENTED__ = !0;
+  }, yt.onerror.__SENTRY_INSTRUMENTED__ = !0;
 }
 let Nr = null;
 function N4(n) {
@@ -9501,9 +9507,9 @@ function N4(n) {
   mi(e, n), gi(e, B4);
 }
 function B4() {
-  Nr = gt.onunhandledrejection, gt.onunhandledrejection = function(n) {
+  Nr = yt.onunhandledrejection, yt.onunhandledrejection = function(n) {
     return qn("unhandledrejection", n), Nr && !Nr.__SENTRY_LOADER__ ? Nr.apply(this, arguments) : !0;
-  }, gt.onunhandledrejection.__SENTRY_INSTRUMENTED__ = !0;
+  }, yt.onunhandledrejection.__SENTRY_INSTRUMENTED__ = !0;
 }
 function z4() {
   return typeof __SENTRY_BROWSER_BUNDLE__ < "u" && !!__SENTRY_BROWSER_BUNDLE__;
@@ -9520,7 +9526,7 @@ function V4() {
 function W4() {
   return (
     // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-explicit-any
-    gt.process !== void 0 && gt.process.type === "renderer"
+    yt.process !== void 0 && yt.process.type === "renderer"
   );
 }
 function q4() {
@@ -9546,7 +9552,7 @@ function q4() {
   return [t, a];
 }
 function Hn() {
-  const n = gt, e = n.crypto || n.msCrypto;
+  const n = yt, e = n.crypto || n.msCrypto;
   let t = () => Math.random() * 16;
   try {
     if (e && e.randomUUID)
@@ -9908,7 +9914,7 @@ function hm(n, e) {
   return !1;
 }
 function rf(n) {
-  return gt.__SENTRY__ && gt.__SENTRY__.encodePolyfill ? gt.__SENTRY__.encodePolyfill(n) : new TextEncoder().encode(n);
+  return yt.__SENTRY__ && yt.__SENTRY__.encodePolyfill ? yt.__SENTRY__.encodePolyfill(n) : new TextEncoder().encode(n);
 }
 function o7(n) {
   const [e, t] = n;
@@ -10038,14 +10044,14 @@ function mm() {
     spanId: Hn().substring(16)
   };
 }
-const Br = gt;
+const Br = yt;
 function g7() {
   const n = Br.chrome, e = n && n.app && n.app.runtime, t = "history" in Br && !!Br.history.pushState && !!Br.history.replaceState;
   return !e && t;
 }
 const St = typeof __SENTRY_DEBUG__ > "u" || __SENTRY_DEBUG__;
 function rl() {
-  return du(gt), gt;
+  return du(yt), yt;
 }
 function du(n) {
   const e = n.__SENTRY__ = n.__SENTRY__ || {};
@@ -10780,7 +10786,7 @@ function n9(n, e) {
 }
 const km = /* @__PURE__ */ new WeakMap();
 function a9(n, e) {
-  const t = gt._sentryDebugIds;
+  const t = yt._sentryDebugIds;
   if (!t)
     return;
   let a;
@@ -10886,7 +10892,7 @@ function mu() {
   return !!Yt();
 }
 function wm(n) {
-  const e = Yt(), t = ro(), a = Nn(), { release: i, environment: o = hu } = e && e.getOptions() || {}, { userAgent: l } = gt.navigator || {}, f = y7({
+  const e = Yt(), t = ro(), a = Nn(), { release: i, environment: o = hu } = e && e.getOptions() || {}, { userAgent: l } = yt.navigator || {}, f = y7({
     release: i,
     environment: o,
     user: a.getUser() || t.getUser(),
@@ -11734,7 +11740,7 @@ function sl(n, e = {}, t = Nn()) {
   }, C = t && t.getClient() || Yt();
   return C && C.emit("beforeSendFeedback", y, e), t.captureEvent(y, e);
 }
-const _t = gt;
+const _t = yt;
 let cf = 0;
 function Y0() {
   return cf > 0;
@@ -11987,7 +11993,7 @@ class lw extends y9 {
     return e.platform = e.platform || "javascript", super._prepareEvent(e, t, a);
   }
 }
-const cw = typeof __SENTRY_DEBUG__ > "u" || __SENTRY_DEBUG__, an = gt, dw = 1e3;
+const cw = typeof __SENTRY_DEBUG__ > "u" || __SENTRY_DEBUG__, an = yt, dw = 1e3;
 let Om, ff, uf;
 function fw(n) {
   const e = "dom";
@@ -12818,7 +12824,7 @@ function bE(n) {
   const e = Yt(), t = e && e.getOptions(), a = t && t.cdnBaseUrl || "https://browser.sentry-cdn.com";
   return new URL(`/${$a}/${n}.min.js`, a).toString();
 }
-const aa = gt, wt = aa.document, Do = aa.navigator, Q0 = "Report a Bug", vE = "Cancel", CE = "Send Bug Report", _E = "Confirm", kE = "Report a Bug", wE = "your.email@example.org", EE = "Email", xE = "What's the bug? What did you expect?", SE = "Description", TE = "Your Name", DE = "Name", IE = "Thank you for your report!", AE = "(required)", RE = "Add a screenshot", OE = "Remove screenshot", LE = "widget", PE = "api", HE = 5e3, ME = (n, e = { includeReplay: !0 }) => {
+const aa = yt, wt = aa.document, Do = aa.navigator, Q0 = "Report a Bug", vE = "Cancel", CE = "Send Bug Report", _E = "Confirm", kE = "Report a Bug", wE = "your.email@example.org", EE = "Email", xE = "What's the bug? What did you expect?", SE = "Description", TE = "Your Name", DE = "Name", IE = "Thank you for your report!", AE = "(required)", RE = "Add a screenshot", OE = "Remove screenshot", LE = "widget", PE = "api", HE = 5e3, ME = (n, e = { includeReplay: !0 }) => {
   if (!n.message)
     throw new Error("Unable to submit feedback with empty message");
   const t = Yt();
@@ -14755,7 +14761,7 @@ const A8 = () => ({
   lazyLoadIntegration: yE,
   getModalIntegration: () => E8,
   getScreenshotIntegration: () => A8
-}), ka = "2.5.17", R8 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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}';
+}), ka = "2.5.18", R8 = ':host{display:block;--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-50:#ffeae8;--nylas-error-100:#ffc5bf;--nylas-error-200:#fecaca;--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}';
 var O8 = function(n, e, t, a) {
   var i = arguments.length, o = i < 3 ? e : a === null ? a = Object.getOwnPropertyDescriptor(e, t) : a, l;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
@@ -28441,7 +28447,7 @@ const th = te(class extends ne {
   constructor() {
     super(), this.__registerHost(), this.schedulerConfigChanged = K(this, "schedulerConfigChanged", 7), this.schedulerConfigCreated = K(this, "schedulerConfigCreated", 7), this.cancelButtonClick = K(this, "cancelButtonClick", 7), this.formSubmitted = K(this, "formSubmitted", 7), this.previewButtonClicked = K(this, "previewButtonClicked", 7), this.schedulerEditorFormUpdated = K(this, "schedulerEditorFormUpdated", 7), this.groupEventCreateTriggered = K(this, "groupEventCreateTriggered", 7), this.groupEventUpdateTriggered = K(this, "groupEventUpdateTriggered", 7), this.groupEventDeleteTriggered = K(this, "groupEventDeleteTriggered", 7), this.groupEventImportTriggered = K(this, "groupEventImportTriggered", 7), this.saveGroupEventChangesError = K(this, "saveGroupEventChangesError", 7), this.nylasSchedulerError = K(this, "nylasSchedulerError", 6), this.dismissNotification = K(this, "dismissNotification", 6), this.schedulerPreviewLink = "", this.mode = "app", this.hideEditorTabs = [], this.enableUserFeedback = !0, this.action = "create", this.showFeedbackModal = !1, this.activeTab = bt.CalendarView, this.isLoading = !1, this.componentLoaded = !1, this.hasUnsavedChanges = !1, this.changesSaved = !1, this.formState = {}, this.error = {
       message: "",
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: ""
     }, this.formSubmissionHandler = async (e) => {
@@ -28450,7 +28456,7 @@ const th = te(class extends ne {
       if (b("[nylas-editor-tabs-group]", "formSubmissionHandler", t), !this.formRef.checkValidity() || t.defaultPrevented) {
         await this.host.setError({
           message: this.formRef.validationMessage || h.t("fixFormErrors"),
-          type: yt.Error,
+          type: gt.Error,
           category: at.Component,
           title: h.t("nylasEditorTabs.formErrorTitle")
         });
@@ -28535,7 +28541,7 @@ const th = te(class extends ne {
         }
       })), t && (this.isLoading = !1, this.host.setError({
         message: a,
-        type: yt.Error,
+        type: gt.Error,
         category: at.Component,
         title: h.t("nylasEditorTabs.bookingFormError")
       })), t;
@@ -28603,7 +28609,7 @@ const th = te(class extends ne {
   async resetError() {
     this.error?.message && this.dismissNotification.emit({ id: this.error?.message.split(" ").join("-"), host: this.host }), this.error = {
       message: "",
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: ""
     };
@@ -28674,22 +28680,22 @@ const th = te(class extends ne {
     const t = this.formRef.checkValidity(), a = this.getGroupEventDetailsFromFormState();
     if (this.resetError(), a.title || this.setError({
       message: h.t("nylasEditorTabsGroup.eventTitleRequired"),
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: h.t("nylasEditorTabs.formErrorTitle")
     }), (!a.when?.start_time || !a.when?.end_time) && this.setError({
       message: h.t("nylasEditorTabsGroup.eventTimeRequired"),
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: h.t("nylasEditorTabs.formErrorTitle")
     }), a.participants?.length || this.setError({
       message: h.t("nylasEditorTabsGroup.participantsRequired"),
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: h.t("nylasEditorTabs.formErrorTitle")
     }), a.participants?.length && a.participants?.some((i) => !i.email) && this.setError({
       message: h.t("nylasEditorTabsGroup.participantEmailRequired"),
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: h.t("nylasEditorTabs.formErrorTitle")
     }), this.error?.message !== "" || !t) {
@@ -28740,7 +28746,7 @@ const th = te(class extends ne {
       notification: {
         title: e.title,
         category: e.category || at.Component,
-        type: e.type || yt.Error,
+        type: e.type || gt.Error,
         description: e.message,
         id: e.message.split(" ").join("-"),
         ttl: "none"
@@ -28967,7 +28973,7 @@ aS([
           const [y, C] = p;
           !y && C ? a.setError({
             message: C.message || h.t("genericErrorTitle"),
-            type: yt.Error,
+            type: gt.Error,
             category: at.Component,
             title: g
           }) : y && !C && i === "create" && a.schedulerConfigCreatedEventHandler({ config: y, action: i, host: a });
@@ -29005,7 +29011,7 @@ aS([
         const { groupEvent: t, host: a, chosenOption: i, configId: o } = n.detail, l = await e.schedulerConfig.updateGroupEvent(t, i, o), [f, p] = l;
         !f && p && a.setError({
           message: p.message || h.t("genericErrorTitle"),
-          type: yt.Error,
+          type: gt.Error,
           category: at.Component,
           title: h.t("nylasEditorTabsGroup.updateGroupEventError")
         });
@@ -29014,7 +29020,7 @@ aS([
         const { groupEvent: t, chosenOption: a, configId: i, host: o } = n.detail, l = await e.schedulerConfig.deleteGroupEvent(t, a, i), [f, p] = l;
         !f && p && o.setError({
           message: p.message || h.t("genericErrorTitle"),
-          type: yt.Error,
+          type: gt.Error,
           category: at.Component,
           title: h.t("nylasEditorTabsGroup.deleteGroupEventError")
         });
@@ -29023,7 +29029,7 @@ aS([
         const { groupEvent: t, configId: a, host: i } = n.detail, o = await e.schedulerConfig.createGroupEvent(t, a), [l, f] = o;
         !l && f && i.setError({
           message: f.message || h.t("genericErrorTitle"),
-          type: yt.Error,
+          type: gt.Error,
           category: at.Component,
           title: h.t("nylasEditorTabsGroup.createGroupEventError")
         });
@@ -29032,7 +29038,7 @@ aS([
         const { groupEvent: t, configId: a, host: i } = n.detail, o = await e.schedulerConfig.importGroupEvent([t], a), [l, f] = o;
         if (!l && f && i.setError({
           message: f.message || h.t("genericErrorTitle"),
-          type: yt.Error,
+          type: gt.Error,
           category: at.Component,
           title: h.t("nylasEditorTabsGroup.importGroupEventError")
         }), l && l.import_failed && l.import_failed.length > 0) {
@@ -29040,7 +29046,7 @@ aS([
 `);
           i.setError({
             message: p,
-            type: yt.Error,
+            type: gt.Error,
             category: at.Component,
             title: h.t("nylasEditorTabsGroup.importGroupEventError")
           }), setTimeout(() => {
@@ -31239,7 +31245,7 @@ const bh = te(class extends ne {
   constructor() {
     super(), this.__registerHost(), this.schedulerConfigChanged = K(this, "schedulerConfigChanged", 7), this.schedulerConfigCreated = K(this, "schedulerConfigCreated", 7), this.cancelButtonClick = K(this, "cancelButtonClick", 7), this.formSubmitted = K(this, "formSubmitted", 7), this.previewButtonClicked = K(this, "previewButtonClicked", 7), this.schedulerEditorFormUpdated = K(this, "schedulerEditorFormUpdated", 7), this.nylasSchedulerError = K(this, "nylasSchedulerError", 6), this.dismissNotification = K(this, "dismissNotification", 7), this.schedulerPreviewLink = "", this.mode = "app", this.hideEditorTabs = [], this.enableUserFeedback = !0, this.enableNotetaker = !1, this.action = "create", this.showFeedbackModal = !1, this.activeTab = ct.EventInfo, this.isLoading = !1, this.hasUnsavedChanges = !1, this.changesSaved = !1, this.loaded = !1, this.formState = {}, this.error = {
       message: "",
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: ""
     }, this.formSubmissionHandler = async (e) => {
@@ -31248,7 +31254,7 @@ const bh = te(class extends ne {
       if (b("[nylas-editor-tabs]", "formSubmissionHandler", t), !this.formRef.checkValidity() || t.defaultPrevented) {
         this.setError({
           message: this.formRef.validationMessage || h.t("fixFormErrors"),
-          type: yt.Error,
+          type: gt.Error,
           category: at.Component,
           title: h.t("nylasEditorTabs.formErrorTitle")
         });
@@ -31382,7 +31388,7 @@ const bh = te(class extends ne {
       const i = e.event_booking?.booking_type === "organizer-confirmation", o = e.scheduler?.organizer_confirmation_url;
       return i && !o && (a += "Organizer confirmation URL is required when using organizer confirmation booking type.", t = !0), t && (this.isLoading = !1, this.host.setError({
         message: a,
-        type: yt.Error,
+        type: gt.Error,
         category: at.Component,
         title: "Error:"
       })), t;
@@ -31404,7 +31410,7 @@ const bh = te(class extends ne {
         }
       })), t && (this.isLoading = !1, this.host.setError({
         message: a,
-        type: yt.Error,
+        type: gt.Error,
         category: at.Component,
         title: h.t("nylasEditorTabs.bookingFormError")
       })), t;
@@ -31448,7 +31454,7 @@ const bh = te(class extends ne {
   async resetError() {
     this.error?.message && this.dismissNotification.emit({ id: this.error?.message.split(" ").join("-"), host: this.host }), this.error = {
       message: "",
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: ""
     };
@@ -31524,7 +31530,7 @@ const bh = te(class extends ne {
       notification: {
         title: e.title,
         category: e.category || at.Component,
-        type: e.type || yt.Error,
+        type: e.type || gt.Error,
         description: e.message,
         id: e.message.split(" ").join("-"),
         ttl: "none"
@@ -31801,7 +31807,7 @@ xS([
           const [g, y] = f;
           !g && y ? a.setError({
             message: y.message || h.t("genericErrorTitle"),
-            type: yt.Error,
+            type: gt.Error,
             category: at.Component,
             title: p
           }) : g && !y && i === "create" && (a.schedulerConfigCreatedEventHandler({ config: g, action: i, host: a }), e.schedulerConfigStore.set("selectedEventType", void 0)), t && t(n);
@@ -32134,7 +32140,7 @@ const vh = te(class extends ne {
   constructor() {
     super(), this.__registerHost(), this.__attachShadow(), this.initListConfigurations = K(this, "initListConfigurations", 7), this.createButtonClick = K(this, "createButtonClick", 7), this.editButtonClick = K(this, "editButtonClick", 7), this.deleteButtonClick = K(this, "deleteButtonClick", 7), this.nylasSchedulerError = K(this, "nylasSchedulerError", 6), this.dismissNotification = K(this, "dismissNotification", 6), this.configurations = [], this.schedulerPreviewLink = "", this.state = "loading", this.error = {
       message: "",
-      type: yt.Error,
+      type: gt.Error,
       category: at.Component,
       title: ""
     }, this.currentCursor = null, this.previousCursors = [], this.disableNextPageButton = !1, this.deleteConfigurationId = "", this.showDeleteButtonLoading = !1, this.editButtonLoadingId = "";
@@ -32217,7 +32223,7 @@ const vh = te(class extends ne {
     this.nylasSchedulerError.emit({
       notification: {
         id: e.message.split(" ").join("-"),
-        type: e.type || yt.Error,
+        type: e.type || gt.Error,
         title: e.title,
         category: e.category || at.Component,
         description: e.message,
@@ -32355,7 +32361,7 @@ KS([
         if (!i && o && o.message) {
           await t.setState("error"), await t.setError({
             message: o.message,
-            type: yt.Error,
+            type: gt.Error,
             category: at.Component,
             title: h.t("nylasEditorTabs.getConfigsError")
           });
@@ -32372,7 +32378,7 @@ KS([
         const { host: t, configuration: a } = n.detail, [i, o] = await e.schedulerConfig.deleteConfiguration(a.id);
         !i && o && o.message && (await t.setState("error"), await t.setError({
           message: o.message,
-          type: yt.Error,
+          type: gt.Error,
           category: at.Component,
           title: h.t("nylasEditorTabs.deleteConfigError")
         })), await t.hideDeleteConfirmation();
@@ -32382,7 +32388,7 @@ KS([
         if (!i && o?.message) {
           await t.setError({
             message: o.message,
-            type: yt.Error,
+            type: gt.Error,
             category: at.Component,
             title: h.t("nylasEditorTabs.getConfigsError")
           }), t.hideEditButtonLoading();
@@ -32399,7 +32405,7 @@ KS([
           if (!g && y && y.message) {
             await t.setError({
               message: y.message,
-              type: yt.Error,
+              type: gt.Error,
               category: at.Component,
               title: h.t("nylasEditorTabsGroup.getGroupEventsError")
             }), t.hideEditButtonLoading();
@@ -35886,6 +35892,24 @@ class ED {
       }
     });
   }
+  setGuests(e) {
+    const { bookingInfo: t } = this.schedulerStore.state;
+    this.schedulerStore.set("bookingInfo", {
+      ...t,
+      primaryParticipant: t?.primaryParticipant,
+      guests: e.map((a) => ({ name: a, email: a }))
+    });
+  }
+  setAdditionalFields(e) {
+    const { bookingInfo: t } = this.schedulerStore.state, a = t?.additionalFields ?? {}, i = { ...a };
+    Object.entries(e).forEach(([o, l]) => {
+      i[o] = { ...a[o], value: l };
+    }), this.schedulerStore.set("bookingInfo", {
+      ...t,
+      primaryParticipant: t?.primaryParticipant,
+      additionalFields: i
+    });
+  }
   async refetchAvailability() {
     const e = /* @__PURE__ */ new Date(), t = new Date(e.getFullYear(), e.getMonth(), 1).getTime() / 1e3, a = t < e.getTime() / 1e3 ? Math.floor(e.getTime() / 1e3) : t, i = new Date(e.getFullYear(), e.getMonth() + 1, 1).getTime() / 1e3;
     return await this.getAvailability(a, i);
@@ -36576,7 +36600,23 @@ const ai = (n, e) => {
       return;
     }
     const l = await this.nylasSchedulerConnector?.scheduler.bookTimeslot(t);
-    (!l || "error" in l) && this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(l?.error) }, host: this.host });
+    if (!l || "error" in l) {
+      if (this.isTimeslotUnavailableError(l?.error)) {
+        this.nylasSchedulerInfo.emit({
+          notification: {
+            title: "Timeslot no longer available",
+            category: at.Component,
+            type: gt.Info,
+            description: "That time was just booked. Here are the latest available times.",
+            id: (/* @__PURE__ */ new Date()).getTime().toString(),
+            ttl: 3e3
+          },
+          host: this.host
+        }), await this.nylasSchedulerConnector?.scheduler.toggleAdditionalData(!1);
+        return;
+      }
+      this.nylasSchedulerError.emit({ notification: { ...this.getErrorObject(l?.error) }, host: this.host });
+    }
     const f = l?.data, p = this.bookedEventInfo.emit({ ...l, data: { ...f, ...a } });
     this.bookingInfoConfirmed = { ...this.bookingInfoConfirmed, ...f }, "bookedEventInfo" in this.eventOverrides && await this.eventOverrides.bookedEventInfo(p, this.nylasSchedulerConnector);
   }
@@ -36616,7 +36656,7 @@ const ai = (n, e) => {
       notification: {
         title: "Event is full",
         category: at.Component,
-        type: yt.Info,
+        type: gt.Info,
         description: "The event you selected is full. Please try a different time.",
         id: (/* @__PURE__ */ new Date()).getTime().toString(),
         ttl: 3e3
@@ -36661,11 +36701,14 @@ const ai = (n, e) => {
   async getRef() {
     return this.host;
   }
+  isTimeslotUnavailableError(e) {
+    return (e?.message?.toLowerCase().trim() ?? "").includes("the selected timeslot is unavailable");
+  }
   getErrorObject(e) {
     return {
       title: e?.title || $g.title,
       category: e?.category || $g.category,
-      type: yt.Error,
+      type: gt.Error,
       description: e?.message || "",
       id: (/* @__PURE__ */ new Date()).getTime().toString(),
       ttl: "none"
@@ -36679,7 +36722,7 @@ const ai = (n, e) => {
           notification: {
             title: h.t("schedulingComponentErrorTitle"),
             category: at.Component,
-            type: yt.Error,
+            type: gt.Error,
             description: t,
             id: (/* @__PURE__ */ new Date()).getTime().toString(),
             ttl: "none"
@@ -36696,7 +36739,7 @@ const ai = (n, e) => {
       notification: {
         title: h.t("invalidTimeslotErrorTitle"),
         category: at.Component,
-        type: yt.Error,
+        type: gt.Error,
         description: h.t("invalidTimeslotErrorMessage"),
         id: (/* @__PURE__ */ new Date()).getTime().toString(),
         ttl: "none"