@nylas/react 1.3.5 → 1.4.0

package/dist/checkmark-icon_15.entry-98377585.js

@@ -0,0 +1,1337 @@
+import { r as b, h as s, c as m, g as x, d, T as V, H as w, i as c, y as H, U as S, P as q, V as M } from "./index-04630615.js";
+import { R as C } from "./register-component-504a1cbb-5f986d7f.js";
+import { g as k, P as L, h as J } from "./constants-f5ba52b9-40ab2ded.js";
+import "react";
+import "react/jsx-runtime";
+import "react-dom";
+const G = ".sc-checkmark-icon-h{display:flex}", X = G, Q = class {
+  constructor(e) {
+    b(this, e), this.width = "18", this.height = "14";
+  }
+  render() {
+    return s("svg", { key: "9f2ef9310a166f784507fd99e6449c515a96f3ac", width: this.width, height: this.height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "748719ddc2fc511cf16073d4de5ea64a75b616b0", d: "M1.53033 7.46967C1.23744 7.17678 0.762563 7.17678 0.46967 7.46967C0.176777 7.76256 0.176777 8.23744 0.46967 8.53033L4.96967 13.0303C5.26256 13.3232 5.73744 13.3232 6.03033 13.0303L17.0303 2.03033C17.3232 1.73744 17.3232 1.26256 17.0303 0.96967C16.7374 0.676777 16.2626 0.676777 15.9697 0.96967L5.5 11.4393L1.53033 7.46967Z", fill: "#293056" }));
+  }
+};
+Q.style = X;
+const Y = ".sc-copy-icon-h{display:flex}", ee = Y, te = class {
+  constructor(e) {
+    b(this, e), this.width = "16", this.height = "16";
+  }
+  render() {
+    return s("svg", { key: "6df601eb70e375eee48dde40e40e0acb18528216", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "f26ded593d4d0202c92a739851bd51fad8d04810", d: "M4 0.75C2.89543 0.75 2 1.64543 2 2.75V12.75C2 13.8546 2.89543 14.75 4 14.75H10C11.1046 14.75 12 13.8546 12 12.75V2.75C12 1.64543 11.1046 0.75 10 0.75H4ZM3 2.75C3 2.19772 3.44772 1.75 4 1.75H10C10.5523 1.75 11 2.19772 11 2.75V12.75C11 13.3023 10.5523 13.75 10 13.75H4C3.44772 13.75 3 13.3023 3 12.75V2.75ZM0 4.75001C0 4.00973 0.402199 3.36339 1 3.01758V13.25C1 14.6307 2.11929 15.75 3.5 15.75H9.73244C9.38663 16.3478 8.74028 16.75 8 16.75H3.5C1.567 16.75 0 15.183 0 13.25V4.75001Z", fill: "currentColor" }));
+  }
+};
+te.style = ee;
+const ne = ".sc-dragable-icon-h{display:flex}", ae = ne, oe = class {
+  constructor(e) {
+    b(this, e), this.width = "20", this.height = "20";
+  }
+  render() {
+    return s("svg", { key: "46dfe8b0dee0c2d5d79a32ed646d3967b7f627f2", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "10321343368e069dd9d663a03309d29a7744953b", d: "M15.5 18C16.3284 18 17 18.6716 17 19.5C17 20.3284 16.3284 21 15.5 21C14.6716 21 14 20.3284 14 19.5C14 18.6716 14.6716 18 15.5 18ZM8.5 18C9.32843 18 10 18.6716 10 19.5C10 20.3284 9.32843 21 8.5 21C7.67157 21 7 20.3284 7 19.5C7 18.6716 7.67157 18 8.5 18ZM15.5 11C16.3284 11 17 11.6716 17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11ZM8.5 11C9.32843 11 10 11.6716 10 12.5C10 13.3284 9.32843 14 8.5 14C7.67157 14 7 13.3284 7 12.5C7 11.6716 7.67157 11 8.5 11ZM15.5 4C16.3284 4 17 4.67157 17 5.5C17 6.32843 16.3284 7 15.5 7C14.6716 7 14 6.32843 14 5.5C14 4.67157 14.6716 4 15.5 4ZM8.5 4C9.32843 4 10 4.67157 10 5.5C10 6.32843 9.32843 7 8.5 7C7.67157 7 7 6.32843 7 5.5C7 4.67157 7.67157 4 8.5 4Z", fill: "currentColor" }));
+  }
+};
+oe.style = ae;
+const le = ".sc-eye-icon-h{display:flex}", se = le, ie = class {
+  constructor(e) {
+    b(this, e), this.width = "17", this.height = "10";
+  }
+  render() {
+    return s("svg", { key: "a8fe2828182a26d753bdc72405496b8e96a5576d", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "4458663d2507b9b3aa25ba6c243bda9c5408980b", d: "M1.75909 6.60214C2.44254 3.32689 5.29437 1 8.50002 1C11.7057 1 14.5574 3.32688 15.2409 6.60215C15.2974 6.87246 15.5622 7.04587 15.8325 6.98946C16.1029 6.93304 16.2763 6.66817 16.2199 6.39785C15.4425 2.67312 12.1934 0 8.50002 0C4.8066 0 1.55742 2.67311 0.780175 6.39786C0.723767 6.66818 0.897177 6.93305 1.1675 6.98946C1.43782 7.04587 1.70268 6.87246 1.75909 6.60214ZM8.5 3C6.567 3 5 4.567 5 6.5C5 8.433 6.567 10 8.5 10C10.433 10 12 8.433 12 6.5C12 4.567 10.433 3 8.5 3ZM6 6.5C6 5.11929 7.11929 4 8.5 4C9.88071 4 11 5.11929 11 6.5C11 7.88071 9.88071 9 8.5 9C7.11929 9 6 7.88071 6 6.5Z", fill: "currentColor" }));
+  }
+};
+ie.style = se;
+const re = ".sc-feedback-icon-h{display:flex}", ce = re, de = class {
+  constructor(e) {
+    b(this, e), this.width = "11", this.height = "14";
+  }
+  render() {
+    return s("svg", { key: "c3dd87b3177b8154f344548d108a00f9a1017736", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "38fb63f78cf6d3920fad1c80b27362b81bdb079a", d: "M0.5 8.875C0.5 8.875 1.125 8.25 3 8.25C4.875 8.25 6.125 9.5 8 9.5C9.875 9.5 10.5 8.875 10.5 8.875V1.375C10.5 1.375 9.875 2 8 2C6.125 2 4.875 0.75 3 0.75C1.125 0.75 0.5 1.375 0.5 1.375V8.875ZM0.5 8.875V13.25", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" }));
+  }
+};
+de.style = ce;
+const fe = ':host{display:block;position:relative;--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:100%}@media screen and (max-width: 768px){:host{position:unset}}label{display:flex;color:var(--nylas-base-800, #293056);font-size:14px;font-style:normal;font-weight:400;line-height:150%;flex-direction:column;gap:4px;font-family:var(--nylas-font-family);font-size:16px;color:var(--nylas-base-800)}label.error{color:var(--nylas-error)}label span.required{color:var(--nylas-error);padding:0 0.25rem}label p{margin:0}label .error{color:var(--nylas-error)}.color-picker-container{display:flex;height:48px;padding-left:16px;align-items:center;gap:8px;align-self:stretch;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-300);background:var(--nylas-base-0);width:-webkit-fill-available;color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:400;line-height:150%;width:-moz-available;width:-webkit-fill-available;padding-left:0;gap:0;overflow:hidden}.color-picker-container:focus{outline-color:var(--nylas-primary)}.color-picker-container.error{border-radius:var(--nylas-border-radius-2x);font-weight:600;border-color:var(--nylas-error);border-width:2px}.color-picker-container.error::placeholder{font-weight:400}.color-picker-container::placeholder{color:var(--nylas-base-300)}.color-picker-container input{display:flex;align-items:center;height:100%;appearance:none;border:none;border-right:1px solid var(--nylas-base-200);background:transparent}.color-picker-container input::-webkit-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container input::-moz-color-swatch{min-width:30px;border-radius:0.25rem;border:1px solid var(--nylas-base-200);margin:0.25rem}.color-picker-container.error{border:1px solid var(--nylas-error)}.color-picker-container:hover,.color-picker-container:active{outline:1px solid var(--nylas-primary)}.color-picker-container:active{outline:2px solid var(--nylas-primary)}.color-picker-container label{width:100%}.labelBtn{color:var(--nylas-base-800);padding:14px;font-size:16px;font-family:var(--nylas-font-family);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0.5rem;background:transparent;border:none}.labelBtn.error{border:1px solid var(--nylas-error)}.labelBtn.focus{background:transparent}.labelBtn:hover,.labelBtn:active{outline:1px solid var(--nylas-primary)}.labelBtn span.chevron{display:flex;align-self:center}.labelBtn span.open{transform:rotate(90deg)}.labelBtn span.closed{transform:rotate(270deg)}.labelBtn span.selected-option{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:144px;font-size:14px;line-height:20px}@media screen and (max-width: 768px){.labelBtn span.selected-option{max-width:124px;font-size:16px}}', pe = fe, ye = class {
+  constructor(e) {
+    b(this, e), this.nylasFormDropdownChanged = m(this, "nylasFormDropdownChanged", 7), this.componentType = "color-picker", this.name = void 0, this.defaultSelectedColor = void 0, this.selectedColor = this.defaultSelectedColor, this.isOpen = !1, this.ariaActivedescendant = "", this.errorMessage = "";
+  }
+  componentWillLoad() {
+    this.selectedColor = this.defaultSelectedColor, this.el.setAttribute("component-type", this.componentType);
+  }
+  handleFocus() {
+    this.isOpen = !0;
+  }
+  handleBlur() {
+    this.isOpen = !1;
+  }
+  handleInput(e) {
+    this.selectedColor = e.target.value;
+  }
+  handleChange(e) {
+    this.selectedColor = e.target.value, this.nylasFormDropdownChanged.emit({
+      value: this.selectedColor,
+      name: this.name,
+      error: this.errorMessage
+    });
+  }
+  handleKeyDown(e) {
+    var t;
+    (e.code === "Enter" || e.code === "Space") && (e.preventDefault(), (t = this.inputRef) == null || t.click());
+  }
+  handleOutsideClick(e) {
+    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
+  }
+  render() {
+    return s("div", { key: "081086e3c3877d0f9027a6862a6e0a3c53e70051", class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: (e) => this.handleKeyDown(e) }, s("input", { key: "0bb1c2162f840c3438c334bc09741a35d5d97b42", type: "color", ref: (e) => this.inputRef = e, id: this.name, name: this.name, value: this.selectedColor, tabindex: "-1", onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), onInput: (e) => this.handleInput(e), onChange: (e) => this.handleChange(e), onKeyDown: (e) => this.handleKeyDown(e) }), s("label", { key: "d063c26dd52948dc40b14d3f93443ac30eb173e3", part: "icp_color-picker-button", htmlFor: this.name, class: { labelBtn: !0, open: this.isOpen, error: !!this.errorMessage }, "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name }, s("span", { key: "f0898da0abc4de14ee84cd8414fca3ef4f05fb38", class: "selected-option", part: "icp_color-picker-button-selected-label" }, this.selectedColor || "Select a color"), s("span", { key: "d998216f68ef77fa672c4435d275ffae4b656a49", class: {
+      open: this.isOpen,
+      closed: !this.isOpen,
+      chevron: !0
+    }, "aria-hidden": "true" }, s("chevron-icon", { key: "589c6052482633ae22ab1132536201b0a6b73fe2", width: "16", height: "16" })), this.errorMessage && s("span", { class: "error help-text" }, this.errorMessage)));
+  }
+  get el() {
+    return x(this);
+  }
+};
+ye.style = pe;
+const he = ':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}.logo-container{display:flex;flex-direction:row;gap:2rem}.logo-container .input-container{flex:1}.logo-container .input-container span.error-message{color:var(--nylas-error)}.logo-container .logo{display:flex;justify-content:center;align-items:center;width:200px;height:100px;border:var(--nylas-base-200) solid 1px;border-radius:var(--nylas-border-radius-2x);overflow:hidden;padding:10px}.logo-container .logo img{max-height:100%;max-width:100%;object-fit:contain;object-position:center}', ue = he;
+var be = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, O = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const z = class {
+  constructor(e) {
+    b(this, e), this.nylasFormInputImageUrlInvalid = m(this, "nylasFormInputImageUrlInvalid", 7), this.valueChanged = m(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.componentType = "image-url", this.imageUrl = "", this.errorMessage = "", this.name = "input-image-url", this.currentImageUrl = this.imageUrl, this.error = "";
+  }
+  connectedCallback() {
+    d("nylas-image-input", "connectedCallback");
+  }
+  disconnectedCallback() {
+    d("nylas-image-input", "disconnectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-image-input", "componentWillLoad"), this.host.setAttribute("name", this.name), this.host.setAttribute("component-type", this.componentType);
+  }
+  componentDidLoad() {
+    d("nylas-image-input", "componentDidLoad"), this.currentImageUrl = this.imageUrl, this.setImage(this.imageUrl, !1);
+  }
+  componentWillUpdate() {
+    d("nylas-image-input", "componentWillUpdate");
+  }
+  componentDidUpdate() {
+    d("nylas-image-input", "componentDidUpdate");
+  }
+  componentWillRender() {
+    d("nylas-image-input", "componentWillRender");
+  }
+  componentDidRender() {
+    d("nylas-image-input", "componentDidRender");
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-image-input", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  errorMessageChangedHandler(e) {
+    d("nylas-image-input", "errorMessageChangedHandler", e), this.error && (this.error = e);
+  }
+  async nylasFormInputChangedHandler(e) {
+    const { name: t, value: a } = e.detail;
+    t === this.name && this.setImage(a);
+  }
+  async nylasFormInputBlurHandler(e) {
+    const { name: t, value: a } = e.detail;
+    t === this.name && this.setImage(a);
+  }
+  setImage(e, t = !0) {
+    this.error = "", V(e).then(() => {
+      this.currentImageUrl = e, this.internals.setValidity({}), this.internals.setFormValue(this.currentImageUrl, this.name), t && this.valueChanged.emit({ value: this.currentImageUrl, name: this.name });
+    }).catch(() => {
+      this.error = this.errorMessage || "Invalid image URL.", this.nylasFormInputImageUrlInvalid.emit({ value: this.error, name: this.name }), typeof this.internals.setValidity == "function" && this.internals.setValidity({ customError: !0 }, this.error);
+    });
+  }
+  render() {
+    return s(w, { key: "4f40a383b04b54040c53a2deb4bd401d8984cfce" }, s("div", { key: "c470c5fe3a6b2e72d5e2395542b3be59d3cfee24", class: "logo-container" }, s("div", { key: "9982ebfc4113457f044df87560921ecf693687e1", class: "input-container" }, s("input-component", { key: "ecceb63da6e50c59292cedf2ef6bf9f611130b1c", name: this.name, id: this.name, type: "text", required: !1, exportparts: "ic_input: iiu__logo-input-textfield", defaultValue: this.imageUrl ?? "" }), this.error && s("span", { class: "error-message" }, this.error)), this.currentImageUrl && !this.error && s("div", { class: "logo" }, s("img", { src: this.currentImageUrl, alt: "Logo" }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      errorMessage: ["errorMessageChangedHandler"]
+    };
+  }
+};
+be([
+  C({
+    name: "nylas-image-input",
+    eventToProps: {
+      valueChanged: async (e, t) => {
+        const { valueChanged: a } = e.detail;
+        a && a(e);
+      }
+    }
+  }),
+  O("design:type", Function),
+  O("design:paramtypes", []),
+  O("design:returntype", void 0)
+], z.prototype, "render", null);
+z.style = ue;
+const ge = ':host{display:block;margin:1rem;--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}.nylas-additional-participants__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-additional-participants__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-additional-participants__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-additional-participants__input_group{padding-top:8px;display:flex;flex-direction:column;gap:4px}.nylas-additional-participants__input_group label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:150%}.nylas-additional-participants__input_group label span.org-as-participant{width:max-content}.nylas-additional-participants__error{color:var(--nylas-error);font-size:14px;font-family:var(--nylas-font-family);font-weight:400;line-height:16px;margin:0;text-align:left}.nylas-additional-participants__input_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.nylas-additional-participants__input_wrapper.error{border-color:var(--nylas-error)}.nylas-additional-participants__input_wrapper button{padding:12px;border:none;border-left:1px solid var(--nylas-base-300);background:none;cursor:pointer}.nylas-additional-participants__input_wrapper button:hover,.nylas-additional-participants__input_wrapper button:active{color:var(--nylas-primary)}.nylas-additional-participants__input_wrapper_organizer{border:none}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input input{border:none;outline:none;background:none;width:100%}.nylas-additional-participants__input input-dropdown{width:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown){width:100%;height:100%}.nylas-additional-participants__input input-dropdown::part(id_dropdown-input){height:100%;border-radius:var(--nylas-border-radius-2x);border:none;border-top-right-radius:initial;border-bottom-right-radius:initial;padding-left:16px}.nylas-additional-participants__input input-component::part(ic__input){background:var(--nylas-base-50)}.nylas-additional-participants__input input-component::part(ic__label){font-size:14px}.nylas-additional-participants__input input-component div.required-input{display:flex;gap:4px}.nylas-additional-participants__input input-component div.required-input label{display:flex;gap:4px;align-items:center}.nylas-additional-participants__input input-component div.required-input label tooltip-component#organizer_participant_tooltip::part(tc__content){left:-84px}.nylas-additional-participants__add{padding:12px;display:flex;align-items:center;border:none;background:none;cursor:pointer}.nylas-additional-participants__add span{padding:0 8px;font-size:16px;font-style:normal;font-weight:500}.nylas-additional-participants__add:hover,.nylas-additional-participants__add:active{color:var(--nylas-primary)}', me = ge;
+var ve = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, I = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const N = class {
+  constructor(e) {
+    b(this, e), this.valueChanged = m(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "participants", this.selectedConfiguration = void 0, this.currentUser = void 0, this.currentUserCalendars = void 0, this.participantOptions = void 0, this.eventParticipants = void 0, this.roundRobinConfig = void 0, this.selectedLanguage = void 0, this.participants = this.eventParticipants ?? [], this.participantErrors = {}, this.includeOrganizerAsParticipant = !0, this.isRoundRobinConfig = !1, this.error = "";
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationAndCurrentUserChangedHandler(e, t, a) {
+    d("nylas-additional-participants", "selectedConfigurationAndCurrentUserChangedHandler", e, this.currentUser), a === "selectedConfiguration" ? this.updateState(e, this.currentUser, !1) : a === "currentUser" && this.updateState(this.selectedConfiguration, e, !1);
+  }
+  selectedLanguageChangedHandler(e, t) {
+    e !== t && (c.changeLanguage(e), this.error && (this.error = c.t("nylasAdditionalParticipants.error")));
+  }
+  connectedCallback() {
+    d("nylas-additional-participants", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-additional-participants", "componentDidLoad"), this.selectedConfiguration ? this.updateState(this.selectedConfiguration, this.currentUser, !1) : this.eventParticipants && (this.participants = this.eventParticipants || [], this.isRoundRobinConfig = this.roundRobinConfig || !1, this.updateFormValue(!0));
+  }
+  disconnectedCallback() {
+    d("nylas-additional-participants", "disconnectedCallback");
+  }
+  updateState(e, t, a = !0) {
+    var l, r, o, n;
+    this.isRoundRobinConfig = (r = (l = e == null ? void 0 : e.availability) == null ? void 0 : l.availability_rules) != null && r.availability_method ? ((n = (o = e == null ? void 0 : e.availability) == null ? void 0 : o.availability_rules) == null ? void 0 : n.availability_method) !== "collective" : !1, this.participants = (e == null ? void 0 : e.participants) || this.eventParticipants || [], this.includeOrganizerAsParticipant = !!(this.isRoundRobinConfig && this.participants.find((i) => i.email === (t == null ? void 0 : t.email))), this.updateOrganizerAsParticipant(a);
+  }
+  get isInternalsAvailable() {
+    return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
+  }
+  onInputOptionChanged(e) {
+    var r;
+    d("nylas-additional-participants", "onInputOptionChanged");
+    const t = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, a = e.detail.name, l = (r = this.participantOptions) == null ? void 0 : r.find((o) => o.email === e.detail.value);
+    if (!l && this.isRoundRobinConfig) {
+      this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, "For round robin configuration, participant should be selected from the dropdown."), this.participantErrors[a] = "For round robin page, participant should be selected from the dropdown.", this.participants[a].is_valid = !1, this.participants = [...this.participants];
+      return;
+    } else if (!l && !t.test(e.detail.value)) {
+      this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, "Please enter a valid email address"), this.participantErrors[a] = "Please enter a valid email address", this.participants[a].is_valid = !1, this.participants = [...this.participants];
+      return;
+    } else
+      this.participantErrors[a] = "", this.participants[a].is_valid = !0, this.isInternalsAvailable && this.internals.setValidity({});
+    this.participants[a].email = e.detail.value, this.participants[a].availability = l && l.calendars[0].id ? { calendar_ids: [l.calendars[0].id] } : void 0, this.participants[a].booking = l && this.isRoundRobinConfig && l.calendars[0].id ? { calendar_id: l.calendars[0].id } : void 0, this.participants[a].name = (l == null ? void 0 : l.name) || e.detail.value, this.participants = [...this.participants], this.updateFormValue();
+  }
+  updateOrganizerAsParticipant(e = !0) {
+    var a, l, r, o, n, i, f;
+    const t = this.participants.find((p) => {
+      var h;
+      return p.email === ((h = this.currentUser) == null ? void 0 : h.email);
+    });
+    if (this.isRoundRobinConfig && !t && ((a = this.currentUser) != null && a.email)) {
+      const p = ((r = (l = this.currentUserCalendars) == null ? void 0 : l.find((h) => h.is_primary)) == null ? void 0 : r.id) || ((n = (o = this.currentUserCalendars) == null ? void 0 : o[0]) == null ? void 0 : n.id) || "primary";
+      this.participants = [
+        {
+          name: (i = this.currentUser) == null ? void 0 : i.name,
+          email: (f = this.currentUser) == null ? void 0 : f.email,
+          is_organizer: !0,
+          availability: {
+            calendar_ids: [p]
+          },
+          booking: {
+            calendar_id: p
+          }
+        },
+        ...this.participants
+      ];
+    }
+    this.updateFormValue(e);
+  }
+  addParticipant() {
+    d("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1 }], this.updateFormValue();
+  }
+  removeParticipant(e) {
+    d("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, a) => a !== e), this.updateFormValue();
+  }
+  updateFormValue(e = !0) {
+    d("nylas-additional-participants", "updateFormValue");
+    const t = this.isRoundRobinConfig ? this.includeOrganizerAsParticipant ? this.participants : this.participants.filter((a) => !a.is_organizer) : this.participants;
+    t.length === 0 ? (this.error = c.t("nylasAdditionalParticipants.error"), this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, this.error)) : (this.isInternalsAvailable && this.internals.setValidity({}), this.error = "", this.isInternalsAvailable && this.internals.setFormValue(JSON.stringify(t), this.name), e && this.valueChanged.emit({ value: JSON.stringify(t), name: this.name }));
+  }
+  getArrayDifference(e, t) {
+    return e.filter((l) => !t.some((r) => l.email === r.email)).map((l) => ({ value: l.email, label: l.email }));
+  }
+  render() {
+    return s(w, { key: "835a3f39c0e7a67bc6d340bfa5c3cc62145678e8", part: "nadtnlpart" }, s("nylas-form-card", { key: "1cf1984b29bd7c1647ce9e127d8fc4ddf095cf01", exportparts: "nfc, nfc__header" }, s("h3", { key: "b46bd33729b18b983f0df47ae7a676ae96267ce2", slot: "header-title", class: "nylas-additional-participants__title", part: "nadtnlpart__title" }, c.t("nylasAdditionalParticipants.headerTitle")), s("p", { key: "1e47838d94814bc7ecfd037b0f270cf823ed1f8e", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nadtnlpart__subtitle" }, c.t("nylasAdditionalParticipants.headerSubTitle")), s("div", { key: "ab0382b540df100fb2249a434dc47e22680fbd92", slot: "content", class: "nylas-additional-participants__content", part: "nadtnlpart__content" }, s("div", { key: "622be51eeabd507a90a5517c04b8348c4cf45f49" }, this.participants.map((e, t) => s("div", { class: "nylas-additional-participants__input_group", part: "nadtnlpart__input_group" }, !e.is_organizer && s("label", null, `${c.t("nylasAdditionalParticipants.participant")} ${t}`), s("div", { part: "nadtnlpart__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
+    } }, s("div", { class: { "nylas-additional-participants__input": !0, organizer: (e == null ? void 0 : e.is_organizer) === !0 }, part: "nadtnlpart__input" }, e.is_organizer ? s("input-component", { class: "label-input", name: `${t}`, key: t, label: c.t("nylasAdditionalParticipants.organizer"), required: !1, readOnly: e.is_organizer, defaultValue: e.email }, this.isRoundRobinConfig && s("div", { class: "required-input", slot: "additional-input" }, s("input", { type: "checkbox", name: "organizer_participant", id: "organizer_participant", onClick: () => {
+      this.includeOrganizerAsParticipant = !this.includeOrganizerAsParticipant, this.updateFormValue();
+    }, checked: this.includeOrganizerAsParticipant }), s("label", { htmlFor: "organizer_participant", "aria-label": "Include as participant" }, s("span", { class: "org-as-participant", part: "nadtnlpart__org-as-participant" }, c.t("nylasAdditionalParticipants.organizerAsParticipant")), s("tooltip-component", { id: "organizer_participant_tooltip" }, s("info-icon", { slot: "tooltip-icon" }), s("span", { slot: "tooltip-content" }, s("strong", null, c.t("nylasAdditionalParticipants.tooltip.includeOrganizer"), ":"), " ", c.t("nylasAdditionalParticipants.tooltip.includeOrganizerDesc"), " ", s("br", null), s("strong", null, c.t("nylasAdditionalParticipants.tooltip.excludeOrganizer"), ":"), " ", c.t("nylasAdditionalParticipants.tooltip.excludeOrganizerDesc")))))) : s("input-dropdown", { id: `${t}`, name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && s("button", { onClick: () => this.removeParticipant(t), part: "nadtnlpart__remove-participant" }, s("close-icon", null)))), !e.is_valid && s("p", { class: "nylas-additional-participants__error", part: "nadtnlpart__error" }, this.participantErrors[t]))), s("p", { key: "e67268bf9788935342f6f922b82d2af94bc1a84c", class: "nylas-additional-participants__error", part: "nadtnlpart__error" }, this.error)), s("button", { key: "d322c6e1dc4fb91c40c28e36f0f25b389794780d", class: "nylas-additional-participants__add", part: "nadtnlpart__add-participant", onClick: () => this.addParticipant() }, s("add-circle-icon", { key: "a749d64c83f5427db7e3c602b8da83e35b1c110c" }), " ", s("span", { key: "dc81ad7e804cac41479b6669138ea8ca56d1a3d5" }, this.participants.length > 1 ? c.t("nylasAdditionalParticipants.addParticipant", { context: "next" }) : c.t("nylasAdditionalParticipants.addParticipant", { context: "first" }))))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      currentUser: ["selectedConfigurationAndCurrentUserChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationAndCurrentUserChangedHandler"],
+      selectedLanguage: ["selectedLanguageChangedHandler"]
+    };
+  }
+};
+ve([
+  C({
+    name: "nylas-additional-participants",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.additionalParticipants", "participantOptions"],
+      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
+      ["schedulerConfig.currentUser", "currentUser"],
+      ["schedulerConfig.calendars", "currentUserCalendars"],
+      ["schedulerConfig.selectedLanguage", "selectedLanguage"]
+    ]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  I("design:type", Function),
+  I("design:paramtypes", []),
+  I("design:returntype", void 0)
+], N.prototype, "render", null);
+N.style = me;
+const xe = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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}.nylas-event-description{display:flex;flex-direction:column;gap:4px;position:relative}.nylas-event-description label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-description label span.label-icon{margin-left:4px}.nylas-event-description label span.label-icon tooltip-component{display:flex}.nylas-event-description textarea{padding:12px 16px;border-width:1;resize:vertical;border-radius:8px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px;border:1px solid var(--nylas-base-200)}.nylas-event-description textarea::-webkit-resizer{display:none}.nylas-event-description div.event-description{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);white-space:nowrap;scrollbar-width:thin;min-height:50px;overflow-y:auto;white-space:pre-wrap;line-height:1.5;}.nylas-event-description div.event-description::-webkit-scrollbar{width:6px;height:6px}.nylas-event-description div.event-description.error{border-color:var(--nylas-error);border-width:2px;outline:none}.nylas-event-description span.add-additional-fields{display:flex;align-items:center;gap:8px}.nylas-event-description span.add-additional-fields button-component button{height:35px}.nylas-event-description span.help-text{display:inline-block;gap:4px;align-items:center;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-description span.help-text span.label-icon{display:inline-block}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-description span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-description .highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:2px 5px;margin-left:4px;margin-bottom:4px;display:inline-block;vertical-align:baseline}.nylas-event-description .token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;margin-top:28px;overflow:auto;z-index:1;border-radius:4px;position:absolute;bottom:108px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.nylas-event-description .token-options{right:0;width:325px;max-width:unset}}.nylas-event-description .token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.nylas-event-description .token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.nylas-event-description .token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.nylas-event-description .token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.nylas-event-description .token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.nylas-event-description .token-options ul li:hover,.nylas-event-description .token-options ul li:focus,.nylas-event-description .token-options ul li:active,.nylas-event-description .token-options ul li.active{background-color:var(--nylas-base-100)}.nylas-event-description .token-options ul li:hover .token-label .token,.nylas-event-description .token-options ul li:focus .token-label .token,.nylas-event-description .token-options ul li:active .token-label .token,.nylas-event-description .token-options ul li.active .token-label .token{color:var(--nylas-primary)}.nylas-event-description .token-options .selected{background-color:var(--nylas-base-100)}', ke = xe;
+var we = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, A = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const B = class {
+  constructor(e) {
+    var t, a, l, r;
+    b(this, e), this.valueChanged = m(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.eventDescription = (a = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : a.description, this.name = "description", this.selectedLanguage = void 0, this.hideAutoPopulateButton = !1, this.description = this.eventDescription || ((r = (l = this.selectedConfiguration) == null ? void 0 : l.event_booking) == null ? void 0 : r.description) || "", this.showTokens = !1, this.availableTokens = k.map((o) => ({
+      label: o.token,
+      value: o.value,
+      labelHTML: o
+    })), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "", this.additionalFieldTokens = [];
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var o, n;
+    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e);
+    const t = ((o = e == null ? void 0 : e.event_booking) == null ? void 0 : o.description) || this.eventDescription || "", a = ((n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.additional_fields) || {}, r = (Object.keys(a) || []).map((i) => ({
+      token: `$${i}`,
+      value: `\${${i}}`,
+      description: a[i].label || ""
+    }));
+    this.additionalFieldTokens = [...r], this.availableTokens = [...k, ...r].map((i) => ({
+      label: i.token,
+      value: i.value,
+      labelHTML: i
+    })), this.filteredTokens = [...this.availableTokens], this.description = t, t && this.updateEventDescriptionFromProp(t);
+  }
+  selectedLanguageChangedHandler(e, t) {
+    if (e === t)
+      return;
+    c.changeLanguage(e);
+    const a = {
+      $invitee: "invitee",
+      $invitee_email: "inviteeEmail",
+      $duration: "duration"
+    };
+    this.availableTokens = this.availableTokens.map((l) => (a[l.label] && (l.labelHTML.description = c.t(`nylasEventTitle.eventTitleTokenDescription.${a[l.label]}`)), l)), this.filteredTokens = [...this.availableTokens];
+  }
+  connectedCallback() {
+    d("nylas-event-description", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-description", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-event-description", "componentDidLoad"), this.selectedConfiguration ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.description = this.eventDescription || "", this.updateEventDescriptionFromProp(this.description));
+  }
+  disconnectedCallback() {
+    d("nylas-event-description", "disconnectedCallback");
+  }
+  valueChangedHandler(e) {
+    const { name: t, value: a } = e.detail, l = a || {};
+    if (t === "additional-fields") {
+      const o = (Object.keys(l) || []).map((n) => ({
+        token: `$${n}`,
+        value: `\${${n}}`,
+        description: l[n].label || ""
+      }));
+      this.additionalFieldTokens = [...o], this.availableTokens = [...k, ...o].map((n) => ({
+        label: n.token,
+        value: n.value,
+        labelHTML: n
+      })), this.filteredTokens = [...this.availableTokens];
+    }
+  }
+  updateEventDescriptionFromProp(e) {
+    d("nylas-event-description", "updateEventDescriptionFromProp", e);
+    const t = e || this.description;
+    this.descriptionRef && (this.descriptionRef.innerHTML = this.highlightTokens(t));
+  }
+  highlightTokens(e) {
+    let t = e;
+    return [...k, ...this.additionalFieldTokens].forEach((a) => {
+      const l = a.value, r = new RegExp(`(\\${l})(?!\\w)`, "g");
+      t = (t == null ? void 0 : t.replace(r, '<span class="highlighted-tag">$1</span>')) || "";
+    }), t;
+  }
+  getCurrentSelectionForBrowser() {
+    var l, r, o;
+    const e = (n, i, f, p) => {
+      const h = n.replace(/[\u200B-\u200D\uFEFF]/g, ""), y = h.lastIndexOf("$"), u = h.substring(y).split(" ")[0];
+      return {
+        focusOffset: i,
+        dollarIndex: y,
+        lastWord: u,
+        currentText: h,
+        node: f,
+        allSelected: p
+      };
+    }, t = (n) => {
+      var i, f;
+      return n.anchorOffset === 0 && n.focusOffset === ((f = (i = n.focusNode) == null ? void 0 : i.nodeValue) == null ? void 0 : f.length);
+    };
+    switch (M()) {
+      case "Chrome": {
+        const n = (l = this.host.shadowRoot) == null ? void 0 : l.getSelection(), i = n == null ? void 0 : n.focusNode, f = (i == null ? void 0 : i.nodeValue) || "", p = n && t(n);
+        return e(f, (n == null ? void 0 : n.focusOffset) || -1, i, p);
+      }
+      case "Firefox": {
+        const n = document.getSelection(), i = ((r = n == null ? void 0 : n.anchorNode) == null ? void 0 : r.nodeValue) || "", f = n && t(n);
+        return e(i, (n == null ? void 0 : n.focusOffset) || -1, n == null ? void 0 : n.anchorNode, f);
+      }
+      case "Safari": {
+        const n = window.getSelection(), i = n == null ? void 0 : n.getComposedRanges(this.host.shadowRoot)[0], f = ((o = i == null ? void 0 : i.startContainer) == null ? void 0 : o.nodeValue) || "", p = n && t(n);
+        return e(f, (i == null ? void 0 : i.endOffset) || -1, i == null ? void 0 : i.startContainer, p);
+      }
+      default:
+        return console.warn("Browser not supported"), null;
+    }
+  }
+  handleChange(e) {
+    let t = e.target.textContent || "";
+    t = H(t);
+    const a = this.getCurrentSelectionForBrowser();
+    if (!a) {
+      this.updateEventDescription(t), this.resetDropdown();
+      return;
+    }
+    const { focusOffset: l, dollarIndex: r, lastWord: o, currentText: n } = a;
+    if (r === -1 || l < r) {
+      this.updateEventDescription(t), this.resetDropdown();
+      return;
+    }
+    o.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
+      $value: o,
+      fullText: n,
+      index: r,
+      focusOffset: l
+    }, this.populateSuggestionsDropdown(o)) : this.resetDropdown(), this.updateEventDescription(t);
+  }
+  handleInputKeyDown(e) {
+    var a, l, r, o;
+    const t = this.getCurrentSelectionForBrowser();
+    if (t != null && t.allSelected && !S(e) && (this.descriptionRef.innerHTML = ""), e.key === "Enter") {
+      e.preventDefault();
+      const n = (a = this.host.shadowRoot) == null ? void 0 : a.getElementById(this.ariaActivedescendant);
+      if (n)
+        n.click(), this.ariaActivedescendant = "";
+      else {
+        const i = t == null ? void 0 : t.node, f = (t == null ? void 0 : t.focusOffset) || 0;
+        if (!i || f === -1 || this.descriptionRef.childNodes.length === 0) {
+          const p = document.createTextNode(`
+`);
+          this.descriptionRef.insertBefore(p, this.descriptionRef.firstChild);
+          const h = document.createRange();
+          h.setStart(p, 1), h.collapse(!0);
+          const y = window.getSelection();
+          y == null || y.removeAllRanges(), y == null || y.addRange(h);
+        } else if (i.nodeType === Node.TEXT_NODE) {
+          const p = i.nodeValue || "", h = p.slice(0, f) + `
+` + p.slice(f);
+          i.nodeValue = h;
+          const y = document.createRange();
+          y.setStart(i, f + 1), y.collapse(!0);
+          const u = window.getSelection();
+          u == null || u.removeAllRanges(), u == null || u.addRange(y);
+        }
+        this.descriptionRef.focus();
+      }
+    } else if (e.key === "ArrowDown") {
+      this.showTokens && e.preventDefault();
+      const n = (l = this.host.shadowRoot) == null ? void 0 : l.getElementById(this.ariaActivedescendant);
+      if (n) {
+        const i = n.nextElementSibling;
+        i ? this.ariaActivedescendant = i.id : this.ariaActivedescendant = this.filteredTokens[0].label;
+      } else
+        this.ariaActivedescendant = this.filteredTokens[0].label;
+    } else if (e.key === "ArrowUp") {
+      this.showTokens && e.preventDefault();
+      const n = (r = this.host.shadowRoot) == null ? void 0 : r.getElementById(this.ariaActivedescendant);
+      if (n) {
+        const i = n.previousElementSibling;
+        i ? this.ariaActivedescendant = i.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
+      } else
+        this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
+    } else if (e.key === "Escape")
+      e.preventDefault(), this.resetDropdown();
+    else if (e.key === "Backspace" || e.key === "Delete") {
+      const n = (o = t == null ? void 0 : t.node) == null ? void 0 : o.parentNode;
+      t != null && t.currentText.startsWith("${") && n && n.nodeName === "SPAN" && (e.preventDefault(), n.removeChild(t.node), n.remove(), this.resetDropdown()), (this.descriptionRef.textContent === "" || t != null && t.allSelected) && (this.descriptionRef.innerHTML = "", this.updateEventDescription(""));
+    }
+  }
+  selectOption(e, t) {
+    var T;
+    e.preventDefault();
+    const a = this.currentWord.fullText, l = this.currentWord.$value;
+    let r = this.descriptionRef.firstChild, o = null;
+    for (; r; ) {
+      if (r.nodeType === 3) {
+        const v = ((T = r.textContent) == null ? void 0 : T.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", E = a.replace(/[\u200B-\u200D\uFEFF]/g, "");
+        if (v.includes(E)) {
+          o = r;
+          break;
+        }
+      }
+      r = r.nextSibling;
+    }
+    if (!o)
+      return;
+    const n = o.textContent || "", i = n.indexOf(l), f = n.substring(0, i), p = n.substring(i + l.length), h = document.createTextNode(f), y = document.createRange(), u = document.createElement("span");
+    u.classList.add("highlighted-tag"), u.textContent = `${t.value}`;
+    const _ = document.createTextNode(p);
+    if (p !== "")
+      o.replaceWith(h, u, _), y.setStart(_, 1);
+    else {
+      const v = document.createTextNode("​");
+      o.replaceWith(h, u, v), y.setStart(v, 1);
+    }
+    this.resetDropdown(), this.descriptionRef.focus();
+    const g = window.getSelection();
+    y.collapse(!0), g == null || g.removeAllRanges(), g == null || g.addRange(y), this.updateEventDescription(this.descriptionRef.textContent || "");
+  }
+  populateSuggestionsDropdown(e = "") {
+    this.filteredTokens = this.availableTokens.filter((t) => t.label.startsWith(e.toString()) || t.value.startsWith(e.toString())), this.filteredTokens.length > 0 && (this.ariaActivedescendant = this.filteredTokens[0].label);
+  }
+  get isInternalsAvailable() {
+    return typeof this.internals < "u" && typeof this.internals.setValidity == "function" && typeof this.internals.setFormValue == "function";
+  }
+  updateEventDescription(e) {
+    var a;
+    const t = e.replace(/ +/g, " ");
+    this.isInternalsAvailable && ((a = this.internals) == null || a.setFormValue(t, this.name)), this.valueChanged.emit({ value: t, name: this.name });
+  }
+  resetDropdown() {
+    this.showTokens = !1, this.ariaActivedescendant = "";
+  }
+  getLabelHTML(e) {
+    return s("div", { class: "token-label" }, s("span", { class: "token" }, e.token), s("span", { class: "description" }, e.description));
+  }
+  handleAddAdditionalFields() {
+    if (this.additionalFieldTokens.length === 0)
+      return;
+    const e = this.descriptionRef.innerHTML, t = "--- Additional Fields ---", a = "--- End Additional Fields ---", l = e.indexOf(t), r = e.indexOf(a);
+    let o = t + `
+`;
+    this.additionalFieldTokens.forEach((i) => {
+      o += `${i.description}: ${i.value}
+`;
+    }), o += a;
+    let n;
+    l !== -1 && r !== -1 ? n = e.substring(0, l) + o + e.substring(r + a.length) : n = e + o, this.updateEventDescriptionFromProp(n), this.updateEventDescription(n);
+  }
+  render() {
+    var e;
+    return s(w, { key: "1b66d58870fa13561c3637a8ecba82ee97d20887" }, s("div", { key: "dd40eefb081978dd40764976c88398a267ca890a", class: "nylas-event-description", part: "nedesc" }, s("label", { key: "b5d2500eff59628f77b1b5e2ca17c60f05906989", htmlFor: "description" }, c.t("nylasEventDescription.headerTitle"), s("span", { key: "cf6a4cbb90b6ae8315d52dd461860c14db0cba0c", class: "label-icon" }, s("tooltip-component", { key: "c3f753433c9a56c1d7e61408e126ee1c2586ce30" }, s("info-icon", { key: "1fe8a397ad85863dcfb1343813704a95b8f34157", slot: "tooltip-icon" }), s("span", { key: "fc6a3b1ca674988fae9ae26221833e26751f28db", slot: "tooltip-content" }, c.t("nylasEventDescription.tooltip.desc"))))), s("div", { key: "64dc59e2f3b8d5a90a55539c0f94f557f72291c2", id: "event-description", class: { "event-description": !0 }, part: "nedesc__textarea", contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t), ref: (t) => this.descriptionRef = t }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && s("div", { class: "token-options", part: "nedesc__dropdown-content" }, s("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => s("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (a) => this.selectOption(a, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), s("span", { key: "7bd87929746ab364de2f88f398af8f8302d4fc01", class: "help-text" }, c.t("nylasEventTitle.helpText", { context: "start", field: c.t("nylasEventTitle.description") }), " ", s("code", { key: "27f271b94c3839ef5dfcddb21967c1cf5804b13d" }, "$"), " ", c.t("nylasEventTitle.helpText", { context: "end" }), s("span", { key: "7dfd03addbfbeed55f7904333b7a3e550244a0a2", class: "label-icon" }, s("tooltip-component", { key: "274b1fba18dd5b2b1a5a3db4607e91f3dacd9945" }, s("info-icon", { key: "02bc9f53e88a755f6e8b62112d13b5d181f4816c", slot: "tooltip-icon", width: "13", height: "13" }), s("span", { key: "0ec0e0706791ed734f628dfa62111027702a180c", slot: "tooltip-content" }, c.t("nylasEventTitle.tooltip.desc"), " ", s("code", { key: "606646c8ca4a0a56f29c65e60100ea920ddea9bf" }, "${invitee}"))))), !this.hideAutoPopulateButton && s("span", { class: "add-additional-fields" }, s("button-component", { variant: "basic", onClick: () => this.handleAddAdditionalFields() }, c.t("nylasEventDescription.addAdditionalFields.buttonText")), s("span", { class: "label-icon" }, s("tooltip-component", null, s("info-icon", { slot: "tooltip-icon" }), s("span", { slot: "tooltip-content" }, c.t("nylasEventDescription.addAdditionalFields.tooltip.desc"), " ", s("code", null, "${invitee}")))))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"],
+      selectedLanguage: ["selectedLanguageChangedHandler"]
+    };
+  }
+};
+we([
+  C({
+    name: "nylas-event-description",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
+      ["schedulerConfig.selectedLanguage", "selectedLanguage"]
+    ]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  A("design:type", Function),
+  A("design:paramtypes", []),
+  A("design:returntype", void 0)
+], B.prototype, "render", null);
+B.style = ke;
+const Ce = ':host{display:block;margin:1rem;--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}.nylas-event-info__title{color:var(--nylas-base-900);font-size:16px;font-style:normal;font-weight:600;line-height:20px;margin:0;text-align:left}.nylas-event-info__subtitle{color:var(--nylas-base-600);font-size:14px;font-style:normal;font-weight:400;line-height:20px;margin:0.25rem 0px 0px;text-align:left}.nylas-event-info__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-info__block{display:flex;justify-content:space-between;gap:0.5rem}', _e = Ce;
+var Te = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, D = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const U = class {
+  constructor(e) {
+    b(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedLanguage = void 0;
+  }
+  selectedLanguageChangedHandler(e, t) {
+    e !== t && c.changeLanguage(e);
+  }
+  connectedCallback() {
+    d("nylas-event-info", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-info", "componentWillLoad");
+  }
+  componentDidLoad() {
+    d("nylas-event-info", "componentDidLoad"), q(["inputs"], this.el);
+  }
+  disconnectedCallback() {
+    d("nylas-event-info", "disconnectedCallback");
+  }
+  render() {
+    return s(w, { key: "475a54dbcaf8ecbe0804192273f991ff9466c45c" }, s("nylas-form-card", { key: "fe5d05a93dfc2b75a618ca6320fca31fa4854268", exportparts: "nfc__header: nei__header" }, s("h1", { key: "41e2eeee13b9e39ee3b1cf0c3f265a1f7cab2be7", slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, c.t("nylasEventInfo.headerTitle")), s("div", { key: "ea8d3eed98accb83eaf2d3dc11399984d95d1d79", slot: "content", class: "nylas-event-info__content" }, s("slot", { key: "4add92095594ba316cd5ee3a05e6d95ca7720ba9", name: "inputs" }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get el() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      selectedLanguage: ["selectedLanguageChangedHandler"]
+    };
+  }
+};
+Te([
+  C({
+    name: "nylas-event-info",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedLanguage", "selectedLanguage"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  D("design:type", Function),
+  D("design:paramtypes", []),
+  D("design:returntype", void 0)
+], U.prototype, "render", null);
+U.style = _e;
+const Le = ':host{--nylas-primary:#2563eb;--nylas-error:#cc4841;--nylas-error-pressed:#992222;--nylas-wraning:#f06c00;--nylas-success:#16a392;--nylas-info:#2b8fc2;--nylas-base-0:#ffffff;--nylas-base-25:#fcfcfd;--nylas-base-50:#f8f9fc;--nylas-base-100:#eaecf5;--nylas-base-200:#d5d9eb;--nylas-base-300:#b3b8d8;--nylas-base-400:#717bbc;--nylas-base-500:#4e5ba6;--nylas-base-600:#3e4784;--nylas-base-700:#263f72;--nylas-base-800:#293056;--nylas-base-900:#101323;--nylas-base-950:#0e101b;--nylas-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}.nylas-event-location{display:flex;flex-direction:column;gap:4px;font-family:var(--nylas-font-family)}.nylas-event-location label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-location label span.label-icon{margin-left:4px}.nylas-event-location label span.label-icon tooltip-component{display:flex}.nylas-event-location span[slot=select-icon]{border-right:1px solid var(--nylas-base-200);padding:16px 0.75rem 16px 0.5rem;border-radius:var(--nylas-border-radius-2x);border-bottom-right-radius:0;border-top-right-radius:0;height:20px}.nylas-event-location div.location-input{display:grid;grid-template-columns:auto 1fr;width:100%;gap:0.5rem}@media screen and (max-width: 768px){.nylas-event-location div.location-input{grid-template-columns:1fr}}.nylas-event-location div.location-input input{border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:12px 16px;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}.nylas-event-location select-dropdown{width:208px}@media screen and (max-width: 768px){.nylas-event-location select-dropdown{width:100%}}.nylas-event-location select-dropdown::part(sd_dropdown){width:100%}.nylas-event-location select-dropdown::part(sd_dropdown-content){left:calc(35px + 0.5rem)}.nylas-event-location select-dropdown::part(sd_dropdown-button){display:flex;justify-content:space-between;width:100%;border:1px solid var(--nylas-base-200);padding:0 0.5rem}.nylas-event-location select-dropdown::part(sd_dropdown-button-selected-label){display:inline-flex;align-self:center;padding:14px 0;font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Ee = Le;
+var Oe = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, P = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const W = class {
+  constructor(e) {
+    var t;
+    b(this, e), this.valueChanged = m(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "location", this.currentUser = void 0, this.userProvider = void 0, this.eventConferencing = void 0, this.conferenceProviders = void 0, this.selectedConfiguration = void 0, this.eventLocation = void 0, this.selectedLanguage = void 0, this.location = this.eventLocation ?? "", this.grantId = this.eventConferencing ? this.setDefaultGrantID(this.eventConferencing) : "", this.selectedLocationOption = void 0, this.userProviderState = this.userProvider ?? ((t = this.currentUser) == null ? void 0 : t.provider) ?? "", this.locationOptions = [
+      { value: "none", label: c.t("nylasEventLocation.conferenceOptions.none"), labelHTML: this.getLabelHTML("none") },
+      { value: "custom", label: c.t("nylasEventLocation.conferenceOptions.custom"), labelHTML: this.getLabelHTML("custom") }
+    ];
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-event-location", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  selectedConfigurationChangedHandler(e) {
+    var l, r;
+    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e);
+    const t = ((l = e == null ? void 0 : e.event_booking) == null ? void 0 : l.location) || this.eventLocation, a = ((r = e == null ? void 0 : e.event_booking) == null ? void 0 : r.conferencing) || this.eventConferencing;
+    a != null && a.provider ? (this.selectedLocationOption = this.setDefaultLocationOption(a, t ?? ""), this.grantId = this.setDefaultGrantID(a), this.location = t || "") : t ? (this.selectedLocationOption = t ? "custom" : "none", this.location = t) : (this.selectedLocationOption = "none", this.location = "");
+  }
+  currentUserChangedHandler(e) {
+    d("nylas-custom-booking-flow", "currentUserChangedHandler", e), e != null && e.provider && (this.userProviderState = e == null ? void 0 : e.provider, this.setLocationOptionsForProvider(this.userProviderState));
+  }
+  conferenceProvidersChanged(e) {
+    e != null && e.zoom && !this.locationOptions.some((t) => t.value === "zoom") && this.locationOptions.push({ value: "zoom", label: c.t("nylasEventLocation.conferenceOptions.zoom"), labelHTML: this.getLabelHTML("zoom") });
+  }
+  selectedLanguageChangedHandler(e, t) {
+    if (e === t)
+      return;
+    c.changeLanguage(e), this.locationOptions.map((l) => l.value).forEach((l) => {
+      const r = this.locationOptions.findIndex((o) => o.value === l);
+      this.locationOptions[r].label = c.t(`nylasEventLocation.conferenceOptions.${l}`), this.locationOptions[r].labelHTML = this.getLabelHTML(l);
+    }), this.locationOptions = [...this.locationOptions];
+  }
+  connectedCallback() {
+    d("nylas-event-location", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-event-location", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var t, a, l, r;
+    d("nylas-event-location", "componentDidLoad"), (t = this.selectedConfiguration) != null && t.event_booking ? this.selectedConfigurationChangedHandler(this.selectedConfiguration) : (this.selectedLocationOption = this.setDefaultLocationOption(this.eventConferencing || null, this.eventLocation ?? ""), this.location = this.eventLocation ?? ""), this.userProviderState = this.userProvider ?? ((a = this.currentUser) == null ? void 0 : a.provider) ?? "", this.setLocationOptionsForProvider(this.userProviderState);
+    const e = (l = this.internals) == null ? void 0 : l.form;
+    if (e) {
+      const o = new FormData(e);
+      o.set("conference", this.getConferencePayload()), o.set(this.name, this.location);
+    }
+    (r = this.conferenceProviders) != null && r.zoom && !this.locationOptions.some((o) => o.value === "zoom") && this.locationOptions.push({ value: "zoom", label: c.t("nylasEventLocation.conferenceOptions.zoom"), labelHTML: this.getLabelHTML("zoom") });
+  }
+  disconnectedCallback() {
+    d("nylas-event-location", "disconnectedCallback");
+  }
+  getConferencePayload() {
+    var a;
+    if (this.selectedLocationOption === "custom" || this.selectedLocationOption === "none")
+      return JSON.stringify(null);
+    const e = (a = this.conferenceProviders) == null ? void 0 : a[this.selectedLocationOption], t = {
+      provider: L[this.selectedLocationOption],
+      autocreate: e ? {
+        conf_grant_id: e
+      } : {}
+    };
+    return JSON.stringify(t);
+  }
+  nylasFormDropdownChangedHandler(e) {
+    var a, l, r;
+    this.selectedLocationOption = e.detail.value;
+    let t;
+    switch (this.selectedLocationOption) {
+      case "none": {
+        this.location = "", this.setFormValue("", this.name), this.valueChanged.emit({ value: "", name: this.name }), this.valueChanged.emit({ value: JSON.stringify(null), name: "conference" });
+        break;
+      }
+      case "custom": {
+        this.valueChanged.emit({ value: JSON.stringify(null), name: "conference" });
+        break;
+      }
+      case "google": {
+        this.location = "", this.setFormValue("", this.name);
+        const o = (a = this.conferenceProviders) == null ? void 0 : a.google;
+        t = {
+          provider: L.google,
+          autocreate: o ? {
+            conf_grant_id: o
+          } : {}
+        }, this.valueChanged.emit({ value: JSON.stringify(t), name: "conference" }), this.valueChanged.emit({ value: "", name: this.name });
+        break;
+      }
+      case "microsoft": {
+        this.location = "", this.setFormValue("", this.name);
+        const o = (l = this.conferenceProviders) == null ? void 0 : l.microsoft;
+        t = {
+          provider: L.microsoft,
+          autocreate: o ? {
+            conf_grant_id: o
+          } : {}
+        }, this.valueChanged.emit({ value: JSON.stringify(t), name: "conference" }), this.valueChanged.emit({ value: "", name: this.name });
+        break;
+      }
+      case "zoom": {
+        this.location = "", this.setFormValue("", this.name);
+        const o = (r = this.conferenceProviders) == null ? void 0 : r.zoom;
+        t = {
+          provider: L.zoom,
+          autocreate: o ? {
+            conf_grant_id: o
+          } : {}
+        }, this.valueChanged.emit({ value: JSON.stringify(t), name: "conference" }), this.valueChanged.emit({ value: "", name: this.name });
+        break;
+      }
+    }
+  }
+  setLocationOptionsForProvider(e) {
+    switch (e) {
+      case "google":
+        this.locationOptions.some((t) => t.value === "google") || this.locationOptions.push({ value: "google", label: c.t("nylasEventLocation.conferenceOptions.google"), labelHTML: this.getLabelHTML("google") });
+        break;
+      case "microsoft":
+        this.locationOptions.some((t) => t.value === "microsoft") || this.locationOptions.push({ value: "microsoft", label: c.t("nylasEventLocation.conferenceOptions.google"), labelHTML: this.getLabelHTML("microsoft") });
+        break;
+    }
+  }
+  setDefaultLocationOption(e, t) {
+    return e != null && (e == null ? void 0 : e.provider) != null ? J[e == null ? void 0 : e.provider] : t ? "custom" : "none";
+  }
+  setDefaultGrantID(e) {
+    var t;
+    return e != null && (e == null ? void 0 : e.autocreate) != null ? (t = e == null ? void 0 : e.autocreate) == null ? void 0 : t.conf_grant_id : "";
+  }
+  setFormValue(e, t) {
+    typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
+  }
+  handleChange(e) {
+    const t = H(e.target.value);
+    this.location = t, this.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
+  }
+  getIcon(e) {
+    switch (e) {
+      case "none":
+        return s("location-off-icon", null);
+      case "custom":
+        return s("location-icon", null);
+      case "google":
+        return s("google-meet-icon", null);
+      case "microsoft":
+        return s("microsoft-teams-icon", null);
+      case "zoom":
+        return s("zoom-icon", null);
+    }
+  }
+  getLabelHTML(e) {
+    return s("span", { class: "location-label", style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "16px",
+      width: "-webkit-fill-available"
+    } }, this.getIcon(e), s("span", { class: "location-text", style: {
+      fontSize: "14px",
+      fontWeight: "400"
+    } }, c.t(`nylasEventLocation.conferenceOptions.${e}`)));
+  }
+  render() {
+    const e = typeof this.selectedLocationOption < "u" ? this.locationOptions.find((t) => t.value == this.selectedLocationOption) : null;
+    return s(w, { key: "1d9a46868fa6c2af6b85392ca5760201ebbc4602" }, s("div", { key: "5d976b003745b7b1e3f3f4e89e825c86b02fbd54", class: "nylas-event-location", part: "nel" }, s("label", { key: "0449fe176f1170a67752c3cf975b3bd7cb9a396b", htmlFor: "location" }, c.t("nylasEventLocation.headerTitle"), s("span", { key: "3bb40caf92a6bac0ff062424e6390fdedff08982", class: "label-icon" }, s("tooltip-component", { key: "528eb815be88a37f367777fc95c95146b2e58689" }, s("info-icon", { key: "2581db4df71c22386dbf5ad59907a1608d85bae3", slot: "tooltip-icon" }), s("span", { key: "067b161a26d284b590e042b25bf6ec598883293b", slot: "tooltip-content" }, c.t("nylasEventLocation.tooltip.desc"))))), s("div", { key: "8759dd8077c2a3122c5d0b34d3299b196da9021e", class: "location-input" }, s("select-dropdown", { key: "334f059eed1d62ad4a821f068bc6504f1e5985df", withSearch: !1, name: "location", options: this.locationOptions, defaultSelectedOption: e, exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, s("span", { key: "23a1ed65088d20e5c9bc580aef57850c20aea4bf", slot: "select-icon" }, this.getIcon(this.selectedLocationOption))), this.selectedLocationOption === "custom" && s("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (t) => this.handleChange(t) }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      selectedConfiguration: ["selectedConfigurationChangedHandler"],
+      currentUser: ["currentUserChangedHandler"],
+      conferenceProviders: ["conferenceProvidersChanged"],
+      selectedLanguage: ["selectedLanguageChangedHandler"]
+    };
+  }
+};
+Oe([
+  C({
+    name: "nylas-event-location",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
+      ["schedulerConfig.conferenceProviders", "conferenceProviders"],
+      ["schedulerConfig.currentUser", "currentUser"],
+      ["schedulerConfig.selectedLanguage", "selectedLanguage"]
+    ]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  P("design:type", Function),
+  P("design:paramtypes", []),
+  P("design:returntype", void 0)
+], W.prototype, "render", null);
+W.style = Ee;
+const Ie = ':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}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);border-width:2px;outline:none}.nylas-event-title input{padding:12px 16px;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-200)}.nylas-event-title span.help-text{display:inline-block;gap:4px;align-items:center;color:var(--nylas-base-500);font-size:14px;font-style:normal;font-weight:400;line-height:21px;position:relative}.nylas-event-title span.help-text span.label-icon{display:inline-block}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__container){position:unset}.nylas-event-title span.help-text span.label-icon tooltip-component::part(tc__content){position:absolute;top:4px;left:50%;transform:translateX(-50%)}.nylas-event-title span.error-message{color:var(--nylas-error)}.nylas-event-title label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-event-title label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-title label span.label-icon{margin-left:4px}.nylas-event-title label span.label-icon tooltip-component{display:flex}.highlighted-tag{background-color:var(--nylas-base-200);border-radius:var(--nylas-border-radius);padding:5px;margin-left:4px}.token-options{display:block;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;z-index:1;border-radius:4px;position:absolute;top:80px;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}@media screen and (max-width: 768px){.token-options{right:0;width:325px;max-width:unset}}.token-options ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px;margin:0}.token-options ul li{padding:16px, 12px, 16px, 12px;color:var(--nylas-base-900);padding:12px 16px;text-decoration:none;display:block;font-family:inherit;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px;text-align:left;cursor:pointer}.token-options ul li .token-label{display:flex;flex-direction:column;font-weight:400}.token-options ul li .token-label .token{color:var(--nylas-abse-900);font-size:16px;line-height:24px}.token-options ul li .token-label .description{color:var(--nylas-base-600);font-size:14px;line-height:21px}.token-options ul li:hover,.token-options ul li:focus,.token-options ul li:active,.token-options ul li.active{background-color:var(--nylas-base-100)}.token-options ul li:hover .token-label .token,.token-options ul li:focus .token-label .token,.token-options ul li:active .token-label .token,.token-options ul li.active .token-label .token{color:var(--nylas-primary)}.token-options .selected{background-color:var(--nylas-base-100)}', Ae = Ie;
+var De = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, $ = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const j = class {
+  constructor(e) {
+    var t, a;
+    b(this, e), this.valueChanged = m(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.selectedConfiguration = void 0, this.eventTitle = (a = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : a.title, this.name = "title", this.selectedLanguage = void 0, this.showTokens = !1, this.availableTokens = k.map((l) => ({
+      label: l.token,
+      value: l.value,
+      labelHTML: l
+    })), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "", this.configEventTitle = "", this.additionalFieldTokens = [];
+  }
+  elementNameChangedHandler(e) {
+    d("[nylas-event-title]", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  ariaActivedescendantChangedHandler(e) {
+    var t, a;
+    if (d("[nylas-event-title]", "ariaActivedescendantChangedHandler", e), e !== "") {
+      const l = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
+      l == null || l.classList.add("active");
+    } else {
+      const l = (a = this.host.shadowRoot) == null ? void 0 : a.querySelectorAll(".token-options li.active");
+      l == null || l.forEach((r) => r.classList.remove("active"));
+    }
+  }
+  configChangedHandler(e) {
+    var o, n;
+    const t = (o = e == null ? void 0 : e.event_booking) == null ? void 0 : o.title, a = ((n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.additional_fields) || {}, r = (Object.keys(a) || []).map((i) => ({
+      token: `$${i}`,
+      value: `\${${i}}`,
+      description: a[i].label || ""
+    }));
+    this.additionalFieldTokens = [...r], this.availableTokens = [...k, ...r].map((i) => ({
+      label: i.token,
+      value: i.value,
+      labelHTML: i
+    })), this.filteredTokens = [...this.availableTokens], t && (this.configEventTitle = t, this.updateEventTitleFromProp(t));
+  }
+  selectedLanguageChangedHandler(e, t) {
+    if (e === t)
+      return;
+    c.changeLanguage(e);
+    const a = {
+      $invitee: "invitee",
+      $invitee_email: "inviteeEmail",
+      $duration: "duration"
+    };
+    this.availableTokens = this.availableTokens.map((l) => (a[l.label] && (l.labelHTML.description = c.t(`nylasEventTitle.eventTitleTokenDescription.${a[l.label]}`)), l)), this.filteredTokens = [...this.availableTokens];
+  }
+  connectedCallback() {
+    d("[nylas-event-title]", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("[nylas-event-title]", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    var t, a, l, r;
+    d("[nylas-event-title]", "componentDidLoad");
+    let e = this.eventTitle || this.configEventTitle;
+    (a = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) != null && a.title && (e = (r = (l = this.selectedConfiguration) == null ? void 0 : l.event_booking) == null ? void 0 : r.title), e && (this.updateEventTitleFromProp(e), this.updateEventTitle(e, !0));
+  }
+  disconnectedCallback() {
+    d("[nylas-event-title]", "disconnectedCallback");
+  }
+  formSubmittedHandler(e) {
+    var t, a;
+    d("[nylas-event-title]", "formSubmittedHandler", e), (a = (t = this.internals) == null ? void 0 : t.validity) != null && a.valid ? this.validationError = "" : this.validationError = "eventTitleRequired";
+  }
+  valueChangedHandler(e) {
+    const { name: t, value: a } = e.detail, l = a || {};
+    if (t === "additional-fields") {
+      const o = (Object.keys(l) || []).map((n) => ({
+        token: `$${n}`,
+        value: `\${${n}}`,
+        description: l[n].label || ""
+      }));
+      this.additionalFieldTokens = [...o], this.availableTokens = [...k, ...o].map((n) => ({
+        label: n.token,
+        value: n.value,
+        labelHTML: n
+      })), this.filteredTokens = [...this.availableTokens];
+    }
+  }
+  updateEventTitleFromProp(e) {
+    var a, l, r;
+    d("[nylas-event-title]", "eventTitleChangedHandler", e);
+    const t = e || this.configEventTitle;
+    this.titleRef && (this.titleRef.innerHTML = this.highlightTokens(t), typeof this.internals.setValidity == "function" && (!t || t === "" ? (this.titleRef.focus(), (a = this.internals) == null || a.setValidity({ customError: !0 }, "Event title is required", this.titleRef)) : ((l = this.internals) == null || l.setValidity({ customError: !1 }), this.isInternalsAvailable && ((r = this.internals) == null || r.setFormValue(t, this.name)))));
+  }
+  highlightTokens(e) {
+    let t = e;
+    return [...k, ...this.additionalFieldTokens].forEach((a) => {
+      const l = a.value, r = new RegExp(`(\\${l})(?!\\w)`, "g");
+      t = (t == null ? void 0 : t.replace(r, '<span class="highlighted-tag">$1</span>')) || "";
+    }), t;
+  }
+  getCurrentSelectionForBrowser() {
+    var l, r, o;
+    const e = (n, i, f, p) => {
+      const h = n.replace(/[\u200B-\u200D\uFEFF]/g, ""), y = h.lastIndexOf("$"), u = h.substring(y).split(" ")[0];
+      return {
+        focusOffset: i,
+        dollarIndex: y,
+        lastWord: u,
+        currentText: h,
+        node: f,
+        allSelected: p
+      };
+    }, t = (n) => {
+      var i, f;
+      return n.anchorOffset === 0 && n.focusOffset === ((f = (i = n.focusNode) == null ? void 0 : i.nodeValue) == null ? void 0 : f.length);
+    };
+    switch (M()) {
+      case "Chrome": {
+        const n = (l = this.host.shadowRoot) == null ? void 0 : l.getSelection(), i = n == null ? void 0 : n.focusNode, f = (i == null ? void 0 : i.nodeValue) || "", p = n && t(n);
+        return e(f, (n == null ? void 0 : n.focusOffset) || -1, i, p);
+      }
+      case "Firefox": {
+        const n = document.getSelection(), i = ((r = n == null ? void 0 : n.anchorNode) == null ? void 0 : r.nodeValue) || "", f = n && t(n);
+        return e(i, (n == null ? void 0 : n.focusOffset) || -1, n == null ? void 0 : n.anchorNode, f);
+      }
+      case "Safari": {
+        const n = window.getSelection(), i = n == null ? void 0 : n.getComposedRanges(this.host.shadowRoot)[0], f = ((o = i == null ? void 0 : i.startContainer) == null ? void 0 : o.nodeValue) || "", p = n && t(n);
+        return e(f, (i == null ? void 0 : i.endOffset) || -1, i == null ? void 0 : i.startContainer, p);
+      }
+      default:
+        return console.warn("Browser not supported"), null;
+    }
+  }
+  handleChange(e) {
+    let t = e.target.textContent || "";
+    t = H(t);
+    const a = this.getCurrentSelectionForBrowser();
+    if (!a) {
+      this.updateEventTitle(t), this.resetDropdown();
+      return;
+    }
+    const { focusOffset: l, dollarIndex: r, lastWord: o, currentText: n } = a;
+    if (r === -1 || l < r) {
+      this.updateEventTitle(t), this.resetDropdown();
+      return;
+    }
+    o.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
+      $value: o,
+      fullText: n,
+      index: r,
+      focusOffset: l
+    }, this.populateSuggestionsDropdown(o)) : this.resetDropdown(), this.updateEventTitle(t);
+  }
+  handleInputKeyDown(e) {
+    var a, l, r, o, n;
+    const t = this.getCurrentSelectionForBrowser();
+    if (t != null && t.allSelected && !S(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
+      e.preventDefault();
+      const i = (a = this.host.shadowRoot) == null ? void 0 : a.getElementById(this.ariaActivedescendant);
+      i && (i.click(), this.ariaActivedescendant = "");
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const i = (l = this.host.shadowRoot) == null ? void 0 : l.getElementById(this.ariaActivedescendant);
+      if (i) {
+        const f = i.nextElementSibling;
+        f ? this.ariaActivedescendant = f.id : this.ariaActivedescendant = this.filteredTokens[0].label;
+      } else
+        this.ariaActivedescendant = this.filteredTokens[0].label;
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const i = (r = this.host.shadowRoot) == null ? void 0 : r.getElementById(this.ariaActivedescendant);
+      if (i) {
+        const f = i.previousElementSibling;
+        f ? this.ariaActivedescendant = f.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
+      } else
+        this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
+    } else if (e.key === "Escape")
+      e.preventDefault(), this.resetDropdown();
+    else if (e.key === "Backspace" || e.key === "Delete") {
+      const i = (o = t == null ? void 0 : t.node) == null ? void 0 : o.parentNode;
+      t != null && t.currentText.startsWith("${") && i && i.nodeName === "SPAN" && (e.preventDefault(), i.removeChild(t.node), i.remove(), this.resetDropdown(), this.updateEventTitle(((n = this.titleRef) == null ? void 0 : n.textContent) || "")), (this.titleRef.textContent === "" || t != null && t.allSelected) && (this.titleRef.innerHTML = "", this.updateEventTitle(""));
+    }
+  }
+  selectOption(e, t) {
+    var T;
+    e.preventDefault();
+    const a = this.currentWord.fullText, l = this.currentWord.$value;
+    let r = this.titleRef.firstChild, o = null;
+    for (; r; ) {
+      if (r.nodeType === 3) {
+        const v = ((T = r.textContent) == null ? void 0 : T.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", E = a.replace(/[\u200B-\u200D\uFEFF]/g, "");
+        if (v.includes(E)) {
+          o = r;
+          break;
+        }
+      }
+      r = r.nextSibling;
+    }
+    if (!o)
+      return;
+    const n = o.textContent || "", i = n.indexOf(l), f = n.substring(0, i), p = n.substring(i + l.length), h = document.createTextNode(f), y = document.createRange(), u = document.createElement("span");
+    u.classList.add("highlighted-tag"), u.textContent = `${t.value}`;
+    const _ = document.createTextNode(p);
+    if (p !== "")
+      o.replaceWith(h, u, _), y.setStart(_, 1);
+    else {
+      const v = document.createTextNode("​");
+      o.replaceWith(h, u, v), y.setStart(v, 1);
+    }
+    this.resetDropdown(), this.titleRef.focus();
+    const g = window.getSelection();
+    y.collapse(!0), g == null || g.removeAllRanges(), g == null || g.addRange(y), this.updateEventTitle(this.titleRef.textContent || "");
+  }
+  populateSuggestionsDropdown(e = "") {
+    this.filteredTokens = this.availableTokens.filter((t) => t.label.startsWith(e.toString()) || t.value.startsWith(e.toString())), this.filteredTokens.length > 0 && (this.ariaActivedescendant = this.filteredTokens[0].label);
+  }
+  get isInternalsAvailable() {
+    return typeof this.internals < "u" && typeof this.internals.setValidity == "function" && typeof this.internals.setFormValue == "function";
+  }
+  updateEventTitle(e, t = !1) {
+    var l, r, o;
+    const a = e.replace(/ +/g, " ");
+    a === "" || /^[\s]*$/.test(a) ? (this.validationError = "eventTitleRequired", this.isInternalsAvailable && ((l = this.internals) == null || l.setValidity({ customError: !0 }, "Event title is required", this.titleRef))) : (this.validationError = "", this.isInternalsAvailable && ((r = this.internals) == null || r.setValidity({ customError: !1 }))), this.isInternalsAvailable && ((o = this.internals) == null || o.setFormValue(a, this.name)), t || this.valueChanged.emit({ value: a, name: this.name });
+  }
+  resetDropdown() {
+    this.showTokens = !1, this.ariaActivedescendant = "";
+  }
+  getLabelHTML(e) {
+    return s("div", { class: "token-label" }, s("span", { class: "token" }, e.token), s("span", { class: "description" }, e.description));
+  }
+  render() {
+    var e;
+    return s(w, { key: "77727ef052ef96fd01f44629fef5529637ab9512" }, s("div", { key: "c155a7c80a37361d3764c87307603c9224a1acf3", class: "nylas-event-title", part: "net" }, s("label", { key: "167ce5894b815c0ba0af599c4d25567a65e7fe6a", htmlFor: "title" }, c.t("nylasEventTitle.headerTitle"), s("span", { key: "f6ef51b14e683622ad43979bcea199c58d78fd29", class: "required" }, "*")), s("div", { key: "2f4039d517d45b52422197766ba9db0b09a5f903", class: {
+      title: !0,
+      error: this.validationError !== ""
+    }, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && s("div", { class: "token-options", part: "net__dropdown-content" }, s("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => s("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (a) => this.selectOption(a, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), s("span", { key: "336b58f03f6f13957ab0b62f2f98e95e2980bc13", class: "help-text" }, c.t("nylasEventTitle.helpText", { context: "start", field: c.t("nylasEventTitle.title") }), " ", s("code", { key: "7069beaf38ab7a2a67f6de371b2544d45b26146b" }, "$"), " ", c.t("nylasEventTitle.helpText", { context: "end" }), s("span", { key: "6b588508b38540c7d072f9e3c01c8e555669af2c", class: "label-icon" }, s("tooltip-component", { key: "bbd2bcff01569fb91c87d78d36eb3c5b0163d73a" }, s("info-icon", { key: "0cbf47b89468838847282e729db536f8df63098c", slot: "tooltip-icon" }), s("span", { key: "cb5a50ecd92b837fead8d1e08ceff2387173ea60", slot: "tooltip-content" }, c.t("nylasEventTitle.tooltip.desc"), " ", s("code", { key: "22c5e150dfe201cc0d7bd3dd995db94ebd759f31" }, "${invitee}"))))), this.validationError != "" && s("span", { class: "error-message" }, c.t(`nylasEventTitle.${this.validationError}`))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      ariaActivedescendant: ["ariaActivedescendantChangedHandler"],
+      selectedConfiguration: ["configChangedHandler"],
+      selectedLanguage: ["selectedLanguageChangedHandler"]
+    };
+  }
+};
+De([
+  C({
+    name: "nylas-event-title",
+    stateToProps: /* @__PURE__ */ new Map([
+      ["schedulerConfig.selectedConfiguration", "selectedConfiguration"],
+      ["schedulerConfig.selectedLanguage", "selectedLanguage"]
+    ]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  $("design:type", Function),
+  $("design:paramtypes", []),
+  $("design:returntype", void 0)
+], j.prototype, "render", null);
+j.style = Ae;
+const Pe = ':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}.card-wrapper{background:var(--nylas-base-0);display:flex;flex-direction:column;font-family:var(--nylas-font-family);background-color:var(--nylas-base-0);color:var(--nylas-base-900);border-radius:var(--nylas-border-radius-3x);position:relative;padding:32px;width:562px;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.1), 0px 3px 6px rgba(0, 0, 0, 0.06)}@media screen and (max-width: 768px){.card-wrapper{width:100%;border-radius:0px}}.header{overflow-wrap:anywhere;display:flex;flex-direction:column;font-size:16px;font-weight:400}.header h2{color:var(--nylas-base-900);font-size:24px;font-weight:600;text-align:left;margin:0}.description.title-desc{margin-bottom:2rem}.description.footer-desc{margin-top:2rem}.description.footer-desc a{color:var(--nylas-primary);text-decoration:none}.description p{margin:0;font-size:18px;color:var(--nylas-base-600)}.footer{margin-top:1rem;padding-top:1rem;display:flex;justify-content:flex-end;gap:0.5rem;box-sizing:border-box;background-color:var(--nylas-base-25);width:100%;border-radius:0 0 var(--nylas-border-radius-2x) var(--nylas-border-radius-2x)}.close-button{width:100%;display:flex;justify-content:flex-end}.close-button button-component button{padding:0;height:auto}.close-button button-component button:hover{background-color:transparent !important}button-component{--dot-color:var(--nylas-base-700)}', $e = Pe;
+var Fe = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, F = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const Z = class {
+  constructor(e) {
+    b(this, e), this.feedbackModalClosed = m(this, "feedbackModalClosed", 7), this.feedbackSubmitted = m(this, "feedbackSubmitted", 7), this.triggerValidation = m(this, "triggerValidation", 7), this.handleConfirmBookingButtonClicked = () => {
+      this.triggerValidation.emit().defaultPrevented || this.feedbackSubmitted.emit({ feedback: this.feedbackMessage });
+    }, this.themeConfig = void 0, this.feedbackMessage = "";
+  }
+  connectedCallback() {
+  }
+  disconnectedCallback() {
+  }
+  async componentWillLoad() {
+    d("[nylas-feedback-form] Component will load");
+  }
+  async componentDidLoad() {
+    d("[nylas-feedback-form] Component did load"), this.applyThemeConfig(this.themeConfig);
+  }
+  applyThemeConfig(e) {
+    if (e)
+      for (const [t, a] of Object.entries(e))
+        this.host.style.setProperty(`${t}`, a);
+  }
+  handleFormInputChanged(e) {
+    d("[nylas-feedback-form] Form input changed"), e.detail.value && (this.triggerValidation.emit(), e.detail.name === "feedback" && (this.feedbackMessage = e.detail.value));
+  }
+  closeModal(e) {
+    e.preventDefault(), e.stopImmediatePropagation(), this.feedbackModalClosed.emit();
+  }
+  render() {
+    return s(w, { key: "ccc60c0b34b1c9516f6f12d984026f9ccb832cb6", part: "nfbf" }, s("div", { key: "084c2e2813f769006bf2375bbbe7fbf8759c52d0", class: "card-wrapper", part: "nfbfc__card" }, s("div", { key: "c0267b2273f7939b46b77b29c61f1e07167894ad", class: "close-button" }, s("button-component", { key: "b512bfb8c3fe6bf66dbe4bbe73dd7eadca1f1584", tooltip: "Close", id: "close", variant: "invisible", onClick: (e) => this.closeModal(e), part: "nfbf__close-button" }, s("close-icon", { key: "d5249055a1f9fbc4669b7f97dccf3a4b0ba79f19" }))), s("div", { key: "44d48e9f33f8335837ea3ec029d7af111f819c49", class: "header" }, s("h2", { key: "deceb8ba28d0aaad4474e199c9a033dc899dd1b0", slot: "card-title", part: "nfbf__title" }, c.t("feedbackFormTitle"))), s("div", { key: "b62b992cb2d87d6c165fac6b0b6ed9eb980f8b3b", class: "description title-desc" }, s("p", { key: "163c7941aab851ae6e5947066bf830e29673d578" }, c.t("feedbackFormDescription"))), s("textarea-component", { key: "6ce1ed4b951cac69884cee8c3543cf448dd9f692", label: c.t("feedbackMessageLabel"), required: !0, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: c.t("feedbackMessagePlaceholder") }), s("div", { key: "931a632127e9f50995ffec53eee26cffdfa0fe41", class: "description footer-desc" }, s("p", { key: "8ea59fac6743a0f151d550e1dec48559bff26ec1" }, "By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’", " ", s("a", { key: "3324f7bfd5018229eec043d02003c619b7364cf7", href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), s("div", { key: "75476fceee9f6d0b2448346c9648134247326a51", class: {
+      footer: !0
+    } }, s("button-component", { key: "43c66ecfcd88222a25c973c94e807fe8ae0896eb", variant: "invisible", onClick: (e) => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${c.t("feedbackModalCloseButton")}`), s("button-component", { key: "6162b5d049973d8f2bd8b9b6e7a38e27da47f5c2", variant: "primary", onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${c.t("feedbackModalSubmitButton")}`))));
+  }
+  get host() {
+    return x(this);
+  }
+};
+Fe([
+  C({
+    name: "nylas-feedback-form",
+    stateToProps: /* @__PURE__ */ new Map([]),
+    eventToProps: {
+      feedbackSubmitted: async (e, t) => {
+      }
+    },
+    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
+    fireRegisterEvent: !0
+  }),
+  F("design:type", Function),
+  F("design:paramtypes", []),
+  F("design:returntype", void 0)
+], Z.prototype, "render", null);
+Z.style = $e;
+const Re = ':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}.nylas-reminder-time{display:flex;flex-direction:column;gap:4px}.nylas-reminder-time label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-reminder-time label span.required{color:var(--nylas-error, #cc4841)}.nylas-reminder-time label span.label-icon{margin-left:4px}.nylas-reminder-time label span.label-icon tooltip-component{display:flex}.nylas-reminder-time__wrapper{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem}.nylas-reminder-time__wrapper input{padding:12px 16px;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:48px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-reminder-time__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:160px}.nylas-reminder-time__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-reminder-time__wrapper select-dropdown{width:100%}}.nylas-reminder-time__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}', He = Re;
+var Se = function(e, t, a, l) {
+  var r = arguments.length, o = r < 3 ? t : l === null ? l = Object.getOwnPropertyDescriptor(t, a) : l, n;
+  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+    o = Reflect.decorate(e, t, a, l);
+  else
+    for (var i = e.length - 1; i >= 0; i--)
+      (n = e[i]) && (o = (r < 3 ? n(o) : r > 3 ? n(t, a, o) : n(t, a)) || o);
+  return r > 3 && o && Object.defineProperty(t, a, o), o;
+}, R = function(e, t) {
+  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
+    return Reflect.metadata(e, t);
+};
+const K = class {
+  constructor(e) {
+    b(this, e), this.valueChanged = m(this, "valueChanged", 7), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals), this.name = "reminder-time", this.eventReminderTimeMinutes = void 0, this.selectedLanguage = void 0, this.selectedNumber = void 0, this.selectedPeriod = void 0, this.errorState = !1;
+  }
+  elementNameChangedHandler(e) {
+    d("nylas-reminder-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
+  }
+  eventReminderTimeMinutesChangedHandler(e, t) {
+    d("nylas-reminder-time", "eventReminderTimeMinutesChangedHandler", e), this.updateNumberAndPeriodFromMinutes(e), this.isInternalsAvailable && this.internals.setFormValue(e == null ? void 0 : e.toString(), this.name);
+  }
+  selectedLanguageChangedHandler(e, t) {
+    e !== t && c.changeLanguage(e);
+  }
+  connectedCallback() {
+    d("nylas-reminder-time", "connectedCallback");
+  }
+  componentWillLoad() {
+    d("nylas-reminder-time", "componentWillLoad"), this.host.setAttribute("name", this.name);
+  }
+  componentDidLoad() {
+    d("nylas-reminder-time", "componentDidLoad"), this.updateNumberAndPeriodFromMinutes(this.eventReminderTimeMinutes || 30);
+  }
+  disconnectedCallback() {
+    d("nylas-reminder-time", "disconnectedCallback");
+  }
+  nylasSuggestReminderMinutesHandler(e) {
+    const { minutes: t } = e.detail;
+    this.errorState = !1, this.valueChanged.emit({ value: t.toString(), name: this.name }), this.isInternalsAvailable && this.internals.setFormValue(t.toString(), this.name), this.updateNumberAndPeriodFromMinutes(t + 7), setTimeout(() => {
+      this.updateNumberAndPeriodFromMinutes(t);
+    }, 10);
+  }
+  timePeriodChangedHandler(e) {
+    const { number: t, period: a } = e.detail;
+    let l;
+    const r = 60, o = r * 24, n = o * 7, i = o * 30;
+    a === "minute" ? l = t : a === "hour" ? l = t * r : a === "day" ? l = t * o : a === "week" ? l = t * n : a === "month" ? l = t * i : l = 0, this.errorState = l % 5 !== 0, this.valueChanged.emit({ value: l, name: this.name }), this.isInternalsAvailable && this.internals.setFormValue(l.toString(), this.name);
+  }
+  updateNumberAndPeriodFromMinutes(e) {
+    let o, n;
+    e === 0 ? (o = 0, n = "minute") : e >= 43200 && e % 43200 === 0 ? (o = Math.floor(e / 43200), n = "month") : e >= 10080 && e % 10080 === 0 ? (o = Math.floor(e / 10080), n = "week") : e >= 1440 && e % 1440 === 0 ? (o = Math.floor(e / 1440), n = "day") : e >= 60 && e % 60 === 0 ? (o = Math.floor(e / 60), n = "hour") : (o = e, n = "minute"), this.selectedNumber = o, this.selectedPeriod = n;
+  }
+  get isInternalsAvailable() {
+    return this.internals !== void 0 && typeof this.internals.setFormValue == "function" && typeof this.internals.setValidity == "function";
+  }
+  render() {
+    const e = typeof this.selectedNumber == "number" && typeof this.selectedPeriod == "string";
+    return s(w, { key: "3a59e54603cffb1facab36a2db0d329ddd5b2522" }, s("div", { key: "ef8ad3bf56fd2dd08fa9b4dc118a3b15ac4aa2bf", class: "nylas-reminder-time", part: "nrt" }, s("div", { key: "5e43dab8a9b4a601e146163640b99f800e45cec1", class: "nylas-reminder-time__wrapper" }, e && s("time-period-selector", { id: "limit-future-bookings", part: "nrt__time-period-selector", hasError: this.errorState, timePeriods: [
+      { value: "minute", label: c.t("timeDuration", { context: "minute" }) },
+      { value: "hour", label: c.t("timeDuration", { context: "hour" }) },
+      { value: "day", label: c.t("timePeriod", { context: "day" }) }
+    ], exportparts: "tps__number-dropdown: nrt__number-dropdown, tps__number-dropdown-button: nrt__number-dropdown-button, tps__number-dropdown-content: nrt__number-dropdown-content, tps__period-dropdown: nrt__period-dropdown, tps__period-dropdown-button: nrt__period-dropdown-button, tps__period-dropdown-content: nrt__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod }))));
+  }
+  static get formAssociated() {
+    return !0;
+  }
+  get host() {
+    return x(this);
+  }
+  static get watchers() {
+    return {
+      name: ["elementNameChangedHandler"],
+      eventReminderTimeMinutes: ["eventReminderTimeMinutesChangedHandler"],
+      selectedLanguage: ["selectedLanguageChangedHandler"]
+    };
+  }
+};
+Se([
+  C({
+    name: "nylas-reminder-time",
+    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedLanguage", "selectedLanguage"]]),
+    eventToProps: {},
+    fireRegisterEvent: !0
+  }),
+  R("design:type", Function),
+  R("design:paramtypes", []),
+  R("design:returntype", void 0)
+], K.prototype, "render", null);
+K.style = He;
+const Me = ".sc-trash-icon-h{display:flex}", ze = Me, Ne = class {
+  constructor(e) {
+    b(this, e), this.width = "20", this.height = "21";
+  }
+  render() {
+    return s("svg", { key: "cfa0d7c9557f9037658e8e90119b2541a6bbe004", width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "5b0b891bef23a81ee453b1044b269ddc4c45b9d3", d: "M10 0.25C11.733 0.25 13.1492 1.60645 13.2449 3.31558L13.25 3.5H18.5C18.9142 3.5 19.25 3.83579 19.25 4.25C19.25 4.6297 18.9678 4.94349 18.6018 4.99315L18.5 5H17.704L16.4239 18.0192C16.2912 19.3683 15.1984 20.41 13.8626 20.4945L13.6871 20.5H6.31293C4.95734 20.5 3.81365 19.5145 3.59883 18.1934L3.57614 18.0192L2.295 5H1.5C1.1203 5 0.806509 4.71785 0.756847 4.35177L0.75 4.25C0.75 3.8703 1.03215 3.55651 1.39823 3.50685L1.5 3.5H6.75C6.75 1.70507 8.20507 0.25 10 0.25ZM16.197 5H3.802L5.06893 17.8724C5.12768 18.4696 5.60033 18.9343 6.18585 18.9936L6.31293 19H13.6871C14.2872 19 14.7959 18.5751 14.9123 17.9982L14.9311 17.8724L16.197 5ZM11.75 7.75C12.1297 7.75 12.4435 8.03215 12.4932 8.39823L12.5 8.5V15.5C12.5 15.9142 12.1642 16.25 11.75 16.25C11.3703 16.25 11.0565 15.9678 11.0068 15.6018L11 15.5V8.5C11 8.08579 11.3358 7.75 11.75 7.75ZM8.25 7.75C8.6297 7.75 8.94349 8.03215 8.99315 8.39823L9 8.5V15.5C9 15.9142 8.66421 16.25 8.25 16.25C7.8703 16.25 7.55651 15.9678 7.50685 15.6018L7.5 15.5V8.5C7.5 8.08579 7.83579 7.75 8.25 7.75ZM10 1.75C9.08183 1.75 8.32881 2.45711 8.2558 3.35647L8.25 3.5H11.75C11.75 2.5335 10.9665 1.75 10 1.75Z", fill: "currentColor" }));
+  }
+};
+Ne.style = ze;
+export {
+  Q as checkmark_icon,
+  te as copy_icon,
+  oe as dragable_icon,
+  ie as eye_icon,
+  de as feedback_icon,
+  ye as input_color_picker,
+  z as input_image_url,
+  N as nylas_additional_participants,
+  B as nylas_event_description,
+  U as nylas_event_info,
+  W as nylas_event_location,
+  j as nylas_event_title,
+  Z as nylas_feedback_form,
+  K as nylas_reminder_time,
+  Ne as trash_icon
+};