@meetelise/chat 1.12.5 → 1.12.8

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;
       }