@meetelise/chat 1.20.60 → 1.20.61

package/src/WebComponent/me-chat.ts

@@ -9,14 +9,18 @@ import Analytics from "../analytics";
 import { createChatID, getChatID } from "../chatID";
 import createConversation from "../createConversation";
 import fetchBuildingInfo, { Building } from "../fetchBuildingInfo";
-import fetchFeatureFlag, {
+import {
   FeatureFlagsShowDropdown,
+  fetchFeatureFlagShowMarketingSourceDropdown,
+  fetchFeatureFlagUsePhoneNumberBySource,
 } from "../fetchFeatureFlag";
 import fetchBuildingABTestType, {
   abTestTypes,
 } from "../fetchBuildingABTestType";
 import fetchCurrentParsedLeadSource from "../fetchCurrentParsedLeadSource";
-import { NumberForSelectedSource } from "../fetchPhoneNumberFromSource";
+import fetchPhoneNumberFromSource, {
+  NumberForSelectedSource,
+} from "../fetchPhoneNumberFromSource";
 import { getTheme, Theme, ThemeIdString } from "../themes";
 import { isMobile } from "../utils";
 import { installLauncher } from "./Launcher";
@@ -180,30 +184,32 @@ export class MEChat extends LitElement {
       building,
       buildingABTest,
       leadSources,
-      featureFlagShowDropdown,
       currentLeadSource,
+      featureFlagShowDropdown,
+      featureFlagUseDNI,
     ] = await Promise.all([
       fetchBuildingInfo(this.orgSlug, this.buildingSlug),
       fetchBuildingABTestType(this.buildingSlug),
       fetchLeadSources(this.buildingSlug),
-      fetchFeatureFlag(this.buildingSlug),
       fetchCurrentParsedLeadSource(this.buildingSlug, document.referrer),
+      fetchFeatureFlagShowMarketingSourceDropdown(this.buildingSlug),
+      fetchFeatureFlagUsePhoneNumberBySource(this.buildingSlug),
     ]);
 
     building.phoneNumber = formatPhoneNumber(building.phoneNumber);
     this.building = building;
     this.buildingABTestType = buildingABTest?.abTestType ?? "";
     this.leadSources = leadSources;
-    this.featureFlagShowDropdown = featureFlagShowDropdown;
     this.currentLeadSource = currentLeadSource;
+    this.featureFlagShowDropdown = featureFlagShowDropdown;
 
-    // const phoneNumberForSource = await fetchPhoneNumberFromSource(
-    //   this.buildingSlug,
-    //   this.currentLeadSource
-    // );
-
-    // For now, we're not using the IVR phone number due to internal errors for IVR, so we're just setting it to null for temporary fix
-    const phoneNumberForSource = null;
+    let phoneNumberForSource = null;
+    if (featureFlagUseDNI) {
+      phoneNumberForSource = await fetchPhoneNumberFromSource(
+        this.buildingSlug,
+        this.currentLeadSource
+      );
+    }
 
     // if the building does NOT have IVR setup, we want to use the building's phone number
     if (!phoneNumberForSource) {

package/src/fetchFeatureFlag.ts

@@ -1,16 +1,22 @@
 import axios from "axios";
+
+const featureFlagEndpoint = (buildingSlug: string): string => {
+  const host = "https://app.meetelise.com";
+  return `${host}/platformApi/webchat/${buildingSlug}/chat-ui-feature-flag`;
+};
+
 export enum FeatureFlagsShowDropdown {
   onAttributionFailure = "on-attribution-failure",
   never = "never", // note, the dropdown will NOT show up if there are also no lead sources (list)!
   always = "always",
 }
-export default async function fetchFeatureFlag(
+
+export async function fetchFeatureFlagShowMarketingSourceDropdown(
   buildingSlug: string
 ): Promise<FeatureFlagsShowDropdown> {
-  const host = "https://app.meetelise.com";
   try {
     const featureFlagResponse = await axios.get(
-      `${host}/platformApi/webchat/${buildingSlug}/chat-ui-feature-flag`,
+      featureFlagEndpoint(buildingSlug),
       {
         params: {
           building_slug: buildingSlug,
@@ -21,7 +27,6 @@ export default async function fetchFeatureFlag(
         },
       }
     );
-
     if (featureFlagResponse.data === "on-attribution-failure") {
       return FeatureFlagsShowDropdown.onAttributionFailure;
     }
@@ -33,3 +38,25 @@ export default async function fetchFeatureFlag(
     return FeatureFlagsShowDropdown.always;
   }
 }
+
+export async function fetchFeatureFlagUsePhoneNumberBySource(
+  buildingSlug: string
+): Promise<boolean> {
+  try {
+    const featureFlagResponse = await axios.get(
+      featureFlagEndpoint(buildingSlug),
+      {
+        params: {
+          building_slug: buildingSlug,
+          flag_type: "bool",
+          feature_flag: "webchat-use-dni-phone-number-by-source",
+          default_str: null,
+          default_bool: false,
+        },
+      }
+    );
+    return featureFlagResponse.data;
+  } catch (_) {
+    return false;
+  }
+}