@meetelise/chat 1.43.31 → 1.43.33

package/src/WebComponent/me-chat.ts

@@ -59,6 +59,10 @@ import { updateRentgrataToken } from "../rentgrata";
 import { WidgetType } from "../main/MEChat";
 import { logCdnVersion } from "../logCdnVersion";
 import { replaceSelectButtonsWithNewLink } from "../replaceSelectButtonsWithNewLink";
+import {
+  overwriteCheckAvail,
+  shouldOverwriteCheckAvail,
+} from "../overwriteCheckAvailability";
 
 import "./chat-additional-actions";
 import { LeadSourceMultitouchClient } from "./LeadSourceMultitouchClient";
@@ -538,6 +542,19 @@ export class MEChat extends LitElement {
         });
       }
     }
+
+    if (
+      this.buildingSlug &&
+      !!this.buildingWebchatView?.isLiveOnApplications &&
+      this.buildingWebchatView?.applicationLink &&
+      shouldOverwriteCheckAvail(this.orgSlug)
+    ) {
+      overwriteCheckAvail(
+        this.orgSlug,
+        this.buildingSlug,
+        this.buildingWebchatView.applicationLink
+      );
+    }
   };
 
   private initializeChatVariables = async (): Promise<void> => {

package/src/overwriteCheckAvailability.ts

@@ -0,0 +1,108 @@
+import { LogType, sendLoggingEvent } from "./analytics";
+
+// Note. please update accordingly. this was a one off solution for a specific building
+export const shouldOverwriteCheckAvail = (orgSlug: string): boolean => {
+  return orgSlug === "c954426c-12ab-4f8e-8384-8218e79eaf72";
+};
+
+const OVERWRITE_BUTTON_LABELS = ["Check Availability", "Apply Now"];
+
+const isCheckAvailAnchor = (element: HTMLAnchorElement): boolean => {
+  if (!element.classList.contains("floorplan-button")) return false;
+
+  const spans = element.getElementsByTagName("span");
+  if (spans.length !== 1) return false;
+
+  const text = spans[0].textContent?.trim();
+  return text != null && OVERWRITE_BUTTON_LABELS.includes(text);
+};
+
+const overwriteElement = (
+  element: HTMLAnchorElement,
+  applicationLink: string,
+  orgSlug: string,
+  buildingSlug: string
+): boolean => {
+  if (!isCheckAvailAnchor(element)) return false;
+  if (element.getAttribute("href") === applicationLink) return false;
+
+  const oldHref = element.getAttribute("href");
+  element.setAttribute("href", applicationLink);
+  element.setAttribute("target", "_blank");
+
+  // eslint-disable-next-line no-console
+  console.log("overwrite check avail");
+
+  sendLoggingEvent({
+    logTitle: "CHECK_AVAIL_OVERWRITE",
+    logData: {
+      oldHref,
+      newHref: applicationLink,
+      website: window.location.href,
+    },
+    logType: LogType.info,
+    buildingSlug,
+    orgSlug,
+  });
+
+  return true;
+};
+
+const overwriteExistingElements = (
+  applicationLink: string,
+  orgSlug: string,
+  buildingSlug: string
+): void => {
+  const anchors = document.body.getElementsByTagName("a");
+  for (let i = 0; i < anchors.length; i++) {
+    overwriteElement(anchors[i], applicationLink, orgSlug, buildingSlug);
+  }
+};
+
+const processAddedNodes = (
+  nodes: NodeList,
+  applicationLink: string,
+  orgSlug: string,
+  buildingSlug: string
+): void => {
+  for (let i = 0; i < nodes.length; i++) {
+    const node = nodes[i];
+    if (node.nodeType !== Node.ELEMENT_NODE) continue;
+
+    const el = node as Element;
+    if (el.tagName === "A") {
+      overwriteElement(
+        el as HTMLAnchorElement,
+        applicationLink,
+        orgSlug,
+        buildingSlug
+      );
+    }
+
+    const nested = el.getElementsByTagName("a");
+    for (let j = 0; j < nested.length; j++) {
+      overwriteElement(nested[j], applicationLink, orgSlug, buildingSlug);
+    }
+  }
+};
+
+export const overwriteCheckAvail = (
+  orgSlug: string,
+  buildingSlug: string,
+  applicationLink: string
+): void => {
+  overwriteExistingElements(applicationLink, orgSlug, buildingSlug);
+
+  const observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      processAddedNodes(
+        mutation.addedNodes,
+        applicationLink,
+        orgSlug,
+        buildingSlug
+      );
+    }
+  });
+
+  observer.observe(document.body, { childList: true, subtree: true });
+};