@meetelise/chat 1.50.0 → 1.50.2

package/src/WebComponent/FeeCalculator/fee-calculator.ts

@@ -27,8 +27,6 @@ import { LogType } from "../../analytics";
 import { pushGtmEvent } from "../../gtm";
 import fetchBuildingUnits from "../../services/fees/fetchBuildingUnits";
 import { layoutToBedrooms } from "../../services/fees/utils";
-import parseISO from "date-fns/parseISO";
-import isBefore from "date-fns/isBefore";
 
 import "./components";
 import "./components/fee-calculator-layout/fee-calculator-layout";
@@ -163,14 +161,7 @@ export class FeeCalculator extends LitElement {
       return;
     }
 
-    // If lead's desired move in date is before the their selected unit's earliest available date
-    // use the unit's earliest available date (otherwise pricing will be incorrect)
-    const selectedMoveInDate = parseISO(this.moveInDateString);
-    const earliestAvailableDate = parseISO(this.selectedUnit.earliestAvailable);
-
-    const moveInDate = isBefore(selectedMoveInDate, earliestAvailableDate)
-      ? this.selectedUnit.earliestAvailable
-      : this.moveInDateString;
+    const moveInDate = this.moveInDateString;
 
     // Capture values before await to avoid race conditions
     const unitId = this.selectedUnit.id;
