@nylas/react 1.1.0-canary.18 → 1.1.0-canary.19

package/dist/calendar-info-icon_28.entry-e7bebd13.js

@@ -1,2083 +0,0 @@
-import { r as p, h as a, c as u, d as r, H as y, g as h, G as w, I as x, J as V, K as q, L as he, M as O, O as me } from "./index-812162da.js";
-import { R as m } from "./register-component-a5a9ca5d-a5c01c35.js";
-import { T as J, E as K } from "./constants-f34b9c6e-f1c4dd0d.js";
-import { s as H } from "./index-6d9eeb53-3edef246.js";
-import "./index-53420959-67beefed.js";
-import "react";
-import "react-dom";
-const ge = ".sc-calendar-info-icon-h{display:flex}", ve = ge, _e = class {
-  constructor(e) {
-    p(this, e), this.width = "20", this.height = "20";
-  }
-  render() {
-    return a("svg", { key: "9012ae7b873d35927c299ed62d247b77757bb679", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "0a3a11d84c99d05ad964d3b5606c072dd31872a7", d: "M12 0C13.3807 0 14.5 1.11929 14.5 2.5V6.59971C14.1832 6.43777 13.8486 6.30564 13.5 6.20703V4H1.5V11.5C1.5 12.3284 2.17157 13 3 13H6.70703C6.80564 13.3486 6.93777 13.6832 7.09971 14H3C1.61929 14 0.5 12.8807 0.5 11.5V2.5C0.5 1.11929 1.61929 0 3 0H12ZM12 1H3C2.17157 1 1.5 1.67157 1.5 2.5V3H13.5V2.5C13.5 1.67157 12.8284 1 12 1ZM11.375 9.5C11.375 9.15482 11.6548 8.875 12 8.875C12.3452 8.875 12.625 9.15482 12.625 9.5C12.625 9.84518 12.3452 10.125 12 10.125C11.6548 10.125 11.375 9.84518 11.375 9.5ZM12.5 13.5C12.5 13.7761 12.2761 14 12 14C11.7239 14 11.5 13.7761 11.5 13.5V11.5C11.5 11.2239 11.7239 11 12 11C12.2761 11 12.5 11.2239 12.5 11.5V13.5ZM7.5 11.5C7.5 9.01472 9.51472 7 12 7C14.4853 7 16.5 9.01472 16.5 11.5C16.5 13.9853 14.4853 16 12 16C9.51472 16 7.5 13.9853 7.5 11.5ZM8.5 11.5C8.5 13.433 10.067 15 12 15C13.933 15 15.5 13.433 15.5 11.5C15.5 9.567 13.933 8 12 8C10.067 8 8.5 9.567 8.5 11.5Z", fill: "currentColor" }));
-  }
-};
-_e.style = ve;
-const ke = ".sc-calendar-patterns-icon-h{display:flex}", xe = ke, Ce = class {
-  constructor(e) {
-    p(this, e), this.width = "20", this.height = "20";
-  }
-  render() {
-    return a("svg", { key: "ca6df3db90bbbffc29dfdc6ee5a440266eaa153d", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "ab45118ff407127ca1673159e1b78c93c7c97bed", d: "M3.25 0H11.75C13.2688 0 14.5 1.23122 14.5 2.75V11.25C14.5 12.7688 13.2688 14 11.75 14H3.25C1.73122 14 0.5 12.7688 0.5 11.25V2.75C0.5 1.23122 1.73122 0 3.25 0ZM2 2.75V4H13V2.75C13 2.05964 12.4404 1.5 11.75 1.5H3.25C2.55964 1.5 2 2.05964 2 2.75ZM12.2071 5L8.20711 9H10.7929L13 6.79289V5H12.2071ZM10.7929 5H8.20711L4.20711 9H6.79289L10.7929 5ZM2.79289 9L6.79289 5H4.20711L2 7.20711V9H2.79289ZM2 5.79289L2.79289 5H2V5.79289ZM12.2071 9H13V8.20711L12.2071 9Z", fill: "currentColor" }));
-  }
-};
-Ce.style = xe;
-const we = 'label{--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:flex;align-items:center;font-family:var(--nylas-font-family);cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}label input[type=checkbox]:focus~.checkmark,label input[type=checkbox]:hover~.checkmark{border-color:var(--nylas-primary)}label input[type=checkbox]:checked~.checkmark{color:var(--nylas-base-0);background:var(--nylas-primary) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 50% 40% no-repeat;border:2px solid var(--nylas-primary)}label .checkmark{border-radius:var(--nylas-border-radius);border:2px solid var(--nylas-base-800);position:absolute;left:0;top:2px;width:18px;height:18px;cursor:pointer;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label .label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}', Oe = we, Ie = class {
-  constructor(e) {
-    p(this, e), this.nylasFormCheckboxToggled = u(this, "nylasFormCheckboxToggled", 7), this.name = "checkbox", this.checked = !1, this.label = "", this.isChecked = this.checked;
-  }
-  componentWillLoad() {
-    this.isChecked = this.checked;
-  }
-  toggleCheck() {
-    this.isChecked = !this.isChecked, this.nylasFormCheckboxToggled.emit({
-      checked: this.isChecked,
-      name: this.name,
-      label: this.label
-    });
-  }
-  render() {
-    return a("label", { key: "ff418217723b6044270dc691f7d0e11aea5fb204" }, a("input", { key: "c45008c89d147534ba6b4a70120b7c5159a25ce6", type: "checkbox", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), a("span", { key: "a785e711233dab04bb19bcf1f1c6f665d7460015", class: "checkmark" }), a("slot", { key: "05e7f91a9e038bf9a467d63c9c004f7b90454b6f", name: "label" }, a("span", { key: "35a5c8bef4f998f993fbdcf2b752b83432218422", class: "label" }, this.label)));
-  }
-};
-Ie.style = Oe;
-const Te = ".sc-flow-icon-h{display:flex}", He = Te, $e = class {
-  constructor(e) {
-    p(this, e), this.width = "16", this.height = "12";
-  }
-  render() {
-    return a("svg", { key: "18bdb1e3a2d6d1f4b9f9e1983c1ad7156e83e489", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "a291353c08dfca6bb961e83386a3bfe71a840299", d: "M13 1.66211C11.8954 1.66211 11 2.55754 11 3.66211C11 4.76668 11.8954 5.66211 13 5.66211C14.1046 5.66211 15 4.76668 15 3.66211C15 2.55754 14.1046 1.66211 13 1.66211ZM10.0407 3.16678C10.2768 1.74563 11.5119 0.662109 13 0.662109C14.6569 0.662109 16 2.00526 16 3.66211C16 5.31896 14.6569 6.66211 13 6.66211C11.5162 6.66211 10.2839 5.58482 10.0428 4.16971C9.37629 4.23688 8.82682 4.7426 8.71466 5.41551L8.27173 8.07311C8.07929 9.22776 7.11428 10.087 5.9593 10.1574C5.72319 11.5786 4.48813 12.6621 3 12.6621C1.34315 12.6621 0 11.319 0 9.66211C0 8.00526 1.34315 6.66211 3 6.66211C4.48384 6.66211 5.71607 7.73939 5.95724 9.15451C6.62371 9.08734 7.17318 8.58162 7.28534 7.90871L7.72827 5.25111C7.92071 4.09646 8.88571 3.23718 10.0407 3.16678ZM3 7.66211C1.89543 7.66211 1 8.55754 1 9.66211C1 10.7667 1.89543 11.6621 3 11.6621C4.10457 11.6621 5 10.7667 5 9.66211C5 8.55754 4.10457 7.66211 3 7.66211Z", fill: "currentColor" }));
-  }
-};
-$e.style = He;
-const De = ".sc-location-icon-h{display:flex}", Se = De, Ee = class {
-  constructor(e) {
-    p(this, e), this.width = "16", this.height = "18";
-  }
-  render() {
-    return a("svg", { key: "c4b6ed753f7c3c3e26ae2fe2e92b429abe4eceb4", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "cff1afc5e511a814bfc16fc7c8fdaef6356a7952", d: "M10 7.66211C10 9.31896 8.65685 10.6621 7 10.6621C5.34315 10.6621 4 9.31896 4 7.66211C4 6.00526 5.34315 4.66211 7 4.66211C8.65685 4.66211 10 6.00526 10 7.66211ZM9 7.66211C9 6.55754 8.10457 5.66211 7 5.66211C5.89543 5.66211 5 6.55754 5 7.66211C5 8.76668 5.89543 9.66211 7 9.66211C8.10457 9.66211 9 8.76668 9 7.66211ZM11.9497 12.6171C14.6834 9.88221 14.6834 5.44812 11.9497 2.71326C9.21608 -0.0216067 4.78392 -0.0216067 2.05025 2.71326C-0.683418 5.44812 -0.683418 9.88221 2.05025 12.6171L3.57128 14.1159L5.61408 16.101L5.74691 16.2188C6.52168 16.8468 7.65623 16.8076 8.38611 16.1012L10.8223 13.7312L11.9497 12.6171ZM2.75499 3.4183C5.09944 1.07282 8.90055 1.07282 11.245 3.4183C13.5294 5.70364 13.5879 9.3725 11.4207 11.7288L11.245 11.912L9.92371 13.216L7.69315 15.3846L7.60016 15.4642C7.24594 15.732 6.7543 15.732 6.40012 15.4642L6.30713 15.3845L3.3263 12.4791L2.75499 11.912L2.57927 11.7288C0.412077 9.3725 0.47065 5.70364 2.75499 3.4183Z", fill: "currentColor" }));
-  }
-};
-Ee.style = Se;
-const Le = ".sc-location-off-icon-h{display:flex}", Ne = Le, Pe = class {
-  constructor(e) {
-    p(this, e), this.width = "16", this.height = "18";
-  }
-  render() {
-    return a("svg", { key: "b7eb987c802beac155700ccbd2c51189708f3422", width: this.width, height: this.height, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a("path", { key: "91e1d8458400d7d502def34ce86611fc17110cb4", d: "M0.146447 0.808556C0.341709 0.613294 0.658291 0.613294 0.853553 0.808556L15.8536 15.8086C16.0488 16.0038 16.0488 16.3204 15.8536 16.5157C15.6583 16.7109 15.3417 16.7109 15.1464 16.5157L12.0938 13.463L11.8223 13.7312L9.38611 16.1012C8.65623 16.8076 7.52168 16.8468 6.74691 16.2188L6.61408 16.101L4.57128 14.1159L3.05025 12.6171C0.607421 10.1732 0.347525 6.37239 2.27056 3.63976L0.146447 1.51566C-0.0488155 1.3204 -0.0488155 1.00382 0.146447 0.808556ZM9.07768 10.4469C8.74346 10.576 8.38024 10.6468 8.0005 10.6468C6.34839 10.6468 5.00909 9.30689 5.00909 7.65406C5.00909 7.27461 5.07967 6.91166 5.20843 6.57763L2.98793 4.35713C1.49206 6.62038 1.68917 9.67377 3.57927 11.7288L3.75499 11.912L4.3263 12.4791L7.30713 15.3845L7.40012 15.4642C7.7543 15.732 8.24594 15.732 8.60016 15.4642L8.69315 15.3846L10.9237 13.216L11.3883 12.7575L9.07768 10.4469ZM9.85409 8.39486L10.5983 9.13904C10.8487 8.70143 10.9919 8.19447 10.9919 7.65406C10.9919 6.00122 9.65261 4.66134 8.0005 4.66134C7.45986 4.66134 6.95271 4.80482 6.51504 5.05581L7.25921 5.79998C7.48839 5.70819 7.73855 5.6577 8.0005 5.6577C9.10258 5.6577 9.99599 6.5515 9.99599 7.65406C9.99599 7.91581 9.94564 8.16581 9.85409 8.39486ZM4.35291 2.89368C6.70671 1.08827 10.0908 1.26314 12.245 3.4183C14.3986 5.57283 14.5739 8.95702 12.771 11.3118L13.4812 12.022C15.6702 9.27273 15.493 5.25762 12.9497 2.71326C10.4058 0.168159 6.39081 -0.00843871 3.64269 2.18347L4.35291 2.89368Z", fill: "currentColor" }));
-  }
-};
-Pe.style = Ne;
-const Fe = ':host{display:block;width:inherit;--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.dropdown{display:inline-block;width:100%;position:relative}.dropdown .dropdown-label{display:flex;align-items:center;gap:0.25rem;color:var(--nylas-base-800)}.dropbtn{width:inherit;height:48px;color:black;padding:0.5rem;font-size:1rem;cursor:pointer;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.dropbtn.focus{background:transparent}.dropbtn:hover,.dropbtn:active{border:1px solid var(--nylas-primary)}.dropbtn:active{outline:2px solid var(--nylas-primary)}.dropbtn span.open{transform:rotate(90deg)}.dropbtn span.closed{transform:rotate(270deg)}.dropdown-content{display:block;margin-top:0.5rem;background-color:var(--nylas-base-0);width:100%;max-height:336px;overflow:auto;border:1px solid #ddd;z-index:1;border-radius:4px;position:absolute;box-shadow:0px 4px 6px -2px rgba(0, 0, 0, 0.0509803922);box-shadow:0px 10px 15px -3px rgba(0, 0, 0, 0.1019607843)}.dropdown-content ul{padding:0;list-style-type:none;color:var(--nylas-base-900);max-height:336px}.dropdown-content ul li{padding:16px, 12px, 16px, 12px;color:black;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}.dropdown-content ul li:hover,.dropdown-content ul li:focus{background-color:var(--nylas-base-100)}.dropdown-content ul li label{display:flex;align-items:center;gap:0.5rem}.dropdown-content ul li label input{margin:0}.selected-options{display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.5rem 0;margin-top:0.25rem;background:var(--nylas-base-0)}.selected-options .selected-option{display:flex;align-items:center;gap:0.5rem;padding:4px 8px;border-radius:var(--nylas-border-radius-2x);background:var(--nylas-base-100);color:var(--nylas-base-800);font-size:16px;font-weight:500;line-height:1.5rem;letter-spacing:0.5px}.selected-options .selected-option button{background:transparent;border:none;cursor:pointer;padding:0}.selected-options .selected-option button:hover{color:var(--nylas-primary)}', Ae = Fe, Re = class {
-  constructor(e) {
-    p(this, e), this.selectedOptionsChanged = u(this, "selectedOptionsChanged", 7), this.name = void 0, this.label = void 0, this.options = [], this.availableOptions = this.options, this.isOpen = !1, this.ariaActivedescendant = "", this.shouldFocusFirstOption = !1;
-  }
-  componentDidRender() {
-    r("multi-select-dropdown", "componentDidRender"), this.isOpen && this.shouldFocusFirstOption && (this.ariaActivedescendant = this.availableOptions[0].value, this.focusOption(0), this.shouldFocusFirstOption = !1);
-  }
-  handleOutsideClick(e) {
-    !e.composedPath().includes(this.el) && this.isOpen && (this.isOpen = !1);
-  }
-  selectOption(e) {
-    this.availableOptions = this.availableOptions.map((n) => (n.value === e.value && (n.selected = !e.selected), n));
-    const t = this.availableOptions.filter((n) => n.selected).map((n) => n.value);
-    this.selectedOptionsChanged.emit({
-      value: t,
-      name: this.name
-    });
-  }
-  toggleDropdown() {
-    this.isOpen = !this.isOpen, this.isOpen ? this.shouldFocusFirstOption = !0 : this.ariaActivedescendant = "";
-  }
-  handleSelectButtonKeyDown(e) {
-    switch (e.key) {
-      case "ArrowDown":
-      case "Enter":
-        e.preventDefault(), this.isOpen || this.toggleDropdown();
-        break;
-      case "Escape":
-        this.isOpen = !1;
-        break;
-    }
-  }
-  handleListboxKeydown(e) {
-    const t = this.availableOptions, n = t.findIndex((i) => i.value === this.ariaActivedescendant);
-    switch (e.key) {
-      case "ArrowDown":
-      case "Tab":
-        if (e.shiftKey) {
-          e.preventDefault();
-          const l = n - 1 >= 0 ? n - 1 : t.length - 1;
-          this.ariaActivedescendant = t[l].value, this.focusOption(l);
-        } else {
-          e.preventDefault();
-          const l = n + 1 < t.length ? n + 1 : 0;
-          this.ariaActivedescendant = t[l].value, this.focusOption(l);
-        }
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        const i = n - 1 >= 0 ? n - 1 : t.length - 1;
-        this.ariaActivedescendant = t[i].value, this.focusOption(i);
-        break;
-      case "Enter":
-        e.preventDefault(), this.ariaActivedescendant && this.selectOption(t[n]);
-        break;
-      case "Escape":
-        this.isOpen = !1;
-        break;
-    }
-  }
-  focusOption(e) {
-    var l;
-    const t = this.availableOptions[e];
-    if (!t)
-      return;
-    const n = t.value, i = (l = this.el.shadowRoot) == null ? void 0 : l.getElementById(n);
-    i && (i.focus(), i.scrollIntoView({ behavior: "smooth", block: "nearest" }));
-  }
-  getSelectedOptions() {
-    return this.availableOptions.filter((e) => e.selected);
-  }
-  renderOption(e) {
-    return a("li", { key: e.value, id: e.value, role: "option", tabindex: "0", "aria-selected": e.selected ? "true" : "false", onClick: (t) => {
-      t.stopImmediatePropagation(), this.selectOption(e);
-    }, class: { selected: !!e.selected } }, a("label", { htmlFor: e.value }, a("input", { "aria-hidden": "true", id: e.value, type: "checkbox", checked: e.selected }), a("span", null, e.label)));
-  }
-  render() {
-    var e, t;
-    return a(y, { key: "af0befb6c6c059e41a99ebe56c9632e6445e897b" }, a("div", { key: "e93abae0184670a75caa02b4f687a374fce9a055", class: "dropdown", part: "msd_dropdown" }, a("label", { key: "cb7ab81e0c7e23934dfc814a4c5281470e2ad510", class: "dropdown-label" }, this.label, a("slot", { key: "88fdcec62b47bf2b7da977c06b36300722789373", name: "label-icon", "aria-hidden": "true" })), a("button", { key: "17e03081353c32b5f571e7655fbe7b0c2ea87a35", part: "msd_dropdown-button", class: { dropbtn: !0, open: this.isOpen }, onClick: () => this.toggleDropdown(), "aria-haspopup": "listbox", "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.name, onKeyDown: (n) => this.handleSelectButtonKeyDown(n) }, a("slot", { key: "f1925d4d315c6be091a07f18261e574792883fd7", name: "select-icon", "aria-hidden": "true" }), a("span", { key: "02c03946856eed3b6207ec84abbba0d16554af9f", class: "selected-option", part: "msd_dropdown-button-selected-label" }, this.getSelectedOptions().length > 1 ? `Multiple ${this.name}s selected` : ((e = this.availableOptions.filter((n) => n.selected)[0]) == null ? void 0 : e.label) ?? ((t = this.availableOptions[0]) == null ? void 0 : t.label)), a("span", { key: "bbd36a37a7ee28e299da6b22612206e4bbbcf8db", class: this.isOpen ? "open" : "closed", "aria-hidden": "true" }, a("chevron-icon", { key: "4e6f9c3dfd33c8d87b9584648487783e417961c6", width: "16", height: "16" }))), this.isOpen ? null : a("div", { class: "selected-options" }, this.getSelectedOptions().map((n) => a("span", { class: "selected-option" }, n.label, a("button", { key: n.label, onClick: () => this.selectOption(n) }, a("close-icon", null))))), this.isOpen ? a("div", { class: "dropdown-content", part: "msd_dropdown-content" }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-multiselectable": !0, "aria-activedescendant": this.ariaActivedescendant, onKeyDown: (n) => this.handleListboxKeydown(n) }, this.availableOptions.map((n) => this.renderOption(n)))) : null));
-  }
-  get el() {
-    return h(this);
-  }
-};
-Re.style = Ae;
-const Me = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-additional-participants__title{color:var(--nylas-base-nylas-base-900-aaa, #101323);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_wrapper{display:flex;border-width:1;border-radius:8px;border:1px solid var(--nylas-base-300)}.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{background:var(--nylas-base-50)}.nylas-additional-participants__input{flex:1;display:flex;justify-content:space-between}.nylas-additional-participants__input.organizer{padding:12px 16px}.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__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)}', ze = Me;
-var je = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, $ = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const Y = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.eventParticipants = void 0, this.participantOptions = void 0, this.participants = this.eventParticipants ?? [], this.participantsValid = !0;
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-additional-participants", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  connectedCallback() {
-    r("nylas-additional-participants", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-additional-participants", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-additional-participants", "componentDidLoad"), this.updateFormValue();
-  }
-  disconnectedCallback() {
-    r("nylas-additional-participants", "disconnectedCallback");
-  }
-  onInputOptionChanged(e) {
-    var i;
-    r("nylas-additional-participants", "onInputOptionChanged");
-    const t = e.detail.name;
-    this.participants[t].email = e.detail.value;
-    const n = (i = this.participantOptions) == null ? void 0 : i.find((l) => l.email === e.detail.value);
-    this.participants[t].availability = n ? { calendar_ids: ["primary"] } : void 0, this.participants[t].name = (n == null ? void 0 : n.name) || e.detail.value, this.participants = [...this.participants], this.updateFormValue();
-  }
-  onParticipantChange(e, t) {
-    r("nylas-additional-participants", "onParticipantChange"), this.participants[t].email = e.target.value, this.updateFormValue();
-  }
-  addParticipant() {
-    r("nylas-additional-participants", "addParticipant"), this.participants = [...this.participants, { name: "", email: "", is_organizer: !1 }], this.updateFormValue();
-  }
-  removeParticipant(e) {
-    r("nylas-additional-participants", "removeParticipant"), this.participants = this.participants.filter((t, n) => n !== e), this.updateFormValue();
-  }
-  validate(e, t) {
-    r("nylas-additional-participants", "validate");
-    const i = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(String(e).toLowerCase());
-    this.participants[t].is_valid = i, this.updateFormValue();
-  }
-  updateFormValue() {
-    r("nylas-additional-participants", "updateFormValue"), this.internals.setFormValue(JSON.stringify(this.participants), this.name), this.valueChanged.emit({ value: JSON.stringify(this.participants), name: this.name });
-  }
-  getArrayDifference(e, t) {
-    return e.filter((i) => !t.some((l) => i.email === l.email)).map((i) => ({ value: i.email, label: i.email }));
-  }
-  render() {
-    return a(y, { key: "30915e4727e68b0652fc265ced20a3fce93f94d7" }, a("nylas-form-card", { key: "e652c77a0e382aeaab234593ad1cd8fa6cc1b858" }, a("h3", { key: "ee6d3ac07461ef43976e32069cd978a2dc32ba96", slot: "header-title", class: "nylas-additional-participants__title", part: "nap__title" }, "Additional participants"), a("p", { key: "72d712c00b839ad8220ea23cce11cfc233cf14b5", slot: "header-subtitle", class: "nylas-additional-participants__subtitle", part: "nap__subtitle" }, "Add anyone else who would be joining for this event."), a("div", { key: "87b08e14dc5a16b2381728263e079c46545284f4", slot: "content", class: "nylas-additional-participants__content" }, a("div", { key: "da67ac11f9c977007ce885531bcdcbf9c59aca0c" }, this.participants.map((e, t) => a("div", { class: "nylas-additional-participants__input_group", part: "nap__input_group" }, a("label", null, e.is_organizer ? "Organizer" : `Participant ${t}`), a("div", { part: "nap__input_wrapper", class: `nylas-additional-participants__input_wrapper ${e.is_organizer && "nylas-additional-participants__input_wrapper_organizer"} ${e.is_valid === !1 && "nylas-additional-participants__input_wrapper_invalid"}` }, a("div", { class: { "nylas-additional-participants__input": !0, organizer: e.is_organizer }, part: "nap__input" }, e.is_organizer ? a("input", { type: "text", value: e.email, onInput: (n) => {
-      this.onParticipantChange(n, t);
-    }, readOnly: e.is_organizer, onBlur: () => this.validate(e.email, t) }) : a("input-dropdown", { name: `${t}`, filterable: !0, inputValue: e.email, options: this.getArrayDifference(this.participantOptions || [], this.participants) }), !e.is_organizer && a("button", { onClick: () => this.removeParticipant(t), part: "nap__remove-participant" }, a("close-icon", null))))))), a("button", { key: "dd0f412f9affa5cf2b3ab5a331365d5b217e1ade", class: "nylas-additional-participants__add", part: "nap__add-participant", onClick: () => this.addParticipant() }, a("add-circle-icon", { key: "089167b221913ef3e0393efa23db2698a93b3e73" }), " ", a("span", { key: "70860b8258a871e714f2f33890d35ec46835f349" }, "Add ", this.participants.length > 1 ? "another" : "a", " participant")))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"]
-    };
-  }
-};
-je([
-  m({
-    name: "nylas-additional-participants",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.additionalParticipants", "participantOptions"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  $("design:type", Function),
-  $("design:paramtypes", []),
-  $("design:returntype", void 0)
-], Y.prototype, "render", null);
-Y.style = ze;
-const We = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-availability-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-availability-picker .header{padding:1rem}.nylas-availability-picker .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-availability-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-availability-picker .content{padding:1rem;color:var(--nylas-base-900);font-size:16px;font-family:var(--nylas-font-family);border-top:1px solid var(--nylas-base-200)}@media screen and (max-width: 504px){.nylas-availability-picker .content{font-size:15px}}.nylas-availability-picker .content .select-timezone{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--nylas-base-200);padding-bottom:1rem;gap:1rem}.nylas-availability-picker .content .select-timezone h4{display:flex;gap:0.5rem;align-items:center;margin:0;font-size:16px;font-weight:500;line-height:20px}@media screen and (max-width: 504px){.nylas-availability-picker .content .select-timezone h4{font-size:15px}}.nylas-availability-picker .content .availability{display:flex;flex-direction:column;gap:1rem;padding:0 0.5rem;margin:1rem 0}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability{gap:0.5rem;padding:0}}.nylas-availability-picker .content .availability .availability-day{display:grid;grid-template-columns:minmax(auto, 65px) 1fr minmax(auto, 40px);gap:1rem;align-items:baseline}@media screen and (max-width: 768px){.nylas-availability-picker .content .availability .availability-day{grid-template-columns:78px 1fr auto}}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day{display:inline-grid;gap:8px;grid-template-columns:60px 1fr auto}}.nylas-availability-picker .content .availability .availability-day .day{display:flex;gap:0.5rem;align-items:center}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .day{gap:0.25rem}}.nylas-availability-picker .content .availability .availability-day .day input[type=checkbox]{transform:scale(1.3)}.nylas-availability-picker .content .availability .availability-day .time-ranges span.unavailable{height:48px;display:flex;align-items:center;justify-content:center}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{display:flex;gap:1.5rem;justify-content:space-between;align-items:baseline}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range{justify-content:unset;gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{display:flex;gap:1rem}@media screen and (max-width: 504px){.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers{gap:0.5rem}}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range .pickers span{margin-top:0.75rem}.nylas-availability-picker .content .availability .availability-day .time-ranges .time-range:not(:last-of-type){margin-bottom:1rem}.nylas-availability-picker .content .availability .availability-day .time-ranges p.error{color:var(--nylas-error)}.nylas-availability-picker .content .availability .availability-day button{border:none;background:transparent;height:40px;cursor:pointer;color:var(--nylas-base-800)}.nylas-availability-picker .content .availability .availability-day button:hover,.nylas-availability-picker .content .availability .availability-day button:active{color:var(--nylas-primary)}select-dropdown{width:auto}select-dropdown::part(sd_dropdown-button){justify-content:initial}', Be = We;
-var Ze = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, D = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const Q = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.openHours = void 0, this.name = "availability", this.defaultTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.hideHeader = !1, this.schedule = {
-      SUN: [],
-      MON: [{ start: "09:00am", end: "05:00pm" }],
-      TUE: [{ start: "09:00am", end: "05:00pm" }],
-      WED: [{ start: "09:00am", end: "05:00pm" }],
-      THU: [{ start: "09:00am", end: "05:00pm" }],
-      FRI: [{ start: "09:00am", end: "05:00pm" }],
-      SAT: []
-    }, this.timezone = Intl.DateTimeFormat().resolvedOptions().timeZone, this.overlapDays = {};
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  configChangedHandler(e) {
-    var n, i;
-    const t = (i = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.availability_rules) == null ? void 0 : i.default_open_hours;
-    t && this.openHoursToSchedule(t);
-  }
-  scheduleChanged(e, t) {
-    var n;
-    if (e !== t) {
-      let i = {};
-      if (Object.keys(e).forEach((l) => {
-        const s = e[l];
-        if (s.length > 0) {
-          const o = this.getOverlaps(s);
-          o.length > 0 && (i[l] = o);
-        }
-      }), this.overlapDays = i, typeof this.internals.setFormValue != "function")
-        return;
-      if (Object.keys(i).length > 0) {
-        const l = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(Object.keys(i)[0]);
-        l && (r("nylas-availability-picker", "The time ranges are overlapping. Overlap: ", i), this.internals.setValidity({ customError: !0 }, "Overlapping time ranges found", l));
-      } else
-        this.internals.setValidity({ customError: !1 }), this.internals.setFormValue(JSON.stringify({
-          openHours: this.scheduleToOpenHours(this.schedule),
-          timezone: this.timezone
-        }));
-      this.valueChanged.emit({
-        value: JSON.stringify({
-          openHours: this.scheduleToOpenHours(e),
-          timezone: this.timezone
-        }),
-        name: this.name
-      });
-    }
-  }
-  nylasFormDropdownChangedHandler(e) {
-    const { name: t, value: n } = e.detail;
-    if (t === "timezone") {
-      if (this.timezone = n, typeof this.internals.setFormValue != "function")
-        return;
-      const i = {
-        openHours: this.scheduleToOpenHours(this.schedule),
-        timezone: this.timezone
-      };
-      this.internals.setFormValue(JSON.stringify(i)), this.valueChanged.emit({
-        value: JSON.stringify(i),
-        name: this.name
-      });
-    }
-  }
-  connectedCallback() {
-    r("nylas-availability-picker", "connectedCallback");
-  }
-  disconnectedCallback() {
-    r("nylas-availability-picker", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-availability-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    if (r("nylas-availability-picker", "componentDidLoad"), this.openHours && this.openHours.length > 0 && this.openHoursToSchedule(this.openHours), typeof this.internals.setFormValue != "function")
-      return;
-    const e = {
-      openHours: this.scheduleToOpenHours(this.schedule),
-      timezone: this.timezone
-    };
-    this.internals.setFormValue(JSON.stringify(e)), this.valueChanged.emit({
-      value: JSON.stringify(e),
-      name: this.name
-    });
-  }
-  getOverlaps(e) {
-    let t = e.map((i, l) => ({
-      start: w(i.start),
-      end: w(i.end),
-      originalIndex: l
-    }));
-    t.sort((i, l) => i.start - l.start);
-    let n = [];
-    for (let i = 1; i < t.length; i++)
-      t[i].start < t[i - 1].end && (n.includes(t[i].originalIndex) || n.push(t[i].originalIndex), n.includes(t[i - 1].originalIndex) || n.push(t[i - 1].originalIndex));
-    return n.sort((i, l) => i - l);
-  }
-  addTimeRange(e) {
-    const t = this.schedule[e], n = 0, i = 1425;
-    if (t.length === 0)
-      this.schedule[e] = [{ start: "09:00am", end: "05:00pm" }];
-    else {
-      const l = t.map((o) => ({
-        start: w(o.start),
-        end: w(o.end)
-      })).sort((o, d) => o.start - d.start), s = l[l.length - 1].end;
-      if (s + 60 <= i)
-        this.schedule[e].push({
-          start: x(O(s)),
-          end: x(O(s + 60))
-        });
-      else {
-        let o = !1;
-        if (l[0].start > n + 60 && (this.schedule[e].push({
-          start: x(O(n)),
-          end: x(O(n + 60))
-        }), o = !0), !o)
-          for (let d = 0; d < l.length - 1; d++) {
-            const b = l[d].end;
-            if (l[d + 1].start - b >= 60) {
-              this.schedule[e].push({
-                start: x(O(b)),
-                end: x(O(b + 60))
-              });
-              break;
-            }
-          }
-      }
-    }
-    this.schedule[e].sort((l, s) => w(l.start) - w(s.start)), this.schedule = { ...this.schedule };
-  }
-  removeTimeRange(e, t) {
-    this.schedule[e].splice(t, 1), this.schedule = { ...this.schedule };
-  }
-  setTime(e) {
-    const { key: t, value: n } = e.detail, [i, l] = t.split("_"), [s, o] = i.split(":");
-    l === "start" ? this.schedule[s][o].start = n : l === "end" && (this.schedule[s][o].end = n), this.internals.setValidity({ customError: !1 }), this.schedule = { ...this.schedule };
-  }
-  setFormError(e) {
-    var s;
-    const { key: t } = e.detail, [n, i] = t.split("_"), l = (s = this.host.shadowRoot) == null ? void 0 : s.getElementById(t);
-    l && this.internals.setValidity({ customError: !0 }, `Invalid ${i} time`, l);
-  }
-  openHoursToSchedule(e) {
-    const t = {
-      SUN: [],
-      MON: [],
-      TUE: [],
-      WED: [],
-      THU: [],
-      FRI: [],
-      SAT: []
-    };
-    e.forEach((n) => {
-      n.days.forEach((i) => {
-        const l = this.getDayKey(i), s = x(n.start), o = x(n.end), d = { start: s, end: o };
-        let b = !1;
-        t[l] && (b = t[l].some((f) => f.start === d.start && f.end === d.end)), b || (t[l] ? t[l].push(d) : t[l] = [d]);
-      });
-    }), this.timezone = this.defaultTimezone, this.schedule = t;
-  }
-  getDayKey(e) {
-    return ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"][e];
-  }
-  scheduleToOpenHours(e) {
-    const t = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
-    let n = /* @__PURE__ */ new Map();
-    t.forEach((l, s) => {
-      e[l] && e[l].forEach((o) => {
-        const d = V(o.start), b = V(o.end), f = `${d}-${b}`;
-        if (!n.has(f))
-          n.set(f, { days: [s], start: d, end: b });
-        else {
-          let c = n.get(f);
-          c && (c.days.push(s), n.set(f, c));
-        }
-      });
-    });
-    let i = [];
-    return n.forEach((l, s) => {
-      i.push({
-        days: l.days,
-        start: l.start,
-        end: l.end,
-        timezone: this.timezone
-      });
-    }), i;
-  }
-  render() {
-    const e = Object.keys(J).map((t) => ({
-      label: J[t],
-      value: t
-    }));
-    return a(y, { key: "bb0a4148b2d9728d7a2a9fdab8359382dd1ae5d5" }, a("div", { key: "27c5e85931d318e6ec66a155faa78e021b570f70", class: "nylas-availability-picker", part: "nap" }, !this.hideHeader && a("div", { class: "header", part: "nap__header" }, a("h3", null, "General availability"), a("p", null, "Set your availability for scheduling meetings.")), a("div", { key: "f2b3434dc127fc19fe6fe915cdc5f4a9d12ba6e7", class: "content" }, a("div", { key: "bd75cb0749168b32c6366aea6f4df5920d098ec7", class: "select-timezone", part: "nap__select-timezone" }, a("h4", { key: "0c74924a291afaa07ff5b06781720a8cbadeea4d", class: "sub-header" }, "Select timezone", a("span", { key: "64933b3f6623f2d0b13559406db3d14afa99e0b6", class: "icon" }, a("tooltip-component", { key: "09c42633826e0ad358b4877f7d48bb70ce7ca518" }, a("info-icon", { key: "9ea9340b193710d759e71081e59ad6ccf762e4a8", slot: "tooltip-icon" }), a("span", { key: "83e596171dc8fb74543b21e957855f9cd32423b1", slot: "tooltip-content" }, "Select your timezone for displaying availability.")))), a("select-dropdown", { key: "d65b32234b1669a5e7bef4b88024f50548011b98", name: "timezone", exportparts: "sd_dropdown: nap__timezone-container, sd_dropdown-button: nap__timezone-button, sd_dropdown-content: nap__timezone-dropdown-content", options: e, defaultSelectedOption: e.find((t) => t.value === this.defaultTimezone) }, a("span", { key: "3387e2d39b7a052557d7668d5a7822fda1440da7", slot: "select-icon" }, a("globe-icon", { key: "e92459b2ce063e199d8685f5a422a88e7a50fbd6", width: "20", height: "20" })))), a("div", { key: "d510d9538189898f52e56388d661158e243fc8dd", class: "availability", part: "nap__availability" }, Object.keys(this.schedule).map((t) => {
-      const n = t, i = this.schedule[t];
-      return a("div", { class: "availability-day" }, a("div", { class: "day", part: "nap__day" }, a("input", { type: "checkbox", name: n, id: n, checked: i.length > 0, onClick: () => {
-        i.length > 0 ? this.schedule[n] = [] : this.schedule[n] = [{ start: "09:00am", end: "05:00pm" }], this.schedule = { ...this.schedule };
-      } }), a("label", { htmlFor: n, "aria-label": "Select day" }, n)), a("div", { class: "time-ranges", part: "nap__time-ranges" }, i.length ? null : a("span", { class: "unavailable" }, "Unavailable"), i.length > 0 && i.map((l, s) => {
-        var b, f;
-        const o = `${t}:${s}_start`, d = `${t}:${s}_end`;
-        return a("div", { class: "time-range", part: "nap__time-range" }, a("div", { class: "pickers" }, a("nylas-time-window-picker", { id: o, hasError: (b = this.overlapDays[n]) == null ? void 0 : b.includes(s), time: l.start, name: o, key: o, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" }), a("span", null, " - "), a("nylas-time-window-picker", { id: d, hasError: (f = this.overlapDays[n]) == null ? void 0 : f.includes(s), time: l.end, name: d, key: d, minimumStartTime: l.start, exportparts: "time-picker: nap__time-picker-container, time-input: nap__time-picker-input, times: nap__time-picker-times" })), a("button", { onClick: () => this.removeTimeRange(n, s) }, a("close-icon", null)));
-      }), a("p", { class: "error" }, this.overlapDays[n] ? "Overlapping time ranges" : "")), a("div", null, i.length > 0 ? a("button", { onClick: () => this.addTimeRange(n), part: "nap__add-time-range" }, a("add-circle-icon", null)) : null));
-    })))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["configChangedHandler"],
-      schedule: ["scheduleChanged"]
-    };
-  }
-};
-Ze([
-  m({
-    name: "nylas-availability-picker",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    fireRegisterEvent: !0
-  }),
-  D("design:type", Function),
-  D("design:paramtypes", []),
-  D("design:returntype", void 0)
-], Q.prototype, "render", null);
-Q.style = Be;
-const Ue = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-booking-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-booking-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-booking-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown span.label tooltip-component{display:flex}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-booking-calendar-picker .nylas-booking-calendar-picker__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Ge = Ue;
-var Ve = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, S = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const X = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.calendars = void 0, this.currentUser = void 0, this.name = "booking-calendar", this.defaultBookingCalendar = "", this.selectedCalendar = "";
-  }
-  connectedCallback() {
-    r("nylas-booking-calendar-picker", "connectedCallback");
-  }
-  disconnectedCallback() {
-    r("nylas-booking-calendar-picker", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-booking-calendar-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    var e, t;
-    r("nylas-booking-calendar-picker", "componentDidLoad"), this.defaultBookingCalendar = this.defaultBookingCalendar || ((e = this.currentUser) == null ? void 0 : e.email) || "", typeof this.internals.setFormValue == "function" && this.internals.setFormValue(this.defaultBookingCalendar.toString(), "booking-calendar"), this.selectedCalendar = this.defaultBookingCalendar || ((t = this.currentUser) == null ? void 0 : t.email) || "";
-  }
-  componentWillUpdate() {
-    r("nylas-booking-calendar-picker", "componentWillUpdate");
-  }
-  componentDidUpdate() {
-    r("nylas-booking-calendar-picker", "componentDidUpdate");
-  }
-  componentWillRender() {
-    r("nylas-booking-calendar-picker", "componentWillRender");
-  }
-  componentDidRender() {
-    r("nylas-booking-calendar-picker", "componentDidRender");
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-booking-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  nylasFormDropdownChangedHandler(e) {
-    r("nylas-booking-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
-    const t = (n) => {
-      const { value: i } = n.detail;
-      this.selectedCalendar = i, this.internals.setFormValue(i.toString(), this.name);
-    };
-    this.valueChanged.emit({ value: e.detail.value, name: this.name, valueChanged: t });
-  }
-  render() {
-    var t;
-    const e = ((t = this.calendars) == null ? void 0 : t.map((n) => ({
-      value: n.id,
-      label: n.name
-    }))) ?? [];
-    return a(y, null, a("div", { class: "nylas-booking-calendar-picker", part: "nbcp" }, a("div", { class: "header", part: "nbcp__header" }, a("h3", null, "Calendar booking"), a("p", null, "Choose calendar where you’d like the event bookings to show up.")), e.length > 0 ? a("div", { class: "nylas-booking-calendar-picker__dropdown" }, a("span", { class: "label", part: "nbcp__input-label" }, "Select a calendar to book meetings on", a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available."))), a("select-dropdown", { name: "booking-calendar", options: e, withSearch: !1, exportparts: "sd_dropdown: nbcp__dropdown, sd_dropdown-button: nbcp__dropdown-button, sd_dropdown-content: nbcp__dropdown-content", defaultSelectedOption: e.find((n) => n.value == this.defaultBookingCalendar) ?? e[0] })) : a("div", { class: "nylas-booking-calendar-picker__loading" }, a("span", { class: "label" }, "Select a calendar to book meetings on ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"]
-    };
-  }
-};
-Ve([
-  m({
-    name: "nylas-booking-calendar-picker",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.calendars", "calendars"],
-      ["schedulerConfig.currentUser", "currentUser"]
-    ]),
-    eventToProps: {
-      valueChanged: async (e, t) => {
-        const { valueChanged: n } = e.detail;
-        n && n(e);
-      }
-    },
-    fireRegisterEvent: !0
-  }),
-  S("design:type", Function),
-  S("design:paramtypes", []),
-  S("design:returntype", void 0)
-], X.prototype, "render", null);
-X.style = Ge;
-const Je = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-buffer-time{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200);text-align:left}.nylas-buffer-time .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-buffer-time .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-buffer-time .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-buffer-time .nylas-buffer-time__body{display:grid;grid-template-columns:1fr auto}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body{grid-template-columns:1fr}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{padding:1rem;display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--nylas-base-200);color:var(--nylas-base-800)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown{border:none}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row label{width:200px}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__dropdown .nylas-buffer-time__row .dropdown-container{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:208px;background:var(--nylas-base-25);border-bottom-right-radius:var(--nylas-border-radius-2x)}@media screen and (max-width: 768px){.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview{width:inherit;border-bottom-left-radius:var(--nylas-border-radius-2x)}}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview h4{font-size:14px;line-height:24px;color:var(--nylas-base-600);font-family:var(--nylas-font-family);font-weight:500;text-align:center;margin:0.75rem 0}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container{padding:0 2rem 1rem}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot{background-color:transparent;border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot.active{background-color:var(--nylas-base-100)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .slot:last-of-type{border-bottom:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__body .nylas-buffer-time__preview .preview-container .event-slot{background-color:var(--nylas-base-600);border-top:1px solid var(--nylas-base-300)}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button){width:104px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-content){width:100%}.nylas-buffer-time .nylas-buffer-time__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Ke = Je;
-var qe = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, E = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const ee = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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 = "buffer-time", this.buffer = { before: 0, after: 0 }, this.selectedBeforeBufferTime = this.buffer.before, this.selectedAfterBufferTime = this.buffer.after;
-  }
-  connectedCallback() {
-    r("nylas-buffer-time", "connectedCallback");
-  }
-  disconnectedCallback() {
-    r("nylas-buffer-time", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-buffer-time", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    if (r("nylas-buffer-time", "componentDidLoad"), typeof this.internals.setFormValue == "function") {
-      const e = {
-        before: this.selectedBeforeBufferTime,
-        after: this.selectedAfterBufferTime
-      };
-      this.internals.setFormValue(JSON.stringify(e), this.name);
-    }
-    this.selectedAfterBufferTime = this.buffer.after, this.selectedBeforeBufferTime = this.buffer.before;
-  }
-  componentWillUpdate() {
-    r("nylas-buffer-time", "componentWillUpdate");
-  }
-  componentDidUpdate() {
-    r("nylas-buffer-time", "componentDidUpdate");
-  }
-  componentWillRender() {
-    r("nylas-buffer-time", "componentWillRender");
-  }
-  componentDidRender() {
-    r("nylas-buffer-time", "componentDidRender");
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-buffer-time", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  nylasFormDropdownChangedHandler(e) {
-    r("nylas-buffer-time", "nylasFormDropdownChangedHandler", e.detail);
-    const t = (n) => {
-      const { value: i, name: l } = n.detail;
-      l === "before-buffer-time" ? this.selectedBeforeBufferTime = parseInt(i) : l === "after-buffer-time" && (this.selectedAfterBufferTime = parseInt(i));
-      const s = {
-        before: this.selectedBeforeBufferTime,
-        after: this.selectedAfterBufferTime
-      };
-      this.internals.setFormValue(JSON.stringify(s), "booking-calendar");
-    };
-    this.valueChanged.emit({ ...e.detail, valueChanged: t });
-  }
-  renderPreview() {
-    const i = (o) => {
-      const d = Math.floor(o / 30), b = o % 30 / 30 * 10;
-      return {
-        fullSlots: d,
-        partialFillHeight: b
-      };
-    }, l = () => {
-      const { fullSlots: o, partialFillHeight: d } = i(this.selectedBeforeBufferTime);
-      return Array.from({ length: 4 }, (b, f) => {
-        const c = this.selectedBeforeBufferTime > 0 && f > 4 - o - 1, _ = this.selectedBeforeBufferTime > 0 && f === 4 - o - 1 && d > 0;
-        let g = {};
-        return c && !_ ? g.backgroundColor = "var(--nylas-base-100)" : _ && (g.background = `linear-gradient(to top, var(--nylas-base-100) ${d}px, transparent 0)`), a("div", { key: f, class: `slot ${c ? "active" : ""}`, style: {
-          height: "10px",
-          ...g
-        } });
-      });
-    }, s = () => {
-      const { fullSlots: o, partialFillHeight: d } = i(this.selectedAfterBufferTime);
-      return Array.from({ length: 4 }, (b, f) => {
-        const c = this.selectedAfterBufferTime > 0 && f < o, _ = f === o && d > 0;
-        let g = {};
-        return c && !_ ? g.backgroundColor = "var(--nylas-base-100)" : _ && (g.background = `linear-gradient(to bottom, var(--nylas-base-100) ${d}px, transparent 0)`), a("div", { key: f, class: `slot ${c ? "active" : ""}`, style: {
-          height: "10px",
-          ...g
-        } });
-      });
-    };
-    return a("div", { class: "preview-container" }, l(), a("div", { class: "event-slot", style: { height: "20px" } }), s());
-  }
-  render() {
-    const e = Array.from({ length: 25 }, (t, n) => {
-      const i = n * 5;
-      return {
-        label: i.toString(),
-        value: i
-      };
-    });
-    return a(y, null, a("div", { class: "nylas-buffer-time", part: "nbt" }, a("div", { class: "header", part: "nbt__header" }, a("h3", null, "Buffer time"), a("p", null, "Add buffer time before and after the event.")), a("div", { class: "nylas-buffer-time__body", part: "nbt__body" }, a("div", { class: "nylas-buffer-time__dropdown" }, a("div", { class: "nylas-buffer-time__row" }, a("label", null, "Before the event"), a("div", { class: "dropdown-container" }, a("select-dropdown", { id: "before-buffer-time", withSearch: !1, name: "before-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-before, sd_dropdown-button: nbt__dropdown-button-before, sd_dropdown-content: nbt__dropdown-content-before", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedBeforeBufferTime) ?? e[0] }), a("span", null, "mins"))), a("div", { class: "nylas-buffer-time__row" }, a("label", null, "After the event"), a("div", { class: "dropdown-container" }, a("select-dropdown", { id: "after-buffer-time", withSearch: !1, name: "after-buffer-time", exportparts: "sd_dropdown: nbt__dropdown-after, sd_dropdown-button: nbt__dropdown-button-after, sd_dropdown-content: nbt__dropdown-content-after", options: e, defaultSelectedOption: e.find((t) => t.value == this.selectedAfterBufferTime) ?? e[0] }), a("span", null, "mins")))), a("div", { class: "nylas-buffer-time__preview", part: "nbt__preview" }, a("h4", null, "PREVIEW"), this.renderPreview()))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"]
-    };
-  }
-};
-qe([
-  m({
-    name: "nylas-buffer-time",
-    eventToProps: {
-      valueChanged: async (e, t) => {
-        const { valueChanged: n } = e.detail;
-        n && n(e);
-      }
-    },
-    fireRegisterEvent: !0
-  }),
-  E("design:type", Function),
-  E("design:paramtypes", []),
-  E("design:returntype", void 0)
-], ee.prototype, "render", null);
-ee.style = Ke;
-const Ye = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-calendar-picker{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-calendar-picker .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-calendar-picker .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-calendar-picker .nylas-calendar-picker__loading{padding-bottom:1rem;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__loading .label{display:flex;align-items:center;gap:0.5rem;margin:1rem 1rem 0;color:var(--nylas-base-800)}.nylas-calendar-picker .nylas-calendar-picker__loading .label tooltip-component{display:flex}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button{margin:0 1rem;padding:0;width:inherit;height:48px;color:black;font-size:1rem;cursor:not-allowed;display:flex;gap:0.5rem;justify-content:space-between;align-items:center;background:transparent;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x)}.nylas-calendar-picker .nylas-calendar-picker__loading .loading-button span{padding:0 1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown{padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown){width:100%;display:flex;flex-direction:column;gap:4px}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-content){width:100%;max-width:unset}.nylas-calendar-picker .nylas-calendar-picker__dropdown multi-select-dropdown::part(msd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', Qe = Ye;
-var Xe = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, L = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const te = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.calendars = void 0, this.currentUser = void 0, this.name = "calendar", this.defaultSelectedCalendars = [], this.selectedCalendars = [];
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-calendar-picker", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  connectedCallback() {
-    r("nylas-calendar-picker", "connectedCallback");
-  }
-  disconnectedCallback() {
-    r("nylas-calendar-picker", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-calendar-picker", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-calendar-picker", "componentDidLoad"), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(this.defaultSelectedCalendars.toString(), "calendar");
-  }
-  componentWillUpdate() {
-    r("nylas-calendar-picker", "componentWillUpdate");
-  }
-  componentDidUpdate() {
-    r("nylas-calendar-picker", "componentDidUpdate");
-  }
-  componentWillRender() {
-    r("nylas-calendar-picker", "componentWillRender");
-  }
-  componentDidRender() {
-    r("nylas-calendar-picker", "componentDidRender");
-  }
-  selectedOptionsChangedHandler(e) {
-    r("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
-    const t = (n) => {
-      const { value: i } = n.detail;
-      this.selectedCalendars = [...i], this.internals.setFormValue(i.toString(), "calendar");
-    };
-    this.valueChanged.emit({ ...e.detail, name: this.name, valueChangedHandler: t });
-  }
-  render() {
-    var t;
-    const e = ((t = this.calendars) == null ? void 0 : t.map((n) => {
-      var i, l, s, o;
-      return {
-        value: n.id,
-        label: n.name,
-        selected: ((i = this.defaultSelectedCalendars) == null ? void 0 : i.includes(n.id)) || ((l = this.defaultSelectedCalendars) != null && l.includes("primary") || ((s = this.defaultSelectedCalendars) == null ? void 0 : s.length) === 0 ? n.id === ((o = this.currentUser) == null ? void 0 : o.email) : !1)
-      };
-    })) ?? [];
-    return a(y, null, a("div", { class: "nylas-calendar-picker", part: "ncp" }, a("div", { class: "header", part: "ncp__header" }, a("h3", null, "Calendar availability"), a("p", null, "Select calendars that you’d like to use for checking your availability.")), e.length > 0 ? a("div", { class: "nylas-calendar-picker__dropdown" }, a("multi-select-dropdown", { name: "calendar", label: "Select calendars that will be checked for availability", options: e, exportparts: "msd_dropdown: ncp__dropdown, msd_dropdown-button: ncp__dropdown-button, msd_dropdown-content: ncp__dropdown-content" }, a("span", { slot: "label-icon" }, a("tooltip-component", null, a("info-icon", { slot: "tooltip-icon" }), a("span", { slot: "tooltip-content" }, "Check availability across one or multiple calendars. If multiple calendars are selected, you must be available across all of them to be considered available. The default is your primary calendar if none are selected."))))) : a("div", { class: "nylas-calendar-picker__loading" }, a("span", { class: "label" }, "Select calendars that will be checked for availability ", a("info-icon", null)), a("div", { class: "loading-button" }, a("span", null, "Loading...")))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"]
-    };
-  }
-};
-Xe([
-  m({
-    name: "nylas-calendar-picker",
-    stateToProps: /* @__PURE__ */ new Map([
-      ["schedulerConfig.calendars", "calendars"],
-      ["schedulerConfig.currentUser", "currentUser"]
-    ]),
-    eventToProps: {
-      valueChanged: async (e, t) => {
-        const { valueChangedHandler: n } = e.detail;
-        n && n(e);
-      }
-    },
-    fireRegisterEvent: !0
-  }),
-  L("design:type", Function),
-  L("design:paramtypes", []),
-  L("design:returntype", void 0)
-], te.prototype, "render", null);
-te.style = Qe;
-const et = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-cancellation-policy{display:flex;flex-direction:column;gap:4px}.nylas-cancellation-policy label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-cancellation-policy label span.label-icon{margin-left:4px}.nylas-cancellation-policy label span.label-icon tooltip-component{display:flex}.nylas-cancellation-policy 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-cancellation-policy textarea::-webkit-resizer{display:none}', tt = et;
-var nt = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, N = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const ne = class {
-  constructor(e) {
-    var t, n;
-    p(this, e), this.valueChanged = u(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.cancellationPolicy = void 0, this.name = "cancelation-policy", this.message = this.cancellationPolicy || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.scheduler) == null ? void 0 : n.cancellation_policy) || "";
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-cancellation-policy", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e, t) {
-    var n, i;
-    r("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.scheduler) != null && n.cancellation_policy && (this.message = (i = e == null ? void 0 : e.scheduler) == null ? void 0 : i.cancellation_policy);
-  }
-  connectedCallback() {
-    r("nylas-cancellation-policy", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-cancellation-policy", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-cancellation-policy", "componentDidLoad");
-  }
-  disconnectedCallback() {
-    r("nylas-cancellation-policy", "disconnectedCallback");
-  }
-  handleChange(e) {
-    const t = H(e.target.value);
-    this.message = t, this.internals.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
-  }
-  render() {
-    return a(y, { key: "7a57476ea21860b39103ab43f8b86a5804ddc055" }, a("div", { key: "67d7d2c00b2b658778dabe316a4512472bddf435", class: "nylas-cancellation-policy", part: "ncpolicy" }, a("label", { key: "2f0abff08c2485c93efaf6202a5c9720107f11d1", htmlFor: this.name }, "Cancellation policy message", a("span", { key: "2c16d52ce3b6fea15f23e57d50afe55872f920d6", class: "label-icon" }, a("tooltip-component", { key: "8bde2b6a884e8d180ef7296bbf29322df14128ef" }, a("info-icon", { key: "cffadcf00bc6c3b07dffeb633bf87b423d6f4c59", slot: "tooltip-icon" }), a("span", { key: "5c37fbce026bb6f5a37f7867236fc27284323c42", slot: "tooltip-content" }, "Attendees receive this message if trying to cancel the event. Attendees are asked to provide a reason for cancellation.")))), a("textarea", { key: "0f492885372a90650104bbb4679cde1374296504", id: this.name, part: "ncpolicy__textarea", name: this.name, value: this.message, maxlength: "250", onInput: (e) => this.handleChange(e) })));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"]
-    };
-  }
-};
-nt([
-  m({
-    name: "nylas-cancellation-policy",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  N("design:type", Function),
-  N("design:paramtypes", []),
-  N("design:returntype", void 0)
-], ne.prototype, "render", null);
-ne.style = tt;
-const at = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-customize-booking-settings{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-customize-booking-settings .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-customize-booking-settings .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;margin:1rem 0}.nylas-customize-booking-settings .nylas-customize-booking-settings__settings .nylas-customize-booking-settings__settings-div{display:flex;align-items:center;gap:4px}.label{margin-left:32px;font-size:16px;font-weight:400;color:var(--nylas-base-800);line-height:24px}.label .label-contents{margin:0;display:inline-block}@media screen and (max-width: 768px){.label .label-contents{display:block}}.label tooltip-component{display:inline-block}@media screen and (max-width: 768px){tooltip-component#guests::part(tc__content){left:58px}}tooltip-component#reschedule::part(tc__content){left:58px}@media screen and (max-width: 768px){tooltip-component#reschedule::part(tc__content){left:58px}}tooltip-component#cancel::part(tc__content){left:-58px}@media screen and (max-width: 768px){tooltip-component#cancel::part(tc__content){left:58px}}', it = at;
-var st = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, P = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const ae = class {
-  constructor(e) {
-    var t, n, i, l, s, o;
-    p(this, e), this.valueChanged = u(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.defaultAdditionalGuestsHidden = ((n = (t = this.selectedConfiguration) == null ? void 0 : t.scheduler) == null ? void 0 : n.hide_additional_guests) ?? !1, this.defaultHideCancellationOptions = ((l = (i = this.selectedConfiguration) == null ? void 0 : i.scheduler) == null ? void 0 : l.hide_cancellation_options) ?? !1, this.defaultHideReschedulingOptions = ((o = (s = this.selectedConfiguration) == null ? void 0 : s.scheduler) == null ? void 0 : o.hide_rescheduling_options) ?? !1, this.name = "customize-booking-settings", this.allowGuestsToInvite = this.defaultAdditionalGuestsHidden, this.hideCancellationOptions = this.defaultHideCancellationOptions, this.hideReschedulingOptions = this.defaultHideReschedulingOptions;
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-customize-booking-settings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var t, n, i;
-    r("nylas-customize-booking-settings", "selectedConfigurationChangedHandler", e), this.allowGuestsToInvite = !((t = e == null ? void 0 : e.scheduler) != null && t.hide_additional_guests), this.hideCancellationOptions = ((n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.hide_cancellation_options) ?? !1, this.hideReschedulingOptions = ((i = e == null ? void 0 : e.scheduler) == null ? void 0 : i.hide_rescheduling_options) ?? !1;
-  }
-  connectedCallback() {
-    r("nylas-customize-booking-settings", "connectedCallback");
-  }
-  disconnectedCallback() {
-    r("nylas-customize-booking-settings", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-customize-booking-settings", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-customize-booking-settings", "componentDidLoad");
-  }
-  componentWillUpdate() {
-    r("nylas-customize-booking-settings", "componentWillUpdate");
-  }
-  componentDidUpdate() {
-    r("nylas-customize-booking-settings", "componentDidUpdate");
-  }
-  componentWillRender() {
-    r("nylas-customize-booking-settings", "componentWillRender");
-  }
-  componentDidRender() {
-    r("nylas-customize-booking-settings", "componentDidRender");
-  }
-  checkboxToggledHandler(e) {
-    const { name: t, checked: n } = e.detail;
-    switch (t) {
-      case "hide_additional_guests":
-        this.allowGuestsToInvite = n;
-        break;
-      case "hide_cancellation_options":
-        this.hideCancellationOptions = n;
-        break;
-      case "hide_rescheduling_options":
-        this.hideReschedulingOptions = n;
-        break;
-    }
-    this.valueChanged.emit({
-      value: JSON.stringify({
-        additionalGuestsHidden: !this.allowGuestsToInvite,
-        hideCancellationOptions: this.hideCancellationOptions,
-        hideReschedulingOptions: this.hideReschedulingOptions
-      }),
-      name: this.name
-    }), this.internals.setFormValue(JSON.stringify({
-      additionalGuestsHidden: !this.allowGuestsToInvite,
-      hideCancellationOptions: this.hideCancellationOptions,
-      hideReschedulingOptions: this.hideReschedulingOptions
-    }), this.name);
-  }
-  render() {
-    return a(y, { key: "543f4fc64d9dab03c528c5738cd4c1b1bb9cfd2a" }, a("div", { key: "e3f153847ad5256327952d4be0aace03543b1d40", class: "nylas-customize-booking-settings", part: "ncbs" }, a("div", { key: "5b35f27785f6f6bc8e8848d94857869b73108df0", class: "header", part: "ncbs__header" }, a("h3", { key: "d50a9614e3b0b5227a196356a43f12aab4acb158" }, "Additional settings"), a("p", { key: "f29bbb165479e276cf87087582e9c60eb21c37d1" }, "Booking settings for the event.")), a("div", { key: "d091485f983d0cc3ff86e7ca89df8d75526d3cef", class: "nylas-customize-booking-settings__settings", part: "ncbs__settings" }, a("div", { key: "7f7888a718a70a681795e599075c92cfbc16853a", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__additional_guests" }, a("checkbox-component", { key: "e37474d77812d96fe264d26c329078502c074dbe", name: "hide_additional_guests", label: "Allow guests to invite additional guests.", checked: this.allowGuestsToInvite }, a("span", { key: "00b45833c0223e373edf0b42669e4a154938b1eb", slot: "label", class: "label" }, a("p", { key: "e66de8b9f53230347417a8ec0a7ae7a19af9db31", class: "label-contents" }, "Allow guests to invite additional guests to the booking."), a("tooltip-component", { key: "1ba5558e1991235c21f57ca1968220ea7bf43fcb", id: "guests" }, a("info-icon", { key: "3e62cc64cc55eb3dd4d0a73cef80a64c8dc9c38f", slot: "tooltip-icon" }), a("span", { key: "3853d0d575be29420ea012c90b0a2c07913a86a7", slot: "tooltip-content" }, "Allow guests to invite additional guests to the event. If enabled, the guest will be able to add additional guests' email addresses."))))), a("div", { key: "92e209a924673d8b1dee03475ffabfea5d9bf09b", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__rescheduling_options" }, a("checkbox-component", { key: "f7b522c07700938d25b17e14d236edb2aae12b21", name: "hide_rescheduling_options", label: "Hide 'Reschedule' option on booking page and emails.", checked: this.hideReschedulingOptions }, a("span", { key: "590cb5d983ff6eef95ebb370b845e1cc8e3080e4", slot: "label", class: "label" }, a("p", { key: "8f2d2742976e21a81268c793ae1c6c9dafdcecc3", class: "label-contents" }, "Hide the ", a("strong", { key: "4b01f75e4067d7c8d26ca785d5c6ad841633130c" }, "Reschedule"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "8a157115569a4413143779c9e09c8389394973f9", id: "reschedule" }, a("info-icon", { key: "b3a2c734d2d7a303d1d4d2622b51113aa7d3dfaf", slot: "tooltip-icon" }), a("span", { key: "2d08ceb49e744787da6863d72cf2c6df50f1a7cc", slot: "tooltip-content" }, "Hide the 'Reschedule' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to reschedule the booking."))))), a("div", { key: "6bc7f1a30a750ba85453d852f6f7e05c0513673d", class: "nylas-customize-booking-settings__settings-div", part: "ncbs__settings-div , ncbs__cancellation_options" }, a("checkbox-component", { key: "089ca174d8aabb26d87f5bb8cb871b9e82b7c04f", name: "hide_cancellation_options", label: "Hide 'Cancel' option on booking page and emails.", checked: this.hideCancellationOptions }, a("span", { key: "9ec50185d728baddbe0805eaeff057686b153bea", slot: "label", class: "label" }, a("p", { key: "118c1c3cc06dba90f451711aba0dde3efeeec9f0", class: "label-contents" }, "Hide the ", a("strong", { key: "c1a26aa5c832fba488d60fc3af5a3c000ada144d" }, "Cancel"), " button on the Scheduling Page and in the email notifications."), a("tooltip-component", { key: "b70473d1e93c11d9b05a9dcec67d77795638bbeb", id: "cancel" }, a("info-icon", { key: "2f0d812ac9fb7a52260b601c590b7a629036ea7c", slot: "tooltip-icon" }), a("span", { key: "4c5b3b51b57761a377ccfa7f66d6d69486d8cb11", slot: "tooltip-content" }, "Hide the 'Cancel' button on the Scheduling page and in the email notifications. If enabled, the guest will not be able to cancel the booking."))))))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"]
-    };
-  }
-};
-st([
-  m({
-    name: "nylas-customize-booking-settings",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    fireRegisterEvent: !0
-  }),
-  P("design:type", Function),
-  P("design:paramtypes", []),
-  P("design:returntype", void 0)
-], ae.prototype, "render", null);
-ae.style = it;
-const lt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-description{display:flex;flex-direction:column;gap:4px}.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}', ot = lt;
-var rt = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, F = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const ie = class {
-  constructor(e) {
-    var t, n;
-    p(this, e), this.valueChanged = u(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 = void 0, this.name = "description", this.description = this.eventDescription || ((n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.description) || "";
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-event-description", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e, t) {
-    var n, i;
-    r("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t), (n = e == null ? void 0 : e.event_booking) != null && n.description && (this.description = (i = e == null ? void 0 : e.event_booking) == null ? void 0 : i.description);
-  }
-  connectedCallback() {
-    r("nylas-event-description", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-event-description", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-event-description", "componentDidLoad");
-  }
-  disconnectedCallback() {
-    r("nylas-event-description", "disconnectedCallback");
-  }
-  handleChange(e) {
-    const t = H(e.target.value);
-    this.description = t, this.internals.setFormValue(t, "description"), this.valueChanged.emit({ value: t, name: this.name });
-  }
-  render() {
-    return a(y, { key: "ac483c56982373fb625c6d1af54eed749ce820e2" }, a("div", { key: "3924853ea2c94d72bf2a04a319bee5fc61eb7642", class: "nylas-event-description", part: "nedesc" }, a("label", { key: "e8f9990a4f0766de9691080ef02b823c4cd6beb4", htmlFor: "description" }, "Event description", a("span", { key: "dc7fa731cc60ed6e59032cdb35d0b410de300750", class: "label-icon" }, a("tooltip-component", { key: "1c0b1a5a547227bf7d4f499cc7c319349ec26e2d" }, a("info-icon", { key: "e74034f5a5d8ab86c0d497b15c9cb8016d22f38e", slot: "tooltip-icon" }), a("span", { key: "c5efa1fc3adc9290e39d40f1f7998e0c6bdd3bf4", slot: "tooltip-content" }, "Provide any additional details for your event.")))), a("textarea", { key: "45d8cc241ab90a24ec437499234b02cc401fa720", id: "description", part: "nedesc__textarea", name: "description", value: this.description, maxlength: "8192", onInput: (e) => this.handleChange(e) })));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"]
-    };
-  }
-};
-rt([
-  m({
-    name: "nylas-event-description",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  F("design:type", Function),
-  F("design:paramtypes", []),
-  F("design:returntype", void 0)
-], ie.prototype, "render", null);
-ie.style = ot;
-const dt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-duration{display:flex;flex-direction:column;gap:4px}.nylas-event-duration 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-duration label span.required{color:var(--nylas-error, #cc4841)}.nylas-event-duration label span.label-icon{margin-left:4px}.nylas-event-duration label span.label-icon tooltip-component{display:flex}.nylas-event-duration__wrapper{display:flex;align-items:center;gap:0.5rem}.nylas-event-duration__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-event-duration__wrapper input-dropdown::part(id_dropdown-input){border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:14px 16px;width:50px}.nylas-event-duration__wrapper input-dropdown::part(id_dropdown-content){width:100%;min-width:unset;height:200px}.nylas-event-duration__wrapper select-dropdown{width:120px}@media screen and (max-width: 768px){.nylas-event-duration__wrapper select-dropdown{width:100%}}.nylas-event-duration__wrapper select-dropdown::part(sd_dropdown-button){border:1px solid var(--nylas-base-200)}', ct = dt;
-var pt = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, A = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const se = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.name = "duration", this.eventDurationMinutes = void 0, this.duration = this.eventDurationMinutes ? this.eventDurationMinutes >= 60 ? this.eventDurationMinutes / 60 : this.eventDurationMinutes : 30, this.durationMinutes = this.eventDurationMinutes ?? 30, this.durationIncrement = this.eventDurationMinutes && this.eventDurationMinutes >= 60 ? 60 : 1, this.durationMinutesOptions = [
-      { value: 15, label: "15" },
-      { value: 30, label: "30" },
-      { value: 45, label: "45" },
-      { value: 60, label: "60" }
-    ];
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-event-duration", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var n;
-    const t = (n = e == null ? void 0 : e.availability) == null ? void 0 : n.duration_minutes;
-    t && (this.duration = t >= 60 ? t / 60 : t, this.durationMinutes = t ?? 30, this.durationIncrement = t >= 60 ? 60 : 1);
-  }
-  durationMinutesChangedHandler(e, t) {
-    r("nylas-event-duration", "durationMinutesChangedHandler", e), e !== t && this.valueChanged.emit({ value: e.toString(), name: this.name });
-  }
-  connectedCallback() {
-    r("nylas-event-duration", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-event-duration", "componentWillLoad"), this.host.setAttribute("name", this.name), this.setDurationMintueOptions();
-  }
-  componentDidLoad() {
-    r("nylas-event-duration", "componentDidLoad"), this.internals.setFormValue(this.durationMinutes.toString(), "duration");
-  }
-  disconnectedCallback() {
-    r("nylas-event-duration", "disconnectedCallback");
-  }
-  setDurationMintueOptions() {
-    return this.durationIncrement === 1 ? this.durationMinutesOptions = [
-      { value: 15, label: "15" },
-      { value: 30, label: "30" },
-      { value: 45, label: "45" },
-      { value: 60, label: "60" }
-    ] : this.durationMinutesOptions = Array.from({ length: 23 }, (e, t) => ({ value: t + 1, label: (t + 1).toString() })), this.durationMinutesOptions;
-  }
-  handleChange(e) {
-    this.duration = e.target.value, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
-  }
-  nylasFormDropdownChangedHandler(e) {
-    r("nylas-calendar-picker", "nylasFormDropdownChangedHandler", e.detail);
-    const { value: t } = e.detail;
-    this.durationIncrement = parseInt(t), this.durationIncrement === 1 ? this.duration = 60 : this.duration = 1, this.setDurationMintueOptions(), this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), "duration");
-  }
-  inputOptionChangedHandler(e) {
-    r("nylas-calendar-picker", "inputOptionChangedHandler", e.detail);
-    const { value: t } = e.detail;
-    this.duration = t, this.durationMinutes = this.duration * this.durationIncrement, this.internals.setFormValue(this.durationMinutes.toString(), this.name);
-  }
-  render() {
-    const e = [
-      { value: 1, label: "minute" },
-      { value: 60, label: "hour" }
-    ];
-    return a(y, { key: "c8ab90c7a45ce6a5379552af0a9059b9d829e82c" }, a("div", { key: "d957e610bd31a55430235b0ca903905c8bf3706b", class: "nylas-event-duration", part: "ned" }, a("label", { key: "39324d77ad9da4bc0c1f36d15c28384f423c1976", htmlFor: "duration" }, "Event duration", a("span", { key: "8f222a8a5d03899ff06790133434028dd1a62cd4", class: "required" }, "*"), a("span", { key: "6b83c675faa33db229ded711eac8c1f565bc9a61", class: "label-icon" }, a("tooltip-component", { key: "01b7ba340e2883e5a22d4559f67feda4bc745109" }, a("info-icon", { key: "acbfa3dcbc994dec0e502ea9ded00612bf24b315", slot: "tooltip-icon" }), a("span", { key: "e691c2a8ce4953e448cb6850ab2648645ae688c0", slot: "tooltip-content" }, "Set the duration of your event.")))), a("div", { key: "294766a022ba73042705050bc2fbc294cd1433b4", class: "nylas-event-duration__wrapper" }, a("input-dropdown", { key: "9a61a9527ae4c9991dc1f1596fbed85a5dd57966", name: "event-duration", options: this.durationMinutesOptions, inputValue: this.duration.toString(), exportparts: "id_dropdown: ned__input_dropdown, id_dropdown-input: ned__input_dropdown-input, id_dropdown-content: ned__input_dropdown-content", defaultInputOption: this.durationMinutesOptions.find((t) => t.value == this.duration) ?? e[0] }), a("select-dropdown", { key: "edcda0700a80961b9a8b9f325288d70a1aa4e6f0", name: "event-duration", options: e, pluralizedLabel: this.duration > 1 ? "s" : "", exportparts: "sd_dropdown: ned__dropdown, sd_dropdown-button: ned__dropdown-button, sd_dropdown-content: ned__dropdown-content", defaultSelectedOption: e.find((t) => t.value == this.durationIncrement) ?? e[0], withSearch: !1 }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"],
-      durationMinutes: ["durationMinutesChangedHandler"]
-    };
-  }
-};
-pt([
-  m({
-    name: "nylas-event-duration",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  A("design:type", Function),
-  A("design:paramtypes", []),
-  A("design:returntype", void 0)
-], se.prototype, "render", null);
-se.style = ct;
-const ft = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.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}', bt = ft;
-var ut = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, R = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const le = class {
-  constructor(e) {
-    p(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
-  }
-  connectedCallback() {
-    r("nylas-event-info", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-event-info", "componentWillLoad");
-  }
-  componentDidLoad() {
-    r("nylas-event-info", "componentDidLoad"), q(["inputs"], this.el);
-  }
-  disconnectedCallback() {
-    r("nylas-event-info", "disconnectedCallback");
-  }
-  render() {
-    return a(y, { key: "adf72357920be8fadb32c683735719e5dbf76883" }, a("nylas-form-card", { key: "33823a1bbd57716f9b056f5addba8a5fb316ac93" }, a("h1", { key: "eb14a7f95322992e24dad4e9ff612ffcb7c7634a", slot: "header-title", class: "nylas-event-info__title" }, "Event information"), a("h3", { key: "366d9ed654b03ea7bfe9d902240fcd4ad3c2b177", slot: "header-subtitle", class: "nylas-event-info__subtitle" }, "Enter all event information."), a("div", { key: "a6abc2c53dbce1d8d0ad444033d1361171bc5720", slot: "content", class: "nylas-event-info__content" }, a("slot", { key: "c814d4c24582dc76ee96f8e87c9b610a06205273", name: "inputs" }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get el() {
-    return h(this);
-  }
-};
-ut([
-  m({
-    name: "nylas-event-info",
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  R("design:type", Function),
-  R("design:paramtypes", []),
-  R("design:returntype", void 0)
-], le.prototype, "render", null);
-le.style = bt;
-const yt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-limits__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-limits__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-limits__content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nylas-event-limits__block{display:flex;justify-content:space-between;gap:0.5rem}', ht = yt;
-var mt = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, M = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const oe = class {
-  constructor(e) {
-    p(this, e), e.$hostElement$["s-ei"] ? this.internals = e.$hostElement$["s-ei"] : (this.internals = e.$hostElement$.attachInternals(), e.$hostElement$["s-ei"] = this.internals);
-  }
-  connectedCallback() {
-    r("nylas-event-limits", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-event-limits", "componentWillLoad");
-  }
-  componentDidLoad() {
-    r("nylas-event-limits", "componentDidLoad"), q(["inputs"], this.el);
-  }
-  disconnectedCallback() {
-    r("nylas-event-limits", "disconnectedCallback");
-  }
-  render() {
-    return a(y, { key: "4afbe82f9887a84579e5a16fa628a8785927e19f" }, a("nylas-form-card", { key: "b092de56ed7f3902ed5de970963697e19f47b5ea" }, a("h1", { key: "c1a940f48d1e8daeaa719cfcefc7b5948960ea5c", slot: "header-title", class: "nylas-event-limits__title" }, "Set event limits"), a("h3", { key: "68c6426b83df6c15a85f6bae5bc0fd47aa17e8b4", slot: "header-subtitle", class: "nylas-event-limits__subtitle" }, "Customize event limits for the event."), a("div", { key: "e70ed6be6d75a69b9405c38c0ab68accbc799670", slot: "content", class: "nylas-event-limits__content" }, a("slot", { key: "7220956029fa2ae7f8ab7f05342ab2ee8d15c15f", name: "inputs" }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get el() {
-    return h(this);
-  }
-};
-mt([
-  m({
-    name: "nylas-event-limits",
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  M("design:type", Function),
-  M("design:paramtypes", []),
-  M("design:returntype", void 0)
-], oe.prototype, "render", null);
-oe.style = ht;
-const gt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.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}', vt = gt;
-var _t = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, z = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const re = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.selectedConfiguration = void 0, this.eventLocation = void 0, this.location = this.eventLocation ?? "", this.selectedLocationOption = this.eventLocation ? "custom" : "none";
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-event-location", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e, t) {
-    var i;
-    r("nylas-custom-booking-flow", "selectedConfigurationChangedHandler", e, t);
-    const n = (i = e == null ? void 0 : e.event_booking) == null ? void 0 : i.location;
-    n && (this.selectedLocationOption = n ? "custom" : "none", this.location = n);
-  }
-  eventLocationChangedHandler(e, t) {
-    r("nylas-event-location", "eventLocationChangedHandler", e), e !== t && (this.selectedLocationOption = e ? "custom" : "none");
-  }
-  connectedCallback() {
-    r("nylas-event-location", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-event-location", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-event-location", "componentDidLoad");
-  }
-  disconnectedCallback() {
-    r("nylas-event-location", "disconnectedCallback");
-  }
-  nylasFormDropdownChangedHandler(e) {
-    this.selectedLocationOption = e.detail.value, this.selectedLocationOption === "none" && (this.location = "", this.setFormValue("", "location"), this.valueChanged.emit({ value: "", name: this.name }));
-  }
-  setFormValue(e, t) {
-    typeof this.internals.setFormValue == "function" && this.internals.setFormValue(e, t);
-  }
-  handleChange(e) {
-    const t = H(e.target.value);
-    this.location = t, this.setFormValue(t, "location"), this.valueChanged.emit({ value: t, name: this.name });
-  }
-  render() {
-    const e = [
-      { value: "none", label: "None" },
-      { value: "custom", label: "Custom location" }
-    ], t = {
-      none: a("location-off-icon", { key: "b83e4c1ee5292f3261fca8489ec10a6ded3378dc" }),
-      custom: a("location-icon", { key: "6ba8c483b7e242b0accf8a55ccb11efc8b4e19a5" })
-    };
-    return a(y, { key: "f65e817196207fa0397fb599bc89a8cb72b7e8e1" }, a("div", { key: "7410dde44d2b93d0aa655feb0c9dede3b14f3f1e", class: "nylas-event-location", part: "nel" }, a("label", { key: "4d158faf262e76e325e1dc35792bc36800a3df6f", htmlFor: "location" }, "Location type", a("span", { key: "28b4287f14b80b9a1db726470bf27dd017b3ba37", class: "label-icon" }, a("tooltip-component", { key: "65a2db2bdf57377beb1b5b4801a89f5a74320205" }, a("info-icon", { key: "350b0f6f2c7f442cc4fb3fdee838c600d271d667", slot: "tooltip-icon" }), a("span", { key: "31027673d5cd518b6cbc847c0010f482b0540de6", slot: "tooltip-content" }, "Choose how you’ll meet with the participants at the scheduled time. Pick from available conferencing options or add a custom location.")))), a("div", { key: "a902e62a97f181dcb6b0e0e4daea1ec4c817fe58", class: "location-input" }, a("select-dropdown", { key: "5f271d86549b8fa286b630f169e191d4c1d73e3d", withSearch: !1, name: "location", options: e, defaultSelectedOption: e.find((n) => n.value == this.selectedLocationOption), exportparts: "sd_dropdown: nel__dropdown, sd_dropdown-button: nel__dropdown-button, sd_dropdown-content: nel__dropdown-content" }, a("span", { key: "cdc3f3fcdf971ffe3495f085b39cac2a1e77df11", slot: "select-icon" }, t[this.selectedLocationOption])), this.selectedLocationOption === "custom" && a("input", { type: "text", part: "nel__location", id: "location", name: "location", maxlength: "1024", value: this.location, onInput: (n) => this.handleChange(n) }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"],
-      eventLocation: ["eventLocationChangedHandler"]
-    };
-  }
-};
-_t([
-  m({
-    name: "nylas-event-location",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  z("design:type", Function),
-  z("design:paramtypes", []),
-  z("design:returntype", void 0)
-], re.prototype, "render", null);
-re.style = vt;
-const kt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-event-title{display:flex;flex-direction:column;gap:4px;position:relative;text-align:left}.nylas-event-title div.title{padding:12px 16px;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);overflow:scroll;white-space:nowrap;scrollbar-width:thin}.nylas-event-title div.title::-webkit-scrollbar{width:6px;height:6px}.nylas-event-title div.title.error{border-color:var(--nylas-error);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{color:var(--nylas-base-800);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.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:black;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)}', xt = kt;
-var Ct = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, j = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const de = class {
-  constructor(e) {
-    var t, n;
-    p(this, e), this.valueChanged = u(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 = (n = (t = this.selectedConfiguration) == null ? void 0 : t.event_booking) == null ? void 0 : n.title, this.name = "title", this.showTokens = !1, this.availableTokens = K.map((i) => ({
-      label: i.token,
-      value: i.value,
-      labelHTML: i
-    })), this.filteredTokens = this.availableTokens, this.ariaActivedescendant = "", this.currentWord = { $value: "", fullText: "", index: -1, focusOffset: -1 }, this.validationError = "";
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-event-title", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  ariaActivedescendantChangedHandler(e) {
-    var t, n;
-    if (r("nylas-event-title", "ariaActivedescendantChangedHandler", e), e !== "") {
-      const i = (t = this.host.shadowRoot) == null ? void 0 : t.getElementById(e);
-      i == null || i.classList.add("active");
-    } else {
-      const i = (n = this.host.shadowRoot) == null ? void 0 : n.querySelectorAll(".token-options li.active");
-      i == null || i.forEach((l) => l.classList.remove("active"));
-    }
-  }
-  configChangedHandler(e) {
-    var n;
-    const t = (n = e == null ? void 0 : e.event_booking) == null ? void 0 : n.title;
-    t && this.updateEventTitleFromProp(t);
-  }
-  connectedCallback() {
-    r("nylas-event-title", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-event-title", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-event-title", "componentDidLoad"), this.updateEventTitleFromProp(this.eventTitle || "");
-  }
-  disconnectedCallback() {
-    r("nylas-event-title", "disconnectedCallback");
-  }
-  formSubmittedHandler(e) {
-    var t, n;
-    r("nylas-event-title", "formSubmittedHandler", e), (n = (t = this.internals) == null ? void 0 : t.validity) != null && n.valid ? this.validationError = "" : this.validationError = "Event title is required";
-  }
-  updateEventTitleFromProp(e) {
-    var t, n;
-    r("nylas-event-title", "eventTitleChangedHandler", e), this.titleRef && (this.titleRef.innerHTML = this.highlightTokens(e), this.titleRef.focus(), typeof this.internals.setValidity == "function" && (e === "" ? (t = this.internals) == null || t.setValidity({ customError: !0 }, "Event title is required", this.titleRef) : (n = this.internals) == null || n.setValidity({ customError: !1 })));
-  }
-  highlightTokens(e) {
-    let t = e;
-    return K.forEach((n) => {
-      const i = n.value, l = new RegExp(`(\\${i})(?!\\w)`, "g");
-      t = t.replace(l, '<span class="highlighted-tag">$1</span>');
-    }), t;
-  }
-  getCurrentSelectionForBrowser() {
-    var i, l, s;
-    const e = (o, d, b, f) => {
-      const c = o.replace(/[\u200B-\u200D\uFEFF]/g, ""), _ = c.lastIndexOf("$"), g = c.substring(_).split(" ")[0];
-      return {
-        focusOffset: d,
-        dollarIndex: _,
-        lastWord: g,
-        currentText: c,
-        node: b,
-        allSelected: f
-      };
-    }, t = (o) => {
-      var d, b;
-      return o.anchorOffset === 0 && o.focusOffset === ((b = (d = o.focusNode) == null ? void 0 : d.nodeValue) == null ? void 0 : b.length);
-    };
-    switch (me()) {
-      case "Chrome":
-        const o = (i = this.host.shadowRoot) == null ? void 0 : i.getSelection(), d = o == null ? void 0 : o.focusNode, b = (d == null ? void 0 : d.nodeValue) || "", f = o && t(o);
-        return e(b, (o == null ? void 0 : o.focusOffset) || -1, d, f);
-      case "Firefox":
-        const c = document.getSelection(), _ = ((l = c == null ? void 0 : c.anchorNode) == null ? void 0 : l.nodeValue) || "", g = c && t(c);
-        return e(_, (c == null ? void 0 : c.focusOffset) || -1, c == null ? void 0 : c.anchorNode, g);
-      case "Safari":
-        const k = window.getSelection(), v = k == null ? void 0 : k.getComposedRanges(this.host.shadowRoot)[0], I = ((s = v == null ? void 0 : v.startContainer) == null ? void 0 : s.nodeValue) || "", C = k && t(k);
-        return e(I, (v == null ? void 0 : v.endOffset) || -1, v == null ? void 0 : v.startContainer, C);
-      default:
-        return console.warn("Browser not supported"), null;
-    }
-  }
-  handleChange(e) {
-    let t = e.target.textContent || "";
-    t = H(t);
-    const n = this.getCurrentSelectionForBrowser();
-    if (!n) {
-      this.updateEventTitle(t), this.resetDropdown();
-      return;
-    }
-    const { focusOffset: i, dollarIndex: l, lastWord: s, currentText: o } = n;
-    if (l === -1 || i < l) {
-      this.updateEventTitle(t), this.resetDropdown();
-      return;
-    }
-    s.startsWith("$") ? (this.showTokens = !0, this.currentWord = {
-      $value: s,
-      fullText: o,
-      index: l,
-      focusOffset: i
-    }, this.populateSuggestionsDropdown(s)) : this.resetDropdown(), this.updateEventTitle(t);
-  }
-  handleInputKeyDown(e) {
-    var n, i, l, s;
-    const t = this.getCurrentSelectionForBrowser();
-    if (t != null && t.allSelected && !he(e) && (this.titleRef.innerHTML = ""), e.key === "Enter") {
-      e.preventDefault();
-      const o = (n = this.host.shadowRoot) == null ? void 0 : n.getElementById(this.ariaActivedescendant);
-      o && (o.click(), this.ariaActivedescendant = "");
-    } else if (e.key === "ArrowDown") {
-      e.preventDefault();
-      const o = (i = this.host.shadowRoot) == null ? void 0 : i.getElementById(this.ariaActivedescendant);
-      if (o) {
-        const d = o.nextElementSibling;
-        d ? this.ariaActivedescendant = d.id : this.ariaActivedescendant = this.filteredTokens[0].label;
-      } else
-        this.ariaActivedescendant = this.filteredTokens[0].label;
-    } else if (e.key === "ArrowUp") {
-      e.preventDefault();
-      const o = (l = this.host.shadowRoot) == null ? void 0 : l.getElementById(this.ariaActivedescendant);
-      if (o) {
-        const d = o.previousElementSibling;
-        d ? this.ariaActivedescendant = d.id : this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
-      } else
-        this.ariaActivedescendant = this.filteredTokens[this.filteredTokens.length - 1].label;
-    } else
-      e.key === "Escape" ? (e.preventDefault(), this.resetDropdown()) : (e.key === "Backspace" || e.key === "Delete") && (t != null && t.currentText.startsWith("${") && (s = t == null ? void 0 : t.node) != null && s.parentNode && t.node.parentNode.removeChild(t.node), (this.titleRef.textContent === "" || (t == null ? void 0 : t.currentText) === "" || t != null && t.allSelected) && (this.titleRef.innerHTML = ""));
-  }
-  selectOption(e, t) {
-    var I;
-    e.preventDefault();
-    const n = this.currentWord.fullText, i = this.currentWord.$value;
-    let l = this.titleRef.firstChild, s = null;
-    for (; l; ) {
-      if (l.nodeType === 3) {
-        const C = ((I = l.textContent) == null ? void 0 : I.replace(/[\u200B-\u200D\uFEFF]/g, "")) || "", ye = n.replace(/[\u200B-\u200D\uFEFF]/g, "");
-        if (C.includes(ye)) {
-          s = l;
-          break;
-        }
-      }
-      l = l.nextSibling;
-    }
-    if (!s)
-      return;
-    const o = s.textContent || "", d = o.indexOf(i), b = o.substring(0, d), f = o.substring(d + i.length), c = document.createTextNode(b), _ = document.createRange(), g = document.createElement("span");
-    g.classList.add("highlighted-tag"), g.textContent = `${t.value}`;
-    const k = document.createTextNode(f);
-    if (f !== "")
-      s.replaceWith(c, g, k), _.setStart(k, 1);
-    else {
-      const C = document.createTextNode("​");
-      s.replaceWith(c, g, C), _.setStart(C, 1);
-    }
-    this.resetDropdown(), this.titleRef.focus();
-    const v = window.getSelection();
-    _.collapse(!0), v == null || v.removeAllRanges(), v == null || v.addRange(_), 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);
-  }
-  updateEventTitle(e) {
-    var n, i, l;
-    const t = e.replace(/ +/g, " ");
-    t === "" ? ((n = this.internals) == null || n.setValidity({ customError: !0 }, "Event title is required", this.titleRef), this.validationError = "Event title is required") : ((i = this.internals) == null || i.setValidity({ customError: !1 }), this.validationError = ""), (l = this.internals) == null || l.setFormValue(t, this.name), this.valueChanged.emit({ value: t, name: this.name });
-  }
-  resetDropdown() {
-    this.showTokens = !1, this.ariaActivedescendant = "";
-  }
-  getLabelHTML(e) {
-    return a("div", { class: "token-label" }, a("span", { class: "token" }, e.token), a("span", { class: "description" }, e.description));
-  }
-  render() {
-    var e;
-    return a(y, { key: "ec414f2f4c738230078bed7b7c5477ba5fdbcb70" }, a("div", { key: "17f665e5f307c1b6510891e76daa765449958c3e", class: "nylas-event-title", part: "net" }, a("label", { key: "e4beac83e857bab219ec4276238f7953645c4711", htmlFor: "title" }, "Event title", a("span", { key: "3033d6ef407f2a3df94dc1f80be2f5e3c378abd0", class: "required" }, "*"), a("span", { key: "29dba11e88726329513ef15078eba34f103914de", class: "label-icon" }, a("tooltip-component", { key: "29a373fc979f15eb3527b9e5a446bd7518ee4562" }, a("info-icon", { key: "12f9a0190185b96a2090cdb0ca7a43f6342cc016", slot: "tooltip-icon" }), a("span", { key: "dd6e505591f9cded5bc70a812e448b44f1faa4e1", slot: "tooltip-content" }, "Enter a title for your event.")))), a("div", { key: "87807255004e909850b93d600b636d2d2e1d8ed1", class: {
-      title: !0,
-      error: this.validationError !== ""
-    }, part: "net__title", ref: (t) => this.titleRef = t, contentEditable: "true", onInput: (t) => this.handleChange(t), onKeyDown: (t) => this.handleInputKeyDown(t) }), this.showTokens && ((e = this.filteredTokens) == null ? void 0 : e.length) > 0 && a("div", { class: "token-options", part: "net__dropdown-content" }, a("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map((t) => a("li", { tabindex: "0", key: t.label, id: t.label, class: { active: this.ariaActivedescendant === t.label }, onClick: (n) => this.selectOption(n, t), role: "option" }, this.getLabelHTML(t.labelHTML))))), a("span", { key: "3ba87900ffbc4b69c5f9fac01a8f9f577dd034c5", class: "help-text" }, "Create a dynamic templated event title by typing $. Learn more"), this.validationError != "" && a("span", { class: "error-message" }, this.validationError)));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      ariaActivedescendant: ["ariaActivedescendantChangedHandler"],
-      selectedConfiguration: ["configChangedHandler"]
-    };
-  }
-};
-Ct([
-  m({
-    name: "nylas-event-title",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  j("design:type", Function),
-  j("design:paramtypes", []),
-  j("design:returntype", void 0)
-], de.prototype, "render", null);
-de.style = xt;
-const wt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-limit-future-bookings{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-limit-future-bookings{flex-direction:column;gap:0.5rem}}.nylas-limit-future-bookings label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-limit-future-bookings label span.label-icon{margin-left:4px}.nylas-limit-future-bookings label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}', Ot = wt;
-var It = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, W = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const ce = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.availableDaysInFuture = void 0, this.name = "limit-future-bookings", this.selectedNumber = 1, this.selectedPeriod = "day";
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-limit-future-bookings", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var n;
-    const t = (n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.available_days_in_future;
-    t && this.updateNumberAndPeriodFromDays(t);
-  }
-  availableDaysInFutureChanged(e) {
-    this.updateNumberAndPeriodFromDays(e);
-  }
-  connectedCallback() {
-    r("nylas-limit-future-bookings", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-limit-future-bookings", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    var e;
-    r("nylas-limit-future-bookings", "componentDidLoad"), this.availableDaysInFutureChanged(this.availableDaysInFuture ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.availableDaysInFuture) == null ? void 0 : e.toString()) ?? "1", this.name);
-  }
-  disconnectedCallback() {
-    r("nylas-limit-future-bookings", "disconnectedCallback");
-  }
-  timePeriodChangedHandler(e) {
-    const { number: t, period: n } = e.detail;
-    let i;
-    n === "day" ? i = t : n === "week" ? i = t * 7 : i = t * 30, this.valueChanged.emit({ value: i, name: "availableDaysInFuture" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
-  }
-  updateNumberAndPeriodFromDays(e) {
-    let t, n;
-    e >= 30 && e % 30 === 0 ? (t = e / 30, n = "month") : e >= 7 && e % 7 === 0 ? (t = e / 7, n = "week") : (t = e, n = "day"), this.selectedNumber = t, this.selectedPeriod = n;
-  }
-  render() {
-    return a(y, { key: "9efaf822025f476c80f4c5124f226e45ef9047f9" }, a("div", { key: "acb0ed9bb24d9e789c01127b2343194d47c37c5f", class: "nylas-limit-future-bookings", part: "nlfb" }, a("label", { key: "b4bbe14a0870451be5c7754dbbd3adb029b1d24c" }, "Limit future bookings", a("span", { key: "e1e671d334ec20347852549c4b4d63fa626a2186", class: "label-icon" }, a("tooltip-component", { key: "378c5a41fe7920cebd1f9de4ea16873e951584cf" }, a("info-icon", { key: "dee6d8d027c746b19b4de42a7e57754a6dcf0a34", slot: "tooltip-icon" }), a("span", { key: "f128781fb212013489d7db03e7b5fb1a02681b5a", slot: "tooltip-content" }, "Set a limit on how far in the future bookings can be made.")))), a("time-period-selector", { key: "fb00fd64c7dec2beb976132a397bb067e72c0cc3", id: "limit-future-bookings", timePeriods: ["day", "week", "month"], exportparts: "tps__number-dropdown: nlfb__number-dropdown, tps__number-dropdown-button: nlfb__number-dropdown-button, tps__number-dropdown-content: nlfb__number-dropdown-content, tps__period-dropdown: nlfb__period-dropdown, tps__period-dropdown-button: nlfb__period-dropdown-button, tps__period-dropdown-content: nlfb__period-dropdown-content", defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"],
-      availableDaysInFuture: ["availableDaysInFutureChanged"]
-    };
-  }
-};
-It([
-  m({
-    name: "nylas-limit-future-bookings",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  W("design:type", Function),
-  W("design:paramtypes", []),
-  W("design:returntype", void 0)
-], ce.prototype, "render", null);
-ce.style = Ot;
-const Tt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-min-booking-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-booking-notice{flex-direction:column;gap:0.5rem}}.nylas-min-booking-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-booking-notice label span.label-icon{margin-left:4px}.nylas-min-booking-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}', Ht = Tt;
-var $t = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, B = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const pe = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.minBookingNotice = void 0, this.name = "min-booking-notice", this.selectedNumber = 1, this.selectedPeriod = "hour";
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-min-booking-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var n;
-    const t = (n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.min_booking_notice;
-    t && this.updateNumberAndPeriodFromMinutes(t);
-  }
-  availableDaysInFutureChanged(e) {
-    this.updateNumberAndPeriodFromMinutes(e);
-  }
-  connectedCallback() {
-    r("nylas-min-booking-notice", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-min-booking-notice", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    var e;
-    r("nylas-min-booking-notice", "componentDidLoad"), this.availableDaysInFutureChanged(this.minBookingNotice ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.minBookingNotice) == null ? void 0 : e.toString()) ?? "1", this.name);
-  }
-  disconnectedCallback() {
-    r("nylas-min-booking-notice", "disconnectedCallback");
-  }
-  timePeriodChangedHandler(e) {
-    const { number: t, period: n } = e.detail;
-    let i;
-    const l = 60, s = l * 24, o = s * 7, d = s * 30;
-    n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t * d : i = 0, this.valueChanged.emit({ value: i, name: "minBookingNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
-  }
-  updateNumberAndPeriodFromMinutes(e) {
-    let s, o;
-    e >= 43200 ? (s = Math.floor(e / 43200), o = "month") : e >= 10080 ? (s = Math.floor(e / 10080), o = "week") : e >= 1440 ? (s = Math.floor(e / 1440), o = "day") : e >= 60 ? (s = Math.floor(e / 60), o = "hour") : (s = e, o = "minute"), this.selectedNumber = s, this.selectedPeriod = o;
-  }
-  render() {
-    return a(y, { key: "b00e1ce3adc1082c819774df6888d86fd93b06b6" }, a("div", { key: "0cd17759b7e1d3790904fe868addfa02065a3115", class: "nylas-min-booking-notice", part: "nmbn" }, a("label", { key: "c27bc50a60686fb925904c5f86c9f19a7ab8079c" }, "Minimum booking notice", a("span", { key: "67b1a1351adbe6265d549501609af036d993920b", class: "label-icon" }, a("tooltip-component", { key: "4e64d044707c9fe94aa84caa242a0e034c0a89f7" }, a("info-icon", { key: "bf64b04e4d308449249dae8a19a6c4043f26c1dd", slot: "tooltip-icon" }), a("span", { key: "434e31ddf539c4fcb287b198d780b6593808a607", slot: "tooltip-content" }, "The minimum amount of time in the future for planning the event.")))), a("time-period-selector", { key: "efd40f4731319bd7da2aed6995279c8068e505ac", id: "min-booking-notice", exportparts: "tps__number-dropdown: nmbn__number-dropdown, tps__number-dropdown-button: nmbn__number-dropdown-button, tps__number-dropdown-content: nmbn__number-dropdown-content, tps__period-dropdown: nmbn__period-dropdown, tps__period-dropdown-button: nmbn__period-dropdown-button, tps__period-dropdown-content: nmbn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"],
-      availableDaysInFuture: ["availableDaysInFutureChanged"]
-    };
-  }
-};
-$t([
-  m({
-    name: "nylas-min-booking-notice",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  B("design:type", Function),
-  B("design:paramtypes", []),
-  B("design:returntype", void 0)
-], pe.prototype, "render", null);
-pe.style = Ht;
-const Dt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif}.nylas-min-cancellation-notice{display:flex;justify-content:space-between;font-family:var(--nylas-font-family)}@media screen and (max-width: 768px){.nylas-min-cancellation-notice{flex-direction:column;gap:0.5rem}}.nylas-min-cancellation-notice label{display:flex;align-items:center;color:var(--nylas-base-800);font-size:16px;font-style:normal;font-weight:400;line-height:150%;}.nylas-min-cancellation-notice label span.label-icon{margin-left:4px}.nylas-min-cancellation-notice label span.label-icon tooltip-component{display:flex}select-dropdown::part(sd_dropdown-button){border:none}', St = Dt;
-var Et = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, Z = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const fe = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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.minCancellationNotice = void 0, this.name = "min-cancellation-notice", this.selectedNumber = 1, this.selectedPeriod = "day";
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-min-cancellation-notice", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var n;
-    const t = (n = e == null ? void 0 : e.scheduler) == null ? void 0 : n.min_cancellation_notice;
-    t && this.updateNumberAndPeriodFromMinutes(t);
-  }
-  availableDaysInFutureChanged(e) {
-    this.updateNumberAndPeriodFromMinutes(e);
-  }
-  connectedCallback() {
-    r("nylas-min-cancellation-notice", "connectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-min-cancellation-notice", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    var e;
-    r("nylas-min-cancellation-notice", "componentDidLoad"), this.availableDaysInFutureChanged(this.minCancellationNotice ?? 1), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(((e = this.minCancellationNotice) == null ? void 0 : e.toString()) ?? "1", this.name);
-  }
-  disconnectedCallback() {
-    r("nylas-min-cancellation-notice", "disconnectedCallback");
-  }
-  timePeriodChangedHandler(e) {
-    const { number: t, period: n } = e.detail;
-    let i;
-    const l = 60, s = l * 24, o = s * 7, d = s * 30;
-    n === "minute" ? i = t : n === "hour" ? i = t * l : n === "day" ? i = t * s : n === "week" ? i = t * o : n === "month" ? i = t * d : i = 0, this.valueChanged.emit({ value: i, name: "minCancellationNotice" }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(i.toString(), this.name);
-  }
-  updateNumberAndPeriodFromMinutes(e) {
-    let s, o;
-    e >= 43200 ? (s = Math.floor(e / 43200), o = "month") : e >= 10080 ? (s = Math.floor(e / 10080), o = "week") : e >= 1440 ? (s = Math.floor(e / 1440), o = "day") : e >= 60 ? (s = Math.floor(e / 60), o = "hour") : (s = e, o = "minute"), this.selectedNumber = s, this.selectedPeriod = o;
-  }
-  render() {
-    return a(y, { key: "6c14649f767cebe544dd5fc3039e4bace051f759" }, a("div", { key: "e6b0965bb6bc49b6e7ede7a4c2b2c2056a212c96", class: "nylas-min-cancellation-notice", part: "nmcn" }, a("label", { key: "1998d897f882c0783e2012ca85b651c43517ba64" }, "Minimum cancellation notice", a("span", { key: "eccae26b18bd269648d1bce2affae5d3e469ea02", class: "label-icon" }, a("tooltip-component", { key: "50caa33903115b0da9da25ed3a18cbbf8a4df353" }, a("info-icon", { key: "8b466b236668439cbca8e250d60524b69ce4f7f3", slot: "tooltip-icon" }), a("span", { key: "c4c9d73798c85d317aa1f89a2b0f1c66c9ca41d2", slot: "tooltip-content" }, "Set the minimum amount of time required to cancel an event.")))), a("time-period-selector", { key: "bb4c0a9ecfb9bc9ebf88b229c871abd4b8427385", id: "min-cancellation-notice", exportparts: "tps__number-dropdown: nmcn__number-dropdown, tps__number-dropdown-button: nmcn__number-dropdown-button, tps__number-dropdown-content: nmcn__number-dropdown-content, tps__period-dropdown: nmcn__period-dropdown, tps__period-dropdown-button: nmcn__period-dropdown-button, tps__period-dropdown-content: nmcn__period-dropdown-content", timePeriods: ["minute", "hour", "day", "week"], defaultSelectedNumber: this.selectedNumber, defaultSelectedPeriod: this.selectedPeriod })));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"],
-      availableDaysInFuture: ["availableDaysInFutureChanged"]
-    };
-  }
-};
-Et([
-  m({
-    name: "nylas-min-cancellation-notice",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  Z("design:type", Function),
-  Z("design:paramtypes", []),
-  Z("design:returntype", void 0)
-], fe.prototype, "render", null);
-fe.style = St;
-const Lt = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-participants-custom-availability{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .header{padding:1rem}.nylas-participants-custom-availability .header h3{margin:0;font-size:16px;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-participants-custom-availability .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-participants-custom-availability .content .participant-container{padding-top:8px;border-top:1px solid var(--nylas-base-200)}.nylas-participants-custom-availability .content .participant-container .participant-title{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 12px}.nylas-participants-custom-availability .content .participant-container .participant-title p{margin:0}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle{display:flex;gap:24px;align-items:center}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron{display:flex;align-self:center;cursor:pointer}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:hover,.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron:active{color:var(--nylas-primary)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.open{transform:rotate(90deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.closed{transform:rotate(270deg)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled{cursor:not-allowed;color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container .participant-title .participant-toggle .chevron.disabled:hover{color:var(--nylas-base-300)}.nylas-participants-custom-availability .content .participant-container nylas-availability-picker::part(nap){margin:0;border:none}', Nt = Lt;
-var Pt = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, U = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const be = class {
-  constructor(e) {
-    p(this, e), this.valueChanged = u(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 = "participant-custom-availability", this.participants = void 0, this.selectedParticipants = this.setParticipants(this.participants);
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-participants-custom-availability", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  participantsChangedHandler(e) {
-    r("nylas-participants-custom-availability", "participantsChangedHandler", e), this.selectedParticipants = this.setParticipants(e);
-  }
-  connectedCallback() {
-    r("nylas-participants-custom-availability", "connectedCallback");
-  }
-  disconnectedCallback() {
-    r("nylas-participants-custom-availability", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-participants-custom-availability", "componentWillLoad");
-  }
-  componentDidLoad() {
-    r("nylas-participants-custom-availability", "componentDidLoad");
-  }
-  nylasFormSwitchToggledHandler(e) {
-    r("nylas-participants-custom-availability", "nylasFormSwitchToggledHandler", e.detail), this.selectedParticipants[e.detail.name].isOpen = e.detail.checked, this.selectedParticipants[e.detail.name].setCustom = e.detail.checked, this.selectedParticipants = { ...this.selectedParticipants };
-  }
-  handleValueChanged(e) {
-    r("[nylas-editor-tabs]", "handleValueChanged", e);
-    const { name: t, value: n } = e.detail;
-    if (!t.startsWith("participant-"))
-      return;
-    if (this.participantFormRef.checkValidity())
-      this.internals.setValidity({});
-    else {
-      this.internals.setValidity({ customError: !0 }, "Please fix the overlapping time ranges.");
-      return;
-    }
-    const i = JSON.parse(n), l = t.split("-")[2];
-    if (!this.selectedParticipants[l])
-      return;
-    this.selectedParticipants[l].openHours = i.openHours, this.selectedParticipants = { ...this.selectedParticipants };
-    const s = {};
-    this.participants.forEach((o) => {
-      s[o.email] = this.selectedParticipants[o.email].openHours;
-    }), this.internals.setFormValue(JSON.stringify(s), this.name), this.valueChanged.emit({ value: JSON.stringify(s), name: this.name });
-  }
-  setParticipants(e) {
-    const t = {};
-    return e.forEach((n) => {
-      var l, s;
-      const i = !!n.is_organizer;
-      t[n.email] = {
-        isOpen: i,
-        setCustom: !!((l = n.availability) != null && l.open_hours),
-        openHours: ((s = n.availability) == null ? void 0 : s.open_hours) || [],
-        name: n.name || n.email,
-        availability: n.availability
-      };
-    }), t;
-  }
-  render() {
-    return a(y, { key: "051df44e8bf6bab14cfbccb0a3c5f920993cbae9" }, a("div", { key: "128d044cb2bbee76d695d6f5d4bc38a211d06360", class: "nylas-participants-custom-availability", part: "npca" }, a("div", { key: "ed326c442f9663b0613e5cf62a31aabf5fa1034d", class: "header", part: "npca__header" }, a("h3", { key: "10994aace54d17110ab2e70fc82a5c11231b5a23" }, "Set Custom Availability for Participants"), a("p", { key: "6df3bc37aec02f5a4468f6c6515c6de2c696e817" }, "Set custom availability for scheduling meetings, or default to general availability.")), a("div", { key: "e1e67385b15430e8a7eb6d8411f9b87742621969", class: "content", part: "npca__content" }, a("form", { key: "589df249c050b132dc8da5b3ef7e58fa829ae300", ref: (e) => this.participantFormRef = e }, Object.keys(this.selectedParticipants).map((e, t) => {
-      var i, l;
-      const n = this.selectedParticipants[e];
-      if (!(!n || !n.name || !n.availability))
-        return a("div", { class: "participant-container", part: "npca__participant-container", key: `participant-conatiner-${t}` }, a("div", { class: "participant-title", part: "npca__participant-title" }, a("p", null, "Set ", n.name, "'s custom availability"), a("div", { class: "participant-toggle", part: "npca__participant-toggle--container" }, a("toggle-switch", { exportparts: "ts_label: npca__toggle-label, ts_input: npca_toggle-input, ts_slider: npca_toggle-slider", name: e, checked: !!n.openHours && n.openHours.length > 0 }), a("span", { class: `chevron ${n.isOpen ? "open" : "closed"} ${n.setCustom ? "" : "disabled"}`, onClick: () => {
-          n.setCustom && (this.selectedParticipants[e].isOpen = !n.isOpen, this.selectedParticipants = { ...this.selectedParticipants });
-        } }, a("chevron-icon", { width: "24", height: "24" })))), n.isOpen && a("nylas-availability-picker", { key: t, name: `participant-${t}-${e}`, openHours: n.openHours, defaultTimezone: (l = (i = n.openHours) == null ? void 0 : i[0]) == null ? void 0 : l.timezone, hideHeader: !0 }));
-    })))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      participants: ["participantsChangedHandler"]
-    };
-  }
-};
-Pt([
-  m({
-    name: "nylas-participants-custom-availability",
-    eventToProps: {},
-    fireRegisterEvent: !0
-  }),
-  U("design:type", Function),
-  U("design:paramtypes", []),
-  U("design:returntype", void 0)
-], be.prototype, "render", null);
-be.style = Nt;
-const Ft = ':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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;width:inherit}.nylas-timeslot-interval{width:inherit;display:flex;flex-direction:column;margin:1rem;border-radius:var(--nylas-border-radius-2x);border:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header{padding:1rem;border-bottom:1px solid var(--nylas-base-200)}.nylas-timeslot-interval .header h3{margin:0;font-size:1rem;font-weight:600;line-height:20px;color:var(--nylas-base-900);text-align:left}.nylas-timeslot-interval .header p{margin:0.25rem 0 0 0;font-size:0.875rem;font-weight:400;line-height:20px;color:var(--nylas-base-600);text-align:left}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown{padding:1rem;display:flex;flex-direction:column;gap:4px}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label{display:flex;align-items:center;gap:4px;color:var(--nylas-base-800)}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown span.label tooltip-component{display:flex}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown{margin-bottom:1.5rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown){width:100%}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-content){width:100%;max-width:unset}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-button){width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--nylas-base-200);border-radius:var(--nylas-border-radius-2x);padding:1rem}.nylas-timeslot-interval .nylas-timeslot-interval__dropdown select-dropdown::part(sd_dropdown-button-selected-label){max-width:calc(100% - 2rem);font-family:var(--nylas-font-family);font-size:16px;line-height:24px}', At = Ft;
-var Rt = function(e, t, n, i) {
-  var l = arguments.length, s = l < 3 ? t : i === null ? i = Object.getOwnPropertyDescriptor(t, n) : i, o;
-  if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
-    s = Reflect.decorate(e, t, n, i);
-  else
-    for (var d = e.length - 1; d >= 0; d--)
-      (o = e[d]) && (s = (l < 3 ? o(s) : l > 3 ? o(t, n, s) : o(t, n)) || s);
-  return l > 3 && s && Object.defineProperty(t, n, s), s;
-}, G = function(e, t) {
-  if (typeof Reflect == "object" && typeof Reflect.metadata == "function")
-    return Reflect.metadata(e, t);
-};
-const T = 15, ue = class {
-  constructor(e) {
-    var t, n, i, l, s, o;
-    p(this, e), this.valueChanged = u(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.name = "timeslot-picker", this.eventDurationMinutes = ((n = (t = this.selectedConfiguration) == null ? void 0 : t.availability) == null ? void 0 : n.duration_minutes) ?? 5, this.defaultIntervalMinutes = ((l = (i = this.selectedConfiguration) == null ? void 0 : i.availability) == null ? void 0 : l.interval_minutes) ?? this.eventDurationMinutes, this.defaultRoundTo = ((o = (s = this.selectedConfiguration) == null ? void 0 : s.availability) == null ? void 0 : o.round_to) ?? void 0, this.selectedInterval = this.defaultIntervalMinutes, this.selectedRoundTo = !!(this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes);
-  }
-  elementNameChangedHandler(e) {
-    r("nylas-timeslot-interval", "elementNameChangedHandler", e), this.host.setAttribute("name", e);
-  }
-  selectedConfigurationChangedHandler(e) {
-    var t, n;
-    r("nylas-timeslot-interval", "selectedConfigurationChangedHandler", e), this.defaultIntervalMinutes = ((t = e.availability) == null ? void 0 : t.interval_minutes) ?? this.eventDurationMinutes, this.defaultRoundTo = ((n = e.availability) == null ? void 0 : n.round_to) ?? void 0, this.selectedInterval = this.defaultIntervalMinutes, this.selectedRoundTo = !!(this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes);
-  }
-  connectedCallback() {
-    r("nylas-timeslot-interval", "connectedCallback");
-  }
-  disconnectedCallback() {
-    r("nylas-timeslot-interval", "disconnectedCallback");
-  }
-  componentWillLoad() {
-    r("nylas-timeslot-interval", "componentWillLoad"), this.host.setAttribute("name", this.name);
-  }
-  componentDidLoad() {
-    r("nylas-timeslot-interval", "componentDidLoad");
-  }
-  componentWillUpdate() {
-    r("nylas-timeslot-interval", "componentWillUpdate");
-  }
-  componentDidUpdate() {
-    r("nylas-timeslot-interval", "componentDidUpdate");
-  }
-  componentWillRender() {
-    r("nylas-timeslot-interval", "componentWillRender");
-  }
-  componentDidRender() {
-    r("nylas-timeslot-interval", "componentDidRender");
-  }
-  nylasFormDropdownChangedHandler(e) {
-    r("nylas-timeslot-interval", "nylasFormDropdownChangedHandler", e.detail), e.detail.value === "duration" ? this.selectedInterval = this.eventDurationMinutes : this.selectedInterval = parseInt(e.detail.value), console.log("nylasFormDropdownChanged selectedRoundTo", this.selectedRoundTo), this.valueChanged.emit({
-      value: JSON.stringify({
-        interval: this.selectedInterval,
-        roundTo: this.selectedRoundTo ? this.selectedInterval : T
-      }),
-      name: this.name
-    }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : T }), this.name);
-  }
-  radioSelectionChangedHandler(e) {
-    r("nylas-timeslot-interval", "radioSelectionChangedHandler", e.detail), e.detail.value === "no-rounding" ? this.selectedRoundTo = !1 : this.selectedRoundTo = !0, console.log("selectedRoundTo", this.selectedRoundTo), this.valueChanged.emit({
-      value: JSON.stringify({
-        interval: this.selectedInterval,
-        roundTo: this.selectedRoundTo ? this.selectedInterval : T
-      }),
-      name: this.name
-    }), typeof this.internals.setFormValue == "function" && this.internals.setFormValue(JSON.stringify({ interval: this.selectedInterval, roundTo: this.selectedRoundTo ? this.selectedInterval : T }), this.name);
-  }
-  render() {
-    const e = [
-      { value: "duration", label: "Length of the booking" },
-      { value: "5", label: "5 mins" },
-      { value: "10", label: "10 mins" },
-      { value: "15", label: "15 mins" },
-      { value: "20", label: "20 mins" },
-      { value: "30", label: "30 mins" },
-      { value: "45", label: "45 mins" },
-      { value: "60", label: "60 mins" }
-    ];
-    return a(y, { key: "ebad4dc8f82dc565f4608c262d54f06495a69144" }, a("div", { key: "46641f5cd23afc527d14c57fa62fe2627d1a92f5", class: "nylas-timeslot-interval", part: "nti" }, a("div", { key: "729c8356b955ba357bd00f3cdf28c51bb42b741d", class: "header", part: "nti__header" }, a("h3", { key: "348543e170e107ea65c74a6154739627e7c4a271" }, "Time-slot interval preferences"), a("p", { key: "1cf34b79990edef1950d6c970932e5e0805e6d0a" }, "Choose your interval preference for time-slots.")), a("div", { key: "965fe8f8e235f9696bc237bc7774ca6fdea2cd42", class: "nylas-timeslot-interval__dropdown" }, a("span", { key: "6346e2f31c9322cc3264885f362ce2b29c4a4c2e", class: "label", part: "nti__input-label" }, "Select interval preference", a("tooltip-component", { key: "27901960cae97d4809153aac5d427c8c2ff7bf1e" }, a("info-icon", { key: "94c81d2c169da3714d2a1955da0fbe542b688fb6", slot: "tooltip-icon" }), a("span", { key: "6e8660e7696c16d81214d97e5e2087579f9fa1bd", slot: "tooltip-content" }, "Set the interval preference for the time-slots."))), a("select-dropdown", { key: "49b886894bb4d405ed13578809609511830389f1", name: "booking-calendar", options: e, withSearch: !1, exportparts: "sd_dropdown: nti__dropdown, sd_dropdown-button: nti__dropdown-button, sd_dropdown-content: nti__dropdown-content", defaultSelectedOption: this.defaultIntervalMinutes == this.eventDurationMinutes ? e[0] : e.find((t) => t.value == this.defaultIntervalMinutes.toString()) ?? e[0] }), a("span", { key: "40079758106c1e7075b247f81a3bc30e11eb1138", class: "label", part: "nti__input-label" }, "Select the type of time-slot rounding", a("tooltip-component", { key: "c1a1b86a732439b5474be36a1eb67d0a1fabe52c" }, a("info-icon", { key: "9e185781f8def48475c5f65cff916e5be6423b72", slot: "tooltip-icon" }), a("span", { key: "df108083daab268e8980194ebff8485c945aab1c", slot: "tooltip-content" }, "Select if you want to round the time slots to the nearest interval."))), a("radio-button-group", { key: "eb4c58b028ac0e2dd0468c30c1839558ae57178a", name: "interval-preference", defaultSelectedValue: this.defaultRoundTo && this.defaultRoundTo === this.defaultIntervalMinutes ? "rounding" : "no-rounding", options: [
-      { value: "no-rounding", label: "Default", description: "Time-slots will be rounded to the nearest quarter-hour." },
-      {
-        value: "rounding",
-        label: "Interval rounding",
-        description: "Time-slots will begin at times rounded to the interval value."
-      }
-    ] }))));
-  }
-  static get formAssociated() {
-    return !0;
-  }
-  get host() {
-    return h(this);
-  }
-  static get watchers() {
-    return {
-      name: ["elementNameChangedHandler"],
-      selectedConfiguration: ["selectedConfigurationChangedHandler"]
-    };
-  }
-};
-Rt([
-  m({
-    name: "nylas-timeslot-interval",
-    stateToProps: /* @__PURE__ */ new Map([["schedulerConfig.selectedConfiguration", "selectedConfiguration"]]),
-    fireRegisterEvent: !0
-  }),
-  G("design:type", Function),
-  G("design:paramtypes", []),
-  G("design:returntype", void 0)
-], ue.prototype, "render", null);
-ue.style = At;
-const Mt = ".sc-people-icon-h{display:flex}", zt = Mt, jt = class {
-  constructor(e) {
-    p(this, e), this.width = "20", this.height = "20";
-  }
-  render() {
-    return a("svg", { key: "4a54f616162baf613895348e27cafd2088f5fd16", xmlns: "http://www.w3.org/2000/svg", width: this.width, height: this.height, fill: "none", viewBox: "0 0 20 20" }, a("path", { key: "80e1ca7240235b635a08369ba836e727825b7be4", fill: "currentColor", d: "M11 10a2 2 0 0 1 2 2v1.5c0 2.054-2.088 3.5-5.5 3.5S2 15.554 2 13.5V12a2 2 0 0 1 2-2h7Zm0 1H4a1 1 0 0 0-1 1v1.5C3 14.907 4.579 16 7.5 16c2.921 0 4.5-1.093 4.5-2.5V12a1 1 0 0 0-1-1Zm5-1a2 2 0 0 1 2 2v.5c0 2.089-1.568 3.5-4.5 3.5-.141 0-.28-.003-.414-.01.208-.242.382-.502.522-.781l.097-.213h.039C15.976 14.931 17 13.96 17 12.5V12a1 1 0 0 0-1-1h-2.171a3 3 0 0 0-.594-1H16ZM7.5 2a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm7 2a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5Zm-7-1a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm7 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z" }));
-  }
-};
-jt.style = zt;
-const Wt = ".radio-group{display:flex;flex-direction:column}.radio-group label{display:flex;font-family:var(--nylas-font-family);cursor:pointer}.radio-group label .radio-option{display:flex;align-items:flex-start;gap:0.5rem}.radio-group label .radio-option input[type=radio]{cursor:pointer}.radio-group label .radio-option input[type=radio i]{width:20px;height:20px;color:var(--nylas-primary);margin-top:16px}.radio-group label .radio-option p{display:flex;flex-direction:column;gap:0.5rem}.radio-group label .radio-option p .title{font-size:16px;font-weight:500;line-height:20px;color:var(--nylas-base-800)}.radio-group label .radio-option p .description{font-size:14px;font-weight:400;line-height:20px;color:var(--nylas-base-600)}", Bt = Wt, Zt = class {
-  constructor(e) {
-    p(this, e), this.radioSelectionChanged = u(this, "radioSelectionChanged", 7), this.name = "radio-group", this.options = [], this.defaultSelectedValue = "", this.selectedValue = this.defaultSelectedValue;
-  }
-  handleChange(e) {
-    this.selectedValue = e, this.radioSelectionChanged.emit({
-      value: e,
-      name: this.name
-    });
-  }
-  render() {
-    return a("div", { key: "82c0a38507193f6e941c820c38f9e5c477dc14dc", class: "radio-group" }, this.options.map((e) => a("label", null, a("div", { class: "radio-option" }, a("input", { type: "radio", name: this.name, value: e.value, checked: this.selectedValue === e.value, onChange: () => this.handleChange(e.value) }), a("p", null, a("span", { class: "title" }, e.label), a("span", { class: "description" }, e.description))))));
-  }
-};
-Zt.style = Bt;
-const Ut = '.switch{--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-border-radius:0.25rem;--nylas-border-radius-2x:0.5rem;--nylas-border-radius-3x:0.75rem;--nylas-font-family:"Inter", sans-serif;display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:var(--nylas-base-400);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{background-color:var(--nylas-base-0);bottom:4px;content:"";height:32px;left:4px;position:absolute;transition:0.4s;width:32px}input:checked+.slider{background-color:var(--nylas-success)}input:checked+.slider:before{transform:translateX(32px)}.slider.round{border-radius:35px;width:72px;height:40px}.slider.round:before{border-radius:50%}', Gt = Ut, Vt = class {
-  constructor(e) {
-    p(this, e), this.nylasFormSwitchToggled = u(this, "nylasFormSwitchToggled", 7), this.name = "toggle-switch", this.checked = !1, this.label = "", this.isChecked = this.checked;
-  }
-  componentWillLoad() {
-    this.isChecked = this.checked;
-  }
-  toggleCheck() {
-    this.isChecked = !this.isChecked, this.nylasFormSwitchToggled.emit({
-      checked: this.isChecked,
-      name: this.name,
-      label: this.label
-    });
-  }
-  render() {
-    return a("label", { key: "a0da5f3c6cac6310e9368ec4a5ed737decd04b5b", class: "switch", part: "ts_label" }, a("input", { key: "89e844d8135eadd471b960910794143ab1699afb", type: "checkbox", part: "ts_input", name: this.name, checked: this.isChecked, onChange: () => this.toggleCheck() }), a("div", { key: "19e8cea0befc42520c775555c8de96ac83d1612d", class: "slider round", part: "ts_slider" }));
-  }
-};
-Vt.style = Gt;
-export {
-  _e as calendar_info_icon,
-  Ce as calendar_patterns_icon,
-  Ie as checkbox_component,
-  $e as flow_icon,
-  Ee as location_icon,
-  Pe as location_off_icon,
-  Re as multi_select_dropdown,
-  Y as nylas_additional_participants,
-  Q as nylas_availability_picker,
-  X as nylas_booking_calendar_picker,
-  ee as nylas_buffer_time,
-  te as nylas_calendar_picker,
-  ne as nylas_cancellation_policy,
-  ae as nylas_customize_booking_settings,
-  ie as nylas_event_description,
-  se as nylas_event_duration,
-  le as nylas_event_info,
-  oe as nylas_event_limits,
-  re as nylas_event_location,
-  de as nylas_event_title,
-  ce as nylas_limit_future_bookings,
-  pe as nylas_min_booking_notice,
-  fe as nylas_min_cancellation_notice,
-  be as nylas_participants_custom_availability,
-  ue as nylas_timeslot_interval,
-  jt as people_icon,
-  Zt as radio_button_group,
-  Vt as toggle_switch
-};