@meetelise/chat 1.22.52 → 1.22.53

package/src/WebComponent/me-chat.ts

@@ -4,7 +4,7 @@ import { classMap } from "lit/directives/class-map.js";
 import { createRef, ref, Ref } from "lit/directives/ref.js";
 import { Launcher } from "./launcher/Launcher";
 import "./Scheduler/tour-scheduler";
-import Analytics, { LogType, sendLoggingEvent } from "../analytics";
+import Analytics, { logSignal, LogType, sendLoggingEvent } from "../analytics";
 import fetchBuildingInfo, { Building } from "../fetchBuildingInfo";
 import {
   FeatureFlagsShowDropdown,
@@ -249,6 +249,18 @@ export class MEChat extends LitElement {
     if (!building) {
       // eslint-disable-next-line no-console
       console.warn("MeetElise Chat will NOT appear. Building does NOT exist.");
+      logSignal({
+        params: {
+          org_slug: this.orgSlug,
+          building_slug: this.buildingSlug,
+          is_pixel_on_site: true,
+          is_any_webchat_showing: false,
+          extra_data: {
+            webchat_no_show_reason: "building_does_not_exist",
+          },
+        },
+        isSampled: true,
+      });
       return false;
     }
     if (!building.launchedDateTime) {
@@ -256,11 +268,35 @@ export class MEChat extends LitElement {
       console.warn(
         "MeetElise Chat will NOT appear. Building is NOT launched (based on launched date time)."
       );
+      logSignal({
+        params: {
+          org_slug: this.orgSlug,
+          building_slug: this.buildingSlug,
+          is_pixel_on_site: true,
+          is_any_webchat_showing: false,
+          extra_data: {
+            webchat_no_show_reason: "building_not_launched",
+          },
+        },
+        isSampled: true,
+      });
       return false;
     }
     if (!building.active) {
       // eslint-disable-next-line no-console
       console.warn("MeetElise Chat will NOT appear. Building is NOT active.");
+      logSignal({
+        params: {
+          org_slug: this.orgSlug,
+          building_slug: this.buildingSlug,
+          is_pixel_on_site: true,
+          is_any_webchat_showing: false,
+          extra_data: {
+            webchat_no_show_reason: "building_not_active",
+          },
+        },
+        isSampled: true,
+      });
       return false;
     }
     if (!building.webchatScopeConfigured) {
@@ -268,6 +304,18 @@ export class MEChat extends LitElement {
       console.warn(
         "MeetElise Chat will NOT appear. Building is NOT webchat scope configured."
       );
+      logSignal({
+        params: {
+          org_slug: this.orgSlug,
+          building_slug: this.buildingSlug,
+          is_pixel_on_site: true,
+          is_any_webchat_showing: false,
+          extra_data: {
+            webchat_no_show_reason: "building_not_webchat_scope_configured",
+          },
+        },
+        isSampled: true,
+      });
       return false;
     }
 
@@ -280,6 +328,18 @@ export class MEChat extends LitElement {
       console.warn(
         "MeetElise Chat will NOT appear. Chat is in maintenance mode."
       );
+      logSignal({
+        params: {
+          org_slug: this.orgSlug,
+          building_slug: this.buildingSlug,
+          is_pixel_on_site: true,
+          is_any_webchat_showing: false,
+          extra_data: {
+            webchat_no_show_reason: "building_in_maintenance_mode",
+          },
+        },
+        isSampled: true,
+      });
       return false;
     }
     return true;
@@ -303,6 +363,16 @@ export class MEChat extends LitElement {
     );
     if (!shouldShowWebchat) {
       return;
+    } else {
+      logSignal({
+        params: {
+          org_slug: this.orgSlug,
+          building_slug: this.buildingSlug,
+          is_pixel_on_site: true,
+          is_any_webchat_showing: true,
+        },
+        isSampled: true,
+      });
     }
 
     this.building = building;
@@ -334,6 +404,7 @@ export class MEChat extends LitElement {
     if (buildingDetails && this.orgSlug) {
       overrideContactUsForm(
         this.orgSlug,
+        this.LeadSourceClient?.chatId ?? null,
         this.buildingSlug,
         this.LeadSourceClient?.leadSource ?? null
       );
@@ -478,11 +549,24 @@ export class MEChat extends LitElement {
       }
     }
     if (featureFlagInsertDNIWebsite && phoneNumberForSource?.number) {
-      insertDNIIntoWebsite(
+      const totalReplacements = insertDNIIntoWebsite(
         phoneNumberForSource.number,
         this.orgSlug,
         this.buildingSlug
       );
+      if (totalReplacements > 0) {
+        logSignal({
+          params: {
+            org_slug: this.orgSlug,
+            building_slug: this.buildingSlug,
+            is_dni_insert_override_success: true,
+            extra_data: {
+              total_replacements: totalReplacements,
+            },
+          },
+          isSampled: true,
+        });
+      }
     }
 
     const devTestPhoneNumber = localStorage.getItem(
@@ -991,6 +1075,7 @@ const findElementById = (priorityIds: string[]): HTMLElement | null => {
 
 const overrideContactUsForm = async (
   orgSlug: string,
+  chatId: string | null,
   buildingSlug?: string,
   leadSource?: string | null
 ): Promise<void> => {
@@ -1144,6 +1229,18 @@ const overrideContactUsForm = async (
   const clonedButton = btn.cloneNode(true) as HTMLButtonElement;
   btn.parentNode?.replaceChild(clonedButton, btn);
 
+  if (clonedButton) {
+    logSignal({
+      params: {
+        chat_id: chatId,
+        org_slug: orgSlug,
+        building_slug: buildingSlug,
+        is_form_override_success: true,
+      },
+      isSampled: true,
+    });
+  }
+
   clonedButton.onclick = async function (event) {
     validateFormElements();
 

package/src/analytics.ts

@@ -178,3 +178,48 @@ export const sendLoggingEvent = async ({
     }
   );
 };
+
+interface SignalLoggerProps {
+  org_slug: string;
+  building_slug: string;
+  chat_id?: string | null;
+  is_pixel_on_site?: boolean | null;
+  is_any_webchat_showing?: boolean | null;
+  is_form_override_success?: boolean | null;
+  is_dni_insert_override_success?: boolean | null;
+  extra_data?: Record<string, unknown> | null;
+}
+
+export const logSignal = async ({
+  params,
+  isSampled,
+}: {
+  params: SignalLoggerProps;
+  isSampled?: boolean;
+}): Promise<void> => {
+  try {
+    // fire 10% of the time
+    if (!!isSampled && Math.random() <= 0.1) {
+      return;
+    }
+    await axios.post(
+      `https://app.meetelise.com/platformApi/webchat/log/signal`,
+      {
+        ...params,
+        website_origin: window.location.origin,
+        website_search: window.location.search,
+      }
+    );
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn(error);
+    sendLoggingEvent({
+      logType: LogType.error,
+      logTitle: "SIGNAL_LOGGER_ERROR",
+      logData: {
+        error,
+      },
+      buildingSlug: params.building_slug,
+    });
+  }
+};

package/src/insertDNIIntoWebsite.ts

@@ -9,7 +9,7 @@ export const insertDNIIntoWebsite = (
   cleanPhoneNumber: string, // format of 1234567890
   orgSlug: string,
   buildingSlug?: string
-): void => {
+): number => {
   const newHrefNumber = `tel:${cleanPhoneNumber}`;
   const newHrefSmsNumber = `sms:${cleanPhoneNumber}`;
   const newWhatsAppNumber = `whatsapp://send?phone=${cleanPhoneNumber}}`;
@@ -35,6 +35,8 @@ export const insertDNIIntoWebsite = (
   let shouldLogTextInsertionError = false;
   let shouldLogHrefInsertionError = false;
 
+  let totalReplacements = 0;
+
   for (let i = 0; i < allHTMLItems.length; i++) {
     if (allHTMLItems[i].nodeType !== Node.ELEMENT_NODE) {
       continue;
@@ -50,6 +52,9 @@ export const insertDNIIntoWebsite = (
         phoneNumberPattern,
         newPhoneNumber
       );
+      if (oldInnerHTML !== newInnerHTML) {
+        totalReplacements++;
+      }
       allHTMLItems[i].innerHTML = newInnerHTML;
 
       foundPhoneNumber = true;
@@ -59,7 +64,7 @@ export const insertDNIIntoWebsite = (
       }
     }
 
-    // Handles the href phone number
+    // Handles the href phone number (so when you click the link, it will call the phone number)
     if (allHTMLItems[i].hasAttribute("href")) {
       const href = allHTMLItems[i].getAttribute("href");
       if (!href) {
@@ -136,4 +141,6 @@ export const insertDNIIntoWebsite = (
       orgSlug,
     });
   }
+
+  return totalReplacements;
 };