@meetelise/chat 1.12.6 → 1.12.9

package/src/MEChat.ts

@@ -1,5 +1,5 @@
 import { ThemeIdString } from "./themes";
-import "./WebComponent/MEChat";
+import "./WebComponent/me-chat";
 
 /**
  * The interface to MeetElise chat.

package/src/WebComponent/{InHouseLauncher.ts → Launcher.ts}

@@ -3,19 +3,19 @@ import { html, LitElement, TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref, Ref } from "lit/directives/ref.js";
 import { glowBarMp4, glowBarWebm } from "../assetUrls";
-import { inHouseLauncherStyles } from "./inHouseLauncherStyles";
-import { EmailUsWindow, installEmailUsWindow } from "./actions/EmailUsWindow";
-import { installTextUsWindow, TextUsWindow } from "./actions/TextUsWindow";
+import { launcherStyles } from "./launcherStyles";
+import { EmailUsWindow, installEmailUsWindow } from "./actions/email-us-window";
+import { installTextUsWindow, TextUsWindow } from "./actions/text-us-window";
 import { styleMap } from "lit/directives/style-map.js";
 import { classMap } from "lit/directives/class-map.js";
-import { installCallUsWindow } from "./actions/CallUsWindow";
+import { installCallUsWindow } from "./actions/call-us-window";
 import { getRegisteredPhoneNumbers } from "../getRegisteredPhoneNumbers";
 import { TourScheduler } from "./Scheduler/tour-scheduler";
 import { LabeledOption } from "../fetchBuildingInfo";
 
-@customElement("in-house-launcher")
-export class InHouseLauncher extends LitElement {
-  static styles = inHouseLauncherStyles;
+@customElement("meetelise-launcher")
+export class Launcher extends LitElement {
+  static styles = launcherStyles;
 
   @property({ type: Boolean })
   isMobile = false;
@@ -125,7 +125,7 @@ export class InHouseLauncher extends LitElement {
     return html`
       <div
         @click=${this.onClickEmailOption}
-        class="in-house-launcher__call-to-action-option"
+        class="launcher__call-to-action-option"
       >
         ${text}
       </div>
@@ -144,9 +144,7 @@ export class InHouseLauncher extends LitElement {
 
   renderCallUsOption = (): TemplateResult => {
     const text = this.getNumCallToActions() > 2 ? "Phone" : "Hours/Phone";
-    return html`
-      <div class="in-house-launcher__call-to-action-option">${text}</div>
-    `;
+    return html` <div class="launcher__call-to-action-option">${text}</div> `;
   };
 
   onClickSSTOption = (e: MouseEvent): void => {
@@ -163,7 +161,7 @@ export class InHouseLauncher extends LitElement {
     const text = this.getNumCallToActions() > 2 ? "Book" : "Book a tour";
     return html`
       <div
-        class="in-house-launcher__call-to-action-option"
+        class="launcher__call-to-action-option"
         @click=${this.onClickSSTOption}
       >
         ${text}
@@ -185,7 +183,7 @@ export class InHouseLauncher extends LitElement {
     return html`
       <div
         @click=${this.onClickTextUsOption}
-        class="in-house-launcher__call-to-action-option"
+        class="launcher__call-to-action-option"
       >
         Text us
       </div>
@@ -198,7 +196,7 @@ export class InHouseLauncher extends LitElement {
     }
 
     return html`
-      <div class="in-house-launcher__call-to-actions-wrapper">
+      <div class="launcher__call-to-actions-wrapper">
         ${this.hasEmailEnabled ? this.renderEmailOption() : ""}
         ${this.phoneNumber ? this.renderCallUsOption() : ""}
         ${this.hasTextUsEnabled ? this.renderTextUsOption() : ""}
@@ -224,12 +222,12 @@ export class InHouseLauncher extends LitElement {
     isSecondaryAction?: boolean
   ): TemplateResult => {
     return html`
-      <div class="in-house-launcher__mini-option-wrapper">
+      <div class="launcher__mini-option-wrapper">
         <div
           @click=${onClick}
           class=${classMap({
-            ["in-house-launcher__mini-option"]: true,
-            ["in-house-launcher__secondary-option"]: !!isSecondaryAction,
+            ["launcher__mini-option"]: true,
+            ["launcher__secondary-option"]: !!isSecondaryAction,
           })}
         >
           ${content}
@@ -240,9 +238,9 @@ export class InHouseLauncher extends LitElement {
 
   renderMiniLauncher = (): TemplateResult => {
     return html`
-      <div class="in-house-launcher__mini-launcher-wrapper">
+      <div class="launcher__mini-launcher-wrapper">
         ${this.isEmailWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <email-us-window
                 ${ref(this.emailUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -251,7 +249,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isTextUsWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <text-us-window
                 ${ref(this.textUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -259,7 +257,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isSSTWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <tour-scheduler
                 .layoutOptions=${this.layoutOptions}
                 .tourTypeOptions=${this.tourTypeOptions}
@@ -270,7 +268,7 @@ export class InHouseLauncher extends LitElement {
           : ""}
         ${this.isCallUsWindowOpen
           ? html`
-              <div class="in-house-launcher__window-wrapper">
+              <div class="launcher__window-wrapper">
                 <call-us-window
                   .onCloseClicked=${this.onClosePhoneWindow}
                   phoneNumber="${this.phoneNumber}"
@@ -393,7 +391,7 @@ export class InHouseLauncher extends LitElement {
     return html`
       <div>
         ${this.isEmailWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <email-us-window
                 ${ref(this.emailUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -402,7 +400,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isTextUsWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <text-us-window
                 ${ref(this.textUsWindowRef)}
                 .buildingId=${this.buildingId}
@@ -410,7 +408,7 @@ export class InHouseLauncher extends LitElement {
             </div>`
           : ""}
         ${this.isSSTWindowOpen
-          ? html`<div class="in-house-launcher__window-wrapper">
+          ? html`<div class="launcher__window-wrapper">
               <tour-scheduler
                 .layoutOptions=${this.layoutOptions}
                 .tourTypeOptions=${this.tourTypeOptions}
@@ -421,7 +419,7 @@ export class InHouseLauncher extends LitElement {
           : ""}
         ${this.isCallUsWindowOpen && this.phoneNumber
           ? html`
-              <div class="in-house-launcher__window-wrapper">
+              <div class="launcher__window-wrapper">
                 <call-us-window
                   .onCloseClicked=${this.onClosePhoneWindow}
                   phoneNumber="${this.phoneNumber}"
@@ -436,9 +434,7 @@ export class InHouseLauncher extends LitElement {
                 @click=${this.onChatTapped}
                 class="${classnames(
                   "launcher",
-                  this.isMobile
-                    ? "in-house-launcher__mobile"
-                    : "in-house-launcher__desktop",
+                  this.isMobile ? "launcher__mobile" : "launcher__desktop",
                   {
                     firstMount: this.isFirstMount,
                   }
@@ -456,8 +452,8 @@ export class InHouseLauncher extends LitElement {
                   <source src="${glowBarMp4}" type="video/mp4" />
                 </video>
                 <div class="content">
-                  <div class="in-house-launcher__primary-action">
-                    <div class="in-house-launcher__primary-action-text">
+                  <div class="launcher__primary-action">
+                    <div class="launcher__primary-action-text">
                       Ask a question
                       <svg
                         width="21"
@@ -472,11 +468,11 @@ export class InHouseLauncher extends LitElement {
                         />
                       </svg>
                     </div>
-                    <div class="in-house-launcher__ask-underline"></div>
+                    <div class="launcher__ask-underline"></div>
                   </div>
                   ${this.getNumCallToActions() === 0
                     ? html`
-                        <div class="in-house-launcher__filler-text">
+                        <div class="launcher__filler-text">
                           I can also help you schedule a tour
                         </div>
                       `
@@ -490,8 +486,8 @@ export class InHouseLauncher extends LitElement {
   }
 }
 
-export const installInHouseLauncher = (): void => {
-  if (!window.customElements.get("in-house-launcher")) {
-    window.customElements.define("in-house-launcher", InHouseLauncher);
+export const installLauncher = (): void => {
+  if (!window.customElements.get("meetelise-launcher")) {
+    window.customElements.define("meetelise-launcher", Launcher);
   }
 };

package/src/WebComponent/MEChat.css

@@ -1,5 +1,5 @@
 @media screen and (min-width: 767px) {
-  .meetelise-chat.pane.in-house-launcher__desktop {
+  .meetelise-chat.pane.launcher__desktop {
     right: -32px;
   }
 }

package/src/WebComponent/actions/{EmailUsWindow.ts → email-us-window.ts}

@@ -2,8 +2,8 @@ import { css, html, LitElement, TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { createRef, ref, Ref } from "lit/directives/ref.js";
-import { installActionConfirmButton } from "./ActionConfirmButton";
-import { installDetailsWindow } from "./DetailsWindow";
+import { installActionConfirmButton } from "./action-confirm-button";
+import { installDetailsWindow } from "./details-window";
 import {
   formatToPhone,
   isModifierKey,

package/src/WebComponent/actions/{TextUsWindow.ts → text-us-window.ts}

@@ -2,8 +2,8 @@ import { css, html, LitElement, TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { createRef, ref, Ref } from "lit/directives/ref.js";
-import { installActionConfirmButton } from "./ActionConfirmButton";
-import { installDetailsWindow } from "./DetailsWindow";
+import { installActionConfirmButton } from "./action-confirm-button";
+import { installDetailsWindow } from "./details-window";
 import {
   formatToPhone,
   isModifierKey,

package/src/WebComponent/index.ts

@@ -1,2 +1,2 @@
-export { InHouseLauncher } from "./InHouseLauncher";
-import "./MEChat";
+export { Launcher } from "./Launcher";
+import "./me-chat";

package/src/WebComponent/{inHouseLauncherStyles.ts → launcherStyles.ts}

@@ -1,6 +1,6 @@
 import { css } from "lit";
 
-export const inHouseLauncherStyles = css`
+export const launcherStyles = css`
   :host {
     --glowBarHeight: 11.2px;
     --enterAnimationDuration: 0.5s;
@@ -29,25 +29,25 @@ export const inHouseLauncherStyles = css`
     backdrop-filter: blur(10px);
     box-shadow: 0px 8px 8px 4px rgba(0, 0, 0, 0.25);
   }
-  .launcher:not(.miniLauncher).in-house-launcher__mobile {
+  .launcher:not(.miniLauncher).launcher__mobile {
     width: 100%;
     bottom: 0px;
     left: 0px;
     padding: 5px;
   }
-  .launcher:not(.miniLauncher).in-house-launcher__desktop {
+  .launcher:not(.miniLauncher).launcher__desktop {
     width: 245px;
     height: 112px;
     padding-left: 10px;
   }
-  .launcher.in-house-launcher__desktop {
+  .launcher.launcher__desktop {
     right: 0px;
     overflow: hidden;
     border-radius: 10px 0px 0px 10px;
     bottom: 40px;
     z-index: 100000;
   }
-  .launcher.in-house-launcher__desktop.firstMount {
+  .launcher.launcher__desktop.firstMount {
     animation: slideInFromRight var(--enterAnimationDuration);
   }
   .launcher .glowBar {
@@ -100,19 +100,19 @@ export const inHouseLauncherStyles = css`
   .miniLauncher.firstMount {
     animation: slideInFromRight 0.5s;
   }
-  .miniLauncher.in-house-launcher__desktop {
+  .miniLauncher.launcher__desktop {
     padding-right: 20px;
     right: 0px;
     overflow: hidden;
     bottom: 40px;
     z-index: var(--desktopZIndex);
   }
-  .miniLauncher.in-house-launcher__mobile {
+  .miniLauncher.launcher__mobile {
     right: 10px;
     bottom: 20px;
   }
 
-  .in-house-launcher__primary-action-text {
+  .launcher__primary-action-text {
     font-family: "Poppins";
     font-weight: 700;
     font-size: 24px;
@@ -120,44 +120,44 @@ export const inHouseLauncherStyles = css`
     cursor: pointer;
   }
 
-  .in-house-launcher__primary-action:hover {
+  .launcher__primary-action:hover {
     color: #350da6;
   }
 
-  .in-house-launcher__primary-action {
+  .launcher__primary-action {
     transition: color 0.5s cubic-bezier(0.2, 0.19, 0.27, 0.98),
       fill 0.5s cubic-bezier(0.2, 0.19, 0.27, 0.98);
     cursor: pointer;
   }
 
-  .in-house-launcher__primary-action:hover path {
+  .launcher__primary-action:hover path {
     fill: #350da6;
   }
 
-  .in-house-launcher__primary-action:hover .in-house-launcher__ask-underline {
+  .launcher__primary-action:hover .launcher__ask-underline {
     background: #350da6;
   }
 
-  .in-house-launcher__primary-action svg {
+  .launcher__primary-action svg {
     height: 28px;
     width: 28px;
     transform: translateX(2px);
   }
 
-  .in-house-launcher__ask-underline {
+  .launcher__ask-underline {
     width: 47px;
     height: 3px;
     background: #1e1e1e;
     transition: background 0.5s cubic-bezier(0.2, 0.19, 0.27, 0.98);
   }
 
-  .in-house-launcher__filler-text {
+  .launcher__filler-text {
     font-size: 10px;
     line-height: 22px;
     color: #1e1e1e;
   }
 
-  .in-house-launcher__call-to-action-option {
+  .launcher__call-to-action-option {
     font-weight: 700;
     font-size: 12px;
     line-height: 22px;
@@ -170,28 +170,28 @@ export const inHouseLauncherStyles = css`
     transition: color 0.2s cubic-bezier(0.2, 0.19, 0.27, 0.98);
   }
 
-  .in-house-launcher__call-to-action-option:hover {
+  .launcher__call-to-action-option:hover {
     color: #350da6;
     border-bottom: 2px solid #350da6;
   }
 
-  .in-house-launcher__call-to-actions-wrapper {
+  .launcher__call-to-actions-wrapper {
     width: 100%;
     display: flex;
   }
 
-  .in-house-launcher__call-to-actions-wrapper
-    > .in-house-launcher__call-to-action-option:not(:last-child) {
+  .launcher__call-to-actions-wrapper
+    > .launcher__call-to-action-option:not(:last-child) {
     margin-right: 15px;
   }
 
-  .in-house-launcher__window-wrapper {
+  .launcher__window-wrapper {
     position: fixed;
     right: 0;
     bottom: 172px;
   }
 
-  .in-house-launcher__mini-launcher-wrapper {
+  .launcher__mini-launcher-wrapper {
     position: fixed;
     right: 0px;
     bottom: 40px;
@@ -200,7 +200,7 @@ export const inHouseLauncherStyles = css`
     align-items: center;
   }
 
-  .in-house-launcher__mini-option {
+  .launcher__mini-option {
     position: relative;
     // This is so that the pseudo elements we created will be visible despite being beneath the element it is a pseudo element for
     border: 4px solid transparent;
@@ -217,11 +217,11 @@ export const inHouseLauncherStyles = css`
     cursor: pointer;
   }
 
-  .in-house-launcher__mini-option-wrapper {
+  .launcher__mini-option-wrapper {
     margin-right: 12px;
   }
 
-  .in-house-launcher__mini-option:not(:hover)::before {
+  .launcher__mini-option:not(:hover)::before {
     position: absolute;
     top: -4px;
     bottom: -4px;
@@ -233,20 +233,20 @@ export const inHouseLauncherStyles = css`
     border-radius: 50%;
   }
 
-  .in-house-launcher__secondary-option {
+  .launcher__secondary-option {
     width: 30px;
     height: 30px;
   }
 
-  .in-house-launcher__mini-option-wrapper {
+  .launcher__mini-option-wrapper {
     background-clip: padding-box;
   }
 
-  .in-house-launcher__mini-option:hover {
+  .launcher__mini-option:hover {
     border: none;
   }
 
-  .in-house-launcher__mini-option:hover::before {
+  .launcher__mini-option:hover::before {
     position: absolute;
     top: -4px;
     bottom: -4px;
@@ -260,15 +260,15 @@ export const inHouseLauncherStyles = css`
   }
 
   @media screen and (max-width: 767px) {
-    .launcher:not(.miniLauncher).in-house-launcher__desktop {
+    .launcher:not(.miniLauncher).launcher__desktop {
       width: 100%;
     }
 
-    .launcher.in-house-launcher__desktop {
+    .launcher.launcher__desktop {
       bottom: 0px;
     }
 
-    .launcher.in-house-launcher__desktop {
+    .launcher.launcher__desktop {
       border-radius: 0px;
     }
 
@@ -284,20 +284,20 @@ export const inHouseLauncherStyles = css`
       padding-bottom: 15px;
     }
 
-    .in-house-launcher__primary-action-text {
+    .launcher__primary-action-text {
       font-size: 18px;
       flex-grow: 1;
     }
 
-    .in-house-launcher__call-to-actions-wrapper {
+    .launcher__call-to-actions-wrapper {
       width: fit-content;
     }
 
-    .in-house-launcher__ask-underline {
+    .launcher__ask-underline {
       width: 35px;
     }
 
-    .in-house-launcher__window-wrapper {
+    .launcher__window-wrapper {
       left: 0;
       bottom: 0;
     }

package/src/WebComponent/{MEChat.ts → me-chat.ts}

@@ -3,7 +3,7 @@ import { customElement, property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { createRef, ref, Ref } from "lit/directives/ref.js";
 import Talk from "talkjs";
-import { InHouseLauncher } from ".";
+import { Launcher } from ".";
 import "./Scheduler/tour-scheduler";
 import Analytics from "../analytics";
 import { getChatID } from "../chatID";
@@ -11,7 +11,7 @@ import createConversation from "../createConversation";
 import fetchBuildingInfo, { Building } from "../fetchBuildingInfo";
 import { getTheme, Theme, ThemeIdString } from "../themes";
 import { isMobile } from "../utils";
-import { installInHouseLauncher } from "./InHouseLauncher";
+import { installLauncher } from "./Launcher";
 
 import "./MEChat.css";
 import { getRawAvailabilities } from "../getAvailabilities";
@@ -35,7 +35,7 @@ export class MEChat extends LitElement {
       display: none;
     }
 
-    .inHouseLauncherContainer.in-house-launcher__mobile {
+    .launcherContainer.launcher__mobile {
       width: 100%;
       height: 100px;
     }
@@ -83,12 +83,12 @@ export class MEChat extends LitElement {
   private hideLauncher = false;
 
   private yardiDNIScriptInterval: NodeJS.Timer | null = null;
-  inHouseLauncherRef: Ref<InHouseLauncher> = createRef();
+  launcherRef: Ref<Launcher> = createRef();
 
   initializeInstanceVariables = async (): Promise<void> => {
     await this.setBuildingDerivedInfo();
     await this.initializeLaunchJS();
-    this.attachOnClickToInHouseLauncher();
+    this.attachOnClickToLauncher();
   };
 
   setBuildingDerivedInfo = async (): Promise<void> => {
@@ -146,10 +146,10 @@ export class MEChat extends LitElement {
   }
 
   private configureLauncherElement = () => {
-    if (!this.popup || !this.inHouseLauncherRef.value) {
+    if (!this.popup || !this.launcherRef.value) {
       return;
     }
-    this.launcher = this.inHouseLauncherRef.value;
+    this.launcher = this.launcherRef.value;
   };
 
   private configureTalkJSPopup = async (
@@ -182,7 +182,7 @@ export class MEChat extends LitElement {
     if (!talkjsPopupElement) throw new Error("Failed to find chat window");
     talkjsPopupElement.classList.add("meetelise-chat", "pane");
     if (!this.isMobile) {
-      talkjsPopupElement.classList.add("in-house-launcher__desktop");
+      talkjsPopupElement.classList.add("launcher__desktop");
     }
     (talkjsPopupElement as HTMLElement).style.zIndex = "99999999999";
     this.popup = popup;
@@ -230,21 +230,21 @@ export class MEChat extends LitElement {
   };
 
   render(): TemplateResult {
-    installInHouseLauncher();
+    installLauncher();
 
     return html`
       <div
         class=${classMap({
-          inHouseLauncherContainer: true,
-          ["in-house-launcher__mobile"]: this.isMobile,
-          ["in-house-launcher__desktop"]: !this.isMobile,
+          launcherContainer: true,
+          ["launcher__mobile"]: this.isMobile,
+          ["launcher__desktop"]: !this.isMobile,
           ["meetelise-chat"]: true,
           launcher: true,
           shouldBeVisible: true,
         })}
       >
-        <in-house-launcher
-          ${ref(this.inHouseLauncherRef)}
+        <meetelise-launcher
+          ${ref(this.launcherRef)}
           .isMobile=${this.isMobile}
           .isFirstMount=${!this.hasMounted}
           .isMini=${this.useMiniWidget}
@@ -256,18 +256,18 @@ export class MEChat extends LitElement {
           backgroundColor="${this.theme.chatPaneBackgroundColor}"
           ?hidden=${this.hideLauncher}
         >
-        </in-house-launcher>
+        </meetelise-launcher>
       </div>
     `;
   }
 
-  private attachOnClickToInHouseLauncher = () => {
-    const inHouseLauncher = this.inHouseLauncherRef.value;
-    if (!inHouseLauncher) {
+  private attachOnClickToLauncher = () => {
+    const launcher = this.launcherRef.value;
+    if (!launcher) {
       return;
     }
 
-    inHouseLauncher.onChatTapped = async () => {
+    launcher.onChatTapped = async () => {
       if (!this.popup) {
         return;
       }

package/src/getAvailabilities.ts

@@ -74,7 +74,7 @@ export const getAvailabilitiesGroupedByDay = async (
 // TODO: alternative to this: cache the building id when getRawAvailabilities is called. Then I can call the normal methods.
 export const getAvailabilitiesGroupedByDayCached = async (
   tourType: TourAvailabilityResponseRankOrderedSupportedTourTypesEnum
-): ReturnType<typeof getAvailabilitiesGroupedByDay> =>
+): Promise<{ [day: string]: Date[] }> =>
   getAvailabilitiesGroupedByDay(
     Object.keys(availabilitiesCache).map(Number)[0],
     tourType