@meetelise/chat 1.20.147 → 1.20.149

package/src/WebComponent/me-chat.ts

@@ -35,7 +35,10 @@ import fetchLeadSources from "../fetchLeadSources";
 import { formatPhoneNumber } from "./actions/formatPhoneNumber";
 import MyPubnub from "../MyPubnub";
 import { insertDNIIntoWebsite } from "../insertDNIIntoWebsite";
-import { insertLeadSourceIntoSchedulerLinks } from "../insertLeadSourceIntoSchedulerLinks";
+import {
+  insertLeadSourceIntoSchedulerLinks,
+  replaceSSTLinkWithTourWidgetTrigger,
+} from "../insertLeadSourceIntoSchedulerLinks";
 
 import "./actions/minimize-expand-button";
 import "./launcher/mobile-launcher";
@@ -217,10 +220,6 @@ export class MEChat extends LitElement {
     this.currentLeadSource = currentLeadSource;
     this.featureFlagShowDropdown = featureFlagShowDropdown;
 
-    if (this.currentLeadSource) {
-      insertLeadSourceIntoSchedulerLinks(this.currentLeadSource);
-    }
-
     const buildingPhoneNumber = await getBuildingPhoneNumber(this.buildingSlug);
 
     this.enabledChatWidgets = {
@@ -247,6 +246,14 @@ export class MEChat extends LitElement {
           : this.building?.chatWidgets?.includes("SST") ?? true,
     };
 
+    if (this.enabledChatWidgets.sst) {
+      replaceSSTLinkWithTourWidgetTrigger(this.handleTourClicked);
+    } else {
+      if (this.currentLeadSource) {
+        insertLeadSourceIntoSchedulerLinks(this.currentLeadSource);
+      }
+    }
+
     if (webchatSettings && webchatSettings.config) {
       this.brandColor = webchatSettings.config.primaryColor ?? null;
       this.webchatConfigHasAutoOpenChat = webchatSettings.config.autoOpenChat;

package/src/insertLeadSourceIntoSchedulerLinks.ts

@@ -1,3 +1,5 @@
+// DEPRECATED: This file is no longer used. It was used to insert the lead source into the scheduler links.
+// We now prevent the redirect and force tour SST widget to open instead in replaceSSTLinkWithTourWidgetTrigger.ts.
 export const insertLeadSourceIntoSchedulerLinks = (
   leadSource: string
 ): void => {
@@ -15,3 +17,18 @@ export const insertLeadSourceIntoSchedulerLinks = (
     }
   });
 };
+
+export const replaceSSTLinkWithTourWidgetTrigger = (
+  handleTourClicked: (e: MouseEvent) => void
+): void => {
+  const sstRedirectElements = document.querySelectorAll("a");
+  sstRedirectElements.forEach(function (element) {
+    const href = element.getAttribute("href");
+    if (href && href.startsWith("https://app.meetelise.com/")) {
+      element.addEventListener("click", (event) => {
+        event.preventDefault(); // Prevents the default href redirect
+        handleTourClicked(event as MouseEvent);
+      });
+    }
+  });
+};

package/src/postLeadSources.ts

@@ -36,6 +36,15 @@ export default async function postLeadSources({
 }
 
 export function getUrlQueryParameters(): { [queryKey: string]: string } | null {
+  if (isQueryMalformed()) {
+    return getMalformedQueryParameters();
+  }
+  return getStandardUrlQueryParameters();
+}
+
+function getStandardUrlQueryParameters(): {
+  [queryKey: string]: string;
+} | null {
   const queryParams = new URLSearchParams(window.location.search);
 
   const hasUtmContent = queryParams.has("utm_content");
@@ -50,3 +59,23 @@ export function getUrlQueryParameters(): { [queryKey: string]: string } | null {
 
   return Object.fromEntries(queryParams);
 }
+
+// Some clients are sending malformed query parameters, so we need to handle those
+//  i.e. .../?switch_cls[id]=94593/?utm_source=MillCreekPlaces&utm_medium=Community+Portfolio+Page
+function getMalformedQueryParameters(): { [queryKey: string]: string } | null {
+  const url = window.location.search;
+  const allParams: { [queryKey: string]: string } = {};
+  const malformedParts = url.split("?").slice(1).join("&");
+  const pairs = malformedParts.split("&");
+  pairs.forEach((pair) => {
+    const [key, value] = pair.split("=");
+    if (key && value) {
+      allParams[decodeURIComponent(key)] = decodeURIComponent(value);
+    }
+  });
+
+  return allParams;
+}
+
+const isQueryMalformed = (): boolean =>
+  (window.location.search.match(/\?/g) || []).length > 1;