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

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

@@ -11898,7 +11898,7 @@ const ui = Ze(class extends Je {
   disconnectedCallback() {
     re("nylas-additional-participants", "disconnectedCallback");
   }
-  isInternalsAvailable() {
+  get isInternalsAvailable() {
     return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
   }
   onInputOptionChanged(e) {
@@ -11906,13 +11906,13 @@ const ui = Ze(class extends Je {
     re("nylas-additional-participants", "onInputOptionChanged");
     const t = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, r = e.detail.name, i = (s = this.participantOptions) == null ? void 0 : s.find((u) => u.email === e.detail.value);
     if (!i && this.isRoundRobinConfig) {
-      this.isInternalsAvailable() && this.internals.setValidity({ customError: !0 }, "For round robin configuration, participant should be selected from the dropdown."), this.participantErrors[r] = "For round robin page, participant should be selected from the dropdown.", this.participants[r].is_valid = !1, this.participants = [...this.participants];
+      this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, "For round robin configuration, participant should be selected from the dropdown."), this.participantErrors[r] = "For round robin page, participant should be selected from the dropdown.", this.participants[r].is_valid = !1, this.participants = [...this.participants];
       return;
     } else if (!i && !t.test(e.detail.value)) {
-      this.isInternalsAvailable() && this.internals.setValidity({ customError: !0 }, "Please enter a valid email address"), this.participantErrors[r] = "Please enter a valid email address", this.participants[r].is_valid = !1, this.participants = [...this.participants];
+      this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, "Please enter a valid email address"), this.participantErrors[r] = "Please enter a valid email address", this.participants[r].is_valid = !1, this.participants = [...this.participants];
       return;
     } else
-      this.participantErrors[r] = "", this.participants[r].is_valid = !0, this.isInternalsAvailable() && this.internals.setValidity({});
+      this.participantErrors[r] = "", this.participants[r].is_valid = !0, this.isInternalsAvailable && this.internals.setValidity({});
     this.participants[r].email = e.detail.value, this.participants[r].availability = i ? { calendar_ids: ["primary"] } : void 0, this.participants[r].booking = i && this.isRoundRobinConfig ? { calendar_id: "primary" } : void 0, this.participants[r].name = (i == null ? void 0 : i.name) || e.detail.value, this.participants = [...this.participants], this.updateFormValue();
   }
   updateOrganizerAsParticipant() {
@@ -11945,20 +11945,20 @@ const ui = Ze(class extends Je {
   updateFormValue() {
     re("nylas-additional-participants", "updateFormValue");
     const e = this.isRoundRobinConfig ? this.includeOrganizerAsParticipant ? this.participants : this.participants.filter((t) => !t.is_organizer) : this.participants;
-    e.length === 0 ? (this.isInternalsAvailable() && this.internals.setValidity({ customError: !0 }, "Please add at least one participant"), this.error = "Please add at least one participant") : (this.isInternalsAvailable() && this.internals.setValidity({}), this.error = "", this.isInternalsAvailable() && this.internals.setFormValue(JSON.stringify(e), this.name), this.valueChanged.emit({ value: JSON.stringify(e), name: this.name }));
+    e.length === 0 ? (this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, "Please add at least one participant"), this.error = "Please add at least one participant") : (this.isInternalsAvailable && this.internals.setValidity({}), this.error = "", this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(e), this.name), this.valueChanged.emit({ value: JSON.stringify(e), name: this.name }));
   }
   getArrayDifference(e, t) {
     return e.filter((i) => !t.some((s) => i.email === s.email)).map((i) => ({ value: i.email, label: i.email }));
   }
   render() {
-    return M(Ir, { key: "b17facebc66435c9e405b442500163b47836914e", part: "nap" }, M("nylas-form-card", { key: "bce92f93c9f0ec0c04c000582505ea1adb1a3e22" }, M("h3", { key: "07cd5fd66a38dadfd67f67607fe81fb235cbb1f3", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("p", { key: "3e9f5348444a81731228d4ce5f355b3cd6ead03f", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), M("div", { key: "b6921a32886aaedbf9ecaa942912c2991881b380", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "780531379643ee4764122906f144d302e0bc32e5" }, this.participants.map((e, t) => M("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, !e.is_organizer && M("label", null, `Participant ${t}`), M("div", { part: "nap__input_wrapper", class: {
+    return M(Ir, { key: "16a28d7d8ee91b685a22472d8a90721a5074d798", part: "nap" }, M("nylas-form-card", { key: "9fde59eadfcdf05c3b4add30a5c35f9b21d00c30" }, M("h3", { key: "82e3c3ad537ef4c60d19695f11e481bac2ed31ae", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Participants"), M("p", { key: "4df3d661d2c6801ba8e88d82853ae562ed3be8e8", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add people in your team or organization to join the event."), M("div", { key: "3ccb34354c025b52760433683812acf37b480e77", slot: "content", class: "nylas-additional-participants__content" }, M("div", { key: "007cf8396921637cf230cc26d73de147169cd250" }, this.participants.map((e, t) => M("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, !e.is_organizer && M("label", null, `Participant ${t}`), M("div", { part: "nap__input_wrapper", class: {
       "nylas-additional-participants__input_wrapper": !0,
       "nylas-additional-participants__input_wrapper_organizer": (e == null ? void 0 : e.is_organizer) === !0,
       "nylas-additional-participants__input_wrapper_invalid": e.is_valid === !1,
       error: e.is_valid === !1
     } }, M("div", { class: { "nylas-additional-participants__input": !0, organizer: (e == null ? void 0 : e.is_organizer) === !0 }, part: "nap__input" }, e.is_organizer ? M("input-component", { class: "label-input", name: `${t}`, key: t, label: "Organizer", required: !1, readOnly: e.is_organizer, defaultValue: e.email }, this.isRoundRobinConfig && M("div", { class: "required-input", slot: "additional-input" }, M("input", { type: "checkbox", name: "organizer_participant", id: "organizer_participant", onClick: () => {
       this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant, this.updateFormValue();
-    }, checked: this.includeOrganizerAsParticipant }), M("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, "Participant", M("tooltip-component", { id: "organizer_participant_tooltip" }, M("info-icon", { slot: "tooltip-icon" }), M("span", { slot: "tooltip-content" }, M("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", M("br", null), M("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))) : M("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && M("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, M("close-icon", null)))), !e.is_valid && M("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[t]))), M("p", { key: "9921cf9eb77303da37e64bb4b2555fe662bcb299", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "0fdc9f4d4ee5b221aaaa01de39e0fe5ad29675f1", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "c1c405144661b246731d48907246b3bc9e252410" }), " ", M("span", { key: "2ccd09a3a9c148dd4e895f7c3b2ac52cce86b76b" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
+    }, checked: this.includeOrganizerAsParticipant }), M("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, "Participant", M("tooltip-component", { id: "organizer_participant_tooltip" }, M("info-icon", { slot: "tooltip-icon" }), M("span", { slot: "tooltip-content" }, M("strong", null, "Include Organizer:"), " The organizer (you) will be included in the round-robin rotation. ", M("br", null), M("strong", null, "Exclude Organizer:"), " The organizer (you) will not be included in the round-robin rotation."))))) : M("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && M("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, M("close-icon", null)))), !e.is_valid && M("p", { class: "nylas-additional-participants__error", part: "nap__error" }, this.participantErrors[t]))), M("p", { key: "f1dd954c137093fa9e474f3886e4b5320aeb5e2e", class: "nylas-additional-participants__error", part: "nap__error" }, this.error)), M("button", { key: "859585010fc9fce314b856f5e7e07ac8b8c47b88", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, M("add-circle-icon", { key: "aec7eb5de30e66bca29b73962f356109471c2e9e" }), " ", M("span", { key: "f07ecfaa4db46f7954d734314c46f2d773158730" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
   }
   static get formAssociated() {
     return !0;