@meetelise/chat 1.55.3 → 1.57.0

package/src/WebComponent/me-chat.ts

@@ -76,6 +76,7 @@ import {
   shouldOpenTourSchedulerFromUrl,
   storeGoogleReserveReferral,
 } from "../googleReserve";
+import { consumeReopenChatAfterNavigation } from "../webchatNavigation";
 
 @customElement("me-chat")
 export class MEChat extends LitElement {
@@ -136,6 +137,19 @@ export class MEChat extends LitElement {
   private orgSlug = "";
   @property({ type: Boolean })
   private centralConvo = false;
+  /**
+   * Org-level webchat only: the building the snippet names (`building` in
+   * `MEChat.start`). It doesn't change config or the conversation, which stay
+   * org-anchored; its id is sent with visitor messages as `declaredBuildingId`.
+   */
+  @property({ type: String })
+  private declaredBuildingSlug = "";
+  /**
+   * Org-level webchat (`centralConvo` started without a building). Stays true
+   * after the widget adopts the org's triage general building from
+   * /webchat/init, which sets `buildingSlug`.
+   */
+  private orgLevel = false;
   @property({ type: Object })
   launcherStyles: StyleInfo = {};
   @property()
@@ -284,26 +298,30 @@ export class MEChat extends LitElement {
   private setupWebchat = async (): Promise<void> => {
     if (!this.orgSlug) return;
     if (!this.centralConvo && !this.buildingSlug) return;
+    if (this.centralConvo && !this.buildingSlug) this.orgLevel = true;
     const buildingWebchatView = this.centralConvo
       ? await fetchOrgCentralWebchatView(this.orgSlug)
       : await fetchBuildingWebchatView(this.orgSlug, this.buildingSlug);
 
-    if (Math.random() < 0.2) {
+    // Both post per-building data, keyed by the building slug.
+    if (!this.isOrgMode()) {
+      if (Math.random() < 0.2) {
+        try {
+          updateRentgrataToken(this.buildingSlug, this.orgSlug);
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.warn("Error updating rentgrata token", e);
+        }
+      }
+
       try {
-        updateRentgrataToken(this.buildingSlug, this.orgSlug);
+        logCdnVersion(this.orgSlug, this.buildingSlug);
       } catch (e) {
         // eslint-disable-next-line no-console
-        console.warn("Error updating rentgrata token", e);
+        console.warn("Error logging CDN version", e);
       }
     }
 
-    try {
-      logCdnVersion(this.orgSlug, this.buildingSlug);
-    } catch (e) {
-      // eslint-disable-next-line no-console
-      console.warn("Error logging CDN version", e);
-    }
-
     const shouldShowWebchat = await getShouldShowWebchat(
       buildingWebchatView,
       this.buildingSlug,
@@ -325,6 +343,9 @@ export class MEChat extends LitElement {
     }
     this.buildingWebchatView = buildingWebchatView;
 
+    // A "Take me there" click on the previous page.
+    const reopenAfterNavigation = consumeReopenChatAfterNavigation();
+
     await this.initializeChatVariables();
     await this.handleChatInitializeAnalytics();
     await this.setBuildingDerivedInfo();
@@ -333,7 +354,13 @@ export class MEChat extends LitElement {
 
     storeGoogleReserveReferral(this.buildingWebchatView?.id ?? 0);
 
-    if (
+    if (reopenAfterNavigation) {
+      // Reopen the chat the visitor was using. initializeChatVariables has
+      // already loaded the saved conversation, so it is drawn on open.
+      this.displayPubnubChat = true;
+      this.hideLauncher = true;
+      this.hasMounted = true;
+    } else if (
       shouldOpenTourSchedulerFromUrl() &&
       (this.enabledChatWidgets.sstDesktop || this.enabledChatWidgets.sstMobile)
     ) {
@@ -355,7 +382,9 @@ export class MEChat extends LitElement {
   setBuildingDerivedInfo = async (): Promise<void> => {
     const buildingDetails = this.buildingWebchatView;
     if (!buildingDetails) return;
-    if (buildingDetails && this.orgSlug) {
+    // Org-level webchat runs on the org's own pages, so it leaves their links,
+    // forms and phone numbers alone rather than pointing them at its building.
+    if (buildingDetails && this.orgSlug && !this.orgLevel) {
       overrideContactUsForm(
         this.orgSlug,
         this.LeadSourceClient?.chatId ?? null,
@@ -385,7 +414,10 @@ export class MEChat extends LitElement {
       bedroomPreferenceRequired,
       brokerIntakeEnabled,
     ] = await Promise.all([
-      fetchLeadSources(this.orgSlug, this.buildingSlug),
+      // Per-building endpoint; org mode has no building to ask about.
+      this.isOrgMode()
+        ? Promise.resolve([])
+        : fetchLeadSources(this.orgSlug, this.buildingSlug),
       fetchFeatureFlagUseApplicationsLinkReplacement(this.buildingSlug),
       fetchBuildingAip(this.buildingSlug),
       fetchTrackedRolloutBedroomPreferenceRequired(this.buildingSlug),
@@ -405,7 +437,10 @@ export class MEChat extends LitElement {
     this.brokerIntakeEnabled = brokerIntakeEnabled;
 
     // The backend is cached for ~4 hours, so falling back to the existing api request until the cache propagates all the changes
-    const buildingPhoneNumber = buildingDetails.textWithUsPhoneNumber
+    // Org-level webchat never offers Text Us, so it needs no number for it.
+    const buildingPhoneNumber = this.orgLevel
+      ? null
+      : buildingDetails.textWithUsPhoneNumber
       ? buildingDetails.textWithUsPhoneNumber
       : await getBuildingPhoneNumber(this.buildingSlug);
 
@@ -435,9 +470,15 @@ export class MEChat extends LitElement {
       calcMobile: shouldShowCalcMobile,
     };
 
-    this.enabledChatWidgets = getWidgetOverrides(baseEnabledWidgets);
+    this.enabledChatWidgets = this.withOrgLevelContactOptions(
+      getWidgetOverrides(baseEnabledWidgets),
+      this.buildingWebchatView?.phoneNumber ?? ""
+    );
 
-    if (
+    if (this.orgLevel) {
+      // Org-level webchat leaves the org site's tour links alone too; they'd
+      // otherwise open the triage general building's scheduler.
+    } else if (
       this.enabledChatWidgets.sstDesktop ||
       this.enabledChatWidgets.sstMobile ||
       this.orgSlug === "radco"
@@ -501,7 +542,8 @@ export class MEChat extends LitElement {
 
     const buildingsPhoneNumber = this.buildingWebchatView?.phoneNumber ?? "";
     let phoneNumberForSource = null;
-    if (featureFlagUseDNI) {
+    // Org-level webchat calls its building's own number, never a DNI number.
+    if (featureFlagUseDNI && !this.orgLevel) {
       phoneNumberForSource = await fetchPhoneNumberFromSource(
         this.buildingSlug,
         this.LeadSourceClient?.leadSource ?? null
@@ -560,12 +602,18 @@ export class MEChat extends LitElement {
         this.leadSources.push(currentLeadSource);
       }
     }
-    getRawAvailabilities(buildingDetails.id); // we're not using this here, just want to cache the result
+    if (!this.isOrgMode()) {
+      getRawAvailabilities(buildingDetails.id); // we're not using this here, just want to cache the result
+    }
     const isApplicationLinkReplacementEnabled =
       (featureFlagUseApplicationsLinkReplacement ||
         this.buildingWebchatView?.isAip) &&
       this.buildingWebchatView?.isLiveOnApplications;
-    if (isApplicationLinkReplacementEnabled && this.buildingSlug) {
+    if (
+      isApplicationLinkReplacementEnabled &&
+      this.buildingSlug &&
+      !this.orgLevel
+    ) {
       const totalReplacements = replaceSelectButtonsWithNewLink(
         `https://applications.eliseai.com/building/${this.buildingSlug}/units`,
         this.orgSlug,
@@ -586,7 +634,7 @@ export class MEChat extends LitElement {
       }
     }
 
-    if (this.buildingSlug && this.orgSlug) {
+    if (this.buildingSlug && this.orgSlug && !this.orgLevel) {
       try {
         replaceOutdatedApplicationLinks(this.buildingSlug);
       } catch {
@@ -597,6 +645,7 @@ export class MEChat extends LitElement {
 
     if (
       this.buildingSlug &&
+      !this.orgLevel &&
       !!this.buildingWebchatView?.isLiveOnApplications &&
       this.buildingWebchatView?.applicationLink &&
       shouldOverwriteCheckAvail(this.orgSlug)
@@ -613,9 +662,10 @@ export class MEChat extends LitElement {
     if (!this.buildingWebchatView) return;
 
     // important to distinguish between a user who has never opened the chat and a user who has opened the chat but closed it
-    const currentChatStorageKey = getChatStorageKey(this.buildingSlug);
+    const chatStorageSlug = this.chatStorageSlug();
+    const currentChatStorageKey = getChatStorageKey(chatStorageSlug);
     const isReturningUser = isChatKeyValid(
-      this.buildingSlug,
+      chatStorageSlug,
       currentChatStorageKey
     );
 
@@ -623,7 +673,7 @@ export class MEChat extends LitElement {
     // temporary client-generated one (will be overwritten by server session below).
     const updatedChatStorageKey = isReturningUser
       ? currentChatStorageKey
-      : createChatStorageKey(this.buildingSlug, false);
+      : createChatStorageKey(chatStorageSlug, false);
 
     if (!updatedChatStorageKey.leadId) {
       throw new Error("Lead ID is null");
@@ -646,6 +696,17 @@ export class MEChat extends LitElement {
       this.LeadSourceClient,
       this.widgetType
     );
+    this.myPubnub.chatStorageSlug = chatStorageSlug;
+    if (this.centralConvo) {
+      const myPubnub = this.myPubnub;
+      myPubnub.centralConvo = true;
+      // Not awaited: only needed once the visitor sends a message.
+      void this.fetchDeclaredBuildingId().then((id) => {
+        myPubnub.declaredBuildingId = id;
+      });
+    } else {
+      this.myPubnub.declaredBuildingId = this.buildingWebchatView.id;
+    }
 
     // Always create/resume a server-side session so the client has a fresh
     // sessionToken and never falls back to the insecure V1 token endpoint.
@@ -658,10 +719,13 @@ export class MEChat extends LitElement {
     if (session) {
       // Persist the server-provided leadId to localStorage, preserving initiatedChat flag
       createChatStorageKey(
-        this.buildingSlug,
+        chatStorageSlug,
         updatedChatStorageKey.initiatedChat,
         session.lead_id
       );
+      if (this.isOrgMode() && session.building_slug) {
+        await this.adoptBuilding(session.building_slug);
+      }
     }
 
     this.LeadSourceClient.chatId = this.myPubnub.channel;
@@ -693,12 +757,77 @@ export class MEChat extends LitElement {
     }
     // Re-read from localStorage so initializePubnub gets the server-provided
     // leadId (not the stale reference captured before initSession).
-    const finalChatStorageKey = getChatStorageKey(this.buildingSlug);
+    const finalChatStorageKey = getChatStorageKey(chatStorageSlug);
     if (finalChatStorageKey.initiatedChat) {
       await this.myPubnub.initializePubnub(finalChatStorageKey);
     }
   };
 
+  /**
+   * Org-level webchat with no building: config comes from the org, and there is
+   * no building slug for the per-building endpoints.
+   */
+  private isOrgMode = (): boolean => this.centralConvo && !this.buildingSlug;
+
+  /** Where the conversation is saved: org-level webchat keeps one per org. */
+  private chatStorageSlug = (): string =>
+    this.orgLevel ? "" : this.buildingSlug;
+
+  /**
+   * Org-level webchat: /webchat/init chose the org's triage general building,
+   * so run as a widget for that building from here on (its config, and its
+   * slug for the per-building endpoints). The conversation stays the org-level
+   * one /webchat/init returned. If its config can't be loaded, stay in org mode.
+   */
+  private adoptBuilding = async (buildingSlug: string): Promise<void> => {
+    try {
+      const view = await fetchBuildingWebchatView(this.orgSlug, buildingSlug);
+      if (!view?.id) return;
+      this.buildingSlug = buildingSlug;
+      this.buildingWebchatView = view;
+      this.myPubnub?.adoptBuilding(buildingSlug, view);
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.warn("Error loading the org-level webchat building", e);
+    }
+  };
+
+  /**
+   * Org-level webchat offers no Email or Text Us, and offers Call Us only with
+   * its building's number (the org's triage line).
+   */
+  private withOrgLevelContactOptions = <
+    T extends typeof this.enabledChatWidgets
+  >(
+    widgets: T,
+    callNumber: string
+  ): T => {
+    if (!this.orgLevel) return widgets;
+    return {
+      ...widgets,
+      emailDesktop: false,
+      emailMobile: false,
+      textDesktop: false,
+      textMobile: false,
+      callDesktop: widgets.callDesktop && !!callNumber,
+      callMobile: widgets.callMobile && !!callNumber,
+    };
+  };
+
+  /** The numeric id of the snippet's building in org-level webchat, if it names one. */
+  private fetchDeclaredBuildingId = async (): Promise<number | null> => {
+    if (!this.declaredBuildingSlug || !this.orgSlug) return null;
+    try {
+      const view = await fetchBuildingWebchatView(
+        this.orgSlug,
+        this.declaredBuildingSlug
+      );
+      return typeof view?.id === "number" && view.id > 0 ? view.id : null;
+    } catch {
+      return null;
+    }
+  };
+
   private shouldAutoOpenChat = (buildingHasAutoOpen: boolean): boolean => {
     const alreadyAutoOpenedTimestamp = sessionStorage.getItem(
       "alreadyAutoOpenedTimestamp"
@@ -728,7 +857,9 @@ export class MEChat extends LitElement {
 
   public async restartConversation(): Promise<void> {
     this.myPubnub?.handleDisconnect();
-    clearChatStorageKey(this.buildingSlug);
+    clearChatStorageKey(this.chatStorageSlug());
+    // Org-level webchat asks /webchat/init for its building again.
+    if (this.orgLevel) this.buildingSlug = "";
     this.myPubnub = null;
     this.displayPubnubChat = false;
     await this.setupWebchat();
@@ -981,6 +1112,7 @@ export class MEChat extends LitElement {
                   .myPubnub=${this.myPubnub}
                   .orgSlug=${this.orgSlug}
                   .buildingSlug=${this.buildingSlug}
+                  .centralConvo=${this.centralConvo}
                   .widgetType=${WidgetType.Default}
                   .building=${this.buildingWebchatView}
                   .primaryColor=${this.primaryColor}

package/src/WebComponent/pubnub-chat.ts

@@ -6,6 +6,7 @@ import MyPubnub, {
   SimpleMessageTypes,
   SimpleChatMessage,
   isSimpleMediaChatMessage,
+  isSimpleNavigationChatMessage,
   isSimpleTextChatMessage,
 } from "../MyPubnub";
 import {
@@ -21,6 +22,7 @@ import { leasingChatStyles } from "./leasing-chat-styles";
 import { pubnubChatStyles } from "./pubnub-chat-styles";
 import "./pubnub-message";
 import "./pubnub-media";
+import "./pubnub-navigation";
 import classNames from "classnames";
 import { differenceInDays } from "date-fns";
 import { WidgetType } from "../main/MEChat";
@@ -79,6 +81,10 @@ export class PubnubChat extends LitElement {
   @property({ attribute: true })
   buildingSlug: string | undefined;
 
+  /** Org-level webchat, which has no building slug. */
+  @property({ attribute: true })
+  centralConvo = false;
+
   @property({ attribute: true })
   widgetType: WidgetType = WidgetType.Default;
 
@@ -243,7 +249,7 @@ export class PubnubChat extends LitElement {
   };
 
   render(): TemplateResult {
-    if (!this.buildingSlug) {
+    if (!this.buildingSlug && !this.centralConvo) {
       return html``; // error should be here
     }
 
@@ -376,10 +382,14 @@ export class PubnubChat extends LitElement {
                     role="article"
                     aria-label="${message.isLeadMessage
                       ? "You"
-                      : "Elise"}: ${isSimpleTextChatMessage(message)
-                      ? message.message
-                      : "Media message"}"
+                      : "Elise"}: ${messageAriaLabel(message)}"
                   >
+                    ${isSimpleNavigationChatMessage(message)
+                      ? html`<pubnub-navigation
+                          .message=${message}
+                          .onMount=${() => this.scrollToChatBottom()}
+                        ></pubnub-navigation>`
+                      : ""}
                     ${isSimpleMediaChatMessage(message)
                       ? html` <pubnub-media
                           .message=${message}
@@ -551,10 +561,14 @@ export class PubnubChat extends LitElement {
                     role="article"
                     aria-label="${message.isLeadMessage
                       ? "You"
-                      : "Elise"}: ${isSimpleTextChatMessage(message)
-                      ? message.message
-                      : "Media message"}"
+                      : "Elise"}: ${messageAriaLabel(message)}"
                   >
+                    ${isSimpleNavigationChatMessage(message)
+                      ? html`<pubnub-navigation
+                          .message=${message}
+                          .onMount=${() => this.scrollToChatBottom()}
+                        ></pubnub-navigation>`
+                      : ""}
                     ${isSimpleMediaChatMessage(message)
                       ? html` <pubnub-media
                           .message=${message}
@@ -750,10 +764,14 @@ export class PubnubChat extends LitElement {
                   role="article"
                   aria-label="${message.isLeadMessage
                     ? "You"
-                    : "Elise"}: ${isSimpleTextChatMessage(message)
-                    ? message.message
-                    : "Media message"}"
+                    : "Elise"}: ${messageAriaLabel(message)}"
                 >
+                  ${isSimpleNavigationChatMessage(message)
+                    ? html`<pubnub-navigation
+                        .message=${message}
+                        .onMount=${() => this.scrollToChatBottom()}
+                      ></pubnub-navigation>`
+                    : ""}
                   ${isSimpleMediaChatMessage(message)
                     ? html` <pubnub-media
                         .message=${message}
@@ -851,3 +869,11 @@ export class PubnubChat extends LitElement {
     `;
   }
 }
+
+const messageAriaLabel = (message: SimpleChatMessage): string => {
+  if (isSimpleTextChatMessage(message)) return message.message;
+  if (isSimpleNavigationChatMessage(message)) {
+    return `Take me to ${message.navigation.label}`;
+  }
+  return "Media message";
+};

package/src/WebComponent/pubnub-navigation.ts

@@ -0,0 +1,73 @@
+import { css, html, LitElement, TemplateResult } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { SimpleNavigationChatMessage } from "../MyPubnub";
+import { isMobile } from "../utils";
+import { takeMeThere } from "../webchatNavigation";
+import { InputStyles } from "./actions/InputStyles";
+import { pubnubChatStyles } from "./pubnub-chat-styles";
+
+/** The "Take me to {label}" button the agent sends after a reply. */
+@customElement("pubnub-navigation")
+export class PubnubNavigation extends LitElement {
+  static styles = [
+    InputStyles,
+    pubnubChatStyles,
+    css`
+      .navigation-button {
+        cursor: pointer;
+        border: none;
+        border-radius: 8px;
+        padding: 8px 12px;
+        background: black;
+        color: white;
+        font-family: inherit;
+        text-align: left;
+        line-height: 1.4;
+      }
+      .navigation-button:hover {
+        opacity: 0.85;
+      }
+      .navigation-button:focus-visible {
+        outline: 2px solid #4d90fe;
+        outline-offset: 2px;
+      }
+    `,
+  ];
+
+  @property({ attribute: false })
+  message: SimpleNavigationChatMessage | undefined;
+
+  @property({ attribute: false })
+  onMount: () => void = () => ({});
+
+  /** Overridable in tests; navigates the same tab by default. */
+  @property({ attribute: false })
+  navigate: (url: string) => void = (url) => window.location.assign(url);
+
+  updated(): void {
+    this.onMount();
+  }
+
+  render(): TemplateResult {
+    if (!this.message) return html``;
+    const { navigation } = this.message;
+    return html`<button
+      type="button"
+      class=${classMap({
+        ["navigation-button"]: true,
+        ["webchat-font__desktop"]: !isMobile(),
+        ["webchat-font__mobile"]: isMobile(),
+      })}
+      @click=${() => takeMeThere(navigation, this.navigate)}
+    >
+      Take me to ${navigation.label}
+    </button>`;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    "pubnub-navigation": PubnubNavigation;
+  }
+}

package/src/brokerReferralSubmission.test.ts

@@ -85,6 +85,43 @@ it("sends a broker referral with the client as the prospect and the broker field
   expect(JSON.stringify(event)).not.to.contain("bea@realty.example.com");
 });
 
+it("sends the broker's phone on a referral email when they gave one", async () => {
+  const requests = captureRequests();
+  const emailUs = createForm({
+    brokerIntakeEnabled: true,
+    isBrokerReferral: true,
+    ...brokerFields,
+    brokerPhone: "(312) 555-0199",
+    brokerPhoneE164: "+13125550199",
+    brokerPhoneIsValid: true,
+  });
+
+  const submission = emailUs.onClick();
+
+  expect(requests).to.have.length(1);
+  expect(JSON.parse(requests[0].requestBody ?? "{}")).to.include({
+    broker_phone: "+13125550199",
+  });
+  requests[0].respond(200, { "Content-Type": "application/json" }, "{}");
+  await submission;
+});
+
+it("won't send a referral email with an invalid broker phone", async () => {
+  const requests = captureRequests();
+  const emailUs = createForm({
+    brokerIntakeEnabled: true,
+    isBrokerReferral: true,
+    ...brokerFields,
+    brokerPhone: "555",
+    brokerPhoneE164: null,
+    brokerPhoneIsValid: false,
+  });
+
+  await emailUs.onClick();
+
+  expect(requests).to.have.length(0);
+});
+
 it("sends no broker fields when broker intake is off, whatever the form holds", async () => {
   const requests = captureRequests();
   const emailUs = createForm({
@@ -224,9 +261,15 @@ it("moves what a broker typed into their own details when they tick the referral
   fill("Email", "bea@realty.example.com");
   await emailUs.updateComplete;
 
-  const checkbox = emailUs.shadowRoot?.querySelector(
-    "#broker-referral-toggle"
-  ) as HTMLInputElement;
+  // The switch moves when ticked (under Brokerage), so find it again for each click.
+  const checkbox = {
+    click: () =>
+      (
+        emailUs.shadowRoot?.querySelector(
+          "#broker-referral-toggle"
+        ) as HTMLInputElement
+      ).click(),
+  };
   checkbox.click();
   await emailUs.updateComplete;
 
@@ -257,9 +300,15 @@ it("keeps a filled client when the referral box is unticked and ticked again", a
   Object.assign(emailUs, { brokerIntakeEnabled: true, buildingId: 445038 });
   document.body.appendChild(emailUs);
   await emailUs.updateComplete;
-  const checkbox = emailUs.shadowRoot?.querySelector(
-    "#broker-referral-toggle"
-  ) as HTMLInputElement;
+  // The switch moves when ticked (under Brokerage), so find it again for each click.
+  const checkbox = {
+    click: () =>
+      (
+        emailUs.shadowRoot?.querySelector(
+          "#broker-referral-toggle"
+        ) as HTMLInputElement
+      ).click(),
+  };
   checkbox.click();
   await emailUs.updateComplete;
   Object.assign(emailUs, {
@@ -357,6 +406,44 @@ it("books a broker's tour with the client as the prospect and the broker fields"
   expect(JSON.stringify(event)).not.to.contain("bea@realty.example.com");
 });
 
+it("sends the broker's phone on a referral tour when they gave one", async () => {
+  const requests = captureRequests();
+  const tour = createTour({
+    brokerIntakeEnabled: true,
+    isBrokerReferral: true,
+    ...brokerFields,
+    brokerPhone: "(312) 555-0199",
+    brokerPhoneE164: "+13125550199",
+    brokerPhoneIsValid: true,
+  });
+
+  const submission = tour.submit();
+
+  expect(requests).to.have.length(1);
+  expect(JSON.parse(requests[0].requestBody ?? "{}")).to.include({
+    phone_number: "+13125550100",
+    broker_phone: "+13125550199",
+  });
+  requests[0].respond(200, { "Content-Type": "application/json" }, "{}");
+  await submission;
+});
+
+it("won't book a referral tour with an invalid broker phone", async () => {
+  const requests = captureRequests();
+  const tour = createTour({
+    brokerIntakeEnabled: true,
+    isBrokerReferral: true,
+    ...brokerFields,
+    brokerPhone: "555",
+    brokerPhoneE164: null,
+    brokerPhoneIsValid: false,
+  });
+
+  await tour.submit();
+
+  expect(requests).to.have.length(0);
+});
+
 it("books a tour with no broker fields when broker intake is off, whatever the form holds", async () => {
   const requests = captureRequests();
   const tour = createTour({

package/src/main/MEChat.ts

@@ -66,7 +66,11 @@ export interface StudioWebchatContext {
 
 export interface StudioWebchatClearContext {
   source?: "elise_studio";
-  reason?: "no_property_for_route" | "webchat_disabled" | "ambiguous_route" | string;
+  reason?:
+    | "no_property_for_route"
+    | "webchat_disabled"
+    | "ambiguous_route"
+    | string;
   preserveCache?: boolean;
 }
 
@@ -209,6 +213,10 @@ export default class MEChat {
         // Centralized webchat is org-anchored: config comes from the org, not a
         // per-building slug or site resolution.
         meChatElement.setAttribute("centralConvo", "true");
+        if (opts.building) {
+          // Page context only: sent with visitor messages as declaredBuildingId.
+          meChatElement.setAttribute("declaredBuildingSlug", opts.building);
+        }
       } else {
         this.handleBuildingslug(
           meChatElement as MEChatLitElement,