@nylas/react 2.0.3 → 2.0.6

package/dist/checkmark-icon_15.entry-01536ed2.js

@@ -1,1339 +0,0 @@
-import { r as b, h as s, a as m, g as x, b as d, S as q, H as w, i as c, y as S, T as H, P as V, U as M } from "./index-ad781fbc.js";
-import { R as C } from "./register-component-9d4ceee5-46f58baf.js";
-import { E as k, P as E, f as J } from "./constants-f51538ef-e0a5f026.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: "a739b30f83d6510e6644045ba736860eb524c838", width: this.width, height: this.height, viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "9621004de9b8789eab6f4d0616ae0ff25124fd44", 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: "af5249494e43163c59f43f0e21ff4a9063566023", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "d1b78a39d0dd7ce2a3823d54e2e0dbd5f260c188", 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: "e4d3ba685832139b22eb5b024479e22f2ddfc811", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "68f15598ca1251c3926a3b88adb0947f1a5b6b4a", 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: "2b2a63f9602d85c9661986eb2dd8e220a02e5570", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "8609bab91f97b282d80282736ce38f895e7b6fc1", 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: "0cef0443a3b22ffa2bd9be587f55175bef8557cf", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "20631452d3f3bc031b79d3337eda08143db490e4", 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 pe = ':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}}', fe = pe, 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: "354f7c502fadd2c6a30619365b9939523d9cd770", class: "color-picker-container", part: "icp_color-picker", tabindex: "0", onKeyDown: (e) => this.handleKeyDown(e) }, s("input", { key: "cc5803d2e90064b15137717043581f24cf80fda3", 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: "75e26e605a36d5a3505f41dbdad576484b14ac43", 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: "9a321653073ef9aa8a9372e291bd04244b6dfe46", class: "selected-option", part: "icp_color-picker-button-selected-label" }, this.selectedColor || "Select a color"), s("span", { key: "62ed4fb1337b47735c823b8e164bb8bb57325ffd", class: {
-      open: this.isOpen,
-      closed: !this.isOpen,
-      chevron: !0
-    }, "aria-hidden": "true" }, s("chevron-icon", { key: "5c304ff53cfc6d3632f4fbbd8415c318301b4e38", width: "16", height: "16" })), this.errorMessage && s("span", { class: "error help-text" }, this.errorMessage)));
-  }
-  get el() {
-    return x(this);
-  }
-};
-ye.style = fe;
-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, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, O = 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.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 = "", q(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: "8714725206ddd2b1e5cda73632dd61f08b0b9683" }, s("div", { key: "c85385627929d92520132f4ff8a53060df5d1434", class: "logo-container" }, s("div", { key: "83391a115c511188b7f1a1128e7c3860a46406ad", class: "input-container" }, s("input-component", { key: "204b9d5bb3aff58f9053cc1bfa0d52de449aaa2e", 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)
-], N.prototype, "render", null);
-N.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, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, I = 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.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 = "", this.requiredError = "", this.patternError = "";
-  }
-  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.requiredError = c.t("fieldRequired", { field: c.t("email") }), this.patternError = c.t("invalidInputFormat", { field: c.t("email") }), 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 o, r, l, n;
-    this.isRoundRobinConfig = (r = (o = e == null ? void 0 : e.availability) == null ? void 0 : o.availability_rules) != null && r.availability_method ? ((n = (l = e == null ? void 0 : e.availability) == null ? void 0 : l.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 l, n, i, p;
-    d("nylas-additional-participants", "onInputOptionChanged");
-    const t = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/, a = e.detail.name, o = (l = this.participantOptions) == null ? void 0 : l.find((f) => f.email === e.detail.value);
-    if (!o && 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 (!o && !t.test(e.detail.value)) {
-      this.isInternalsAvailable && this.internals.setValidity({ customError: !0 }, c.t("nylasAdditionalParticipants.error_email")), this.participantErrors[a] = c.t("nylasAdditionalParticipants.error_email"), 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;
-    const r = (n = o == null ? void 0 : o.calendars) == null ? void 0 : n.find((f) => f.is_primary);
-    this.participants[a].availability = o && (r != null && r.id) ? { calendar_ids: [r.id] } : (i = o == null ? void 0 : o.calendars[0]) != null && i.id ? { calendar_ids: [o.calendars[0].id] } : void 0, this.participants[a].booking = o && this.isRoundRobinConfig && (r != null && r.id) ? { calendar_id: r.id } : this.isRoundRobinConfig && ((p = o == null ? void 0 : o.calendars[0]) != null && p.id) ? { calendar_id: o.calendars[0].id } : void 0, this.participants[a].name = (o == null ? void 0 : o.name) || e.detail.value, this.participants = [...this.participants], this.updateFormValue();
-  }
-  updateOrganizerAsParticipant(e = !0) {
-    var a, o, r, l, n, i, p;
-    const t = this.participants.find((f) => {
-      var h;
-      return f.email === ((h = this.currentUser) == null ? void 0 : h.email);
-    });
-    if (this.isRoundRobinConfig && !t && ((a = this.currentUser) != null && a.email)) {
-      const f = ((r = (o = this.currentUserCalendars) == null ? void 0 : o.find((h) => h.is_primary)) == null ? void 0 : r.id) || ((n = (l = this.currentUserCalendars) == null ? void 0 : l[0]) == null ? void 0 : n.id) || "primary";
-      this.participants = [
-        {
-          name: (i = this.currentUser) == null ? void 0 : i.name,
-          email: (p = this.currentUser) == null ? void 0 : p.email,
-          is_organizer: !0,
-          availability: {
-            calendar_ids: [f]
-          },
-          booking: {
-            calendar_id: f
-          }
-        },
-        ...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((o) => !t.some((r) => o.email === r.email)).map((o) => ({ value: o.email, label: o.email }));
-  }
-  render() {
-    return s(w, { key: "4d547fe2488b5019af5d63d9691a740e8efb5f43", part: "nadtnlpart" }, s("nylas-form-card", { key: "627e61e9080b989b5871d798339e718e68bb639d", exportparts: "nfc, nfc__header" }, s("h3", { key: "447dc3fee1b9e4014a7aa6e54a01dbf84d4893ac", slot: "header-title", class: "nylas-additional-participants__title", part: "nadtnlpart__title" }, c.t("nylasAdditionalParticipants.headerTitle")), s("p", { key: "f116167709f9464422d4dedba69a1db6c3b55b0e", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nadtnlpart__subtitle" }, c.t("nylasAdditionalParticipants.headerSubTitle")), s("div", { key: "f231168dcab771100276cbd76710ec0446cdfa8c", slot: "content", class: "nylas-additional-participants__content", part: "nadtnlpart__content" }, s("div", { key: "47f0cf5882fa4f88a09ba74b70136e7911cae75f" }, 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, requiredError: this.requiredError, patternError: this.patternError, 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: "d2b56b8aedb241aa6f30d7a1cd6bbb65c3b3df83", class: "nylas-additional-participants__error", part: "nadtnlpart__error" }, this.error)), s("button", { key: "e9ae0842ddbfa5e99216104204e944931c234d2a", class: "nylas-additional-participants__add", part: "nadtnlpart__add-participant", onClick: () => this.addParticipant() }, s("add-circle-icon", { key: "72c4f18b78923e41c5bf85203dfddce1faf69c66" }), " ", s("span", { key: "aa8f679690c7a591d120bafb6d3df96e74db4b5e" }, 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)
-], z.prototype, "render", null);
-z.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, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, 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, o, 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.noTemplates = !1, this.description = this.eventDescription || ((r = (o = this.selectedConfiguration) == null ? void 0 : o.event_booking) == null ? void 0 : r.description) || "", 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.additionalFieldTokens = [];
-  }
-  elementNameChangedHandler(e) {
-    d("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var l, n;
-    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e);
-    const t = ((l = e == null ? void 0 : e.event_booking) == null ? void 0 : l.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((o) => (a[o.label] && (o.labelHTML.description = c.t(`nylasEventTitle.eventTitleTokenDescription.${a[o.label]}`)), o)), 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;
-    if (t === "additional-fields") {
-      const o = JSON.parse(a.toString()), l = (Object.keys(o) || []).map((n) => ({
-        token: `$${n}`,
-        value: `\${${n}}`,
-        description: o[n].label || ""
-      }));
-      this.additionalFieldTokens = [...l], this.availableTokens = [...k, ...l].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 o = a.value, r = new RegExp(`(\\${o})(?!\\w)`, "g");
-      t = (t == null ? void 0 : t.replace(r, '<span class="highlighted-tag">$1</span>')) || "";
-    }), t;
-  }
-  getCurrentSelectionForBrowser() {
-    var o, r, l;
-    const e = (n, i, p, f) => {
-      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: p,
-        allSelected: f
-      };
-    }, t = (n) => {
-      var i, p;
-      return n.anchorOffset === 0 && n.focusOffset === ((p = (i = n.focusNode) == null ? void 0 : i.nodeValue) == null ? void 0 : p.length);
-    };
-    switch (M()) {
-      case "Chrome": {
-        const n = (o = this.host.shadowRoot) == null ? void 0 : o.getSelection(), i = n == null ? void 0 : n.focusNode, p = (i == null ? void 0 : i.nodeValue) || "", f = n && t(n);
-        return e(p, (n == null ? void 0 : n.focusOffset) || -1, i, f);
-      }
-      case "Firefox": {
-        const n = document.getSelection(), i = ((r = n == null ? void 0 : n.anchorNode) == null ? void 0 : r.nodeValue) || "", p = n && t(n);
-        return e(i, (n == null ? void 0 : n.focusOffset) || -1, n == null ? void 0 : n.anchorNode, p);
-      }
-      case "Safari": {
-        const n = window.getSelection(), i = n == null ? void 0 : n.getComposedRanges(this.host.shadowRoot)[0], p = ((l = i == null ? void 0 : i.startContainer) == null ? void 0 : l.nodeValue) || "", f = n && t(n);
-        return e(p, (i == null ? void 0 : i.endOffset) || -1, i == null ? void 0 : i.startContainer, f);
-      }
-      default:
-        return console.warn("Browser not supported"), null;
-    }
-  }
-  handleChange(e) {
-    let t = e.target.textContent || "";
-    t = S(t);
-    const a = this.getCurrentSelectionForBrowser();
-    if (!a) {
-      this.updateEventDescription(t), this.resetDropdown();
-      return;
-    }
-    const { focusOffset: o, dollarIndex: r, lastWord: l, currentText: n } = a;
-    if (r === -1 || o < r) {
-      this.updateEventDescription(t), this.resetDropdown();
-      return;
-    }
-    l.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
-      $value: l,
-      fullText: n,
-      index: r,
-      focusOffset: o
-    }, this.populateSuggestionsDropdown(l)) : this.resetDropdown(), this.updateEventDescription(t);
-  }
-  handleInputKeyDown(e) {
-    var a, o, r, l;
-    const t = this.getCurrentSelectionForBrowser();
-    if (t != null && t.allSelected && !H(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, p = (t == null ? void 0 : t.focusOffset) || 0;
-        if (!i || p === -1 || this.descriptionRef.childNodes.length === 0) {
-          const f = document.createTextNode(`
-`);
-          this.descriptionRef.insertBefore(f, this.descriptionRef.firstChild);
-          const h = document.createRange();
-          h.setStart(f, 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 f = i.nodeValue || "", h = f.slice(0, p) + `
-` + f.slice(p);
-          i.nodeValue = h;
-          const y = document.createRange();
-          y.setStart(i, p + 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 = (o = this.host.shadowRoot) == null ? void 0 : o.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 = (l = t == null ? void 0 : t.node) == null ? void 0 : l.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, o = this.currentWord.$value;
-    let r = this.descriptionRef.firstChild, l = null;
-    for (; r; ) {
-      if (r.nodeType === 3) {
-        const v = ((T = r.textContent) == null ? void 0 : T.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", L = a.replace(/[\u200B-\u200D\uFEFF]/g, "");
-        if (v.includes(L)) {
-          l = r;
-          break;
-        }
-      }
-      r = r.nextSibling;
-    }
-    if (!l)
-      return;
-    const n = l.textContent || "", i = n.indexOf(o), p = n.substring(0, i), f = n.substring(i + o.length), h = document.createTextNode(p), y = document.createRange(), u = document.createElement("span");
-    u.classList.add("highlighted-tag"), u.textContent = `${t.value}`;
-    const _ = document.createTextNode(f);
-    if (f !== "")
-      l.replaceWith(h, u, _), y.setStart(_, 1);
-    else {
-      const v = document.createTextNode("​");
-      l.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 ---", o = e.indexOf(t), r = e.indexOf(a);
-    let l = t + `
-`;
-    this.additionalFieldTokens.forEach((i) => {
-      l += `${i.description}: ${i.value}
-`;
-    }), l += a;
-    let n;
-    o !== -1 && r !== -1 ? n = e.substring(0, o) + l + e.substring(r + a.length) : n = e + l, this.updateEventDescriptionFromProp(n), this.updateEventDescription(n);
-  }
-  render() {
-    var e;
-    return s(w, { key: "22675b5fed7bbca517109629eae72cbcc92b21a9" }, s("div", { key: "16c888f9635a3d6a40e1caaa98a032044a29abe1", class: "nylas-event-description", part: "nedesc" }, s("label", { key: "05f549d01ea2477c208c4e27f41ae7c5d3487ce9", htmlFor: "description" }, c.t("nylasEventDescription.headerTitle"), s("span", { key: "5355ed1517f58fc6c07ce121be35998154a166cc", class: "label-icon" }, s("tooltip-component", { key: "2efa954b0f0ee944b5b88039d97d72fa0d3ec46e" }, s("info-icon", { key: "e6c02583a6668f0c25771183a7a11d4c0de87887", slot: "tooltip-icon" }), s("span", { key: "ff003ecf4ba64e385fc50edff5c4a621a3600e5e", slot: "tooltip-content" }, c.t("nylasEventDescription.tooltip.desc"))))), s("div", { key: "296a0a0321ab1b1be9f3b6e89bcf9f58da8b6969", 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.noTemplates && 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))))), !this.noTemplates && s("span", { class: "help-text" }, c.t("nylasEventTitle.helpText", { context: "start", field: c.t("nylasEventTitle.description") }), " ", s("code", null, "$"), " ", c.t("nylasEventTitle.helpText", { context: "end" }), s("span", { class: "label-icon" }, s("tooltip-component", null, s("info-icon", { slot: "tooltip-icon", width: "13", height: "13" }), s("span", { slot: "tooltip-content" }, c.t("nylasEventTitle.tooltip.desc"), " ", s("code", null, "${invitee}"))))), !this.noTemplates && !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, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, 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"), V(["inputs"], this.el);
-  }
-  disconnectedCallback() {
-    d("nylas-event-info", "disconnectedCallback");
-  }
-  render() {
-    return s(w, { key: "cfa64573a181b73e281bdba4701609cb868252c8" }, s("nylas-form-card", { key: "78088bb50a3234e17c199abc6b4e1a2fffd94707", exportparts: "nfc__header: nei__header" }, s("h1", { key: "ab1659b45f24e04683d73661fdc76a8b787398f2", slot: "header-title", class: "nylas-event-info__title", part: "nei__title" }, c.t("nylasEventInfo.headerTitle")), s("div", { key: "eda2bc7c2ce9cb16b92d48aa15dabf965d71b926", slot: "content", class: "nylas-event-info__content" }, s("slot", { key: "8c12079eb30485a8fb8c1821223b54551268b4b1", 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 Ee = ':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}', Le = Ee;
-var Oe = function(e, t, a, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, 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 o, r;
-    d("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e);
-    const t = ((o = e == null ? void 0 : e.event_booking) == null ? void 0 : o.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((o) => o.value).forEach((o) => {
-      const r = this.locationOptions.findIndex((l) => l.value === o);
-      this.locationOptions[r].label = c.t(`nylasEventLocation.conferenceOptions.${o}`), this.locationOptions[r].labelHTML = this.getLabelHTML(o);
-    }), 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, o, 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 = (o = this.internals) == null ? void 0 : o.form;
-    if (e) {
-      const l = new FormData(e);
-      l.set("conference", this.getConferencePayload()), l.set(this.name, this.location);
-    }
-    (r = this.conferenceProviders) != null && r.zoom && !this.locationOptions.some((l) => l.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: E[this.selectedLocationOption],
-      autocreate: e ? {
-        conf_grant_id: e
-      } : {}
-    };
-    return JSON.stringify(t);
-  }
-  nylasFormDropdownChangedHandler(e) {
-    var a, o, 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 l = (a = this.conferenceProviders) == null ? void 0 : a.google;
-        t = {
-          provider: E.google,
-          autocreate: l ? {
-            conf_grant_id: l
-          } : {}
-        }, 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 l = (o = this.conferenceProviders) == null ? void 0 : o.microsoft;
-        t = {
-          provider: E.microsoft,
-          autocreate: l ? {
-            conf_grant_id: l
-          } : {}
-        }, 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 l = (r = this.conferenceProviders) == null ? void 0 : r.zoom;
-        t = {
-          provider: E.zoom,
-          autocreate: l ? {
-            conf_grant_id: l
-          } : {}
-        }, 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 = S(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: "bf87c5a654fdee86010c2668fac1f83a73ff10e0" }, s("div", { key: "02aff0e3cec5648119ad49765cc9dd286590a394", class: "nylas-event-location", part: "nel" }, s("label", { key: "3020aa8125f0c83d64354165ec2d86d686074b03", htmlFor: "location" }, c.t("nylasEventLocation.headerTitle"), s("span", { key: "3548617f680e2c9c32d9923b363b5102bf18e038", class: "label-icon" }, s("tooltip-component", { key: "b3a39251ae1765b57495b114bd7bacac5ccebff0" }, s("info-icon", { key: "6d9ce12b83c54a9d50f117f6489dde230793dcbd", slot: "tooltip-icon" }), s("span", { key: "43a481ff7264a34c40a2c14a3de27c25c70fc6d2", slot: "tooltip-content" }, c.t("nylasEventLocation.tooltip.desc"))))), s("div", { key: "89f50d652845a1e8f2ceae3fa1801e08cf9a7f1c", class: "location-input" }, s("select-dropdown", { key: "a686995fc1dafea5e551ba7dd120faff715ba781", 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: "f76bd15d42f02f9492a3164da072acf2e4199955", 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 = Le;
-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:auto;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, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, F = 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.noTemplates = !1, 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.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 o = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
-      o == null || o.classList.add("active");
-    } else {
-      const o = (a = this.host.shadowRoot) == null ? void 0 : a.querySelectorAll(".token-options li.active");
-      o == null || o.forEach((r) => r.classList.remove("active"));
-    }
-  }
-  configChangedHandler(e) {
-    var l, n;
-    const t = (l = e == null ? void 0 : e.event_booking) == null ? void 0 : l.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((o) => (a[o.label] && (o.labelHTML.description = c.t(`nylasEventTitle.eventTitleTokenDescription.${a[o.label]}`)), o)), 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, o, 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 = (o = this.selectedConfiguration) == null ? void 0 : o.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;
-    if (t === "additional-fields") {
-      const o = JSON.parse(a.toString()), l = (Object.keys(o) || []).map((n) => ({
-        token: `$${n}`,
-        value: `\${${n}}`,
-        description: o[n].label || ""
-      }));
-      this.additionalFieldTokens = [...l], this.availableTokens = [...k, ...l].map((n) => ({
-        label: n.token,
-        value: n.value,
-        labelHTML: n
-      })), this.filteredTokens = [...this.availableTokens];
-    }
-  }
-  updateEventTitleFromProp(e) {
-    var a, o, 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)) : ((o = this.internals) == null || o.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 o = a.value, r = new RegExp(`(\\${o})(?!\\w)`, "g");
-      t = (t == null ? void 0 : t.replace(r, '<span class="highlighted-tag">$1</span>')) || "";
-    }), t;
-  }
-  getCurrentSelectionForBrowser() {
-    var o, r, l;
-    const e = (n, i, p, f) => {
-      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: p,
-        allSelected: f
-      };
-    }, t = (n) => {
-      var i, p;
-      return n.anchorOffset === 0 && n.focusOffset === ((p = (i = n.focusNode) == null ? void 0 : i.nodeValue) == null ? void 0 : p.length);
-    };
-    switch (M()) {
-      case "Chrome": {
-        const n = (o = this.host.shadowRoot) == null ? void 0 : o.getSelection(), i = n == null ? void 0 : n.focusNode, p = (i == null ? void 0 : i.nodeValue) || "", f = n && t(n);
-        return e(p, (n == null ? void 0 : n.focusOffset) || -1, i, f);
-      }
-      case "Firefox": {
-        const n = document.getSelection(), i = ((r = n == null ? void 0 : n.anchorNode) == null ? void 0 : r.nodeValue) || "", p = n && t(n);
-        return e(i, (n == null ? void 0 : n.focusOffset) || -1, n == null ? void 0 : n.anchorNode, p);
-      }
-      case "Safari": {
-        const n = window.getSelection(), i = n == null ? void 0 : n.getComposedRanges(this.host.shadowRoot)[0], p = ((l = i == null ? void 0 : i.startContainer) == null ? void 0 : l.nodeValue) || "", f = n && t(n);
-        return e(p, (i == null ? void 0 : i.endOffset) || -1, i == null ? void 0 : i.startContainer, f);
-      }
-      default:
-        return console.warn("Browser not supported"), null;
-    }
-  }
-  handleChange(e) {
-    let t = e.target.textContent || "";
-    t = S(t);
-    const a = this.getCurrentSelectionForBrowser();
-    if (!a) {
-      this.updateEventTitle(t), this.resetDropdown();
-      return;
-    }
-    const { focusOffset: o, dollarIndex: r, lastWord: l, currentText: n } = a;
-    if (r === -1 || o < r) {
-      this.updateEventTitle(t), this.resetDropdown();
-      return;
-    }
-    l.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
-      $value: l,
-      fullText: n,
-      index: r,
-      focusOffset: o
-    }, this.populateSuggestionsDropdown(l)) : this.resetDropdown(), this.updateEventTitle(t);
-  }
-  handleInputKeyDown(e) {
-    var a, o, r, l, n;
-    const t = this.getCurrentSelectionForBrowser();
-    if (t != null && t.allSelected && !H(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 = (o = this.host.shadowRoot) == null ? void 0 : o.getElementById(this.ariaActivedescendant);
-      if (i) {
-        const p = i.nextElementSibling;
-        p ? this.ariaActivedescendant = p.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 p = i.previousElementSibling;
-        p ? this.ariaActivedescendant = p.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 = (l = t == null ? void 0 : t.node) == null ? void 0 : l.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, o = this.currentWord.$value;
-    let r = this.titleRef.firstChild, l = null;
-    for (; r; ) {
-      if (r.nodeType === 3) {
-        const v = ((T = r.textContent) == null ? void 0 : T.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", L = a.replace(/[\u200B-\u200D\uFEFF]/g, "");
-        if (v.includes(L)) {
-          l = r;
-          break;
-        }
-      }
-      r = r.nextSibling;
-    }
-    if (!l)
-      return;
-    const n = l.textContent || "", i = n.indexOf(o), p = n.substring(0, i), f = n.substring(i + o.length), h = document.createTextNode(p), y = document.createRange(), u = document.createElement("span");
-    u.classList.add("highlighted-tag"), u.textContent = `${t.value}`;
-    const _ = document.createTextNode(f);
-    if (f !== "")
-      l.replaceWith(h, u, _), y.setStart(_, 1);
-    else {
-      const v = document.createTextNode("​");
-      l.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 o, r, l;
-    const a = e.replace(/ +/g, " ");
-    a === "" || /^[\s]*$/.test(a) ? (this.validationError = "eventTitleRequired", this.isInternalsAvailable && ((o = this.internals) == null || o.setValidity({ customError: !0 }, "Event title is required", this.titleRef))) : (this.validationError = "", this.isInternalsAvailable && ((r = this.internals) == null || r.setValidity({ customError: !1 }))), this.isInternalsAvailable && ((l = this.internals) == null || l.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: "82d877ce83823d86e6794caa07c9b4761523bb93" }, s("div", { key: "b97274fd9221bd8e21390b951074b60dff6eddcf", class: "nylas-event-title", part: "net" }, s("label", { key: "6313ef273c9468915f313c2a9d15f4428e74d3ed", htmlFor: "title" }, c.t("nylasEventTitle.headerTitle"), s("span", { key: "41b89ee75850a7597b75013de036d398d6b8e4a9", class: "required" }, "*")), s("div", { key: "94d600363804e2d88260475a3ebb0159537fa7c2", 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.noTemplates && 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))))), !this.noTemplates && s("span", { class: "help-text" }, c.t("nylasEventTitle.helpText", { context: "start", field: c.t("nylasEventTitle.title") }), " ", s("code", null, "$"), " ", c.t("nylasEventTitle.helpText", { context: "end" }), s("span", { class: "label-icon" }, s("tooltip-component", null, s("info-icon", { slot: "tooltip-icon" }), s("span", { slot: "tooltip-content" }, c.t("nylasEventTitle.tooltip.desc"), " ", s("code", null, "${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
-  }),
-  F("design:type", Function),
-  F("design:paramtypes", []),
-  F("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)}', Fe = Pe;
-var $e = function(e, t, a, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, $ = 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: "3dfba1b006f09a9ac9ccdd03a659784b86df25d4", part: "nfbf" }, s("div", { key: "f548f82b9689115b254815c0a6b940d1450ada04", class: "card-wrapper", part: "nfbfc__card" }, s("div", { key: "3e1be6b2ff7d6818b677f09772cde78edb4c7ef1", class: "close-button" }, s("button-component", { key: "dd98523ad84cc745f24daa400bb41753d103c3c6", tooltip: "Close", id: "close", variant: "invisible", onClick: (e) => this.closeModal(e), part: "nfbf__close-button" }, s("close-icon", { key: "0b919c2be114e231ff8eb7121536b6c24dfb7158" }))), s("div", { key: "2c62e429a6871d1dc6a34df4fc37440e61e9e041", class: "header" }, s("h2", { key: "8c1009dc5a853bb0cbc21b64958353c95a0ca140", slot: "card-title", part: "nfbf__title" }, c.t("feedbackFormTitle"))), s("div", { key: "b16e5a7c0e3b299d6ee9a74d154aa3628e9d4d25", class: "description title-desc" }, s("p", { key: "00675ebd52e88ed101df5710b3bded1f6424c274" }, c.t("feedbackFormDescription"))), s("textarea-component", { key: "7b021701b44eb5b3ba02ee3191d3866489f4ec8a", label: c.t("feedbackMessageLabel"), required: !0, maxLength: 500, part: "nfbf__description", name: "feedback", placeholder: c.t("feedbackMessagePlaceholder") }), s("div", { key: "def91af529f167b1fac0cc078f79cec67b961a1a", class: "description footer-desc" }, s("p", { key: "ad346ef93ae4a25fd5478284ff5415eb62b54f26" }, "By sending this report, you agree to Nylas’ access to the data necessary to respond to this issue, subject to Nylas’", " ", s("a", { key: "cd6a79cf548346d92d04264c4ff7244a032c3977", href: "https://www.nylas.com/privacy-policy/", target: "_blank", rel: "nofollow noreferrer noopener" }, "Privacy Policy"), ".")), s("div", { key: "5dfee1045b6711f5cf7d15009c86c0fd9b76b137", class: {
-      footer: !0
-    } }, s("button-component", { key: "45894bd04b89365c83d7e2a07e8a62ee7c94b6c0", variant: "invisible", onClick: (e) => this.closeModal(e), part: "nfbf__button-outline nfbf__cancel-cta" }, `${c.t("feedbackModalCloseButton")}`), s("button-component", { key: "ac586974014c3e3b6b454a8b830585b76bc1f290", variant: "primary", onClick: this.handleConfirmBookingButtonClicked, part: "nfbf__button-outline nfbf__reschedule-cta" }, `${c.t("feedbackModalSubmitButton")}`))));
-  }
-  get host() {
-    return x(this);
-  }
-};
-$e([
-  C({
-    name: "nylas-feedback-form",
-    stateToProps: /* @__PURE__ */ new Map([]),
-    eventToProps: {
-      feedbackSubmitted: async (e, t) => {
-      }
-    },
-    localPropsToProp: /* @__PURE__ */ new Map([["themeConfig", "themeConfig"]]),
-    fireRegisterEvent: !0
-  }),
-  $("design:type", Function),
-  $("design:paramtypes", []),
-  $("design:returntype", void 0)
-], Z.prototype, "render", null);
-Z.style = Fe;
-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{width:80px}.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}.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)}', Se = Re;
-var He = function(e, t, a, o) {
-  var r = arguments.length, l = r < 3 ? t : o === null ? o = Object.getOwnPropertyDescriptor(t, a) : o, n;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    l = Reflect.decorate(e, t, a, o);
-  else
-    for (var i = e.length - 1; i >= 0; i--)
-      (n = e[i]) && (l = (r < 3 ? n(l) : r > 3 ? n(t, a, l) : n(t, a)) || l);
-  return r > 3 && l && Object.defineProperty(t, a, l), l;
-}, 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 o;
-    const r = 60, l = r * 24, n = l * 7, i = l * 30;
-    a === "minute" ? o = t : a === "hour" ? o = t * r : a === "day" ? o = t * l : a === "week" ? o = t * n : a === "month" ? o = t * i : o = 0, this.errorState = o % 5 !== 0, this.valueChanged.emit({ value: o, name: this.name }), this.isInternalsAvailable && this.internals.setFormValue(o.toString(), this.name);
-  }
-  updateNumberAndPeriodFromMinutes(e) {
-    let l, n;
-    e === 0 ? (l = 0, n = "minute") : e >= 43200 && e % 43200 === 0 ? (l = Math.floor(e / 43200), n = "month") : e >= 10080 && e % 10080 === 0 ? (l = Math.floor(e / 10080), n = "week") : e >= 1440 && e % 1440 === 0 ? (l = Math.floor(e / 1440), n = "day") : e >= 60 && e % 60 === 0 ? (l = Math.floor(e / 60), n = "hour") : (l = e, n = "minute"), this.selectedNumber = l, 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: "e19066f3a7ccfaeba4b2ae9b4e370a35d479b0f6" }, s("div", { key: "f8a6527dfa9541a953de5c17ea07b924ca9810c2", class: "nylas-reminder-time", part: "nrt" }, s("div", { key: "ff839bfde9b694f1370a4a459f3e698b93aca9c7", 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"]
-    };
-  }
-};
-He([
-  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 = Se;
-const Me = ".sc-trash-icon-h{display:flex}", Ne = Me, ze = class {
-  constructor(e) {
-    b(this, e), this.width = "20", this.height = "21";
-  }
-  render() {
-    return s("svg", { key: "cd43bcf8a91abf12501571439a02652afeff0b0f", width: this.width, height: this.height, viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, s("path", { key: "2870e48a14d2a84175298a75d47e3224a10385a4", 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" }));
-  }
-};
-ze.style = Ne;
-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,
-  N as input_image_url,
-  z 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,
-  ze as trash_icon
-};