@meetelise/chat 1.20.48 → 1.20.50

package/src/MEChat.ts

@@ -1,3 +1,4 @@
+import axios from "axios";
 import { StyleInfo } from "lit/directives/style-map";
 import { ThemeIdString } from "./themes";
 import "./WebComponent/me-chat";
@@ -17,21 +18,29 @@ import { MEChat as MEChatLitElement } from "./WebComponent/me-chat";
  */
 export default class MEChat {
   static meChat: MEChatLitElement | null = null;
+  static orgSlug = "";
+  static mutationObserver: MutationObserver | null = null;
+  static previousUrl = "";
+  static hasBuildingSlug: boolean | null = null;
 
-  static start(opts: Options): void {
+  static start(opts: Options, isInitialStart = true): void {
     // If clients are Yardi and have a resident portal with rentcafe,
-    //  we do NOT want to display the launcher (if following in shows up anywhere in url)
+    //  we do NOT want to display the launcher (if following in shows up anywhere in url).
     if (
       window.location.pathname.includes("residentservices") ||
       window.location.pathname.includes("onlineleasing")
     ) {
       return;
     }
+    if (isInitialStart) {
+      this.orgSlug = opts.organization;
+      this.hasBuildingSlug = !!opts.building;
+    }
     installFont();
     installTalkjsMobileStyleFix();
     const meChat = document.createElement("me-chat");
     meChat.setAttribute("orgSlug", opts.organization);
-    meChat.setAttribute("buildingSlug", opts.building);
+    this.handleBuildingslug(meChat, opts.building);
     meChat.setAttribute("class", "meetelise-chat");
     if (opts.themeId) {
       meChat.setAttribute("themeId", opts.themeId);
@@ -64,6 +73,62 @@ export default class MEChat {
     document.body.removeChild(this.meChat);
     MEChat.meChat = null;
   }
+
+  static async handleBuildingslug(
+    meChat: MEChatLitElement,
+    buildingSlug?: string
+  ): Promise<void> {
+    if (buildingSlug) {
+      meChat.setAttribute("buildingSlug", buildingSlug);
+      return;
+    }
+
+    if (this.mutationObserver) {
+      return;
+    }
+
+    this.handleSingleFamilyUrl();
+    this.previousUrl = window.location.href;
+
+    document.body.addEventListener(
+      "click",
+      () => {
+        requestAnimationFrame(() => {
+          if (
+            this.previousUrl === window.location.href ||
+            this.hasBuildingSlug
+          ) {
+            return;
+          }
+          this.previousUrl = window.location.href;
+          this.handleSingleFamilyUrl();
+        });
+      },
+      true
+    );
+  }
+
+  static async handleSingleFamilyUrl(): Promise<void> {
+    if (this.hasBuildingSlug) {
+      return;
+    }
+    this.remove();
+    const url = window.location.href;
+    const requestUrl = `https://app.meetelise.com/eliseCrmApi/webchat/microsite_slug?uri=${encodeURIComponent(
+      url
+    )}`;
+    const buildingSlug = await axios.get<string | null>(requestUrl, {
+      headers: { ["org-slug"]: this.orgSlug },
+    });
+    if (!buildingSlug || !buildingSlug.data) {
+      return;
+    }
+    const opts = {
+      organization: this.orgSlug,
+      building: buildingSlug.data,
+    };
+    this.start(opts, false);
+  }
 }
 
 export interface Options {