@meetelise/chat 1.22.75 → 1.22.76

package/src/WebComponent/me-chat.ts

@@ -15,6 +15,7 @@ import {
   fetchFeatureFlagMaintenanceMode,
   fetchFeatureFlagReplaceScheduleTourCtaWebsite,
   fetchFeatureFlagShowMarketingSourceDropdown,
+  fetchFeatureFlagUseApplicationsLinkReplacement,
   fetchFeatureFlagUseOverrideContactUsForm,
   fetchFeatureFlagUsePhoneNumberBySource,
 } from "../fetchFeatureFlag";
@@ -66,6 +67,7 @@ import LeadSourceClient, {
 import noop from "lodash/noop";
 import { updateRentgrataToken } from "../rentgrata";
 import { WidgetType } from "../main/MEChat";
+import { replaceSelectButtonsWithNewLink } from "../replaceSelectButtonsWithNewLink";
 
 @customElement("me-chat")
 export class MEChat extends LitElement {
@@ -433,6 +435,7 @@ export class MEChat extends LitElement {
       featureFlagUseDNI,
       featureFlagInsertDNIWebsite,
       featureFlagReplaceScheduleTourCtaWebsite,
+      featureFlagUseApplicationsLinkReplacement,
     ] = await Promise.all([
       fetchBuildingABTestType(this.buildingSlug),
       fetchLeadSources(this.orgSlug, this.buildingSlug),
@@ -440,6 +443,7 @@ export class MEChat extends LitElement {
       fetchFeatureFlagUsePhoneNumberBySource(this.buildingSlug),
       fetchFeatureFlagInsertDNIWebsite(this.buildingSlug),
       fetchFeatureFlagReplaceScheduleTourCtaWebsite(this.buildingSlug),
+      fetchFeatureFlagUseApplicationsLinkReplacement(this.buildingSlug),
     ]);
 
     if (this.buildingWebchatView) {
@@ -594,6 +598,27 @@ export class MEChat extends LitElement {
       }
     }
     getRawAvailabilities(buildingDetails.id); // we're not using this here, just want to cache the result
+
+    if (featureFlagUseApplicationsLinkReplacement && this.buildingSlug) {
+      const totalReplacements = replaceSelectButtonsWithNewLink(
+        `https://applications.eliseai.com/building/${this.buildingSlug}`,
+        this.orgSlug,
+        this.buildingSlug
+      );
+      if (totalReplacements > 0) {
+        logSignal({
+          params: {
+            org_slug: this.orgSlug,
+            building_slug: this.buildingSlug,
+            is_application_link_replacement_success: true,
+            extra_data: {
+              total_replacements: totalReplacements,
+            },
+          },
+          sampleRate: this.sampleRateToUse,
+        });
+      }
+    }
   };
 
   private initializeChatVariables = async (): Promise<void> => {

package/src/analytics.ts

@@ -187,6 +187,7 @@ interface SignalLoggerProps {
   is_any_webchat_showing?: boolean | null;
   is_form_override_success?: boolean | null;
   is_dni_insert_override_success?: boolean | null;
+  is_application_link_replacement_success?: boolean | null;
   extra_data?: Record<string, unknown> | null;
 }
 

package/src/fetchFeatureFlag.ts

@@ -223,3 +223,28 @@ export async function fetchFeatureFlagReplaceScheduleTourCtaWebsite(
     return false;
   }
 }
+
+export async function fetchFeatureFlagUseApplicationsLinkReplacement(
+  buildingSlug: string
+): Promise<boolean> {
+  if (!buildingSlug) {
+    return false;
+  }
+  try {
+    const featureFlagResponse = await axios.get(
+      featureFlagEndpointV1(buildingSlug),
+      {
+        params: {
+          building_slug: buildingSlug,
+          flag_type: "bool",
+          feature_flag: "webchat-use-applications-link-replacement",
+          default_str: null,
+          default_bool: false,
+        },
+      }
+    );
+    return featureFlagResponse.data;
+  } catch (_) {
+    return false;
+  }
+}

package/src/replaceSelectButtonsWithNewLink.ts

@@ -0,0 +1,68 @@
+/**
+ * Script to find all application links/buttons on a page and replace them with a
+ * new elise application link.
+ */
+import { LogType, sendLoggingEvent } from "./analytics";
+
+/**
+ * Script to find all "Select" buttons with specific URL patterns and replace them with a
+ * new application link.
+ */
+export const replaceSelectButtonsWithNewLink = (
+  newApplicationLink: string,
+  orgSlug: string,
+  buildingSlug?: string
+): number => {
+  const urlPatterns = [
+    /thehavenatgreenhill\.securecafe\.com\/onlineleasing\/the-haven-at-greenhill\/oleapplication\.aspx(\?.*)?$/,
+    /securecafe\.com\/onlineleasing.*\/oleapplication\.aspx(\?.*)?$/,
+    /\/onlineleasing.*\/oleapplication\.aspx(\?.*)?$/,
+  ];
+
+  const allElements = document.body.getElementsByTagName("a");
+  let totalReplacements = 0;
+
+  for (let i = 0; i < allElements.length; i++) {
+    const element = allElements[i] as HTMLAnchorElement;
+    if (element.nodeType !== Node.ELEMENT_NODE) continue;
+
+    const matchesUrlPattern = urlPatterns.some((pattern) =>
+      pattern.test(element.href)
+    );
+    const isSelectButtonWithUrl = matchesUrlPattern;
+
+    if (isSelectButtonWithUrl) {
+      const oldHref = element.getAttribute("href");
+      element.setAttribute("href", newApplicationLink);
+      totalReplacements++;
+
+      sendLoggingEvent({
+        logTitle: "SELECT_BUTTON_LINK_REPLACEMENT",
+        logData: {
+          type: "link-replacement",
+          oldHref,
+          newHref: newApplicationLink,
+          website: window.location.href,
+        },
+        logType: LogType.info,
+        buildingSlug,
+        orgSlug,
+      });
+    }
+  }
+
+  if (totalReplacements === 0) {
+    sendLoggingEvent({
+      logTitle: "SELECT_BUTTON_LINK_REPLACEMENT",
+      logData: {
+        type: "no-select-buttons-found",
+        website: window.location.href,
+      },
+      logType: LogType.warn,
+      buildingSlug,
+      orgSlug,
+    });
+  }
+
+  return totalReplacements;
+};