@meetelise/chat 1.22.26 → 1.22.27

package/src/WebComponent/me-chat.ts

@@ -9,6 +9,7 @@ import fetchBuildingInfo, { Building } from "../fetchBuildingInfo";
 import {
   FeatureFlagsShowDropdown,
   fetchFeatureFlagInsertDNIWebsite,
+  fetchFeatureFlagReplaceScheduleTourCtaWebsite,
   fetchFeatureFlagShowMarketingSourceDropdown,
   fetchFeatureFlagUseOverrideContactUsForm,
   fetchFeatureFlagUsePhoneNumberBySource,
@@ -305,6 +306,7 @@ export class MEChat extends LitElement {
       featureFlagUseDNI,
       webchatSettings,
       featureFlagInsertDNIWebsite,
+      featureFlagReplaceScheduleTourCtaWebsite,
     ] = await Promise.all([
       fetchBuildingABTestType(this.buildingSlug),
       fetchLeadSources(this.orgSlug, this.buildingSlug),
@@ -312,6 +314,7 @@ export class MEChat extends LitElement {
       fetchFeatureFlagUsePhoneNumberBySource(this.buildingSlug),
       fetchWebchatPreferences(buildingDetails.id),
       fetchFeatureFlagInsertDNIWebsite(this.buildingSlug),
+      fetchFeatureFlagReplaceScheduleTourCtaWebsite(this.buildingSlug),
     ]);
 
     if (this.building) {
@@ -379,11 +382,9 @@ export class MEChat extends LitElement {
       this.orgSlug === "radco"
     ) {
       replaceSSTLinkWithTourWidgetTrigger(this.handleTourClicked);
-      replacePageRedirectElementWithTourWidgetTrigger(
-        this.orgSlug,
-        this.buildingSlug,
-        this.handleTourClicked
-      );
+      if (featureFlagReplaceScheduleTourCtaWebsite) {
+        replacePageRedirectElementWithTourWidgetTrigger(this.handleTourClicked);
+      }
     } else {
       if (this.LeadSourceClient?.leadSource) {
         insertLeadSourceIntoSchedulerLinks(

package/src/fetchFeatureFlag.ts

@@ -1,6 +1,8 @@
 import axios from "axios";
 
 // V1 reads from the launch darkly flag
+// Note, in launch darkly we can define the building_id as the user filter and just need to pass
+// the building_slug to the endpoint - we map in the backend
 const featureFlagEndpointV1 = (buildingSlug: string): string => {
   const host = "https://app.meetelise.com";
   return `${host}/platformApi/webchat/${buildingSlug}/chat-ui-feature-flag`;
@@ -171,3 +173,28 @@ export async function fetchFeatureFlagShowUtilities(
     return false;
   }
 }
+
+export async function fetchFeatureFlagReplaceScheduleTourCtaWebsite(
+  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-replace-any-schedule-tour-cta-website",
+          default_str: null,
+          default_bool: false,
+        },
+      }
+    );
+    return featureFlagResponse.data;
+  } catch (_) {
+    return false;
+  }
+}

package/src/insertLeadSourceIntoSchedulerLinks.ts

@@ -34,17 +34,13 @@ export const replaceSSTLinkWithTourWidgetTrigger = (
 };
 
 export const replacePageRedirectElementWithTourWidgetTrigger = (
-  orgSlug: string,
-  buildingSlug: string,
   handleTourClicked: (e: MouseEvent) => void
 ): void => {
-  if (buildingSlug === "be948f76-d8f9-11eb-b710-2bc5b16e7492") {
-    const element = document.querySelector('a[href="/schedule-a-tour/"]');
-    if (element) {
-      element.addEventListener("click", (event) => {
-        event.preventDefault(); // Prevents the default href redirect
-        handleTourClicked(event as MouseEvent);
-      });
-    }
+  const element = document.querySelector('a[href="/schedule-a-tour/"]');
+  if (element) {
+    element.addEventListener("click", (event) => {
+      event.preventDefault(); // Prevents the default href redirect
+      handleTourClicked(event as MouseEvent);
+    });
   }
 };