@@ -439,9 +430,9 @@ export class FeeCalculator extends LitElement {
     try {
       this.units = await fetchBuildingUnits({
         buildingSlug: this.buildingSlug,
-        moveInDateEarliestString: this.moveInDateString,
+        moveInDateString: this.moveInDateString,
         ...(numBedrooms ? { numBedrooms } : {}),
-        leaseTermMin: this.leaseTerm,
+        leaseTerm: this.leaseTerm,
       });
 
       if (this.selectedUnit) {

package/src/WebComponent/Scheduler/tour-scheduler.ts

@@ -869,6 +869,7 @@ export class TourScheduler extends LitElement {
         leadSources.find((i) => i !== "property-website") || null,
       layout: selectedLayout,
       unit: selectedUnit,
+      conversationTrackingId: this.leadSourceClient?.chatId ?? null,
     });
     const data = {
       referrer: document.referrer,

package/src/WebComponent/actions/call-us-window.ts

@@ -507,6 +507,7 @@ const createTextWithUs = async (
     phone: formattedPhoneNumber,
     originatingSource:
       leadSources.find((i) => i !== "property-website") || null,
+    conversationTrackingId: chatId ?? null,
   });
   await axios.post(
     "https://app.meetelise.com/platformApi/state/create/textMe",

package/src/WebComponent/actions/email-us-window.ts

@@ -569,6 +569,7 @@ const createEmail = async (
     message,
     originatingSource:
       leadSources.find((i) => i !== "property-website") || null,
+    conversationTrackingId: chatId ?? null,
   });
   await axios.post(
     "https://app.meetelise.com/platformApi/state/create/emailMe",

package/src/WebComponent/me-chat.ts

@@ -15,6 +15,7 @@ import {
   fetchFeatureFlagUseApplicationsLinkReplacement,
   fetchFeatureFlagUseOverrideContactUsForm,
 } from "../fetchFeatureFlag";
+import { HIDE_DATA_LAYER_PII_ORG_IDS, setGtmPiiRedaction } from "../gtm";
 import fetchPhoneNumberFromSource, {
   NumberForSelectedSource,
 } from "../fetchPhoneNumberFromSource";
@@ -355,6 +356,10 @@ export class MEChat extends LitElement {
     const featureFlagReplaceScheduleTourCtaWebsite =
       buildingDetails.featureFlagWebchatReplaceAnyScheduleTourCtaWebsite;
 
+    setGtmPiiRedaction(
+      HIDE_DATA_LAYER_PII_ORG_IDS.includes(buildingDetails.orgId)
+    );
+
     const [leadSources, featureFlagUseApplicationsLinkReplacement, isAip] =
       await Promise.all([
         fetchLeadSources(this.orgSlug, this.buildingSlug),

package/src/gtm.test.ts

@@ -0,0 +1,74 @@
+import { expect } from "@esm-bundle/chai";
+import { pushGtmEvent, setGtmPiiRedaction } from "./gtm";
+
+afterEach(() => {
+  setGtmPiiRedaction(false);
+  window.dataLayer = [];
+});
+
+it("pushes the full payload when PII redaction is off", () => {
+  window.dataLayer = [];
+
+  pushGtmEvent("scheduleTourSubmitted", {
+    email: "lead@example.com",
+    phone: "+12125555555",
+    firstName: "Ada",
+    lastName: "Lovelace",
+    tourType: "in-person",
+    conversationTrackingId: "chat-123",
+  });
+
+  expect(window.dataLayer).to.deep.equal([
+    {
+      event: "scheduleTourSubmitted",
+      email: "lead@example.com",
+      phone: "+12125555555",
+      firstName: "Ada",
+      lastName: "Lovelace",
+      tourType: "in-person",
+      conversationTrackingId: "chat-123",
+    },
+  ]);
+});
+
+it("strips PII keys but keeps the rest when PII redaction is on", () => {
+  window.dataLayer = [];
+  setGtmPiiRedaction(true);
+
+  pushGtmEvent("scheduleTourSubmitted", {
+    email: "lead@example.com",
+    phone: "+12125555555",
+    firstName: "Ada",
+    lastName: "Lovelace",
+    message: "Hi, is the 2BR still available?",
+    tourDetails: { tourTime: "2026-08-01T09:00:00-07:00" },
+    tourType: "in-person",
+    originatingSource: null,
+    conversationTrackingId: "chat-123",
+  });
+
+  expect(window.dataLayer).to.deep.equal([
+    {
+      event: "scheduleTourSubmitted",
+      tourType: "in-person",
+      originatingSource: null,
+      conversationTrackingId: "chat-123",
+    },
+  ]);
+});
+
+it("does not mutate the caller's event object when redacting", () => {
+  window.dataLayer = [];
+  setGtmPiiRedaction(true);
+  const event: Record<string, unknown> = {
+    email: "lead@example.com",
+    tourType: "in-person",
+  };
+
+  pushGtmEvent("scheduleTourSubmitted", event);
+
+  expect(event).to.deep.equal({
+    email: "lead@example.com",
+    tourType: "in-person",
+  });
+});

package/src/gtm.ts

@@ -5,13 +5,39 @@ declare global {
   }
 }
 
+// MAA (org 57) and the MAA test org (2575) asked us not to push lead PII
+// into the host page's dataLayer
+export const HIDE_DATA_LAYER_PII_ORG_IDS = [57, 2575];
+
+const GTM_PII_KEYS = [
+  "email",
+  "phone",
+  "firstName",
+  "lastName",
+  "message",
+  "tourDetails",
+];
+
+let hideDataLayerPii = false;
+
+export const setGtmPiiRedaction = (enabled: boolean): void => {
+  hideDataLayerPii = enabled;
+};
+
 export const pushGtmEvent = (
   eventName: string,
   event: Record<string, unknown> = {}
 ): void => {
   window.dataLayer = window.dataLayer || [];
+  let eventToPush = event;
+  if (hideDataLayerPii) {
+    eventToPush = { ...event };
+    for (const piiKey of GTM_PII_KEYS) {
+      delete eventToPush[piiKey];
+    }
+  }
   window.dataLayer.push({
     event: eventName,
-    ...event,
+    ...eventToPush,
   });
 };

package/src/services/fees/buildBuildingUnitsQuery.ts

@@ -0,0 +1,35 @@
+import QueryParamBuilder from "../../utils/queryParamBuilder";
+
+type BuildingUnitsQueryParams = {
+  numBedrooms?: number[];
+  moveInDateString?: string;
+  leaseTerm?: number;
+};
+
+export const buildBuildingUnitsQuery = ({
+  numBedrooms,
+  moveInDateString,
+  leaseTerm,
+}: BuildingUnitsQueryParams): string => {
+  const queryParamBuilder = new QueryParamBuilder();
+  queryParamBuilder
+    .addArray(
+      "num_bedrooms",
+      numBedrooms?.map((num) => num.toString())
+    )
+    .addSingle("move_in_date_earliest", moveInDateString)
+    .addSingle("move_in_date_latest", moveInDateString)
+    .addSingle("lease_term_min", leaseTerm?.toString());
+
+  return queryParamBuilder.build();
+};
+
+export const sortUnitsByStartingPrice = <
+  T extends { id: number; startingPrice: number }
+>(
+  units: T[]
+): T[] =>
+  [...units].sort((firstUnit, secondUnit) => {
+    const priceDifference = firstUnit.startingPrice - secondUnit.startingPrice;
+    return priceDifference || firstUnit.id - secondUnit.id;
+  });

package/src/services/fees/fetchBuildingUnits.test.ts

@@ -0,0 +1,30 @@
+import { expect } from "@esm-bundle/chai";
+import {
+  buildBuildingUnitsQuery,
+  sortUnitsByStartingPrice,
+} from "./buildBuildingUnitsQuery";
+
+it("requests units for the selected move-in date", () => {
+  const queryString = buildBuildingUnitsQuery({
+    moveInDateString: "2026-08-01",
+    leaseTerm: 12,
+  });
+
+  expect(queryString).to.include("move_in_date_earliest=2026-08-01");
+  expect(queryString).to.include("move_in_date_latest=2026-08-01");
+  expect(queryString).not.to.include("lease_term=12");
+  expect(queryString).to.include("lease_term_min=12");
+});
+
+it("sorts the cheapest units first without mutating the API response", () => {
+  const units = [
+    { id: 3, startingPrice: 2699 },
+    { id: 2, startingPrice: 2574 },
+    { id: 1, startingPrice: 2574 },
+  ];
+
+  const sortedUnits = sortUnitsByStartingPrice(units);
+
+  expect(sortedUnits.map((unit) => unit.id)).to.deep.equal([1, 2, 3]);
+  expect(units.map((unit) => unit.id)).to.deep.equal([3, 2, 1]);
+});

package/src/services/fees/fetchBuildingUnits.ts

@@ -2,7 +2,10 @@ import axios from "axios";
 import { LogType, sendLoggingEvent } from "../../analytics";
 import { BASE_DOMAIN } from "../../globals";
 import { camelize } from "../../utils";
-import QueryParamBuilder from "../../utils/queryParamBuilder";
+import {
+  buildBuildingUnitsQuery,
+  sortUnitsByStartingPrice,
+} from "./buildBuildingUnitsQuery";
 
 const BASE_URL = BASE_DOMAIN;
 
@@ -30,44 +33,34 @@ export type Unit = {
 type FetchPropertyUnitsParams = {
   buildingSlug: string;
   numBedrooms?: number[];
-  moveInDateEarliestString?: string;
-  moveInDateLatest?: Date;
-  leaseTermMin?: number;
+  moveInDateString?: string;
+  leaseTerm?: number;
 };
 
 const fetchBuildingUnits = async ({
   buildingSlug,
   numBedrooms,
-  moveInDateEarliestString,
-  moveInDateLatest,
-  leaseTermMin,
+  moveInDateString,
+  leaseTerm,
 }: FetchPropertyUnitsParams): Promise<Unit[]> => {
   try {
-    const latestDateStr = moveInDateLatest
-      ? moveInDateLatest.toISOString().split("T")[0]
-      : undefined;
-
-    const queryParamBuilder = new QueryParamBuilder();
-    queryParamBuilder
-      .addArray(
-        "num_bedrooms",
-        numBedrooms?.map((num) => num.toString())
-      )
-      .addSingle("move_in_date_earliest", moveInDateEarliestString)
-      .addSingle("move_in_date_latest", latestDateStr)
-      .addSingle("lease_term_min", leaseTermMin?.toString());
-
-    const queryString = queryParamBuilder.build();
+    const queryString = buildBuildingUnitsQuery({
+      numBedrooms,
+      moveInDateString,
+      leaseTerm,
+    });
     const propertyUnitsResponse = await axios.get(
       `${BASE_URL}/platformApi/webchat/${buildingSlug}/units${queryString}`
     );
 
     if (propertyUnitsResponse.data) {
       const camelizedUnits = camelize<Unit[]>(propertyUnitsResponse.data);
-      return camelizedUnits.map((unit) => ({
-        ...unit,
-        id: parseInt(unit.id.toString().substring(1)),
-      }));
+      return sortUnitsByStartingPrice(
+        camelizedUnits.map((unit) => ({
+          ...unit,
+          id: parseInt(unit.id.toString().substring(1)),
+        }))
+      );
     }
   } catch (error) {
     sendLoggingEvent({
@@ -76,7 +69,7 @@ const fetchBuildingUnits = async ({
       logTitle: "[ERROR_GETTING_UNITS]",
       logData: {
         error,
-        params: { numBedrooms, moveInDateEarliestString, moveInDateLatest },
+        params: { numBedrooms, moveInDateString, leaseTerm },
       },
     });
   }