@meetelise/chat 1.46.0 → 1.47.1

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

@@ -226,6 +226,8 @@ export class TourScheduler extends LitElement {
 
   @state()
   private centralConvoBuildings: CentralConvoBuilding[] = [];
+  @state()
+  private isGeneralBuilding = false;
   @query("me-select#building")
   selectedBuildingEl?: MESelect;
   @state()
@@ -466,7 +468,14 @@ export class TourScheduler extends LitElement {
   };
 
   firstUpdated = async (): Promise<void> => {
-    this._fetchCentralConvoBuildings();
+    await this._fetchCentralConvoBuildings();
+    if (this.isGeneralBuilding) {
+      this.waitingForAvailabilities = false;
+      this.shouldAllowScheduleLoading = false;
+      this.statusMessage =
+        "Please select a building to see tour availabilities.";
+      return;
+    }
     await this._loadForCurrentBuilding();
   };
 
@@ -493,12 +502,15 @@ export class TourScheduler extends LitElement {
   private _fetchCentralConvoBuildings = async (): Promise<void> => {
     if (!this.orgSlug || !this.buildingSlug) return;
     try {
-      this.centralConvoBuildings = await fetchCentralConvoBuildings(
+      const res = await fetchCentralConvoBuildings(
         this.orgSlug,
         this.buildingSlug
       );
+      this.centralConvoBuildings = res.buildings;
+      this.isGeneralBuilding = res.is_general_building;
     } catch (e) {
       this.centralConvoBuildings = [];
+      this.isGeneralBuilding = false;
     }
   };
 
@@ -508,6 +520,7 @@ export class TourScheduler extends LitElement {
     const building = this.centralConvoBuildings.find((b) => b.slug === slug);
     if (!building) return;
 
+    this.isGeneralBuilding = false;
     this.waitingForAvailabilities = true;
     this.errorGettingAvailabilities = false;
     this.tourType = null;
@@ -561,20 +574,28 @@ export class TourScheduler extends LitElement {
     }
   };
 
+  buildingSelectMenu(): TemplateResult {
+    return html`<me-select
+      id="building"
+      placeholder="Select a property"
+      .value=${this.isGeneralBuilding ? "" : this.buildingSlug}
+      .options="${this.centralConvoBuildings.map((b) => ({
+        label: b.name,
+        value: b.slug,
+      }))}"
+      @change=${this._onBuildingChange}
+    >
+    </me-select>`;
+  }
+
   buildingSelector(): TemplateResult | string {
-    if (this.centralConvoBuildings.length <= 1) return "";
+    if (this.isGeneralBuilding) {
+      if (this.centralConvoBuildings.length === 0) return "";
+    } else if (this.centralConvoBuildings.length <= 1) {
+      return "";
+    }
     return html`<h2 class="journey-header">Building</h2>
-      <me-select
-        id="building"
-        placeholder="Select a property"
-        .value=${this.buildingSlug}
-        .options="${this.centralConvoBuildings.map((b) => ({
-          label: b.name,
-          value: b.slug,
-        }))}"
-        @change=${this._onBuildingChange}
-      >
-      </me-select>`;
+      ${this.buildingSelectMenu()}`;
   }
 
   protected willUpdate = async (
@@ -1578,27 +1599,42 @@ export class TourScheduler extends LitElement {
     `;
   }
 
+  private renderCenteredCard(content: TemplateResult): TemplateResult {
+    return html` <div
+      id="tour-scheduler-inner-form"
+      class="${classnames({
+        "tour-scheduler-full": !this.compactDesign && !isMobile(),
+        "tour-scheduler-compact": this.compactDesign && !isMobile(),
+        "tour-scheduler-mobile": isMobile(),
+      })}"
+    >
+      <div id="top-header">
+        <div></div>
+        ${this.closeButton()}
+      </div>
+      <div class="center-tour-not-avail">${content}</div>
+    </div>`;
+  }
+
   private renderBody(): TemplateResult {
     const isLoading =
       this.waitingForAvailabilities || this.shouldAllowScheduleLoading;
+    if (this.isGeneralBuilding && !isLoading) {
+      return this.renderCenteredCard(html`
+        <h1>Please select a building</h1>
+        <p>Choose a property to see available tours.</p>
+        ${this.centralConvoBuildings.length > 0
+          ? html`<div class="general-building-select">
+              ${this.buildingSelectMenu()}
+            </div>`
+          : ""}
+      `);
+    }
     if (!this.shouldAllowScheduling && !isLoading) {
-      return html` <div
-        id="tour-scheduler-inner-form"
-        class="${classnames({
-          "tour-scheduler-full": !this.compactDesign && !isMobile(),
-          "tour-scheduler-compact": this.compactDesign && !isMobile(),
-          "tour-scheduler-mobile": isMobile(),
-        })}"
-      >
-        <div id="top-header">
-          <div></div>
-          ${this.closeButton()}
-        </div>
-        <div class="center-tour-not-avail">
-          <h1>Sorry, there are currently no tour availabilities</h1>
-          <p>Please check back again later</p>
-        </div>
-      </div>`;
+      return this.renderCenteredCard(html`
+        <h1>Sorry, there are currently no tour availabilities</h1>
+        <p>Please check back again later</p>
+      `);
     }
     if (isLoading) {
       return html` <div

package/src/WebComponent/Scheduler/tourSchedulerStyles.ts

@@ -441,6 +441,10 @@ otherwise there's some empty space at the bottom of the button, which interferes
     font-size: 14px;
     text-align: left;
   }
+  .general-building-select {
+    width: 100%;
+    margin-top: 16px;
+  }
   .loading-entire-tour-icon {
     padding: 24px;
   }

package/src/WebComponent/me-chat.ts

@@ -31,6 +31,7 @@ import { StyleInfo } from "lit/directives/style-map";
 import addMinutes from "date-fns/addMinutes";
 import formatISO from "date-fns/formatISO";
 import fetchLeadSources from "../fetchLeadSources";
+import fetchBuildingAip from "../fetchBuildingAip";
 import { formatPhoneNumber } from "./actions/formatPhoneNumber";
 import MyPubnub from "../MyPubnub";
 import { insertDNIIntoWebsite } from "../insertDNIIntoWebsite";
@@ -351,16 +352,18 @@ export class MEChat extends LitElement {
     const featureFlagReplaceScheduleTourCtaWebsite =
       buildingDetails.featureFlagWebchatReplaceAnyScheduleTourCtaWebsite;
 
-    const [leadSources, featureFlagUseApplicationsLinkReplacement] =
+    const [leadSources, featureFlagUseApplicationsLinkReplacement, isAip] =
       await Promise.all([
         fetchLeadSources(this.orgSlug, this.buildingSlug),
         fetchFeatureFlagUseApplicationsLinkReplacement(this.buildingSlug),
+        fetchBuildingAip(this.buildingSlug),
       ]);
 
     if (this.buildingWebchatView) {
       this.buildingWebchatView.phoneNumber = formatPhoneNumber(
         buildingDetails.phoneNumber
       );
+      this.buildingWebchatView.isAip = isAip;
     }
     this.leadSources = leadSources;
     this.featureFlagShowDropdown =
@@ -518,12 +521,11 @@ export class MEChat extends LitElement {
       }
     }
     getRawAvailabilities(buildingDetails.id); // we're not using this here, just want to cache the result
-
-    if (
-      featureFlagUseApplicationsLinkReplacement &&
-      this.buildingSlug &&
-      this.buildingWebchatView?.isLiveOnApplications
-    ) {
+    const isApplicationLinkReplacementEnabled =
+      (featureFlagUseApplicationsLinkReplacement ||
+        this.buildingWebchatView?.isAip) &&
+      this.buildingWebchatView?.isLiveOnApplications;
+    if (isApplicationLinkReplacementEnabled && this.buildingSlug) {
       const totalReplacements = replaceSelectButtonsWithNewLink(
         `https://applications.eliseai.com/building/${this.buildingSlug}/units`,
         this.orgSlug,

package/src/fetchBuildingAip.ts

@@ -0,0 +1,18 @@
+import axios from "axios";
+
+export default async function fetchBuildingAip(
+  buildingSlug: string
+): Promise<boolean> {
+  if (!buildingSlug) {
+    return false;
+  }
+  const host = "https://app.meetelise.com";
+  try {
+    const response = await axios.get(
+      `${host}/platformApi/webchat/${buildingSlug}/aip`
+    );
+    return response.data?.is_aip ?? false;
+  } catch (_) {
+    return false;
+  }
+}

package/src/fetchBuildingWebchatView.ts

@@ -130,6 +130,7 @@ export interface BuildingWebchatView {
   featureFlagInsertDniIntoWebsite: boolean;
   featureFlagWebchatReplaceAnyScheduleTourCtaWebsite: boolean;
   customAdditionalDisclaimer: string | null;
+  isAip: boolean;
 }
 
 /**
@@ -145,7 +146,6 @@ export default async function fetchBuildingWebchatView(
 ): Promise<BuildingWebchatView> {
   const host = "https://app.meetelise.com";
   const buildingUrl = `${host}/api/pub/v1/organization/${orgSlug}/building/${buildingSlug}/v2`;
-
   const buildingResponse = await axios.get(buildingUrl);
 
   const buildingWebchatView: BuildingWebchatView = buildingResponse.data;

package/src/fetchCentralConvoBuildings.ts

@@ -6,10 +6,14 @@ export interface CentralConvoBuilding {
   slug: string;
 }
 
+export interface CentralConvoBuildingsResponse {
+  is_general_building: boolean;
+  buildings: CentralConvoBuilding[];
+}
+
 /**
  * Fetch the buildings that belong to the same central conversation group as the
- * current building. Returns an empty array when the building is not part of a
- * central conversation group (in which case no building selector is shown).
+ * current building.
  *
  * @param orgSlug - The org slug, e.g. "big-prop-co"
  * @param buildingSlug - The current building's slug, e.g. "gravity-falls"
@@ -17,16 +21,20 @@ export interface CentralConvoBuilding {
 export default async function fetchCentralConvoBuildings(
   orgSlug: string,
   buildingSlug: string
-): Promise<CentralConvoBuilding[]> {
+): Promise<CentralConvoBuildingsResponse> {
   const host = "https://app.meetelise.com";
-  const url = `${host}/platformApi/webchat/central-convo-buildings`;
+  const url = `${host}/platformApi/webchat/central-convo-buildings-v2`;
 
-  const response = await axios.get<CentralConvoBuilding[]>(url, {
+  const response = await axios.get<CentralConvoBuildingsResponse>(url, {
     headers: {
       ["building-slug"]: buildingSlug,
       ["org-slug"]: orgSlug,
     },
   });
 
-  return response.data ?? [];
+  const data = response.data;
+  return {
+    is_general_building: data?.is_general_building ?? false,
+    buildings: data?.buildings ?? [],
+  };
 }

package/src/replaceSelectButtonsWithNewLink.ts

@@ -17,6 +17,9 @@ export const replaceSelectButtonsWithNewLink = (
     /thehavenatgreenhill\.securecafe\.com\/onlineleasing\/the-haven-at-greenhill\/oleapplication\.aspx(\?.*)?$/,
     /securecafe\.com\/onlineleasing.*\/oleapplication\.aspx(\?.*)?$/,
     /\/onlineleasing.*\/oleapplication\.aspx(\?.*)?$/,
+    /\/content\/apply/,
+    /\/apply-now/,
+    /\/apply/,
     /vsc\.myresman\.com\/Portal\/Applicants\/Availability(\?.*)?$/,
     /vsc\.myresman\.com\/Portal\/Applicants\/New\/.*(\?.*)?$/,
     /busboomgroup\.myresman\.com\/Portal\/Applicants\/Availability(\?.*)?$/,